/* r28 studio12: the custom select (assets/ui/select.js). Site tokens: paper, ink, gold, green. Two themes: paper (the
   public pages, light) and night (the studio, dark). Every class is hs- prefixed */
.hs{--hs-bg:#fffdf9;--hs-ink:#2a161d;--hs-mute:rgba(42,22,29,.56);--hs-line:rgba(42,22,29,.16);--hs-acc:#b3893f;--hs-ok:#25935f;--hs-hov:rgba(179,137,63,.11);--hs-h:48px;--hs-r:14px;
  position:relative;display:block;min-width:0;font:inherit}
.hs[data-theme="night"]{--hs-bg:#1d1517;--hs-ink:#f7f1e8;--hs-mute:rgba(247,241,232,.55);--hs-line:rgba(247,241,232,.14);--hs-acc:#d9bc80;--hs-ok:#3fb27f;--hs-hov:rgba(217,188,128,.1)}
.hs[data-size="sm"]{--hs-h:38px;--hs-r:11px}
.hs-native{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;pointer-events:none!important;margin:0!important}
.hs-btn{all:unset;box-sizing:border-box;position:relative;display:flex;align-items:center;gap:10px;width:100%;min-height:var(--hs-h);padding-inline:14px 12px;border-radius:var(--hs-r);
  background:var(--hs-bg);color:var(--hs-ink);border:1.5px solid var(--hs-line);font:inherit;font-size:max(15px,1em);font-weight:600;line-height:1.25;cursor:pointer;text-align:start;
  transition:border-color .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1)}
.hs[data-size="sm"] .hs-btn{font-size:13.5px;padding-inline:11px 9px}
.hs-btn:hover{border-color:color-mix(in srgb,var(--hs-acc) 60%,var(--hs-line))}
.hs-btn:focus-visible,.hs.on .hs-btn{border-color:var(--hs-acc);box-shadow:0 0 0 4px color-mix(in srgb,var(--hs-acc) 22%,transparent)}
.hs.dis .hs-btn{opacity:.5;cursor:not-allowed}
.hs-v{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hs-chev{flex:none;width:18px;height:18px;fill:none;stroke:var(--hs-acc);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s cubic-bezier(.22,1,.36,1)}
.hs.on .hs-chev{transform:rotate(180deg)}

.hs-pop{--hs-bg:#fffdf9;--hs-ink:#2a161d;--hs-mute:rgba(42,22,29,.56);--hs-line:rgba(42,22,29,.12);--hs-acc:#b3893f;--hs-ok:#25935f;--hs-hov:rgba(179,137,63,.12);
  position:fixed;inset:0;z-index:2147483000;pointer-events:none;font-family:Heebo,system-ui,sans-serif}
.hs-pop[data-theme="night"]{--hs-bg:#1d1517;--hs-ink:#f7f1e8;--hs-mute:rgba(247,241,232,.55);--hs-line:rgba(247,241,232,.12);--hs-acc:#d9bc80;--hs-ok:#3fb27f;--hs-hov:rgba(217,188,128,.12)}
.hs-panel{position:fixed;pointer-events:auto;display:flex;flex-direction:column;overflow:hidden;background:var(--hs-bg);color:var(--hs-ink);border:1px solid var(--hs-line);border-radius:16px;
  box-shadow:0 24px 60px -24px rgba(32,16,22,.55),0 2px 8px -4px rgba(32,16,22,.25);opacity:0;transform:translateY(-6px) scale(.985);transform-origin:top center;
  transition:opacity .2s cubic-bezier(.22,1,.36,1),transform .26s cubic-bezier(.22,1,.36,1)}
.hs-pop.up .hs-panel{transform-origin:bottom center;transform:translateY(6px) scale(.985)}
.hs-pop.in .hs-panel{opacity:1;transform:none}
.hs-list{overflow:auto;overscroll-behavior:contain;padding:6px;outline:none;scrollbar-width:thin}
.hs-o{display:flex;align-items:center;gap:10px;min-height:42px;padding:9px 12px;border-radius:10px;font-size:15px;font-weight:500;line-height:1.3;cursor:pointer;user-select:none;-webkit-user-select:none}
.hs-o>span{flex:1}
.hs-o.act{background:var(--hs-hov)}
.hs-o[aria-selected="true"]{font-weight:700;color:var(--hs-ink)}
.hs-o.dis{opacity:.42;cursor:not-allowed}
.hs-tick{flex:none;width:18px;height:18px;fill:none;stroke:var(--hs-ok);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.hs-o[aria-selected="true"] .hs-tick{opacity:1}
.hs-grp{padding:10px 12px 4px;font-size:12px;font-weight:700;color:var(--hs-mute)}

/* phones: a bottom sheet */
.hs-sheet{pointer-events:auto}
.hs-scrim{position:absolute;inset:0;background:rgba(23,11,16,.42);opacity:0;transition:opacity .3s}
.hs-sheet.in .hs-scrim{opacity:1}
.hs-sheet .hs-panel{left:0;right:0;bottom:0;top:auto;max-height:min(72svh,560px);border-radius:24px 24px 0 0;border-bottom:0;padding-bottom:env(safe-area-inset-bottom);opacity:1;transform:translateY(102%);
  transition:transform .42s cubic-bezier(.22,1,.36,1)}
.hs-sheet.in .hs-panel{transform:none}
.hs-grab{width:40px;height:4px;border-radius:4px;background:var(--hs-line);margin:9px auto 0;flex:none}
.hs-head{display:flex;align-items:center;gap:10px;padding:8px 14px 8px 8px;padding-inline:18px 8px;flex:none;border-bottom:1px solid var(--hs-line)}
.hs-head b{flex:1;font-size:16px;font-weight:800}
.hs-x{all:unset;box-sizing:border-box;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;cursor:pointer;color:var(--hs-ink)}
.hs-x svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.hs-x:focus-visible{box-shadow:0 0 0 3px var(--hs-acc)}
.hs-sheet .hs-list{padding:8px 10px 14px}
.hs-sheet .hs-o{min-height:54px;font-size:16.5px;padding:12px 14px;border-radius:14px}
.hs-sheet .hs-o[aria-selected="true"]{background:color-mix(in srgb,var(--hs-ok) 10%,transparent)}
html.hs-lock,html.hs-lock body{overflow:hidden}
@media (prefers-reduced-motion:reduce){.hs-panel,.hs-sheet .hs-panel,.hs-scrim,.hs-chev{transition:none}}
