.sfst{display:flex;align-items:center;gap:.65rem;background:#141a24;color:#fff;padding:.55rem clamp(.55rem,2vw,1.4rem);font:600 .85rem/1.4 system-ui,sans-serif}
.sfst strong{color:#ffcf63;white-space:nowrap}
.sfst select,.sfst button{font:inherit;color:#fff;background:#242e40;border:1px solid #697587;border-radius:.25rem;padding:.3rem;min-height:2rem}
.sfst select{max-width:clamp(5.1rem,22vw,13rem)}
.sfst-window{min-width:0;flex:1;overflow-x:auto;scrollbar-width:thin}
.sfst ul{display:flex;gap:.6rem;width:max-content;list-style:none;margin:0;padding:0}
.sfst li{white-space:nowrap;background:#242e40;border-radius:.25rem;padding:.25rem .55rem}
.sfst-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.sfst :focus-visible{outline:2px solid #ffcf63;outline-offset:2px}
@media(max-width:480px){.sfst{gap:.35rem;flex-wrap:wrap}.sfst-window{flex:1 0 100%;order:1}.sfst button{margin-left:auto}}