.ThemeShowcase-module__XQjlYG__showcase{--demo-accent:#2563eb;--demo-accent-rgb:37 99 235;--demo-on-accent:#fff;--demo-split:50%;z-index:1;background-color:#ffffff94;background-image:linear-gradient(#0900b808 1px,#0000 1px),linear-gradient(90deg,#0900b808 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #7d90b72e;border-radius:2rem;padding:clamp(.5rem,1.5vw,.9rem);transition:box-shadow .32s;position:relative;box-shadow:0 34px 100px #23305b1f,inset 0 1px #ffffffeb}.ThemeShowcase-module__XQjlYG__showcase:before{z-index:-1;content:"";background:rgb(var(--demo-accent-rgb) / 18%);filter:blur(80px);pointer-events:none;border-radius:50%;transition:background-color .32s;position:absolute;inset:12% 8%}.ThemeShowcase-module__XQjlYG__panels{gap:.75rem;display:grid}.ThemeShowcase-module__XQjlYG__revealPanel{min-width:0;height:100%}.ThemeShowcase-module__XQjlYG__panel{-webkit-backdrop-filter:blur(18px);background:#ffffffe6;border-radius:1.5rem;min-width:0;height:100%;padding:clamp(1rem,2.2vw,1.6rem)}.ThemeShowcase-module__XQjlYG__panelHeader{z-index:2;justify-content:space-between;align-items:flex-start;gap:1rem;min-height:3.75rem;margin-bottom:1.25rem;display:flex;position:relative}.ThemeShowcase-module__XQjlYG__panelKicker{color:#0a1026;letter-spacing:-.025em;align-items:center;gap:.42rem;font-size:clamp(.92rem,1.6vw,1.15rem);font-weight:750;display:inline-flex}.ThemeShowcase-module__XQjlYG__panelKicker svg{color:var(--demo-accent);transition:color .28s}.ThemeShowcase-module__XQjlYG__panelKicker>span{color:#94a3b8;font-weight:500}.ThemeShowcase-module__XQjlYG__panelHeader p{color:#6b7280;max-width:28rem;margin-top:.3rem;font-size:.74rem;line-height:1.45}.ThemeShowcase-module__XQjlYG__panelIndex{color:var(--demo-accent);font-family:var(--font-geist-mono), ui-monospace, SFMono-Regular, Consolas, monospace;letter-spacing:.06em;flex:none;font-size:.82rem;font-weight:700;transition:color .28s}.ThemeShowcase-module__XQjlYG__browserShell{position:relative}.ThemeShowcase-module__XQjlYG__previewStack{transform-origin:bottom;background:#f8faff;border:1px solid #7d90b73d;border-radius:1.15rem;min-height:25rem;position:relative;overflow:hidden;transform:perspective(1200px)rotateX(.5deg);box-shadow:0 22px 50px #23305b1f,inset 0 1px #ffffffd9}.ThemeShowcase-module__XQjlYG__previewPage{color:var(--preview-ink);background:var(--preview-background);transition:background-color .3s,color .3s;position:absolute;inset:0}.ThemeShowcase-module__XQjlYG__previewLight{--preview-background:#f8faff;--preview-surface:#fff;--preview-ink:#0a1026;--preview-copy:#556079;--preview-line:#7d90b73b;--preview-soft:rgb(var(--demo-accent-rgb) / 10%)}.ThemeShowcase-module__XQjlYG__previewDark{--preview-background:#080c1c;--preview-surface:#0f1630;--preview-ink:#fff;--preview-copy:#aeb9d1;--preview-line:#ffffff1f;--preview-soft:rgb(var(--demo-accent-rgb) / 18%)}.ThemeShowcase-module__XQjlYG__darkClip{clip-path:inset(0 calc(100% - var(--demo-split)) 0 0);transition:clip-path 80ms linear;position:absolute;inset:0;overflow:hidden}.ThemeShowcase-module__XQjlYG__browserBar{border-bottom:1px solid var(--preview-line);height:2.55rem;color:var(--preview-copy);background:color-mix(in srgb, var(--preview-surface) 90%, transparent);grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;padding:0 .8rem;display:grid}.ThemeShowcase-module__XQjlYG__browserDots{gap:.3rem;display:flex}.ThemeShowcase-module__XQjlYG__browserDots span{background:var(--preview-line);border-radius:50%;width:.43rem;height:.43rem}.ThemeShowcase-module__XQjlYG__browserDots span:first-child{background:rgb(var(--demo-accent-rgb) / 65%)}.ThemeShowcase-module__XQjlYG__browserAddress{border:1px solid var(--preview-line);letter-spacing:.02em;border-radius:999px;justify-self:center;padding:.18rem .68rem;font-size:.58rem}.ThemeShowcase-module__XQjlYG__previewContent{padding:clamp(.9rem,2.3vw,1.4rem)}.ThemeShowcase-module__XQjlYG__previewNav{justify-content:space-between;align-items:center;display:flex}.ThemeShowcase-module__XQjlYG__previewLogo{letter-spacing:.06em;align-items:center;gap:.42rem;font-size:.65rem;font-weight:800;display:inline-flex}.ThemeShowcase-module__XQjlYG__previewLogo>span{width:1.55rem;height:1.55rem;color:var(--demo-on-accent);background:var(--demo-accent);box-shadow:0 6px 15px rgb(var(--demo-accent-rgb) / 25%);border-radius:.48rem;place-items:center;transition:color .28s,background-color .28s,box-shadow .28s;display:inline-grid}.ThemeShowcase-module__XQjlYG__previewNavLinks{align-items:center;gap:.42rem;display:flex}.ThemeShowcase-module__XQjlYG__previewNavLinks i{background:var(--preview-line);border-radius:999px;width:1.7rem;height:.28rem;display:block}.ThemeShowcase-module__XQjlYG__previewNavLinks i:nth-child(2){width:1.3rem}.ThemeShowcase-module__XQjlYG__previewHero{max-width:78%;padding:clamp(2rem,5vw,3.2rem) 0 clamp(1.6rem,4vw,2.5rem)}.ThemeShowcase-module__XQjlYG__previewEyebrow{border:1px solid rgb(var(--demo-accent-rgb) / 20%);color:var(--demo-accent);background:var(--preview-soft);letter-spacing:.07em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.3rem;padding:.28rem .52rem;font-size:.54rem;font-weight:750;transition:border-color .28s,color .28s,background-color .28s;display:inline-flex}.ThemeShowcase-module__XQjlYG__previewHero h4{max-width:26rem;color:var(--preview-ink);letter-spacing:-.045em;margin-top:.72rem;font-size:clamp(1.25rem,3.25vw,2rem);font-weight:780;line-height:1.06}.ThemeShowcase-module__XQjlYG__previewHero p{max-width:25rem;color:var(--preview-copy);margin-top:.65rem;font-size:clamp(.66rem,1.25vw,.78rem);line-height:1.55}.ThemeShowcase-module__XQjlYG__previewButton{color:var(--demo-on-accent);background:var(--demo-accent);box-shadow:0 10px 24px rgb(var(--demo-accent-rgb) / 28%);border-radius:.58rem;align-items:center;gap:.38rem;margin-top:.9rem;padding:.52rem .78rem;font-size:.64rem;font-weight:750;transition:color .28s,background-color .28s,box-shadow .28s;display:inline-flex}.ThemeShowcase-module__XQjlYG__previewFeatures{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;display:grid}.ThemeShowcase-module__XQjlYG__previewFeature{border:1px solid var(--preview-line);min-width:0;min-height:3.45rem;color:var(--preview-ink);background:color-mix(in srgb, var(--preview-surface) 92%, transparent);border-radius:.72rem;padding:.62rem;box-shadow:0 7px 18px #0a10260d}.ThemeShowcase-module__XQjlYG__previewFeature span{color:var(--demo-accent);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:.48rem;font-weight:800;transition:color .28s;display:block}.ThemeShowcase-module__XQjlYG__previewFeature strong{text-overflow:ellipsis;white-space:nowrap;margin-top:.24rem;font-size:clamp(.55rem,1vw,.66rem);font-weight:650;line-height:1.2;display:block;overflow:hidden}.ThemeShowcase-module__XQjlYG__modeBadge{z-index:8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:.28rem;padding:.3rem .5rem;font-size:.52rem;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:3.15rem;box-shadow:0 6px 18px #0a10261a}.ThemeShowcase-module__XQjlYG__modeBadgeDark{color:#fff;background:#0f1630e0;left:.7rem}.ThemeShowcase-module__XQjlYG__modeBadgeLight{color:#0a1026;background:#ffffffe6;border-color:#7d90b72e;right:.7rem}.ThemeShowcase-module__XQjlYG__divider{z-index:12;top:0;bottom:0;left:var(--demo-split);pointer-events:none;background:linear-gradient(#0000,#ffffffc7 12%,#ffffffe6 88%,#0000);width:1px;transition:left 80ms linear;position:absolute;box-shadow:0 0 0 1px #0a10261f}.ThemeShowcase-module__XQjlYG__dividerHandle{width:2.55rem;height:2.55rem;color:var(--demo-on-accent);background:var(--demo-accent);box-shadow:0 10px 28px rgb(var(--demo-accent-rgb) / 38%), 0 0 0 5px rgb(var(--demo-accent-rgb) / 14%);border:3px solid #ffffffe6;border-radius:50%;place-items:center;transition:color .28s,background-color .28s,box-shadow .28s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ThemeShowcase-module__XQjlYG__range{z-index:20;appearance:none;cursor:ew-resize;opacity:0;width:100%;height:3.5rem;margin:0;position:absolute;top:50%;left:0;transform:translateY(-50%)}.ThemeShowcase-module__XQjlYG__range::-webkit-slider-thumb{appearance:none;cursor:ew-resize;width:3.5rem;height:3.5rem}.ThemeShowcase-module__XQjlYG__range::-moz-range-thumb{cursor:ew-resize;border:0;width:3.5rem;height:3.5rem}.ThemeShowcase-module__XQjlYG__browserShell:focus-within .ThemeShowcase-module__XQjlYG__dividerHandle{box-shadow:0 10px 28px rgb(var(--demo-accent-rgb) / 38%), 0 0 0 5px #fff, 0 0 0 8px rgb(var(--demo-accent-rgb) / 52%)}.ThemeShowcase-module__XQjlYG__dragHint{color:#6b7280;justify-content:center;align-items:center;gap:.4rem;margin-top:.8rem;font-size:.68rem;display:flex}.ThemeShowcase-module__XQjlYG__dragHint svg{color:var(--demo-accent);transition:color .28s}.ThemeShowcase-module__XQjlYG__paletteFieldset{border:0;min-width:0;margin:0;padding:0}.ThemeShowcase-module__XQjlYG__paletteScroller{scrollbar-color:rgb(var(--demo-accent-rgb) / 32%) transparent;scrollbar-width:thin;padding:.1rem .1rem .8rem;overflow-x:auto}.ThemeShowcase-module__XQjlYG__paletteGrid{grid-template-columns:2rem repeat(7,minmax(2.35rem,1fr));align-items:center;gap:.42rem;min-width:22.75rem;display:grid}.ThemeShowcase-module__XQjlYG__familyName{color:#6b7280;white-space:nowrap;height:3.65rem;font-size:.58rem;font-weight:650;position:relative}.ThemeShowcase-module__XQjlYG__familyName>span{transform-origin:0 100%;position:absolute;bottom:.25rem;left:50%;transform:translate(-22%)rotate(-46deg)}.ThemeShowcase-module__XQjlYG__toneLabel{color:#8a94a6;font-family:var(--font-geist-mono), ui-monospace, monospace;text-align:right;font-size:.57rem}.ThemeShowcase-module__XQjlYG__swatchLabel{cursor:pointer;min-width:0;display:block;position:relative}.ThemeShowcase-module__XQjlYG__swatchInput,.ThemeShowcase-module__XQjlYG__srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.ThemeShowcase-module__XQjlYG__swatch{aspect-ratio:1;border:1px solid #0a102614;border-radius:.72rem;place-items:center;width:100%;min-width:2.35rem;transition:border-radius .18s,box-shadow .18s,transform .18s;display:grid;position:relative;box-shadow:inset 0 1px #ffffff47}.ThemeShowcase-module__XQjlYG__swatchLabel:hover .ThemeShowcase-module__XQjlYG__swatch{border-radius:.95rem;transform:translateY(-2px)scale(1.035);box-shadow:inset 0 1px #ffffff61,0 7px 16px #0a102624}.ThemeShowcase-module__XQjlYG__swatchInput:checked+.ThemeShowcase-module__XQjlYG__swatch{box-shadow:inset 0 0 0 2px #ffffff6b, 0 0 0 3px var(--demo-accent), 0 9px 24px rgb(var(--demo-accent-rgb) / 28%);border-color:#ffffffe0}.ThemeShowcase-module__XQjlYG__swatchInput:focus-visible+.ThemeShowcase-module__XQjlYG__swatch{outline:3px solid rgb(var(--demo-accent-rgb) / 42%);outline-offset:3px}.ThemeShowcase-module__XQjlYG__swatchLabel:active .ThemeShowcase-module__XQjlYG__swatch{transform:scale(.93)}.ThemeShowcase-module__XQjlYG__selectionBar{border:1px solid rgb(var(--demo-accent-rgb) / 16%);background:rgb(var(--demo-accent-rgb) / 7%);border-radius:1rem;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.7rem;margin-top:1rem;padding:.72rem;transition:border-color .28s,background-color .28s;display:grid}.ThemeShowcase-module__XQjlYG__selectedSwatch{width:2.35rem;height:2.35rem;box-shadow:0 0 0 1px #0a102617, 0 7px 18px rgb(var(--demo-accent-rgb) / 24%);border:3px solid #fff;border-radius:.75rem;transition:background-color .28s,box-shadow .28s}.ThemeShowcase-module__XQjlYG__selectedCopy{min-width:0}.ThemeShowcase-module__XQjlYG__selectedCopy small,.ThemeShowcase-module__XQjlYG__selectedCopy strong{display:block}.ThemeShowcase-module__XQjlYG__selectedCopy small{color:#6b7280;font-size:.58rem;line-height:1.2}.ThemeShowcase-module__XQjlYG__selectedCopy strong{color:#0a1026;text-overflow:ellipsis;white-space:nowrap;margin-top:.18rem;font-size:.75rem;line-height:1.2;overflow:hidden}.ThemeShowcase-module__XQjlYG__selectionBar code{color:#4b5568;font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:.66rem}.ThemeShowcase-module__XQjlYG__customPicker{border:1px solid rgb(var(--demo-accent-rgb) / 18%);width:2.45rem;height:2.45rem;color:var(--demo-accent);cursor:pointer;background:#fff;border-radius:.72rem;place-items:center;transition:color .22s,border-color .22s,transform .22s;display:grid;position:relative;overflow:hidden}.ThemeShowcase-module__XQjlYG__customPicker:hover{transform:translateY(-1px)}.ThemeShowcase-module__XQjlYG__customPicker:focus-within{outline:3px solid rgb(var(--demo-accent-rgb) / 28%);outline-offset:2px}.ThemeShowcase-module__XQjlYG__customPicker input{cursor:pointer;opacity:0;width:calc(100% + 1rem);height:calc(100% + 1rem);position:absolute;inset:-.5rem}.ThemeShowcase-module__XQjlYG__corner{z-index:5;border-color:rgb(var(--demo-accent-rgb) / 52%);pointer-events:none;width:.8rem;height:.8rem;transition:border-color .28s,transform .28s;position:absolute}.ThemeShowcase-module__XQjlYG__cornerTopLeft{border-top:2px solid;border-left:2px solid;border-radius:.35rem 0 0;top:-1px;left:-1px}.ThemeShowcase-module__XQjlYG__cornerTopRight{border-top:2px solid;border-right:2px solid;border-radius:0 .35rem 0 0;top:-1px;right:-1px}.ThemeShowcase-module__XQjlYG__cornerBottomLeft{border-bottom:2px solid;border-left:2px solid;border-radius:0 0 0 .35rem;bottom:-1px;left:-1px}.ThemeShowcase-module__XQjlYG__cornerBottomRight{border-bottom:2px solid;border-right:2px solid;border-radius:0 0 .35rem;bottom:-1px;right:-1px}.ThemeShowcase-module__XQjlYG__showcase:hover .ThemeShowcase-module__XQjlYG__cornerTopLeft{transform:translate(-3px,-3px)}.ThemeShowcase-module__XQjlYG__showcase:hover .ThemeShowcase-module__XQjlYG__cornerTopRight{transform:translate(3px,-3px)}.ThemeShowcase-module__XQjlYG__showcase:hover .ThemeShowcase-module__XQjlYG__cornerBottomLeft{transform:translate(-3px,3px)}.ThemeShowcase-module__XQjlYG__showcase:hover .ThemeShowcase-module__XQjlYG__cornerBottomRight{transform:translate(3px,3px)}@media (min-width:1024px){.ThemeShowcase-module__XQjlYG__panels{grid-template-columns:minmax(0,1.16fr) minmax(24rem,.84fr)}}@media (max-width:639px){.ThemeShowcase-module__XQjlYG__showcase{border-radius:1.4rem}.ThemeShowcase-module__XQjlYG__panel{-webkit-backdrop-filter:none;border-radius:1.15rem}.ThemeShowcase-module__XQjlYG__previewStack{min-height:22.5rem}.ThemeShowcase-module__XQjlYG__previewHero{max-width:88%;padding-top:2.35rem}.ThemeShowcase-module__XQjlYG__previewHero h4{font-size:1.32rem}.ThemeShowcase-module__XQjlYG__previewHero p{font-size:.67rem}.ThemeShowcase-module__XQjlYG__panelIndex{font-size:.7rem}.ThemeShowcase-module__XQjlYG__paletteGrid{grid-template-columns:1.65rem repeat(7,minmax(2.45rem,1fr));gap:.36rem;min-width:24rem}.ThemeShowcase-module__XQjlYG__swatch{min-width:2.45rem}.ThemeShowcase-module__XQjlYG__selectionBar{grid-template-columns:auto minmax(0,1fr) auto}.ThemeShowcase-module__XQjlYG__selectionBar code{display:none}}@media (hover:none),(pointer:coarse){.ThemeShowcase-module__XQjlYG__swatchLabel:hover .ThemeShowcase-module__XQjlYG__swatch,.ThemeShowcase-module__XQjlYG__customPicker:hover{transform:none}}@media (prefers-reduced-motion:reduce){.ThemeShowcase-module__XQjlYG__showcase,.ThemeShowcase-module__XQjlYG__showcase:before,.ThemeShowcase-module__XQjlYG__panelKicker svg,.ThemeShowcase-module__XQjlYG__panelIndex,.ThemeShowcase-module__XQjlYG__previewPage,.ThemeShowcase-module__XQjlYG__darkClip,.ThemeShowcase-module__XQjlYG__previewLogo>span,.ThemeShowcase-module__XQjlYG__previewEyebrow,.ThemeShowcase-module__XQjlYG__previewButton,.ThemeShowcase-module__XQjlYG__previewFeature span,.ThemeShowcase-module__XQjlYG__divider,.ThemeShowcase-module__XQjlYG__dividerHandle,.ThemeShowcase-module__XQjlYG__dragHint svg,.ThemeShowcase-module__XQjlYG__swatch,.ThemeShowcase-module__XQjlYG__selectionBar,.ThemeShowcase-module__XQjlYG__selectedSwatch,.ThemeShowcase-module__XQjlYG__customPicker,.ThemeShowcase-module__XQjlYG__corner{transition:none!important}.ThemeShowcase-module__XQjlYG__showcase:hover .ThemeShowcase-module__XQjlYG__corner,.ThemeShowcase-module__XQjlYG__swatchLabel:hover .ThemeShowcase-module__XQjlYG__swatch,.ThemeShowcase-module__XQjlYG__swatchLabel:active .ThemeShowcase-module__XQjlYG__swatch,.ThemeShowcase-module__XQjlYG__customPicker:hover{transform:none}}