/* assets/music/sas/sas-set.css - the lesson bar's settings (sas-set.js), on Sound Design, Recording Studio and Film
   lesson pages: the page's language as a row with a chevron, not a link in the bar */
.sas-set{position:relative;flex:none}
.lp-top > .sas-set{order:10}   /* after the progress bar, at the bar's end (learn.css orders .lp-bar 2) */
.sas-set[hidden]{display:none}
.sas-set-b{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:var(--ink-3);cursor:pointer}
.sas-set-b:hover,.sas-set.on .sas-set-b{background:rgba(var(--ink-rgb),.08);color:var(--study-ink)}
.sas-set-b:focus-visible{outline:3px solid var(--study-ink);outline-offset:2px}
.sas-setp{position:absolute;z-index:40;top:calc(100% + 6px);inset-inline-end:0;width:max-content;min-width:220px;max-width:min(90vw,360px);box-sizing:border-box;padding:6px 14px;border-radius:14px;background:var(--surface);color:var(--ink);box-shadow:0 0 0 1px rgba(var(--ink-rgb),.1),0 12px 30px rgba(6,14,26,.2)}
.sas-setp[hidden]{display:none}
.sas-lang,.sas-lang:visited,.sas-lang:hover{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;color:var(--ink);font-weight:700;text-decoration:none}
.sas-lang svg{flex:none;color:var(--ink-3)}
[dir="rtl"] .sas-lang svg{transform:scaleX(-1)}
.sas-lang:focus-visible{outline:3px solid var(--study-ink);outline-offset:2px;border-radius:8px}