.pill-toggle-wrapper{display:inline-block;cursor:pointer}.pill-toggle{position:relative;width:200px;height:36px;background:var(--color-bg-hover);border-radius:18px;transition:background-color .3s cubic-bezier(.4,0,.2,1)}.pill-toggle__slider{position:absolute;top:3px;left:3px;width:97px;height:30px;background:var(--color-bg-surface);border-radius:15px;box-shadow:var(--shadow-md);border:1px solid var(--color-border);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1}.pill-toggle--right .pill-toggle__slider{transform:translateX(97px)}.pill-toggle__labels{position:relative;display:flex;height:100%;z-index:2}.pill-toggle__label{flex:1;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;opacity:.7;transition:color .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1);user-select:none}.pill-toggle-wrapper .pill-toggle__labels .pill-toggle__label{color:var(--color-text-secondary)}.pill-toggle-wrapper .pill-toggle__labels .pill-toggle__label--active{color:var(--color-primary);font-weight:700;opacity:1}.pill-toggle--disabled{cursor:not-allowed;opacity:.5}.modal-reveal{overflow:hidden;max-height:220px;opacity:1;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .25s ease-out,margin-bottom .3s cubic-bezier(.4,0,.2,1)}.modal-reveal--collapsed{max-height:0;opacity:0;margin-bottom:0!important}@media (max-width:480px){.pill-toggle{width:170px;height:34px}.pill-toggle__slider{width:82px;height:28px}.pill-toggle--right .pill-toggle__slider{transform:translateX(82px)}.pill-toggle__label{font-size:12px}}