@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.f1commentator-modal{--content-max-width:800px;--font-size:20px;--title-font-size:30px;--button-font-size:20px;background-color:#121212}.f1commentator-modal p{font-size:var(--font-size);line-height:135%}.f1commentator-modal #CommentatorApp{height:100%}.f1commentator-modal .portal-root{height:var(--screen-height-dynamic);max-height:100%;max-width:100%;width:100vw}@media(min-width:768px){.f1commentator-modal .portal-root{height:80vh;max-width:60rem}}.video-player .inner-player{position:relative}.video-player video{display:block;height:auto;width:100%}.video-player .play-button{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.video-player .play-button>[class*=icon]{font-size:6rem}#introScreen .title{--font-size:var(--title-font-size);margin-bottom:1em;margin-top:4rem;text-align:center}#introScreen .title:first-child{margin-top:0}#introScreen ul{margin-top:5px}#introScreen ul li{font-size:var(--font-size);line-height:145%;padding:0 0 10px 15px;position:relative}#introScreen ul li:last-child{padding-bottom:0}#introScreen ul li:before{background-color:var(--color-yellow);border-radius:50%;content:"";height:4px;left:0;position:absolute;top:10px;transform:translateY(-50%);width:4px}#introScreen button{width:100%}.screen{--background-color:#000;--font-color:#fff;background-color:var(--background-color);color:var(--font-color);height:100%;justify-content:flex-start;overflow:hidden}.screen,.screen .screen-inner{display:flex;flex-direction:column;position:relative;width:100%}.screen .screen-inner{flex-grow:1;margin:5rem auto;max-width:var(--content-max-width);overflow-y:auto;padding:0 3rem 5rem;z-index:1}.screen .screen-inner.no-padding{padding:0}.screen .screen-inner.center{align-items:center;justify-content:center}.screen .fixed-bottom{background-color:#00000080;bottom:0;left:50%;max-width:var(--content-max-width);padding:0 2rem 2rem;position:absolute;right:0;transform:translateX(-50%);width:100%;z-index:1}@media screen and (max-width:468px){.screen .screen-inner{padding:5rem 2rem 10rem}}.blur{filter:blur(10px)}.blur-bg{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0000001a}.overlay{align-items:stretch;flex-direction:column;height:100%;justify-content:center;left:0;padding:1.5rem 3rem;position:absolute;top:0;z-index:10}.flex,.overlay{display:flex;width:100%}.flex--gap-1x{gap:var(--base-unit)}.flex--gap-2x{gap:calc(var(--base-unit)*2)}.flex--vertical{flex-direction:column}.flex-item{flex:1}#recordingScreen{--background-color:#1d1d1d;color:#fff}#recordingScreen .screen-inner{margin-top:0}#recordingScreen .video-container{aspect-ratio:4/3;overflow:hidden;position:relative}#recordingScreen .video-container>.overlay{background-color:#000000b3;display:none;text-align:left}#recordingScreen .video-container>.overlay.visible{display:flex}#recordingScreen .dashboard{position:relative}#recordingScreen .dashboard__image{height:auto;width:100%}#recordingScreen .dashboard__buttons{bottom:0;display:flex;left:0;margin:0;overflow:hidden;position:absolute;width:100%}#recordingScreen .dashboard__buttons [class*=-button]{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:space-between;position:relative;width:25%}#recordingScreen .dashboard__buttons [class*=-button] img{height:auto;margin-bottom:5px;width:63%}#recordingScreen .dashboard__buttons [class*=-button] .text{font-size:14px}#recordingScreen .dashboard__frequency{background-image:url(/img/special/Formula1/Commentator/Portal/RecordingScreen/eq-bg.svg);background-position:50%;background-size:100% 100%;height:26.9%;left:4.2%;position:absolute;top:14%;width:27.9%}#recordingScreen .dashboard__frequency .frequency-bar{bottom:3px;left:2px;position:absolute;right:2px;top:3px}#recordingScreen .copy-message{align-items:center;cursor:pointer;display:flex;font-size:18px;justify-content:center}#recordingScreen .copy-message .dhl-icons{color:#fff;font-size:22px;margin-left:5px}#recordingScreen .video-container:after{background:linear-gradient(0deg,#0000 0,#000);content:"";height:2rem;left:0;margin-top:-2px;position:absolute;right:0;top:100%;z-index:2}.frequency-bar canvas{height:100%;width:100%}.form-wrapper .form-row{display:block}.form-wrapper .form-row input,.form-wrapper .form-row select,.form-wrapper .form-row textarea{color:var(--color-black)}.app-back-button{margin:0;padding:1rem;z-index:100}.app-back-button [class*=icon]{color:#fff;font-size:3rem}#formScreen .running-text{margin-bottom:var(--base-unit)}#formScreen .form-row{display:flex;flex-direction:column;gap:calc(var(--base-unit)*.7)}#formScreen .form-row .form-item,#formScreen .form-row .form-item .form-errors{margin-bottom:0}#checkEmailScreen .running-text{margin-bottom:var(--base-unit)}.toolbar{display:flex;justify-content:stretch;padding:0 1rem;position:absolute;width:100%}.toolbar--top{height:7%;max-height:100px;min-height:50px;top:0}.toolbar .slot{align-items:center;display:flex;flex:1}.toolbar .slot--start{justify-content:flex-start}.toolbar .slot--middle{justify-content:center}.toolbar .slot--end{justify-content:flex-end}#sektorSelectionScreen .video-container{position:relative}#sektorSelectionScreen .video-container .skip-intro-button{bottom:1rem;position:absolute;right:1rem}#sektorSelectionScreen .screen-inner{justify-content:space-between}#sektorSelectionScreen .section-header{margin:0}#sektorSelectionScreen .sector-indicator .labels{display:flex;font-size:1.4rem;justify-content:space-between;margin-bottom:.5rem}#sektorSelectionScreen .sector-indicator .bar{background-color:#fff;height:1.5rem;position:relative}#sektorSelectionScreen .sector-indicator .bar>.sector{bottom:0;content:"";display:block;position:absolute;top:0}#sektorSelectionScreen .sector-indicator .bar>.sector.selected{background-color:var(--color-red)}#sektorSelectionScreen .buttons-vertical{align-items:center;display:flex;flex-direction:column;justify-content:center}#sektorSelectionScreen .buttons-vertical [class*=button-]{margin-bottom:1.5rem}#sektorSelectionScreen .buttons-vertical [class*=button-]:last-child{margin-bottom:0}#sektorSelectionScreen .button-select{padding:5px 10px;position:relative}#sektorSelectionScreen .button-select.selected:after{background-color:var(--color-red);bottom:-5px;content:"";display:block;height:2px;left:0;position:absolute;right:0}#sektorSelectionScreen .button{width:100%}.app-exit-button{margin:0;padding:1rem;z-index:100}.app-exit-button [class*=icon]{color:#fff;font-size:3rem}