@layer reset,base,components,custom;@layer routes{.playground{padding-block:10rem;padding-inline:var(--spacing-x-site)}.playground__container{width:100%;max-width:var(--n-container-max-width);max-width:calc(var(--n-w-mod-unit) * 18);flex-direction:column;gap:3rem;margin-inline:auto;display:flex}.playground__header{flex-direction:column;gap:1rem;max-width:58rem;display:flex}.playground__eyebrow,.playground__panel-eyebrow,.playground__mode-label{color:oklch(81.1% .213 130.6);font-size:var(--text-sm);letter-spacing:.05em;text-transform:uppercase;margin:0;font-weight:600}.playground__title,.playground__panel-title,.playground__mode-title{color:oklch(95% .005 250);margin:0;font-family:Syne,sans-serif;line-height:1.375}.playground__title{font-size:var(--text-4xl)}.playground__description,.playground__mode-description,.playground__summary-item dt,.playground__summary-item dd,.playground__badge{color:oklch(95% .005 250/.7);font-size:var(--text-md);margin:0;line-height:1.75}.playground__grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=1020px){.playground__grid{grid-template-columns:repeat(12,1fr)}}.playground__panel{-webkit-backdrop-filter:blur(1.25rem);backdrop-filter:blur(1.25rem);background:linear-gradient(oklch(81.1% .213 130.6/.08) 0%,#0000 100%),oklch(22.1% .024 273.4/.74);border:1px solid oklch(95% .005 250/.08);border-radius:2rem;flex-direction:column;gap:1.5rem;min-height:100%;padding:2rem;display:flex;box-shadow:0 0 15px -3px #0000001a}@media (width>=1020px){.playground__panel--modes{grid-column:span 4}.playground__panel--pads{grid-area:span 2/span 5}.playground__panel--sliders{grid-column:span 3}.playground__panel--summary{grid-column:span 7}}.playground__panel-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.playground__mode-list{flex-wrap:wrap;gap:.75rem;display:flex}.playground__mode-button{flex:calc(33.333% - .5rem);min-width:9rem}.playground__mode-card{background-color:oklch(18% .019 274.6/.4);border:1px solid oklch(95% .005 250/.06);border-radius:1.5rem;flex-direction:column;gap:.75rem;padding:1.5rem;display:flex}.playground__pads{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;height:100%;min-height:24rem;display:grid}.playground__pad{color:oklch(95% .005 250);background:linear-gradient(oklch(95% .005 250/.06) 0%,#0000 100%),oklch(18% .019 274.6/.48);border:1px solid oklch(95% .005 250/.07);border-radius:2rem;flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:11rem;padding:1.5rem;transition:transform .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.playground__pad--active{background:linear-gradient(oklch(81.1% .213 130.6/.22) 0%,#0000 100%),oklch(81.1% .213 130.6/.14);border-color:oklch(81.1% .213 130.6/.55);box-shadow:0 0 0 .125rem oklch(81.1% .213 130.6/.18)}@media (width>=1020px){.playground__pad:hover{transform:translateY(-.125rem)}}@media (hover:none){.playground__pad:active{transform:translateY(-.125rem)}}.playground__pad-label{font-family:Syne,sans-serif;font-size:var(--text-4xl);line-height:1}.playground__pad-tone{color:oklch(95% .005 250/.7);font-size:var(--text-sm);letter-spacing:.05em;text-transform:uppercase;font-weight:500}.playground__slider-list{flex-direction:column;gap:1.25rem;display:flex}.playground__badge{white-space:nowrap;background-color:oklch(81.1% .213 130.6/.12);border:1px solid oklch(81.1% .213 130.6/.28);border-radius:9999px;padding:.5rem .875rem}.playground__summary-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0;display:grid}@media (width>=700px){.playground__summary-list{grid-template-columns:repeat(4,minmax(0,1fr))}}.playground__summary-item{background-color:oklch(18% .019 274.6/.4);border:1px solid oklch(95% .005 250/.06);border-radius:1.5rem;flex-direction:column;gap:.5rem;padding:1rem 1.25rem;display:flex}.playground__summary-item dd{color:oklch(95% .005 250);font-family:Syne,sans-serif;font-size:var(--text-lg)}}@layer overrides;