.drawer{--set-direction: 1;--set-color: inherit;--set-background: transparent;--set-width: 0;--set-height: 0;--set-max-width: var(--brand-drawer-max-width);--set-max-height: 100vh;--set-font-size: var(--brand-default-font-size);--set-float-offset: 10px;--set-float-offset-y: 0;--set-border-radius: 0;--set-top-pos: 0;--set-left-pos: unset;--set-right-pos: 0;--set-container-gutter-x: 20px;--set-container-gutter-y: 20px;background:var(--set-background);color:var(--set-color);z-index:31;visibility:hidden;text-align:start;flex-direction:column;width:var(--set-width);height:var(--set-height);max-height:var(--set-max-height);font-size:var(--set-font-size);position:fixed;top:0;left:0}.drawer__wrapper{--set-height: 100%;--set-width: 100%;--set-background: var(--brand-primary-white);background:var(--set-background);width:var(--set-width);max-width:var(--set-max-width);height:var(--set-height);max-height:var(--set-max-height);z-index:1;border-radius:var(--set-border-radius);top:var(--set-top-pos);right:var(--set-right-pos);left:var(--set-left-pos);transform:translate(calc(var(--set-direction) * 105%));visibility:hidden;transition:transform .6s cubic-bezier(.75,0,.175,1),visibility .6s cubic-bezier(.75,0,.175,1);position:fixed}.drawer--nested{transition:none}.drawer--nested[open]{transition:transform .6s cubic-bezier(.75,0,.175,1),visibility .6s cubic-bezier(.75,0,.175,1)}.drawer__header-wrapper,.drawer__content,.drawer__footer-wrapper{padding:var(--set-container-gutter-y) var(--set-container-gutter-x)}.drawer--left{--set-direction: -1;--set-float-offset: -10px;--set-right-pos: unset;--set-left-pos: 0}.drawer--from-left{transform:translate(calc(var(--transform-logical-flip) * -100%))}.drawer__wrapper--nested{top:0;left:0}.drawer[open]{--set-width: 100vw;--set-height: 100%;visibility:visible;transform:translate(0);width:var(--set-width);height:var(--set-height)}.drawer[open]>.drawer__wrapper{visibility:visible;transform:translate(0)}.drawer--small{--set-max-width: var(--brand-drawer-max-width-sm)}.drawer--rounded{--set-border-radius: var(--brand-border-radius-md)}.drawer--float{--set-parent-max-width: 100vw;--set-parent-max-height: var(--set-max-height)}@media screen and (min-width: 500px){.drawer--float{--set-parent-max-width: var(--set-max-width)}}.drawer--gradient .drawer__wrapper{--set-gradient: linear-gradient(var(--set-angle), var(--brand-primary-sunrise) var(--brand-primary-gradient), var(--brand-secondary-sunrise) var(--brand-secondary-gradient)), #fff;--set-gradient: var(--brand-primary-twilight);--set-border-width: 3px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #c95d8233;display:flex;flex-direction:column;align-items:center}.drawer--gradient .drawer__wrapper:before{--set-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:var(--set-border-width) solid transparent;background:var(--set-gradient) border-box;-webkit-mask:var(--set-mask);mask:var(--set-mask);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1}.drawer--gradient .drawer__header-wrapper,.drawer--gradient .drawer__content,.drawer--gradient .drawer__footer-wrapper{width:calc(100% - 2 * var(--set-border-width))}.drawer--float .drawer__wrapper{margin:var(--set-float-offset-y) 0;max-width:calc(var(--set-parent-max-width) + var(--set-float-offset) + var(--set-float-offset));max-height:calc(var(--set-parent-max-height) - var(--set-float-offset-y) - var(--set-float-offset-y))}.drawer--float .drawer__wrapper--nested{margin:0}@media screen and (min-width: 500px){.drawer--float .drawer__wrapper:not(.drawer__wrapper--nested){--set-float-offset-y: 10px;margin:var(--set-float-offset-y) var(--set-float-offset)}}.drawer__overlay{--set-right-pos: 0;--set-left-pos: unset;--set-width: 0;--set-height: 0;content:"";opacity:0;visibility:hidden;background:linear-gradient(0deg,#2125294d 0% 100%),#d3d3d3 50%;width:var(--set-width);height:var(--set-height);transition:visibility .6s ease-in-out,opacity .6s ease-in-out,height .1s ease-in-out 1s,width .1s ease-in-out 1s;position:fixed}.drawer[open]>.drawer__overlay{--set-width: 100vw;--set-height: 100vh;visibility:visible;opacity:.3;transition:visibility .6s ease-in-out,opacity .6s ease-in-out}.drawer__header-wrapper{--set-border-color: transparent;--set-background: transparent;border-bottom:1px solid var(--set-border-color);background:var(--set-background);flex-shrink:0;align-items:center;display:flex;position:relative;justify-content:space-between}.drawer__header-wrapper--b-border{--set-border-color: var(--brand-gray-300);--set-container-gutter-y: 14px;padding-bottom:5px}.drawer__title{justify-content:flex-start;align-items:center;max-width:100%;margin:0;display:flex}.drawer__close-button{--set-max-width: 40px;transform:translate(6px,-4px);max-width:var(--set-max-width);max-height:var(--set-max-width)}.drawer__close-button--left{transform:translate(-6px)}.drawer__content{flex-grow:1;overflow-x:hidden;overflow-y:auto}
/*# sourceMappingURL=/cdn/shop/t/460/assets/component-drawer.css.map */