.sat-container{background:#00000020;border:none;border-radius:9999px;align-items:center;gap:2px;padding:4px;display:inline-flex;position:relative;box-shadow:inset 0 2px 8px #818cf80f,inset 0 8px 16px #00000020}.sat-slider{z-index:0;pointer-events:none;background:#818cf833;border-radius:9999px;height:calc(100% - 8px);transition:transform .5s cubic-bezier(.16,1,.3,1),width .4s cubic-bezier(.16,1,.3,1),box-shadow .5s;position:absolute;top:4px;left:4px;box-shadow:0 8px 16px #00000020,inset 0 4px 8px #818cf82e,inset 0 16px 32px #818cf82e}.sat-slider-moving{box-shadow:0 8px 16px #00000020,inset 0 4px 8px #818cf840,inset 0 16px 32px #818cf840}.sat-btn{color:#bba6d9;cursor:pointer;z-index:1;background:0 0;border:none;border-radius:9999px;align-items:center;gap:5px;padding:8px 16px;font-family:inherit;font-size:12px;font-weight:400;transition:color .3s;display:flex;position:relative}.sat-btn:hover{color:#d4c4e9}.sat-btn.active{color:#eef2ffeb}.sat-icon{font-variation-settings:"FILL" 0, "wght" 300, "GRAD" 0, "opsz" 20;opacity:.6;font-size:15px;transition:opacity .3s}.sat-btn.active .sat-icon{opacity:.85}