[dir=ltr] .popdrawer{text-align:left}[dir=rtl] .popdrawer{text-align:right}.popdrawer{--heading-color: var(--root-heading-color);--text-color: var(--root-text-color);--background: var(--root-background);--primary-button-background: var(--root-primary-button-background);--primary-button-text-color: var(--root-primary-button-text-color);position:fixed;display:flex;flex-direction:column;background:rgb(var(--background));color:rgb(var(--text-color));z-index:10;visibility:hidden;font-size:1rem}.popdrawer[open]{visibility:visible}.popdrawer__overlay{content:"";height:100vh;background:#000;opacity:0;visibility:hidden;transition:opacity .6s ease-in-out,visibility .6s ease-in-out}.popdrawer[open]>.popdrawer__overlay{visibility:visible;opacity:.3}.popdrawer__header{position:relative;display:flex;align-items:center;flex-shrink:0}.popdrawer__title{display:flex;align-items:center;margin:0}@media screen and (max-width:999px){.popdrawer{--section-background: var(--root-background);bottom:0;left:0;width:100vw;max-height:75vh;border-radius:10px 10px 0 0;transform:translateY(100%);transition:transform .6s cubic-bezier(.75,0,.175,1),visibility .6s cubic-bezier(.75,0,.175,1);touch-action:manipulation;-webkit-backface-visibility:hidden;backface-visibility:hidden}.popdrawer__overlay{position:absolute;width:100%;bottom:calc(100% - 10px);left:0}.popdrawer__header{justify-content:center;padding:10px 24px;min-height:64px;border-bottom:1px solid rgb(var(--root-border-color));border-radius:10px 10px 0 0}.popdrawer__header--no-border{border-bottom:none}.popdrawer__title{justify-content:center}[dir=ltr] .popdrawer__title svg{margin-right:12px}[dir=rtl] .popdrawer__title svg{margin-left:12px}[dir=ltr] .popdrawer__close-button{right:24px}[dir=rtl] .popdrawer__close-button{left:24px}.popdrawer__close-button{position:absolute;top:24px;z-index:1}.popdrawer__content{padding:24px;overflow:auto}.popdrawer__content--no-padding{padding:0!important}@supports (padding: max(0px)){.popdrawer__content{padding-bottom:max(24px,env(safe-area-inset-bottom,0px) + 24px)}}.popdrawer[open]{transform:translateY(0)}.popdrawer__header,.popdrawer__content{background:inherit}}@media screen and (min-width:1000px){[dir=ltr] .popdrawer{right:0}[dir=rtl] .popdrawer{left:0}.popdrawer{--section-background: initial;top:0;width:89vw;max-width:400px;height:100%;max-height:100vh;transform:translate(calc(var(--transform-logical-flip) * 100%));transition:transform .6s cubic-bezier(.75,0,.175,1),visibility .6s cubic-bezier(.75,0,.175,1)}[dir=ltr] .popdrawer--from-left{right:auto}[dir=rtl] .popdrawer--from-left{left:auto}[dir=ltr] .popdrawer--from-left{left:0}[dir=rtl] .popdrawer--from-left{right:0}.popdrawer--from-left{transform:translate(calc(var(--transform-logical-flip) * -100%))}.popdrawer[open]{transform:translate(0)}[dir=ltr] .popdrawer--from-left .popdrawer__overlay{left:100%}[dir=rtl] .popdrawer--from-left .popdrawer__overlay{right:100%}[dir=ltr] .popdrawer--from-left .popdrawer__overlay{right:auto}[dir=rtl] .popdrawer--from-left .popdrawer__overlay{left:auto}.popdrawer--large{max-width:500px}[dir=ltr] .popdrawer__overlay{right:100%}[dir=rtl] .popdrawer__overlay{left:100%}.popdrawer__overlay{position:fixed;top:0;width:100vw}.popdrawer__header{padding-top:20px;padding-bottom:20px;height:var(--header-height-without-bottom-nav);max-height:80px;border-bottom:1px solid rgb(var(--root-border-color));background:rgb(var(--root-background));z-index:1}.popdrawer__header--shadowed{height:auto;border-bottom:none;padding-bottom:6px}[dir=ltr] .popdrawer__header--shadowed:after{left:0}[dir=rtl] .popdrawer__header--shadowed:after{right:0}.popdrawer__header--shadowed:after{content:"";position:absolute;top:100%;width:100%;height:24px;background:linear-gradient(var(--root-background),rgba(var(--root-background),0));z-index:1;pointer-events:none}.popdrawer__title{justify-content:flex-start;max-width:100%}.popdrawer__title--stack{flex-direction:column;align-items:flex-start;flex-grow:1}[dir=ltr] .popdrawer__title .icon{margin-right:12px}[dir=rtl] .popdrawer__title .icon{margin-left:12px}[dir=ltr] .popdrawer__header-action{margin-left:16px}[dir=rtl] .popdrawer__header-action{margin-right:16px}[dir=ltr] .popdrawer__close-button{right:var(--container-gutter)}[dir=rtl] .popdrawer__close-button{left:var(--container-gutter)}.popdrawer__close-button{position:absolute;top:var(--container-gutter)}.popdrawer__header .popdrawer__close-button{top:calc(50% - 7px)}.popdrawer__close-button--block{position:relative;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important}.popdrawer__header,.popdrawer__content,.popdrawer__footer{padding-left:var(--container-gutter);padding-right:var(--container-gutter)}.popdrawer__content{overflow-x:hidden;overflow-y:auto;flex-grow:1;padding-bottom:24px}.popdrawer__content--padded-start{padding-top:24px}.popdrawer__content--center{text-align:center;margin-top:auto;margin-bottom:auto;padding-bottom:0;flex-grow:0}.popdrawer__footer{margin-top:auto;padding-top:20px;padding-bottom:20px;z-index:1;transform:translateZ(0)}@supports (padding: max(0px)){.popdrawer__footer{padding-bottom:max(20px,env(safe-area-inset-bottom,0px) + 20px)}}.popdrawer__footer--bordered{box-shadow:0 1px rgb(var(--root-border-color)) inset}.popdrawer__footer--no-top-padding{padding-top:0!important}[dir=ltr] .popdrawer__footer:before{left:0}[dir=rtl] .popdrawer__footer:before{right:0}.popdrawer__footer:before{content:"";position:absolute;bottom:100%;width:100%;height:24px;background:linear-gradient(rgba(var(--root-background),0),rgb(var(--root-background)));z-index:1;pointer-events:none}.popdrawer__header{padding-top:24px;padding-bottom:24px;max-height:90px}[dir=ltr] .popdrawer__header-action{margin-left:24px}[dir=rtl] .popdrawer__header-action{margin-right:24px}.popdrawer__content--padded-start{padding-top:30px}.popdrawer__footer:not(.popdrawer__footer--tight){padding-top:var(--container-gutter);padding-bottom:var(--container-gutter)}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/popdrawer.css.map */