.basic-demo-module__SS0rYa__root{max-width:36rem;margin-inline:auto}.basic-demo-module__SS0rYa__content{height:240px}.basic-demo-module__SS0rYa__item{scroll-snap-align:center}.basic-demo-module__SS0rYa__itemInner{border:1px solid var(--p-content-border-color);height:100%;color:var(--p-text-color);background:light-dark(var(--p-surface-50),var(--p-surface-950));border-radius:.75rem;justify-content:center;align-items:center;font-size:3rem;font-weight:600;display:flex}.basic-demo-module__SS0rYa__controls{gap:1rem;margin-top:1rem;display:flex}.basic-demo-module__SS0rYa__indicators{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.5rem;display:flex}.basic-demo-module__SS0rYa__indicator{cursor:pointer;background:light-dark(var(--p-surface-200),var(--p-surface-700));border:none;border-radius:9999px;width:1.75rem;height:.5rem;transition:background-color .2s}.basic-demo-module__SS0rYa__indicator[data-active]{background:var(--p-primary-color)}.basic-demo-module__SS0rYa__indicator:hover{background:light-dark(var(--p-surface-300),var(--p-surface-600))}.basic-demo-module__SS0rYa__indicator[data-active]:hover{background:var(--p-primary-hover-color)}.basic-demo-module__SS0rYa__indicator:focus-visible{outline-offset:2px;outline-width:2px;outline-color:var(--p-primary-color)}.basic-demo-module__SS0rYa__nav{flex:1;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.basic-demo-module__SS0rYa__navButton{border:1px solid var(--p-content-border-color);background:light-dark(var(--p-surface-0),var(--p-surface-800));width:2.25rem;height:2.25rem;color:light-dark(var(--p-surface-500),var(--p-surface-400));cursor:pointer;outline:0 solid var(--p-primary-color);border-radius:50%;justify-content:center;align-items:center;transition:opacity .2s;display:flex}.basic-demo-module__SS0rYa__navButton:hover{opacity:.75}.basic-demo-module__SS0rYa__navButton:focus-visible{outline-offset:2px;outline-width:2px}.basic-demo-module__SS0rYa__navButton[data-disabled=true]{pointer-events:none;opacity:.5}