.newsletter-card{box-sizing:border-box;position:fixed;bottom:0;z-index:var(--z-pdp-sticky-bar, 50);width:100%;max-width:var(--newsletter-card-width, 600px);padding-top:var(--newsletter-card-fade-height, 240px);display:none;color:rgb(var(--newsletter-card-text));pointer-events:none}.newsletter-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:rgba(var(--newsletter-card-bg) / var(--newsletter-card-tint, .7));-webkit-backdrop-filter:blur(var(--newsletter-card-blur, 32px));backdrop-filter:blur(var(--newsletter-card-blur, 32px));-webkit-mask-image:radial-gradient(ellipse 95% 100% at 0% 100%,#000 0%,#000 var(--newsletter-card-solid, 45%),transparent 100%);mask-image:radial-gradient(ellipse 95% 100% at 0% 100%,#000 0%,#000 var(--newsletter-card-solid, 45%),transparent 100%);pointer-events:none}.newsletter-card[open]{display:block}.newsletter-card__content{position:relative;z-index:1;pointer-events:auto;box-sizing:border-box;width:var(--newsletter-card-content-width, 75%);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.newsletter-card--bottom-left{left:0}.newsletter-card--bottom-right{right:0;text-align:right}.newsletter-card--bottom-right:before{-webkit-mask-image:radial-gradient(ellipse 95% 100% at 100% 100%,#000 0%,#000 var(--newsletter-card-solid, 45%),transparent 100%);mask-image:radial-gradient(ellipse 95% 100% at 100% 100%,#000 0%,#000 var(--newsletter-card-solid, 45%),transparent 100%)}.newsletter-card--bottom-right .newsletter-card__content{margin-left:auto}.newsletter-card--bottom-right .newsletter-card__buttons{justify-content:flex-end}.newsletter-card__heading{font-weight:700}.newsletter-card__body{font-size:var(--font-size-B3)}.newsletter-card__copy{display:flex;flex-direction:column;gap:var(--space-3)}.newsletter-card__buttons{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-1)}@media screen and (max-width:749px){.newsletter-card{max-width:100%}.newsletter-card__heading{font-size:var(--font-size-B3)}.newsletter-card__body{font-size:var(--font-size-B4);line-height:1.4}.newsletter-card__content{width:100%;align-items:center;text-align:center}.newsletter-card--bottom-left .newsletter-card__buttons,.newsletter-card--bottom-right .newsletter-card__buttons{justify-content:center}.newsletter-card:before,.newsletter-card--bottom-right:before{-webkit-mask-image:linear-gradient(to top,#000 0%,#000 var(--newsletter-card-solid, 45%),transparent 100%);mask-image:linear-gradient(to top,#000 0%,#000 var(--newsletter-card-solid, 45%),transparent 100%)}}.newsletter-modal{--info-drawer-max-width: 525px}.newsletter-modal.info-drawer{z-index:1000;display:flex;align-items:flex-end;justify-content:center;background:#00000040;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.newsletter-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0}.newsletter-modal .newsletter-modal__dialog{overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;padding:var(--space-6) var(--space-6) 0;color:rgb(var(--color-atomic-black))}.newsletter-modal .newsletter-modal__dialog::-webkit-scrollbar{display:none}.newsletter-modal__form{padding-bottom:var(--space-6)}.newsletter-modal__close{position:absolute;top:var(--space-5);right:var(--space-5);color:rgb(var(--color-atomic-black))}.newsletter-modal__header{margin-bottom:var(--space-6);padding-right:calc(var(--space-8) + var(--space-3))}.newsletter-modal__title{margin:0;font-size:var(--font-size-H2);font-weight:500;line-height:1;letter-spacing:-.02em}.newsletter-modal__subtitle{margin:0;font-size:var(--font-size-H2);font-weight:500;line-height:1;letter-spacing:-.02em;color:rgba(var(--color-atomic-black) / .6)}.newsletter-modal__fields{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgb(var(--color-atomic-light-grey));border:1px solid rgb(var(--color-atomic-light-grey));border-radius:3px;overflow:hidden}.newsletter-modal__field{background:rgb(var(--color-atomic-white));border-radius:3px}.newsletter-modal__field--full{grid-column:1 / -1}.newsletter-modal__field input,.newsletter-modal__field select{box-sizing:border-box;width:100%;padding:var(--space-3);border:0;background:transparent;font-size:var(--font-size-B3);color:rgb(var(--color-atomic-black));appearance:none;-webkit-appearance:none}.newsletter-modal__field input::placeholder{color:rgba(var(--color-atomic-black) / .6)}.newsletter-modal__field input:focus,.newsletter-modal__field select:focus{outline:1px solid rgb(var(--color-atomic-black));outline-offset:-1px}.newsletter-modal__field--phone{display:flex;align-items:stretch}.newsletter-modal__phone-code{flex:0 0 auto;border-right:1px solid rgb(var(--color-atomic-light-grey))}.newsletter-modal__phone-code select,.newsletter-modal__phone-code .atomic-dropdown__trigger{width:auto;min-width:11rem}.newsletter-modal__field--phone input[name=phone]{flex:1 1 auto;min-width:0}.newsletter-modal__field--select{position:relative}.newsletter-modal__field--select.atomic-dropdown-host:after{display:none}.newsletter-modal__field--select .atomic-dropdown__trigger{height:auto;padding:var(--space-3);padding-right:34px;background:transparent;border:0;border-radius:3px}.newsletter-modal__field--select .atomic-dropdown__trigger:focus-visible{outline:1px solid rgb(var(--color-atomic-black));outline-offset:-1px}.newsletter-modal__field--select .atomic-dropdown__option{height:auto;padding:var(--space-3)}.newsletter-modal__field--select .atomic-dropdown__trigger-label,.newsletter-modal__field--select .atomic-dropdown__option-label{font-family:inherit;font-size:var(--font-size-B3);line-height:inherit}.newsletter-modal__field--select .atomic-dropdown__trigger-label{color:rgba(var(--color-atomic-black) / .6)}.newsletter-modal__field--select.is-filled .atomic-dropdown__trigger-label{color:rgb(var(--color-atomic-black))}.newsletter-modal__field--select .atomic-dropdown__chevron{right:15px}.newsletter-modal__fields:has(.atomic-dropdown.is-open){overflow:visible}.newsletter-modal__field--select:after{content:"";position:absolute;top:50%;right:15px;width:8px;height:8px;border-right:1.5px solid rgba(var(--color-atomic-black) / .6);border-bottom:1.5px solid rgba(var(--color-atomic-black) / .6);transform:translateY(-65%) rotate(45deg);pointer-events:none}.newsletter-modal__field--select select{color:rgba(var(--color-atomic-black) / .6)}.newsletter-modal__field--select.is-filled select{color:rgb(var(--color-atomic-black))}.newsletter-modal__groups{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-top:var(--space-6)}.newsletter-modal__groups--solo{grid-template-columns:1fr}.newsletter-modal__groups--solo .newsletter-modal__options{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-2) var(--space-6)}.newsletter-modal__groups--solo .newsletter-modal__check{margin-bottom:0}.newsletter-modal__group{margin:0;padding:0;border:0}.newsletter-modal__group-title{margin:0 0 var(--space-3);padding:0;font-size:var(--font-size-B3);font-weight:700;line-height:1.2}.newsletter-modal__check{display:flex;align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-2);font-size:var(--font-size-B3);line-height:18px;cursor:pointer}.newsletter-modal__check input{position:absolute;opacity:0;width:0;height:0}.newsletter-modal__check-box{flex:0 0 auto;width:18px;height:18px;border:1px solid rgb(var(--color-atomic-light-grey));background:rgb(var(--color-atomic-white))}.newsletter-modal__check input:checked+.newsletter-modal__check-box{background:rgb(var(--color-atomic-black));border-color:rgb(var(--color-atomic-black))}.newsletter-modal__check input:focus-visible+.newsletter-modal__check-box{outline:2px solid rgb(var(--color-atomic-black));outline-offset:2px}.newsletter-modal__field--error{box-shadow:0 0 0 2px rgb(var(--color-atomic-red))}.newsletter-modal__group--error .newsletter-modal__group-title,.newsletter-modal__check--error .newsletter-modal__check-label{color:rgb(var(--color-atomic-red-accessible))}.newsletter-modal__check--error .newsletter-modal__check-box{border-color:rgb(var(--color-atomic-red))}.newsletter-modal__terms{padding-top:var(--space-4)}.newsletter-modal__terms .newsletter-modal__check-label p{font-size:inherit;line-height:inherit}.newsletter-modal__message{margin:var(--space-4) 0 0;font-size:var(--font-size-B3)}.newsletter-modal__message--error{color:rgb(var(--color-atomic-red-accessible))}.newsletter-modal__message--success{color:rgb(var(--color-atomic-black))}.newsletter-modal__submit{width:100%;margin-top:var(--space-4)}.newsletter-modal__submit[disabled]{opacity:.6;cursor:default}.newsletter-modal__submit--success,.newsletter-modal__submit--success[disabled]{background:rgba(var(--color-atomic-black) / .75);opacity:1;cursor:default}.newsletter-modal__legal{margin-top:var(--space-4);font-size:var(--font-size-B5);line-height:1.4;color:rgba(var(--color-atomic-black) / .6)}.newsletter-modal__legal a{color:inherit;text-decoration:underline}@media screen and (max-width:749px){.newsletter-modal__dialog{padding:var(--space-6) var(--space-6) 0}.newsletter-modal__form{padding-bottom:calc(var(--space-4) + env(safe-area-inset-bottom))}.newsletter-modal__field:has(input[name=email]),.newsletter-modal__field--phone{grid-column:1 / -1}.newsletter-modal__phone-code select,.newsletter-modal__phone-code .atomic-dropdown__trigger{min-width:0}.newsletter-modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-right:0}.newsletter-modal__close{position:static;top:auto;right:auto;flex:none;margin-inline-end:calc(-1 * var(--space-1))}.newsletter-modal__title{font-size:var(--font-size-H3)}.newsletter-modal__subtitle{display:none}.newsletter-modal__field input,.newsletter-modal__field select,.newsletter-modal__field--select .atomic-dropdown__trigger-label,.newsletter-modal__field--select .atomic-dropdown__option-label,.newsletter-modal__group-title{font-size:var(--font-size-B4)}.newsletter-modal__legal{display:none}}.newsletter-card[open]:before{animation:newsletter-card-gradient-in .5s ease both}@media(min-width:990px){.newsletter-card[open] .newsletter-card__copy{animation:newsletter-card-mask-wipe 1.4s cubic-bezier(.22,1,.36,1) .25s both}.newsletter-card[open] .newsletter-card__buttons .btn{transform-origin:bottom left;animation:newsletter-card-button-pop .45s cubic-bezier(.22,1,.36,1) .4s both,newsletter-card-button-label-in .3s ease .7s both}.newsletter-card[open] .newsletter-card__buttons .newsletter-card__close{animation-delay:.48s,.78s}}@media(max-width:989px){.newsletter-card[open] .newsletter-card__copy{animation:newsletter-card-mask-wipe-up 1.4s cubic-bezier(.22,1,.36,1) .25s both}.newsletter-card[open] .newsletter-card__buttons .btn{transform-origin:bottom center;animation:newsletter-card-button-pop .45s cubic-bezier(.22,1,.36,1) .4s both,newsletter-card-button-label-in .3s ease .7s both}}@media(min-width:990px){.newsletter-card[open] .newsletter-card__copy{-webkit-mask-image:linear-gradient(25deg,#000 47%,transparent 53%);mask-image:linear-gradient(25deg,#000 47%,transparent 53%);-webkit-mask-size:220% 420%;mask-size:220% 420%}}@media(max-width:989px){.newsletter-card[open] .newsletter-card__copy{-webkit-mask-image:linear-gradient(0deg,#000 47%,transparent 53%);mask-image:linear-gradient(0deg,#000 47%,transparent 53%);-webkit-mask-size:100% 300%;mask-size:100% 300%}}@keyframes newsletter-card-mask-wipe-up{0%{-webkit-mask-position:0% 0%;mask-position:0% 0%}to{-webkit-mask-position:0% 100%;mask-position:0% 100%}}@keyframes newsletter-card-gradient-in{0%{opacity:0}to{opacity:1}}@keyframes newsletter-card-mask-wipe{0%{-webkit-mask-position:100% 0%;mask-position:100% 0%}to{-webkit-mask-position:0% 100%;mask-position:0% 100%}}@keyframes newsletter-card-button-pop{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes newsletter-card-button-label-in{0%{color:transparent}}.newsletter-card[open][closing]:before{animation:newsletter-card-gradient-out .35s ease .65s both}.newsletter-card[open][closing] .newsletter-card__buttons .btn{animation:newsletter-card-button-pop-out .3s cubic-bezier(.22,1,.36,1) .45s both,newsletter-card-button-label-out .45s ease 0s both}@media(min-width:990px){.newsletter-card[open][closing] .newsletter-card__copy{animation:newsletter-card-mask-wipe-out .65s linear 0s both}.newsletter-card[open][closing] .newsletter-card__buttons .newsletter-card__close{animation-delay:.5s,0s}}@media(max-width:989px){.newsletter-card[open][closing] .newsletter-card__copy{animation:newsletter-card-mask-wipe-up-out .65s linear 0s both}}@keyframes newsletter-card-mask-wipe-up-out{0%{-webkit-mask-position:0% 100%;mask-position:0% 100%}to{-webkit-mask-position:0% 0%;mask-position:0% 0%}}@keyframes newsletter-card-mask-wipe-out{0%{-webkit-mask-position:0% 100%;mask-position:0% 100%}to{-webkit-mask-position:100% 0%;mask-position:100% 0%}}@keyframes newsletter-card-gradient-out{to{opacity:0}}@keyframes newsletter-card-button-pop-out{to{transform:scale(0)}}@keyframes newsletter-card-button-label-out{to{color:transparent}}@media(prefers-reduced-motion:reduce){.newsletter-card[open]:before,.newsletter-card[open] .newsletter-card__copy,.newsletter-card[open] .newsletter-card__buttons .btn{animation:none;-webkit-mask-image:none;mask-image:none}}.newsletter-card:before{transform:translateZ(0);will-change:backdrop-filter}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-newsletter-card.css.map */