How Y2K Brands Turned the Millennial Ache Into Gen Z Gold

/* ========================= Base container ========================= */ .article-body-promo-ad { border: 1px dotted #f53c60; background-color: rgba(245, 60, 96, 0.05); border-radius: 8px; margin-top: 2em; position: relative; padding: 30px 16px 16px 60px; } @media (min-width: 768px){ .article-body-promo-ad{ margin: 1em max(13%, 26px); } } .ad-bookmark-icon::before { content: ""; background-image: url("https://static-www.adweek.com/wp-content/uploads/2026/02/bookmark.svg"); background-size: contain; background-repeat: no-repeat; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; } /* Floating label */ .article-body-promo-ad::after { content: "Register Now"; position: absolute; top: -14px; background: #fdebed; color: #f53c60; font-size: 13px; font-weight: 600; padding: 4px 12px; border-radius: 999px; letter-spacing: 0.04em; white-space: nowrap; } [data-bs-theme="dark"] .article-body-promo-ad::before { filter: invert(1) brightness(1); } /* Typography */ .article-body-promo-ad p { font-size: 18px; line-height: 28px; letter-spacing: 0.03em; margin: 0; } /* Links */ .article-body-promo-ad a { font-weight: 700; text-decoration: none; color: inherit; } .article-body-promo-ad a:hover { color: #F6486A; } /* Dark mode */ [data-bs-theme="dark"] .article-body-promo-ad { background-color: rgba(245, 60, 96, 0.12); } [data-bs-theme="dark"] .article-body-promo-ad::after { background: #2a0f14; } @media (max-width: 576px) { .article-body-promo-ad::after { transform: translateX(-50%); top: -10%; left: 50%; font-size: 12px; } } @media (max-width: 576px) { .article-body-promo-ad { display: flex; align-items: center; gap: 10px; padding: 14px; margin: 2em 0; } } @media (max-width: 576px) { .article-body-promo-ad::before { display: none; } } .article-body-promo-ad::before { width: 28px; height: 28px; background-size: 28px 28px; } }

Yes, 1996-born ‘Zillenial’ Bieber is her usual effortlessly cool self, and yes, the denim is trendy; but that’s not all Gap is selling.

The brand has mastered the art of monetizing the “millennial ache”—nostalgia for the pre-algorithm era and the pop culture and fashion that defined it—with ads that nod to its Y2K heyday, fronted by Gen Z favorites like Troye Sivan and Katseye.

.zephr-form-progress-bar.svelte-19rlx92{width:100%;border:0;border-radius:20px;margin-top:10px}.zephr-form-progress-bar.svelte-19rlx92::-webkit-progress-bar{background-color:var(--zephr-color-background-tinted);border:0;border-radius:20px}.zephr-form-progress-bar.svelte-19rlx92::-webkit-progress-value{background-color:var(--zephr-color-text-tinted);border:0;border-radius:20px}.zephr-progress-bar-step.svelte-19rlx92{margin:auto;color:var(--zephr-color-text-tinted);font-size:var(--zf-subtext-fontSize);cursor:pointer}.zephr-progress-bar-step.svelte-19rlx92:first-child{margin-left:0}.zephr-progress-bar-step.svelte-19rlx92:last-child{margin-right:0}.zephr-progress-bar-step.disabled.svelte-19rlx92{cursor:default} .zephr-form-button-top-margin.svelte-gd8hr6{margin-top:20px}.zephr-form-button.svelte-gd8hr6{padding:0 20px;text-decoration:none;text-transform:capitalize;border-radius:calc(var(--zephr-button-borderRadius) * 1px);font-size:var(--zf-button-fontSize);font-weight:normal;cursor:pointer;border-style:solid;border-width:calc(var(--zephr-button-borderWidth) * 1px);border-color:var(--zephr-color-action-tinted);transition:backdrop-filter 0.2s, background-color 0.2s;display:flex;justify-content:center;align-items:center;width:100%;background-color:var(--zephr-color-action-main);color:var(--zf-button-color);position:relative;overflow:hidden;border-color:var(--zephr-color-action-tinted)}.zephr-form-button.svelte-gd8hr6:disabled{background-color:var(--zephr-color-background-tinted);border-color:var(--zephr-color-background-tinted)}.zephr-form-button.svelte-gd8hr6:disabled:hover{background-color:var(--zephr-color-background-tinted);border-color:var(--zephr-color-background-tinted)}.zephr-form-button.inputHeight.svelte-gd8hr6{height:calc(var(--zephr-input-height) * 1px)}.zephr-form-button.svelte-gd8hr6:not(inputHeight){height:calc(var(--zephr-button-height) * 1px)}.zephr-form-button.aside.svelte-gd8hr6{width:auto;margin-left:10px} .payment-option-wrapper.svelte-hcxnnv>input[type="radio"].svelte-hcxnnv{display:none}.payment-option-wrapper.svelte-hcxnnv.svelte-hcxnnv{display:flex;flex:1 0 28%;width:100%}.payment-option-wrapper.svelte-hcxnnv.svelte-hcxnnv:only-child{max-width:325px}.box-container.svelte-hcxnnv.svelte-hcxnnv{display:flex;flex-direction:column;flex:1 1 0;width:0;text-align:center}.inner-box.svelte-hcxnnv.svelte-hcxnnv{border:var(--zf-payment-options-border);border-radius:var(--zf-payment-options-borderRadius);background-color:var(--zf-payment-options-bgColor);height:100%;display:flex;flex-direction:column}.box-container.highlighted.svelte-hcxnnv .inner-box.svelte-hcxnnv{border-top-left-radius:0;border-top-right-radius:0}.box-container.svelte-hcxnnv .box-content.svelte-hcxnnv{flex-grow:1;padding:30px 20px;margin:0 10px;overflow:hidden}.box-container.svelte-hcxnnv .styled-box-content.svelte-hcxnnv{color:var(--zephr-color-text-main);background-color:var(--zephr-color-action-main);border-width:calc(var(--zephr-button-borderWidth) * 1px);border-color:var(--zephr-color-action-tinted);border-radius:calc(var(--zephr-button-borderRadius) * 1px);font-size:var(--zf-button-fontSize)}.payment-options-container .box-container .styled-box-content button:hover{background-color:var(--zephr-color-action-tinted);border-color:var(--zephr-color-action-tinted)}.payment-options-container .box-container .box-content img{max-width:210px;height:auto}.box-top.svelte-hcxnnv.svelte-hcxnnv{height:40px}.box-container.highlighted.svelte-hcxnnv .box-top.svelte-hcxnnv{color:var(--zf-payment-options-highlighted-color);background-color:var(--zf-payment-options-highlighted-bgColor);position:relative;border:var(--zf-payment-options-border);border-bottom-width:0;border-radius:var(--zf-payment-options-borderRadius);border-bottom-left-radius:0;border-bottom-right-radius:0;display:flex;justify-content:center;align-items:center}.box-container.highlighted.svelte-hcxnnv .box-top .box-top-text.svelte-hcxnnv{font-weight:bold}.box-container.svelte-hcxnnv .box-bottom.svelte-hcxnnv{min-height:60px;display:flex;flex-direction:column;align-items:center;padding:20px 0 30px;margin:0 30px}.button-sub-text.svelte-hcxnnv.svelte-hcxnnv{margin-top:10px} .payment-options-container.svelte-tqlhky{flex-wrap:wrap;font-size:var(--zf-payment-options-fontSize);width:100%;color:var(--zf-payment-options-color);line-height:18px;padding:31px 0 20px;display:grid;justify-content:space-evenly;justify-items:center;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:13px}@media(max-width: 340px){.payment-options-container.svelte-tqlhky{grid-template-columns:repeat(auto-fit, minmax(280px, 1fr))}} .zephr-form-error-message-min-height.svelte-1ko2lqj{min-height:1.1em}.zephr-form-error-message.svelte-1ko2lqj{color:var(--zephr-color-warning-main);font-size:var(--zf-subtext-fontSize);margin-top:0.5em;position:relative;margin-left:1.2em;margin-right:1.2em} .zephr-form-input-inner-container.svelte-88cmol{position:relative}.zephr-form-input-full-width.svelte-88cmol{width:100%}.zephr-form-input.svelte-88cmol{width:100%;display:block;height:calc(var(--zephr-input-height) * 1px);padding-left:8px;font-size:var(--zf-input-fontSize);border:calc(var(--zephr-input-borderWidth) * 1px) solid var(--zephr-input-borderColor);border-radius:calc(var(--zephr-input-borderRadius) * 1px);transition:border-color 0.25s ease, box-shadow 0.25s ease;outline:0;color:var(--zephr-color-text-main);background-color:var(--zf-input-bgColor);height:auto;margin:8px 5px 0 0;float:left}.zephr-form-input-radio.svelte-88cmol{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.zephr-form-input-color[type="color"].svelte-88cmol{width:50px;padding:0;border-radius:50%}.zephr-form-input-color[type="color"].svelte-88cmol::-webkit-color-swatch{border:none;border-radius:50%;padding:0}.zephr-form-input-color[type="color"].svelte-88cmol::-webkit-color-swatch-wrapper{border:none;border-radius:50%;padding:0}.zephr-form-input.disabled.svelte-88cmol,.zephr-form-input.disabled.svelte-88cmol:hover{border:calc(var(--zephr-input-borderWidth) * 1px) solid var(--zephr-input-borderColor);background-color:var(--zephr-color-background-tinted)}.zephr-form-input.error.svelte-88cmol{border:1px solid var(--zephr-color-warning-main)} .zephr-form-input-label.svelte-yaw4yg.svelte-yaw4yg{margin-top:10px;display:block;line-height:30px;font-size:var(--zf-subtext-fontSize);color:var(--zephr-color-text-tinted);font-family:var(--zf-root-fontFamily)}.zephr-form-input-label.svelte-yaw4yg.svelte-yaw4yg:first-child{margin-top:0}.zephr-form-input-label.svelte-yaw4yg span.svelte-yaw4yg{display:block} .svelte-fa-base{height:1em;overflow:visible;transform-origin:center;vertical-align:-0.125em}.svelte-fa-fw{text-align:center;width:1.25em}.svelte-fa-pull-left.svelte-f5ydbn{float:left}.svelte-fa-pull-right.svelte-f5ydbn{float:right}.svelte-fa-size-lg.svelte-f5ydbn{font-size:1.33333em;line-height:0.75em;vertical-align:-0.225em}.svelte-fa-size-sm.svelte-f5ydbn{font-size:0.875em}.svelte-fa-size-xs.svelte-f5ydbn{font-size:0.75em}.spin.svelte-f5ydbn{animation:svelte-f5ydbn-spin 2s 0s infinite linear}.pulse.svelte-f5ydbn{animation:svelte-f5ydbn-spin 1s infinite steps(8)}@keyframes svelte-f5ydbn-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}} .svelte-fa-layers.svelte-ff6okk{display:inline-block;position:relative}.svelte-fa-layers.svelte-ff6okk .svelte-fa{position:absolute;bottom:0;left:0;right:0;top:0;margin:auto;text-align:center}.svelte-fa-layers.svelte-ff6okk .svelte-fa-layers-text{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.svelte-fa-layers.svelte-ff6okk .svelte-fa-layers-text span{display:inline-block}.svelte-fa-pull-left.svelte-ff6okk{float:left}.svelte-fa-pull-right.svelte-ff6okk{float:right}.svelte-fa-size-lg.svelte-ff6okk{font-size:1.33333em;line-height:0.75em;vertical-align:-0.225em}.svelte-fa-size-sm.svelte-ff6okk{font-size:0.875em}.svelte-fa-size-xs.svelte-ff6okk{font-size:0.75em} .container.svelte-1j4jgwv{display:inline-block;height:auto}.svelte-fa-size-lg.svelte-1j4jgwv{font-size:1.33333em;line-height:0.75em;vertical-align:-0.225em}.svelte-fa-size-sm.svelte-1j4jgwv{font-size:0.875em}.svelte-fa-size-xs.svelte-1j4jgwv{font-size:0.75em} .zephr-form-password-match.svelte-tsrdk3.svelte-tsrdk3{margin:20px 0;justify-content:center}.zephr-form-password-match.svelte-tsrdk3 ul.svelte-tsrdk3{padding-left:0;margin:0}.zephr-form-password-requirement.svelte-tsrdk3.svelte-tsrdk3{display:flex;align-items:center;color:var(--zephr-color-text-tinted);font-size:var(--zf-subtext-fontSize);min-height:20px;font-size:15px} .zephr-form-password-progress.svelte-1bpbne4.svelte-1bpbne4{display:flex;margin-top:10px}.zephr-form-password-bar.svelte-1bpbne4.svelte-1bpbne4{width:100%;height:4px;border-radius:2px}.zephr-form-password-bar.svelte-1bpbne4.svelte-1bpbne4:not(:first-child){margin-left:8px}.zephr-form-password-requirements.svelte-1bpbne4.svelte-1bpbne4{margin:20px 0;justify-content:center}.zephr-form-password-requirements.svelte-1bpbne4 ul.svelte-1bpbne4{padding-left:0;margin:0}.zephr-form-password-requirement.svelte-1bpbne4.svelte-1bpbne4{display:flex;align-items:center;color:var(--zephr-color-text-tinted);font-size:var(--zf-subtext-fontSize);min-height:20px;font-size:15px} .apple-pay-button{display:inline-block;-webkit-appearance:-apple-pay-button;-apple-pay-button-type:pay;width:440px;max-width:100%;height:45px;margin-top:20px}.apple-pay-button-black{-apple-pay-button-style:black}#google-pay-button.svelte-1drqjgk{width:440px;max-width:100%;height:45px;margin-top:20px} #braintree-dropin-container.svelte-w52z2j{margin-top:1em;margin-bottom:1em} .stripe-element.svelte-1bi6tmz{margin-top:2em;margin-bottom:1em;border:calc(var(--zephr-input-borderWidth) * 1px) solid var(--zephr-input-borderColor);border-radius:calc(var(--zephr-input-borderRadius) * 1px);padding:1em}.stripe-element.svelte-1bi6tmz iframe:focus{outline:none !important} #stripe-mobile-pay-button.svelte-12ehv8b{width:440px;max-width:100%;height:45px;margin-top:20px} .spinner-container.svelte-1c5ov4v{text-align:center;padding:2em} #zuora_payment.svelte-1vnsk3p{margin-top:1em;margin-bottom:1em}.zuora-disabled-iframe-container.svelte-1vnsk3p .z_hppm_iframe{pointer-events:none;opacity:0.3}.zuora-dynamic-form-disabled.svelte-1vnsk3p{pointer-events:none;opacity:0.3}.spinner-overlay.svelte-1vnsk3p{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center}.form-wrapper.svelte-1vnsk3p{position:relative} #payment-element.svelte-1ejcgdg{margin-top:1em;margin-bottom:1em;border:calc(var(--zephr-input-borderWidth) * 1px) solid var(--zephr-input-borderColor);border-radius:calc(var(--zephr-input-borderRadius) * 1px);padding:1em} .zephr-form-checkbox.svelte-ud4i0a.svelte-ud4i0a.svelte-ud4i0a{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.zephr-form-checkbox-label.svelte-ud4i0a.svelte-ud4i0a.svelte-ud4i0a{display:flex;align-items:center;box-sizing:border-box;height:23px;width:23px;background-color:#fff;border:calc(var(--zephr-input-borderWidth) * 1px) solid var(--zephr-input-borderColor);border-radius:6px;margin-right:12px;cursor:pointer}.zephr-form-checkmark.checked.svelte-ud4i0a.svelte-ud4i0a.svelte-ud4i0a{border-color:var(--zephr-color-action-main)}.zephr-form-checkmark.checked.svelte-ud4i0a.svelte-ud4i0a.svelte-ud4i0a:after{content:"";position:absolute;width:6px;height:13px;border:solid var(--zephr-color-action-main);border-width:0 2px 2px 0;transform:rotate(45deg);top:3px;left:8px;box-sizing:border-box}.zephr-form-checkmark.disabled.svelte-ud4i0a.svelte-ud4i0a.svelte-ud4i0a{border:calc(var(--zephr-input-borderWidth) * 1px) solid var(--zephr-color-background-tinted)}.zephr-form-checkmark.disabled.checked.svelte-ud4i0a.svelte-ud4i0a.svelte-ud4i0a:after{border:solid var(--zephr-color-background-tinted);border-width:0 2px 2px 0}.zephr-form-checkmark.error.svelte-ud4i0a.svelte-ud4i0a.svelte-ud4i0a{border:calc(var(--zephr-input-borderWidth) * 1px) solid var(--zephr-color-warning-main)}.zephr-form-checkbox.svelte-ud4i0a:focus-visible+.zephr-form-checkbox-label.svelte-ud4i0a>.zephr-form-checkmark.svelte-ud4i0a{outline:2px solid var(--zephr-color-action-main);outline-color:-webkit-focus-ring-color} .zephr-form-payment-auto-renew-toggle.svelte-1yfwddr{margin:10px 0;font-size:var(--zf-font-size-base);font-family:var(--zf-root-fontFamily)} .check-image.svelte-w5z6iw{height:1.2em;vertical-align:middle;margin-right:0.5em}.zephr-form-success-message.svelte-w5z6iw{color:var(--zephr-color-text-main);display:inline-block} .zephr-form-verification-resend-link-container.svelte-1yj9ceh{margin-bottom:2em}.zephr-form-verification-resend-link.svelte-1yj9ceh,.zephr-form-verification-resend-text.svelte-1yj9ceh{float:right;position:absolute;padding-right:2px;padding-top:0.5em;padding-left:0.5em;font-size:var(--zf-subtext-fontSize);right:0}.zephr-form-verification-resend-link.svelte-1yj9ceh{cursor:pointer;color:var(--zf-link-color)} .zephr-form-custom-text.svelte-3sd7s2{margin-top:1em;margin-bottom:1em;color:var(--zephr-color-text-main)} .zephr-form-input-radio.svelte-1cbmaif.svelte-1cbmaif.svelte-1cbmaif{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.zephr-form-radio-label.svelte-1cbmaif.svelte-1cbmaif.svelte-1cbmaif{display:flex;align-items:center;position:relative;box-sizing:border-box;height:23px;width:23px;background-color:#fff;border:1px solid #ebebeb;border-radius:50%;margin-right:12px;cursor:pointer}.checked.svelte-1cbmaif.svelte-1cbmaif.svelte-1cbmaif{border-color:var(--zephr-color-action-main)}.checked.svelte-1cbmaif.svelte-1cbmaif.svelte-1cbmaif:after{content:"";position:absolute;width:17px;height:17px;background:var(--zephr-color-action-main);border-radius:50%;top:2px;left:2px}.disabled.checked.svelte-1cbmaif.svelte-1cbmaif.svelte-1cbmaif:after{background:var(--zephr-color-background-tinted)}.error.svelte-1cbmaif.svelte-1cbmaif.svelte-1cbmaif{border:1px solid var(--zephr-color-warning-main)}.zephr-form-input-radio.svelte-1cbmaif:focus-visible+.zephr-form-radio-label.svelte-1cbmaif>.zephr-form-radio-dot.svelte-1cbmaif{outline:2px solid var(--zephr-color-action-main);outline-color:-webkit-focus-ring-color} .zephr-form-input-error-text.svelte-wlae04{color:var(--zephr-color-warning-main);appearance:auto;width:100%;height:calc(var(--zephr-input-height) * 1px);font-size:var(--zf-input-fontSize);border:calc(var(--zephr-input-borderWidth) * 1px) solid var(--zephr-input-borderColor);border-radius:calc(var(--zephr-input-borderRadius) * 1px);transition:border-color 0.25s ease, box-shadow 0.25s ease;outline:0;color:var(--zephr-color-text-main);background-color:var(--zf-input-bgColor);padding:10px}.zephr-form-input-select.unselected.svelte-wlae04{color:var(--zephr-color-background-tinted)}.zephr-form-input-select.error.svelte-wlae04{border-color:var(--zephr-color-warning-main)}.zephr-form-input-textarea.svelte-wlae04{display:block;min-height:calc(var(--zephr-input-height) * 1px);min-width:100%;max-width:100%;background-color:var(--zf-input-bgColor);border:calc(var(--zephr-input-borderWidth) * 1px) solid var(--zephr-input-borderColor);border-radius:calc(var(--zephr-input-borderRadius) * 1px);transition:border-color 0.25s ease, box-shadow 0.25s ease;color:var(--zephr-color-text-main);font-size:var(--zf-input-fontSize);font-weight:300;padding:16px 8px;outline:0}.zephr-form-input-textarea.svelte-wlae04::placeholder{color:var(--zephr-color-background-tinted);font-family:var(--zf-root-fontFamily)}.zephr-form-input-slider-output.svelte-wlae04{margin:13px 0 0 10px} .zephr-form-link.svelte-14vxk2u{margin:10px 0;color:var(--zf-link-color);text-decoration:underline;cursor:pointer;cursor:not-allowed;text-decoration:none}.zephr-form-link-no-underline.svelte-14vxk2u{text-decoration:none} .zephr-form-reset-link-container.svelte-49aomy{min-height:2.5em}.zephr-form-link-message.svelte-49aomy{margin:10px 0 10px 20px;font-family:var(--zf-root-fontFamily)} .zephr-form-reset-link-container.svelte-49aomy{min-height:2.5em}.zephr-form-link-message.svelte-49aomy{margin:10px 0 10px 20px;font-family:var(--zf-root-fontFamily)} .zephr-form-google-icon.svelte-aktnoc{width:20px} .zephr-form-social-sign-in.svelte-1e2xtn4{align-items:center}.zephr-form-social-sign-in-button.svelte-1e2xtn4{width:100%;min-height:55px;padding:15px;color:#000;background-color:#fff;box-shadow:0 0 5px rgba(0, 0, 0, 0.3);border-radius:10px;font-size:17px;display:flex;align-items:center;cursor:pointer;margin-top:20px;justify-content:center;margin-right:30px;width:25px} .zephr-form-promo-input-container.svelte-xf8v79{flex:0.6}.zephr-form-promo-activate-line.svelte-xf8v79{display:flex;cursor:pointer;min-height:calc(var(--zephr-input-height) * 1px);margin:1em 1.2em;font-size:var(--zf-payment-summary-fontSize);line-height:calc(var(--zephr-input-height) * 1px);color:var(--zf-link-color)}.zephr-form-promo-line.svelte-xf8v79{display:flex;min-height:calc(var(--zephr-input-height) * 1px);margin:1em 1.2em}.zephr-form-addon-line.svelte-xf8v79{display:flex;padding-top:1em;padding-bottom:1em;margin-left:1.2em}.zephr-form-summary-prorate-disclaimer.svelte-xf8v79{padding-top:0.25em;padding-left:1em;color:var(--zephr-color-text-tinted)}.zephr-form-summary-charge-description.svelte-xf8v79{color:var(--zephr-color-text-tinted)}.zephr-form-charge-line.svelte-xf8v79{display:flex;padding-top:1em;margin-left:1.2em;padding-left:1em}.zephr-form-summary-line-right.svelte-xf8v79{margin-left:auto;margin-right:1.5em;text-align:right}.zephr-form-summary-line-left.svelte-xf8v79{margin-left:10px}.zephr-form-summary-promo-middle.svelte-xf8v79{position:relative;top:calc(var(--zephr-input-height) * 0.5px)}.zephr-form-summary.svelte-xf8v79{border:var(--zf-payment-summary-border);border-radius:var(--zf-payment-summary-borderRadius);padding-top:1em;padding-bottom:1em;font-size:var(--zf-payment-summary-fontSize);margin-top:1.5em;margin-bottom:1.5em;color:var(--zf-payment-summary-color);background-color:var(--zf-payment-summary-bgColor)}.zephr-form-summary.svelte-xf8v79:first-child{margin-top:0}.zephr-form-summary-title.svelte-xf8v79{margin-bottom:1em;margin-left:1.2em}.zephr-form-summary-price-line.svelte-xf8v79{font-weight:bold;padding-left:1em;padding-top:1em}.zephr-form-summary-line.svelte-xf8v79{display:flex}.zephr-form-summary-price-line-upper.svelte-xf8v79{border-top:var(--zf-payment-summary-border);margin-top:1em}.zephr-form-summary-line-title.svelte-xf8v79{flex:0 0 65%;margin-left:1.2em}.zephr-form-summary-line-price.svelte-xf8v79{flex:1;text-align:right;margin-right:1.5em}.zephr-form-discount-line.svelte-xf8v79{display:flex;justify-content:space-between;margin:0.5em 0;margin-left:1.2em} .zephr-form-divider-container.svelte-1jhhsfx{display:flex;align-items:center;justify-content:center;margin:1.5em 0}.zephr-form-divider-line.svelte-1jhhsfx{height:1px;width:50%;margin:0 5px;background-color:var(--zephr-color-text-tinted)}.zephr-form-divider-line-complete.svelte-1jhhsfx{height:1px;width:100%;margin:0 5px;background-color:var(--zephr-color-text-tinted)}.zephr-form-divider-text.svelte-1jhhsfx{margin:0 12px;color:var(--zephr-color-text-main);font-size:var(--zf-info-fontSize);white-space:nowrap} .zephr-form-login-link.svelte-1jmemom.svelte-1jmemom{margin-top:1em;margin-bottom:1em;text-align:center}.zephr-form-login-link.svelte-1jmemom>a.svelte-1jmemom{color:var(--zf-link-color);margin-left:0.25em} .zephr-form-account-code-container.svelte-1hhep92{margin-top:1.5em} .zephr-form-invitation-container.svelte-1qkv7d3{border:1px solid;margin:1.5em 0;padding:20px;color:var(--zephr-color-text-main)}.zephr-form-invitation-title.svelte-1qkv7d3{margin-bottom:20px;font-weight:bold;align-items:center}.zephr-form-invitation-input-container.svelte-1qkv7d3{flex-grow:1}.zephr-form-invitation-success-message.svelte-1qkv7d3{margin-top:0.5em} .subscription-option-product-label{margin-bottom:5px;margin-top:0}.subscription-option-wrapper.svelte-1gr56ov{display:flex;flex:1 0 28%;width:100%;max-width:400px}.subscription-option-wrapper.svelte-1gr56ov:only-child{max-width:325px}.subscription-option-box{display:flex;flex-direction:column;flex:1 1 0;width:0}.info-row.svelte-1gr56ov{margin-top:7px;margin-bottom:7px}.info-label.svelte-1gr56ov{display:inline;margin-right:10px}.info.svelte-1gr56ov{display:inline}hr.svelte-1gr56ov{border-width:1px 0px 0px;margin:5px 5px;border-color:var(--zephr-color-background-tinted)}.inner-box.svelte-1gr56ov{border:var(--zf-payment-options-border);border-radius:var(--zf-payment-options-borderRadius);background-color:var(--zf-payment-options-bgColor);height:100%;display:flex;flex-direction:column;flex-grow:1;padding:20px 20px;margin:0 10px;overflow:hidden}.change-disabled-label.svelte-1gr56ov{margin-top:15px} .subscription-options-container.svelte-bnxnvq{flex-wrap:wrap;font-size:var(--zf-payment-options-fontSize);width:100%;color:var(--zf-payment-options-color);line-height:18px;padding:31px 0 20px;display:grid;justify-content:space-evenly;justify-items:center;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:13px}@media(max-width: 340px){.subscription-options-container.svelte-bnxnvq{grid-template-columns:repeat(auto-fit, minmax(280px, 1fr))}} .subscription-list-item.svelte-1qhs7yc{color:var(--zephr-color-text-main)}hr.svelte-1qhs7yc{border-width:1px 0px 0px;margin:20px 0px;border-color:var(--zephr-color-background-tinted)}.inactive.svelte-1qhs7yc{text-decoration:line-through}h3.svelte-1qhs7yc{margin:0 0 20px}.inner-box.svelte-1qhs7yc{display:flex;flex-direction:column;flex-grow:1;padding:30px 20px;margin:0 10px;overflow:hidden;min-width:300px}.gift-pill.svelte-1qhs7yc{display:inline-block;background-color:var(--zephr-color-background-tinted);color:var(--zephr-color-text-main);font-size:0.75rem;font-weight:600;padding:3px 8px;border-radius:12px;margin-left:8px;vertical-align:middle} .zephr-form-tablink.svelte-py0ruk{display:flex;align-items:center;cursor:pointer;justify-content:space-between;text-decoration:none;color:var(--zephr-color-text-main);font-weight:590;padding:var(--zf-list-subscriptions-section-padding);border-bottom:1px solid var(--zephr-color-background-tinted)}.zephr-form-tablink.svelte-py0ruk:hover{text-decoration:underline}.zephr-form-tablink.svelte-py0ruk:last-child{border-bottom:none } .zephr-subscription-list-box-item.svelte-xxnasy.svelte-xxnasy{color:var(--zephr-color-text-main);max-width:var(--zf-list-subscriptions-container-maxWidth);border-radius:var(--zf-list-subscriptions-container-borderRadius);border:var(--zf-list-subscriptions-container-border);padding:var(--zf-list-subscriptions-container-padding)}.zephr-inner-box.svelte-xxnasy.svelte-xxnasy{display:flex;flex-direction:column;flex-grow:1}.zephr-box-item-information.svelte-xxnasy.svelte-xxnasy{font-size:var(--zf-list-subscriptions-info-fontSize);color:var(--zephr-color-text-tinted);margin-top:8px}.zephr-section.svelte-xxnasy.svelte-xxnasy{padding:var(--zf-list-subscriptions-section-padding);border-bottom:1px solid var(--zephr-color-background-tinted);gap:8px}.zephr-section.svelte-xxnasy.svelte-xxnasy:first-child{padding-top:0;border-bottom:none}.zephr-section.svelte-xxnasy.svelte-xxnasy:last-child{border-bottom:none}.zephr-section.svelte-xxnasy span.svelte-xxnasy{font-weight:590}.zephr-section.svelte-xxnasy h2.svelte-xxnasy{margin:0}.gift-pill.svelte-xxnasy.svelte-xxnasy{display:inline-block;background-color:var(--zephr-color-background-tinted);color:var(--zephr-color-text-main);font-size:0.75rem;font-weight:600;padding:3px 8px;border-radius:12px;margin-left:8px;vertical-align:middle}.auto-renew-toggle-container.svelte-xxnasy.svelte-xxnasy{display:flex;align-items:center;gap:8px}.updating-indicator.svelte-xxnasy.svelte-xxnasy{font-size:0.85rem;color:var(--zephr-color-text-tinted);font-style:italic}.status-message.svelte-xxnasy.svelte-xxnasy{margin-top:8px;font-size:0.85rem}.status-message.success.svelte-xxnasy.svelte-xxnasy{color:#28a745}.status-message.error.svelte-xxnasy.svelte-xxnasy{color:#dc3545} .subscriptions-list-container.svelte-ldb1rq{margin-top:40px;display:flex;flex-direction:column;gap:40px} .subscription-custom-fields-update.svelte-t6s0pv{max-width:600px;margin:0 auto;padding:1rem}.title.svelte-t6s0pv{font-size:1.5rem;font-weight:600;margin-bottom:0.5rem;color:var(--text-color, #333)}.description.svelte-t6s0pv{color:var(--text-secondary, #666);margin-bottom:1rem;line-height:1.5}.subscription-info.svelte-t6s0pv{background:var(--background-light, #f8f9fa);padding:0.75rem;border-radius:4px;margin-bottom:1rem;border:1px solid var(--border-color, #e0e0e0)}.custom-fields-form.svelte-t6s0pv{display:flex;flex-direction:column;gap:1.5rem}.field-group.svelte-t6s0pv{display:flex;flex-direction:column;gap:0.25rem;padding:1rem;background:var(--background-light, #f8f9fa);border-radius:4px;border:1px solid var(--border-color, #e0e0e0)}.textarea-input.svelte-t6s0pv{min-height:80px;padding:0.75rem;border:1px solid var(--border-color, #ccc);border-radius:4px;font-size:1rem;resize:vertical;transition:border-color 0.2s}.textarea-input.svelte-t6s0pv:focus{outline:none;border-color:var(--primary-color, #007bff);box-shadow:0 0 0 2px var(--primary-color-alpha, rgba(0, 123, 255, 0.25))}.textarea-input.error.svelte-t6s0pv{border-color:var(--error-color, #dc3545)}.textarea-input.svelte-t6s0pv:disabled{background-color:var(--background-disabled, #f5f5f5);cursor:not-allowed}.error-message.svelte-t6s0pv{margin-top:0.5rem}.success-message.svelte-t6s0pv{padding:0.75rem;background:var(--success-background, #d4edda);border:1px solid var(--success-border, #c3e6cb);border-radius:4px;margin-top:0.5rem}.success-text.svelte-t6s0pv{color:var(--success-color, #155724);margin:0}.button-group.svelte-t6s0pv{display:flex;gap:0.75rem;margin-top:1rem}.submit-button.svelte-t6s0pv,.cancel-button.svelte-t6s0pv{padding:0.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:all 0.2s;display:flex;align-items:center;gap:0.5rem}.submit-button.svelte-t6s0pv{background:var(--primary-color, #007bff);color:white}.submit-button.svelte-t6s0pv:hover:not(:disabled){background:var(--primary-color-hover, #0056b3)}.submit-button.svelte-t6s0pv:disabled{background:var(--background-disabled, #6c757d);cursor:not-allowed}.cancel-button.svelte-t6s0pv{background:var(--secondary-color, #6c757d);color:white}.cancel-button.svelte-t6s0pv:hover:not(:disabled){background:var(--secondary-color-hover, #545b62)}.cancel-button.svelte-t6s0pv:disabled{opacity:0.6;cursor:not-allowed} .past-subscriptions-link-wrapper.svelte-zpa2t{margin:10px 0} .event-link-wrapper{margin-top:10px}.float-right.svelte-3cxpfz{float:right;margin-top:calc(var(--zephr-input-height) * -1px + 5px)} .bold-label.svelte-nx4w5y label{font-weight:bold}.read-only-input.svelte-nx4w5y{border:none;background:none;color:#333;cursor:default;outline:none;flex-grow:1;margin-right:10px;margin-top:15px}.zephr-form-relative-container.svelte-nx4w5y{display:flex;align-items:center;justify-content:space-between;width:100%}.update-link{white-space:nowrap;text-decoration:none;font-size:0.75em} .bold-label.svelte-nx4w5y label{font-weight:bold}.read-only-input.svelte-nx4w5y{border:none;background:none;color:#333;cursor:default;outline:none;flex-grow:1;margin-right:10px;margin-top:15px}.zephr-form-relative-container.svelte-nx4w5y{display:flex;align-items:center;justify-content:space-between;width:100%}.update-link{white-space:nowrap;text-decoration:none;font-size:0.75em} .zephr-form-ro-attribute{display:flex;align-items:center;height:50px;justify-content:flex-start}.zephr-form-ro-attribute-label{margin-right:10px;&:after { content: ": "; }} hr.svelte-jmotet{border-width:1px 0px 0px;margin:20px 0px;border-color:var(--zephr-color-background-tinted)}.session-container.svelte-jmotet{padding:15px;display:flex;flex-direction:column}.device-title.svelte-jmotet{font-weight:bold;font-size:1.2em;margin-bottom:10px}.current-device.svelte-jmotet{color:#777;font-size:0.9em;margin-left:10px}.login-time.svelte-jmotet,.browser.svelte-jmotet,.country.svelte-jmotet{margin-bottom:10px;font-size:0.9em} .sign-out-all.svelte-1ogdv39{color:#0073e6;cursor:pointer;font-size:1em;margin:20px 0;text-align:center}.sign-out-all.svelte-1ogdv39:hover{text-decoration:underline} .table.svelte-7sscau.svelte-7sscau{display:grid;grid-template-columns:0.7fr 1.4fr 1fr 0.6fr}.table-head.svelte-7sscau.svelte-7sscau{display:contents}.table-row.svelte-7sscau.svelte-7sscau{display:contents}.table-head.svelte-7sscau>div.svelte-7sscau{font-size:13px;padding:13px 10px 10px;border-bottom:1px solid var(--zephr-color-background-tinted)}.table-row.svelte-7sscau>div.svelte-7sscau{font-size:var(--zf-info-fontSize);height:60px;padding:0 10px;border-bottom:1px solid var(--zephr-color-background-tinted);display:flex;align-items:center}.table-head.svelte-7sscau>div.svelte-7sscau:first-child,.table-row.svelte-7sscau>div.svelte-7sscau:first-child{padding-left:0}.table-head.svelte-7sscau>div.svelte-7sscau:last-child,.table-row.svelte-7sscau>div.svelte-7sscau:last-child{padding-right:0}.taxes.svelte-7sscau.svelte-7sscau{color:var(--zephr-color-background-tinted);white-space:pre;font-size:small} .zephr-form-button-group.svelte-5uv9ua{display:flex;flex-direction:row;gap:12px;margin-top:20px}.zephr-form-back-button.svelte-5uv9ua{padding:0 20px;border-radius:calc(var(--zephr-button-borderRadius) * 1px);border-style:solid;border-width:calc(var(--zephr-button-borderWidth) * 1px);border-color:var(--zephr-color-action-main);display:flex;justify-content:center;align-items:center;width:100%;background-color:var(--zephr-color-action-main);color:var(--zf-button-color);cursor:pointer}.zephr-form-continue-button.svelte-5uv9ua{padding:0 20px;border-radius:calc(var(--zephr-button-borderRadius) * 1px);border-style:solid;border-width:calc(var(--zephr-button-borderWidth) * 1px);border-color:var(--zephr-color-action-main);display:flex;justify-content:center;align-items:center;width:100%;background-color:var(--zf-button-color);color:var(--zephr-color-action-main);cursor:pointer}.zephr-form-back-button.svelte-5uv9ua:hover{background-color:var(--zephr-color-action-tinted);border-color:var(--zephr-color-action-tinted)}.zephr-form-continue-button.svelte-5uv9ua:hover{background-color:var(--zephr-color-action-tinted);border-color:var(--zephr-color-action-tinted);color:var(--zf-button-color)}.zephr-form-back-button.svelte-5uv9ua:not(inputHeight){height:calc(var(--zephr-button-height) * 1px)}.zephr-form-continue-button.svelte-5uv9ua:not(inputHeight){height:calc(var(--zephr-button-height) * 1px)} .zephr-form-button.svelte-1uaz0r{padding:0 20px;text-decoration:none;text-transform:capitalize;border-radius:calc(var(--zephr-button-borderRadius) * 1px);font-size:var(--zf-button-fontSize);font-weight:normal;cursor:pointer;border-style:solid;border-width:calc(var(--zephr-button-borderWidth) * 1px);border-color:var(--zephr-color-action-tinted);transition:backdrop-filter 0.2s, background-color 0.2s;display:flex;justify-content:center;align-items:center;width:100%;background-color:var(--zephr-color-action-main);color:var(--zf-button-color);position:relative;overflow:hidden;height:calc(var(--zephr-button-height) * 1px)}.zephr-form-button.svelte-1uaz0r:hover{background-color:var(--zephr-color-action-tinted);border-color:var(--zephr-color-action-tinted);color:var(--zf-button-color)}.zephr-form-button-top-margin.svelte-1uaz0r{margin-top:20px} .recipient-name-section.svelte-hvl7z2{margin-top:1rem;margin-bottom:1rem}.field.svelte-hvl7z2{margin-bottom:0.5rem}label.svelte-hvl7z2{display:block;margin-bottom:0.5rem;color:var(--zephr-color-text-tinted);padding:0.5rem;border:calc(var(--zephr-input-borderWidth) * 1px) solid var(--zephr-input-borderColor);border-radius:calc(var(--zephr-input-borderRadius) * 1px);background-color:var(--zf-input-bgColor);color:var(--zephr-color-text-main);border-color:var(--zephr-color-action-main)}.error.svelte-hvl7z2{border-color:var(--zephr-color-warning-main) !important}.error-text.svelte-hvl7z2{color:var(--zephr-color-warning-main);font-size:0.875em;margin-top:0.25rem;font-family:var(--zf-root-fontFamily)} .recipient-email-section.svelte-1odylgp{margin-bottom:1rem}.field.svelte-1odylgp{margin-bottom:0.5rem}label.svelte-1odylgp{display:block;margin-bottom:0.5rem;color:var(--zephr-color-text-tinted);padding:0.5rem;border:calc(var(--zephr-input-borderWidth) * 1px) solid var(--zephr-input-borderColor);border-radius:calc(var(--zephr-input-borderRadius) * 1px);background-color:var(--zf-input-bgColor);color:var(--zephr-color-text-main);border-color:var(--zephr-color-action-main)}.error.svelte-1odylgp{border-color:var(--zephr-color-warning-main) !important}.error-text.svelte-1odylgp{color:var(--zephr-color-warning-main);font-size:0.875em;margin-top:0.25rem;font-family:var(--zf-root-fontFamily)} .zephr-form-input-error-text.svelte-dxm1g8{color:var(--zephr-color-warning-main);font-size:12px;margin-top:4px}.zephr-form-input-select.svelte-dxm1g8{display:block;appearance:auto;width:100%;height:calc(var(--zephr-input-height) * 1px);font-size:var(--zf-input-fontSize);border:calc(var(--zephr-input-borderWidth) * 1px) solid var(--zephr-input-borderColor);border-radius:calc(var(--zephr-input-borderRadius) * 1px);transition:border-color 0.25s ease, box-shadow 0.25s ease;outline:0;color:var(--zephr-color-text-main);background-color:var(--zf-input-bgColor);padding:10px}.zephr-form-input-select.unselected.svelte-dxm1g8{color:var(--zephr-color-background-tinted)}.zephr-form-input-select.error.svelte-dxm1g8{border-color:var(--zephr-color-warning-main)}.zephr-form-input-select.svelte-dxm1g8:disabled{background-color:var(--zephr-color-background-tinted);cursor:not-allowed} .zephr-form-input-error-text.svelte-dxm1g8{color:var(--zephr-color-warning-main);font-size:12px;margin-top:4px}.zephr-form-input-select.svelte-dxm1g8{display:block;appearance:auto;width:100%;height:calc(var(--zephr-input-height) * 1px);font-size:var(--zf-input-fontSize);border:calc(var(--zephr-input-borderWidth) * 1px) solid var(--zephr-input-borderColor);border-radius:calc(var(--zephr-input-borderRadius) * 1px);transition:border-color 0.25s ease, box-shadow 0.25s ease;outline:0;color:var(--zephr-color-text-main);background-color:var(--zf-input-bgColor);padding:10px}.zephr-form-input-select.unselected.svelte-dxm1g8{color:var(--zephr-color-background-tinted)}.zephr-form-input-select.error.svelte-dxm1g8{border-color:var(--zephr-color-warning-main)}.zephr-form-input-select.svelte-dxm1g8:disabled{background-color:var(--zephr-color-background-tinted);cursor:not-allowed} .recipient-address-section.svelte-1yybexv{margin-bottom:1rem}.address-main-label.svelte-1yybexv{display:block;margin-bottom:0.75rem;color:var(--zephr-color-text-tinted);font-weight:600}.address-fields.svelte-1yybexv{display:flex;flex-direction:column;gap:1rem}.field.svelte-1yybexv{width:100%}label.svelte-1yybexv{display:block;margin-bottom:0.5rem;color:var(--zephr-color-text-tinted);padding:0.5rem;border:calc(var(--zephr-input-borderWidth) * 1px) solid var(--zephr-input-borderColor);border-radius:calc(var(--zephr-input-borderRadius) * 1px);background-color:var(--zf-input-bgColor);color:var(--zephr-color-text-main);border-color:var(--zephr-color-action-main)}.error-text.svelte-1yybexv{color:var(--zephr-color-warning-main);font-size:0.875em;margin-top:0.25rem;font-family:var(--zf-root-fontFamily)} .recipient-message-section.svelte-h6tpk7{margin-top:1rem;margin-bottom:1rem}.field.svelte-h6tpk7{margin-bottom:0.5rem}label.svelte-h6tpk7{display:block;margin-bottom:0.5rem;color:var(--zephr-color-text-tinted);min-height:100px;resize:vertical;padding:0.5rem;border:calc(var(--zephr-input-borderWidth) * 1px) solid var(--zephr-input-borderColor);border-radius:calc(var(--zephr-input-borderRadius) * 1px);background-color:var(--zf-input-bgColor);color:var(--zephr-color-text-main);border-color:var(--zephr-color-action-main)} .zephr-form-input-wrapper.svelte-764k6k{display:flex;flex-direction:column;margin-bottom:16px;width:100%}label.svelte-764k6k{margin-bottom:8px;font-weight:500}input.svelte-764k6k{padding:12px;border-radius:var(--input-border-radius, 4px);border:var(--input-border-width, 1px) solid var(--input-border-color, #ccc);font-size:16px;height:var(--input-height, 50px);box-sizing:border-box}input.svelte-764k6k:focus{outline:none;border-color:var(--color-action-main, #006EDB)}input.error.svelte-764k6k{border-color:var(--color-warning-main, #D90B00)}.error-message.svelte-764k6k{color:var(--color-warning-main, #D90B00);font-size:14px;margin-top:4px}.required.svelte-764k6k{color:var(--color-warning-main, #D90B00)} .zephr-gift-list-box-item.svelte-srvimy.svelte-srvimy{margin-bottom:1.5rem;color:var(--zephr-color-text-main);max-width:var(--zf-list-subscriptions-container-maxWidth);border-radius:var(--zf-list-subscriptions-container-borderRadius);border:var(--zf-list-subscriptions-container-border);padding:var(--zf-list-subscriptions-container-padding);position:relative;overflow:hidden;background-color:white}.zephr-inner-box.svelte-srvimy.svelte-srvimy{display:flex;flex-direction:column;flex-grow:1;padding-top:20px}.zephr-banner-top.svelte-srvimy.svelte-srvimy{background-color:black;color:white;padding:5px 1.5rem;width:100%;font-size:0.875rem;text-align:center;position:absolute;top:0;left:0;right:0}.zephr-header-section.svelte-srvimy.svelte-srvimy{position:relative}.zephr-status-pill.svelte-srvimy.svelte-srvimy{position:absolute;top:0;right:0;display:inline-block;padding:4px 12px;border-radius:16px;font-size:0.75rem;font-weight:500;color:white;background-color:black}.zephr-section.svelte-srvimy.svelte-srvimy{padding:var(--zf-list-subscriptions-section-padding);gap:8px}.zephr-section.svelte-srvimy.svelte-srvimy:first-child{padding-top:0}.zephr-section.svelte-srvimy span.svelte-srvimy{font-weight:590;display:block;margin-bottom:0.25rem}.zephr-box-item-information.svelte-srvimy.svelte-srvimy{font-size:var(--zf-list-subscriptions-info-fontSize);color:var(--zephr-color-text-tinted);margin-top:8px} .subscriptions-list-container.svelte-ldb1rq{margin-top:40px;display:flex;flex-direction:column;gap:40px} .zephr-form-gift-toggle.svelte-93167f{margin:10px 0;font-size:var(--zf-font-size-base);font-family:var(--zf-root-fontFamily)} .zephr-form-gift-future-date-toggle.svelte-c9nudz{margin:10px 0;font-size:var(--zf-font-size-base);font-size:var(--zf-font-size-small, 14px);color:var(--zf-color-text-secondary, #666);line-height:1.4} .zephr-form-gift-future-date-input.svelte-1vykgtl{margin:10px 0;font-size:var(--zf-font-size-base);font-size:var(--zf-font-size-small, 14px);color:var(--zf-color-text-secondary, #666);line-height:1.4} .suspend-resume-subscription-section.svelte-1hog2jr{margin-top:1rem;margin-bottom:1rem}.field.svelte-1hog2jr{margin-bottom:0.5rem}label.svelte-1hog2jr{display:block;margin-bottom:0.5rem;color:var(--zephr-color-text-tinted);padding:0.5rem;border:calc(var(--zephr-input-borderWidth) * 1px) solid var(--zephr-input-borderColor);border-radius:calc(var(--zephr-input-borderRadius) * 1px);background-color:var(--zf-input-bgColor);color:var(--zephr-color-text-main);border-color:var(--zephr-color-action-main)}.error.svelte-1hog2jr{border-color:var(--zephr-color-warning-main) !important}.error-text.svelte-1hog2jr{color:var(--zephr-color-warning-main);font-size:0.875em;margin-top:0.25rem;font-family:var(--zf-root-fontFamily)} .subscription-custom-fields-container.svelte-uox0m2{padding:0;max-width:800px;margin:0 auto}.form-title.svelte-uox0m2{font-size:1.75rem;font-weight:700;margin:0 0 16px 0;color:var(--zephr-color-text-main)}.form-description.svelte-uox0m2{font-size:1rem;margin:0 0 32px 0;color:var(--zephr-color-text-tinted);line-height:1.5}.custom-fields-form.svelte-uox0m2{display:flex;flex-direction:column;gap:16px}.field-item.svelte-uox0m2{display:flex;flex-direction:column;gap:8px;padding:16px;background-color:var(--zephr-color-background-main);border:1px solid var(--zephr-color-background-tinted);border-radius:8px;transition:all 0.2s ease}.field-item.svelte-uox0m2:focus-within{border-color:var(--zephr-color-action-main);box-shadow:0 0 0 2px rgba(66, 153, 225, 0.1)}.field-label.svelte-uox0m2{font-weight:600;font-size:0.9rem;color:var(--zephr-color-text-main);display:flex;align-items:center;gap:8px}.field-input.svelte-uox0m2{padding:12px 16px;border:2px solid var(--zephr-color-background-tinted);border-radius:8px;font-size:1rem;transition:all 0.2s ease;background-color:var(--zephr-color-background-main)}.field-input.svelte-uox0m2:focus{outline:none;border-color:var(--zephr-color-action-main);box-shadow:0 0 0 3px rgba(66, 153, 225, 0.1)}.field-input.svelte-uox0m2:disabled{background-color:#f5f5f5;color:#666;cursor:not-allowed}.success-message.svelte-uox0m2{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724;padding:12px 16px;border-radius:8px;margin:16px 0;font-weight:500;display:flex;align-items:center;gap:8px}.error-message.svelte-uox0m2{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24;padding:12px 16px;border-radius:8px;margin:16px 0;font-weight:500;display:flex;align-items:center;gap:8px}.form-actions.svelte-uox0m2{margin-top:32px;padding-top:24px;border-top:1px solid var(--zephr-color-background-tinted);text-align:center;display:flex;justify-content:center;gap:16px}.submit-button.svelte-uox0m2{background:linear-gradient(135deg, var(--zephr-color-action-main) 0%, var(--zephr-color-action-tinted) 100%);color:white;border:none;padding:16px 32px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;min-width:160px}.submit-button.svelte-uox0m2:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 8px rgba(0, 0, 0, 0.2)}.submit-button.svelte-uox0m2:disabled{opacity:0.6;cursor:not-allowed;transform:none}.simple-field-group.svelte-uox0m2{margin-bottom:24px;display:flex;flex-direction:column;gap:16px}.loading.svelte-uox0m2{text-align:center;padding:40px 20px;color:var(--zephr-color-text-tinted);font-size:1.1rem;background-color:var(--zephr-color-background-tinted);border-radius:8px} .bill-to-contact-section.svelte-z564ap{margin-top:1rem;margin-bottom:1rem}.field.svelte-z564ap{margin-bottom:0.5rem}label.svelte-z564ap{display:block;margin-bottom:0.5rem;color:var(--zephr-color-text-tinted);padding:0.5rem;border:calc(var(--zephr-input-borderWidth) * 1px) solid var(--zephr-input-borderColor);border-radius:calc(var(--zephr-input-borderRadius) * 1px);background-color:var(--zf-input-bgColor);color:var(--zephr-color-text-main);border-color:var(--zephr-color-action-main)}.error.svelte-z564ap{border-color:var(--zephr-color-warning-main) !important}.error-text.svelte-z564ap{color:var(--zephr-color-warning-main);font-size:0.875em;margin-top:0.25rem;font-family:var(--zf-root-fontFamily)} .payment-option-wrapper.svelte-24yv85.svelte-24yv85{display:flex;flex:1 0 28%;width:100%}.payment-option-wrapper.svelte-24yv85.svelte-24yv85:only-child{max-width:325px}.box-container.svelte-24yv85.svelte-24yv85{display:flex;flex-direction:column;flex:1 1 0;width:0;text-align:center}.inner-box.svelte-24yv85.svelte-24yv85{border:var(--zf-payment-options-border);border-radius:var(--zf-payment-options-borderRadius);background-color:var(--zf-payment-options-bgColor);height:100%;display:flex;flex-direction:column}.box-container.highlighted.svelte-24yv85 .inner-box.svelte-24yv85{border-top-left-radius:0;border-top-right-radius:0}.plan-header.svelte-24yv85.svelte-24yv85{display:flex;justify-content:space-between;align-items:baseline;padding:16px 20px 8px;gap:8px}.plan-name.svelte-24yv85.svelte-24yv85{font-weight:bold;font-size:1.05em;color:var(--zephr-color-text-main)}.plan-price.svelte-24yv85.svelte-24yv85{font-weight:bold;color:var(--zephr-color-action-main);white-space:nowrap}.discounts-list.svelte-24yv85.svelte-24yv85{list-style:none;margin:0 20px 4px;padding:0;display:flex;flex-direction:column;gap:4px}.discount-item.svelte-24yv85.svelte-24yv85{display:flex;justify-content:space-between;font-size:0.875em;padding:2px 0}.discount-name.svelte-24yv85.svelte-24yv85{color:var(--zephr-color-text-tinted)}.discount-percentage.svelte-24yv85 .discount-value.svelte-24yv85{color:var(--zephr-color-action-main);font-weight:600}.discount-amount.svelte-24yv85 .discount-value.svelte-24yv85{color:var(--zephr-color-action-main);font-weight:600}.box-container.svelte-24yv85 .box-content.svelte-24yv85{flex-grow:1;padding:16px 20px;margin:0 10px;overflow:hidden}.box-container.svelte-24yv85 .styled-box-content.svelte-24yv85{color:var(--zephr-color-text-main);background-color:var(--zephr-color-action-main);border-width:calc(var(--zephr-button-borderWidth) * 1px);border-color:var(--zephr-color-action-tinted);border-radius:calc(var(--zephr-button-borderRadius) * 1px);font-size:var(--zf-button-fontSize)}.payment-options-container .box-container .styled-box-content button:hover{background-color:var(--zephr-color-action-tinted);border-color:var(--zephr-color-action-tinted)}.payment-options-container .box-container .box-content img{max-width:210px;height:auto}.box-top.svelte-24yv85.svelte-24yv85{height:40px}.box-container.highlighted.svelte-24yv85 .box-top.svelte-24yv85{color:var(--zf-payment-options-highlighted-color);background-color:var(--zf-payment-options-highlighted-bgColor);position:relative;border:var(--zf-payment-options-border);border-bottom-width:0;border-radius:var(--zf-payment-options-borderRadius);border-bottom-left-radius:0;border-bottom-right-radius:0;display:flex;justify-content:center;align-items:center}.box-container.highlighted.svelte-24yv85 .box-top .box-top-text.svelte-24yv85{font-weight:bold}.box-container.svelte-24yv85 .box-bottom.svelte-24yv85{min-height:60px;display:flex;flex-direction:column;align-items:center;padding:20px 0 30px;margin:0 30px}.button-sub-text.svelte-24yv85.svelte-24yv85{margin-top:10px} .payment-options-container.svelte-tqlhky{flex-wrap:wrap;font-size:var(--zf-payment-options-fontSize);width:100%;color:var(--zf-payment-options-color);line-height:18px;padding:31px 0 20px;display:grid;justify-content:space-evenly;justify-items:center;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:13px}@media(max-width: 340px){.payment-options-container.svelte-tqlhky{grid-template-columns:repeat(auto-fit, minmax(280px, 1fr))}} .zephr-form-max-width{max-width:var(--zf-container-maxWidth);margin:auto}.zephr-form-content.svelte-j7lu48{padding:var(--zf-container-padding);background-color:var(--zf-container-bgColor);border:var(--zf-container-border);border-radius:var(--zf-container-borderRadius)}.zephr-payment-options-content.svelte-j7lu48{background-color:transparent;border:none;border-radius:0}.close-button-container.svelte-j7lu48{text-align:right;width:100%;margin-bottom:15px}.close-button.svelte-j7lu48{cursor:pointer;display:inline;padding:7px;min-width:32px;min-height:32px;border-radius:16px;margin:1px}.loading-placeholder.svelte-j7lu48{display:flex;justify-content:center;align-items:center;min-height:200px} .zephr-form{--zf-root-fontSize:16px;--zf-root-fontFamily:var(--zephr-typography-body-font), var(--zephr-typography-body-fallbackFont);--zf-container-maxWidth:440px;--zf-container-padding:20px;--zf-container-margin:20px auto;--zf-container-border:none;--zf-container-borderRadius:calc(var(--zephr-input-borderRadius) * 1px);--zf-container-color:var(--zephr-color-text-main);--zf-container-bgColor:var(--zephr-color-background-main, transparent);--zf-info-fontSize:14px;--zf-subtext-fontSize:12px;--zf-link-color:#6ba5e9;--zf-input-fontSize:var(--zf-root-fontSize);--zf-input-bgColor:var(--zephr-color-background-main, transparent);--zf-button-fontSize:calc(var(--zephr-button-fontSize, 16) * 1px);--zf-button-color:#fff;--zf-password-valid-color:#7bcb7f;--zf-password-invalid-color:#c4c4c4;--zf-payment-options-fontSize:var(--zf-subtext-fontSize);--zf-payment-options-color:var(--zephr-color-text-main);--zf-payment-options-bgColor:var(--zf-container-bgColor);--zf-payment-options-border:calc(var(--zephr-input-borderWidth) * 1px) solid var(--zephr-input-borderColor);--zf-payment-options-borderRadius:calc(var(--zephr-input-borderRadius) * 1px);--zf-payment-options-highlighted-color:var(--zephr-color-text-main);--zf-payment-options-highlighted-bgColor:var(--zephr-color-accent-main);--zf-payment-summary-fontSize:var(--zf-subtext-fontSize);--zf-payment-summary-color:var(--zephr-color-text-main);--zf-payment-summary-bgColor:var(--zf-input-bgColor);--zf-payment-summary-border:calc(var(--zephr-input-borderWidth) * 1px) solid var(--zephr-input-borderColor);--zf-payment-summary-borderRadius:calc(var(--zephr-input-borderRadius) * 1px);--zf-list-subscriptions-container-maxWidth:630px;--zf-list-subscriptions-container-padding:24px;--zf-list-subscriptions-section-padding:16px 0px;--zf-list-subscriptions-container-border:calc(var(--zephr-input-borderWidth) * 1px) solid var(--zephr-input-borderColor);--zf-list-subscriptions-container-borderRadius:calc(var(--zephr-input-borderRadius) * 1px);--zf-list-subscriptions-info-fontSize:var(--zf-info-fontSize)}.zephr-form.svelte-789zog{color:var(--zf-container-color);margin:var(--zf-container-margin);font-size:var(--zf-root-fontSize);overflow:visible;font-size:var(--zf-root-fontSize, unset);line-height:unset;margin:unset;padding:unset;border:unset;background:unset;&:hover, &:focus-visible { border: unset; background: unset; }}.zephr-form-disabled-div{pointer-events:none;opacity:0.8}.zephr-form-relative-container{position:relative}.zephr-form-flex-container{display:flex}.zephr-form-input-inner-button{cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);right:5px;padding:10px 5px}.zephr-form-input-inner-text{color:var(--zephr-color-text-main);font-size:var(--zf-subtext-fontSize);font-weight:bold;font-family:var(--zf-root-fontFamily)} /* === FORM CARD CONTAINER === */ .zephr-form-max-width, .zephr-payment-form-max-width { background-color: #f9f9fb !important; padding: 32px !important; border-radius: 31px !important; border: 2px solid #e5e5e5 !important; max-width: 600px !important; margin: 0 auto !important; } .zephr-form-login-link { margin: 0!important; } .zephr-form-checkmark { border-radius: 0px !important; border: 2px solid #e5e5e5 !important; } /* === FORM LAYOUT === */ .zephr-form-content { display: flex !important; flex-direction: column !important; gap: 1rem !important; margin: 0!important; background-color: var(--bs-body-bg) !important; } .zephr-form form { background-color: var(--bs-body-bg) !important; } /* === INPUT STYLING === */ .zephr-form-input, .zephr-form input[type="email"], .zephr-form input[type="text"], .zephr-form input[type="password"], .zephr-form input[type="number"], .zephr-form input[type="tel"], .zephr-form input[type="url"], .zephr-form textarea { border-radius: 0 !important; border: 1px solid #ddd !important; font-size: 16px !important; padding: 12px 16px !important; width: 100% !important; background-color: #fff !important; box-shadow: none !important; } /* === INPUT FOCUS === */ .zephr-form input:focus, .zephr-form textarea:focus { outline: none !important; border-color: #000 !important; box-shadow: none !important; } /* === LABEL STYLING === */ .zephr-form-input-label span { font-size: 14px !important; font-weight: 600 !important; color: #111 !important; margin-bottom: 0.25rem !important; display: inline-block !important; } .zephr-form-custom-text { color: var(--bs-body-color) !important; } /* === BUTTON STYLING === */ .zephr-form-button, .zephr-form button[type="submit"] { background-color: #111 !important; color: #fff !important; font-weight: 700 !important; font-size: 16px !important; text-transform: uppercase !important; border-radius: 12px !important; padding: 14px !important; width: 100% !important; border: none !important; cursor: pointer !important; } .zephr-form-button:disabled { background-color: #ccc !important; cursor: not-allowed !important; } .zephr-form-button:hover:not(:disabled) { background-color: #000 !important; } /* === PROMO TOGGLE LINK === */ .zephr-form-promo-activate-line { background: none !important; border: none !important; padding: 0 !important; font-size: 14px !important; font-weight: 500 !important; color: #000 !important; text-align: left !important; margin-top: 8px !important; cursor: pointer !important; } /* === SUMMARY SECTION === */ .zephr-form-summary, .zephr-payment-form-summary { background-color: #f9f9fb !important; border: none !important; padding: 0 0 1rem 0 !important; margin: 0 0 1rem 0 !important; border-radius: 0 !important; } .zephr-form-summary-line-title { font-size: 20px !important; font-weight: 700 !important; color: #111 !important; } .zephr-form-summary-line-price { font-size: 18px !important; font-weight: 600 !important; color: #111 !important; } /* === SMALL SCREEN PADDING TWEAKS === */ @media (max-width: 576px) { .zephr-form-max-width, .zephr-payment-form-max-width { padding: 24px !important; border-radius: 16px !important; } } /* === MAIN FLEX CONTAINER === */ .payment-options-container { display: flex !important; flex-direction: row !important; justify-content: stretch !important; align-items: stretch !important; flex-wrap: nowrap !important; gap: 0 !important; padding: 0 !important; margin: 0 auto 32px !important; border-radius: 31px !important; border: 2px solid #e5e5e5 !important; overflow: hidden !important; max-width: 960px !important; background: var(--bs-body-bg); } /* === WRAPPER: ENSURE NO MARGIN/BORDER/GAP === */ .payment-option-wrapper { flex: 1 1 0% !important; display: flex !important; flex-direction: column !important; margin: 0 !important; padding: 0 !important; border: none !important; min-width: 0 !important; } /* === REMOVE ANY INTER-BORDER SPACING === */ .payment-option-wrapper:not(:last-of-type) { border-right: 1px solid #e5e5e5 !important; } /* === CLEANUP CONTAINER === */ .box-container { display: flex !important; flex-direction: column !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; border: none !important; background: transparent !important; box-shadow: none !important; } /* === INNER BOX, NO GAPS OR MARGINS === */ .inner-box { display: flex !important; flex-direction: column !important; justify-content: space-between !important; height: 100% !important; padding: 32px 24px !important; margin: 0 !important; border: none !important; border-radius: 0 !important; background-color: var(bs-secondary-bg) !important; } /* === ROUND ONLY FIRST AND LAST === */ .payment-option-wrapper:first-of-type .inner-box { border-top-left-radius: 20px !important; border-bottom-left-radius: 20px !important; } .payment-option-wrapper:last-of-type .inner-box { border-top-right-radius: 20px !important; border-bottom-right-radius: 20px !important; } /* === PRICE === */ .inner-box h1 { font-size: 36px !important; font-weight: 700 !important; text-align: center !important; margin: 0 0 8px !important; } /* === PLAN NAME === */ .inner-box h3 { font-size: 16px !important; font-weight: 700 !important; text-transform: uppercase !important; text-align: center !important; margin: 0 0 12px !important; } /* === DESCRIPTION === */ .inner-box p { font-size: 14px !important; font-style: italic !important; color: #444 !important; text-align: center !important; margin: 0 0 24px !important; } /* === BUTTONS === */ .zephr-form-button { margin-top: auto !important; padding: 14px 0 !important; font-size: 14px !important; font-weight: bold !important; text-transform: uppercase !important; border: none !important; border-radius: 8px !important; width: 100% !important; background-color: #000 !important; color: #fff !important; cursor: pointer !important; } /* === RED CTA ON MIDDLE BOX === */ .box-container.highlighted .zephr-form-button { background-color: #f53c60 !important; } .zephr-form-button:hover:not(:disabled) { background-color: #f53c60 !important; } zephr-form-button:hover:disabled { background-color: #f53c60 !important; } /* === SAVE BADGE === */ .box-top-text { position: absolute !important; top: 15px !important; right: 15px !important; background-color: #ffff4c !important; transform: rotate(20deg); color: #000 !important; font-size: 12px !important; font-weight: bold !important; border-radius: 50% !important; padding: 19px 18px !important; text-align: center !important; line-height: 1.2 !important; width: 84px !important; height: 84px !important; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) !important; z-index: 10 !important; } /* === CLEANUP EMPTY .box-top === */ .box-top { height: 0 !important; margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; display: contents !important } .box-container { position: relative !important; } @media (max-width: 768px) { .payment-options-container { flex-direction: column !important; border-radius: 12px !important; overflow: hidden !important; } .payment-option-wrapper { border-right: none !important; border-bottom: 1px solid #e5e5e5 !important; } .payment-option-wrapper:first-of-type .inner-box { border-top-left-radius: 20px !important; border-top-right-radius: 20px !important; } .payment-option-wrapper:last-of-type { border-bottom: none !important; } .payment-option-wrapper:last-of-type .inner-box { border-bottom-left-radius: 20px !important; border-bottom-right-radius: 20px !important; } /* Remove left/right radius that only makes sense in horizontal layout */ .payment-option-wrapper .inner-box { border-radius: 0 !important; } } .zephr-form.svelte-jjl1p8, .zephr-form { color: var(--bs-body-color) !important; } .zephr-form-custom-text:has(> #control-paywall) { display: none; }