.close-cta{--cta-px: clamp(.68px, 100vw / 1440, 1.7778px);--cta-text-px: clamp(.9px, 100vw / 1440, 1.7778px);box-sizing:border-box;padding:calc(var(--cta-padding-top, 80) * var(--cta-px)) calc(var(--cta-padding-horizontal, 40) * var(--cta-px)) calc(var(--cta-padding-bottom, 80) * var(--cta-px));background-color:var(--cta-background, #0f0f0f);color:var(--cta-text, #fff);font-family:Barlow Condensed,sans-serif}.close-cta__grid{display:grid;grid-template-columns:repeat(var(--cta-columns, 2),minmax(0,1fr));gap:calc(var(--cta-gap, 20) * var(--cta-px))}.close-cta__card{box-sizing:border-box;display:flex;flex-direction:column;gap:calc(var(--cta-card-gap, 32) * var(--cta-px));min-height:calc(var(--cta-card-height, 500) * var(--cta-px));padding:calc(var(--cta-card-padding, 40) * var(--cta-px));background-color:var(--cta-card, #141414);box-shadow:inset 0 0 0 1px var(--cta-border, #292929);border-radius:calc(var(--cta-radius, 12) * var(--cta-px))}.close-cta__text{display:flex;flex-direction:column;gap:calc(var(--cta-text-gap, 12) * var(--cta-px))}.close-cta__heading{margin:calc(((1.2 - var(--cta-lh, .94)) / 2 - .2625) * var(--cta-trim, 1) * 1em) 0 calc(((1.2 - var(--cta-lh, .94)) / 2 - .244) * var(--cta-trim, 1) * 1em);font-size:calc(var(--cta-heading-size, 48) * var(--cta-text-px));font-weight:800;font-style:italic;line-height:var(--cta-lh, .94);letter-spacing:0;text-transform:uppercase;color:inherit}.close-cta__body{margin:0;font-size:calc(var(--cta-body-size, 16) * var(--cta-text-px));font-weight:400;line-height:1.4;letter-spacing:.01em;color:var(--cta-muted, #a6a6a6)}.close-cta__button{align-self:flex-start;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;height:calc(var(--cta-button-height, 60) * var(--cta-px));padding:0 calc(var(--cta-button-padding, 32) * var(--cta-px));border:0;border-radius:calc(var(--cta-button-radius, 6) * var(--cta-px));font-size:calc(var(--cta-button-label-size, 16) * var(--cta-text-px));font-weight:800;line-height:1.2;letter-spacing:.04em;text-transform:uppercase;text-align:center;text-decoration:none;color:var(--cta-button-label, #fff);cursor:pointer;transition:background-color .2s,color .2s,box-shadow .2s,filter .2s}.close-cta__button:hover,.close-cta__button:focus-visible{color:var(--cta-button-label, #fff)}.close-cta__button--fixed{width:calc(var(--cta-button-width, 227) * var(--cta-px));max-width:100%}.close-cta__button--primary{background-color:var(--cta-button, #f26722)}.close-cta__button--primary:hover,.close-cta__button--primary:focus-visible{filter:brightness(1.08)}.close-cta__button--outline{background-color:transparent;box-shadow:inset 0 0 0 1px var(--cta-button-border, #4d4d4d)}.close-cta__button--outline:hover,.close-cta__button--outline:focus-visible{background-color:#fff;box-shadow:inset 0 0 0 1px #fff;color:#000}span.close-cta__button{cursor:default}.close-cta__form{display:block}.close-cta__signup{display:flex;flex-direction:column;gap:calc(12 * var(--cta-px))}.close-cta__signup>*{display:none}.close-cta__signup[data-state=idle]>.close-cta__signup-open,.close-cta__signup[data-state=open]>.close-cta__field,.close-cta__signup[data-state=open]>.close-cta__error,.close-cta__signup[data-state=done]>.close-cta__done,.close-cta__signup[data-state=done]>.close-cta__count{display:flex}button.close-cta__button{font-family:inherit;-webkit-appearance:none;appearance:none}.close-cta__field{box-sizing:border-box;align-items:center;width:calc(420 * var(--cta-px));max-width:100%;height:calc(var(--cta-button-height, 60) * var(--cta-px));padding:calc(8 * var(--cta-px)) calc(8 * var(--cta-px)) calc(8 * var(--cta-px)) calc(20 * var(--cta-px));border-radius:calc(var(--cta-button-radius, 6) * var(--cta-px));background-color:var(--cta-background, #0f0f0f);box-shadow:inset 0 0 0 1px var(--cta-button, #f26722)}.close-cta__input{flex:1;min-width:0;padding:0;border:0;background:none;font-family:inherit;font-size:calc(var(--cta-body-size, 16) * var(--cta-text-px));color:var(--cta-text, #fff)}.close-cta__input:focus,.close-cta__input:focus-visible{outline:none;box-shadow:none}.close-cta__input::placeholder{color:var(--cta-muted, #a6a6a6)}.close-cta__close,.close-cta__submit{flex:none;display:inline-flex;align-items:center;justify-content:center;height:100%;aspect-ratio:1;padding:0;border:0;border-radius:calc((var(--cta-button-radius, 6) - 2) * var(--cta-px));font-family:inherit;font-size:calc(20 * var(--cta-text-px));line-height:1;cursor:pointer}.close-cta__close{background:none;color:var(--cta-muted, #a6a6a6)}.close-cta__submit{background-color:var(--cta-button, #f26722);color:var(--cta-button-label, #fff);transition:filter .2s}.close-cta__submit:hover,.close-cta__submit:focus-visible{filter:brightness(1.08)}.close-cta__close .icon,.close-cta__submit .icon{width:calc(20 * var(--cta-text-px));height:calc(20 * var(--cta-text-px))}.close-cta__done{width:calc(420 * var(--cta-px));max-width:100%}.close-cta__error{margin:0;font-size:calc(var(--cta-body-size, 16) * var(--cta-text-px));color:var(--cta-button, #f26722)}.close-cta__count{align-items:center;gap:.4em;margin:0;font-size:calc(var(--cta-body-size, 16) * var(--cta-text-px));color:var(--cta-muted, #a6a6a6)}.close-cta__count:before{content:"";width:.5em;height:.5em;border-radius:50%;background-color:#4ade80}.close-cta__count b{color:var(--cta-text, #fff)}.close-cta__card>picture{display:contents}.close-cta__media{--cta-band-inset: calc(-1 * var(--cta-card-padding, 40) * var(--cta-px));display:block;align-self:stretch;width:auto;height:calc(var(--cta-media-height, 259) * var(--cta-px));margin:auto var(--cta-band-inset) var(--cta-band-inset);border-top:1px solid var(--cta-border, #292929);border-bottom-left-radius:calc(var(--cta-radius, 12) * var(--cta-px));border-bottom-right-radius:calc(var(--cta-radius, 12) * var(--cta-px));object-fit:cover}@media screen and (max-width:989px){.close-cta{--cta-px: clamp(.9px, 100vw / 390, 1.26px);--cta-text-px: var(--cta-px);padding:calc(var(--cta-mobile-padding-top, 48) * var(--cta-px)) calc(var(--cta-mobile-padding-horizontal, 16) * var(--cta-px)) calc(var(--cta-mobile-padding-bottom, 48) * var(--cta-px))}.close-cta__grid{grid-template-columns:minmax(0,1fr);gap:calc(var(--cta-mobile-gap, 24) * var(--cta-px))}.close-cta__card{gap:calc(var(--cta-mobile-card-gap, 24) * var(--cta-px));min-height:calc(var(--cta-mobile-card-height, 320) * var(--cta-px));padding:calc(var(--cta-mobile-card-padding, 24) * var(--cta-px));border-radius:calc(var(--cta-mobile-radius, 12) * var(--cta-px))}.close-cta__text{gap:calc(var(--cta-mobile-text-gap, 8) * var(--cta-px))}.close-cta__heading{--cta-trim: 0;font-size:calc(var(--cta-mobile-heading-size, 32) * var(--cta-px))}.close-cta__body{font-size:calc(var(--cta-mobile-body-size, 15) * var(--cta-px))}.close-cta__button{align-self:stretch;height:auto;padding:calc(var(--cta-mobile-button-padding, 12) * var(--cta-px)) 0;border-radius:calc(var(--cta-mobile-button-radius, 6) * var(--cta-px));font-size:calc(var(--cta-mobile-button-label-size, 14) * var(--cta-px))}.close-cta__button--fixed{align-self:flex-start;width:calc(var(--cta-mobile-button-width, 200) * var(--cta-px))}.close-cta__field,.close-cta__done{width:auto;align-self:stretch}.close-cta__field{height:calc((2 * var(--cta-mobile-button-padding, 12) + 1.2 * var(--cta-mobile-button-label-size, 14)) * var(--cta-px));padding-left:calc(16 * var(--cta-px))}.close-cta__input,.close-cta__error,.close-cta__count{font-size:calc(var(--cta-mobile-body-size, 15) * var(--cta-px))}.close-cta__media{--cta-band-inset: calc(-1 * var(--cta-mobile-card-padding, 24) * var(--cta-px));height:auto;aspect-ratio:328 / var(--cta-mobile-media-height, 148);border-bottom-left-radius:calc(var(--cta-mobile-radius, 12) * var(--cta-px));border-bottom-right-radius:calc(var(--cta-mobile-radius, 12) * var(--cta-px))}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/close-cta.css.map */