.popoverMenu.svelte-9fn1lu{--menuBg: color-mix(in oklch, var(--contrast) 5%, var(--background));margin:0;border:none;padding:8px 8px 0;inset:unset;top:var(--Menutop);left:var(--Menuleft);bottom:var(--Menubottom);right:var(--Menuright);width:var(--MenuWidth);max-height:var(--MenumaxHeight);overflow-y:auto;scroll-padding:8px 0 8px 0;background-color:var(--menuBg);box-shadow:var(--shadow-z3);border-radius:1rem;transition:opacity .25s,transform .2s,display .25s allow-discrete;opacity:0;&.animateFromTop{transform:translateY(-1rem);transform-origin:top}&.animateFromBottom{transform:translateY(1rem);transform-origin:bottom}&:popover-open{opacity:1;transform:none;&.animateFromTop{@starting-style{transform-origin:top;opacity:0;transform:translateY(-1rem)}}&.animateFromBottom{@starting-style{transform-origin:bottom;opacity:0;transform:translateY(1rem)}}}.optionSet:where(.svelte-9fn1lu){height:auto;max-width:100%;display:flex;flex-direction:column;gap:4px}&.isScrollable{.optionSet:where(.svelte-9fn1lu){margin-bottom:1.5rem}}&.default{.scrollIndicator:where(.svelte-9fn1lu){height:1.5rem;background-color:inherit;position:sticky;bottom:0;left:0;right:0;z-index:10;box-shadow:0 -5px 30px 20px var(--menuBg);display:flex;align-items:flex-start;justify-content:center;color:var(--contrast)}}hr{border:none;border-top:1px solid color-mix(in oklch,var(--contrast) 15%,transparent);margin:0 10px}.optionSet .option{--optionHeight: 48px;--optionPadding: 0 12px;--optionGap: 12px;position:relative;gap:var(--optionGap);height:var(--optionHeight, 48px);padding:var(--optionPadding);background-color:var(--menuBg);display:grid;grid-template-columns:auto 1fr auto;align-items:center;width:100%;transition:background .1s ease;text-align:left;border-radius:2rem;overflow:hidden}.optionSet .option:not(:has(label)):hover{--background: color-mix(in oklch, var(--contrast) 2%, var(--menuBg));cursor:pointer;background-color:var(--background)}.optionSet .option.selected{opacity:.5}.optionSet .option:has(input:checked){--background: color-mix(in oklch, var(--primary) 20%, var(--menuBg));cursor:pointer;background-color:var(--background)}.optionSet .option .optionPic{width:1.5rem;height:1.5rem;border-radius:4px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;background-color:var(--primary)}&.grouped{background-color:transparent;box-shadow:none;border-radius:0;max-height:unset;height:auto;flex-direction:column;gap:8px;padding:.5rem;&:popover-open{display:flex}.group{background-color:var(--menuBg);box-shadow:var(--shadow-z2);border-radius:1rem}}}
