.spinner{flex:none;animation:.7s linear infinite spin}.progress{align-items:center;gap:var(--s-2);min-inline-size:0;display:flex}.progress__track{background:var(--line-hair);flex:1;block-size:2px;position:relative;overflow:hidden}.progress__fill{background:var(--gold-mark);transition:inline-size var(--d-3) var(--ease-out);position:absolute;inset-block:0;inset-inline-start:0}.progress__pct{text-align:end;min-inline-size:4ch;color:var(--fg-2);flex:none}.route-progress{z-index:var(--z-sticky);pointer-events:none;block-size:2px;position:absolute;inset-block-start:0;inset-inline:0}.route-progress__fill{background:var(--gold-mark);block-size:100%;inline-size:0;transition:inline-size 8s var(--ease-out), opacity var(--d-3) var(--ease-out);display:block}.route-progress[data-phase=loading] .route-progress__fill{inline-size:80%}.route-progress[data-phase=done] .route-progress__fill{opacity:0;inline-size:100%;transition:inline-size var(--d-3) var(--ease-out), opacity var(--d-3) var(--ease-out) var(--d-3)}@media (forced-colors:active){.progress__fill,.route-progress__fill{background:highlight}}.tooltip{z-index:var(--z-tooltip);max-inline-size:240px;padding:6px var(--s-2);border-radius:var(--r-0);font:var(--t-small);text-wrap:pretty;overflow-wrap:break-word;animation:ov-fade-in var(--d-2) var(--ease-out)}.tooltip[data-state=closed]{animation:ov-fade-out calc(var(--d-2) * .7) var(--ease-out) forwards}.btn{justify-content:center;align-items:center;gap:var(--s-2);border-radius:var(--r-1);min-inline-size:0;font:var(--t-body-strong);color:var(--fg-1);white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background-color var(--d-1) var(--ease-out), border-color var(--d-1) var(--ease-out), color var(--d-1) var(--ease-out), transform var(--d-1) var(--ease-out);border:1px solid #0000;flex:none;text-decoration:none;display:inline-flex;position:relative}.btn--block{inline-size:100%;display:flex}.btn--sm{block-size:32px;padding-inline:var(--s-3);font:var(--t-label);gap:6px}.btn--md{block-size:36px;padding-inline:14px}.btn--lg{block-size:44px;padding-inline:var(--s-5);font:500 15px/20px var(--ff-text)}:lang(ar) .btn--lg{font:500 16px/24px var(--ff-text)}@media (pointer:coarse){.btn--md{block-size:44px}}.btn--icon{inline-size:36px;padding:0}.btn--icon.btn--sm{inline-size:32px}.btn--icon.btn--lg{inline-size:44px}@media (pointer:coarse){.btn--icon.btn--md{inline-size:44px}:is(.btn--sm,.btn--link):after{content:"";position:absolute;inset-block:calc(50% - 22px);inset-inline:0}.btn--icon.btn--sm:after{inset-inline:calc(50% - 22px)}}.btn--primary{background:var(--primary-bg);color:var(--primary-fg)}.btn--secondary{border-color:var(--line-control)}.btn--danger{background:var(--danger-bg);color:var(--danger-fg)}.btn--link{border-radius:var(--r-0);block-size:auto;font:inherit;color:inherit;text-underline-offset:.3em;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);text-decoration-color:color-mix(in srgb, currentColor 40%, transparent);white-space:normal;border:0;padding:0}@media (hover:hover) and (pointer:fine){.btn--primary:not(:disabled,[aria-disabled=true]):hover{background:var(--primary-hover)}.btn--danger:not(:disabled,[aria-disabled=true]):hover{background:var(--danger-hover)}:is(.btn--secondary,.btn--quiet):not(:disabled,[aria-disabled=true]):hover{background:var(--bg-hover)}.btn--link:not(:disabled,[aria-disabled=true]):hover{text-decoration-color:currentColor}}:is(.btn--secondary,.btn--quiet):not(:disabled,[aria-disabled=true]):active{background:var(--bg-pressed)}:is(.btn--primary,.btn--secondary,.btn--danger,.btn--icon):not(:disabled,[aria-disabled=true],.is-loading):active{transform:scale(calc(1 - .03 * var(--shift)))}.btn:is(:disabled,[aria-disabled=true]){border-color:var(--line-hair);color:var(--fg-disabled);background:0 0}:is(.btn--quiet,.btn--link):is(:disabled,[aria-disabled=true]){border-color:#0000}.btn.is-loading{cursor:progress}.btn__lead{flex:none;place-items:center;block-size:20px;inline-size:20px;display:inline-grid}.btn--sm .btn__lead{block-size:16px;inline-size:16px}.btn__labels{min-inline-size:0;display:inline-grid}.btn__labels>*{text-align:center;text-overflow:ellipsis;grid-area:1/1;overflow:hidden}.btn__labels>[data-active=false],.btn__sizer{visibility:hidden}.btn__busy,.btn__sizer{justify-content:center;align-items:center;gap:var(--s-2);display:inline-flex}.btn--sm :is(.btn__busy,.btn__sizer){gap:6px}.btn__sizer-spin{flex:none;inline-size:14px}@media (forced-colors:active){.btn{border-color:buttontext}.btn:is(:disabled,[aria-disabled=true]){color:graytext;border-color:graytext}}
