.selectionModal .modalContent,.selectionPopover .modalContent{min-height:0;max-height:calc(85vh - 3.5rem - var(--spacing-sm) - var(--spacing-md));flex-direction:column;gap:0;display:flex}.selectionModal .modalContent.wide,.selectionPopover .modalContent.wide{width:32em}.selectionModal .modalContent.narrow,.selectionPopover .modalContent.narrow{width:30em}@media (max-width:768px){.selectionModal .modalContent,.selectionPopover .modalContent{max-height:none}.selectionModal .modalContent.wide,.selectionModal .modalContent.narrow,.selectionPopover .modalContent.wide,.selectionPopover .modalContent.narrow{width:100%}}.selectionModal .headerSlot,.selectionPopover .headerSlot{flex-shrink:0}.selectionModal .headerSlot .favTabs,.selectionPopover .headerSlot .favTabs{width:fit-content;margin-bottom:.8em;padding:0}.selectionModal .topContent,.selectionPopover .topContent{flex-shrink:0}.selectionModal .subHeaderSlot,.selectionPopover .subHeaderSlot{margin-bottom:.6em}.selectionModal .subHeaderSlot .dropdownPanel,.selectionPopover .subHeaderSlot .dropdownPanel{display:none!important}.selectionModal .subHeaderSlot .wrapper,.selectionPopover .subHeaderSlot .wrapper{max-width:100%;font-size:.82em}.selectionModal .counterHeader,.selectionPopover .counterHeader{color:color-mix(in srgb,var(--text)40%,transparent);justify-content:space-between;align-items:center;width:100%;margin:0 0 .6em;font-weight:300;display:flex}.selectionModal .counterHeader h4,.selectionPopover .counterHeader h4{font-size:var(--font-md);flex-wrap:wrap;align-items:center;gap:.2em;margin:0;font-weight:300;display:flex}.selectionModal .counterHeader .counterText,.selectionPopover .counterHeader .counterText{font-weight:300;font-size:var(--font-md)}.selectionModal .counterHeader .inlineAnimated,.selectionPopover .counterHeader .inlineAnimated{align-items:center;display:inline-flex}.selectionModal .gridWrap,.selectionPopover .gridWrap{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--text)12%,transparent)#0000;flex:auto;min-height:0;padding-inline-end:.2em;position:relative;overflow:hidden auto}.selectionModal .gridWrap::-webkit-scrollbar{width:4px}.selectionPopover .gridWrap::-webkit-scrollbar{width:4px}.selectionModal .gridWrap::-webkit-scrollbar-track{background:0 0}.selectionPopover .gridWrap::-webkit-scrollbar-track{background:0 0}.selectionModal .gridWrap::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text)12%,transparent);border-radius:2px}.selectionPopover .gridWrap::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text)12%,transparent);border-radius:2px}.selectionModal .gridWrap .selectionEmpty,.selectionPopover .gridWrap .selectionEmpty{min-height:16rem;padding-inline:var(--spacing-md)}.selectionModal .shopsGrid,.selectionPopover .shopsGrid{gap:var(--spacing-sm);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.selectionModal .shopsGrid .shopCardCompact,.selectionPopover .shopsGrid .shopCardCompact{font-size:.85em}@media (max-width:600px){.selectionModal .shopsGrid,.selectionPopover .shopsGrid{gap:var(--spacing-xs);grid-template-columns:repeat(auto-fill,minmax(7rem,1fr))}}.selectionModal .categoriesGrid,.selectionPopover .categoriesGrid{gap:var(--spacing-xs);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@media (max-width:600px){.selectionModal .categoriesGrid,.selectionPopover .categoriesGrid{gap:var(--spacing-xs);grid-template-columns:repeat(auto-fill,minmax(5.5rem,1fr))}}.selectionModal .categoriesGrid .catItem,.selectionPopover .categoriesGrid .catItem{padding:var(--spacing-sm);border-radius:var(--radius-md);corner-shape:superellipse(1.3);background:var(--container);cursor:pointer;border:1.5px solid #0000;flex-direction:column;align-items:center;gap:.2em;font-family:inherit;transition:all .2s;display:flex;position:relative}.selectionModal .categoriesGrid .catItem svg path,.selectionPopover .categoriesGrid .catItem svg path{stroke-width:.5px}.selectionModal .categoriesGrid .catItem:hover:not(.disabled,.selected),.selectionPopover .categoriesGrid .catItem:hover:not(.disabled,.selected){background:var(--surface-hover)}.selectionModal .categoriesGrid .catItem.selected,.selectionPopover .categoriesGrid .catItem.selected{background:color-mix(in srgb,var(--primary)7%,var(--surface))}.selectionModal .categoriesGrid .catItem.disabled,.selectionPopover .categoriesGrid .catItem.disabled{opacity:.3;cursor:not-allowed}.selectionModal .categoriesGrid .catItem .itemName,.selectionPopover .categoriesGrid .catItem .itemName{font-size:var(--font-xs);color:var(--text);text-align:center;margin-block:auto;font-weight:200}.selectionModal .categoriesGrid .catItem .itemMeta,.selectionPopover .categoriesGrid .catItem .itemMeta{color:color-mix(in srgb,var(--text)42%,transparent);white-space:nowrap;font-size:.68rem;font-weight:200}.selectionModal .categoriesGrid .catItem .heartBtn,.selectionPopover .categoriesGrid .catItem .heartBtn{width:1.3em;height:1.3em;color:var(--white);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:.5em;left:.5em}.selectionModal .categoriesGrid .catItem .heartBtn svg path,.selectionPopover .categoriesGrid .catItem .heartBtn svg path{stroke-width:1.2px}.selectionModal .actionsRow,.selectionPopover .actionsRow{margin-top:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid color-mix(in srgb,var(--text)6%,transparent);flex-shrink:0;justify-content:flex-end;display:flex}.selectionModal .modalBody{min-height:0;display:flex;overflow:hidden}@media (max-width:768px){.selectionModal.modalSheet{height:min(44rem,89svh)}.selectionModal.modalSheet .popoverHandle,.selectionModal.modalSheet .modalHeader,.selectionModal.modalSheet .actionsRow,.selectionModal.modalSheet .topContent{flex-shrink:0}.selectionModal.modalSheet .modalHeader{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.35em 0;display:flex}.selectionModal.modalSheet .modalTitle{flex:8rem;min-width:0}.selectionModal.modalSheet .modalHeaderExtra{flex:0 auto;justify-content:flex-end;align-items:center;display:flex}.selectionModal.modalSheet .modalHeaderExtra .favTabs{width:fit-content;max-width:100%;margin:0;padding:0}.selectionModal.modalSheet .modalBody,.selectionModal.modalSheet .modalContent{flex:auto;min-height:0;display:flex;overflow:hidden}.selectionModal.modalSheet .headerSlot{display:none}.selectionModal.modalSheet .gridWrap{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;padding-bottom:var(--spacing-lg);scrollbar-width:none;flex:auto;padding-inline-end:0;overflow:hidden auto}.selectionModal.modalSheet .gridWrap::-webkit-scrollbar{display:none}.selectionModal.modalSheet .gridWrap .selectionEmpty{min-height:20rem}.selectionModal.modalSheet .actionsRow{gap:var(--spacing-xs);padding-bottom:max(var(--spacing-sm),env(safe-area-inset-bottom,0px));margin-top:0}}.selectionPopover{flex-direction:column;min-width:min(22rem,100vw - 2rem);display:flex;overflow:hidden}.selectionPopover .selectionPopoverHeader{justify-content:space-between;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-sm)var(--spacing-xs);flex-shrink:0;display:flex}.selectionPopover .selectionPopoverTitle{white-space:nowrap;text-overflow:ellipsis;width:100%;color:var(--text);font-size:var(--font-md);margin:0;font-weight:300;overflow:hidden}.selectionPopover .selectionPopoverClose{border-radius:var(--radius-sm);color:color-mix(in srgb,var(--text)40%,transparent);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:.3em;transition:all .2s;display:flex}.selectionPopover .selectionPopoverClose:hover{background:var(--surface);color:var(--text)}.selectionPopover .selectionPopoverBody{min-height:0;padding:var(--spacing-sm);display:flex;overflow:hidden}.selectionPopover .modalContent{width:100%;max-height:none}.selectionPopover .modalContent.wide,.selectionPopover .modalContent.narrow{width:100%}.selectionPopover .categoriesGrid{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:768px){.selectionPopover.bottomSheet{height:min(32rem,82svh)}.selectionPopover.bottomSheet .selectionPopoverHeader{padding:0 var(--inlineSection)var(--spacing-xs)}.selectionPopover.bottomSheet .selectionPopoverBody{padding:var(--spacing-sm)var(--inlineSection)0;flex:auto}.selectionPopover.bottomSheet .modalContent{flex:auto;min-height:0;overflow:hidden}.selectionPopover.bottomSheet .gridWrap{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;padding-bottom:max(var(--spacing-lg),env(safe-area-inset-bottom,0px));scrollbar-width:none;flex:auto;padding-inline-end:0;overflow:hidden auto}.selectionPopover.bottomSheet .gridWrap::-webkit-scrollbar{display:none}.selectionPopover.bottomSheet .gridWrap .selectionEmpty{min-height:18rem}}
