theme-drawer{display:contents}.theme-drawer__dialog{--theme-drawer-padding: var(--padding-xl);z-index:calc(var(--layer-sticky) + var(--drawer-stack-order, 0));position:fixed;inset:unset;top:0;inset-inline-end:calc(-1 * var(--theme-drawer-width, var(--sidebar-width)));flex-direction:column;width:var(--theme-drawer-width, var(--sidebar-width));max-width:100%;max-height:none;height:100dvh;padding-block:var(--safe-area-inset-top) var(--safe-area-inset-bottom);padding-inline:0 var(--safe-area-inset-right);border:none;border-inline-start:var(--style-border-drawer);background-color:var(--color-background);color:var(--color-foreground)}.theme-drawer__dialog[open]{display:flex;inset-inline-end:0}[dir=rtl] .theme-drawer__dialog{padding-inline-end:var(--safe-area-inset-left)}.theme-drawer__dialog{--av-drawer-off: 100%}[dir=rtl] .theme-drawer__dialog{--av-drawer-off: -100%}.theme-drawer__dialog--opening{animation:drawer-slide-in var(--av-drawer-in, var(--animation-speed)) var(--av-ease-drawer, var(--animation-timing-fade-in))}.theme-drawer__dialog--opening-inline-start{animation:drawer-slide-in-inline-start var(--av-drawer-in, var(--animation-speed)) var(--av-ease-drawer, var(--animation-timing-fade-in))}.theme-drawer__dialog--closing{animation:drawer-slide-out var(--av-drawer-out, var(--animation-speed)) var(--av-ease-drawer, var(--animation-timing-fade-out)) forwards}.theme-drawer__dialog-instant{animation:none}[data-av-drawer-overlay] .theme-drawer__dialog::backdrop{background:color-mix(in srgb,var(--brand-ink, rgb(0 0 0)) 40%,transparent)}@keyframes drawer-slide-in{0%{translate:var(--av-drawer-off) 0}}@keyframes drawer-slide-in-inline-start{0%{translate:calc(var(--av-drawer-off) / -2) 0}}@keyframes drawer-slide-out{to{translate:var(--av-drawer-off) 0}}.theme-drawer__dialog::backdrop{background:rgb(var(--backdrop-color-rgb) / var(--backdrop-opacity))}html:active-view-transition-type(page-navigation) .theme-drawer__dialog[open]{view-transition-name:theme-drawer}::view-transition-old(theme-drawer),::view-transition-new(theme-drawer){animation:none}.theme-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--theme-drawer-padding);flex-shrink:0;color:var(--color-foreground)}.theme-drawer__title{display:flex;align-items:center;gap:var(--gap-xs);margin:0}.theme-drawer__badge{display:flex;align-items:center;justify-content:center;min-width:22px;height:22px;flex-shrink:0;border-radius:var(--style-border-radius-lg);background-color:rgb(var(--color-foreground-rgb) / .1);font-family:var(--font-paragraph--family);font-weight:var(--font-paragraph--weight);color:var(--color-foreground);font-size:clamp(var(--font-size--3xs),.75em,var(--font-size--xs));padding-inline:.5em;line-height:1}.theme-drawer__badge[data-maintain-ratio]{aspect-ratio:1 / 1;padding-inline:.2em}.theme-drawer__close-button{--private-button-size: 34px;--private-focus-ring-size: 2px;--private-motion-speed: .15s;--private-motion-ease: cubic-bezier(.25, 0, .1, 1);--private-border-width: 1px;--private-button-border-color: rgb(0, 0, 0, .06);--private-button-shadow: 0 2px 6px 0 var(--private-button-border-color);cursor:pointer;display:flex;align-items:center;justify-content:center;margin-inline-start:auto;width:var(--private-button-size);height:var(--private-button-size);border-radius:var(--private-button-size);background-color:var(--color-background);outline:var(--private-focus-ring-size) solid transparent;outline-offset:var(--private-focus-ring-size);transition-property:color,outline-color,background-color;transition-duration:var(--private-motion-speed);transition-timing-function:var(--private-motion-ease);--button-icon-opacity: .8;color:var(--color-foreground);border:var(--private-border-width) solid var(--private-button-border-color);box-shadow:var(--private-button-shadow)}.theme-drawer__close-button:hover:not(:active){--button-icon-opacity: 1}.theme-drawer__close-button:focus-visible{outline-color:var(--color-foreground)}@supports (color: oklch(from red l c h)){.theme-drawer__close-button{--contrast-color: oklch(from var(--color-background) clamp(0, (.6 / l - 1) * infinity, 1) 0 0);--button-icon-opacity: 1;--private-button-border-color: color-mix(in srgb, var(--contrast-color) 6%, transparent);--private-button-shadow: 0 2px 6px 0 var(--private-button-border-color);color:color-mix(in srgb,var(--contrast-color) 50%,transparent)}.theme-drawer__close-button:hover:not(:active){color:color-mix(in srgb,var(--contrast-color) 70%,transparent)}.theme-drawer__close-button:hover:not(:active){background-color:color-mix(in srgb,var(--contrast-color) 6%,var(--color-background))}}.theme-drawer__close-button{position:relative;isolation:isolate;width:var(--minimum-touch-target);height:var(--minimum-touch-target);margin-block:calc((var(--private-button-size) - var(--minimum-touch-target)) / 2);border-color:transparent;background-color:transparent;box-shadow:none}.theme-drawer__close-button:before{content:"";position:absolute;z-index:-1;inset:calc((var(--minimum-touch-target) - var(--private-button-size)) / 2);border:var(--private-border-width) solid var(--private-button-border-color);border-radius:50%;background-color:var(--color-background);box-shadow:var(--private-button-shadow);transition:background-color var(--private-motion-speed) var(--private-motion-ease)}.theme-drawer__close-button:hover:not(:active):before{background-color:color-mix(in srgb,var(--contrast-color, var(--color-foreground)) 6%,var(--color-background))}.theme-drawer__close-button:hover:not(:active){background-color:transparent}
/*# sourceMappingURL=/cdn/shop/t/11/assets/av-css-snippet-theme-drawer-styles.css.map */