.vinyl-signup{position:relative;padding:.5rem 1.5rem;display:flex;align-items:center;justify-content:center}.vinyl-signup__card{max-width:1000px;position:relative;border-radius:24px;overflow:hidden;width:100%;display:flex;align-items:center;border:1px solid rgba(0,0,0,.06);min-height:552px}.vinyl-signup__bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1}.vinyl-signup__card:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;z-index:2}.vinyl-signup__inner{position:relative;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;z-index:3;width:100%;padding:4rem}.vinyl-signup__album{flex-shrink:0;display:flex;align-items:center;justify-content:center;position:relative}.vinyl-signup__album-image{max-width:320px;width:100%;height:auto}.vinyl-signup__content{flex:1;color:#fff;text-align:left;max-width:480px;min-width:320px}.vinyl-signup__title{font-size:56px;margin-bottom:1.5rem;font-weight:700;line-height:1.1;color:#fff;letter-spacing:-.02em;text-shadow:0 2px 8px rgba(0,0,0,.3)}.vinyl-signup__description{font-size:20px;margin-bottom:2rem;opacity:.9;line-height:1.5;font-weight:400;color:#fffffff2;max-width:50ch}.vinyl-signup__form{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;max-width:500px;box-shadow:0 4px 12px #0003}.vinyl-signup__input-row{display:flex;gap:2px;justify-content:center;flex-wrap:wrap;align-items:stretch;overflow:hidden}.vinyl-signup__name-input,.vinyl-signup__email-input{flex:1;padding:16px 20px;font-size:16px;background:#fff;color:#333;outline:none;width:280px;max-width:280px;border-radius:12px;border:none}.vinyl-signup__name-input::placeholder,.vinyl-signup__email-input::placeholder{color:#999;font-size:16px}.vinyl-signup__submit-button{display:inline-block;padding:16px 32px;border-radius:12px;text-decoration:none;font-size:16px;font-weight:500;transition:all .2s ease;font-family:var(--font-body-family);--border-offset: none;border:none;cursor:pointer;white-space:nowrap;box-shadow:0 2px 6px #0000001a;max-width:280px;width:100%}.vinyl-signup__submit-button:hover{border:2px solid rgb(var(--color-foreground));border-radius:12px}.vinyl-signup__success-message,.vinyl-signup__error-message{margin-top:1rem;padding:12px 16px;border-radius:8px;font-size:1.6rem}.vinyl-signup__success-message{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}.vinyl-signup__error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.waitlist-steps{margin-top:1.5rem;max-width:560px}.waitlist-step{background:#ffffff0f;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:16px;color:#fff}.vinyl-signup__multistep-container .waitlist-step__question-title{color:#fff;font-size:4.4rem;font-weight:600;line-height:1.2;min-width:300px;margin-top:0}.waitlist-step__question-title{color:#fff;margin-bottom:2rem}.waitlist-step__title{font-size:1.8rem;font-weight:600;margin:0 0 12px}.waitlist-radio-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.waitlist-radio{display:flex;align-items:center;gap:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:10px 12px;cursor:pointer}.waitlist-input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#fff;color:#111;font-size:16px}.waitlist-actions{display:flex;justify-content:center;gap:8px;margin-top:12px}.waitlist-help{display:none!important}.waitlist-error{margin-top:8px;padding:8px 10px;background:#ef44441f;border:1px solid rgba(239,68,68,.35);color:#fecaca;border-radius:8px;font-size:1.4rem}.waitlist-animate-in{animation:waitlistFadeIn .22s ease both}.waitlist-animate-out{animation:waitlistFadeOut .18s ease both}@keyframes waitlistFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes waitlistFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@media screen and (max-width: 768px){.vinyl-signup{padding:1rem;min-height:auto}.vinyl-signup__album{display:none}.vinyl-signup__inner{flex-direction:column;gap:2rem;padding:3rem 2rem;text-align:center}.vinyl-signup__content{text-align:center}.vinyl-signup__album-image{max-width:240px}.vinyl-signup__title{font-size:39.76px}.vinyl-signup__input-row{flex-direction:column;overflow:hidden;gap:12px}.vinyl-signup__submit-button{box-shadow:none}}@media screen and (max-width: 480px){.vinyl-signup__card{border-radius:16px}.vinyl-signup__inner{padding:2rem 1.5rem}.vinyl-signup__title{font-size:calc(56px * .57)}.vinyl-signup__album-image{max-width:200px}}.vinyl-signup-admin-preview{margin-top:3rem;padding:2rem;border:2px dashed #a0aec0;border-radius:12px;background:#f7fafc}.admin-step-preview{position:relative}.admin-step-preview:before{content:"\1f441\fe0f  PREVIEW ONLY";position:absolute;top:-10px;right:10px;background:#ffc107e6;color:#000;padding:4px 8px;border-radius:4px;font-size:1.2rem;font-weight:600;z-index:10}.admin-step-preview .waitlist-step{color:#2d3748;background:#fff;border:1px solid #e2e8f0;opacity:1;pointer-events:none}.admin-step-preview .waitlist-step__title{color:#2d3748}.admin-step-preview .waitlist-radio{background:#f7fafc;border-color:#e2e8f0;color:#4a5568}.admin-step-preview .waitlist-input,.admin-step-preview .waitlist-step textarea{background-color:#fff;border-color:#e2e8f0;cursor:not-allowed}.admin-step-preview .waitlist-step button{cursor:not-allowed;opacity:.7}.vinyl-signup-success-step{display:flex;flex-direction:column;color:#fff;width:100%;align-items:center;flex-wrap:wrap;justify-content:center}.vinyl-signup-success-step__left{flex:1;max-width:580px;text-align:center}.vinyl-signup-success-step__heading{font-size:4.4rem;font-weight:600;line-height:1.2}.vinyl-signup-success-step__subtext{font-size:1.6rem;margin-top:1rem}.vinyl-signup-success-step__right{background-color:#fff;min-width:320px;max-width:350px;padding:2rem;border-radius:12px;display:flex;flex-direction:column;justify-content:center;gap:1.5rem}.vinyl-signup-success-step__card-paragraph{font-size:2rem;line-height:1.6;color:#4a5568}.vinyl-signup-success-step .button--primary{width:100%;text-align:center}#vinyl-contact-form,#vinyl-signup-form{scroll-margin-top:280px}#vinyl-contact-form:target:before,#vinyl-signup-form:target:before{content:"";display:block;height:280px;margin-top:-280px}@media screen and (max-width: 768px){#vinyl-contact-form,#vinyl-signup-form{scroll-margin-top:180px}#vinyl-contact-form:target:before,#vinyl-signup-form:target:before{height:180px;margin-top:-180px}}@media screen and (max-width: 480px){#vinyl-contact-form,#vinyl-signup-form{scroll-margin-top:140px}#vinyl-contact-form:target:before,#vinyl-signup-form:target:before{height:140px;margin-top:-140px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-vinyl-signup.css.map */