:root{--navy: #1c355e;--cyan: #00a6ce;--gul: #ffb71b;--svart: #1d1d1b;--typsnitt: Lato;--accent-fran: #3c587e;--accent-till: var(--cyan);--remsa-fran: var(--navy);--remsa-till: #35476d;--resultat-bak: #e4e4ec;--resultat-text: #434f75;--skevning: 21px;--fortsattning: 24px}.namnskylt{font-family:var(--typsnitt),"Helvetica Neue",Helvetica,Arial,sans-serif;position:absolute;left:134px;top:894px;width:max-content}.namnskylt-remsor{overflow:hidden;width:max-content;min-width:478px}.accent{height:17px;width:100%;background:linear-gradient(to right,var(--accent-fran),var(--accent-till))}.remsa{height:41px;display:flex;align-items:center;padding-left:99px;--rad: 0;--indrag: calc(var(--fortsattning) * var(--rad));padding-right:calc(40px + var(--indrag) + var(--skevning));clip-path:polygon(0 0,calc(100% - var(--indrag)) 0,calc(100% - var(--indrag) - var(--skevning)) 100%,0 100%);background:linear-gradient(to right,var(--remsa-fran),var(--remsa-till));color:#fff;white-space:nowrap}.remsa-namn{--rad: 0;margin-top:4px;font-size:32px;font-weight:600}.remsa-beskrivning{--rad: 1;margin-top:6px;margin-left:1px;font-size:26px;font-weight:400}.logga{position:absolute;left:-11px;top:9px;width:97px;height:97px}.namnskylt{--in-tid: .7s;--ut-tid: .6s;--steg: .15s;--text-start: calc(var(--steg) * 2 + .45s);--text-tid: .45s;--logga-tid: 1.5s;--instracka: 350px;--infall: 350px;--vandning: 1440deg;--in-mjuk: cubic-bezier(.22, .61, .36, 1);--ut-snabb: cubic-bezier(.55, .06, .68, .19)}@keyframes flyg-in{0%{transform:translate(-120%)}to{transform:translate(0)}}@keyframes flyg-ut{0%{transform:translate(0)}to{transform:translate(-120%)}}@keyframes vand-in{0%{opacity:0;transform:translate(calc(-1 * var(--instracka)),calc(-1 * var(--infall))) rotateY(var(--vandning))}50%{opacity:1}to{opacity:1;transform:translate(0) rotateY(0)}}@keyframes vand-ut{0%{opacity:1;transform:translate(0) rotateY(0)}to{opacity:0;transform:translate(calc(-1 * var(--instracka)),calc(-1 * var(--infall))) rotateY(calc(-1 * var(--vandning)))}}@keyframes svep-in{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}@keyframes tona-ut{0%{opacity:1}to{opacity:0}}.accent,.remsa{transform:translate(-120%)}.logga{opacity:0;transform:translate(calc(-1 * var(--instracka)),calc(-1 * var(--infall))) rotateY(var(--vandning))}.text{display:inline-block;opacity:0;clip-path:inset(0 100% 0 0)}.namnskylt[data-lage=dold]{visibility:hidden}.namnskylt[data-lage=inne] .accent,.namnskylt[data-lage=inne] .remsa{animation:flyg-in var(--in-tid) var(--in-mjuk) both}.namnskylt[data-lage=inne] .remsa-namn{animation-delay:var(--steg)}.namnskylt[data-lage=inne] .remsa-beskrivning{animation-delay:calc(var(--steg) * 2)}.namnskylt[data-lage=inne] .logga{animation:vand-in var(--logga-tid) ease-out both}.namnskylt[data-lage=inne] .text{animation:svep-in var(--text-tid) ease-out var(--text-start) both}.namnskylt[data-lage=ut] .accent,.namnskylt[data-lage=ut] .remsa{animation:flyg-ut var(--ut-tid) var(--ut-snabb) both}.namnskylt[data-lage=ut] .remsa-beskrivning{animation-delay:calc(var(--steg) * 1.5)}.namnskylt[data-lage=ut] .remsa-namn{animation-delay:calc(var(--steg) * 2.5)}.namnskylt[data-lage=ut] .accent{animation-delay:calc(var(--steg) * 3.5)}.namnskylt[data-lage=ut] .logga{animation:vand-ut var(--ut-tid) cubic-bezier(.6,0,.9,.35) calc(var(--steg) * 2.5) both}.namnskylt[data-lage=ut] .text{animation:tona-ut .25s linear both}.remsa[hidden]{display:none}.presentation .remsa-ryttare{--rad: 1;margin-top:4px;font-size:38px;font-weight:700}.presentation .remsa-hast{--rad: 2;margin-top:6px;font-size:38px;font-weight:400}.remsa-resultat{--rad: 0;gap:30px;margin-top:4px;background:var(--resultat-bak);color:var(--resultat-text);font-size:26px}.remsa-resultat .falt{display:flex;align-items:baseline;gap:9px}.remsa-resultat .falt[hidden]{display:none}.remsa-resultat i{font-style:normal;font-size:21px;opacity:.75}.remsa-resultat b{font-weight:700}.startnummer{margin-right:16px;padding:0 11px;border-radius:4px;background:var(--accent-till);color:#06253a;font-size:28px;font-weight:700}.startnummer:empty{display:none}.tavla{position:absolute;font-family:var(--typsnitt),"Helvetica Neue",Helvetica,Arial,sans-serif}.tavla[data-lage=dold]{visibility:hidden}.tavla-huvud{display:flex;align-items:center;gap:14px;padding:6px 18px;background:linear-gradient(165deg,#1c355e 50%,#434f75);color:#e3e3ea;font-weight:700}.tavla-logga{width:38px;height:38px;flex:none}.tavla-titel{flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tavla-list{height:7px;background:linear-gradient(182deg,#00a0ce,#434f75)}.tavla-rad{display:flex;align-items:center;gap:12px;padding:3px 10px 3px 14px;background:#e4e4ec;color:#434f75;white-space:nowrap;box-shadow:inset 0 -1px #434f752e}.tavla-plac{flex:none;width:2.2em;font-weight:700}.tavla-namn{flex:1;overflow:hidden;text-overflow:ellipsis}.tavla-under{margin-left:10px;font-size:.78em;opacity:.72}.tavla-resultat{flex:none;padding:1px 10px;border-radius:3px;background:linear-gradient(125deg,#1c355e,#434f75 60%);color:#f3f3f3;font-variant-numeric:tabular-nums}.tavla-rad[data-aktuell=ja]{background:#fff;box-shadow:inset 0 0 0 2px #00a0ce}.tavla-fot{padding:4px 18px;background:linear-gradient(165deg,#1c355e 50%,#434f75);color:#e3e3ea;text-align:right;font-size:.8em}.miniboard{left:134px;top:150px;width:500px;font-size:26px}.miniboard .tavla-huvud{font-size:24px;letter-spacing:.06em}.lista{left:460px;top:150px;width:1000px;font-size:34px}.lista .tavla-huvud{padding:10px 22px;font-size:36px}.lista .tavla-logga{width:54px;height:54px}.lista .tavla-list{height:13px}.lista .tavla-rad{padding:5px 14px 5px 20px}@keyframes tavla-in{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}@keyframes tavla-ut{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 100% 0)}}.tavla[data-lage=inne]{animation:tavla-in .55s cubic-bezier(.22,.61,.36,1) both}.tavla[data-lage=ut]{animation:tavla-ut .4s cubic-bezier(.55,.06,.68,.19) both}@keyframes rad-in{0%{opacity:0}to{opacity:1}}.tavla[data-lage=inne] .tavla-rad{animation:rad-in .25s linear both;animation-delay:calc(.3s + var(--nr, 0) * .04s)}.live{position:absolute;right:134px;bottom:110px;display:flex;flex-direction:column;align-items:flex-end;gap:6px;font-family:var(--typsnitt),"Helvetica Neue",Helvetica,Arial,sans-serif;color:#e3e3ea}.live[data-lage=dold]{visibility:hidden}.live-tidrad{display:flex;align-items:stretch;position:relative}.live-tid{padding:6px 26px;background:linear-gradient(165deg,var(--navy) 50%,#35476d);font-size:56px;font-weight:700;font-variant-numeric:tabular-nums;clip-path:polygon(var(--skevning) 0,100% 0,100% 100%,0 100%);padding-left:calc(26px + var(--skevning))}.live-fel{display:flex;align-items:baseline;gap:12px;padding:3px 26px 3px calc(26px + var(--skevning));background:linear-gradient(165deg,var(--navy) 30%,#35476d);font-size:30px;clip-path:polygon(var(--skevning) 0,100% 0,100% 100%,0 100%)}.live-fel i{font-style:normal;font-size:.72em;opacity:.78}.live-fel b{font-weight:700;font-variant-numeric:tabular-nums}.live-attsla{display:flex;align-items:baseline;gap:12px;padding:6px 22px;background:var(--resultat-bak);color:var(--resultat-text);font-size:30px;white-space:nowrap;clip-path:polygon(var(--skevning) 0,100% 0,100% 100%,0 100%);padding-left:calc(22px + var(--skevning))}.live-attsla i{font-style:normal;font-size:.72em;opacity:.75}.live-attsla b{font-weight:700;font-variant-numeric:tabular-nums}.live-attsla em{font-style:normal;font-weight:700;font-variant-numeric:tabular-nums;color:#070}.live-attsla[data-langsammare=ja] em{color:#df0101}.live-attsla em:empty{display:none}@keyframes live-in{0%{transform:translate(240%)}to{transform:translate(0)}}@keyframes live-ut{0%{transform:translate(0)}to{transform:translate(240%)}}.live-tidrad,.live-fel{transform:translate(240%)}.live[data-lage=inne] .live-tidrad,.live[data-lage=inne] .live-fel{animation:live-in .28s cubic-bezier(.22,.61,.36,1) both}.live[data-lage=inne] .live-fel{animation-delay:.25s}.live[data-lage=ut] .live-tidrad,.live[data-lage=ut] .live-fel{animation:live-ut .28s cubic-bezier(.55,.06,.68,.19) both}.live[data-lage=ut] .live-tidrad{animation-delay:.15s}.live-attsla{transition:margin-right .3s cubic-bezier(.22,.61,.36,1),opacity .2s linear;margin-right:-100%;opacity:0}.live-attsla[hidden]{display:none}.live[data-lage=inne] .live-attsla:not([hidden]){margin-right:0;opacity:1}:root{--skala: 1}html,body{margin:0;padding:0;overflow:hidden;width:100%;height:100%}.scen{position:absolute;top:0;left:0;width:1920px;height:1080px;transform:scale(var(--skala));transform-origin:top left}