.buttontoggle-root{background:#fff}.buttontoggle-root *{tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}.buttontoggle-root{--press-desktop:.4s ease;--press-mobile:.2s ease;--gap:4px}.buttontoggle-root main{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.buttontoggle-root .nav{gap:var(--gap);padding:var(--gap);background:rgba(0,0,0,.05);border-radius:1000px;display:flex;overflow:hidden;box-shadow:2.6px 2.6px 1.5px rgba(0,0,0,.027),5.8px 5.8px 3.4px rgba(0,0,0,.04),9.8px 9.8px 5.6px rgba(0,0,0,.05),14.8px 14.8px 8.5px rgba(0,0,0,.06),21.3px 21.3px 12.3px rgba(0,0,0,.067),30.1px 30.1px 17.4px rgba(0,0,0,.07),42.7px 42.7px 24.6px rgba(0,0,0,.08),62.1px 62.1px 35.8px rgba(0,0,0,.09),95.6px 95.6px 55.1px rgba(0,0,0,.1),170px 170px 98px rgba(0,0,0,.13)}.buttontoggle-root .button{cursor:pointer;background:#fff;border-radius:50%;width:56px;height:56px}.buttontoggle-root .button-knob{background:linear-gradient(rgba(255,255,255,.7) 0%,rgba(255,255,255,.5) 40%,rgba(0,0,0,.5) 60%,rgba(0,0,0,.5) 70%,rgba(255,255,255,.7) 100%);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 4px 8px rgba(0,0,0,.5)}.buttontoggle-root .button-knob>div{width:50px;height:50px;transition:var(--press-desktop);background:linear-gradient(rgba(255,255,255,.1) 0%,rgba(255,255,255,.5) 100%);border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 -.5px 1px 1px rgba(0,0,0,.6),inset 0 -8px 16px rgba(255,255,255,.7),inset 0 0 #000}.buttontoggle-root .button-knob svg{stroke:#444;stroke-width:2px;width:28px;transition:var(--press-desktop);transform:scale(1)}@media screen and (max-width:500px){.buttontoggle-root .button-knob>div,.buttontoggle-root .button-knob svg{transition:var(--press-mobile)}}