.drawers{--modal-gap: 3.2rem 2.4rem;position:fixed;z-index:30;top:0;inset-inline:0 auto;width:100%;height:100%;pointer-events:none}.drawers[open]{pointer-events:auto}.drawers[active]>.drawer__inner{--translate-x: 0}.drawers[active]>.fixed-overlay{opacity:1;visibility:visible;pointer-events:auto;cursor:zoom-out}.drawers .drawer__inner{--translate-x: 100%;max-width:var(--modal-width, 46rem);z-index:10;position:absolute;top:0;width:100%;height:100%;overflow:hidden;color:rgb(var(--color-foreground));background-color:rgb(var(--color-background));transition:transform .6s cubic-bezier(.7,0,.2,1);transform:translate(var(--translate-x),var(--translate-y))}.drawer--left .drawer__inner{--translate-y: 0;--translate-x: -100%}.drawer--right .drawer__inner{--translate-y: 0;--translate-x: 100%;inset-inline:auto 0}.drawer--bottom .drawer__inner{--translate-x: 0;--translate-y: 100%;top:auto;bottom:0;height:auto;max-height:100%}.drawer--bottom[active]>.drawer__inner{--translate-y: 0}.drawer__header{padding-block:2rem;padding-inline:2rem}.drawer__body{padding-inline:2rem;padding-block-start:1.2rem;padding-block-end:2rem}.drawer__footer{padding-inline:2rem;padding-block:2.4rem}.drawer__close-btn{position:absolute;top:1rem;inset-inline-end:1rem;display:flex;align-items:center;justify-content:center;width:var(--drawer-close-btn-size, 4rem);height:var(--drawer-close-btn-size, 4rem);border-radius:50%;padding:0;border:0;background:none;color:rgb(var(--color-foreground))}.drawer__close-btn svg{transition:transform .3s}.drawer__close-btn:hover svg{transform:rotate(180deg)}.drawer__sticky{position:sticky}.drawer__sticky--bottom{bottom:0}.drawers .drawer>.fixed-overlay{background-color:rgba(var(--color-foreground),.3)}@media (min-width: 768px){.drawers{--modal-gap: 3.2rem}}.modals{align-items:center;justify-content:center;padding:0 1.6rem}.modals:not([hidden]){display:flex}.modals .drawer__inner{--blocks-radius: 1rem;position:static;height:auto;max-height:calc(var(--modal-height, 100vh) - 4rem);transform:scale(.8);opacity:0;transition-property:transform,opacity;border-radius:var(--blocks-radius)}@media (max-width: 749.98px){.modals .drawer__inner{--blocks-radius-mobile: 1rem;border-radius:var(--blocks-radius-mobile)}}.modals .drawer__body{max-height:calc(var(--modal-height, 100vh) - 4rem)}.modals[active]>.drawer__inner{opacity:1;transform:scale(1)}.lbcard{--blocks-radius: 1.5rem;box-sizing:border-box;border-radius:var(--blocks-radius);overflow:hidden;-webkit-mask-image:-webkit-radial-gradient(white,black);display:block;position:relative;z-index:0}.lbcard__popup{position:absolute;align-items:flex-end;padding:2rem;z-index:2}.lbcard__popup .fixed-overlay{opacity:0!important;position:fixed;transition:.8s cubic-bezier(.7,0,.2,1);transition-property:opacity,visibility,background-color;inset-block-start:0;inset-inline-start:0;width:100%;height:100%;pointer-events:none;background-color:rgba(var(--color-foreground),.5);opacity:0;visibility:hidden}.lbcard__popup .drawer__inner{max-width:100%;max-height:100%;padding:.4rem 0 2rem;box-shadow:none;display:flex;flex-direction:column;gap:1.6rem;border:none}.lbcard__popup-header{--color-border: 230, 230, 230;position:relative;padding:1.6rem 0;padding-inline-end:3rem;margin:0 2rem;border-bottom:.1rem solid rgb(var(--color-border));min-height:2rem;flex-shrink:0}.lbcard__popup-header .lbcard__popup-heading{margin:0;line-height:calc(27 / 17)}.lbcard__popup-btn-close{position:absolute;top:50%;inset-inline-end:0;transform:translateY(-50%);width:2rem;height:2rem;cursor:pointer}.lbcard__popup-btn-close:before{content:"";position:absolute;left:-1rem;top:-1rem;width:4rem;height:4rem}@media only screen and (min-width: 750px){.lbcard__popup-header .lbcard__popup-heading{margin:0;line-height:calc(28 / 18)}}.lbcard__popup-btn-trigger{--buttons-radius: 4.8rem;--buttons-radius-outset: 4.8rem;position:absolute!important;bottom:2rem;inset-inline-end:2rem;padding:0;border-radius:var(--buttons-radius);min-width:calc(4.6rem + var(--buttons-border-width) * 2);min-height:calc(4.6rem + var(--buttons-border-width) * 2);z-index:1;overflow:hidden}.lbcard__popup-btn-trigger .icon{width:2rem;height:2rem}.lbcard__popup-body{padding:0 2rem;display:flex;flex-direction:column;gap:1.6rem}.lbcard__popup-body.v-scrollable{scroll-behavior:smooth;scroll-snap-type:y mandatory;overflow-x:hidden;overflow-y:auto}.lbcard__popup-body .lbcard__product{display:flex;align-items:center;gap:.8rem}.lbcard.is-open .lbcard__popup-btn-trigger{opacity:0}.lbcard__product-thumbnail{width:7.5rem;max-width:25%;margin-inline-end:.8rem;flex-shrink:0}.lbcard__product-info{flex:1}.lbcard__product-info .lbcard__product-title{font-family:var(--font-body-family);font-weight:700;font-style:normal;line-height:1.6;letter-spacing:0}.lbcard__product-info .lbcard__product-price .price{line-height:1.6}.lbcard__product .button{--buttons-radius: 3.2rem;--buttons-radius-outset: 3.2rem;width:3.2rem;height:3.2rem;min-width:calc(3rem + var(--buttons-border-width) * 2);min-height:calc(3rem + var(--buttons-border-width) * 2);padding:0}.lbcard__product .button .icon{width:1.4rem;height:1.4rem}.full-col-height .lbcard{height:100%}.full-col-height .lbcard .media-wrapper{min-height:100%}@media only screen and (max-width: 479px){.lbcard__popup{padding:1.2rem}.lbcard__popup-header{margin:0 1.2rem}.lbcard__popup-body{padding:0 1.2rem}.lbcard__popup-body{gap:1.2rem}.lbcard__popup-body .lbcard__product{gap:.6rem}.lbcard__product-thumbnail{width:6rem;margin-inline-end:.4rem}.lbcard__product .button{--buttons-radius: 2.8rem;--buttons-radius-outset: 2.8rem;width:2.8rem;height:2.8rem;min-width:calc(2.6rem + var(--buttons-border-width) * 2);min-height:calc(2.6rem + var(--buttons-border-width) * 2)}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-lookbook-card-modal.css.map */