:root{--apple-blue: #007AFF;--medium-gray: #E5E5EA}#settings-container{position:relative;display:inline-block}#settings-popover{position:absolute;top:calc(100% + .75rem);left:50%;transform:translate(-50%) scale(.95);width:260px;background:#fffffffa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,0 20px 25px -5px #0000001a;padding:.75rem;border:1px solid rgba(0,0,0,.08);z-index:60;transform-origin:top center;transition:transform .2s cubic-bezier(.16,1,.3,1),opacity .2s cubic-bezier(.16,1,.3,1),visibility .2s;opacity:0;visibility:hidden}#settings-popover.is-open{transform:translate(-50%) scale(1);opacity:1;visibility:visible}#settings-popover:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:12px;height:12px;background:#fff;border-left:1px solid rgba(0,0,0,.08);border-top:1px solid rgba(0,0,0,.08);z-index:-1}.segmented-control{display:flex;background-color:var(--medium-gray);border-radius:.5rem;padding:3px}.segmented-control button{flex:1;padding:.35rem .5rem;border:none;background:transparent;border-radius:.375rem;font-size:.75rem;font-weight:600;color:#666;cursor:pointer;transition:all .2s ease-in-out}.segmented-control button.active{background-color:#fff;color:#000;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}@media(max-width:640px){#settings-popover{left:auto;right:-10px;transform:scale(.95);transform-origin:top right;max-width:calc(100vw - 20px)}#settings-popover.is-open{transform:scale(1)}#settings-popover:before{left:auto;right:24px;transform:rotate(45deg)}}.toggle-switch-sm{width:40px;height:24px}.toggle-switch-sm .toggle-slider:before{height:20px;width:20px}.toggle-switch-sm input:checked+.toggle-slider:before{transform:translate(16px)}