.drawer{--drawer-width: 40rem;position:fixed;inset-block:0;inset-inline:auto 0;width:min(var(--drawer-width),100% - var(--drawer-gutter, 1.2rem));max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;color:rgb(var(--color-foreground));background:rgb(var(--color-background));overscroll-behavior:contain}.drawer--start{inset-inline:0 auto}.drawer[open]{display:flex;flex-direction:column}.drawer:modal{box-shadow:0 0 4rem #0000002e}.drawer[open]:not(:modal){z-index:1000;border-inline-start:.1rem solid rgba(var(--color-foreground),.12)}.drawer::backdrop{background:rgba(var(--color-foreground),.45)}.drawer__header{display:flex;flex:none;align-items:center;justify-content:space-between;gap:1.2rem;padding:1.2rem 1.2rem 1.2rem 2rem}.drawer__title{display:flex;align-items:center;gap:.8rem;margin:0;font-size:2.2rem}.drawer__badge{display:inline-flex;align-items:center;justify-content:center;min-width:2.4rem;height:2.4rem;padding-inline:.7rem;font-family:var(--font-body-family);font-size:1.3rem;font-weight:400;line-height:1;letter-spacing:0;background:rgba(var(--color-foreground),.1);border-radius:1.2rem}.drawer__close{display:flex;flex:none;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;margin-inline-start:auto;padding:0;color:rgb(var(--color-foreground));background:rgba(var(--color-foreground),.06);border:0;border-radius:50%;cursor:pointer;transition:background-color .15s ease}.drawer__close:hover{background:rgba(var(--color-foreground),.12)}.drawer__close .svg-wrapper{width:1.8rem;height:1.8rem}.drawer-panel>summary{list-style:none;cursor:pointer}.drawer-panel>summary::-webkit-details-marker{display:none}.drawer-panel__back{display:flex;align-items:center;gap:1rem;width:100%;padding:1.6rem 2rem;font:inherit;font-size:1.6rem;color:inherit;text-align:start;background:none;border:0;border-bottom:.1rem solid rgba(var(--color-foreground),.1);cursor:pointer}.drawer-panel__back .svg-wrapper{display:flex;width:1.6rem;transform:rotate(180deg)}drawer-component:not([ready]) .drawer-panel__back{display:none}drawer-component[ready] .drawer-panel[open]>.drawer-panel__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;visibility:visible;background:rgb(var(--color-background))}.drawer[panel-open] .drawer__list{visibility:hidden}@media(prefers-reduced-motion:no-preference){.drawer[open]{animation:drawer-in-end var(--drawer-duration) var(--drawer-easing)}.drawer--start[open]{animation-name:drawer-in-start}.drawer[open]::backdrop{animation:drawer-backdrop-in var(--drawer-duration) var(--drawer-easing)}.drawer.drawer-closing{animation:drawer-out-end var(--drawer-duration) var(--drawer-easing) forwards}.drawer--start.drawer-closing{animation-name:drawer-out-start}.drawer-closing::backdrop{animation:drawer-backdrop-out var(--drawer-duration) var(--drawer-easing) forwards}drawer-component[ready] .drawer-panel[open]>.drawer-panel__content{animation:drawer-in-end var(--drawer-duration) var(--drawer-easing)}drawer-component[ready] .drawer-panel--closing>.drawer-panel__content{animation:drawer-out-end var(--drawer-duration) var(--drawer-easing) forwards}.drawer[open]:not(:modal){view-transition-name:drawer-sidebar}::view-transition-old(drawer-sidebar),::view-transition-new(drawer-sidebar){animation:none}html[drawer-sidebar=restoring] .drawer[open]{animation:none}}@keyframes drawer-in-end{0%{translate:105% 0}}@keyframes drawer-in-start{0%{translate:-105% 0}}@keyframes drawer-out-end{to{translate:105% 0}}@keyframes drawer-out-start{to{translate:-105% 0}}@keyframes drawer-backdrop-in{0%{opacity:0}}@keyframes drawer-backdrop-out{to{opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-drawer.css.map */