.drawer{position:fixed;top:0;width:100vw;height:100%;display:flex;visibility:hidden;opacity:0;background-color:rgba(var(--color-foreground),.5);transition:visibility var(--duration-default) ease;z-index:calc(var(--z-index-base) + 1)}.drawer--left{left:0;justify-content:flex-start}.drawer--right{right:0;justify-content:flex-end}.drawer__overlay{display:block!important;position:absolute;top:0;left:0;right:0;bottom:0;cursor:pointer}.drawer__inner{display:flex;flex-direction:column;width:100%;height:100%;max-width:100vw;min-width:min(100vw,40rem);overflow:hidden;border:solid rgba(var(--color-foreground),var(--drawer-border-opacity));border-width:0rem;transition:transform var(--duration-default) ease}.drawer--left .drawer__inner{transform:translate(-100%)}.drawer--right .drawer__inner{transform:translate(100%)}.drawer__header{padding:1rem 1.6rem;grid-gap:1rem}.drawer__heading{position:relative;font-size:calc(var(--font-heading-scale) * 2.4rem);text-transform:capitalize;margin-top:0;margin-bottom:0}.drawer__close{-webkit-appearance:none;appearance:none;padding:0;border:none;background:transparent;width:2.5rem;height:2.5rem;cursor:pointer;color:currentColor;line-height:1;position:relative}.drawer__close:before{content:"";position:absolute;top:-1rem;right:-1rem;bottom:-1rem;left:-1rem}.drawer__close .svg-wrapper{width:100%;height:100%}.drawer__wrapper{flex:1 1 0%;height:100%;padding:1.6rem;scrollbar-width:none}.drawer__wrapper--full{padding:0!important}.drawer__sticky{padding:1.5rem 0 0;position:sticky;left:0;bottom:0;z-index:calc(var(--z-index-base) - 1)}.drawer.active{visibility:visible;opacity:1}.drawer.active .drawer__inner{transform:translate(0)}.drawer-need-assistance.drawer-product .product__drawer-container{flex-direction:column-reverse;grid-gap:0}.drawer-need-assistance .drawer__wrapper{padding:0}.drawer-need-assistance .icon-with-text__wrapper{padding:2rem 1.6rem 0}.drawer-need-assistance .image-wrapper .media-wrapper--style,.drawer-need-assistance .image-wrapper .media-wrapper--style img{border-radius:0}@media screen and (min-width: 750px){.drawer__inner{width:50rem;max-width:calc(100vw - 3rem);box-shadow:var(--drawer-shadow-horizontal-offset) var(--drawer-shadow-vertical-offset) var(--drawer-shadow-blur-radius) rgba(var(--color-shadow),var(--drawer-shadow-opacity))}.drawer--small .drawer__inner{width:40rem}.drawer--left .drawer__inner{border-width:0 var(--drawer-border-width) 0 0;border-top-left-radius:0;border-top-right-radius:var(--drawer-radius);border-bottom-left-radius:0;border-bottom-right-radius:var(--drawer-radius);transform:translate(-100%)}.drawer--right .drawer__inner{border-width:0 0 0 var(--drawer-border-width);border-top-left-radius:var(--drawer-radius);border-top-right-radius:0;border-bottom-left-radius:var(--drawer-radius);border-bottom-right-radius:0;transform:translate(100%)}.drawer__wrapper{padding:2rem}}@media screen and (min-width: 990px){.drawer__header{padding:1rem 2rem}}@media screen and (min-width: 1400px){.drawer__inner{width:60rem}.drawer-need-assistance .drawer__inner{width:39rem;min-width:min(100vw,39rem)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-drawer.css.map */