body.ncf-popup-open{overflow:hidden}.ncf-popup{--ncf-popup-muted: #78636c;width:calc(880 * var(--ncf-px));max-width:calc(100vw - 2 * var(--ncf-gutter-mobile));max-height:calc(100dvh - 2 * var(--ncf-gutter-mobile));margin:auto;padding:0;border:0;background:rgb(var(--ncf-cream));color:rgb(var(--ncf-plum));box-shadow:0 calc(30 * var(--ncf-px)) calc(70 * var(--ncf-px)) calc(-20 * var(--ncf-px)) rgba(var(--ncf-plum-deep),.6);overflow:auto;overscroll-behavior:contain}.ncf-popup::backdrop{background:rgba(var(--ncf-plum),.55)}.ncf-popup[open]{animation:ncf-popup-in .34s ease-out both}.ncf-popup[open]::backdrop{animation:ncf-popup-fade .34s ease-out both}@keyframes ncf-popup-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes ncf-popup-fade{0%{opacity:0}}.ncf-popup__panel{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.ncf-popup__media{min-height:calc(400 * var(--ncf-px));background:rgb(var(--ncf-sage))}.ncf-popup__img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 55%}.ncf-popup__body{padding:calc(52 * var(--ncf-px)) calc(46 * var(--ncf-px)) calc(48 * var(--ncf-px))}.ncf-popup__close{position:absolute;top:calc(8 * var(--ncf-px));right:calc(8 * var(--ncf-px));z-index:1;display:grid;place-items:center;width:calc(40 * var(--ncf-px));height:calc(40 * var(--ncf-px));padding:0;border:0;border-radius:50%;background:rgb(var(--ncf-cream));color:var(--ncf-popup-muted);cursor:pointer}.ncf-popup__close svg{width:calc(22 * var(--ncf-px));height:calc(22 * var(--ncf-px))}.ncf-popup__close:hover{color:rgb(var(--ncf-red))}.ncf-popup__title{margin:0 0 calc(16 * var(--ncf-px));font:700 calc(36 * var(--ncf-px))/1.1 var(--ncf-font-fairwater);letter-spacing:0;text-transform:none;color:rgb(var(--ncf-plum));background:none;-webkit-text-fill-color:currentColor;text-wrap:pretty}.ncf-popup__title :is(strong,b,em){font-style:normal;font-weight:inherit;color:rgb(var(--ncf-red));white-space:nowrap}.ncf-popup__text,.ncf-popup__text p{margin:0 0 calc(26 * var(--ncf-px));font:400 calc(16 * var(--ncf-px))/1.6 var(--ncf-font-brandon);color:rgba(var(--ncf-plum),.86);text-wrap:pretty}.ncf-popup__form{display:flex;flex-direction:column}.ncf-popup__label{margin:0 0 calc(8 * var(--ncf-px));font:700 calc(12 * var(--ncf-px))/1.2 var(--ncf-font-brandon);letter-spacing:.18em;text-transform:uppercase;color:var(--ncf-popup-muted)}.ncf-popup__input{width:100%;margin:0 0 calc(16 * var(--ncf-px));padding:0 0 calc(11 * var(--ncf-px));border:0;border-bottom:2px solid rgb(var(--ncf-plum));border-radius:0;background:transparent;color:rgb(var(--ncf-plum));font:400 calc(16 * var(--ncf-px))/1.25 var(--ncf-font-brandon);box-shadow:none}.ncf-popup__input::placeholder{color:var(--ncf-popup-muted);opacity:1}.ncf-popup__input[aria-invalid=true]{border-bottom-color:rgb(var(--ncf-red))}.ncf-popup__error{margin:calc(-8 * var(--ncf-px)) 0 calc(16 * var(--ncf-px));font:400 calc(15 * var(--ncf-px))/1.45 var(--ncf-font-brandon);color:rgb(var(--ncf-red))}.ncf-popup__submit{width:100%;padding:calc(17 * var(--ncf-px)) calc(20 * var(--ncf-px));font-size:calc(13 * var(--ncf-px));letter-spacing:.2em}.ncf-popup__dismiss{align-self:center;min-height:calc(32 * var(--ncf-px));margin-top:calc(10 * var(--ncf-px));padding:calc(6 * var(--ncf-px)) calc(12 * var(--ncf-px));border:0;background:transparent;color:var(--ncf-popup-muted);font:700 calc(12 * var(--ncf-px))/1 var(--ncf-font-brandon);letter-spacing:.18em;text-transform:uppercase;cursor:pointer}.ncf-popup__dismiss:hover{color:rgb(var(--ncf-plum));text-decoration:underline;text-underline-offset:.3em}.ncf-popup__message,.ncf-popup__message p{margin:0 0 calc(22 * var(--ncf-px));font:400 calc(17 * var(--ncf-px))/1.55 var(--ncf-font-brandon);color:rgb(var(--ncf-plum))}.ncf-popup__message>:last-child{margin-bottom:0}:is(.ncf-popup__close,.ncf-popup__dismiss,.ncf-popup__input):focus-visible{outline:2px solid rgb(var(--ncf-plum));outline-offset:3px}.ncf-popup__message:focus{outline:none}@media screen and (max-width:749px){.ncf-popup__media{display:none}.ncf-popup__body{padding:calc(48 * var(--ncf-px)) calc(22 * var(--ncf-px)) calc(28 * var(--ncf-px))}.ncf-popup__title{font-size:calc(28 * var(--ncf-px))}}@media(prefers-reduced-motion:reduce){.ncf-popup[open],.ncf-popup[open]::backdrop{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-ncf-newsletter-popup.css.map */