.alpha-demo__canvas[data-v-7c5ac9fe]{aspect-ratio:1.15;background:#e8e8ed;border:1px solid rgb(var(--c-ink)/.12);border-radius:20px;display:grid;overflow:hidden;padding:40px;place-items:center}.is-checkerboard[data-v-7c5ac9fe]{background:conic-gradient(#25272b 25%,#32353b 0 50%,#25272b 0 75%,#32353b 0) 0 0 /28px 28px}.is-color[data-v-7c5ac9fe]{background:linear-gradient(145deg,#bdc9ff,#f9a58e)}.alpha-demo__window[data-v-7c5ac9fe]{background:#101114;border:1px solid #414149;border-radius:14px;box-shadow:0 28px 44px #0005;overflow:hidden;transform:perspective(900px) rotateY(-9deg) rotateX(5deg);width:100%}.alpha-demo__bar[data-v-7c5ac9fe]{align-items:center;border-bottom:1px solid #ffffff14;display:flex;gap:6px;height:32px;padding:0 12px}.alpha-demo__bar i[data-v-7c5ac9fe]{background:#747780;border-radius:50%;height:6px;width:6px}.alpha-demo__bar span[data-v-7c5ac9fe]{color:#aaaeb9;font-size:9px;margin-left:8px}.alpha-demo__layout[data-v-7c5ac9fe]{display:grid;grid-template-columns:20% 1fr;min-height:230px}.alpha-demo__sidebar[data-v-7c5ac9fe]{border-right:1px solid #ffffff14;display:flex;flex-direction:column;gap:16px;padding:28px 12px}.alpha-demo__sidebar b[data-v-7c5ac9fe]{background:#ffffff26;border-radius:8px;display:block;height:5px}.alpha-demo__main[data-v-7c5ac9fe]{padding:30px 22px}.alpha-demo__main>span[data-v-7c5ac9fe]{color:#959aa9;display:block;font-size:9px}.alpha-demo__main>strong[data-v-7c5ac9fe]{color:#fff;display:block;font-size:clamp(16px,2vw,23px);font-weight:500;letter-spacing:-.04em;line-height:1.2;margin-top:10px}.alpha-demo__chart[data-v-7c5ac9fe]{align-items:end;display:flex;gap:7px;height:75px;margin-top:28px}.alpha-demo__chart i[data-v-7c5ac9fe]{background:#8c9dff;border-radius:4px 4px 0 0;flex:1;height:30%}.alpha-demo__chart i[data-v-7c5ac9fe]:nth-child(2){height:50%}.alpha-demo__chart i[data-v-7c5ac9fe]:nth-child(3){height:43%}.alpha-demo__chart i[data-v-7c5ac9fe]:nth-child(4){height:75%}.alpha-demo__chart i[data-v-7c5ac9fe]:nth-child(5){height:100%}.alpha-demo__controls[data-v-7c5ac9fe]{display:flex;gap:8px;justify-content:center;margin-top:18px}.alpha-demo__controls button[data-v-7c5ac9fe]{background:rgb(var(--c-ink)/.07);border:1px solid transparent;border-radius:8px;color:rgb(var(--c-ink)/.6);cursor:pointer;font-size:12px;min-height:40px;padding:8px 13px}.alpha-demo__controls button[aria-pressed=true][data-v-7c5ac9fe]{border-color:rgb(var(--c-ink)/.35);color:rgb(var(--c-ink))}@media (max-width:640px){.alpha-demo__canvas[data-v-7c5ac9fe]{padding:30px}.alpha-demo__layout[data-v-7c5ac9fe]{min-height:190px}.alpha-demo__main[data-v-7c5ac9fe]{padding:22px 14px}}