/* BEGIN VIEWER EVENTS: standalone CSS/SCSS identical */ #viewer-notification-center { margin: 8px 0; padding: 8px; font: 13px/1.4 sans-serif; border-top: 1px solid #cbd5e1; overflow-wrap: anywhere; } #viewer-notification-center summary { cursor: pointer; font-weight: 600; } #viewer-notification-center ol { padding-left: 18px; max-height: 220px; overflow-y: auto; } #viewer-notification-center p { margin: 6px 0; } #viewer-notification-toasts { position: fixed; bottom: 70px; left: 8px; width: min(320px, calc(100vw - 16px)); z-index: 20010; pointer-events: none; font: 13px/1.4 sans-serif; } .viewer-notification-toast { display: flex; align-items: flex-start; gap: 8px; margin-top: 6px; padding: 10px; color: #fff; background: #253145; border-radius: 4px; box-shadow: 0 2px 8px #0004; } .viewer-notification-toast span { flex: 1; overflow-wrap: anywhere; } .viewer-notification-toast button { pointer-events: auto; color: inherit; background: transparent; border: 0; padding: 0 6px; min-width: 28px; min-height: 28px; font: inherit; cursor: pointer; } /* END VIEWER EVENTS */ /* BEGIN FOLLOWME MARKER DESIGNS 2026-09-27 */ .map-racer-symbol.is-favorite{filter:drop-shadow(0 0 1px #ffcf00) drop-shadow(0 0 3px #ffcf00)} .map-racer-symbol .marker-photo,.map-racer-symbol .marker-name{display:none} html[data-marker-style]:not([data-marker-style="classic"]) .map-racer-symbol{box-sizing:border-box;display:flex;position:relative;align-items:center;justify-content:center;margin:0;background:#050505!important;border:2px solid #fff;border-radius:7px;box-shadow:0 2px 7px rgba(0,0,0,.38);isolation:isolate} html[data-marker-style]:not([data-marker-style="classic"]) .map-racer-symbol::before{content:"";position:absolute;left:50%;bottom:-13px;width:17px;height:17px;background:#050505;border-right:2px solid #fff;border-bottom:2px solid #fff;border-radius:0 0 4px 0;transform:translateX(-50%) rotate(45deg);z-index:-1} html[data-marker-style]:not([data-marker-style="classic"]) .map-racer-symbol .marker-number{box-sizing:border-box;display:flex;position:relative;align-items:center;justify-content:center;width:auto;height:auto;margin:0;color:#fff!important;font-family:Arial,sans-serif;font-weight:800;line-height:1;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.85);z-index:2} html[data-marker-style]:not([data-marker-style="classic"]) .map-racer-symbol .marker-photo{box-sizing:border-box;background:#777 center/cover no-repeat} html[data-marker-style]:not([data-marker-style="classic"]) .map-racer-symbol.has-no-photo .marker-photo{background:linear-gradient(145deg,#777,#aaa)} html[data-marker-style]:not([data-marker-style="classic"]) .map-racer-symbol.is-favorite{border-color:#ffcf00;filter:none;box-shadow:0 0 0 1px rgba(255,207,0,.4),0 2px 7px rgba(0,0,0,.38)} html[data-marker-style]:not([data-marker-style="classic"]) .map-racer-symbol.is-favorite::before{border-color:#ffcf00} html[data-marker-style="number"] .map-racer-symbol{width:62px;height:43px;margin-top:-22px;margin-left:-10px} html[data-marker-style="number"] .map-racer-symbol .marker-number{font-size:25px} html[data-marker-style="photoWide"] .map-racer-symbol{width:72px;height:43px;margin-top:-22px;margin-left:-15px;overflow:visible} html[data-marker-style="photoWide"] .map-racer-symbol .marker-photo{display:block;position:absolute;inset:2px;border-radius:4px} html[data-marker-style="photoWide"] .map-racer-symbol .marker-number{align-self:flex-end;margin-left:auto;padding:0 3px 2px 0;font-size:18px;text-shadow:-1px -1px 1px #000,1px -1px 1px #000,-1px 1px 1px #000,1px 1px 1px #000} html[data-marker-style="photoVertical"] .map-racer-symbol{width:72px;height:43px;justify-content:flex-end;margin-top:-22px;margin-left:-15px;padding-right:2px;overflow:visible} html[data-marker-style="photoVertical"] .map-racer-symbol .marker-photo{display:block;position:absolute;inset:2px;border-radius:4px} html[data-marker-style="photoVertical"] .map-racer-symbol .marker-number{font-size:19px;letter-spacing:-2px;transform:rotate(-90deg);transform-origin:center;text-shadow:-1px -1px 1px #000,1px -1px 1px #000,-1px 1px 1px #000,1px 1px 1px #000} html[data-marker-style="photoSplit"] .map-racer-symbol{width:72px;height:43px;justify-content:flex-start;margin-top:-22px;margin-left:-15px;padding:3px} html[data-marker-style="photoSplit"] .map-racer-symbol .marker-photo{display:block;flex:0 0 36px;width:36px;height:35px;border-radius:4px} html[data-marker-style="photoSplit"] .map-racer-symbol .marker-number{flex:1 1 auto;min-width:0;padding-left:3px;font-size:17px;letter-spacing:-1px} html[data-marker-style="photoSquare"] .map-racer-symbol{width:43px;height:52px;align-items:flex-end;margin-top:-31px;margin-left:-1px;padding:3px} html[data-marker-style="photoSquare"] .map-racer-symbol .marker-photo{display:block;position:absolute;top:3px;left:3px;width:35px;height:35px;border-radius:4px} html[data-marker-style="photoSquare"] .map-racer-symbol .marker-number{width:100%;padding-bottom:0;font-size:17px;letter-spacing:-1px;text-shadow:-1px -1px 1px #000,1px -1px 1px #000,-1px 1px 1px #000,1px 1px 1px #000} /* END FOLLOWME MARKER DESIGNS 2026-09-27 */ /* followme marker photo design v2 begin */ /* followme marker photo design v2 */ html[data-marker-style]:not([data-marker-style="classic"]) .map-racer-symbol .marker-photo{overflow:hidden;background:#111} html[data-marker-style]:not([data-marker-style="classic"]) .map-racer-symbol .marker-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 32%} html[data-marker-style]:not([data-marker-style="classic"]) .map-racer-symbol.has-no-photo .marker-photo{display:none!important} html[data-marker-style]:not([data-marker-style="classic"]) .map-racer-symbol.has-no-photo{width:56px;height:39px;margin-top:-18px;margin-left:-7px;padding:0;justify-content:center;background:#050505!important} html[data-marker-style]:not([data-marker-style="classic"]) .map-racer-symbol.has-no-photo .marker-number{flex:0 0 auto;width:100%;padding:0;font-size:23px;letter-spacing:0;transform:none} html[data-marker-style="photoWide"] .map-racer-symbol .marker-photo::after,html[data-marker-style="photoVertical"] .map-racer-symbol .marker-photo::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.72));pointer-events:none} /* followme marker photo design v2 end */ /* BEGIN FOLLOWME RACERS PANEL RESIZE 2026-10-10 */ @media only screen and (max-width:767px), only screen and (orientation:landscape) and (hover:none) and (pointer:coarse) and (max-height:600px) { .trc-list-ctrl.is-mobile-open.is-racers-resized { top:auto !important; width:var(--fm-racers-panel-width) !important; height:var(--fm-racers-panel-height) !important; max-width:calc(100vw - 12px) !important; max-height:calc(100vh - var(--mobile-header-height,52px) - var(--fm-mobile-playback-height,42px) - 18px - env(safe-area-inset-bottom,0px)) !important; } .fm-racers-resize-handle { display:none; position:absolute; left:0; bottom:0; width:34px; height:34px; padding:0; border:0; border-radius:0 12px 0 0; background:rgba(255,255,255,.16); color:#fff; cursor:nesw-resize; touch-action:none; user-select:none; z-index:20; } .trc-list-ctrl.is-mobile-open:not(.is-settings-open):not(.is-information-open):not(.is-detail-open) > .fm-racers-resize-handle { display:flex; align-items:center; justify-content:center; } .fm-racers-resize-handle::before { content:""; width:14px; height:14px; border-left:2px solid currentColor; border-bottom:2px solid currentColor; box-shadow:-4px 4px 0 -2px currentColor; opacity:.9; } .fm-racers-resize-handle:focus-visible { outline:2px solid #fff; outline-offset:-4px; } .trc-list-ctrl.is-racers-resizing { transition:none !important; } .trc-list-ctrl.is-racers-resizing, .trc-list-ctrl.is-racers-resizing * { user-select:none !important; } .trc-list-ctrl.is-racers-resized > .trc-list-body { min-height:0; } } /* END FOLLOWME RACERS PANEL RESIZE 2026-10-10 */ /* Scoped MAIN controls refresh 2026-10-24; parsed selector ledger in packet. */ @media only screen and (max-width: 767px), only screen and (orientation: landscape) and (hover: none) and (pointer: coarse) and (max-height: 600px) {#mobile-racers-messages-panel.is-mobile-open.is-side-panel-resized{box-sizing: border-box; flex-direction: column; overflow: hidden; display: flex !important; top: var(--fm-side-panel-top) !important; right: 0px !important; bottom: auto !important; left: auto !important; width: var(--fm-side-panel-width) !important; max-width: calc(-38px + 100vw) !important; height: var(--fm-side-panel-height) !important; max-height: calc(100dvh - var(--fm-side-panel-top) - 6px) !important;} #mobile-racers-messages-panel > .fm-side-panel-resize-handle{display: none; box-sizing: border-box; position: absolute; bottom: 0px; left: 0px; width: 40px; height: 40px; margin: 0px; padding: 0px; border: 0px; border-radius: 0px 10px 0px 0px; background: rgba(255, 255, 255, 0.88); color: rgb(34, 34, 34); cursor: nesw-resize; touch-action: none; z-index: 20;} #mobile-racers-messages-panel > .fm-side-panel-resize-handle::before{content: ""; position: absolute; left: 8px; bottom: 8px; width: 24px; height: 24px; background: currentcolor; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='M5 19 19 5M12 5h7v7M12 19H5v-7'/%3E%3C/svg%3E") center center / contain no-repeat; pointer-events: none;} #mobile-racers-messages-panel > .fm-side-panel-resize-handle:active{background: rgb(255, 255, 255); color: rgb(0, 0, 0);} #mobile-racers-messages-panel.is-mobile-open > .fm-side-panel-resize-handle{display: block;} #mobile-racers-messages-panel.is-side-panel-resizing,#mobile-racers-messages-panel.is-side-panel-resizing *{user-select: none;} #mobile-racers-messages-panel.is-side-panel-resized > .trc-list-body,#mobile-racers-messages-panel.is-side-panel-resized > .trc-list-messages-panel,#mobile-racers-messages-panel.is-side-panel-resized > .trc-detail-ctrl,#mobile-racers-messages-panel.is-side-panel-resized > .viewer-settings{box-sizing: border-box; max-width: 100%; max-height: 100%;} #mobile-racers-messages-panel.is-side-panel-resized > .trc-list-header{flex: 0 0 auto;} #mobile-racers-messages-panel.is-side-panel-resized > .trc-list-body,#mobile-racers-messages-panel.is-side-panel-resized > .trc-list-messages-panel{flex: 1 1 auto; width: 100%; min-height: 0px; overscroll-behavior: contain; touch-action: pan-y; height: auto !important; overflow: auto !important;} #mobile-racers-messages-panel.is-side-panel-resized > .trc-list-body > .mCustomScrollBox,#mobile-racers-messages-panel.is-side-panel-resized > .trc-list-body > .mCustomScrollBox > .mCSB_container,#mobile-racers-messages-panel.is-side-panel-resized .trc-detail-body-scrollable > .mCustomScrollBox,#mobile-racers-messages-panel.is-side-panel-resized .trc-detail-body-scrollable > .mCustomScrollBox > .mCSB_container{width: 100% !important; height: auto !important; max-height: none !important; overflow: visible !important;} #mobile-racers-messages-panel.is-side-panel-resized > .trc-list-body > .mCustomScrollBox > .mCSB_scrollTools,#mobile-racers-messages-panel.is-side-panel-resized .trc-detail-body-scrollable > .mCustomScrollBox > .mCSB_scrollTools{display: none !important;} #mobile-racers-messages-panel.is-side-panel-resized > .trc-detail-ctrl{min-width: 0px; width: 100% !important;} #mobile-racers-messages-panel.is-side-panel-resized.is-detail-open > .trc-detail-ctrl{display: flex; flex-direction: column;} #mobile-racers-messages-panel.is-side-panel-resized .trc-detail-nav,#mobile-racers-messages-panel.is-side-panel-resized .trc-detail-header{flex: 0 0 auto;} #mobile-racers-messages-panel.is-side-panel-resized .trc-detail-body{flex: 1 1 auto; width: 100%; min-height: 0px; overflow: hidden; height: auto !important;} #mobile-racers-messages-panel.is-side-panel-resized .trc-detail-body-scrollable{box-sizing: border-box; width: 100%; max-width: none; height: 100%; overflow: auto; overscroll-behavior: contain; touch-action: pan-y;} #mobile-racers-messages-panel.is-side-panel-resized > .viewer-settings{display: flex; flex-direction: column; inset: 0px; min-width: 0px; min-height: 0px; overflow: hidden;} #mobile-racers-messages-panel.is-side-panel-resized > .viewer-settings[hidden]{display: none !important;} #mobile-racers-messages-panel.is-side-panel-resized .viewer-settings > header{flex: 0 0 auto;} #mobile-racers-messages-panel.is-side-panel-resized .viewer-settings-body{box-sizing: border-box; flex: 1 1 auto; width: 100%; min-height: 0px; overflow: hidden scroll; overscroll-behavior: contain; touch-action: pan-y;} #mobile-racers-messages-panel.is-side-panel-resized > .trc-list-body,#mobile-racers-messages-panel.is-side-panel-resized > .trc-list-messages-panel,#mobile-racers-messages-panel.is-side-panel-resized .trc-detail-body-scrollable,#mobile-racers-messages-panel.is-side-panel-resized .viewer-settings-body{scrollbar-width: thin; scrollbar-color: rgb(152, 152, 152) rgba(255, 255, 255, 0.08);} #mobile-racers-messages-panel.is-side-panel-resized > .trc-list-body::-webkit-scrollbar,#mobile-racers-messages-panel.is-side-panel-resized > .trc-list-messages-panel::-webkit-scrollbar,#mobile-racers-messages-panel.is-side-panel-resized .trc-detail-body-scrollable::-webkit-scrollbar,#mobile-racers-messages-panel.is-side-panel-resized .viewer-settings-body::-webkit-scrollbar{width: 7px;} #mobile-racers-messages-panel.is-side-panel-resized > .trc-list-body::-webkit-scrollbar-track,#mobile-racers-messages-panel.is-side-panel-resized > .trc-list-messages-panel::-webkit-scrollbar-track,#mobile-racers-messages-panel.is-side-panel-resized .trc-detail-body-scrollable::-webkit-scrollbar-track,#mobile-racers-messages-panel.is-side-panel-resized .viewer-settings-body::-webkit-scrollbar-track{background: rgba(255, 255, 255, 0.08);} #mobile-racers-messages-panel.is-side-panel-resized > .trc-list-body::-webkit-scrollbar-thumb,#mobile-racers-messages-panel.is-side-panel-resized > .trc-list-messages-panel::-webkit-scrollbar-thumb,#mobile-racers-messages-panel.is-side-panel-resized .trc-detail-body-scrollable::-webkit-scrollbar-thumb,#mobile-racers-messages-panel.is-side-panel-resized .viewer-settings-body::-webkit-scrollbar-thumb{min-height: 28px; border: 1px solid transparent; border-radius: 7px; background: padding-box rgb(152, 152, 152);} #mobile-racers-messages-panel.is-side-panel-resized .trc-detail-section,#mobile-racers-messages-panel.is-side-panel-resized .trc-detail-profile-panel{box-sizing: border-box; width: 100%; max-width: none;} #mobile-racers-messages-panel.is-side-panel-resized .trc-list-racer{display: flex; align-items: center; min-width: 0px;} #mobile-racers-messages-panel.is-side-panel-resized .trc-list-racer-color{flex: 0 0 14px; margin-left: 4px;} #mobile-racers-messages-panel.is-side-panel-resized .trc-list-racer-rank{flex: 0 0 24px; width: 24px; margin-right: 2px; margin-left: 2px;} #mobile-racers-messages-panel.is-side-panel-resized .trc-list-racer-name{flex: 1 1 auto; width: auto; min-width: 0px;} #mobile-racers-messages-panel.is-side-panel-resized .trc-list-racer-label{display: flex; align-items: center; min-width: 0px;} #mobile-racers-messages-panel.is-side-panel-resized .trc-list-racer-label > .trc-racer-favorite{flex-basis: 20px; width: 20px; margin-right: 1px;} #mobile-racers-messages-panel.is-side-panel-resized .trc-list-racer-distance{margin-right: 5px; margin-left: 4px;} #mobile-racers-messages-panel.is-side-panel-resized .trc-detail-header-racer{display: grid; grid-template-columns: 42px minmax(0px, 1fr); width: 100%; min-height: 72px;} #mobile-racers-messages-panel.is-side-panel-resized .trc-detail-header-racer .trc-detail-header-left{box-sizing: border-box; width: 42px; height: auto;} #mobile-racers-messages-panel.is-side-panel-resized .trc-detail-header-racer .trc-detail-header-right{box-sizing: border-box; display: grid; grid-template-columns: minmax(0px, 1fr); gap: 2px 8px; width: 100%; min-width: 0px; height: auto; margin-left: 0px; padding: 6px 8px;} #mobile-racers-messages-panel.is-side-panel-resized .trc-detail-header-racer .trc-detail-name{display: flex; align-items: center; grid-column: 1 / -1; width: 100%; min-width: 0px; margin: 0px; white-space: nowrap;} #mobile-racers-messages-panel.is-side-panel-resized .trc-detail-header-racer .trc-detail-name > span{min-width: 0px; overflow: hidden; text-overflow: ellipsis;} #mobile-racers-messages-panel.is-side-panel-resized .trc-detail-header-racer .trc-detail-name > sup{flex: 0 0 auto;} #mobile-racers-messages-panel.is-side-panel-resized .trc-detail-header-racer .trc-detail-battery,#mobile-racers-messages-panel.is-side-panel-resized .trc-detail-header-racer .trc-detail-time{grid-column: 1; min-width: 0px; margin: 0px; font-size: 11px; line-height: 1.25;} #mobile-racers-messages-panel.is-side-panel-resized .trc-detail-header-racer .trc-detail-time{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; overflow-wrap: normal; word-break: normal;} #mobile-racers-messages-panel.is-side-panel-resized h2,#mobile-racers-messages-panel.is-side-panel-resized .trc-list-header,#mobile-racers-messages-panel.is-side-panel-resized .trc-list-header *{min-width: 0px;} #mobile-racers-messages-panel.is-side-panel-resized h2{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} #mobile-racers-messages-panel.is-side-panel-resized .viewer-settings-row{grid-template-columns: minmax(0px, 1fr) minmax(88px, 1.2fr);}} .fm-side-panel-resize-handle{display: none;} @media only screen and (max-width: 767px), only screen and (orientation: landscape) and (hover: none) and (pointer: coarse) and (max-height: 600px) {#mobile-racers-messages-panel.is-mobile-open > .fm-side-panel-resize-handle{z-index: 30; display: block !important;} #mobile-racers-messages-panel.is-mobile-open.is-side-panel-resized{box-sizing: border-box; overflow: hidden !important;} #mobile-racers-messages-panel.is-side-panel-resized > .trc-list-header,#mobile-racers-messages-panel.is-side-panel-resized > .trc-list-body,#mobile-racers-messages-panel.is-side-panel-resized > .trc-list-messages-panel,#mobile-racers-messages-panel.is-side-panel-resized > .trc-detail-ctrl,#mobile-racers-messages-panel.is-side-panel-resized > .viewer-settings{box-sizing: border-box; min-width: 0px; max-width: 100%; overflow-x: hidden;} #mobile-racers-messages-panel.is-side-panel-resized .trc-list-racer,#mobile-racers-messages-panel.is-side-panel-resized .trc-list-racer > *{box-sizing: border-box; min-width: 0px; max-width: 100%;} #mobile-racers-messages-panel.is-side-panel-resized .viewer-settings-row{grid-template-columns: minmax(0px, 1fr) minmax(88px, 1.2fr);} .mobile-playback-panel.is-collapsed #timeSlider tr{grid-template-columns: 30px 30px 28px 66px;} .mobile-playback-panel.is-collapsed #timeSlider td:nth-child(3){max-width: 30px; width: 30px !important;} .mobile-playback-panel.is-collapsed #speedVal{justify-content: center; width: 29px !important; padding: 0px 3px !important;} .mobile-playback-panel.is-collapsed #speedVal::before{content: none !important; display: none !important;} .mobile-playback-panel.is-collapsed #timeSlider{width: 174px !important;} .mobile-playback-panel.is-collapsed .mobile-playback-transport{left: 180px !important;} .mobile-playback-panel .slider-handle{box-sizing: border-box !important; border-radius: 50% !important;}} @container (max-width: 260px) {#mobile-racers-messages-panel.is-side-panel-resized .viewer-settings-row{grid-template-columns: minmax(0px, 1fr);} #mobile-racers-messages-panel.is-side-panel-resized .viewer-settings-row small{grid-column: 1;}} @media only screen and (max-width: 350px) {.mobile-playback-panel.is-collapsed #timeSlider{width: 158px !important;} .mobile-playback-panel.is-collapsed .mobile-playback-transport{left: 164px !important;}} .viewer-settings-mobile-icon{display: none;} @media only screen and (max-width: 767px), only screen and (orientation: landscape) and (hover: none) and (pointer: coarse) and (max-height: 600px) {#mobile-racers-messages-panel.is-mobile-open,#mobile-racers-messages-panel.is-mobile-open.is-side-panel-resized{overflow: visible !important;} #mobile-racers-messages-panel > .viewer-side-rail{display: flex !important; visibility: visible !important; pointer-events: auto !important; opacity: 1 !important; left: -32px !important; z-index: 40 !important;} #mobile-racers-messages-panel[aria-hidden="true"]{pointer-events: none !important;} #mobile-racers-messages-panel[aria-hidden="true"] > .viewer-side-rail{pointer-events: auto !important;} #mobile-racers-messages-panel > .fm-side-panel-resize-handle{display: none; width: 30px; height: 30px; border-radius: 0px; background: transparent !important; color: rgba(255, 255, 255, 0.82) !important;} #mobile-racers-messages-panel.is-mobile-open > .fm-side-panel-resize-handle{display: block !important;} #mobile-racers-messages-panel > .fm-side-panel-resize-handle::before{left: 7px; bottom: 7px; width: 14px; height: 14px; background: currentcolor; opacity: 0.9;} #mobile-racers-messages-panel > .fm-side-panel-resize-handle:active{background: rgba(255, 255, 255, 0.08) !important; color: rgb(255, 255, 255) !important;} #mobile-racers-messages-panel:not(.is-racers-wide) .viewer-settings-back,#mobile-racers-messages-panel:not(.is-racers-wide) .trc-detail-back-btn{width: 30px; min-width: 30px; height: 30px; min-height: 30px; padding: 0px; overflow: hidden; white-space: nowrap; font-size: 0px !important;} #mobile-racers-messages-panel:not(.is-racers-wide) .viewer-settings-back::before,#mobile-racers-messages-panel:not(.is-racers-wide) .trc-detail-back-btn::before{content: "‹"; display: block; font-size: 24px; font-weight: 400; line-height: 24px; transform: translateY(-1px);} .mobile-map-tools > .weather-now-mobile{align-items: center; justify-content: center; min-width: 42px; box-shadow: rgba(0, 0, 0, 0.28) 0px 2px 7px; display: flex !important; width: 42px !important; height: 42px !important; padding: 0px !important; border: 0px !important; border-radius: 50% !important; background: rgb(255, 255, 255) !important; color: var(--race-control-surface,#322d2b) !important; font-size: 20px !important; line-height: 1 !important;} .mobile-map-tools > .weather-now-mobile[hidden]{display: none !important;} .mobile-map-tools > .weather-now-mobile.is-active,.mobile-map-tools > .weather-now-mobile[aria-pressed="true"]{background: var(--race-accent,#d64119) !important; color: rgb(255, 255, 255) !important;} .viewer-settings-gear svg{display: none;} .viewer-settings-mobile-icon{display: block; font-size: 17px; line-height: 1;}} @media only screen and (max-width: 767px), only screen and (orientation: landscape) and (hover: none) and (pointer: coarse) and (max-height: 600px) {#mobile-racers-messages-panel .trc-detail-back-btn{box-sizing: border-box !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 5px !important; width: auto !important; min-width: 70px !important; height: 30px !important; min-height: 30px !important; padding: 3px 8px !important; overflow: hidden !important; border: 1px solid rgba(255, 255, 255, 0.72) !important; border-radius: 5px !important; background: rgba(255, 255, 255, 0.08) !important; color: rgb(255, 255, 255) !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1 !important; white-space: nowrap !important;} #mobile-racers-messages-panel .trc-detail-back-btn::before{content: none !important;} #mobile-racers-messages-panel .trc-detail-back-icon{display: block !important; flex: 0 0 16px !important; width: 16px !important; height: 16px !important; fill: currentcolor !important;} #mobile-racers-messages-panel .trc-detail-back-btn > span{display: inline !important;} #mobile-racers-messages-panel:not(.is-racers-wide) .trc-detail-back-btn{width: 30px !important; min-width: 30px !important; padding: 3px !important; font-size: 0px !important;} #mobile-racers-messages-panel:not(.is-racers-wide) .trc-detail-back-btn > span{display: none !important;} #mobile-racers-messages-panel .trc-list-header-top h2,#mobile-racers-messages-panel .viewer-settings h2,#mobile-racers-messages-panel .trc-detail-name{min-width: 0px !important; max-width: 100% !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important;} #mobile-racers-messages-panel .trc-detail-times-section li{box-sizing: border-box !important; display: flex !important; align-items: center !important; width: 100% !important; min-width: 0px !important;} #mobile-racers-messages-panel .trc-detail-list-time{flex: 0 0 auto !important; order: 10 !important; margin-left: auto !important; white-space: nowrap !important;} #mobile-racers-messages-panel .trc-detail-list-name{flex: 1 1 auto !important; min-width: 0px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important;} #mobile-racers-messages-panel > .fm-side-panel-resize-footer{box-sizing: border-box; display: none; position: absolute; right: 0px; bottom: 0px; left: 0px; height: 34px; border-radius: 0px 0px 0px 11px; background: var(--trc-message-surface,#322d2b); box-shadow: rgba(255, 255, 255, 0.09) 0px -1px; overflow: hidden; z-index: 50;} #mobile-racers-messages-panel.is-mobile-open > .fm-side-panel-resize-footer{display: block;} #mobile-racers-messages-panel > .fm-side-panel-resize-footer > .fm-side-panel-resize-handle{box-sizing: border-box; position: absolute; bottom: 1px; left: 1px; margin: 0px; padding: 0px; border: 0px; cursor: nesw-resize; touch-action: none; display: block !important; width: 32px !important; height: 32px !important; border-radius: 0px 8px 0px 10px !important; background: transparent !important; color: rgba(255, 255, 255, 0.88) !important;} #mobile-racers-messages-panel > .fm-side-panel-resize-footer > .fm-side-panel-resize-handle::before{content: ""; position: absolute; background: currentcolor; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2.35' stroke-linecap='round' stroke-linejoin='round' d='M5 19 19 5m-7 0h7v7M12 19H5v-7'/%3E%3C/svg%3E") center center / contain no-repeat; left: 8px !important; bottom: 8px !important; width: 16px !important; height: 16px !important; opacity: 1 !important;} #mobile-racers-messages-panel > .fm-side-panel-resize-handle{display: none !important;} #mobile-racers-messages-panel > .trc-list-body,#mobile-racers-messages-panel > .trc-list-messages-panel{padding-bottom: 34px !important;} #mobile-racers-messages-panel .trc-detail-body-scrollable,#mobile-racers-messages-panel .viewer-settings-body{padding-bottom: 38px !important;} #mobile-racers-messages-panel,#mobile-racers-messages-panel > .trc-list-body,#mobile-racers-messages-panel > .trc-list-messages-panel,#mobile-racers-messages-panel > .viewer-settings{border-radius: 11px 0px 0px 11px !important;} .mobile-map-tools > .weather-now-mobile{box-sizing: border-box !important; width: 34px !important; min-width: 34px !important; height: 34px !important; min-height: 34px !important; font-size: 15px !important;} .mobile-playback-panel.is-collapsed #timeSlider{width: 144px !important; min-width: 144px !important; padding: 0px !important;} .mobile-playback-panel.is-collapsed #timeSlider tr{width: 144px !important; grid-template-columns: 30px 42px 28px 44px !important;} .mobile-playback-panel.is-collapsed #timeSlider td:nth-child(3){display: flex !important; grid-column: 2 !important; width: 42px !important; max-width: 42px !important; padding: 0px !important;} .mobile-playback-panel.is-collapsed #speedVal{display: flex !important; width: 42px !important; height: 32px !important; padding: 0px 3px !important; align-items: center !important; justify-content: center !important; font-size: 10px !important;} .mobile-playback-panel.is-collapsed #timeSlider td:nth-child(4){grid-column: 3 !important;} .mobile-playback-panel.is-collapsed #timeSlider td:nth-child(5){grid-column: 4 !important;} .mobile-playback-panel.is-collapsed .mobile-playback-transport{right: auto !important; left: 144px !important; width: 108px !important; grid-template-columns: repeat(4, 27px) !important; gap: 0px !important;} .mobile-playback-panel.is-collapsed .mobile-playback-transport button{width: 27px !important; min-width: 27px !important;} .mobile-playback-panel.is-collapsed #timeSlider td:nth-child(8){display: block !important; position: fixed !important; left: 252px !important; right: 33px !important; width: auto !important; padding: 0px !important;} .mobile-playback-panel.is-collapsed #timSliderContainer,.mobile-playback-panel.is-collapsed .slider,.mobile-playback-panel.is-collapsed .slider.slider-horizontal{display: block !important; width: 100% !important; min-width: 0px !important; visibility: visible !important;} .mobile-playback-panel.is-expanded .mobile-playback-toggle::before{transform: translateY(-3px) rotate(225deg);}} @media only screen and (max-width: 767px), only screen and (orientation: landscape) and (hover: none) and (pointer: coarse) and (max-height: 600px) {#mobile-racers-messages-panel.is-mobile-open{top: max(calc(var(--mobile-header-height) + 6px),44px) !important; max-height: calc(100dvh - max(calc(var(--mobile-header-height) + 6px),44px) - var(--mobile-playback-collapsed-height,42px) - 6px) !important;} #mobile-racers-messages-panel .trc-list-header-top h2{min-width: 0px !important; padding-inline: 2px !important; overflow: hidden !important; font-size: clamp(12px, 4.1vw, 16px) !important; line-height: 1.12 !important; text-overflow: ellipsis !important; white-space: nowrap !important;} #mobile-racers-messages-panel:not(.is-racers-wide) .trc-list-header-top{padding-left: 46px !important;} #mobile-racers-messages-panel:not(.is-racers-wide) .trc-list-header-top .close-list-btn{width: 30px !important; min-width: 30px !important; height: 30px !important; min-height: 30px !important; padding: 0px !important; font-size: 0px !important; overflow: hidden !important;} #mobile-racers-messages-panel:not(.is-racers-wide) .trc-list-header-top .close-list-btn::before{content: "‹" !important; font-size: 24px !important; line-height: 24px !important;} #mobile-racers-messages-panel.is-racers-wide .trc-list-header-top{padding-left: 82px !important;} #mobile-racers-messages-panel.is-racers-wide .trc-list-header-top .close-list-btn::before{content: "‹ Zpět" !important;} .mobile-map-tools > .weather-now-mobile{width: 36px !important; height: 36px !important; min-width: 36px !important; font-size: 16px !important;} #mob-show-location-btn .mobile-location-target{display: block !important; width: 20px !important; height: 20px !important; fill: none !important; stroke: currentcolor !important;} #mob-show-location-btn[aria-expanded="true"]{background: var(--race-accent,#d64119) !important; color: rgb(255, 255, 255) !important;} .mobile-map-tools > .mobile-location-notice.is-visible{display: flex !important;} .mobile-playback-panel.is-collapsed #timeSlider{width: 144px !important; min-width: 144px !important;} .mobile-playback-panel.is-collapsed #timeSlider tr{width: 144px !important; grid-template-columns: 30px 28px 86px !important;} .mobile-playback-panel.is-collapsed #timeSlider td:nth-child(3){display: none !important;} .mobile-playback-panel.is-collapsed #timeSlider td:nth-child(4){grid-column: 2 !important;} .mobile-playback-panel.is-collapsed #timeSlider td:nth-child(5){grid-column: 3 !important;} .mobile-playback-panel.is-collapsed .mobile-playback-transport{left: 150px !important;} .mobile-playback-panel.is-collapsed #timeSlider td:nth-child(8){display: block !important; left: 254px !important; right: 33px !important; width: auto !important; padding: 0px 2px !important;} .mobile-playback-panel.is-collapsed #timSliderContainer,.mobile-playback-panel.is-collapsed .slider,.mobile-playback-panel.is-collapsed .slider.slider-horizontal{display: block !important; width: 100% !important; min-width: 0px !important; visibility: visible !important;} .mobile-playback-panel.is-collapsed input#timSlid,.mobile-playback-panel.is-expanded input#timSlid{display: none !important; visibility: hidden !important; position: absolute !important; pointer-events: none !important;} .mobile-playback-panel .slider-handle{border-radius: 50% !important;}} @media only screen and (max-width: 350px) {.mobile-playback-panel.is-collapsed #timeSlider{width: 132px !important; min-width: 132px !important;} .mobile-playback-panel.is-collapsed #timeSlider tr{width: 132px !important; grid-template-columns: 28px 24px 80px !important;} .mobile-playback-panel.is-collapsed .mobile-playback-transport{left: 138px !important;} .mobile-playback-panel.is-collapsed #timeSlider td:nth-child(8){left: 230px !important; right: 31px !important;}} @media only screen and (max-width: 767px), only screen and (orientation: landscape) and (hover: none) and (pointer: coarse) and (max-height: 600px) {#mobile-racers-messages-panel .trc-detail-back-btn{display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 5px !important; width: auto !important; min-width: 70px !important; height: 30px !important; min-height: 30px !important; padding: 3px 8px !important; font-size: 12px !important; white-space: nowrap !important;} #mobile-racers-messages-panel .trc-detail-back-btn::before{content: none !important;} #mobile-racers-messages-panel .trc-detail-back-icon{display: block !important; width: 16px !important; height: 16px !important; fill: currentcolor !important;} #mobile-racers-messages-panel .trc-detail-back-btn > span{display: inline !important;} #mobile-racers-messages-panel:not(.is-racers-wide) .trc-detail-back-btn{width: 30px !important; min-width: 30px !important; padding: 3px !important; font-size: 0px !important;} #mobile-racers-messages-panel:not(.is-racers-wide) .trc-detail-back-btn > span{display: none !important;} .mobile-map-tools > .weather-now-mobile{width: 34px !important; min-width: 34px !important; height: 34px !important; min-height: 34px !important; font-size: 15px !important;} .mobile-playback-panel.is-collapsed #timeSlider{width: 144px !important; min-width: 144px !important; padding: 0px !important;} .mobile-playback-panel.is-collapsed #timeSlider tr{width: 144px !important; grid-template-columns: 30px 42px 28px 44px !important;} .mobile-playback-panel.is-collapsed #timeSlider td:nth-child(3){display: flex !important; grid-column: 2 !important; width: 42px !important; max-width: 42px !important; padding: 0px !important;} .mobile-playback-panel.is-collapsed #speedVal{display: flex !important; width: 42px !important; height: 32px !important; padding: 0px 3px !important; align-items: center !important; justify-content: center !important; font-size: 10px !important;} .mobile-playback-panel.is-collapsed #timeSlider td:nth-child(4){grid-column: 3 !important;} .mobile-playback-panel.is-collapsed #timeSlider td:nth-child(5){grid-column: 4 !important;} .mobile-playback-panel.is-collapsed .mobile-playback-transport{right: auto !important; left: 144px !important; width: 108px !important; grid-template-columns: repeat(4, 27px) !important; gap: 0px !important;} .mobile-playback-panel.is-collapsed .mobile-playback-transport button{width: 27px !important; min-width: 27px !important;} .mobile-playback-panel.is-collapsed #timeSlider td:nth-child(8){display: block !important; position: fixed !important; left: 252px !important; right: 33px !important; width: auto !important; padding: 0px !important;}} @media only screen and (max-width: 767px), only screen and (orientation: landscape) and (hover: none) and (pointer: coarse) and (max-height: 600px) {.mobile-map-tools{position: absolute !important;} .mobile-map-tools > .mobile-location-notice{box-sizing: border-box !important; inset: 160px auto auto 42px !important; display: none !important; width: auto !important; min-width: 78px !important; height: 34px !important; min-height: 34px !important; margin: 0px !important; padding: 5px 9px !important; border: 0px !important; border-radius: 9px !important; background: rgba(50, 45, 43, 0.94) !important; color: rgb(255, 255, 255) !important; font-size: 10px !important; font-weight: 700 !important; line-height: 1.1 !important; white-space: nowrap !important; transform: none !important;} .mobile-map-tools > .mobile-location-notice.is-visible{display: flex !important; opacity: 1 !important;} #mobile-racers-messages-panel.is-mobile-open{container-type: inline-size;} #mobile-racers-messages-panel.is-mobile-open .trc-list-racer{box-sizing: border-box !important; display: flex !important; align-items: center !important; width: 100% !important; min-width: 0px !important; white-space: nowrap !important;} #mobile-racers-messages-panel.is-mobile-open .trc-list-racer-name,#mobile-racers-messages-panel.is-mobile-open .trc-list-racer-label{flex: 1 1 auto !important; width: auto !important; min-width: 0px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important;} #mobile-racers-messages-panel.is-mobile-open .trc-list-racer-rank,#mobile-racers-messages-panel.is-mobile-open .trc-list-racer-color,#mobile-racers-messages-panel.is-mobile-open .trc-list-racer-nationality,#mobile-racers-messages-panel.is-mobile-open .trc-list-racer-distance{flex: 0 0 auto !important;} #mobile-racers-messages-panel.is-detail-open > .trc-detail-ctrl{position: relative !important;} #mobile-racers-messages-panel.is-detail-open .trc-detail-nav{position: absolute !important; top: 7px !important; left: 7px !important; width: auto !important; height: 30px !important; padding: 0px !important; background: transparent !important; z-index: 5 !important;} #mobile-racers-messages-panel.is-detail-open .trc-detail-header{box-sizing: border-box !important; position: relative !important; min-height: 66px !important; padding: 0px 0px 0px 44px !important; overflow: hidden !important; background: var(--race-accent,#d64119) !important;} #mobile-racers-messages-panel.is-detail-open.is-racers-wide .trc-detail-header{padding-left: 84px !important;} #mobile-racers-messages-panel.is-detail-open .trc-detail-header-racer{box-sizing: border-box !important; display: grid !important; grid-template-columns: 38px minmax(0px, 1fr) !important; width: 100% !important; min-width: 0px !important; min-height: 66px !important; background: var(--race-accent,#d64119) !important;} #mobile-racers-messages-panel.is-detail-open .trc-detail-header-racer .trc-detail-header-left{box-sizing: border-box !important; display: flex !important; position: static !important; align-items: center !important; justify-content: center !important; width: 38px !important; min-width: 38px !important; height: 66px !important; padding: 0px 3px !important; background: rgba(255, 255, 255, 0.92) !important; color: var(--race-control-surface,#322d2b) !important; font-size: 17px !important;} #mobile-racers-messages-panel.is-detail-open .trc-detail-header-racer .trc-detail-header-right{box-sizing: border-box !important; display: grid !important; position: static !important; grid-template-columns: minmax(0px, 1fr) auto !important; grid-template-rows: 34px 22px !important; gap: 0px 6px !important; width: 100% !important; min-width: 0px !important; height: 66px !important; margin: 0px !important; padding: 5px 7px !important; background: var(--race-accent,#d64119) !important;} #mobile-racers-messages-panel.is-detail-open .trc-detail-name{display: flex !important; grid-column: 1 / -1 !important; align-items: center !important; width: 100% !important; min-width: 0px !important; margin: 0px !important; font-size: clamp(12px, 4vw, 16px) !important; line-height: 1.05 !important;} #mobile-racers-messages-panel.is-detail-open .trc-detail-name > span{min-width: 0px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important;} #mobile-racers-messages-panel.is-detail-open .trc-detail-name > sup{flex: 0 0 auto !important;} #mobile-racers-messages-panel.is-detail-open .trc-detail-time{grid-column: 1 !important; min-width: 0px !important; margin: 0px !important; overflow: hidden !important; font-size: 9px !important; line-height: 1.15 !important; text-overflow: ellipsis !important; white-space: nowrap !important;} #mobile-racers-messages-panel.is-detail-open .trc-detail-battery{grid-column: 2 !important; margin: 0px !important; font-size: 10px !important; line-height: 1.15 !important; white-space: nowrap !important;} #mobile-racers-messages-panel.is-detail-open .status-detail-label{display: none !important;} #mobile-racers-messages-panel.is-detail-open .status-detail-icon,#mobile-racers-messages-panel.is-detail-open .checkpoint-activity-detail-icon{position: absolute !important; top: 43px !important; right: 6px !important; z-index: 4 !important; font-size: 12px !important;} #mobile-racers-messages-panel.is-detail-open .checkpoint-activity-detail-icon{right: 23px !important;} @container (max-width: 245px) {#mobile-racers-messages-panel.is-detail-open .trc-detail-battery,#mobile-racers-messages-panel.is-detail-open .checkpoint-activity-detail-icon{display: none !important;} #mobile-racers-messages-panel.is-detail-open .trc-detail-header-racer .trc-detail-header-right{grid-template-columns: minmax(0px, 1fr) !important;}} .mobile-playback-panel.is-expanded{box-sizing: border-box !important; height: 68px !important; min-height: 68px !important; max-height: 68px !important; padding: 4px 31px 4px 8px !important; border-radius: 12px !important; background: var(--race-accent,#d64119) !important; overflow: visible !important;} .mobile-playback-panel.is-expanded #timeSlider{box-sizing: border-box !important; display: block !important; width: 100% !important; height: 60px !important; padding: 0px !important; overflow: visible !important;} .mobile-playback-panel.is-expanded #timeSlider tr{display: grid !important; grid-template-columns: 25px 25px 44px 28px minmax(62px, 1fr) !important; grid-template-rows: 25px 31px !important; width: 100% !important; height: 60px !important; align-items: center !important;} .mobile-playback-panel.is-expanded #timeSlider td{box-sizing: border-box !important; min-width: 0px !important; padding: 1px !important;} .mobile-playback-panel.is-expanded #timeSlider td:nth-child(1){grid-area: 2 / 1 !important;} .mobile-playback-panel.is-expanded #timeSlider td:nth-child(2){display: block !important; grid-area: 2 / 2 !important;} .mobile-playback-panel.is-expanded #timeSlider td:nth-child(3){display: flex !important; grid-area: 2 / 3 !important; width: 44px !important; align-items: center !important;} .mobile-playback-panel.is-expanded #timeSlider td:nth-child(4){grid-area: 2 / 4 !important;} .mobile-playback-panel.is-expanded #timeSlider td:nth-child(5){display: block !important; grid-area: 2 / 5 !important; overflow: hidden !important;} .mobile-playback-panel.is-expanded #timeSlider td:nth-child(6),.mobile-playback-panel.is-expanded #timeSlider td:nth-child(7){display: none !important;} .mobile-playback-panel.is-expanded #timeSlider td:nth-child(8){display: block !important; grid-area: 1 / 1 / auto / -1 !important; width: 100% !important; padding: 2px 1px 4px !important; overflow: visible !important;} .mobile-playback-panel.is-expanded #timSliderContainer,.mobile-playback-panel.is-expanded #timSliderContainer > .slider,.mobile-playback-panel.is-expanded #timSliderContainer > .slider.slider-horizontal{display: block !important; width: 100% !important; min-width: 0px !important; height: 18px !important; visibility: visible !important;} .mobile-playback-panel.is-expanded #timSlid{display: none !important;} .mobile-playback-panel.is-expanded .slider-track{top: 7px !important; height: 7px !important; border-radius: 5px !important; background: rgb(255, 255, 255) !important;} .mobile-playback-panel.is-expanded .slider-selection,.mobile-playback-panel.is-expanded .slider-track-high{border-radius: 5px !important;} .mobile-playback-panel.is-expanded .slider-handle{top: 0px !important; width: 20px !important; height: 20px !important; margin-left: -10px !important; border: 0px !important; border-radius: 50% !important; background: var(--race-accent,#d64119) !important; box-shadow: rgba(255, 255, 255, 0.18) 0px 0px 0px 1px !important;} .mobile-playback-panel.is-expanded #speedVal{width: 44px !important; height: 28px !important; padding: 0px 2px !important; justify-content: center !important;} .mobile-playback-panel.is-expanded #timSlidSliderVal{display: block !important; overflow: hidden !important; font-size: 10px !important; text-overflow: ellipsis !important; white-space: nowrap !important;} .mobile-playback-panel.is-expanded .mobile-playback-transport{position: absolute !important; right: 31px !important; bottom: 4px !important; left: 204px !important; display: grid !important; grid-template-columns: repeat(6, minmax(23px, 1fr)) !important; width: auto !important; height: 31px !important; gap: 0px !important;} .mobile-playback-panel.is-expanded .mobile-playback-transport button{width: auto !important; min-width: 0px !important; height: 31px !important; font-size: 11px !important;} .mobile-playback-panel .mobile-playback-toggle{right: 4px !important; width: 25px !important; height: 34px !important; border-left: 0px !important; border-radius: 0px 9px 9px 0px !important;}} @media only screen and (max-width: 390px) {.mobile-playback-panel.is-expanded .mobile-playback-transport{left: 184px !important; grid-template-columns: repeat(6, minmax(20px, 1fr)) !important;}} @media only screen and (max-width: 767px), only screen and (orientation: landscape) and (hover: none) and (pointer: coarse) and (max-height: 600px) {.mobile-playback-panel.is-collapsed #timeSlider td:nth-child(8){display: block !important; position: fixed !important; inset: auto 35px 5px 252px !important; width: auto !important; height: 32px !important; padding: 0px 2px !important; overflow: visible !important;} .mobile-playback-panel.is-collapsed #timSliderContainer,.mobile-playback-panel.is-collapsed #timSliderContainer > .slider,.mobile-playback-panel.is-collapsed #timSliderContainer > .slider.slider-horizontal{display: block !important; width: 100% !important; min-width: 0px !important; height: 32px !important; visibility: visible !important; opacity: 1 !important; pointer-events: auto !important;} .mobile-playback-panel.is-collapsed input#timSlid{display: none !important; visibility: hidden !important; position: absolute !important; pointer-events: none !important;} .mobile-playback-panel.is-collapsed #timSliderContainer .slider-track{top: 13px !important; height: 6px !important; border-radius: 4px !important; background: rgb(255, 255, 255) !important; box-shadow: none !important;} .mobile-playback-panel.is-collapsed #timSliderContainer .slider-selection,.mobile-playback-panel.is-collapsed #timSliderContainer .slider-track-high{height: 6px !important; border-radius: 4px !important;} .mobile-playback-panel.is-collapsed #timSliderContainer .slider-handle{top: 6px !important; width: 20px !important; height: 20px !important; margin-left: -10px !important; border: 0px !important; border-radius: 50% !important; background: var(--race-accent,#d64119) !important;} .mobile-playback-panel .mobile-playback-toggle{right: 4px !important; width: 25px !important; min-width: 25px !important; height: 34px !important; min-height: 34px !important; padding: 0px !important; border-width: 0px 0px 0px 1px !important; border-top-style: initial !important; border-right-style: initial !important; border-bottom-style: initial !important; border-top-color: initial !important; border-right-color: initial !important; border-bottom-color: initial !important; border-image: initial !important; border-left-style: solid !important; border-left-color: rgba(255, 255, 255, 0.12) !important; border-radius: 0px 9px 9px 0px !important; background: transparent !important;} .mobile-playback-panel .mobile-playback-toggle i{display: none !important;} .mobile-playback-panel .mobile-playback-toggle::before{content: "" !important; display: block !important; width: 15px !important; height: 15px !important; margin: auto !important; border: 0px !important; background: currentcolor !important; transform: none !important; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 14 6-6 6 6M6 19l6-6 6 6' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center center / contain no-repeat !important;} .mobile-playback-panel.is-expanded .mobile-playback-toggle::before{transform: rotate(180deg) !important;}} @media only screen and (max-width: 350px) {.mobile-playback-panel.is-collapsed #timeSlider td:nth-child(8){left: 230px !important; right: 33px !important;}} @media only screen and (max-width: 767px), only screen and (orientation: landscape) and (hover: none) and (pointer: coarse) and (max-height: 600px) {.mobile-playback-panel.is-collapsed #timSliderContainer .slider-handle{top: 4px !important;} #mobile-racers-messages-panel.is-detail-open > .trc-detail-ctrl{display: flex !important; flex-direction: column !important; min-width: 0px !important;} #mobile-racers-messages-panel.is-detail-open .trc-detail-nav{box-sizing: border-box !important; display: flex !important; position: relative !important; inset: auto !important; flex: 0 0 36px !important; align-items: center !important; width: 100% !important; height: 36px !important; min-height: 36px !important; padding: 3px 7px !important; overflow: hidden !important; background: var(--race-control-surface,#322d2b) !important; z-index: 6 !important;} #mobile-racers-messages-panel.is-detail-open .trc-detail-header,#mobile-racers-messages-panel.is-detail-open.is-racers-wide .trc-detail-header{box-sizing: border-box !important; position: relative !important; flex: 0 0 56px !important; width: 100% !important; min-width: 0px !important; height: 56px !important; min-height: 56px !important; max-height: 56px !important; margin: 0px !important; padding: 0px !important; overflow: hidden !important; background: var(--race-accent,#d64119) !important;} #mobile-racers-messages-panel.is-detail-open .trc-detail-header-racer{box-sizing: border-box !important; display: grid !important; grid-template-columns: 48px minmax(0px, 1fr) !important; width: 100% !important; min-width: 0px !important; height: 56px !important; min-height: 56px !important; margin: 0px !important; padding: 0px !important; overflow: hidden !important;} #mobile-racers-messages-panel.is-detail-open .trc-detail-header-racer .trc-detail-header-left{box-sizing: border-box !important; display: flex !important; position: static !important; align-items: center !important; justify-content: center !important; width: 48px !important; min-width: 48px !important; height: 56px !important; padding: 0px 4px !important; overflow: hidden !important; background: rgb(255, 255, 255) !important; color: var(--race-control-surface,#322d2b) !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1 !important;} #mobile-racers-messages-panel.is-detail-open .trc-detail-header-racer .trc-detail-header-right{box-sizing: border-box !important; display: grid !important; position: static !important; grid-template-columns: minmax(0px, 1fr) auto !important; grid-template-rows: 30px 18px !important; gap: 0px 7px !important; width: 100% !important; min-width: 0px !important; height: 56px !important; margin: 0px !important; padding: 4px 8px !important; overflow: hidden !important; background: var(--race-accent,#d64119) !important;} #mobile-racers-messages-panel.is-detail-open .trc-detail-name{box-sizing: border-box !important; display: flex !important; grid-area: 1 / 1 / auto / -1 !important; align-items: center !important; gap: 4px !important; width: 100% !important; min-width: 0px !important; height: 30px !important; margin: 0px !important; overflow: hidden !important; color: rgb(255, 255, 255) !important; font-size: clamp(12px, 4.2cqw, 17px) !important; font-weight: 700 !important; line-height: 1 !important; white-space: nowrap !important;} #mobile-racers-messages-panel.is-detail-open .trc-racer-favorite{flex: 0 0 17px !important; width: 17px !important; height: 17px !important; min-width: 17px !important; margin: 0px !important; padding: 0px !important;} #mobile-racers-messages-panel.is-detail-open .trc-detail-name > span{flex: 1 1 auto !important; min-width: 0px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important;} #mobile-racers-messages-panel.is-detail-open .trc-detail-name > sup{position: static !important; flex: 0 0 auto !important; margin-left: 1px !important; font-size: 9px !important; line-height: 1 !important;} #mobile-racers-messages-panel.is-detail-open .trc-detail-time{display: block !important; grid-area: 2 / 1 !important; min-width: 0px !important; margin: 0px !important; overflow: hidden !important; color: rgba(255, 255, 255, 0.9) !important; font-size: 9px !important; font-weight: 400 !important; line-height: 18px !important; text-overflow: ellipsis !important; white-space: nowrap !important;} #mobile-racers-messages-panel.is-detail-open .trc-detail-battery{display: block !important; grid-area: 2 / 2 !important; align-self: center !important; margin: 0px !important; color: rgb(255, 255, 255) !important; font-size: 10px !important; font-weight: 600 !important; line-height: 18px !important; white-space: nowrap !important;} #mobile-racers-messages-panel.is-detail-open .status-detail-label,#mobile-racers-messages-panel.is-detail-open .status-detail-icon,#mobile-racers-messages-panel.is-detail-open .checkpoint-activity-detail-icon{display: none !important;} @container (max-width: 225px) {#mobile-racers-messages-panel.is-detail-open .trc-detail-battery{display: none !important;} #mobile-racers-messages-panel.is-detail-open .trc-detail-header-racer .trc-detail-header-right{grid-template-columns: minmax(0px, 1fr) !important;}} @container (max-width: 180px) {#mobile-racers-messages-panel.is-detail-open .trc-detail-time{display: none !important;} #mobile-racers-messages-panel.is-detail-open .trc-detail-header-racer .trc-detail-header-right{grid-template-rows: 48px !important;}}} @media only screen and (max-width: 767px), only screen and (orientation: landscape) and (hover: none) and (pointer: coarse) and (max-height: 600px) {#mobile-racers-messages-panel > .trc-detail-ctrl{box-sizing: border-box !important; width: 100% !important; min-width: 0px !important; max-width: 100% !important; overflow-x: hidden !important;} #mobile-racers-messages-panel > .trc-detail-ctrl > .trc-detail-nav{box-sizing: border-box !important; position: relative !important; inset: auto !important; display: flex !important; align-items: center !important; width: 100% !important; height: 36px !important; min-height: 36px !important; margin: 0px !important; padding: 3px 8px !important; overflow: hidden !important; background: var(--race-control-surface,#322d2b) !important;} #mobile-racers-messages-panel > .trc-detail-ctrl > .trc-detail-header{box-sizing: border-box !important; position: relative !important; display: block !important; float: none !important; width: 100% !important; min-width: 0px !important; max-width: 100% !important; height: 56px !important; min-height: 56px !important; margin: 0px !important; padding: 0px !important; overflow: hidden !important; background: var(--race-accent,#d64119) !important;} #mobile-racers-messages-panel .trc-detail-header-checkpoint{display: none !important;} #mobile-racers-messages-panel .trc-detail-header-racer{box-sizing: border-box !important; position: relative !important; display: grid !important; float: none !important; grid-template-columns: 48px minmax(0px, 1fr) !important; width: 100% !important; min-width: 0px !important; max-width: 100% !important; height: 56px !important; min-height: 56px !important; margin: 0px !important; padding: 0px !important; overflow: hidden !important; background: var(--race-accent,#d64119) !important;} #mobile-racers-messages-panel .trc-detail-header-racer > .trc-detail-rank{box-sizing: border-box !important; position: static !important; display: flex !important; float: none !important; align-items: center !important; justify-content: center !important; width: 48px !important; min-width: 48px !important; height: 56px !important; margin: 0px !important; padding: 0px 3px !important; overflow: hidden !important; background: rgb(255, 255, 255) !important; color: var(--race-control-surface,#322d2b) !important; font-size: 18px !important; font-weight: 700 !important; line-height: 1 !important;} #mobile-racers-messages-panel .trc-detail-header-racer > .trc-detail-header-right{box-sizing: border-box !important; position: static !important; display: grid !important; float: none !important; grid-template-columns: minmax(0px, 1fr) auto !important; grid-template-rows: 30px 18px !important; gap: 0px 7px !important; width: auto !important; min-width: 0px !important; max-width: none !important; height: 56px !important; margin: 0px !important; padding: 4px 8px !important; overflow: hidden !important; background: var(--race-accent,#d64119) !important;} #mobile-racers-messages-panel .trc-detail-header-racer .trc-detail-name{box-sizing: border-box !important; display: flex !important; grid-area: 1 / 1 / auto / -1 !important; align-items: center !important; gap: 5px !important; width: 100% !important; min-width: 0px !important; height: 30px !important; margin: 0px !important; padding: 0px !important; overflow: hidden !important; color: rgb(255, 255, 255) !important; font-size: clamp(12px, 4.2cqw, 17px) !important; font-weight: 700 !important; line-height: 1 !important; white-space: nowrap !important;} #mobile-racers-messages-panel .trc-detail-header-racer .trc-racer-favorite{display: inline-flex !important; visibility: visible !important; flex: 0 0 18px !important; align-items: center !important; justify-content: center !important; width: 18px !important; min-width: 18px !important; height: 18px !important; margin: 0px !important; padding: 0px !important; border: 0px !important; background: transparent !important; opacity: 1 !important; color: rgb(255, 255, 255) !important;} #mobile-racers-messages-panel .trc-detail-header-racer .trc-racer-favorite svg{display: block !important; width: 18px !important; height: 18px !important; fill: transparent !important; stroke: currentcolor !important; stroke-width: 1.8 !important;} #mobile-racers-messages-panel .trc-detail-header-racer .trc-racer-favorite.is-favorite svg{fill: currentcolor !important;} #mobile-racers-messages-panel .trc-detail-header-racer .trc-detail-name > span{flex: 1 1 auto !important; min-width: 0px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important;} #mobile-racers-messages-panel .trc-detail-header-racer .trc-detail-name > sup{position: static !important; top: auto !important; flex: 0 0 auto !important; margin: 0px !important; font-size: 9px !important; line-height: 1 !important;} #mobile-racers-messages-panel .trc-detail-header-racer .trc-detail-time{display: block !important; grid-area: 2 / 1 !important; min-width: 0px !important; margin: 0px !important; padding: 0px !important; overflow: hidden !important; color: rgba(255, 255, 255, 0.92) !important; font-size: 9px !important; font-weight: 400 !important; line-height: 18px !important; text-overflow: ellipsis !important; white-space: nowrap !important;} #mobile-racers-messages-panel .trc-detail-header-racer .trc-detail-time span{margin-left: 4px !important; text-transform: none !important;} #mobile-racers-messages-panel .trc-detail-header-racer .trc-detail-battery{display: block !important; grid-area: 2 / 2 !important; align-self: center !important; min-width: 0px !important; margin: 0px !important; padding: 0px !important; color: rgb(255, 255, 255) !important; font-size: 10px !important; font-weight: 600 !important; line-height: 18px !important; white-space: nowrap !important;} #mobile-racers-messages-panel > .trc-detail-ctrl > .trc-detail-header > .status-detail-label,#mobile-racers-messages-panel > .trc-detail-ctrl > .trc-detail-header > .status-detail-icon,#mobile-racers-messages-panel > .trc-detail-ctrl > .trc-detail-header > .checkpoint-activity-detail-icon{display: none !important;} #mobile-racers-messages-panel:not(.is-racers-wide) .trc-detail-header-racer .trc-detail-battery{max-width: 48px !important; overflow: hidden !important; text-overflow: ellipsis !important;} @container (max-width: 225px) {#mobile-racers-messages-panel .trc-detail-header-racer .trc-detail-battery{display: none !important;} #mobile-racers-messages-panel .trc-detail-header-racer > .trc-detail-header-right{grid-template-columns: minmax(0px, 1fr) !important;}} @container (max-width: 180px) {#mobile-racers-messages-panel .trc-detail-header-racer .trc-detail-time{display: none !important;}}} @media only screen and (max-width: 767px), only screen and (orientation: landscape) and (hover: none) and (pointer: coarse) and (max-height: 600px) {#mobile-racers-messages-panel .trc-detail-header-racer > .trc-detail-rank{grid-area: 1 / 1 !important; order: 0 !important;} #mobile-racers-messages-panel .trc-detail-header-racer > .trc-detail-header-right{grid-area: 1 / 2 !important; order: 0 !important;} #mobile-racers-messages-panel .trc-detail-header-racer .trc-detail-name{position: static !important; inset: auto !important; float: none !important;} #mobile-racers-messages-panel .trc-detail-header-racer .trc-detail-battery{float: none !important;} #mobile-racers-messages-panel:not(.is-racers-wide) .trc-detail-back-btn::before{content: "‹" !important; display: block !important; font-size: 24px !important; font-weight: 400 !important; line-height: 24px !important; transform: translateY(-1px) !important;}} @media only screen and (max-width: 767px), only screen and (orientation: landscape) and (hover: none) and (pointer: coarse) and (max-height: 600px) {#mobile-racers-messages-panel:not(.is-racers-wide) .viewer-settings-back::before,#mobile-racers-messages-panel:not(.is-racers-wide) .trc-detail-back-btn::before{content: none !important; display: none !important;} #mobile-racers-messages-panel:not(.is-racers-wide) .viewer-settings-back .trc-detail-back-icon,#mobile-racers-messages-panel:not(.is-racers-wide) .trc-detail-back-btn .trc-detail-back-icon{display: block !important; flex: 0 0 16px !important; width: 16px !important; height: 16px !important; margin: 0px !important; fill: currentcolor !important;} #mobile-racers-messages-panel:not(.is-racers-wide) .viewer-settings-back > span,#mobile-racers-messages-panel:not(.is-racers-wide) .trc-detail-back-btn > span{display: none !important;} .mobile-playback-panel.is-collapsed #timSliderContainer .slider-handle{top: 2px !important;} .mobile-playback-panel.is-expanded #timSliderContainer .slider-track{top: 9px !important;} .mobile-playback-panel.is-expanded #timSliderContainer .slider-handle{top: 0px !important; background: rgb(141, 141, 141) !important; box-shadow: rgba(255, 255, 255, 0.22) 0px 0px 0px 1px !important;}} @media only screen and (max-width: 767px), only screen and (orientation: landscape) and (hover: none) and (pointer: coarse) and (max-height: 600px) {#mobile-racers-messages-panel .viewer-settings > header,#mobile-racers-messages-panel .trc-list-header-top,#mobile-racers-messages-panel .trc-detail-nav{box-sizing: border-box !important; display: flex !important; align-items: center !important; gap: 7px !important; min-width: 0px !important; overflow: hidden !important;} #mobile-racers-messages-panel .viewer-settings > header > h2,#mobile-racers-messages-panel .trc-list-header-top > h2,#mobile-racers-messages-panel .trc-list-header-top .mobile-ranking-title,#mobile-racers-messages-panel .trc-list-header-top .mobile-messages-title{flex: 1 1 auto !important; min-width: 0px !important; max-width: 100% !important; margin: 0px !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important;} #mobile-racers-messages-panel .trc-list-header-top > h2{display: flex !important; align-items: center !important; gap: 7px !important;} #mobile-racers-messages-panel .trc-list-header-top .close-list-btn,#mobile-racers-messages-panel .viewer-settings-back,#mobile-racers-messages-panel .trc-detail-back-btn{box-sizing: border-box !important; position: static !important; display: inline-flex !important; flex: 0 0 auto !important; align-items: center !important; justify-content: center !important; gap: 6px !important; width: auto !important; min-width: 70px !important; height: 30px !important; min-height: 30px !important; margin: 0px !important; padding: 3px 8px !important; border: 1px solid rgba(255, 255, 255, 0.72) !important; border-radius: 5px !important; background: rgba(255, 255, 255, 0.08) !important; color: rgb(255, 255, 255) !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1 !important; white-space: nowrap !important; overflow: hidden !important;} #mobile-racers-messages-panel .trc-list-header-top .close-list-btn i,#mobile-racers-messages-panel .viewer-settings-back .trc-detail-back-icon,#mobile-racers-messages-panel .trc-detail-back-btn .trc-detail-back-icon{display: none !important;} #mobile-racers-messages-panel .trc-list-header-top .close-list-btn::before,#mobile-racers-messages-panel .viewer-settings-back::before,#mobile-racers-messages-panel .trc-detail-back-btn::before{content: "" !important; box-sizing: border-box !important; display: block !important; flex: 0 0 9px !important; width: 9px !important; height: 9px !important; border-width: 0px 0px 2px 2px !important; border-top-style: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-right-color: initial !important; border-image: initial !important; border-left-style: solid !important; border-left-color: currentcolor !important; border-bottom-style: solid !important; border-bottom-color: currentcolor !important; transform: rotate(45deg) !important;} #mobile-racers-messages-panel .trc-list-header-top .close-list-btn::after{content: "Zpět" !important;} #mobile-racers-messages-panel .trc-list-header-top .close-list-btn{order: -1 !important;} #mobile-racers-messages-panel .viewer-settings-back > span,#mobile-racers-messages-panel .trc-detail-back-btn > span{display: inline !important; min-width: 0px !important;} #mobile-racers-messages-panel:not(.is-racers-wide) .trc-list-header-top .close-list-btn,#mobile-racers-messages-panel:not(.is-racers-wide) .viewer-settings-back,#mobile-racers-messages-panel:not(.is-racers-wide) .trc-detail-back-btn{width: 30px !important; min-width: 30px !important; padding: 0px !important; gap: 0px !important; font-size: 0px !important;} #mobile-racers-messages-panel:not(.is-racers-wide) .trc-list-header-top .close-list-btn::after,#mobile-racers-messages-panel:not(.is-racers-wide) .viewer-settings-back > span,#mobile-racers-messages-panel:not(.is-racers-wide) .trc-detail-back-btn > span{display: none !important;} @container (max-width: 185px) {#mobile-racers-messages-panel .viewer-settings > header > h2,#mobile-racers-messages-panel .trc-list-header-top .mobile-ranking-title,#mobile-racers-messages-panel .trc-list-header-top .mobile-messages-title{display: none !important;}}} @media only screen and (max-width: 767px), only screen and (orientation: landscape) and (hover: none) and (pointer: coarse) and (max-height: 600px) {#mobile-racers-messages-panel .trc-list-header-top .close-list-btn,#mobile-racers-messages-panel .viewer-settings-back,#mobile-racers-messages-panel .trc-detail-back-btn{box-sizing: border-box !important; position: static !important; display: inline-flex !important; flex: 0 0 auto !important; align-items: center !important; justify-content: center !important; gap: 6px !important; width: 70px !important; min-width: 70px !important; height: 30px !important; min-height: 30px !important; margin: 0px !important; padding: 3px 8px !important; border: 1px solid rgba(255, 255, 255, 0.72) !important; border-radius: 5px !important; background: rgba(255, 255, 255, 0.08) !important; color: rgb(255, 255, 255) !important; font-size: 0px !important; line-height: 1 !important; overflow: hidden !important;} #mobile-racers-messages-panel .trc-list-header-top .close-list-btn > *,#mobile-racers-messages-panel .viewer-settings-back > *,#mobile-racers-messages-panel .trc-detail-back-btn > *{display: none !important;} #mobile-racers-messages-panel .trc-list-header-top .close-list-btn::before,#mobile-racers-messages-panel .viewer-settings-back::before,#mobile-racers-messages-panel .trc-detail-back-btn::before{content: "" !important; box-sizing: border-box !important; display: block !important; flex: 0 0 9px !important; width: 9px !important; height: 9px !important; border-width: 0px 0px 2px 2px !important; border-top-style: initial !important; border-right-style: initial !important; border-top-color: initial !important; border-right-color: initial !important; border-image: initial !important; border-left-style: solid !important; border-left-color: currentcolor !important; border-bottom-style: solid !important; border-bottom-color: currentcolor !important; transform: rotate(45deg) !important;} #mobile-racers-messages-panel .trc-list-header-top .close-list-btn::after,#mobile-racers-messages-panel .viewer-settings-back::after,#mobile-racers-messages-panel .trc-detail-back-btn::after{content: "Zpět" !important; display: block !important; color: inherit !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1 !important; white-space: nowrap !important;} #mobile-racers-messages-panel:not(.is-racers-wide) .trc-list-header-top .close-list-btn,#mobile-racers-messages-panel:not(.is-racers-wide) .viewer-settings-back,#mobile-racers-messages-panel:not(.is-racers-wide) .trc-detail-back-btn{width: 30px !important; min-width: 30px !important; padding: 0px !important; gap: 0px !important;} #mobile-racers-messages-panel:not(.is-racers-wide) .trc-list-header-top .close-list-btn::after,#mobile-racers-messages-panel:not(.is-racers-wide) .viewer-settings-back::after,#mobile-racers-messages-panel:not(.is-racers-wide) .trc-detail-back-btn::after{display: none !important;}} @media only screen and (max-width: 767px), only screen and (orientation: landscape) and (hover: none) and (pointer: coarse) and (max-height: 600px) {#mobile-racers-messages-panel .trc-list-header-top .close-list-btn::before,#mobile-racers-messages-panel .viewer-settings-back::before,#mobile-racers-messages-panel .trc-detail-back-btn::before,#mobile-racers-messages-panel .trc-list-header-top .close-list-btn::after,#mobile-racers-messages-panel .viewer-settings-back::after,#mobile-racers-messages-panel .trc-detail-back-btn::after{content: none !important; display: none !important;} #mobile-racers-messages-panel .trc-list-header-top .close-list-btn > .trc-detail-back-icon,#mobile-racers-messages-panel .viewer-settings-back > .trc-detail-back-icon,#mobile-racers-messages-panel .trc-detail-back-btn > .trc-detail-back-icon{display: block !important; flex: 0 0 16px !important; width: 16px !important; height: 16px !important; margin: 0px !important; fill: currentcolor !important;} #mobile-racers-messages-panel .trc-list-header-top .close-list-btn > span,#mobile-racers-messages-panel .viewer-settings-back > span,#mobile-racers-messages-panel .trc-detail-back-btn > span{display: block !important; min-width: 0px !important; color: inherit !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1 !important; white-space: nowrap !important;} #mobile-racers-messages-panel:not(.is-racers-wide) .trc-list-header-top .close-list-btn > span,#mobile-racers-messages-panel:not(.is-racers-wide) .viewer-settings-back > span,#mobile-racers-messages-panel:not(.is-racers-wide) .trc-detail-back-btn > span{display: none !important;}} @media only screen and (max-width: 767px), only screen and (orientation: landscape) and (hover: none) and (pointer: coarse) and (max-height: 600px) {#mobile-racers-messages-panel .trc-list-header-top{position: relative !important;} #mobile-racers-messages-panel .trc-list-header-top > h2{position: relative !important; width: 100% !important; min-width: 0px !important; padding-left: 74px !important;} #mobile-racers-messages-panel .trc-list-header-top .close-list-btn{position: absolute !important; z-index: 3 !important; top: 50% !important; left: 8px !important; right: auto !important; order: initial !important; transform: translateY(-50%) !important;} #mobile-racers-messages-panel:not(.is-racers-wide) .trc-list-header-top > h2{padding-left: 38px !important;}} @media only screen and (max-width: 767px), only screen and (orientation: landscape) and (hover: none) and (pointer: coarse) and (max-height: 600px) {#mobile-racers-messages-panel{--fm-back-size: 30px; --fm-back-wide: 70px;} #mobile-racers-messages-panel .trc-list-header-top .close-list-btn,#mobile-racers-messages-panel .viewer-settings-back,#mobile-racers-messages-panel .trc-detail-back-btn{box-sizing: border-box !important; z-index: 20 !important; display: inline-flex !important; flex: 0 0 var(--fm-back-wide) !important; align-items: center !important; justify-content: center !important; gap: 6px !important; width: var(--fm-back-wide) !important; min-width: var(--fm-back-wide) !important; max-width: var(--fm-back-wide) !important; height: var(--fm-back-size) !important; min-height: var(--fm-back-size) !important; max-height: var(--fm-back-size) !important; margin: 0px !important; padding: 3px 8px !important; border: 1px solid rgba(255, 255, 255, 0.72) !important; border-radius: 5px !important; background: rgba(255, 255, 255, 0.08) !important; color: rgb(255, 255, 255) !important; font: 600 12px / 1 "Source Sans Pro", sans-serif !important; white-space: nowrap !important; overflow: hidden !important; opacity: 1 !important; visibility: visible !important;} #mobile-racers-messages-panel .trc-list-header-top .close-list-btn::before,#mobile-racers-messages-panel .trc-list-header-top .close-list-btn::after,#mobile-racers-messages-panel .viewer-settings-back::before,#mobile-racers-messages-panel .viewer-settings-back::after,#mobile-racers-messages-panel .trc-detail-back-btn::before,#mobile-racers-messages-panel .trc-detail-back-btn::after{content: none !important; display: none !important;} #mobile-racers-messages-panel .trc-list-header-top .close-list-btn > .trc-detail-back-icon,#mobile-racers-messages-panel .viewer-settings-back > .trc-detail-back-icon,#mobile-racers-messages-panel .trc-detail-back-btn > .trc-detail-back-icon{position: static !important; z-index: auto !important; display: block !important; flex: 0 0 16px !important; width: 16px !important; min-width: 16px !important; max-width: 16px !important; height: 16px !important; min-height: 16px !important; max-height: 16px !important; margin: 0px !important; fill: currentcolor !important; opacity: 1 !important; visibility: visible !important; pointer-events: none !important;} #mobile-racers-messages-panel .trc-list-header-top .close-list-btn > span,#mobile-racers-messages-panel .viewer-settings-back > span,#mobile-racers-messages-panel .trc-detail-back-btn > span{display: block !important; min-width: 0px !important; color: inherit !important; font-style: inherit !important; font-variant: inherit !important; font-weight: inherit !important; font-stretch: inherit !important; font-size: inherit !important; font-family: inherit !important; font-optical-sizing: inherit !important; font-size-adjust: inherit !important; font-kerning: inherit !important; font-feature-settings: inherit !important; font-variation-settings: inherit !important; line-height: 1 !important; white-space: nowrap !important; opacity: 1 !important; visibility: visible !important;} #mobile-racers-messages-panel:not(.is-racers-wide) .trc-list-header-top .close-list-btn,#mobile-racers-messages-panel:not(.is-racers-wide) .viewer-settings-back,#mobile-racers-messages-panel:not(.is-racers-wide) .trc-detail-back-btn{flex-basis: var(--fm-back-size) !important; width: var(--fm-back-size) !important; min-width: var(--fm-back-size) !important; max-width: var(--fm-back-size) !important; padding: 0px !important; gap: 0px !important;} #mobile-racers-messages-panel:not(.is-racers-wide) .trc-list-header-top .close-list-btn > span,#mobile-racers-messages-panel:not(.is-racers-wide) .viewer-settings-back > span,#mobile-racers-messages-panel:not(.is-racers-wide) .trc-detail-back-btn > span{display: none !important;} #mobile-racers-messages-panel .trc-list-header-top{position: relative !important;} #mobile-racers-messages-panel .trc-list-header-top > h2{box-sizing: border-box !important; position: relative !important; width: 100% !important; min-width: 0px !important; margin: 0px !important; padding-left: 78px !important;} #mobile-racers-messages-panel .trc-list-header-top .close-list-btn{position: absolute !important; top: 50% !important; left: 8px !important; right: auto !important; transform: translateY(-50%) !important;} #mobile-racers-messages-panel:not(.is-racers-wide) .trc-list-header-top > h2{padding-left: 38px !important;} #mobile-racers-messages-panel > .trc-detail-ctrl > .trc-detail-nav{box-sizing: border-box !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; padding: 3px 8px !important;} #mobile-racers-messages-panel > .trc-detail-ctrl > .trc-detail-nav .trc-detail-back-btn{position: static !important; left: auto !important; right: auto !important; top: auto !important; transform: none !important;}} @media only screen and (max-width: 767px), only screen and (orientation: landscape) and (hover: none) and (pointer: coarse) and (max-height: 600px) {.fm-panel-back-button{box-sizing: border-box !important; position: relative !important; z-index: 2147483000 !important; display: inline-flex !important; flex: 0 0 30px !important; align-items: center !important; justify-content: center !important; gap: 0px !important; width: 30px !important; min-width: 30px !important; max-width: 30px !important; height: 30px !important; min-height: 30px !important; max-height: 30px !important; margin: 0px !important; padding: 0px !important; border: 1px solid rgba(255, 255, 255, 0.72) !important; border-radius: 5px !important; background: rgba(255, 255, 255, 0.08) !important; color: rgb(255, 255, 255) !important; font: 600 12px / 1 "Source Sans Pro", sans-serif !important; overflow: hidden !important; opacity: 1 !important; visibility: visible !important;} .fm-panel-back-button::before,.fm-panel-back-button::after{content: none !important; display: none !important;} .fm-panel-back-button > .trc-detail-back-icon{position: relative !important; z-index: 1 !important; display: block !important; flex: 0 0 16px !important; width: 16px !important; min-width: 16px !important; max-width: 16px !important; height: 16px !important; min-height: 16px !important; max-height: 16px !important; margin: 0px !important; fill: rgb(255, 255, 255) !important; color: rgb(255, 255, 255) !important; opacity: 1 !important; visibility: visible !important;} .fm-panel-back-button > span{display: none !important;} #mobile-racers-messages-panel.is-racers-wide .fm-panel-back-button{flex-basis: 70px !important; width: 70px !important; min-width: 70px !important; max-width: 70px !important; padding: 3px 8px !important; gap: 6px !important;} #mobile-racers-messages-panel.is-racers-wide .fm-panel-back-button > span{display: block !important; color: rgb(255, 255, 255) !important; font: inherit !important; white-space: nowrap !important; opacity: 1 !important; visibility: visible !important;} #mobile-racers-messages-panel .trc-list-header-top .fm-panel-back-button{position: absolute !important; top: 50% !important; left: 8px !important; right: auto !important; transform: translateY(-50%) !important;}}