.rs-steps{scrollbar-width:none}.rs-steps::-webkit-scrollbar{display:none}.rs-step{color:var(--soft);border:1px solid var(--line);scroll-snap-align:center;background:#ffffff05;align-items:center;gap:8px;transition:color .2s,background .25s,border-color .25s,box-shadow .25s;display:inline-flex}.rs-step:hover{color:#fff;border-color:#b57bff66}.rs-step-n{min-width:24px;height:24px;color:var(--purple-light);font-variant-numeric:tabular-nums;background:#7612ec24;border-radius:99px;place-items:center;padding:0 4px;font-size:11px;font-weight:700;transition:background .25s,color .25s;display:grid}.rs-step[aria-current=step]{color:#fff;border-color:var(--purple-light);background:#7612ec29;box-shadow:0 0 0 3px #7612ec2e}.rs-step[data-done]{color:#fff;background:linear-gradient(150deg,#8a2bff,#7612ec 60%,#5a0fc0);border-color:#7612ec}.rs-step[data-done] .rs-step-n{color:#7612ec;background:#fff}.rs-step[data-done][aria-current=step]{box-shadow:0 0 0 3px #b57bff73}.rs-steps{scroll-snap-type:x proximity;padding-block:4px}.rs-step-arrow{color:#fff;background:linear-gradient(150deg,#a04bff,#7612ec 55%,#5a0fc0);border:1px solid #b57bff;border-radius:99px;flex:none;place-items:center;width:36px;height:36px;transition:transform .2s,box-shadow .2s,background .25s,opacity .25s;display:grid;box-shadow:0 8px 20px -8px #7612ece6,inset 0 1px #ffffff4d}.rs-step-arrow:hover:not(:disabled){transform:scale(1.08);box-shadow:0 10px 24px -8px #7612ec,inset 0 1px #fff6}.rs-step-arrow:active:not(:disabled){transform:scale(.95)}.rs-step-arrow:focus-visible{outline-offset:2px;outline:2px solid #e3ccff}.rs-step-arrow:disabled{cursor:not-allowed;color:#ffffff59;box-shadow:none;background:#7612ec2e;border-color:#7612ec4d}.rs-record{border:1px solid var(--line);background:#00000038}.rs-icon-btn{border:1px solid var(--input);color:#d6d3e3;background:#ffffff08;border-radius:99px;place-items:center;width:34px;height:34px;transition:border-color .2s,background .2s,color .2s;display:grid}.rs-icon-btn:hover:not(:disabled){color:#fff;border-color:#b57bff8c}.rs-icon-btn:disabled{opacity:.35}.rs-icon-btn.is-danger:hover:not(:disabled){color:#ffb3b3;border-color:#ff787899}.rs-avatar{background:linear-gradient(150deg,#7612ec80,#37e2ff2e);border:1px solid #b57bff66}.rs-tag{color:#e9e3f7;background:#7612ec2e;border:1px solid #b57bff4d;border-radius:99px;padding:5px 11px;font-size:12.5px}.rs-toggle{border:1px solid var(--line);background:#0000002e}.rs-switch{background:#ffffff24;border-radius:99px;flex:none;width:42px;height:24px;transition:background .25s;position:relative}.rs-switch:after{content:"";top:3px;background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .25s cubic-bezier(.2,.7,.2,1);position:absolute;inset-inline-start:3px}.peer:checked+.rs-switch{background:#7612ec}.peer:checked+.rs-switch:after{transform:translate(-18px)}[dir=ltr] .peer:checked+.rs-switch:after{transform:translate(18px)}.peer:focus-visible+.rs-switch{outline:2px solid var(--purple-light);outline-offset:2px}.rs-swatch{border:2px solid #ffffff26;border-radius:50%;width:34px;height:34px;transition:transform .2s,box-shadow .2s}.rs-swatch:hover{transform:scale(1.08)}.rs-swatch[aria-pressed=true]{box-shadow:0 0 0 2px #05040a,0 0 0 4px #fff}.rs-color{border:1px solid var(--line);background:#0003}.rs-color input{cursor:pointer;background:0 0;border:0;border-radius:8px;width:30px;height:30px;padding:0}.rs-range{accent-color:#7612ec;width:100%}.rs-bg-sample{--rs-a:#7612ec;--rs-b:#37e2ff;background:#1a1726}.rs-bg-sample.is-diagonal{background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--rs-a) 55%, transparent) 0 8px, transparent 8px 18px), #1a1726}.rs-bg-sample.is-aurora{background:radial-gradient(70% 90% at 20% 20%, var(--rs-a), transparent 60%), radial-gradient(60% 80% at 90% 80%, var(--rs-b), transparent 60%), #1a1726}.rs-bg-sample.is-dots{background:radial-gradient(circle, color-mix(in srgb, var(--rs-a) 80%, #fff) 1.5px, transparent 2px) 0 0 / 12px 12px, #1a1726}.rs-bg-sample.is-grid{background:linear-gradient(color-mix(in srgb, var(--rs-a) 45%, transparent) 1px, transparent 1px) 0 0 / 14px 14px, linear-gradient(90deg, color-mix(in srgb, var(--rs-a) 45%, transparent) 1px, transparent 1px) 0 0 / 14px 14px, #1a1726}.rs-bg-sample.is-rings{background:repeating-radial-gradient(circle at 70% 60%, color-mix(in srgb, var(--rs-a) 55%, transparent) 0 2px, transparent 2px 12px), #1a1726}.rs-bg-sample.is-bubbles{background:radial-gradient(circle at 25% 35%, var(--rs-a) 0 10px, transparent 11px), radial-gradient(circle at 70% 65%, var(--rs-b) 0 14px, transparent 15px), radial-gradient(circle at 88% 22%, var(--rs-a) 0 6px, transparent 7px), #1a1726}.rs-bg-sample.is-solid{background:linear-gradient(135deg,#1f1b2e,#14111f)}.rs-live{letter-spacing:.12em;color:#6ff0b5;background:#3cdc961f;border:1px solid #3cdc9659;border-radius:6px;padding:3px 8px;font:700 10px/1 ui-monospace,monospace}.rs-device{color:var(--soft);transition:background .2s,color .2s}.rs-device[aria-pressed=true]{color:#fff;background:#7612ec}.rs-browser{border:1px solid var(--line);background:#0d0b15;border-radius:18px;margin-inline:auto;transition:max-width .35s;overflow:hidden}.rs-browser.is-mobile{max-width:340px}.rs-browser-bar{border-bottom:1px solid var(--line);color:#ffffff9e;align-items:center;gap:6px;padding:10px 14px;font:500 11.5px/1 ui-monospace,monospace;display:flex}.rs-browser-bar i{background:#ffffff26;border-radius:50%;width:9px;height:9px}.rs-browser-bar span{margin-inline:auto}.rs-stage{background:#fff;position:relative;overflow:hidden}.rs-stage iframe{transform-origin:0 0;border:0;position:absolute;top:0;left:0}.rs-loading{background:linear-gradient(110deg,#15121f 30%,#221d33 50%,#15121f 70%) 0 0/200% 100%;animation:1.4s linear infinite rs-shimmer}@keyframes rs-shimmer{to{background-position:-200% 0}}.rs-full{background:#05040a}.rs-toast{background:#1d1830;border:1px solid #b57bff73;box-shadow:0 18px 50px -12px #000c}.rs-status{color:var(--soft)}@media (prefers-reduced-motion:reduce){.rs-loading{animation:none}}.rs-tpl{border:1px solid var(--line);background:#0000002e;border-radius:22px;flex-direction:column;transition:border-color .3s,box-shadow .3s,transform .3s cubic-bezier(.2,.7,.2,1);display:flex;overflow:hidden}.rs-tpl:hover{border-color:#b57bff73;transform:translateY(-3px)}.rs-tpl.is-active{border-color:var(--purple-light);box-shadow:0 0 0 1px var(--purple-light), 0 24px 60px -28px #7612ecd9}.rs-tpl>button:focus-visible{outline:2px solid var(--purple-light);outline-offset:-2px}.rs-tpl>div:last-child{margin-top:auto}.rs-thumb{aspect-ratio:16/10;border-bottom:1px solid var(--line);background:#0d0b15;position:relative;overflow:hidden}.rs-thumb img,.rs-thumb video{object-fit:fill;width:108.7%;max-width:none;height:108.7%;position:absolute;top:0;left:-4.35%}.rs-thumb video{opacity:0;transition:opacity .5s}.rs-thumb video.is-playing{opacity:1}.rs-tpl-check{top:10px;color:#fff;background:#7612ec;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;inset-inline-start:10px;box-shadow:0 6px 16px -4px #7612ece6}.rs-phone{max-width:360px;padding:6px 0 4px}.rs-lang{border:1px solid var(--line);background:var(--input,#ffffff0a);border-radius:999px;padding:4px;display:inline-flex}.rs-lang button{color:var(--soft);border-radius:999px;padding:7px 16px;font-size:13px;font-weight:600;transition:background-color .25s,color .25s}.rs-lang button.is-on{color:#fff;background:#7612ec}.rs-tier{top:10px;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a0810b8;border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:700;position:absolute;inset-inline-end:10px}.rs-tier.is-premium{color:#1a1508;background:linear-gradient(135deg,#8a6a2e,#d4af6a)}.rs-tier.is-flagship{background:linear-gradient(135deg,#7612ec,#c24bff 60%,#ff5ab8)}