.settings-page-wrapper{display:flex;flex-direction:column;gap:24px;width:100%}.settings-tab-navigation{display:flex;align-items:center;gap:8px;padding:6px;background:rgba(10,15,18,.7);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow-x:auto;width:-moz-fit-content;width:fit-content;max-width:100%}.settings-tab-nav-btn{display:inline-flex;align-items:center;gap:9px;padding:9px 18px;background:transparent;border:1px solid transparent;border-radius:9px;color:#94a3b8;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .2s cubic-bezier(.16,1,.3,1)}.settings-tab-nav-btn:hover{color:#f1f5f9;background:rgba(255,255,255,.04)}.settings-tab-nav-btn.active{background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.35);color:#34d399;box-shadow:0 0 16px rgba(16,185,129,.12)}.settings-tab-nav-btn.active.orange{background:rgba(249,115,22,.12);border-color:rgba(249,115,22,.35);color:#fb923c;box-shadow:0 0 16px rgba(249,115,22,.12)}.settings-tab-nav-btn.active.cyan{background:rgba(6,182,212,.12);border-color:rgba(6,182,212,.35);color:#22d3ee;box-shadow:0 0 16px rgba(6,182,212,.15)}.settings-tab-nav-btn.active.blue{background:rgba(59,130,246,.12);border-color:rgba(59,130,246,.35);color:#60a5fa;box-shadow:0 0 16px rgba(59,130,246,.15)}.settings-tab-content{width:100%;animation:fadeIn .25s ease-out}