.sx-detail{z-index:80;place-items:center;padding:clamp(12px,3vw,40px);display:grid;position:fixed;inset:0}.sx-detail-scrim{-webkit-backdrop-filter:blur(14px);cursor:pointer;background:#0000009e;border:0;position:absolute;inset:0}.sx-detail-panel{background:var(--surface);width:min(100%,1120px);max-height:calc(100dvh - 24px);color:var(--foreground);border-radius:24px;padding:clamp(20px,3vw,44px);animation:.45s cubic-bezier(.22,1,.36,1) both sx-detail-in;position:relative;overflow-y:auto;box-shadow:0 40px 100px #00000080}@keyframes sx-detail-in{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:none}}.sx-detail-close{z-index:2;border:1px solid var(--border-strong);background:var(--surface);width:44px;height:44px;color:var(--foreground);cursor:pointer;border-radius:999px;place-items:center;display:grid;position:absolute;top:clamp(14px,2vw,24px);right:clamp(14px,2vw,24px)}.sx-detail-close svg{width:16px;height:16px}.sx-detail-grid{gap:clamp(24px,3vw,48px);display:grid}@media (min-width:1024px){.sx-detail-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}}.sx-detail-media{aspect-ratio:16/10;background:var(--surface-raised);border-radius:18px;position:relative;overflow:hidden}.sx-detail-media.sx-studio{aspect-ratio:16/10}.sx-detail-media .sx-studio-img{padding:8% 6%}.sx-detail-specs{border:1px solid var(--border);border-radius:16px;grid-template-columns:1fr 1fr;margin-top:20px;display:grid;overflow:hidden}.sx-detail-spec{border-top:1px solid var(--border);flex-direction:column;gap:4px;padding:16px 18px;display:flex}.sx-detail-spec:nth-child(-n+2){border-top:0}.sx-detail-spec:nth-child(odd){border-right:1px solid var(--border)}.sx-detail-spec span{font-family:var(--font-sans);color:var(--muted-foreground);font-size:.78rem}.sx-detail-spec b{font-family:var(--font-sans);color:var(--foreground);font-size:1rem;font-weight:500}.sx-detail-side{flex-direction:column;gap:10px;padding-top:8px;display:flex}.sx-detail-title{font-family:var(--font-editorial);letter-spacing:-.01em;color:var(--foreground);margin:0;padding-right:56px;font-size:clamp(1.6rem,2.4vw,2.1rem);font-weight:700}.sx-detail-tagline{font-family:var(--font-editorial);color:var(--muted-foreground);margin:0;font-size:1.05rem}.sx-detail-body{font-family:var(--font-sans);color:var(--ink-2);margin:0;font-size:.92rem;line-height:1.6}.sx-detail-route{border-bottom:1px dashed var(--border-strong);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:12px;padding-bottom:18px;padding-right:56px;display:grid}.sx-detail-end{flex-direction:column;gap:2px;min-width:0;display:flex}.sx-detail-end.is-right{text-align:right;align-items:flex-end}.sx-detail-end b{font-family:var(--font-sans);letter-spacing:-.02em;color:var(--foreground);font-size:clamp(1.3rem,2vw,1.8rem);font-weight:600;line-height:1.1}.sx-detail-end small{font-family:var(--font-sans);color:var(--muted-foreground);font-size:.9rem}.sx-detail-code{width:fit-content;font-family:var(--font-sans);letter-spacing:.12em;color:var(--foreground);background:#7f7f7f1f;border-radius:8px;margin-bottom:8px;padding:4px 10px;font-size:.7rem;font-weight:600;display:inline-block}.sx-detail-mid{flex-direction:column;align-items:center;gap:4px;min-width:120px;padding-top:34px;display:flex}.sx-detail-mid b{font-family:var(--font-sans);color:var(--foreground);font-size:.95rem;font-weight:600}.sx-detail-mid i{width:100%;height:16px;color:var(--foreground);display:block;position:relative}.sx-detail-mid i:before,.sx-detail-mid i:after{content:"";border-top:1px dashed var(--border-strong);width:calc(50% - 14px);position:absolute;top:50%}.sx-detail-mid i:before{left:0}.sx-detail-mid i:after{right:0}.sx-detail-mid i svg{width:16px;height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.sx-detail-mid small{font-family:var(--font-sans);color:var(--muted-foreground);font-size:.8rem}.sx-detail-k{font-family:var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted-foreground);align-items:center;gap:10px;margin:14px 0 0;font-size:.68rem;font-weight:600;display:flex}.sx-detail-flex{border:1px solid var(--gold-line-bright);color:var(--gold);border-radius:999px;padding:3px 9px;font-size:.62rem;font-style:normal}.sx-detail-when{font-family:var(--font-sans);color:var(--foreground);margin:0;font-size:1.25rem;font-weight:500}.sx-detail-know{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.sx-detail-know li{font-family:var(--font-sans);color:var(--ink-2);padding-left:18px;font-size:.92rem;line-height:1.5;position:relative}.sx-detail-know li:before{content:"";background:var(--gold);border-radius:999px;width:6px;height:6px;position:absolute;top:.6em;left:0}.sx-detail-est{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.sx-detail-est li{border-bottom:1px solid var(--border);font-family:var(--font-sans);color:var(--ink-2);justify-content:space-between;gap:1rem;padding:9px 0;font-size:.92rem;display:flex}.sx-detail-est li b{color:var(--foreground);font-variant-numeric:tabular-nums;font-weight:600}.sx-detail-price{flex-direction:column;gap:2px;margin-top:18px;display:flex}.sx-detail-price span{font-family:var(--font-sans);letter-spacing:-.01em;color:var(--foreground);font-size:1.5rem;font-weight:600}.sx-detail-price small{font-family:var(--font-sans);color:var(--muted-foreground);font-size:.78rem}.sx-detail-price-row{flex-direction:row;justify-content:space-between;align-items:baseline}.sx-detail-price-row span{font-size:1.1rem}.sx-detail-price-row b{font-family:var(--font-sans);letter-spacing:-.01em;color:var(--foreground);font-size:1.8rem;font-weight:600}.sx-detail-next{color:#fff;height:56px;font-family:var(--font-sans);background:#1d1d1f;border-radius:14px;justify-content:center;align-items:center;gap:8px;margin-top:10px;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .15s,background .2s;display:flex}.sx-detail-next:hover{background:#000}.sx-detail-next:active{transform:scale(.99)}.sx-detail-next svg{width:16px;height:16px}html[data-sx-theme=dark] .sx .sx-detail-panel,html[data-sx-theme=dark] .sx .sx-detail-close{background:#121214}html[data-sx-theme=dark] .sx .sx-detail-next{color:#0b0b0c;background:#fff}html[data-sx-theme=dark] .sx .sx-detail-next:hover{background:#ececf0}.sx .sx-req-chosen{font-family:var(--font-sans);color:var(--gold);font-size:.82rem;font-weight:600}
.sx-demo{color:#fff;width:min(100%,640px);height:280px;font-family:var(--font-sans);background:#0d0e11;border-radius:14px;transition:opacity .45s,transform .45s;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff1a,0 30px 80px -20px #c0a06259,0 40px 90px #0009}.sx-demo.is-out{opacity:.55}.sx-demo-bar{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:40px;padding:0 16px;display:flex}.sx-demo-brand{letter-spacing:.18em;color:#fff;align-items:center;gap:8px;font-size:.68rem;font-weight:700;display:inline-flex}.sx-demo-brand i{background:#4a9ce0;width:8px;height:8px}.sx-demo-live{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#ffffff80;align-items:center;gap:6px;font-size:.62rem;display:inline-flex}.sx-demo-live i{background:#3fb950;border-radius:999px;width:6px;height:6px;animation:2s ease-out infinite sx-demo-pulse;box-shadow:0 0 #3fb95099}@keyframes sx-demo-pulse{0%{box-shadow:0 0 #3fb95099}to{box-shadow:0 0 0 8px #3fb95000}}.sx-demo-search{background:#ffffff0d;border:1px solid #ffffff24;border-radius:10px;align-items:center;gap:12px;height:42px;margin:12px 16px 0;padding:0 14px;display:flex}.sx-demo-search>svg{color:#fff9;flex:none;width:16px;height:16px}.sx-demo-query{min-width:0;font-family:var(--font-mono);letter-spacing:.02em;color:#fff;white-space:nowrap;flex:auto;align-items:center;font-size:1rem;display:inline-flex}.sx-demo-ph{color:#ffffff59}.sx-demo-caret{background:#c0a062;width:2px;height:1.1em;margin-left:2px;animation:1s step-end infinite sx-demo-blink;display:inline-block}.sx-demo-caret.is-rest{animation-duration:1.6s}@keyframes sx-demo-blink{50%{opacity:0}}.sx-demo-norm{color:#ffffffb8;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;opacity:0;background:#c0a06224;border-radius:6px;flex:none;padding:4px 9px;font-size:.66rem;transition:opacity .35s,transform .35s;transform:translate(6px)}.sx-demo-norm b{color:#c0a062;margin-left:4px;font-weight:600}.sx-demo-norm.is-on{opacity:1;transform:none}.sx-demo-results{flex-direction:column;height:186px;padding:8px 16px 0;display:flex;overflow:hidden}.sx-demo-row,.sx-demo-foot{opacity:0;transition:opacity .4s,transform .5s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i,0) * .14s);transform:translateY(8px)}.sx-demo-results.is-on .sx-demo-row,.sx-demo-results.is-on .sx-demo-foot{opacity:1;transform:none}.sx-demo-row{border-bottom:1px solid #ffffff12;grid-template-columns:84px minmax(0,1fr);align-items:center;gap:12px;height:42px;display:grid}.sx-demo-k{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#ffffff73;padding-top:2px;font-size:.62rem}.sx-demo-v{white-space:nowrap;color:#fff;flex-wrap:nowrap;align-items:baseline;gap:10px;min-width:0;font-size:.9rem;display:flex;overflow:hidden}.sx-demo-v b{flex:none;font-weight:600}.sx-demo-desc{text-overflow:ellipsis;color:#ffffff9e;font-size:.82rem;overflow:hidden}.sx-demo-chips{flex-wrap:nowrap;gap:6px;min-width:0;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 85%,#0000 100%);mask-image:linear-gradient(90deg,#000 85%,#0000 100%)}.sx-demo-chip{color:#cfe3f7;white-space:nowrap;background:#4a9ce01f;border:1px solid #4a9ce073;border-radius:6px;flex:none;padding:3px 8px;font-size:.74rem;font-weight:500}.sx-demo-foot{height:40px;font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:#ffffff73;align-items:center;gap:8px;font-size:.62rem;display:inline-flex}.sx-demo-foot i{background:#c0a062;width:6px;height:6px}@media (prefers-reduced-motion:reduce){.sx-demo-caret,.sx-demo-live i{animation:none}.sx-demo-norm,.sx-demo-row,.sx-demo-foot{opacity:1;transition:none;transform:none}}