.cst-wizard{position:relative;min-height:100vh;overflow:hidden;background:radial-gradient(ellipse 70% 55% at 55% 15%,color-mix(in srgb,var(--color-primary) 12%,transparent),transparent),radial-gradient(circle at 10% 80%,color-mix(in srgb,var(--color-primary) 5%,transparent),transparent 45%),#050505;--glow-x: 55%;--glow-y: 30%}.cst-wizard:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(700px circle at var(--glow-x) var(--glow-y),color-mix(in srgb,var(--color-primary) 20%,transparent) 0%,transparent 65%)}.cst-progress{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:center;gap:0;padding:1.25rem var(--container-pad);background:color-mix(in srgb,#050505 75%,transparent);-webkit-backdrop-filter:var(--glass-blur-strong);backdrop-filter:var(--glass-blur-strong);border-bottom:1px solid color-mix(in srgb,var(--color-primary) 10%,transparent)}.cst-progress__step{display:flex;align-items:center;gap:.5rem;opacity:.38;transition:opacity .3s ease}.cst-progress__step.is-active{opacity:1}.cst-progress__step.is-done{opacity:.65}.cst-progress__dot{display:flex;align-items:center;justify-content:center;width:1.625rem;height:1.625rem;border-radius:50%;border:1.5px solid color-mix(in srgb,white 30%,transparent);font-size:.7rem;font-weight:700;color:color-mix(in srgb,white 55%,transparent);transition:background .3s ease,border-color .3s ease,color .3s ease}.cst-progress__step.is-active .cst-progress__dot{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 24%,transparent)}.cst-progress__step.is-done .cst-progress__dot{background:color-mix(in srgb,var(--color-primary) 35%,transparent);border-color:color-mix(in srgb,var(--color-primary) 60%,transparent);color:#fff}.cst-progress__dot:before{content:attr(data-step-num,"")}.cst-progress__step[data-step-indicator="1"] .cst-progress__dot:before{content:"1"}.cst-progress__step[data-step-indicator="2"] .cst-progress__dot:before{content:"2"}.cst-progress__step[data-step-indicator="3"] .cst-progress__dot:before{content:"3"}.cst-progress__step.is-done .cst-progress__dot:before{content:"\2713"}.cst-progress__label{font-size:var(--font-size-sm);font-weight:500;color:color-mix(in srgb,white 70%,transparent);white-space:nowrap}.cst-progress__step.is-active .cst-progress__label{color:#fff}.cst-progress__line{width:clamp(2rem,6vw,5rem);height:1px;background:color-mix(in srgb,white 14%,transparent);margin:0 var(--space-3)}.cst-step{position:absolute;right:0;bottom:0;left:0;top:0;z-index:1;opacity:0;pointer-events:none;transform:translateY(1.25rem);transition:opacity .38s ease,transform .38s ease;overflow-y:auto}.cst-step.is-active{position:relative;opacity:1;pointer-events:auto;transform:none}.cst-step.is-exit{position:absolute;opacity:0;transform:translateY(-1rem);pointer-events:none}.cst-step__inner{padding-top:clamp(3rem,7vh,5rem);padding-bottom:clamp(4rem,10vh,7rem);position:relative;z-index:1}.cst-eyebrow{font-size:var(--font-size-sm);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--color-primary);margin-bottom:var(--space-3)}.cst-heading{font-family:var(--font-heading);font-size:var(--display-md);font-weight:800;line-height:1;letter-spacing:-.045em;color:#fff;margin:0 0 var(--space-4)}.cst-heading__model{background:linear-gradient(135deg,#fff 30%,color-mix(in srgb,var(--color-primary) 80%,white));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cst-subtext{font-size:var(--font-size-base);color:color-mix(in srgb,white 55%,transparent);margin:0 0 clamp(2rem,5vh,3.5rem);max-width:28rem}.cst-back-btn{display:inline-flex;align-items:center;gap:.4rem;margin-bottom:var(--space-5);padding:var(--space-2) var(--space-4);border:1px solid color-mix(in srgb,white 14%,transparent);border-radius:var(--radius-pill);background:color-mix(in srgb,white 6%,transparent);color:color-mix(in srgb,white 70%,transparent);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:border-color .2s ease,color .2s ease,background .2s ease}.cst-back-btn:hover{border-color:color-mix(in srgb,var(--color-primary) 40%,transparent);color:#fff;background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.cst-brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}.cst-brand-card{display:grid;gap:var(--space-3);align-content:center;justify-items:center;text-align:center;padding:clamp(1.75rem,3.5vw,2.75rem) var(--space-5);border-radius:calc(var(--radius-lg) * 1.1);border:1px solid var(--glass-border-base);background:color-mix(in srgb,white 4%,transparent);-webkit-backdrop-filter:var(--glass-blur-base);backdrop-filter:var(--glass-blur-base);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,background .24s ease}.cst-brand-card--apple{border-color:color-mix(in srgb,var(--color-primary) 30%,transparent);background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--color-primary) 10%,transparent),transparent 60%),color-mix(in srgb,white 6%,transparent);cursor:pointer;min-height:14rem}.cst-brand-card--apple:hover{transform:translateY(-.3rem);border-color:color-mix(in srgb,var(--color-primary) 60%,transparent);box-shadow:0 1.5rem 3rem color-mix(in srgb,var(--color-primary) 20%,transparent);background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--color-primary) 16%,transparent),transparent 60%),color-mix(in srgb,white 8%,transparent)}.cst-brand-card--apple:active{transform:translateY(-.1rem)}.cst-brand-card--locked{opacity:.32;cursor:not-allowed;min-height:14rem}.cst-brand-card__icon{display:flex;align-items:center;justify-content:center;width:4.5rem;height:4.5rem;border-radius:50%;background:color-mix(in srgb,var(--color-primary) 14%,transparent);color:color-mix(in srgb,white 90%,transparent)}.cst-brand-card--apple .cst-brand-card__icon{color:#fff}.cst-brand-card__lock{font-size:2rem;color:color-mix(in srgb,white 35%,transparent);display:block;width:4.5rem;height:4.5rem;display:flex;align-items:center;justify-content:center}.cst-brand-card__name{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:700;color:#fff;letter-spacing:-.02em}.cst-brand-card__note{font-size:var(--font-size-sm);color:color-mix(in srgb,white 50%,transparent)}.cst-brand-card__cta{display:inline-flex;align-items:center;gap:.3rem;margin-top:var(--space-2);padding:.4rem 1rem;border-radius:var(--radius-pill);font-size:var(--font-size-sm);font-weight:600;background:linear-gradient(135deg,var(--color-primary),color-mix(in srgb,var(--color-primary) 70%,white));color:#fff}.cst-series-groups{display:grid;gap:var(--space-8)}.cst-series__label{font-size:var(--font-size-sm);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:color-mix(in srgb,white 40%,transparent);margin-bottom:var(--space-4)}.cst-model-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.cst-model-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-3);border:1px solid var(--glass-border-base);border-radius:calc(var(--radius-lg) * .9);background:color-mix(in srgb,white 4%,transparent);-webkit-backdrop-filter:var(--glass-blur-soft);backdrop-filter:var(--glass-blur-soft);cursor:pointer;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}.cst-model-card:hover{transform:translateY(-.2rem);border-color:color-mix(in srgb,var(--color-primary) 45%,transparent);background:color-mix(in srgb,var(--color-primary) 6%,transparent);box-shadow:0 .75rem 2rem color-mix(in srgb,var(--color-primary) 18%,transparent)}.cst-model-card.is-selected{border-color:var(--color-primary);background:radial-gradient(circle at 50% 0%,color-mix(in srgb,var(--color-primary) 12%,transparent),transparent 70%),color-mix(in srgb,var(--color-primary) 8%,transparent);box-shadow:0 0 0 1px var(--color-primary),0 1rem 2.5rem color-mix(in srgb,var(--color-primary) 24%,transparent)}.cst-model-card__phone{position:relative;width:2.4rem;height:4.6rem;border-radius:.55rem;background:linear-gradient(160deg,color-mix(in srgb,white 18%,transparent),color-mix(in srgb,white 6%,transparent));border:1.5px solid color-mix(in srgb,white 22%,transparent);overflow:hidden}.cst-model-card:hover .cst-model-card__phone,.cst-model-card.is-selected .cst-model-card__phone{border-color:color-mix(in srgb,var(--color-primary) 60%,white)}.cst-model-card__camera{position:absolute;top:.35rem;left:.3rem;width:.8rem;height:.8rem;border-radius:.2rem;background:color-mix(in srgb,white 10%,transparent);border:1px solid color-mix(in srgb,white 16%,transparent)}.cst-model-card__phone--pro .cst-model-card__camera,.cst-model-card__phone--pro-max .cst-model-card__camera{width:1.05rem;height:1.05rem;border-radius:.25rem}.cst-model-card__phone--mini{width:2rem;height:4rem}.cst-model-card__phone--plus,.cst-model-card__phone--pro-max{width:2.6rem;height:4.85rem;border-radius:.6rem}.cst-model-card__screen{position:absolute;top:.25rem;right:.25rem;bottom:.25rem;left:.25rem;border-radius:.3rem;background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.cst-model-card__name{font-size:var(--font-size-sm);font-weight:600;color:color-mix(in srgb,white 82%,transparent);text-align:center;line-height:1.2}.cst-model-card.is-selected .cst-model-card__name{color:#fff}.cst-heading--ready{font-size:clamp(2rem,5vw,3.5rem)}.cst-ready-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);max-width:52rem}.cst-ready-card{position:relative;display:grid;gap:var(--space-3);padding:clamp(2rem,4vw,3rem);border-radius:calc(var(--radius-lg) * 1.1);border:1px solid var(--glass-border-base);background:color-mix(in srgb,white 5%,transparent);-webkit-backdrop-filter:var(--glass-blur-base);backdrop-filter:var(--glass-blur-base);text-decoration:none;color:inherit;transition:transform .26s ease,border-color .26s ease,box-shadow .26s ease,background .26s ease}.cst-ready-card:hover{transform:translateY(-.3rem);border-color:color-mix(in srgb,var(--color-primary) 45%,transparent);box-shadow:0 1.5rem 3rem color-mix(in srgb,var(--color-primary) 18%,transparent);background:radial-gradient(circle at 0% 0%,color-mix(in srgb,var(--color-primary) 10%,transparent),transparent 60%),color-mix(in srgb,white 6%,transparent)}.cst-ready-card--upload{border-color:color-mix(in srgb,var(--color-primary) 24%,transparent);background:radial-gradient(circle at 0% 0%,color-mix(in srgb,var(--color-primary) 8%,transparent),transparent 60%),color-mix(in srgb,white 5%,transparent)}.cst-ready-card__icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-primary) 16%,transparent);color:var(--color-primary);font-size:1.2rem;font-weight:700}.cst-ready-card strong{font-family:var(--font-heading);font-size:clamp(1.25rem,2.5vw,1.6rem);font-weight:700;color:#fff;letter-spacing:-.02em}.cst-ready-card p{color:color-mix(in srgb,white 55%,transparent);font-size:var(--font-size-sm);line-height:1.55;max-width:22rem}.cst-ready-card__arrow{position:absolute;bottom:var(--space-5);right:var(--space-5);font-size:1.1rem;color:var(--color-primary);transition:transform .22s ease}.cst-ready-card:hover .cst-ready-card__arrow{transform:translate(.3rem)}@media(max-width:70rem){.cst-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cst-model-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:56rem){.cst-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cst-brand-card{min-height:11rem}.cst-model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cst-ready-grid{grid-template-columns:1fr}}@media(max-width:36rem){.cst-brand-grid{grid-template-columns:1fr 1fr}.cst-model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-standalone-customiser.css.map */