@font-face{font-family:Fira Mono;font-style:normal;font-weight:400;src:local(""),url(./FiraMono-Regular.BTCkDNvf.ttf) format("truetype")}*{border:0;box-sizing:border-box;font:inherit;margin:0;padding:0;vertical-align:baseline}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}ol,ul{padding-left:1.6rem}:root{--bw-1:#050505;--bw-2:#262626;--bw-3:grey;--bw-4:#c8c8c8;--bw-5:#fff;--green:#093;--yellow:#f7df00;--purple:#e40ae1;--mercedes:#00d2be;--redbull:#0600ef;--ferrari:#dc0000;--mclaren:#ff8700;--alpine:#0090ff;--astonmartin:#006f62;--alphatauri:#2b4562;--alfaromeo:#900000;--williams:#005aff;--haas:#fff;--space-0:15px;--space-1:30px;--space-2:60px;--space-3:90px;--space-4:100px}body{background-color:var(--bw-1)}.app{color:var(--bw-4);display:flex;flex-direction:column;font-family:Fira Mono,monospace;font-size:.8rem;line-height:1.4;max-width:800px;min-height:100vh;padding:0 var(--space-1) 0 var(--space-1);width:100%}.app h1,.app h2,.app h3,.app h4,.app h5{color:var(--bw-5);text-transform:uppercase}.app img.demo{border:1px solid var(--bw-5);border-radius:9px;width:100%}.app header{margin:var(--space-1) 0 0 0;text-transform:uppercase}.app header .header{display:flex;flex-direction:row;justify-content:space-between}.app strong{color:var(--bw-5)}.app .fineprint{font-size:75%}.app main{margin:var(--space-1) 0 var(--space-1) 0}.app main .text{margin:0 0 var(--space-1) 0}.app main .text .announcement{background-color:var(--ferrari);color:var(--bw-5)}.app main .card{display:flex;flex-wrap:wrap;justify-content:space-between;margin:1px 0;width:var(--space-4)}.app main .card .display-field{color:var(--bw-5)}.app main .card .points-field{color:var(--green);text-align:right}.app main .card .price-field{color:var(--yellow);text-align:right}.app main .card .turbo{color:var(--purple);white-space:nowrap}.app main .card.draggable{border-radius:100px;cursor:grab;padding:2px 5px}.app main .card.draggable:hover{background-color:var(--bw-2)}.app main .builder{display:flex;flex-wrap:wrap;justify-content:start}.app main .builder .instruction,.app main .builder .sprint-checkbox{margin:0 0 var(--space-0) 0}.app main .builder .sprint-checkbox label{color:var(--bw-5);margin-left:.5rem}.app main .builder .predictions button.icon,.app main .builder .predictions button.icon svg{vertical-align:middle}.app main .builder .predictions button.icon svg:hover{fill:var(--bw-2);stroke:var(--bw-1)}.app main .builder .predictions button.icon.arrow:hover{transform:translate(2px);transition:all .1s}.app main .builder .predictions button.icon svg.fastestlap:hover{fill:var(--purple);stroke:var(--bw-1)}.app main .builder .predictions .card-container{margin-left:0}.app main .builder .predictions .card-container button.icon{margin-left:0;margin-right:0}.app main .builder .predictions .card-container .card{margin:1px 5px 1px 0}.app main .builder .predictions .card-container .index{margin:4px 0;min-width:20px}.app main .builder .team-section{margin:var(--space-1) 0 var(--space-1) 0;width:100%}.app main .builder .team-section .team{margin:var(--space-0) 0 var(--space-0) 0}.app main .builder .team-section .team .constructors,.app main .builder .team-section .team .drivers{display:flex;flex-wrap:wrap;justify-content:start}.app main .builder .team-section input{margin-left:.5rem;width:var(--space-2)}.app main .builder .team-section .form-validation{color:var(--ferrari)}.app main .builder .table{display:flex;flex-wrap:wrap;justify-content:start}.app main .builder .table .column{display:flex;flex-direction:column;flex-wrap:nowrap}.app main .builder .table .column .card-container{display:flex;flex-wrap:wrap;justify-content:start}.app main .builder .table .column .heading{color:var(--bw-5);text-transform:uppercase}.app main .MER.draggable{border:1px solid var(--mercedes)}.app main .RED.draggable{border:1px solid var(--redbull)}.app main .FER.draggable{border:1px solid var(--ferrari)}.app main .MCL.draggable{border:1px solid var(--mclaren)}.app main .ALP.draggable{border:1px solid var(--alpine)}.app main .AST.draggable{border:1px solid var(--astonmartin)}.app main .ALT.draggable{border:1px solid var(--alphatauri)}.app main .ALF.draggable{border:1px solid var(--alfaromeo)}.app main .WIL.draggable{border:1px solid var(--williams)}.app main .HAA.draggable{border:1px solid var(--haas)}.app main .MER.notdraggable .player-code{-webkit-text-decoration:underline var(--mercedes);text-decoration:underline var(--mercedes)}.app main .RED.notdraggable .player-code{-webkit-text-decoration:underline var(--redbull);text-decoration:underline var(--redbull)}.app main .FER.notdraggable .player-code{-webkit-text-decoration:underline var(--ferrari);text-decoration:underline var(--ferrari)}.app main .MCL.notdraggable .player-code{-webkit-text-decoration:underline var(--mclaren);text-decoration:underline var(--mclaren)}.app main .ALP.notdraggable .player-code{-webkit-text-decoration:underline var(--alpine);text-decoration:underline var(--alpine)}.app main .AST.notdraggable .player-code{-webkit-text-decoration:underline var(--astonmartin);text-decoration:underline var(--astonmartin)}.app main .ALT.notdraggable .player-code{-webkit-text-decoration:underline var(--alphatauri);text-decoration:underline var(--alphatauri)}.app main .ALF.notdraggable .player-code{-webkit-text-decoration:underline var(--alfaromeo);text-decoration:underline var(--alfaromeo)}.app main .WIL.notdraggable .player-code{-webkit-text-decoration:underline var(--williams);text-decoration:underline var(--williams)}.app main .HAA.notdraggable .player-code{-webkit-text-decoration:underline var(--haas);text-decoration:underline var(--haas)}.app main .green{color:var(--green)}.app main .yellow{color:var(--yellow)}.app main .purple{color:var(--purple)}.app footer{margin:auto 0 var(--space-1) 0;text-transform:uppercase}.app footer .footer{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between}.app footer .socials{display:flex;gap:.5rem}.app footer .socials svg:hover{stroke:var(--bw-4)}.app button.button,.app input.button{background-color:var(--green);border:1px solid var(--green);border-radius:100px;color:var(--bw-5);cursor:pointer;margin:1px 0;padding:2px 5px;transition:all .1s}.app button.icon{background-color:transparent;border:none;color:var(--bw-4);cursor:pointer}.app button.button:hover,.app input.button:hover{background-color:transparent;border:1px solid var(--bw-5);color:var(--bw-5)}.app input[type=number]{background-color:transparent;border:1px solid var(--bw-5);border-radius:100px;color:var(--bw-4);margin:1px 0;text-align:center}.app input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:1px solid var(--bw-5);border-radius:20px;cursor:pointer;display:inline-grid;height:1rem;place-content:center;width:1rem}.app input[type=checkbox]:before{content:"";height:.5rem;width:.5rem}.app input[type=checkbox]:checked:before{background-color:var(--bw-5);border-radius:20px;content:"";height:.5rem;width:.5rem}.app input[type=email]{background-color:transparent;border:1px solid var(--bw-5);border-radius:100px;color:var(--bw-4);margin:1px 0;min-width:min(300px,100%);padding:2px 5px}.app input[type=number]::-webkit-inner-spin-button,.app input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.app input[type=number]{-moz-appearance:textfield}.app input[type=checkbox]:hover,.app input[type=email]:hover,.app input[type=number]:hover{background-color:var(--bw-2)}.app a{color:var(--bw-5);cursor:pointer;text-decoration:none;text-decoration:underline}.app a:hover{color:var(--bw-4);font-style:italic}.app .popup{align-items:center;background-color:#00000080;display:flex;height:100vh;justify-content:start;inset:0;position:fixed;width:100%}.app .popup .popup-content{background-color:var(--bw-2);border-radius:9px;margin:auto var(--space-1) auto var(--space-1);max-width:800px;padding:5px;z-index:999}.app .popup .popup-content button{float:right}.app .newsletter label{display:none}.app .newsletter .button{margin-left:.5rem}@media screen and (min-width:701px){.app .builder .predictions.sprint-prediction{margin:0 0 var(--space-1) 0;width:75%}.app .builder .points,.app .builder .predictions{width:50%}}@media screen and (min-width:521px){.app .builder .prediction-table .column{width:50%}.app .builder .prediction-table.sprint-prediction-table .column{width:33.33%}.app .builder .points-table .column{width:50%}}@media screen and (max-width:700px)and (min-width:521px){.app .builder .prediction-table{margin-bottom:var(--space-1)}.app .builder .points,.app .builder .predictions,.app .builder .predictions.sprint-prediction{width:100%}}@media screen and (max-width:700px){.app .sprint-checkbox.hidden{display:none}}@media screen and (max-width:520px){.app .builder .points,.app .builder .predictions,.app .builder .predictions.sprint-prediction{width:100%}.app .builder .prediction-table{margin:0 0 var(--space-1) 0}.app .builder .prediction-table .column{width:100%}.app .builder .prediction-table .column.quali{margin:0 0 var(--space-0) 0}.app .builder .prediction-table.sprint-prediction-table .column{width:100%}.app .builder .prediction-table.sprint-prediction-table .column.sprint{margin:0 0 var(--space-0) 0}.app .builder .points-table .column{width:100%}.app .builder .points-table .column.drivers{margin:0 0 var(--space-0) 0}}@media screen and (max-width:520px)and (min-width:401px){.app .builder .card-container{margin-right:200px}}@media screen and (max-width:400px)and (min-width:341px){.app .builder .card-container{margin-right:120px}}@media screen and (max-width:340px)and (min-width:291px){.app .builder .card-container{margin-right:80px}}@media screen and (max-width:290px){.app .builder .card-container{margin-right:20px}}
