.loy-settings-tabs.segmented{
  position:sticky;
  top:8px;
  z-index:35;
  display:flex;
  gap:4px;
  overflow-x:auto;
  overflow-y:hidden;
  margin:0 0 24px;
  padding:5px;
  border:1px solid var(--border);
  background:color-mix(in srgb,var(--bg) 92%,var(--panel));
  box-shadow:0 8px 20px #07151c0b;
  scrollbar-width:thin;
}
.loy-settings-tabs.segmented button{
  flex:0 0 auto;
  min-height:36px;
  padding:8px 13px;
  border-radius:7px;
  white-space:nowrap;
  color:var(--muted);
  font-size:11px;
  font-weight:600;
  letter-spacing:.01em;
}
.loy-settings-tabs.segmented button:hover{
  color:var(--text);
  background:color-mix(in srgb,var(--panel) 64%,transparent);
}
.loy-settings-tabs.segmented button.selected{
  color:var(--teal);
  background:var(--panel);
  box-shadow:0 2px 8px #0001;
}
.loy-settings-tabs.segmented button:focus-visible{
  outline:2px solid var(--teal);
  outline-offset:1px;
}
.loy-settings-tab-hidden{
  display:none !important;
}
.loy-settings-tab-panel{
  animation:loy-settings-tab-in .14s ease-out;
}
@keyframes loy-settings-tab-in{
  from{opacity:.65;transform:translateY(2px)}
  to{opacity:1;transform:none}
}
@media (max-width:760px){
  .loy-settings-tabs.segmented{
    margin-left:-4px;
    margin-right:-4px;
    top:4px;
  }
  .loy-settings-tabs.segmented button{
    min-height:34px;
    padding:7px 11px;
  }
}
@media (prefers-reduced-motion:reduce){
  .loy-settings-tab-panel{animation:none}
}