.demo-module-scss-module__o6wWUW__page{box-sizing:border-box;flex-direction:column;align-items:center;gap:1.5rem;min-height:100vh;padding:6.5rem 1.5rem 4rem;display:flex}.demo-module-scss-module__o6wWUW__intro{text-align:center;flex-direction:column;align-items:center;gap:.5rem;max-width:34rem;display:flex}.demo-module-scss-module__o6wWUW__title{color:#18181b;margin:0;font-size:1.8rem;font-weight:700}.demo-module-scss-module__o6wWUW__subtitle{color:#71717a;margin:0;font-size:1rem}.demo-module-scss-module__o6wWUW__demo{flex-direction:column;gap:.75rem;width:100%;max-width:1200px;display:flex}.demo-module-scss-module__o6wWUW__tabs{border-bottom:1px solid #e4e4e7;gap:.25rem;display:flex}.demo-module-scss-module__o6wWUW__tab{all:unset;cursor:pointer;color:#71717a;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.5rem .9rem;font-size:.85rem}.demo-module-scss-module__o6wWUW__tab:hover{color:#18181b}.demo-module-scss-module__o6wWUW__tabActive{color:#18181b;border-bottom-color:#18181b;font-weight:600}.demo-module-scss-module__o6wWUW__tabDescription{color:#71717a;margin:0;font-size:.88rem}.demo-module-scss-module__o6wWUW__panel{background:#fff;border:1px solid #e4e4e7;border-radius:12px;height:min(720px,80vh);position:relative;box-shadow:0 4px 20px #00000014}.demo-module-scss-module__o6wWUW__hints{pointer-events:none;z-index:5;position:absolute;inset:0}.demo-module-scss-module__o6wWUW__hintRing{--hint-color:#ffb400;--hint-width:3px;box-shadow:0 0 0 var(--hint-width) var(--hint-color);transition:top .15s,left .15s,width .15s,height .15s;position:absolute}.demo-module-scss-module__o6wWUW__hintLabel{white-space:nowrap;background:var(--hint-color);color:#18181b;padding:.35rem .7rem;font-size:.8rem;font-weight:600;line-height:1.2;position:absolute;top:0;left:0}@media (prefers-reduced-motion:no-preference){.demo-module-scss-module__o6wWUW__hintLabel{animation:.35s ease-out both demo-module-scss-module__o6wWUW__hintIn}}.demo-module-scss-module__o6wWUW__hintLabelBelow{top:calc(100% + var(--hint-width));left:auto;right:calc(-1*var(--hint-width))}.demo-module-scss-module__o6wWUW__hintLabelAbove{top:auto;left:calc(-1*var(--hint-width));bottom:calc(100% + var(--hint-width))}@keyframes demo-module-scss-module__o6wWUW__hintIn{0%{opacity:0}}