.shop-scope :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--color-brand);outline-offset:4px}.shop-scope :is(.dark-section,.footer-lux,.sf-dark) :focus-visible{outline-color:var(--color-base)}.shop-scope :is(input,select,textarea){scroll-margin-block:5rem}.shop-scope .sf-icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;flex-shrink:0}.shop-scope.sf-dialog{position:fixed;inset:0;z-index:100}.shop-scope .sf-dialog-backdrop{position:fixed;inset:0;background:rgb(0 0 0/.5)}.shop-scope .sf-dialog-position{position:fixed;inset:0;display:flex;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left));overflow-y:auto}.shop-scope .sf-dialog-position--center{align-items:center;justify-content:center}.shop-scope .sf-dialog-position--left{justify-content:flex-start;padding:0}.shop-scope .sf-dialog-position--right{justify-content:flex-end;padding:0}.shop-scope .sf-dialog-position--bottom{align-items:flex-end;justify-content:center;padding:0}.shop-scope .sf-dialog-panel{display:flex;flex-direction:column;width:100%;max-height:calc(100dvh - 2rem);min-height:0;overflow:hidden;background:var(--color-surface);color:var(--color-text)}.shop-scope :is(.sf-dialog-panel--left,.sf-dialog-panel--right){max-width:none;width:92vw;height:100dvh;max-height:100dvh;padding-top:env(safe-area-inset-top)}.shop-scope .sf-dialog-panel--bottom{max-width:none;max-height:85dvh;border-radius:1rem 1rem 0 0}.shop-scope .sf-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem 1rem;border-bottom:1px solid var(--color-border)}.shop-scope .sf-dialog-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:1rem 1rem max(1rem,env(safe-area-inset-bottom))}.shop-scope .sf-dialog-footer{padding:1rem 1rem max(1rem,env(safe-area-inset-bottom));border-top:1px solid var(--color-border)}@media (prefers-reduced-motion:reduce){.shop-scope *,.shop-scope :after,.shop-scope :before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.shop-scope .sf-dialog-panel--legacy{padding:20px}.shop-scope .sf-dialog-panel--legacy .sf-dialog-heading{justify-content:flex-end;padding:0;margin-bottom:20px;border:0}.shop-scope .sf-dialog-panel--legacy .sf-dialog-content{padding:0}.shop-scope .sf-dialog-panel--legacy .sf-icon-button{min-height:24px;min-width:44px}.shop-scope .sf-dialog-panel--center:not(.sf-dialog-panel--legacy){max-width:42rem}@media (min-width:640px){.shop-scope :is(.sf-dialog-panel--left,.sf-dialog-panel--right){width:560px}.shop-scope .sf-modal-width--sm{width:33.333333%}.shop-scope .sf-modal-width--md{width:50%}.shop-scope .sf-modal-width--lg{width:66.666667%}.shop-scope .sf-modal-width--xl{width:83.333333%}}@media (min-width:1024px){.shop-scope :is(.sf-dialog-panel--left,.sf-dialog-panel--right){width:640px}}.shop-scope.sf-dialog:has(.sf-dialog-panel--left,.sf-dialog-panel--right) .sf-dialog-backdrop{background:rgb(17 24 39/.8)}.shop-scope .sf-dialog-panel--flush{padding:0}