*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:root{--document-font: Inter, Avenir, Helvetica, Arial, sans-serif;font-family:var(--document-font);--white-000: rgba(255, 255, 255, 1);--white-050: rgba(251, 251, 253, 1);--white-100: rgba(245, 245, 247, 1);--white-150: rgba(230, 230, 232, 1);--white-200: rgba(225, 225, 225, 1);--grey-100: rgba(210, 210, 215, 1);--grey-300: rgba(180, 180, 185, 1);--grey-300-transparent: rgba(180, 180, 185, .5);--grey-500: rgba(110, 110, 115, 1);--grey-700: rgba(40, 40, 42, 1);--grey-700-transparent: rgba(40, 40, 42, .5);--grey-800: rgba(29, 29, 31, 1);--blue-500: rgba(26, 188, 250, 1);--blue-700: rgba(28, 125, 243, 1);--blue-800: rgba(0, 102, 204, 1);--blue-950: rgba(7, 7, 14, 1);--blue-gradient: linear-gradient(160deg, var(--blue-700) 0%, var(--blue-500) 100%);--green-400: rgba(164, 222, 41, 1);--green-500: rgba(142, 198, 24, 1);--green-600: rgba(130, 184, 15, 1);--red-600: rgba(212, 89, 81, 1);--background: var(--white-100);color:var(--grey-700);background-color:var(--background);--heading-1: 3.79rem;--heading-2: 3.16rem;--heading-3: 2.53rem;--heading-4: 1.89rem;--heading-5: 1.47rem;--heading-6: 1.11rem;--body: 1rem;font-size:19px;--navbar-height: 80px;--table-row-height: 4.47rem;--table-spacing: 1.58rem}body{margin:0}h1,h2,h3,h4{font-weight:600;margin:0}h1{font-size:var(--heading-2);text-shadow:2px 2px var(--background),-2px 2px var(--background);transform:translateY(13px)}h2{font-size:var(--heading-4)}h3{font-size:var(--heading-5)}h4{font-size:var(--heading-6)}p{margin:0}.navbar{border:1px solid var(--grey-300);border-width:0 0 1px 0;height:var(--navbar-height);position:fixed;left:0;top:0;right:0;z-index:10;background-color:var(--background)}.navbar__heading{margin:0;transform:translateY(22px)}.navbar__heading>a{font-size:60px;color:var(--grey-700)!important;font-weight:600}a{text-decoration:none;color:var(--blue-700);font-size:20px;font-weight:600}button{border:0;font-family:var(--document-font)}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center}.container{padding:0 1rem}.container--no-padding{padding:0}.error{color:var(--red-600)}.upload-group__file-error-msg{min-height:2rem;font-size:21px}.upload-hero{display:flex;flex-grow:3;align-items:center;padding-top:calc(var(--navbar-height) + calc(.2 * (100vh - var(--navbar-height))));text-align:center}.upload-group__button{background:var(--blue-gradient);color:var(--background)}.upload-group{display:flex;flex-direction:column;flex-grow:1;align-items:center}.upload-group__button{display:flex;align-items:center;justify-content:space-between;height:60px;width:320px;padding:0 14px;margin-bottom:1rem;border:0;border-radius:30px}.upload-group__button:hover{cursor:pointer;outline:1px solid var(--blue-500)}.upload-group__button-plus{font-size:50px;font-weight:200;flex-grow:0;transform:translateY(-4px)}.upload-group__button-text-wrapper{display:flex;flex-grow:1;justify-content:center;transform:translateY(0);font-size:19px;font-weight:500}.upload-group__file-error-msg{text-align:center;min-height:2rem}.upload-group__file-description{text-align:center;font-size:1rem;line-height:1.25rem}.upload-group__file-description-link{display:flex;margin-top:3px}.results-table__wrapper{margin-top:calc(2 * var(--navbar-height) - (var(--table-spacing)));width:100%;position:relative;overflow-x:scroll}.results-table__table{border-collapse:separate;border-spacing:0 1.58rem;width:100%;text-align:center}.results-table__head{font-size:1.47rem;height:calc(var(--table-row-height) - 1rem);border-top:.5rem solid var(--white-150);border-bottom:.5rem solid var(--white-150);background-color:var(--white-150);font-weight:300}.results-table__head>tr>td,.player{border-right:1px solid var(--grey-300)}.results-table__head>tr>td,.player,.score{height:var(--table-row-height);padding:0 1rem}.results-table__head>tr>td:last-child{border-right:none}.table-rows{min-height:var(--table-row-height)}.player,.score{display:flex;align-items:center}.player{text-align:left;padding-left:0}.score{justify-content:center}.table-row__frames{width:42.42rem}.table-row__frames-list{margin:0;padding:0;display:flex;flex-direction:row;height:var(--table-row-height);max-width:fit-content}.table-row__frame{display:grid;grid-template-areas:"roll-1 roll-2" "frame-result";grid-template-columns:auto;grid-template-rows:1.69rem auto;gap:.32rem;width:4.05rem;height:100%;border-left:1px solid var(--grey-300);padding:0 .21rem}.table-row__frame--last{width:5.95rem}.table-row__frame>div{display:flex;justify-content:space-between;width:100%;color:var(--grey-500)}tr:hover{box-shadow:0 0 5px var(--grey-300)}.roll{position:relative;display:flex;justify-content:center;align-items:center;background-color:var(--white-150);width:1.69rem;height:1.69rem;text-align:center}.frame__result{display:flex;justify-content:center;align-items:center;font-size:1.47rem}.strike,.spare{position:absolute;top:0;left:0;mix-blend-mode:multiply}.strike{width:100%;height:100%;background-color:var(--grey-300-transparent)}.spare{bottom:0;width:0;height:0;border-left:.845rem solid transparent;border-right:.845rem solid var(--grey-300-transparent);border-top:.845rem solid transparent;border-bottom:.845rem solid var(--grey-300-transparent)}.results__footer{display:flex;justify-content:center;align-items:center;width:100%;height:var(--navbar-height);background-color:var(--white-150)}.container{width:100%;margin:0 auto;padding:0 2rem}@media (max-width: 640px){:root{font-size:12px}.container{max-width:640px;padding:0 1rem}}@media (min-width: 641px){:root{font-size:16px}.container{max-width:100%}}@media (min-width: 768px){:root{font-size:17px}.container{max-width:100%}}@media (min-width: 1024px){:root{font-size:18px}.container{max-width:100%}}@media (min-width: 1280px){:root{font-size:19px}.container{max-width:1280px}}