@media (width<=1199px){.g2[data-astro-cid-2l4tgxr2][style*="1.3fr"]{grid-template-columns:1fr!important}aside[data-astro-cid-2l4tgxr2][style*=sticky]{position:static!important}}.demo-otp[data-astro-cid-2l4tgxr2]{background:#fff;border-radius:14px;gap:12px;padding:16px;display:grid;box-shadow:0 0 0 1px #00000014}.demo-otp[data-astro-cid-2l4tgxr2] input[data-astro-cid-2l4tgxr2]{letter-spacing:.4em;text-align:center;font-size:20px}.demo-otp__row[data-astro-cid-2l4tgxr2]{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.demo-status[data-astro-cid-2l4tgxr2]{background:#fff;border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.45;box-shadow:0 0 0 1px #00000014}.demo-status[data-astro-cid-2l4tgxr2][data-kind=error]{color:#8c2a1f;box-shadow:none;background:#fdeeec}.demo-status[data-astro-cid-2l4tgxr2][data-kind=success]{color:#0e6b37;box-shadow:none;background:#e7f8ee}[data-astro-cid-2l4tgxr2][data-demo-form] .opt[data-astro-cid-2l4tgxr2]>span[data-astro-cid-2l4tgxr2]{padding-right:48px;transition:box-shadow .2s,background .2s,transform .15s;position:relative}[data-astro-cid-2l4tgxr2][data-demo-form] .opt[data-astro-cid-2l4tgxr2]>span[data-astro-cid-2l4tgxr2]:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:box-shadow .2s,background .2s;position:absolute;top:16px;right:16px;box-shadow:inset 0 0 0 1.5px #00000040}[data-astro-cid-2l4tgxr2][data-demo-form] .opt[data-astro-cid-2l4tgxr2]:hover>span[data-astro-cid-2l4tgxr2]{box-shadow:0 0 0 1px #0000004d}[data-astro-cid-2l4tgxr2][data-demo-form] .opt[data-astro-cid-2l4tgxr2] input[data-astro-cid-2l4tgxr2]:checked+span[data-astro-cid-2l4tgxr2]{box-shadow:0 0 0 2px #000}[data-astro-cid-2l4tgxr2][data-demo-form] .opt[data-astro-cid-2l4tgxr2] input[data-astro-cid-2l4tgxr2]:checked+span[data-astro-cid-2l4tgxr2]:after{background:#000;box-shadow:inset 0 0 0 5px #000,inset 0 0 0 9px #fff}[data-astro-cid-2l4tgxr2][data-demo-form] .opt[data-astro-cid-2l4tgxr2]:active>span[data-astro-cid-2l4tgxr2]{transform:scale(.99)}.demo-sec[data-astro-cid-2l4tgxr2]{flex-wrap:wrap;gap:8px;display:flex}[data-astro-cid-2l4tgxr2][data-demo-form] .demo-sec[data-astro-cid-2l4tgxr2] .opt[data-astro-cid-2l4tgxr2]>span[data-astro-cid-2l4tgxr2]{white-space:nowrap;border-radius:40px;padding:9px 16px;font-size:14.5px}[data-astro-cid-2l4tgxr2][data-demo-form] .demo-sec[data-astro-cid-2l4tgxr2] .opt[data-astro-cid-2l4tgxr2]>span[data-astro-cid-2l4tgxr2]:after{display:none}[data-astro-cid-2l4tgxr2][data-demo-form] .demo-sec[data-astro-cid-2l4tgxr2] .opt[data-astro-cid-2l4tgxr2] input[data-astro-cid-2l4tgxr2]:checked+span[data-astro-cid-2l4tgxr2]{color:#fff;background:#000;box-shadow:0 0 0 1px #000}.demo-ch[data-astro-cid-2l4tgxr2]{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-ch[data-astro-cid-2l4tgxr2] .opt[data-astro-cid-2l4tgxr2]>span[data-astro-cid-2l4tgxr2]{height:100%;padding:16px 40px 16px 16px}.demo-ch[data-astro-cid-2l4tgxr2] .opt[data-astro-cid-2l4tgxr2]>span[data-astro-cid-2l4tgxr2]:after{top:14px;right:14px}.demo-ch[data-astro-cid-2l4tgxr2] .opt[data-astro-cid-2l4tgxr2] i[data-astro-cid-2l4tgxr2]{background:var(--beige);color:#000;border-radius:10px;place-items:center;width:36px;height:36px;margin-bottom:10px;transition:background .2s,color .2s;display:grid}.demo-ch[data-astro-cid-2l4tgxr2] .opt[data-astro-cid-2l4tgxr2] input[data-astro-cid-2l4tgxr2]:checked+span[data-astro-cid-2l4tgxr2] i[data-astro-cid-2l4tgxr2]{color:#fff;background:#000}.demo-ch[data-astro-cid-2l4tgxr2] .opt--soon[data-astro-cid-2l4tgxr2]{cursor:not-allowed}.demo-ch[data-astro-cid-2l4tgxr2] .opt--soon[data-astro-cid-2l4tgxr2]>span[data-astro-cid-2l4tgxr2],.demo-ch[data-astro-cid-2l4tgxr2] .opt--soon[data-astro-cid-2l4tgxr2]:hover>span[data-astro-cid-2l4tgxr2],.demo-ch[data-astro-cid-2l4tgxr2] .opt--soon[data-astro-cid-2l4tgxr2]:active>span[data-astro-cid-2l4tgxr2]{background:#ffffff8c;transform:none;box-shadow:0 0 0 1px #0000000f}.demo-ch[data-astro-cid-2l4tgxr2] .opt--soon[data-astro-cid-2l4tgxr2]>span[data-astro-cid-2l4tgxr2]:after{display:none}.demo-ch[data-astro-cid-2l4tgxr2] .opt--soon[data-astro-cid-2l4tgxr2] i[data-astro-cid-2l4tgxr2],.demo-ch[data-astro-cid-2l4tgxr2] .opt--soon[data-astro-cid-2l4tgxr2] small[data-astro-cid-2l4tgxr2]{opacity:.5}.demo-ch[data-astro-cid-2l4tgxr2] .opt--soon[data-astro-cid-2l4tgxr2] b[data-astro-cid-2l4tgxr2]{color:#00000080;flex-wrap:wrap;align-items:center;gap:8px;display:flex}.demo-ch[data-astro-cid-2l4tgxr2] .soon[data-astro-cid-2l4tgxr2]{font-style:normal;font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#fff;background:#000;border-radius:20px;padding:3px 7px;font-size:10px}@media (width<=809px){.demo-ch[data-astro-cid-2l4tgxr2]{grid-template-columns:1fr}.demo-ch[data-astro-cid-2l4tgxr2] .opt[data-astro-cid-2l4tgxr2]>span[data-astro-cid-2l4tgxr2]{grid-template-columns:36px 1fr;align-items:center;column-gap:12px;display:grid}.demo-ch[data-astro-cid-2l4tgxr2] .opt[data-astro-cid-2l4tgxr2] i[data-astro-cid-2l4tgxr2]{grid-row:span 2;margin:0}.demo-ch[data-astro-cid-2l4tgxr2] .opt[data-astro-cid-2l4tgxr2]>span[data-astro-cid-2l4tgxr2]:after{margin-top:-9px;top:50%}}[data-astro-cid-2l4tgxr2][data-demo-form] label[data-astro-cid-2l4tgxr2].check{color:#000000bf;align-items:flex-start;gap:10px;margin-top:4px;font-size:13.5px;display:flex}[data-astro-cid-2l4tgxr2][data-demo-form] label[data-astro-cid-2l4tgxr2].check input[data-astro-cid-2l4tgxr2]{accent-color:#000;flex:none;width:18px;height:18px;margin-top:0;padding:0}[data-astro-cid-2l4tgxr2][data-demo-form] label[data-astro-cid-2l4tgxr2].check a[data-astro-cid-2l4tgxr2]{text-underline-offset:2px;text-decoration:underline}[data-astro-cid-2l4tgxr2][data-demo-form] [data-astro-cid-2l4tgxr2][data-demo-submit]{min-width:220px}@media (width<=809px){[data-astro-cid-2l4tgxr2][data-demo-form] [data-astro-cid-2l4tgxr2][data-demo-submit]{justify-self:stretch;width:100%}}.play--dark[data-astro-cid-2l4tgxr2]{color:#000;margin-left:6px;font-size:14px}.play--dark[data-astro-cid-2l4tgxr2] i[data-astro-cid-2l4tgxr2]{width:26px;height:26px}