@keyframes settings-nav-spin{to{transform:rotate(1turn)}}.settings-nav-wrap{background:var(--field-bg);border-bottom:1px solid var(--border-color);box-shadow:0 2px 8px var(--shadow-card);flex:0 0 auto;overflow:hidden;position:relative;width:100%;&:after,&:before{bottom:0;content:"";opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity var(--transition-fast);width:24px;z-index:2}&:before{background:linear-gradient(to right,var(--settings-nav-fade-color,var(--field-bg)),transparent);left:0}&:after{background:linear-gradient(to left,var(--settings-nav-fade-color,var(--field-bg)),transparent);right:0}&.settings-nav-wrap--scroll-end:after,&.settings-nav-wrap--scroll-start:before{opacity:1}}.settings-nav{-webkit-overflow-scrolling:touch;display:none;flex-wrap:nowrap;gap:4px;overflow-x:auto;padding:12px 16px;scrollbar-width:none;&::-webkit-scrollbar{display:none}}.settings-nav-link{align-items:center;background:var(--field-bg);border:1px solid var(--border-color);border-radius:var(--radius-pill);color:var(--text-color);display:inline-flex;flex-shrink:0;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;text-decoration:none;transition:border-color .2s ease,color .2s ease,background .2s ease;white-space:nowrap;&:active,&:focus,&:hover{text-decoration:none}&:hover{background:linear-gradient(135deg,var(--accent-tint-subtle) 0,var(--accent-tint-hover) 100%);color:var(--accent)}&.active,&:hover{border-color:var(--accent)}&.active{background:linear-gradient(135deg,var(--accent) 0,var(--accent-dark) 100%);box-shadow:0 2px 8px var(--accent-shadow-soft);color:var(--text-on-accent)}&:focus-visible{box-shadow:0 0 0 3px var(--accent-border);outline:none}&.loading{opacity:.85;pointer-events:none;&:after{animation:settings-nav-spin .6s linear infinite;aspect-ratio:1/1;border:2px solid;border-radius:50%;border-top:2px solid transparent;content:"";display:inline-block;flex-shrink:0;height:14px;margin-left:8px;min-height:14px;min-width:14px;vertical-align:middle;width:14px}}}.settings-nav-mobile-panel{display:block}.settings-nav-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;&::-webkit-scrollbar{display:none}}.settings-nav-mobile{align-items:center;box-sizing:border-box;display:flex;flex-wrap:nowrap;gap:8px;min-width:100%;padding:8px 12px;width:-moz-max-content;width:max-content}.settings-nav-tab{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--field-bg);border:1px solid var(--border-color);border-radius:var(--radius-pill);color:var(--text-color);display:inline-flex;flex-shrink:0;font-family:var(--font-sans);font-size:13px;font-weight:600;justify-content:center;padding:8px 14px;text-decoration:none;touch-action:manipulation;transition:background .12s ease,color .12s ease,border-color .12s ease,box-shadow .12s ease;white-space:nowrap;&:active,&:focus,&:hover{text-decoration:none}&.active,&:is(:active,&.settings-nav-tab--pressed){background:linear-gradient(135deg,var(--accent) 0,var(--accent-dark) 100%);border-color:var(--accent);box-shadow:0 2px 8px var(--accent-shadow-soft);color:var(--text-on-accent)}&:focus-visible{box-shadow:0 0 0 3px var(--accent-border);outline:none}}

/*# sourceMappingURL=settings-nav.css.map*/