.ci-sc{--sc-h: min(calc(100svh - var(--header-bottom, 112px)), 940px);--sc-tint: #7b4dff;position:relative;isolation:isolate;background:#040406;color:#ececef}.ci-sc__grid{display:grid;grid-template-columns:minmax(0,1fr)}.ci-sc__main{position:relative;display:flex;flex-direction:column;min-width:0;background:#040406}.ci-sc__stage{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 55% 40%,#10101a,#040406 60%);aspect-ratio:4 / 4.4}@media(min-width:600px){.ci-sc__stage{aspect-ratio:16 / 10}}.ci-sc__poster,.ci-sc__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ci-sc__poster{object-fit:cover;transition:opacity 1.4s ease}.ci-sc__poster--empty{background:radial-gradient(60% 50% at 55% 46%,color-mix(in srgb,var(--sc-tint) 26%,transparent),transparent 70%)}.ci-sc__canvas{opacity:0;transition:opacity 1.4s ease}.ci-sc.is-live .ci-sc__canvas{opacity:1}.ci-sc.is-live .ci-sc__poster{opacity:0}.ci-sc__scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:linear-gradient(180deg,#04040659,#04040600 22% 72%,#040406bf)}.ci-sc__hotspots{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.ci-hot{position:absolute;left:0;top:0;pointer-events:auto;display:inline-flex;align-items:center;gap:10px;padding:0;border:0;background:none;color:#fff;margin:-18px 0 0 -18px;transition:opacity .3s ease}.ci-hot__dot{position:relative;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--c-accent);box-shadow:0 0 0 6px rgba(var(--c-accent-rgb),.25),0 8px 24px #00000080}.ci-hot__dot svg{width:18px;height:18px}.ci-hot__dot:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:1.5px solid rgba(var(--c-accent-rgb),.7);animation:ciHotPulse 2.2s cubic-bezier(.23,1,.32,1) infinite}@keyframes ciHotPulse{0%{transform:scale(.9);opacity:.9}to{transform:scale(1.9);opacity:0}}.ci-hot__label{display:grid;text-align:left;line-height:1.2;padding:8px 14px 8px 12px;border-radius:12px;background:#0c0c10b8;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:.82rem;white-space:nowrap}.ci-hot__label small{color:#b9b8c4;font-size:.74rem}@media(hover:hover){.ci-hot:hover .ci-hot__dot{background:color-mix(in srgb,var(--c-accent) 80%,#fff)}}@media(max-width:599px){.ci-hot__label{font-size:.74rem;padding:6px 10px}.ci-hot__label small{display:none}}.ci-sc__caption{position:absolute;z-index:2;left:50%;bottom:18px;transform:translate(-50%,8px);margin:0;padding:6px 14px;border-radius:999px;background:#08080c8c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-family:var(--font-display);font-style:var(--display-style);font-stretch:var(--display-stretch);font-weight:600;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;color:#e6e5ee;white-space:nowrap;opacity:0;transition:opacity .6s ease,transform .6s cubic-bezier(.23,1,.32,1);pointer-events:none}.ci-sc__caption.is-on{opacity:1;transform:translate(-50%)}.ci-sc__views{position:absolute;z-index:3;top:14px;left:12px;right:12px;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px}.ci-sc__views::-webkit-scrollbar{display:none}.ci-sc__views button{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#0a0a0e8c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#d9d8e2;font-size:.76rem;font-weight:600;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.ci-sc__views button svg{width:15px;height:15px}.ci-sc__views button[aria-pressed=true]{background:#fff;color:#141417;border-color:#fff}@media(hover:hover){.ci-sc__views button:not([aria-pressed=true]):hover{background:#1e1e26cc;color:#fff}}.ci-sc__copy{position:relative;z-index:3;padding:26px 20px 22px;background:#040406}.ci-sc__copy .ci-sale--hero{margin-bottom:16px}.ci-sc__eyebrow{margin-bottom:12px;color:#a9a8b4}.ci-sc__title{margin:0 0 14px;color:#f2f2f5}.ci-sc__title em{color:var(--c-accent-2);font-style:inherit}.ci-sc__lead{color:#b5b4bf;margin:0 0 22px}.ci-sc__ctas{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.ci-sc__ctas .btn svg{width:18px;height:18px}.ci-sc__ctas .btn--ghost{color:#ececef;box-shadow:inset 0 0 0 1.5px #ffffff47}.ci-sc__trust{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:.84rem;color:#c9c8d2}.ci-sc__trust li{display:inline-flex;align-items:center;gap:8px}.ci-sc__trust svg{width:17px;height:17px;color:var(--c-accent-2)}.ci-sc__dock{position:relative;z-index:3;display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:14px 16px 18px;background:#040406;border-top:1px solid rgba(255,255,255,.06)}.ci-sc__group,.ci-sc__targets{display:flex;align-items:center;gap:6px;padding:6px;border-radius:999px;background:#121218cc;border:1px solid rgba(255,255,255,.08)}.ci-sc__targets button,.ci-sc__chip{min-height:32px;padding:0 13px;border-radius:999px;border:0;background:transparent;color:#c6c5cf;font-size:.78rem;font-weight:600;transition:background-color .2s ease,color .2s ease}.ci-sc__targets button[aria-pressed=true],.ci-sc__chip[aria-pressed=true]{background:var(--c-accent);color:#fff}@media(hover:hover){.ci-sc__chip:not([aria-pressed=true]):hover,.ci-sc__targets button:not([aria-pressed=true]):hover{background:#ffffff14;color:#fff}}.ci-sc__sw{width:28px;height:28px;border-radius:50%;border:0;padding:0;background:var(--sw);box-shadow:inset 0 0 0 2px #ffffff24;transition:transform .16s cubic-bezier(.23,1,.32,1),box-shadow .2s ease}.ci-sc__sw[aria-pressed=true]{box-shadow:0 0 0 2px #121217,0 0 0 4px var(--sw, #fff)}.ci-sc__sw:active{transform:scale(.9)}.ci-sc__sw--rainbow{--sw: #fff;background:conic-gradient(#ff3b3b,#ffb23b,#e8ff3b,#3bff6a,#3be8ff,#3b5bff,#b03bff,#ff3bd0,#ff3b3b)}.ci-sc__bright{padding:6px 14px;gap:10px;color:#c6c5cf}.ci-sc__bright svg{width:16px;height:16px;flex:none}.ci-sc__bright input{width:120px;accent-color:var(--c-accent-2)}.ci-sc__panel{position:relative;z-index:3;background:linear-gradient(180deg,#fbfbfd 0%,var(--c-pearl, #f6f5fa) 100%);color:#141417;padding:26px 20px 30px;display:flex;flex-direction:column;gap:18px;outline:none;transition:box-shadow .5s ease}.ci-sc__panel.is-flash{box-shadow:inset 0 0 0 3px var(--c-accent)}.ci-sc__panel .label{color:#6e6d78;margin-bottom:8px}.ci-sc__panel h2{margin:0 0 6px;color:#141417}.ci-sc__panel .muted{color:#6e6d78;margin:0}.ci-sc__step{display:grid;gap:10px}.ci-sc__step-title{display:flex;align-items:center;gap:10px;margin:0;font-weight:700;font-size:.92rem}.ci-sc__num{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#141417;color:#fff;font-size:.74rem;font-weight:700}.ci-sc__editions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ci-sc__editions button{display:grid;gap:2px;text-align:left;padding:12px 14px;border-radius:12px;border:1.5px solid #e1e0e8;background:#fff;color:#141417;transition:border-color .2s ease,box-shadow .2s ease}.ci-sc__editions button strong{font-size:.92rem}.ci-sc__editions button span{font-size:.76rem;color:#6e6d78}.ci-sc__editions button[aria-checked=true]{border-color:var(--c-accent);box-shadow:0 0 0 3px rgba(var(--c-accent-rgb),.14)}.ci-sc__kits{display:grid;gap:8px}.ci-sc__kit{position:relative;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px 12px 42px;border-radius:12px;border:1.5px solid #e1e0e8;background:#fff;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.ci-sc__kit input{position:absolute;left:14px;top:50%;translate:0 -50%;width:18px;height:18px;accent-color:var(--c-accent);margin:0}.ci-sc__kit:has(input:checked){border-color:var(--c-accent);box-shadow:0 0 0 3px rgba(var(--c-accent-rgb),.14)}.ci-sc__kit.is-off{opacity:.5;cursor:not-allowed}.ci-sc__kit-main{display:grid;gap:2px;min-width:0}.ci-sc__kit-name{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-weight:700;font-size:.92rem}.ci-sc__kit-name em{font-style:normal;font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;border-radius:999px;background:#141417;color:#fff}.ci-sc__kit-note{font-size:.78rem;color:#6e6d78}.ci-sc__kit-price{display:grid;justify-items:end;gap:1px;font-size:.92rem;white-space:nowrap}.ci-sc__kit-price s{font-size:.76rem;color:#8e8d98}.ci-sc__off{font-size:.66rem;font-weight:700;color:var(--c-accent)}.ci-sc__addons{display:grid;gap:8px}.ci-sc__addon{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px;border-radius:12px;border:1.5px solid #e1e0e8;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.ci-sc__addon.is-on{border-color:var(--c-accent);box-shadow:0 0 0 3px rgba(var(--c-accent-rgb),.14)}.ci-sc__addon img{width:56px;height:56px;border-radius:9px;object-fit:cover;background:#141417}.ci-sc__addon-body{display:grid;gap:2px;min-width:0}.ci-sc__addon-name{margin:0;font-weight:700;font-size:.9rem}.ci-sc__addon-note{margin:0;font-size:.76rem;color:#6e6d78}.ci-sc__addon-price{margin:2px 0 0;font-size:.82rem;color:#4a4955}.ci-sc__addon-price s{color:#8e8d98}.ci-sc__addon select{margin-top:4px;font-size:.8rem;padding:4px 8px;border-radius:8px;border:1px solid #d9d8e2;background:#fff;max-width:100%}.ci-sc__addon-btn{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 14px;border-radius:999px;border:0;background:#141417;color:#fff;font-size:.8rem;font-weight:700;transition:background-color .2s ease,transform .16s cubic-bezier(.23,1,.32,1)}.ci-sc__addon-btn svg{width:16px;height:16px}.ci-sc__addon-btn[aria-pressed=true]{background:rgba(var(--c-accent-rgb),.12);color:var(--c-accent)}.ci-sc__addon-btn:active{transform:scale(.96)}.ci-sc__warranty{display:grid;grid-template-columns:auto auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border-radius:12px;border:1.5px dashed #cfcdda;background:#fff;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.ci-sc__warranty:has(input:checked){border-style:solid;border-color:var(--c-accent);background:rgba(var(--c-accent-rgb),.04)}.ci-sc__warranty input{width:18px;height:18px;accent-color:var(--c-accent);margin:0}.ci-sc__warranty-ico svg{width:26px;height:26px;color:var(--c-accent)}.ci-sc__warranty strong{display:block;font-size:.9rem}.ci-sc__warranty small{display:block;font-size:.76rem;color:#6e6d78;line-height:1.35}.ci-sc__warranty-price{font-weight:700;font-size:.88rem;white-space:nowrap}.ci-sc__free{list-style:none;margin:0;padding:12px 14px;display:grid;gap:10px;border-radius:12px;background:#fff;border:1px solid #e8e7ee}.ci-sc__free li{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:10px;align-items:center;font-size:.84rem}.ci-sc__free-ico svg{width:20px;height:20px;color:var(--c-success, #2fbf7f)}.ci-sc__free li.is-locked .ci-sc__free-ico svg{color:#9b9aa6}.ci-sc__free-main{display:grid;gap:3px;min-width:0}.ci-sc__free-main small{color:#6e6d78;font-size:.74rem}.ci-sc__free-price{display:inline-flex;gap:8px;align-items:baseline;white-space:nowrap}.ci-sc__free-price s{color:#9b9aa6;font-size:.78rem}.ci-sc__free-price b{font-size:.74rem;letter-spacing:.06em;color:#138a57}.ci-sc__free li.is-locked .ci-sc__free-price b{color:#9b9aa6}.ci-sc__bar{display:block;height:5px;border-radius:999px;background:#ebeaf2;overflow:hidden}.ci-sc__bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--c-accent),var(--c-accent-2));transition:width .5s cubic-bezier(.23,1,.32,1)}.ci-sc__sum{display:grid;gap:4px;padding-top:4px}.ci-sc__sum-row{display:flex;justify-content:space-between;align-items:baseline;gap:10px;font-size:.86rem;color:#4a4955}.ci-sc__sum-row--big{justify-content:flex-start;gap:12px}.ci-sc__sum-row--big strong{font-size:1.9rem;letter-spacing:-.01em;color:#141417;font-family:var(--font-display);font-style:var(--display-style);font-stretch:var(--display-stretch)}.ci-sc__sum-row--big s{color:#8e8d98;font-size:1rem}.ci-sc__save{font-weight:700;color:#138a57}.ci-sc__add{width:100%;min-height:58px}.ci-sc__add svg{width:20px;height:20px}.ci-sc__error{color:#c62f45;margin:-8px 0 0}.ci-sc__assure{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;font-size:.76rem;color:#6e6d78}.ci-sc__assure li{display:inline-flex;align-items:center;gap:6px}.ci-sc__assure svg{width:15px;height:15px}@media(min-width:1100px){.ci-sc__grid{grid-template-columns:minmax(0,1fr) clamp(380px,29vw,440px)}.ci-sc__main{height:max(660px,var(--sc-h))}.ci-sc__stage{position:absolute;top:0;right:0;bottom:0;left:0;aspect-ratio:auto}.ci-sc__scrim{background:linear-gradient(90deg,#040406db,#04040680 30%,#04040600 52%),linear-gradient(0deg,#040406d9,#04040600 26%),linear-gradient(180deg,#04040680,#04040600 16%)}.ci-sc__copy{position:absolute;top:0;left:0;max-width:600px;padding:clamp(64px,7vh,96px) clamp(28px,3.4vw,56px) 0;background:none}.ci-sc__dock{position:absolute;left:0;right:0;bottom:0;padding:0 clamp(20px,3vw,40px) 24px;background:none;border:0}.ci-sc__views{top:18px;left:auto;right:18px}.ci-sc__caption{bottom:92px}.ci-sc__panel{height:max(660px,var(--sc-h));overflow-y:auto;padding:30px 28px 32px;scrollbar-width:thin}}@media(min-width:1100px)and (max-height:760px){.ci-sc__lead{display:none}}@media(max-width:1099px){.ci-sc__dock{order:1}.ci-sc__copy{order:2;padding-top:30px}.ci-sc__dock{justify-content:center}.ci-sc__views{top:auto;bottom:12px}.ci-sc__caption{top:14px;bottom:auto}.ci-sc__panel{padding:28px 20px 34px}}@media(max-width:599px){.ci-sc__title.h0{font-size:calc(2.3rem * var(--display-scale))}.ci-sc__ctas .btn{flex:1 1 auto}.ci-sc__dock{gap:8px;padding:12px 12px 16px}.ci-sc__group{flex-wrap:wrap;justify-content:center}.ci-sc__bright input{width:140px}.ci-sc__kit{padding-left:40px}}@media(prefers-reduced-motion:reduce){.ci-hot__dot:after{animation:none}}@media(min-width:1100px){.ci-sc__copy{max-width:560px}.ci-sc__title.h0{font-size:calc(clamp(2.3rem,3.4vw,3.6rem) * var(--display-scale))}.ci-sc__lead{max-width:44ch;font-size:1rem}.ci-sc__dock{padding-right:24px}}@media(min-width:1100px)and (max-height:820px){.ci-sc__trust{display:none}}.ci-hot.is-flip{flex-direction:row-reverse;translate:calc(-100% + 36px) 0}.ci-hot.is-flip .ci-hot__label{text-align:right}
/*# sourceMappingURL=/cdn/shop/t/4/assets/ci-showcase.css.map */