.sign-up-banner{--sign-up-orange: #ff7a3d;--sign-up-text: #fdfdfd;--sign-up-muted: #bababa;--sign-up-form-width: 454px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:620px;box-sizing:border-box;background:#0a0708}.sign-up-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.sign-up-banner__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.sign-up-banner__inner{position:relative;z-index:1;width:100%;max-width:var(--sign-up-form-width);margin:0 auto;padding:0 24px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:32px;text-align:center}.sign-up-banner h1.sign-up-banner__title,.sign-up-banner .sign-up-banner__success-title{margin:0;color:#fff;font-family:var(--Shokz-Sans-Display, "Shokz Sans Display");font-size:var(--fontSize-36, 36px);font-style:normal;font-weight:var(--medium, 400);line-height:1.1;letter-spacing:normal;text-align:center;text-transform:none}.sign-up-banner.is-success .sign-up-banner__title,.sign-up-banner.is-success .sign-up-banner__form-stack,.sign-up-banner .sign-up-banner .sign-up-banner__success-title[hidden]{display:none}.sign-up-banner.is-success .sign-up-banner__success-title{display:block}.sign-up-banner__form-stack{width:100%;display:flex;flex-direction:column;align-items:center;gap:16px}.sign-up-banner__form-box{position:relative;width:100%;z-index:2}.sign-up-banner__form-box .klaviyo-form,.sign-up-banner__form-box .klaviyo-form.klaviyo-form.klaviyo-form{padding:0!important}.sign-up-banner__form-box form>.needsclick{min-height:auto!important}.sign-up-banner__form-box div[data-testid=form-row]:nth-of-type(1)>div{padding:0!important}.sign-up-banner__form-box div[data-testid=form-row]:nth-of-type(1) input{border:0!important;border-radius:4px 0 0 4px!important;height:48px!important;box-shadow:none!important;outline:none!important;font-family:var(--Shokz-Sans-Text, "Shokz Sans Text")!important;font-size:14px!important;font-style:normal!important;font-weight:300!important;line-height:18.2px!important;letter-spacing:normal!important;color:#050505!important}.sign-up-banner__form-box div[data-testid=form-row]:nth-of-type(1) input::placeholder{font-family:var(--Shokz-Sans-Text, "Shokz Sans Text")!important;font-size:14px!important;font-weight:300!important;line-height:18.2px!important;color:#a3a3a3!important;opacity:1!important}.sign-up-banner__form-box div[data-testid=form-row]:nth-of-type(1) input::-webkit-input-placeholder{font-family:var(--Shokz-Sans-Text, "Shokz Sans Text")!important;font-size:14px!important;font-weight:300!important;color:#a3a3a3!important;opacity:1!important}.sign-up-banner__form-box div[data-testid=form-row]:nth-of-type(1) input::-ms-input-placeholder{font-family:var(--Shokz-Sans-Text, "Shokz Sans Text")!important;font-size:14px!important;font-weight:300!important;color:#a3a3a3!important;opacity:1!important}.sign-up-banner__form-box div[data-testid=form-row]:nth-of-type(1) button{box-sizing:border-box!important;min-width:97px!important;height:48px!important;border-radius:0 4px 4px 0!important;background:var(--sign-up-orange)!important;color:#fff!important;font-family:var(--Shokz-Sans-Display, "Shokz Sans Display")!important;font-size:16px!important;font-style:normal!important;font-weight:var(--medium, 400)!important;line-height:20.8px!important;letter-spacing:normal!important;text-transform:none!important;padding:14px 20px!important;transition:opacity .3s}.sign-up-banner__form-box div[data-testid=form-row]:nth-of-type(1) button:hover{opacity:.85}.sign-up-banner__form-box div[data-testid=form-row]:nth-of-type(1) button *{font-family:inherit!important;font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;color:inherit!important;letter-spacing:inherit!important}.sign-up-banner__form-box div[data-testid=form-row]:nth-of-type(n+2):not(:has(button)){display:none!important}.sign-up-banner__form-box form[data-testid^=klaviyo-form-]{display:flex;flex-wrap:wrap;align-items:stretch;gap:0}.sign-up-banner__form-box div[data-testid=form-row]:has(input[type=email]):not(:has(button)),.sign-up-banner__form-box div[data-testid=form-row]:has(input[type=text]):not(:has(button)){flex:1 1 auto;min-width:0}.sign-up-banner__form-box div[data-testid=form-row]:has(button):not(:has(input)){flex:0 0 auto}.sign-up-banner__form-box div[data-testid=form-row]:has(button)>div{padding:0!important}.sign-up-banner__form-box div[data-testid=form-row]:has(button) button{box-sizing:border-box!important;min-width:97px!important;height:48px!important;border-radius:0 4px 4px 0!important;background:var(--sign-up-orange)!important;color:#fff!important;font-family:var(--Shokz-Sans-Display, "Shokz Sans Display")!important;font-size:16px!important;font-style:normal!important;font-weight:var(--medium, 400)!important;line-height:20.8px!important;letter-spacing:normal!important;text-transform:none!important;padding:14px 20px!important;transition:opacity .3s}.sign-up-banner__form-box div[data-testid=form-row]:has(button) button:hover{opacity:.85}.sign-up-banner__submit-gate{position:absolute;top:0;right:0;width:100px;height:100%;max-height:48px;border:0;padding:0;margin:0;background:transparent;cursor:pointer;z-index:3}.sign-up-banner__submit-gate.is-hidden{display:none}.sign-up-banner__terms{position:relative;width:100%;text-align:left}.sign-up-banner__terms-label{display:flex;align-items:flex-start;gap:8px;margin:0;cursor:pointer}.sign-up-banner__checkbox{flex:0 0 16px;width:16px;height:16px;margin:2px 0 0;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;border:1px solid var(--sign-up-muted);border-radius:2px;background-color:transparent;background-image:none;box-shadow:none;box-sizing:border-box;cursor:pointer;position:relative;outline:none;accent-color:transparent}.sign-up-banner__checkbox:before,.sign-up-banner__checkbox:after{content:none!important;display:none!important}.sign-up-banner__checkbox:checked{background-color:var(--sign-up-orange);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round' d='M2.5 6.2 5 8.7 9.5 3.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:12px 12px;border-color:var(--sign-up-orange)}.sign-up-banner__terms-text{flex:1;min-width:0;color:var(--sign-up-text);font-family:var(--Shokz-Sans-Text, "Shokz Sans Text");font-size:12px;font-style:normal;font-weight:var(--regular, 400);line-height:normal;letter-spacing:normal}.sign-up-banner__terms-text p{margin:0;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit;line-height:inherit;letter-spacing:inherit}.sign-up-banner__terms-text a{color:inherit;font:inherit;text-decoration:underline;transition:color .3s}.sign-up-banner__terms-text a:hover{color:var(--sign-up-orange)}.sign-up-banner__tip{position:absolute;left:0;top:calc(100% + 8px);z-index:4;padding:12px 16px;border-radius:2px;background:#fff4f0;color:#d95a49;font-family:var(--Shokz-Sans-Text, "Shokz Sans Text");font-size:12px;line-height:1.3;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d}.sign-up-banner__tip[hidden]{display:none}.sign-up-banner__tip svg{position:absolute;left:4px;top:0;transform:translateY(-95%)}@media(min-width:1921px){.sign-up-banner{min-height:32.29167vw}.sign-up-banner__inner{max-width:23.64583vw;gap:1.66667vw;padding:0 1.25vw}.sign-up-banner h1.sign-up-banner__title,.sign-up-banner .sign-up-banner__success-title{font-size:1.875vw}.sign-up-banner__form-stack{gap:.83333vw}.sign-up-banner__form-box div[data-testid=form-row]:nth-of-type(1) input,.sign-up-banner__form-box div[data-testid=form-row]:nth-of-type(1) button{height:2.5vw!important}.sign-up-banner__form-box div[data-testid=form-row]:nth-of-type(1) button{min-width:5.05208vw!important;font-size:.83333vw!important;padding:.72917vw 1.04167vw!important}.sign-up-banner__submit-gate{width:5.20833vw;max-height:2.5vw}.sign-up-banner__checkbox{flex-basis:.83333vw;width:.83333vw;height:.83333vw}.sign-up-banner__terms-text{font-size:.625vw}}@media(max-width:1440px)and (min-width:769px){.sign-up-banner{min-height:43.05556vw}.sign-up-banner__inner{max-width:31.52778vw}}@media(max-width:1100px)and (min-width:769px){.sign-up-banner__inner{max-width:420px;gap:24px}}@media(max-width:768px){.sign-up-banner{min-height:640px;min-height:min(162.84987vw,720px)}.sign-up-banner__inner{max-width:361px;padding:0 16px;gap:24px}.sign-up-banner h1.sign-up-banner__title,.sign-up-banner .sign-up-banner__success-title{font-size:32px;line-height:1.2}.sign-up-banner__form-box div[data-testid=form-row]:nth-of-type(1) button,.sign-up-banner__form-box div[data-testid=form-row]:has(button) button{min-width:48px!important;padding:14px!important}.sign-up-banner__submit-gate{width:56px}}@media(max-width:414px){.sign-up-banner{min-height:640px}}@media(max-width:375px){.sign-up-banner__inner{max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/241/assets/sign-up-banner.css.map */