.lbcard .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}.lbcard .drawers[open]{pointer-events:auto}.lbcard .drawers[active]>.drawer__inner{--translate-x: 0}.lbcard .drawers[active]>.fixed-overlay{opacity:1;visibility:visible;pointer-events:auto;cursor:zoom-out}.lbcard .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))}.lbcard .drawer--left .drawer__inner{--translate-y: 0;--translate-x: -100%}.lbcard .drawer--right .drawer__inner{--translate-y: 0;--translate-x: 100%;inset-inline:auto 0}.lbcard .drawer--bottom .drawer__inner{--translate-x: 0;--translate-y: 100%;top:auto;bottom:0;height:auto;max-height:100%}.lbcard .drawer--bottom[active]>.drawer__inner{--translate-y: 0}.lbcard .drawer__header{padding-block:2rem;padding-inline:2rem}.lbcard .drawer__body{padding-inline:2rem;padding-block-start:1.2rem;padding-block-end:2rem}.lbcard .drawer__footer{padding-inline:2rem;padding-block:2.4rem}.lbcard .drawer__close-btn{position:absolute;top:50%;inset-inline-end:0;display:flex;align-items:center;justify-content:center;width:var(--drawer-close-btn-size, 2rem);height:var(--drawer-close-btn-size, 2rem);border-radius:50%;padding:0;border:0;background:none;color:rgb(var(--color-foreground))}.lbcard .drawer__close-btn svg{transition:transform .3s}.lbcard .drawer__close-btn:hover svg{transform:rotate(180deg)}.lbcard .drawer__sticky{position:sticky}.lbcard .drawer__sticky--bottom{bottom:0}.lbcard .drawers .drawer>.fixed-overlay{background-color:rgba(var(--color-foreground),.3)}@media (min-width: 768px){.lbcard .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: 0;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: 0;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: 0;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 a:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;z-index:1}.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__info{background:linear-gradient(90deg,#8b2a5f,#cb1927);color:rgb(var(--color-button-text));padding:1.5rem;position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.lbcard__info .lbcard__heading{margin:0;font-family:var(--font-family-futura-pt);font-weight:700;font-size:1.8rem;line-height:1;color:rgb(var(--color-button-text));white-space:nowrap}.lbcard__popup-btn-trigger{--buttons-radius: 2.2rem;--buttons-radius-outset: 2.2rem;padding:.2rem 1rem;border-radius:var(--buttons-radius);min-width:calc(10.8rem + var(--buttons-border-width) * 2);min-height:calc(2.2rem + var(--buttons-border-width) * 2);z-index:1;overflow:hidden;font-family:var(--font-family-futura-pt);font-weight:700;font-size:1.1rem;line-height:1;background:transparent;color:rgb(var(--color-button-text));border:.2rem solid rgb(var(--color-button-text));text-transform:uppercase;transition:all .25s ease-in-out 0s}.lbcard__popup-btn-trigger:after,.lbcard__popup-btn-trigger:before{opacity:0;visibility:hidden}.lbcard__popup-btn-trigger .icon{width:2rem;height:2rem}.lbcard__popup-btn-trigger:hover{background:rgb(var(--color-button-text));border-color:rgb(var(--color-button-text));color:rgb(var(--color-button))}.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;position:relative}.lbcard.is-open .lbcard__info,.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;display:flex;flex-direction:column;gap:.5rem}.lbcard__product-info .lbcard__product-title{font-family:var(--font-body-family);font-weight:700;font-style:normal;font-size:1.4rem;line-height:1.1;letter-spacing:0}.lbcard__product-info .lbcard__product-price .price{font-size:1.4rem;line-height:1.1875}.lbcard__product .button{--buttons-radius: 3rem;--buttons-radius-outset: 3rem;width:3rem;height:3rem;min-width:calc(2.8rem + var(--buttons-border-width) * 2);min-height:calc(2.8rem + 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: 1169px){.lbcard__product .button{min-width:calc(2.4rem + var(--buttons-border-width) * 2);min-height:calc(2.4rem + var(--buttons-border-width) * 2)}.lbcard__popup-body{padding:0 1.5rem}.lbcard__popup-header{margin:0 1.5rem}.lbcard__info .lbcard__heading{font-size:1.6rem}.lbcard__popup{padding:1.5rem}}@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)}}@media only screen and (max-width: 380px){.lbcard__info{gap:0;padding:1.5rem 1rem}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/component-lookbook-card-modal.css.map */
