theme-drawer{display:contents}.theme-drawer__dialog{z-index:99;position:fixed;inset:unset;top:0;right:clamp(-704px,-24.4444444444vw,-176px);flex-direction:column;width:clamp(176px,24.4444444444vw,704px);max-width:100%;max-height:none;height:100dvh;padding:0;border:none;border-left:var(--border);background-color:var(--brand-primary-ll)}@media(max-width:1199px){.theme-drawer__dialog{right:-352;width:352px}}@media(max-width:575px){.theme-drawer__dialog{right:-100%;width:100%}}.theme-drawer__dialog[open]{display:flex;right:0}.theme-drawer__dialog .theme-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:16px;flex-shrink:0}.theme-drawer__dialog .theme-drawer__header .theme-drawer__title{display:flex;align-items:center;gap:clamp(6px,.8333333333vw,24px);margin:0}@media(min-width:1200px){.theme-drawer__dialog .theme-drawer__header .theme-drawer__title{--font-weight: 400;--word-break: break-word;--text-transform: var(--font-h3-case);font-family:var(--font-h3-fam);font-size:clamp(var(--font-h3-s-c) / 2 * 1px,var(--font-h3-s-c) / 1440 * 100vw,var(--font-h3-s-c) * 2px);font-weight:var(--font-weight);line-height:var(--font-h3-lh-w);letter-spacing:var(--font-h3-ls-w);font-style:normal;word-break:var(--word-break);text-transform:var(--text-transform)}}@media(max-width:1199px){.theme-drawer__dialog .theme-drawer__header .theme-drawer__title{--font-weight: 400;--word-break: break-word;--text-transform: var(--font-h3-case);font-family:var(--font-h3-fam);font-size:calc((var(--font-h3-s-w) + var(--font-h3-s-m)) / 2);font-weight:var(--font-weight);line-height:var(--font-h3-lh-w);letter-spacing:var(--font-h3-ls-w);font-style:normal;word-break:var(--word-break);text-transform:var(--text-transform)}}@media(max-width:767px){.theme-drawer__dialog .theme-drawer__header .theme-drawer__title{--font-weight: 400;--word-break: break-word;--text-transform: var(--font-h3-case);font-family:var(--font-h3-fam);font-size:var(--font-h3-s-m);font-weight:var(--font-weight);line-height:var(--font-h3-lh-m);letter-spacing:var(--font-h3-ls-m);font-style:normal;word-break:var(--word-break);text-transform:var(--text-transform)}}@media(max-width:1199px){.theme-drawer__dialog .theme-drawer__header .theme-drawer__title{gap:12px}}.theme-drawer__dialog .theme-drawer__header .theme-drawer__title .theme-drawer__badge{border-radius:clamp(6px,.8333333333vw,24px);padding:clamp(2px,.2777777778vw,8px) clamp(1px,.1388888889vw,4px);min-width:clamp(12px,1.6666666667vw,48px);background-color:var(--brand-primary-lh)}@media(min-width:1200px){.theme-drawer__dialog .theme-drawer__header .theme-drawer__title .theme-drawer__badge{--font-weight: 600;--word-break: break-word;--text-transform: var(--font-b4-case);font-family:var(--font-b4-fam);font-size:clamp(var(--font-b4-s-c) / 2 * 1px,var(--font-b4-s-c) / 1440 * 100vw,var(--font-b4-s-c) * 2px);font-weight:var(--font-weight);line-height:var(--font-b4-lh-w);letter-spacing:var(--font-b4-ls-w);font-style:normal;word-break:var(--word-break);text-transform:var(--text-transform)}}@media(max-width:1199px){.theme-drawer__dialog .theme-drawer__header .theme-drawer__title .theme-drawer__badge{--font-weight: 600;--word-break: break-word;--text-transform: var(--font-b4-case);font-family:var(--font-b4-fam);font-size:var(--font-b4-s-m);font-weight:var(--font-weight);line-height:var(--font-b4-lh-m);letter-spacing:var(--font-b4-ls-m);font-style:normal;word-break:var(--word-break);text-transform:var(--text-transform)}}.theme-drawer__dialog .theme-drawer__header .theme-drawer__title .theme-drawer__badge{color:var(--font-high)}@media(max-width:1199px){.theme-drawer__dialog .theme-drawer__header .theme-drawer__title .theme-drawer__badge{border-radius:12px;padding:4px 2px;min-width:24px}}.theme-drawer__dialog .theme-drawer__header .theme-drawer__title .theme-drawer__badge[hidden]{display:none}.theme-drawer__dialog--opening{animation:drawer-slide-in var(--animation-speed) var(--animation-timing-fade-in)}.theme-drawer__dialog--opening-inline-start{animation:drawer-slide-in-inline-start var(--animation-speed) var(--animation-timing-fade-in)}.theme-drawer__dialog--closing{animation:drawer-slide-out var(--animation-speed) var(--animation-timing-fade-out) forwards}.theme-drawer__dialog-instant{animation:none}@keyframes drawer-slide-in{0%{right:calc(-1 * var(--theme-drawer-width, var(--sidebar-width)))}}@keyframes drawer-slide-in-inline-start{0%{right:calc(var(--theme-drawer-width, var(--sidebar-width)) / 2)}}@keyframes drawer-slide-out{to{right:calc(-1 * var(--theme-drawer-width, var(--sidebar-width)))}}.theme-drawer__dialog::backdrop{background-color:#251d1380;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);height:100%}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__badge{display:flex;align-items:center;justify-content:center;flex-shrink:0}.theme-drawer__badge[data-maintain-ratio]{aspect-ratio:1/1;padding-inline:.2em}.theme-drawer__close-button{height:32px;width:32px;margin:-4px;padding:4px;border:0;background-color:transparent;outline:none!important;cursor:pointer}.theme-drawer__close-button .svg-wrapper{height:100%;width:100%;color:var(--container-dark-tert)}
/*# sourceMappingURL=/cdn/shop/t/22/assets/theme-drawer-styles.css.map */