:root{--control-rim:#d1e9ff30;--control-hover-rim:#d6ff6b66;--control-focus-shadow:0 0 0 3px #d6ff6b12, 0 4px 18px #00000020;--control-duration:.18s;--control-menu-duration:.16s;--control-option-duration:.14s;--control-icon-duration:.2s;--control-ease:cubic-bezier(.2, .8, .2, 1);--control-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a0aebc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}select,:is(.session-selector,.mobile-session-switch,.form-row,.playback-controls,.pace-toolbar,.control-toolbar,.driver-select) select{border:1px solid var(--control-rim);min-width:0;min-height:32px;color:var(--text);background-color:#12202ae6;background-image:var(--control-chevron), linear-gradient(130deg, #cce4fa12, #cce4fa03);transition:border-color var(--control-duration) var(--control-ease), background-color var(--control-duration) var(--control-ease), box-shadow var(--control-duration) var(--control-ease), color var(--control-duration) var(--control-ease);background-position:right 10px center,50%;background-repeat:no-repeat;background-size:12px,100% 100%;border-radius:10px;padding:6px 30px 6px 11px;box-shadow:inset 0 1px #ffffff0c,0 2px 6px #00000012}.select-wrap>svg{display:none}select .replay-browse-divider{border:0;border-top:2px solid #d1e9ff60;height:0;margin:8px 6px}:is(.session-selector,.mobile-session-switch) select{field-sizing:content;max-width:100%;font-weight:500}.session-selector select{font-size:14px}.form-row select{flex-shrink:0;width:205px;min-height:38px}.playback-transport select{width:76px;min-height:36px;font:500 12px var(--mono);margin-left:4px}.lap-jump select{width:76px;max-width:none;min-height:30px;font:500 10px var(--mono);letter-spacing:.6px;margin:0;padding-left:9px}:is(.pace-toolbar,.control-toolbar)>select{font-size:11px}.driver-select select{border-left:2px solid var(--driver-color,var(--lime))}select:not(:disabled):hover{border-color:var(--control-hover-rim);background-color:#20312e;box-shadow:inset 0 1px #ffffff12,0 3px 12px #00000020}select:focus-visible{outline:2px solid var(--lime);outline-offset:2px;border-color:var(--lime);box-shadow:var(--control-focus-shadow)}select:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}@supports (appearance:base-select){select,:is(.session-selector,.mobile-session-switch,.form-row,.playback-controls,.pace-toolbar,.control-toolbar,.driver-select) select{appearance:base-select}select::picker(select){appearance:base-select}select,:is(.session-selector,.mobile-session-switch,.form-row,.playback-controls,.pace-toolbar,.control-toolbar,.driver-select) select{background-image:linear-gradient(130deg,#cce4fa12,#cce4fa03);background-position:50%;background-size:100% 100%;align-items:center;gap:10px;padding-right:11px}select::picker-icon{content:"";background:var(--control-chevron) center / contain no-repeat;width:12px;height:12px;transition:rotate var(--control-icon-duration) var(--control-ease);flex-shrink:0;margin-left:auto}select:open::picker-icon{rotate:180deg}select:open{border-color:var(--control-hover-rim);box-shadow:var(--control-focus-shadow);background-color:#20312e}select::picker(select){min-width:anchor-size(width);max-width:min(420px,100vw - 24px);max-height:min(320px,50dvh);color:var(--text);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);opacity:0;transition:opacity var(--control-menu-duration) var(--control-ease), transform var(--control-menu-duration) var(--control-ease), display var(--control-menu-duration) allow-discrete, overlay var(--control-menu-duration) allow-discrete;background:linear-gradient(135deg,#d6eaff0e,#94d7cb04),#142330fa;border:1px solid #d1e9ff40;border-radius:14px;margin-block:7px;padding:5px;font:400 12px/1.5 IBM Plex Sans,sans-serif;transform:scale(.97);box-shadow:0 16px 42px #0006,inset 0 1px #ffffff12}select:open::picker(select){opacity:1;transform:scale(1)}@starting-style{select:open::picker(select){opacity:0;transform:scale(.97)}}select option{color:#c8d5df;white-space:normal;overflow-wrap:anywhere;cursor:pointer;min-height:36px;transition:background-color var(--control-option-duration), color var(--control-option-duration), border-color var(--control-option-duration);background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:12px;padding:9px 11px;display:flex}select option+option{margin-top:2px}select option:checked{color:var(--lime);background:#d6ff6b0d;border-color:#d6ff6b20;font-weight:500}select option:is(:hover,:focus-visible){color:var(--text);background:#d6ff6b18;border-color:#d6ff6b40;outline:none}select option::checkmark{color:var(--lime);order:1;margin-left:auto}.playback-transport select::picker(select){min-width:100px;font-family:var(--mono)}.lap-jump select::picker(select){min-width:112px;font-family:var(--mono)}}.lap-jump,.race-search,.driver-multi-select{border-color:var(--control-rim);transition:border-color var(--control-duration) var(--control-ease), background-color var(--control-duration) var(--control-ease), box-shadow var(--control-duration) var(--control-ease);background:linear-gradient(130deg,#cce4fa0b,#cce4fa02),#0c1823b3;border-radius:12px;box-shadow:inset 0 1px #ffffff09}:is(.lap-jump,.race-search,.driver-multi-select):hover{border-color:#d1e9ff50}:is(.lap-jump,.race-search,.driver-multi-select):focus-within{border-color:var(--control-hover-rim);box-shadow:var(--control-focus-shadow)}input:is([type=text],[type=number],[type=search]){caret-color:var(--lime);transition:border-color var(--control-duration), background-color var(--control-duration), box-shadow var(--control-duration)}.lap-jump input{background:#06111c60;border:1px solid #d1e9ff14;border-radius:7px;min-height:30px}.lap-jump input:not(:disabled):hover{background:#cce4fa08}.lap-jump input:focus-visible{outline-offset:1px;background:#d6ff6b08}.lap-jump:has(input[aria-invalid=true]){border-color:#ff737980;box-shadow:0 0 0 3px #ff737912}.lap-jump input[aria-invalid=true]{border-color:#ff737980}.lap-jump input:disabled{opacity:.4;cursor:not-allowed}.lap-jump button[type=submit]{width:28px;height:28px;transition:background-color var(--control-duration), transform var(--control-duration) var(--control-ease);background:#d6ff6b0a}.lap-jump button[type=submit]:not(:disabled):hover{background:#d6ff6b22;transform:translate(1px,-1px)}.race-search:focus-within>svg{color:var(--lime)}.race-search>svg{transition:color var(--control-duration)}.race-search input:focus-visible{outline:none}.driver-multi-select summary{border-radius:11px;min-height:32px}.driver-multi-select summary svg{color:var(--muted);transition:rotate var(--control-icon-duration) var(--control-ease), color var(--control-duration)}.driver-multi-select[open]{border-color:var(--control-hover-rim)}.driver-multi-select[open] summary svg{color:var(--lime);rotate:180deg}.driver-multi-select[open] .driver-multi-options{animation:control-options-in var(--control-menu-duration) var(--control-ease)}.driver-multi-options label{transition:background-color var(--control-option-duration);border-radius:7px}.driver-multi-options label:has(input:checked){background:#d6ff6b09}.driver-multi-options input{cursor:pointer;width:14px;height:14px}.check-row input{box-shadow:inset 0 0 0 1px var(--control-rim);transition:background-color var(--control-duration), box-shadow var(--control-duration)}.check-row input:hover{box-shadow:inset 0 0 0 1px var(--control-hover-rim), 0 0 10px #d6ff6b0c}.check-row input:before{transition:transform var(--control-duration) var(--control-ease), background-color var(--control-duration)}input[type=range]::-webkit-slider-thumb{transition:box-shadow var(--control-duration), transform var(--control-duration) var(--control-ease)}input[type=range]:not(:disabled):is(:hover,:focus-visible)::-webkit-slider-thumb{transform:scale(1.12);box-shadow:0 0 0 4px #d6ff6b18}input[type=range]::-moz-range-thumb{transition:box-shadow var(--control-duration), transform var(--control-duration) var(--control-ease)}input[type=range]:not(:disabled):is(:hover,:focus-visible)::-moz-range-thumb{transform:scale(1.12);box-shadow:0 0 0 4px #d6ff6b18}@keyframes control-options-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.form-row select{width:175px;font-size:12px}.session-selector select{font-size:12px}}body:has(.application[data-reduced-motion=true]){--control-duration:0s;--control-menu-duration:0s;--control-option-duration:0s;--control-icon-duration:0s}@media (prefers-reduced-motion:reduce){:root{--control-duration:0s;--control-menu-duration:0s;--control-option-duration:0s;--control-icon-duration:0s}}