.segmented-control{display:flex;width:100%;padding:4px;border-radius:var(--border-radius-md);background-color:#ffffff0f;gap:4px}.btn-segment{flex:1;padding:10px 12px;border:none;background-color:transparent;color:var(--secondary-text);font-size:14px;font-weight:var(--font-weight-medium);cursor:pointer;border-radius:var(--border-radius-sm);transition:color .2s ease,background-color .2s ease,box-shadow .2s ease;text-align:center}.btn-segment:hover,.btn-segment:focus-visible{color:var(--primary-text);background-color:#5e5df02e;outline:none}.btn-segment.active{background-color:var(--primary-color);color:var(--primary-text);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-button)}.switch-control{position:relative;display:inline-flex;align-items:center;width:52px;height:30px}.switch-control input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ffffff14;transition:background-color .3s ease,box-shadow .3s ease;border-radius:30px}.slider:before{position:absolute;content:"";height:22px;width:22px;left:4px;bottom:4px;background-color:var(--primary-text);transition:transform .3s ease;border-radius:50%;box-shadow:0 2px 6px #00000059}input:checked+.slider{background-color:var(--primary-color);box-shadow:var(--shadow-button)}input:checked+.slider:before{transform:translate(22px)}.slider:focus-visible{outline:3px solid rgba(94,93,240,.35);outline-offset:2px}
