.sbi{overflow:visible}.sbi .sbi-body{fill:currentColor;fill-opacity:0;transition:fill-opacity .16s ease-out}.sbi .sbi-cut{transition:stroke .16s ease-out}.sbi :is(.sbi-hole,.sbi-dot){fill:currentColor;stroke:none}.sbi .sbi-hole{transition:fill .16s ease-out}.sbi .sbi-bold{transition:stroke-width .2s var(--ease-standard,cubic-bezier(.32, .72, 0, 1))}.sbi[data-active] .sbi-body{fill-opacity:1;transition-duration:.22s;transition-timing-function:var(--ease-standard,cubic-bezier(.32, .72, 0, 1))}.sbi[data-active] .sbi-cut{stroke:var(--sbi-knock,var(--sidebar-active-surface,var(--background)))}.sbi[data-active] .sbi-hole{fill:var(--sbi-knock,var(--sidebar-active-surface,var(--background)))}.sbi[data-active] .sbi-bold{stroke-width:2.25px}.sbi .sbi-on{opacity:0;transition:opacity .16s ease-out,stroke 0s .16s,fill 0s .16s,fill-opacity 0s .16s}.sbi .sbi-off{transition:opacity .16s ease-out,stroke,fill,fill-opacity}.sbi[data-active] .sbi-on{opacity:1;transition:opacity .16s ease-out,stroke,fill,fill-opacity}.sbi[data-active] .sbi-off{opacity:0;transition:opacity .16s ease-out,stroke 0s .16s,fill 0s .16s,fill-opacity 0s .16s}.sbi .sbi-stage,.sbi [class*=sbi-m-]{transform-box:view-box;transform-origin:var(--sbi-o,12px 12px)}@keyframes sbi-kick{0%{animation-timing-function:cubic-bezier(.3,0,.2,1);transform:none}30%{transform:var(--sbi-a);animation-timing-function:cubic-bezier(.45,0,.3,1)}60%{transform:var(--sbi-b,none);animation-timing-function:cubic-bezier(.45,0,.4,1)}82%{transform:var(--sbi-c,none);animation-timing-function:cubic-bezier(.4,0,.6,1)}to{transform:none}}@keyframes sbi-hold{0%{animation-timing-function:cubic-bezier(.3,0,.1,1);transform:none}34%,62%{transform:var(--sbi-a);animation-timing-function:cubic-bezier(.5,0,.2,1)}to{transform:none}}@keyframes sbi-turn{0%{transform:none}to{transform:var(--sbi-a)}}@keyframes sbi-draw{0%{stroke-dasharray:1;stroke-dashoffset:1px;stroke-opacity:0}1%{stroke-opacity:1}to{stroke-dasharray:1;stroke-dashoffset:0;stroke-opacity:1}}@keyframes sbi-blink{40%{opacity:var(--sbi-min,.2)}}@keyframes sbi-pop{0%{animation-timing-function:cubic-bezier(.3,0,.6,1);transform:none}22%{animation-timing-function:cubic-bezier(.2,0,.2,1);transform:scale(.88)}58%{animation-timing-function:cubic-bezier(.4,0,.4,1);transform:scale(1.07)}82%{transform:scale(.985)}to{transform:none}}.sbi[data-play] .sbi-m-kick{animation:sbi-kick var(--sbi-t,.62s) calc(var(--sbi-d,0s) + var(--sbi-lag,0s)) 1 both}.sbi[data-play] .sbi-m-hold{animation:sbi-hold var(--sbi-t,.72s) calc(var(--sbi-d,0s) + var(--sbi-lag,0s)) 1 both}.sbi[data-play] .sbi-m-turn{animation:sbi-turn var(--sbi-t,.62s) var(--ease-standard,cubic-bezier(.32, .72, 0, 1)) calc(var(--sbi-d,0s) + var(--sbi-lag,0s)) 1 both}.sbi[data-play] .sbi-m-draw{animation:sbi-draw var(--sbi-t,.42s) var(--ease-standard,cubic-bezier(.32, .72, 0, 1)) calc(var(--sbi-d,0s) + var(--sbi-lag,0s)) 1 both}.sbi[data-play] .sbi-m-blink{animation:sbi-blink var(--sbi-t,.42s) ease-in-out calc(var(--sbi-d,0s) + var(--sbi-lag,0s)) 1 both}.sbi[data-play=select]{--sbi-lag:.14s}.sbi[data-play=select] .sbi-stage{animation:.48s both sbi-pop}@media (prefers-reduced-motion:reduce){.sbi .sbi-stage,.sbi [class*=sbi-m-]{animation:none!important}}
