.ecl-popup .ecl-popup__dialog{--ecl-popup-pad: clamp(26px, 4vw, 44px);width:min(760px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:0;border:0;border-radius:0;overflow:auto;color:rgb(var(--color-foreground));background:rgb(var(--color-background));box-shadow:0 30px 80px #11101347}.ecl-popup .ecl-popup__dialog[open]{display:grid;grid-template-columns:minmax(0,1fr);animation:ecl-popup-in .45s var(--ecl-ease, ease) both}.ecl-popup .ecl-popup__dialog--image[open]{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.ecl-popup .ecl-popup__dialog::backdrop{background:#1110138c;animation:ecl-popup-fade .45s ease both}html.ecl-popup-open{overflow:hidden}.ecl-popup .ecl-popup__media{position:relative;min-height:100%;background:rgba(var(--color-foreground),.07)}.ecl-popup .ecl-popup__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ecl-popup .ecl-popup__body{display:flex;align-items:center;padding:var(--ecl-popup-pad)}.ecl-popup .ecl-popup__form{width:100%}.ecl-popup .ecl-popup__eyebrow{margin:0 0 12px;font-size:calc(10.5px + var(--ecl-bump, 2px));letter-spacing:.22em;text-transform:uppercase;color:rgba(var(--color-foreground),.55)}.ecl-popup .ecl-popup__title{margin:0 0 12px;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:calc(clamp(17px,2vw,22px) + var(--ecl-bump, 2px));line-height:1.25;letter-spacing:.2em;text-transform:uppercase}.ecl-popup .ecl-popup__text{margin:0 0 22px;color:rgba(var(--color-foreground),.78)}.ecl-popup .ecl-popup__label{display:block;margin-bottom:8px;font-size:calc(10.5px + var(--ecl-bump, 2px));letter-spacing:.16em;text-transform:uppercase}.ecl-popup .ecl-popup__field{display:flex;align-items:stretch;border:1px solid rgba(var(--color-foreground),.35);margin-bottom:14px}.ecl-popup .ecl-popup__field:focus-within{border-color:rgb(var(--color-foreground))}.ecl-popup .ecl-popup__prefix{display:grid;place-items:center;padding:0 12px;border-right:1px solid rgba(var(--color-foreground),.2);color:rgba(var(--color-foreground),.7)}.ecl-popup .ecl-popup__field input{flex:1;min-width:0;padding:14px 12px;border:0;outline:0;background:transparent;color:inherit;font:inherit;letter-spacing:.04em}.ecl-popup .ecl-popup__btn{display:block;width:100%;text-align:center;color:rgb(var(--color-background));background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground))}.ecl-popup .ecl-popup__btn:hover{background:transparent;color:rgb(var(--color-foreground))}.ecl-popup .ecl-popup__consent{margin:12px 0 0;font-size:calc(10.5px + var(--ecl-bump, 2px));line-height:1.5;color:rgba(var(--color-foreground),.55)}.ecl-popup .ecl-popup__skip{display:block;margin:14px auto 0;padding:4px;border:0;background:none;color:rgba(var(--color-foreground),.6);font:inherit;font-size:calc(10.5px + var(--ecl-bump, 2px));letter-spacing:.16em;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.ecl-popup .ecl-popup__error{margin:0 0 14px;color:#b3261e}.ecl-popup .ecl-popup__close{position:absolute;top:10px;right:10px;z-index:2;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:rgba(var(--color-background),.85);color:rgb(var(--color-foreground));cursor:pointer}.ecl-popup .ecl-popup__close svg{width:20px;height:20px}@media(max-width:749px){.ecl-popup .ecl-popup__dialog{margin:auto auto 0;width:100vw;max-width:100vw;max-height:92dvh}.ecl-popup .ecl-popup__dialog--image[open]{grid-template-columns:minmax(0,1fr)}.ecl-popup .ecl-popup__media{min-height:0;height:30vh}.ecl-popup .ecl-popup__dialog[open]{animation-name:ecl-popup-up}}@keyframes ecl-popup-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes ecl-popup-up{0%{transform:translateY(100%)}to{transform:none}}@keyframes ecl-popup-fade{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.ecl-popup .ecl-popup__dialog[open],.ecl-popup .ecl-popup__dialog::backdrop{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/ecl-lookbook-popup.css.map */