.playground-module__sO9piW__root,.playground-module__sO9piW__root[data-theme=light]{--paper:#fafafa;--ink:#141414;--grid-line:#0000000e;--muted:#7a7a7a;--tile:#ececec;--pill-bg:#fff9}.playground-module__sO9piW__root[data-theme=dark]{--paper:#131313;--ink:#f2f2f2;--grid-line:#ffffff12;--muted:#9a9a9a;--tile:#1e1e1e;--pill-bg:#13131399}.playground-module__sO9piW__root{--px:10px;--cell:calc(var(--px)*4);background-color:var(--paper);background-image:linear-gradient(var(--grid-line)1px,transparent 1px),linear-gradient(90deg,var(--grid-line)1px,transparent 1px);background-size:var(--cell)var(--cell);min-height:100vh;color:var(--ink);margin:0;font-family:Inter,system-ui,sans-serif;transition:background-color 1s,color 1s;position:relative}.playground-module__sO9piW__mainCol{max-width:1440px;margin-inline:auto;padding:0 2rem;container-type:inline-size}.playground-module__sO9piW__bento{--cols:4;--ratio:1;--gap:var(--cell);width:100%;padding:var(--cell)0 calc(var(--cell)*3);grid-template-columns:repeat(var(--cols),minmax(0,1fr));grid-auto-rows:calc((100cqw - (var(--cols) - 1)*var(--gap))/var(--cols)*var(--ratio));gap:var(--gap);display:grid}.playground-module__sO9piW__bentoTile{background:var(--tile);border-radius:0}.playground-module__sO9piW__bentoTileW4{grid-column:span 4}@media (max-width:640px){.playground-module__sO9piW__bento{--cols:2}.playground-module__sO9piW__bentoTileW4{grid-column:span 2}.playground-module__sO9piW__mainCol{padding-inline:1.25rem}}@media (prefers-reduced-motion:reduce){.playground-module__sO9piW__root{transition:none}}
.stud-logo-module__6re4KW__wrapper{--logo-plate-empty:#e6e6e0;--logo-stud:#9a9a94;--logo-seam:#00000014;width:calc(var(--stud-logo,var(--stud,20px))*var(--logo-cols,24));transform:translate(var(--grid-snap-x,0px),var(--grid-snap-y,0px));border-radius:0;flex-direction:column;display:inline-flex;overflow:hidden}.stud-logo-module__6re4KW__wrapper[data-variant=react]{--logo-stud:#61dafb}.stud-logo-module__6re4KW__wrapper[data-variant=hubspot]{--logo-stud:#ff7a59}.stud-logo-module__6re4KW__wrapper[data-variant=webflow]{--logo-stud:#4353ff}:is([data-theme=dark] .stud-logo-module__6re4KW__wrapper,html[data-draft-theme=dark] .stud-logo-module__6re4KW__wrapper){--logo-plate-empty:#2b2d27;--logo-seam:#ffffff12}.stud-logo-module__6re4KW__row{display:flex}.stud-logo-module__6re4KW__plate{aspect-ratio:1;background-color:var(--logo-plate-empty);box-shadow:0 0 0 .5px var(--logo-seam)inset;flex:1 1 0;transition:background-color .35s;position:relative}.stud-logo-module__6re4KW__plate:before{content:"";background-color:inherit;border-radius:50%;width:74%;height:74%;position:absolute;top:13%;left:13%;box-shadow:inset 0 -2px #00000038,inset 0 1px #fff6}.stud-logo-module__6re4KW__plate:after{content:"";background:#ffffff8c;border-radius:50%;width:18%;height:18%;position:absolute;top:28%;left:31%}.stud-logo-module__6re4KW__plate[data-on=true],.stud-logo-module__6re4KW__plate[data-flash=true]{background-color:var(--logo-stud)}.stud-logo-module__6re4KW__wrapper[data-reduced=true] .stud-logo-module__6re4KW__plate{transition:none}
.tilt-card-module__i8CZ4q__frame{width:100%;min-width:0;height:100%;min-height:0;display:block}.tilt-card-module__i8CZ4q__frame[data-tilt=true]{perspective:900px}.tilt-card-module__i8CZ4q__inner{width:100%;min-width:0;height:100%;min-height:0;display:block}.tilt-card-module__i8CZ4q__inner>*{width:100%;height:100%}
.bento-cell-module__tSaQAq__cell{min-width:0;min-height:0;display:block}.bento-cell-module__tSaQAq__reveal{width:100%;min-width:0;height:100%;min-height:0;display:block}@media (prefers-reduced-motion:reduce){.bento-cell-module__tSaQAq__reveal{opacity:1!important;transform:none!important}}
.expand-card-module__oy6B3W__trigger{background:var(--tile);width:100%;height:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;border:0;border-radius:0;padding:0;display:block;overflow:hidden}.expand-card-module__oy6B3W__trigger:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.expand-card-module__oy6B3W__vacated{background:var(--grid-line);width:100%;height:100%;display:block}.expand-card-module__oy6B3W__backdrop{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000008c;position:fixed;inset:0}.expand-card-module__oy6B3W__panelWrap{z-index:101;pointer-events:none;justify-content:center;align-items:center;padding:clamp(1rem,4vw,3rem);display:flex;position:fixed;inset:0}.expand-card-module__oy6B3W__panel{pointer-events:auto;background:var(--paper,#fafafa);width:min(900px,100%);max-height:86vh;color:var(--ink,#141414);border-radius:0;position:relative;overflow:hidden;box-shadow:0 2rem 5rem #00000059}.expand-card-module__oy6B3W__body{overscroll-behavior:contain;max-height:86vh;padding:clamp(1.5rem,4vw,2.75rem);overflow-y:auto}.expand-card-module__oy6B3W__close{z-index:2;width:var(--cell,40px);height:var(--cell,40px);color:var(--muted,#7a7a7a);cursor:pointer;background:0 0;border:0;border-radius:0;place-items:center;font-size:1.1rem;line-height:1;transition:color .18s,background-color .18s;display:grid;position:absolute;top:0;right:0}.expand-card-module__oy6B3W__close:hover{color:var(--ink,#141414);background:var(--grid-line,#0000000e)}.expand-card-module__oy6B3W__close:focus-visible{outline:2px solid var(--ink,#141414);outline-offset:-2px}@media (prefers-reduced-motion:reduce){.expand-card-module__oy6B3W__backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}}