.mac-system-hint{color:var(--color-text-3);justify-content:center;align-items:center;gap:5px;margin-top:20px;font-size:12px;display:flex}.mac-system-hint kbd{text-align:center;min-width:20px;color:var(--color-text-2);background:var(--color-bg-raised);box-shadow:inset 0 0 0 1px var(--color-border);border-radius:5px;padding:1px 5px;font-family:inherit;font-size:11px}@media (hover:none){.mac-system-hint{display:none}}
.mac-system-pause{z-index:12;width:22px;height:22px;color:var(--color-text-3);cursor:pointer;opacity:.7;background:0 0;border:0;border-radius:7px;outline:none;flex:none;place-items:center;padding:0;transition:color .2s,opacity .2s,scale .2s cubic-bezier(.22,.61,.36,1);display:grid;position:absolute;left:-10px}.mac-system-pause svg{width:9px;height:9px}.mac-system-pause:hover{color:var(--color-text-2);opacity:1}.mac-system-pause:active{scale:.9}.mac-system-pause:focus-visible{opacity:1;outline:1px solid var(--line);outline-offset:1px}@media (prefers-reduced-motion:reduce){.mac-system-pause{display:none}}
.mac-system-notch-tabs{z-index:12;justify-content:center;align-items:center;gap:2px;height:100%;display:flex;position:relative}.mac-system-tab{height:30px;font:inherit;color:color-mix(in srgb, var(--tile-color) 12%, var(--color-text-3));cursor:pointer;background:0 0;border:0;border-radius:10px;outline:none;flex:none;align-items:center;padding:0 8px;transition:color .25s,background-color .25s,scale .25s cubic-bezier(.22,.61,.36,1);display:flex}.mac-system-tab svg{flex:none;width:15px;height:15px}.mac-system-tab:hover{color:color-mix(in srgb, var(--tile-color) 18%, var(--color-text-2))}.mac-system-tab:active{scale:.94}.mac-system-tab:focus-visible{outline:1px solid var(--line);outline-offset:1px}.mac-system-tab[data-selected]{color:color-mix(in srgb, var(--tile-color) 55%, var(--color-text-1));background:color-mix(in srgb, var(--tile-color) 12%, transparent)}.mac-system-tab-label{white-space:nowrap;text-align:left;opacity:0;flex:none;width:0;font-size:12.5px;font-weight:500;transition:width .42s cubic-bezier(.25,1,.4,1),opacity .18s;overflow:hidden}.mac-system-tab[data-selected] .mac-system-tab-label{width:var(--label-open,auto);opacity:1;transition:width .42s cubic-bezier(.25,1,.4,1),opacity .28s .12s}.mac-system-notch-tabs[data-fit] .mac-system-tab-label{width:auto;max-width:0;transition:max-width .42s cubic-bezier(.25,1,.4,1),opacity .18s}.mac-system-notch-tabs[data-fit] .mac-system-tab[data-selected] .mac-system-tab-label{width:auto;max-width:var(--label-cap,24em);transition:max-width .42s cubic-bezier(.25,1,.4,1),opacity .28s .12s}.mac-system-notch-tabs[data-fit] .mac-system-tab-label>span{padding-right:4px;display:inline-block}.mac-system-notch-tabs[data-fit] .mac-system-tab:not([data-selected]){color:var(--color-text-3)}.mac-system-notch-tabs[data-fit] .mac-system-tab:not([data-selected]):hover{color:var(--color-text-2)}.mac-system-tab-label>span{padding-left:7px}@supports (order:attr(data-chars type(<number>), 0)){.mac-system-notch-tabs{--label-open:calc(attr(data-chars type(<number>), 0) * 1ch + 7px)}.mac-system-tab{--label-cap:calc((attr(data-chars type(<number>), 0) + 1) * 1ch + 11px)}}@media (prefers-reduced-motion:reduce){.mac-system-tab,.mac-system-tab-label{transition:none}}
@property --notch-glow{syntax:"<color>";inherits:false;initial-value:#0000}.mac-system-notch-timer{--notch-glow:var(--tile-color);left:calc(var(--notch-slant) * -1);right:calc(var(--notch-slant) * -1);z-index:-2;pointer-events:none;background:radial-gradient(60% 90% at 50% 100%, color-mix(in srgb, var(--notch-glow) 45%, transparent), transparent);filter:blur(10px);transform-origin:50% 100%;transition:--notch-glow .7s;animation:10s linear infinite mac-system-timer;position:absolute;top:0;bottom:-42px}.mac-system-notch-timer[data-paused]{animation-play-state:paused}@keyframes mac-system-timer{0%{opacity:.05;animation-timing-function:cubic-bezier(.22,.61,.36,1);scale:.3 .5}30%{opacity:.85;scale:1}92%{opacity:.85;animation-timing-function:cubic-bezier(.55,0,.9,.6);scale:1}to{opacity:.05;scale:.3 .5}}@media (prefers-reduced-motion:reduce){.mac-system-notch-timer{display:none}}
.mac-system-rail{--line:color-mix(in srgb, var(--color-text-3) 25%, transparent);--notch-depth:40px;--notch-length:248px;--notch-angle:46deg;--notch-slant:calc(2 * var(--notch-depth) / tan(var(--notch-angle)));isolation:isolate;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;width:80%;margin:0 auto;padding-bottom:24px;display:flex;position:relative}@supports (clip-path:shape(from 0 0, line to 1px 1px)){.mac-system-rail-shape{--notch-i:0px;z-index:-1;pointer-events:none;background:linear-gradient(to right, transparent, var(--line) calc(50% - var(--notch-length) / 2 - var(--notch-slant) - 40px), var(--line) calc(50% + var(--notch-length) / 2 + var(--notch-slant) + 40px), transparent);position:absolute;inset:0}.mac-system-rail-shape:before{--notch-i:1px;content:"";background:var(--color-bg);position:absolute;inset:1px -1px -1px}.mac-system-rail-shape,.mac-system-rail-shape:before{--floor-in:calc(50% - var(--notch-length) / 2 - var(--notch-i));--floor-out:calc(50% + var(--notch-length) / 2 + var(--notch-i));clip-path:shape(from 0 0, hline to calc(var(--floor-in) - var(--notch-slant)),  curve to var(--floor-in) var(--notch-depth) with calc(var(--floor-in) - var(--notch-slant) / 2) 0 / calc(var(--floor-in) - var(--notch-slant) / 2) var(--notch-depth), hline to var(--floor-out), curve to calc(var(--floor-out) + var(--notch-slant)) 0 with calc(var(--floor-out) + var(--notch-slant) / 2) var(--notch-depth) / calc(var(--floor-out) + var(--notch-slant) / 2) 0, hline to 100%, vline to 100%, hline to 0, close)}}@supports not (clip-path:shape(from 0 0, line to 1px 1px)){.mac-system-rail{background:linear-gradient(to right, transparent, var(--line), transparent) top / 100% 1px no-repeat}.mac-system-notch{border:1px solid var(--line);border-top:0;border-radius:0 0 18px 18px}}.mac-system-notch{width:var(--notch-length);height:var(--notch-depth);flex:none;justify-content:center;align-items:center;gap:2px;padding:2px 8px 8px;display:flex;position:relative}