.toggle-button{width:var(--width);padding:var(--padding);color:hsl(var(--theme-color-gray-700,217.5,23.5294%,26.6667%),100%);border-radius:var(--border-radius);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;--line-height:1.5rem;background:0 0;border:none;outline:none;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:520;line-height:1.5rem;transition:background-color .25s cubic-bezier(.4,.25,.3,1),border-color .1s cubic-bezier(.4,.25,.3,1),box-shadow 75ms cubic-bezier(.6,.05,.01,.99),transform .125s cubic-bezier(.6,.05,.01,.99),color .1s cubic-bezier(.4,.25,.3,1);display:inline-flex;transform:scale(1)}.toggle-button:disabled{color:hsl(var(--theme-color-gray-400,217.778,15.0838%,64.902%),100%);cursor:default;pointer-events:none}.toggle-button:focus-visible{outline:2px solid hsl(var(--theme-color-primary-400,237.248,100%,78.6275%),100%);outline:2px auto highlight;outline:5px auto -webkit-focus-ring-color}.toggle-button.-secondary{border:1px solid hsl(var(--theme-color-gray-300,216.923,16.0494%,84.1176%),100%);height:2.75rem;box-shadow:inset 0 0 0 0 hsl(var(--theme-color-gray-100,216,23.8095%,95.8824%),100%);background-color:#fff}@media (hover:hover){.toggle-button.-secondary:hover{background-color:hsl(var(--theme-color-gray-50,210,20%,98.0392%),100%)}}.toggle-button.-secondary:active{box-shadow:inset 0 0 .625rem 1.875rem hsl(var(--theme-color-gray-100,216,23.8095%,95.8824%),100%);transform:scale(.97)}.toggle-button.-secondary:disabled{border-color:hsl(var(--theme-color-gray-300,216.923,16.0494%,84.1176%),100%);box-shadow:none}.toggle-button.-link{position:relative}@media (hover:hover){.toggle-button.-link:hover{color:hsl(var(--theme-color-gray-800,214.286,32.5581%,16.8627%),100%)}}.toggle-button.-link:before{content:"";width:2.75rem;height:2.75rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.toggle-button.-link:active{transform:scale(.97)}.toggle-button__icon-wrapper{flex-shrink:0;width:1.25rem;height:1.25rem;position:relative}.toggle-button__label{min-width:1ch;margin-left:.5rem}.toggle-button__icon{font-size:1.25rem;position:absolute;inset:0}.toggle-button.-active .toggle-button__icon{color:hsl(var(--theme-color-primary-600,250.235,84.1584%,60.3922%),100%)}.toggle-icon-enter-active,.toggle-icon-leave-active{transition:opacity .2s cubic-bezier(.4,.25,.3,1)}.toggle-icon-enter-from,.toggle-icon-leave-to{opacity:0}