.fs-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--fs-z-drawer);pointer-events:none;visibility:hidden}.fs-drawer.is-open{pointer-events:auto;visibility:visible}.fs-drawer__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,#020204 36%,transparent);-webkit-backdrop-filter:blur(10px) saturate(1.25);backdrop-filter:blur(10px) saturate(1.25);opacity:0;transition:opacity var(--fs-dur-medium) var(--fs-ease-standard)}.fs-drawer.is-open .fs-drawer__backdrop{opacity:1}.fs-drawer__panel{position:absolute;top:0;bottom:0;width:min(100%,480px);background:linear-gradient(145deg,#fff3,#ffffff0a),var(--fs-glass-bg-strong, color-mix(in srgb, var(--fs-color-bg) 92%, transparent));color:var(--fs-color-fg);display:flex;flex-direction:column;transform:translate(100%);border:1px solid var(--fs-glass-border, color-mix(in srgb, currentColor 16%, rgba(255,255,255,.38)));transition:transform var(--fs-dur-medium) var(--fs-ease-emphasized);box-shadow:var(--fs-glass-shadow, 0 24px 80px rgba(0, 0, 0, .16));-webkit-backdrop-filter:var(--fs-glass-blur, blur(18px) saturate(1.45));backdrop-filter:var(--fs-glass-blur, blur(18px) saturate(1.45))}.fs-drawer--right .fs-drawer__panel{right:0;border-radius:30px 0 0 30px}.fs-drawer--left .fs-drawer__panel{left:0;transform:translate(-100%);border-radius:0 30px 30px 0}.fs-drawer.is-open .fs-drawer__panel{transform:none}.fs-drawer--top .fs-drawer__panel{width:100%;top:0;bottom:auto;max-height:80vh;transform:translateY(-100%)}.fs-drawer--top.is-open .fs-drawer__panel{transform:none}.fs-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--fs-space-lg);border-bottom:1px solid color-mix(in srgb,currentColor 12%,transparent);background:color-mix(in srgb,var(--fs-color-bg) 56%,transparent);-webkit-backdrop-filter:blur(14px) saturate(1.25);backdrop-filter:blur(14px) saturate(1.25)}.fs-drawer__title{font-size:var(--fs-step-2);letter-spacing:0;line-height:1}.fs-drawer__close{flex:0 0 auto}.fs-drawer__body{flex:1 1 auto;overflow-y:auto;padding:var(--fs-space-xl) var(--fs-space-lg)}.fs-drawer.is-updating .fs-drawer__body{cursor:progress}.fs-drawer__footer{padding:var(--fs-space-lg);border-top:1px solid color-mix(in srgb,currentColor 12%,transparent);background:color-mix(in srgb,var(--fs-color-bg) 60%,transparent);-webkit-backdrop-filter:blur(14px) saturate(1.25);backdrop-filter:blur(14px) saturate(1.25)}@media(max-width:750px){.fs-drawer__panel{width:min(100vw,480px);max-width:100vw;border-radius:0}.fs-drawer--left .fs-drawer__panel,.fs-drawer--right .fs-drawer__panel{border-radius:0}.fs-drawer__header,.fs-drawer__footer{padding:18px var(--fs-mobile-page-margin, 16px)}.fs-drawer__body{padding:24px var(--fs-mobile-page-margin, 16px)}}@media(prefers-reduced-motion:reduce){.fs-drawer__panel,.fs-drawer__backdrop{transition:none}}@media(prefers-contrast:more),(prefers-reduced-transparency:reduce){.fs-drawer__backdrop{background:#0000007a;-webkit-backdrop-filter:none;backdrop-filter:none}.fs-drawer__panel,.fs-drawer__header,.fs-drawer__footer{-webkit-backdrop-filter:none;backdrop-filter:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-drawer.css.map */