.tbt-overlay{position:fixed;top:0;left:0;right:0;z-index:var(--z-tbt);pointer-events:none}.tbt-overlay[hidden]{display:block!important;opacity:0;transform:translateY(-100%);pointer-events:none}.tbt-overlay:not([hidden]){opacity:1;transform:translateY(0)}.tbt-bar{pointer-events:auto;position:relative;overflow:hidden;isolation:isolate;background:var(--tbt-bar-bg);color:var(--tbt-bar-fg);padding:calc(var(--safe-top) + var(--sp-3)) calc(var(--safe-right) + var(--sp-3)) var(--sp-3) calc(var(--safe-left) + var(--sp-3));display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:'maneuver instruction close' 'extras   extras      extras';align-items:center;gap:var(--sp-2) var(--sp-3);box-shadow:var(--shadow-lg);min-height:var(--tbt-bar-min-h)}:root[data-kb-style=diamonds] .tbt-bar{background-color:#fff;background-image:linear-gradient(rgba(255,255,255,.2),rgba(255,255,255,.2)),var(--kb-diamond-pattern-strong);background-repeat:repeat;background-size:auto,44px 44px;color:#003f72;border-bottom:3px solid var(--kb-bavaria-blue);text-shadow:none}:root[data-kb-style=diamonds] .tbt-bar>*{position:relative;z-index:1}:root[data-kb-style=diamonds] .tbt-instruction{padding:6px 10px;margin:-6px -10px;border-radius:var(--radius-md);background:rgba(255,255,255,.9);box-shadow:inset 0 0 0 1px rgba(0,139,210,.22),0 4px 16px rgba(0,80,146,.16);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}:root[data-kb-style=diamonds] .tbt-close,:root[data-kb-style=diamonds] .tbt-color-switch,:root[data-kb-style=diamonds] .tbt-maneuver,:root[data-kb-style=diamonds] .tbt-mute,:root[data-kb-style=diamonds] .tbt-share,:root[data-kb-style=diamonds] .tbt-speak,:root[data-kb-style=diamonds] .tbt-speed{background-color:rgba(255,255,255,.9);color:#003f72;box-shadow:inset 0 0 0 1px rgba(0,139,210,.25),0 4px 14px rgba(0,80,146,.14);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}:root[data-kb-style=diamonds] .tbt-color-switch{padding:3px;border-radius:var(--radius-full)}:root[data-kb-style=diamonds] .tbt-color-switch__btn{background-color:rgba(255,255,255,.75);color:#003f72}.tbt-maneuver{grid-area:maneuver;flex-shrink:0;width:52px;height:52px;border-radius:var(--radius-lg);background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center}.tbt-maneuver svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round}.tbt-icon{display:inline-flex;align-items:center;justify-content:center;line-height:0}.tbt-icon svg{width:28px;height:28px}.tbt-instruction{grid-area:instruction;display:flex;flex-direction:column;gap:2px;min-width:0}.tbt-instruction[role=button]{cursor:pointer;border-radius:var(--radius-md);padding:2px 4px;margin:-2px -4px}.tbt-instruction[role=button]:focus-visible{outline:2px solid rgba(255,255,255,.85);outline-offset:2px}.tbt-instruction__label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;opacity:.7;line-height:1.1}.tbt-instruction__label:empty{display:none}.tbt-instruction__dist{font-size:var(--text-xl);font-weight:700;line-height:var(--lh-tight)}.tbt-instruction__text{font-size:var(--text-sm);opacity:.92;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tbt-instruction__subline{font-size:12px;opacity:.78;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tbt-instruction__subline:empty{display:none}.tbt-close{grid-area:close;pointer-events:auto;flex-shrink:0;width:40px;height:40px;border:none;border-radius:var(--radius-full);background:rgba(255,255,255,.2);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--dur-fast) var(--ease-base)}.tbt-close:hover{background:rgba(255,255,255,.35)}.tbt-close:active{transform:scale(.94)}.tbt-color-switch,.tbt-mute,.tbt-share,.tbt-speak,.tbt-speed{grid-area:extras}.tbt-speed{display:inline-flex;align-items:baseline;gap:4px;padding:4px 10px;border-radius:var(--radius-full);background:rgba(255,255,255,.16);font-variant-numeric:tabular-nums;line-height:1;align-self:center;justify-self:start;transition:color var(--dur-fast) var(--ease-base)}.tbt-speed__value{font-size:var(--text-base);font-weight:700}.tbt-speed__unit{font-size:11px;opacity:.75}.tbt-bar>.tbt-color-switch,.tbt-bar>.tbt-mute,.tbt-bar>.tbt-share,.tbt-bar>.tbt-speak,.tbt-bar>.tbt-speed{margin-top:0}@media (max-width:767.98px){.tbt-bar{grid-template-columns:auto 1fr auto;grid-template-areas:'maneuver instruction close' 'extras   extras      extras'}.tbt-bar::after{content:'';display:none}.tbt-bar>.tbt-color-switch,.tbt-bar>.tbt-mute,.tbt-bar>.tbt-share,.tbt-bar>.tbt-speak,.tbt-bar>.tbt-speed{align-self:center}.tbt-bar>.tbt-speed{justify-self:start}.tbt-bar>.tbt-mute{justify-self:end;grid-column:auto}.tbt-bar>.tbt-color-switch{justify-self:end}.tbt-bar>.tbt-speak{justify-self:end}.tbt-bar>.tbt-share{justify-self:end}.tbt-bar{grid-template-areas:'maneuver instruction instruction close' 'speed    switcher    share       voice';grid-template-columns:auto 1fr auto auto}.tbt-bar>.tbt-speed{grid-area:speed}.tbt-bar>.tbt-color-switch{grid-area:switcher;justify-self:center}.tbt-bar>.tbt-share{grid-area:share}.tbt-bar>.tbt-mute{grid-area:voice;transform:translateX(0)}.tbt-bar>.tbt-speak{grid-area:voice;transform:translateX(-44px)}}.tbt-bar:not(:has(.tbt-speed)):not(:has(.tbt-color-switch)):not(
:has(.tbt-speak)
):not(:has(.tbt-share)):not(:has(.tbt-mute)){grid-template-areas:'maneuver instruction close'}.tbt-footer{pointer-events:auto;position:fixed;bottom:0;left:0;right:0;z-index:var(--z-tbt);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-lg);padding:var(--sp-3) calc(var(--safe-right) + var(--sp-4)) calc(var(--safe-bottom) + var(--sp-3)) calc(var(--safe-left) + var(--sp-4));display:flex;align-items:center;gap:var(--sp-4);min-height:var(--tbt-footer-h)}.tbt-footer[hidden]{display:flex!important;opacity:0;transform:translateY(100%);pointer-events:none}.tbt-footer:not([hidden]){opacity:1;transform:translateY(0)}.tbt-eta{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.tbt-eta__time{font-size:var(--text-xl);font-weight:700;color:var(--color-text);line-height:var(--lh-tight);font-variant-numeric:tabular-nums}.tbt-eta__detail,.tbt-eta__remain{font-size:var(--text-sm);color:var(--color-text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tbt-stop-btn{padding:var(--sp-2) var(--sp-5);border:none;border-radius:var(--radius-full);background:var(--color-error);color:#fff;font-family:var(--font-sans);font-size:var(--text-base);font-weight:600;cursor:pointer;min-height:44px}.tbt-stop-btn:hover{filter:brightness(.9)}.tbt-stop-btn:active{transform:scale(.97)}.tbt-recenter{flex-shrink:0;width:44px;height:44px;border:2px solid var(--color-primary);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--dur-fast) var(--ease-base),transform var(--dur-fast) var(--ease-base);animation:tbt-recenter-pulse 2s ease-in-out infinite}.tbt-recenter:hover{background:var(--kb-blue-bg,#e8f2fb)}.tbt-recenter:active{transform:scale(.92)}@keyframes tbt-recenter-pulse{0%,100%{box-shadow:0 0 0 0 rgba(0,102,179,.3)}50%{box-shadow:0 0 0 6px rgba(0,102,179,0)}}.tbt-along-btn,.tbt-info-btn{flex-shrink:0;display:flex;align-items:center;gap:5px;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-2);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;cursor:pointer;padding:var(--sp-2) var(--sp-3);min-height:40px;transition:border-color var(--dur-fast) var(--ease-base),color var(--dur-fast) var(--ease-base),background var(--dur-fast) var(--ease-base)}.tbt-along-btn:hover,.tbt-along-btn[aria-expanded=true],.tbt-info-btn:hover,.tbt-info-btn[aria-expanded=true]{border-color:var(--color-primary);color:var(--color-primary);background:var(--kb-blue-bg,#e8f2fb)}.tbt-along-btn__label,.tbt-info-btn__label{white-space:nowrap}@media (max-width:360px){.tbt-along-btn__label,.tbt-info-btn__label{display:none}}.nav-along-panel,.nav-route-info-panel{position:fixed;bottom:var(--tbt-footer-h,72px);left:0;right:0;z-index:calc(var(--z-tbt) - 1);background:var(--color-surface);border-top:1px solid var(--color-border);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-lg);max-height:65vh;display:flex;flex-direction:column;overflow:hidden;padding-bottom:env(safe-area-inset-bottom,0);transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.nav-along-panel[hidden],.nav-route-info-panel[hidden]{display:flex!important;opacity:0;transform:translateY(100%);pointer-events:none}.nav-along-panel:not([hidden]),.nav-route-info-panel:not([hidden]){opacity:1;transform:translateY(0);pointer-events:auto}.nav-along-panel__header,.nav-route-info-panel__header{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4) var(--sp-2);border-bottom:1px solid var(--color-border);flex-shrink:0}.nav-along-panel__title,.nav-route-info-panel__title{font-size:var(--text-base);font-weight:700;color:var(--color-text);margin:0;flex:1}.nav-along-panel__close,.nav-route-info-panel__close{flex-shrink:0;width:34px;height:34px;border:none;border-radius:var(--radius-full);background:var(--gray-100);color:var(--color-text-2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--dur-fast) var(--ease-base)}.nav-along-panel__close:hover,.nav-route-info-panel__close:hover{background:var(--gray-200)}.nav-route-info-panel__body{flex:1;overflow-y:auto;padding:var(--sp-3) var(--sp-4);color:var(--color-text);font-size:var(--text-sm);line-height:1.45;white-space:pre-wrap;-webkit-overflow-scrolling:touch}.nav-route-info-panel__actions{display:flex;align-items:center;gap:var(--sp-2);justify-content:flex-end;padding:0 var(--sp-4) var(--sp-3);border-top:1px solid var(--color-border)}.nav-route-info-panel__status{flex:1 1 140px;min-width:0;color:var(--color-text-2);font-size:var(--text-xs);line-height:1.25}.nav-route-info-panel__status.is-error{color:#b91c1c}.nav-route-info-panel__problem,.nav-route-info-panel__research{display:inline-flex;align-items:center;gap:7px;min-height:38px;border:none;border-radius:var(--radius-lg);background:var(--color-primary);color:#fff;cursor:pointer;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:700;padding:var(--sp-2) var(--sp-3)}.nav-route-info-panel__problem{background:var(--gray-100);color:var(--color-text)}.nav-route-info-panel__problem:focus-visible,.nav-route-info-panel__problem:hover{background:var(--gray-200);outline:0}.nav-route-info-panel__problem:disabled{cursor:wait;opacity:.7}@media (max-width:420px){.nav-route-info-panel__actions{align-items:stretch;flex-direction:column}.nav-route-info-panel__status{flex-basis:auto}.nav-route-info-panel__problem,.nav-route-info-panel__research{justify-content:center;width:100%}}.nav-along-panel__search-row{display:flex;gap:var(--sp-2);align-items:center;padding:var(--sp-2) var(--sp-4) var(--sp-1);flex-shrink:0}.nav-along-panel__scope-toggle{padding:var(--sp-2) var(--sp-4) 0;margin-bottom:0;flex-shrink:0}.nav-along-panel__input{flex:1;min-width:0;padding:var(--sp-2) var(--sp-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--gray-50);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text);outline:0}.nav-along-panel__input:focus{border-color:var(--color-primary);background:#fff}.nav-along-panel__btn{flex-shrink:0;width:38px;height:38px;border:none;border-radius:var(--radius-lg);background:var(--color-primary);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.nav-along-panel__chips{display:flex;flex-wrap:wrap;gap:6px;padding:0 var(--sp-4) var(--sp-2);flex-shrink:0}.nav-along-panel__chips button{flex:0 0 auto;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--gray-50);color:var(--color-text-2);cursor:pointer;font-size:var(--text-xs);font-weight:600;min-height:30px;padding:4px 10px;white-space:nowrap;transition:border-color var(--dur-fast) var(--ease-base),color var(--dur-fast) var(--ease-base)}.nav-along-panel__chips button:focus-visible,.nav-along-panel__chips button:hover{border-color:var(--color-primary);color:var(--color-primary);outline:0}.nav-along-panel__results{flex:1;overflow-y:auto;padding:0 var(--sp-4) var(--sp-3);-webkit-overflow-scrolling:touch}body.is-tbt-active .sheet--anna{bottom:calc(var(--kb-tbt-footer-h,var(--tbt-footer-h)) + var(--sp-2));max-height:max(220px,calc(var(--app-height) - var(--kb-tbt-bar-h,128px) - var(--kb-tbt-footer-h,var(--tbt-footer-h)) - var(--sp-4)))}body.is-tbt-active .sheet--anna[hidden]{transform:translateY(calc(100% + var(--kb-tbt-footer-h,var(--tbt-footer-h)) + var(--sp-2)))}@media (min-width:768px){.nav-along-panel__chips{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (min-width:768px){.nav-along-panel,.nav-route-info-panel{left:var(--sp-3);right:auto;width:min(420px,calc(100vw - 2 * var(--sp-3)));border-radius:var(--radius-xl);bottom:calc(var(--tbt-footer-h,72px) + var(--sp-3));max-height:70vh;border:1px solid var(--color-border)}}.tbt-footer,.tbt-overlay{transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}@media (min-width:768px){.tbt-bar{margin:var(--sp-3) var(--sp-3) 0 var(--sp-3);border-radius:var(--radius-xl);max-width:620px;padding:var(--sp-3) var(--sp-4);grid-template-columns:auto 1fr auto auto auto auto auto auto;grid-template-areas:'maneuver instruction speed switcher share speak mute close';backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);background:color-mix(in srgb,var(--color-primary) 92%,transparent)}.tbt-bar>.tbt-speed{grid-area:speed;justify-self:end}.tbt-bar>.tbt-color-switch{grid-area:switcher;justify-self:end}.tbt-bar>.tbt-speak{grid-area:speak;justify-self:end}.tbt-bar>.tbt-share{grid-area:share;justify-self:end}.tbt-bar>.tbt-mute{grid-area:mute;justify-self:end}.tbt-footer{margin:0 var(--sp-3) var(--sp-3) var(--sp-3);max-width:560px;border-radius:var(--radius-xl);padding:var(--sp-3) var(--sp-4);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);background:color-mix(in srgb,var(--color-surface) 92%,transparent)}}@media (min-width:1024px){.tbt-bar{margin-left:var(--sp-4);margin-top:calc(var(--safe-top) + var(--sp-4));padding:var(--sp-3) var(--sp-4)}.tbt-footer{left:var(--sp-4);right:auto;margin:0 0 calc(var(--safe-bottom) + var(--sp-4)) 0;width:min(560px,calc(100vw - 2 * var(--sp-4)))}}@media (max-height:480px) and (orientation:landscape){.tbt-bar{padding-top:calc(var(--safe-top) + var(--sp-2));padding-bottom:var(--sp-2);grid-template-columns:auto 1fr auto auto auto auto auto;grid-template-areas:'maneuver instruction speed share speak mute close';gap:var(--sp-2)}.tbt-bar>.tbt-color-switch{display:none}.tbt-bar>.tbt-speed{grid-area:speed}.tbt-bar>.tbt-speak{grid-area:speak}.tbt-bar>.tbt-share{grid-area:share}.tbt-bar>.tbt-mute{grid-area:mute}.tbt-maneuver{width:44px;height:44px}.tbt-icon svg,.tbt-maneuver svg{width:24px;height:24px}.tbt-instruction__dist{font-size:var(--text-base)}.tbt-footer{min-height:56px;padding-top:var(--sp-2);padding-bottom:calc(var(--safe-bottom) + var(--sp-2))}.tbt-eta__time{font-size:var(--text-base)}}.tbt-share-panel{pointer-events:auto;position:fixed;z-index:55;top:calc(var(--safe-top) + 96px);right:calc(var(--safe-right) + var(--sp-3));width:min(380px,calc(100vw - var(--safe-left) - var(--safe-right) - 24px));max-height:calc(100vh - var(--safe-top) - var(--safe-bottom) - 128px);overflow:auto;box-sizing:border-box;padding:var(--sp-3);border:1px solid color-mix(in srgb,var(--color-primary) 12%,#d9e2ed);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-surface) 96%,transparent);box-shadow:var(--shadow-lg);color:var(--color-text);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3)}.tbt-share-panel[hidden]{display:none}.tbt-share-panel__head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);margin-bottom:var(--sp-2)}.tbt-share-panel h2{margin:0;font-size:var(--text-base);line-height:var(--lh-tight);letter-spacing:0}.tbt-share-panel__close{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #d9e2ed;border-radius:var(--radius-full);background:#fff;color:var(--color-text);cursor:pointer}.tbt-share-panel__modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 var(--sp-3);padding:0;border:0}.tbt-share-panel__modes legend{grid-column:1/-1;margin-bottom:2px;color:var(--color-muted);font-size:12px;font-weight:700;text-transform:uppercase}.tbt-share-panel__modes label{display:flex;align-items:center;gap:8px;min-height:36px;padding:0 10px;border:1px solid #d9e2ed;border-radius:var(--radius-md);background:#fff;font-size:13px;font-weight:700;cursor:pointer}.tbt-share-panel__modes input{width:16px;height:16px;accent-color:var(--color-primary)}.tbt-share-panel__modes label:has(input:checked){border-color:color-mix(in srgb,var(--color-primary) 58%,#fff);background:color-mix(in srgb,var(--color-primary) 9%,#fff)}.tbt-share-panel__link,.tbt-share-panel__status{margin-bottom:var(--sp-2);padding:9px 10px;border-radius:var(--radius-md);background:#f8fafc;color:var(--color-muted);font-size:13px;line-height:1.35;overflow-wrap:anywhere}.tbt-share-panel__status.is-error{background:#fef2f2;color:#991b1b}.tbt-share-panel__link{color:var(--color-text)}.tbt-share-panel__actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tbt-share-action{min-height:38px;padding:0 10px;border:1px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-primary);color:#fff;font-size:13px;font-weight:750;cursor:pointer}.tbt-share-action:disabled{border-color:#cbd5e1;background:#e2e8f0;color:#64748b;cursor:default}.tbt-share-action--danger:not(:disabled){border-color:#b91c1c;background:#b91c1c}@media (max-width:767.98px){.tbt-share-panel{left:calc(var(--safe-left) + var(--sp-2));right:calc(var(--safe-right) + var(--sp-2));top:calc(var(--safe-top) + 118px);width:auto;max-height:min(48vh,420px);padding:var(--sp-2)}}@media (max-width:900px) and (max-height:480px) and (orientation:landscape){.tbt-share-panel{left:auto;right:calc(var(--safe-right) + var(--sp-2));top:calc(var(--safe-top) + 58px);width:min(360px,46vw);max-height:calc(100vh - var(--safe-top) - var(--safe-bottom) - 68px)}.tbt-share-panel__modes{grid-template-columns:1fr 1fr;gap:6px}.tbt-share-panel__actions{grid-template-columns:1fr}}.tbt-mute,.tbt-share,.tbt-speak{flex-shrink:0;width:40px;height:40px;border:none;border-radius:var(--radius-full);background:rgba(255,255,255,.15);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:background var(--dur-fast) var(--ease-base),transform var(--dur-fast) var(--ease-base)}.tbt-mute:hover,.tbt-share:hover,.tbt-speak:hover{background:rgba(255,255,255,.25)}.tbt-mute:active,.tbt-share:active,.tbt-speak:active{transform:scale(.94)}.tbt-share.is-active{background:rgba(20,184,166,.34);box-shadow:inset 0 0 0 1px rgba(255,255,255,.26),0 0 0 4px rgba(20,184,166,.18)}.tbt-speak__icon{position:relative;z-index:1}.tbt-speak__waves{position:absolute;inset:8px;display:none;align-items:center;justify-content:center;gap:2px;pointer-events:none}.tbt-speak__waves span{width:3px;height:7px;border-radius:var(--radius-full);background:currentColor;transform-origin:center;opacity:.85;animation:tbt-speak-wave 760ms ease-in-out infinite}.tbt-speak__waves span:nth-child(2){animation-delay:120ms}.tbt-speak__waves span:nth-child(3){animation-delay:240ms}.tbt-bar.is-speaking .tbt-speak,.tbt-speak.is-speaking{background:rgba(255,255,255,.32);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28),0 0 0 4px rgba(255,255,255,.12)}.tbt-bar.is-speaking .tbt-speak__icon,.tbt-speak.is-speaking .tbt-speak__icon{opacity:0}.tbt-bar.is-speaking .tbt-speak__waves,.tbt-speak.is-speaking .tbt-speak__waves{display:inline-flex}@keyframes tbt-speak-wave{0%,100%{transform:scaleY(.65)}45%{transform:scaleY(1.8)}}.tbt-mute .tbt-mute__off{display:none}.tbt-mute.is-muted .tbt-mute__on{display:none}.tbt-mute.is-muted .tbt-mute__off{display:block}@media (prefers-reduced-motion:reduce){.tbt-speak__waves span{animation:none;transform:none}}.tbt-color-switch{display:flex;align-items:center;gap:4px;flex-shrink:0}.tbt-color-switch__btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border-radius:var(--radius-full);border:1.5px solid rgba(255,255,255,.35);background:rgba(255,255,255,.12);color:rgba(255,255,255,.75);cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s,color .15s,transform .15s}.tbt-color-switch__btn[data-variant=fast]{background:rgba(37,99,235,.18);border-color:rgba(96,165,250,.5);color:#bfdbfe}.tbt-color-switch__btn[data-variant=short]{background:rgba(16,185,129,.18);border-color:rgba(52,211,153,.5);color:#bbf7d0}.tbt-color-switch__btn[data-variant=balanced]{background:rgba(245,158,11,.2);border-color:rgba(251,191,36,.52);color:#fde68a}.tbt-color-switch__btn.is-active{box-shadow:0 0 0 2px rgba(255,255,255,.12);color:#fff}.tbt-color-switch__btn[hidden]{display:none}.tbt-color-switch__btn:active{transform:scale(.95)}.tbt-color-switch__icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center}.tbt-color-switch__icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}