.drawer{display:block;font-family:var(--font-family-primary)}[data-dynamic-drawer=right]{--transform-hide: translateX(110%);--transform-show: translateX(0);--top: 0;--right: 0;--width: 28.125rem }[data-dynamic-drawer=bottom]{--transform-hide: translateY(110%);--transform-show: translateX(0);--bottom: 0;--left: 0;--width: 100%}.drawer__content{display:block;position:fixed;top:var(--top, unset);right:var(--right, unset);left:var(--left, unset);bottom:var(--bottom, unset);max-width:100%;z-index:301;height:100%;transform:var(--transform-hide);background-color:#fff;visibility:hidden;transition:.3s ease;width:var(--width)}.show .drawer__content{transform:var(--transform-show);visibility:visible}.drawer__toggler{display:none}.drawer__mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background-color:#000;opacity:0;transform:scale(0);transition:opacity .3s ease;visibility:hidden}.show .drawer__mask{transform:scale(1);opacity:.2;visibility:visible}.drawer__container{height:100%;max-height:100%;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box;padding:1rem}@media only screen and (min-width: 992px){.drawer__container{padding:1.5rem}}.drawer__container--loading{position:relative;pointer-events:none;opacity:.8}.drawer__container--loading:after{content:"";position:absolute;top:.3125rem;right:.3125rem;left:auto;bottom:auto;display:block;width:.625rem;height:.625rem;border-radius:50%;border-width:.0625rem;border-style:solid;border-color:#000 #000 #000 rgba(0,0,0,0);animation:loading-spinner .5s linear infinite}.drawer__header{display:flex;align-items:center;justify-content:space-between;text-align:center;position:relative;margin-bottom:1rem}.drawer__header-close{display:inline-block}@media only screen and (min-width: 992px){.drawer__header-close{display:none}}.drawer__close{padding:0;border:0;cursor:pointer}@media only screen and (min-width: 992px){.drawer__close{position:relative;margin-bottom:1.125rem;right:0}}.drawer__close:after{content:"";position:absolute;left:-.75rem;top:-.75rem;right:-.75rem;bottom:-.75rem}.modal{position:fixed;top:0;left:0;width:100%;height:100%;align-items:center;justify-content:center;z-index:-1;visibility:hidden;background:#00000061;opacity:0;display:flex;transition:.3s ease}.modal[open]{opacity:1;z-index:99999;visibility:visible}.modal__title{margin-bottom:1.5rem}.modal__container{position:relative;width:37.5rem!important;max-width:100%;padding:2.5rem;background-color:var(--color-primary-white);color:var(--color-primary-black)}.modal__close{position:absolute;top:1.25rem;right:1.25rem;background-color:transparent;padding:0;border:0;cursor:pointer}
/*# sourceMappingURL=/cdn/shop/t/290/assets/css-drawer.css.map */