.hn-preview-signup-section{scroll-margin-top:calc(var(--header-height, 80px) + var(--trade-hnv2-space-6))}.hn-preview-signup{width:min(100%,900px);margin-inline:auto;display:grid;align-items:center;gap:var(--trade-hnv2-space-6);color:var(--trade-hnv2-color-foreground)}.hn-preview-signup [hidden]{display:none}.hn-preview-signup__media{position:relative;isolation:isolate;width:min(100%,220px);justify-self:center;aspect-ratio:1;overflow:hidden;border-radius:var(--trade-hnv2-media-frame-radius)}.hn-preview-signup__image{width:100%;height:100%}.hn-preview-signup__overlay{position:absolute;inset:auto 0 var(--trade-hnv2-space-3);z-index:2;display:flex;justify-content:center;padding-inline:var(--trade-hnv2-space-3);pointer-events:none}.hn-preview-signup .hn-preview-signup__overlay p{margin:0;padding:var(--trade-hnv2-space-1) var(--trade-hnv2-space-3);border-radius:var(--trade-hnv2-badge-radius);color:var(--trade-hnv2-color-accent-foreground);background:var(--trade-hnv2-color-accent);font-size:var(--trade-hnv2-type-small-size);font-weight:var(--trade-hnv2-weight-bold);line-height:var(--trade-hnv2-type-small-line)}.hn-preview-signup__media img{display:block;width:100%;height:100%;object-fit:contain}.hn-preview-signup__content{min-width:0}.hn-preview-signup__title{margin-block:var(--trade-hnv2-space-2) var(--trade-hnv2-space-4);font-size:var(--trade-hnv2-type-h2-size);line-height:var(--trade-hnv2-type-h2-line);font-weight:var(--trade-hnv2-type-body-weight);overflow-wrap:anywhere}.hn-preview-signup__title strong{font-weight:var(--trade-hnv2-type-h2-weight)}.hn-preview-signup p{margin-block:0 var(--trade-hnv2-space-4)}.hn-preview-signup__offer{color:var(--trade-hnv2-color-accent-soft-foreground);font-weight:var(--trade-hnv2-type-label-weight)}.hn-preview-signup__fields{display:grid;gap:var(--trade-hnv2-space-3);margin-block:var(--trade-hnv2-space-5) var(--trade-hnv2-space-3)}.hn-preview-signup .button{width:100%}.hn-preview-signup__note{margin-block:var(--trade-hnv2-space-3) 0;color:var(--trade-hnv2-color-muted-foreground);font-size:var(--trade-hnv2-type-small-size)}.hn-preview-signup [data-hn-signup-error]{color:var(--trade-hnv2-color-destructive)}@media(min-width:750px){.hn-preview-signup{grid-template-columns:minmax(180px,30%) minmax(0,1fr)}.hn-preview-signup__media{width:100%;max-width:300px}.hn-preview-signup__fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.hn-preview-signup .button.is-loading,.hn-preview-signup .button.is-loading:disabled{position:relative;opacity:1;pointer-events:none;color:var(--trade-hnv2-color-accent-foreground);background:var(--trade-hnv2-color-accent)}.hn-preview-signup .button.is-loading:before{content:"";display:inline-block;width:1.2em;height:1.2em;margin-inline-end:var(--trade-hnv2-space-2);vertical-align:-.2em;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%;animation:hn-preview-spin .8s linear infinite}@keyframes hn-preview-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.hn-preview-signup .button.is-loading:before{animation:none;border-inline-end-color:currentColor;opacity:.45}}.hn-preview-signup__ready,.hn-preview-signup__ready:focus,.hn-preview-signup__ready:focus-visible{outline:none}.hn-preview-signup__ready{padding:var(--trade-hnv2-space-5);border-radius:var(--trade-hnv2-compact-surface-radius);background:var(--trade-hnv2-color-accent-soft)}.hn-preview-signup__check{display:inline-grid;place-items:center;width:2.8rem;height:2.8rem;margin:0 0 var(--trade-hnv2-space-3);border-radius:50%;color:var(--trade-hnv2-color-accent-foreground);background:var(--trade-hnv2-color-accent);font-weight:var(--trade-hnv2-weight-bold)}.hn-preview-signup__ready .hn-preview-signup__title{margin-block:0 var(--trade-hnv2-space-2)}.hn-preview-signup__code{display:flex;flex-wrap:wrap;align-items:center;gap:var(--trade-hnv2-space-2) var(--trade-hnv2-space-3);margin-block:var(--trade-hnv2-space-4) var(--trade-hnv2-space-2)}.hn-preview-signup__code strong{letter-spacing:.06em;text-transform:uppercase}.hn-preview-signup__copy{padding:var(--trade-hnv2-space-1) var(--trade-hnv2-space-3);border:1px solid currentColor;border-radius:var(--trade-hnv2-badge-radius);color:var(--trade-hnv2-color-accent-soft-foreground);background:transparent;font:inherit;font-size:var(--trade-hnv2-type-small-size);cursor:pointer}.hn-preview-signup .hn-preview-signup__hint{margin-block:0;color:var(--trade-hnv2-color-muted-foreground);font-size:var(--trade-hnv2-type-small-size)}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-hn-preview-signup.css.map */
