@import-normalize;body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.dark-green-bg{background-color:var(--dark-green);color:var(--white)}.light-background{background-color:var(--light-bg);color:#000}.light-background button{background-color:var(--white);color:#000}button{height:calc(var(--body-text-size) * 2);border:2px solid var(--white);background-color:transparent;border-radius:50px;font-size:var(--body-text-size);padding:5px 4rem;font-weight:var(--semi-bold);color:var(--white);margin:var(--body-text-size) 0;text-transform:uppercase}button:hover,button.hover{background-color:var(--main-green);color:#000}a{color:var(--white)}input{width:60vw;height:5vh}label{display:block}.exchange-form-body{display:flex;flex-direction:column;margin:auto;align-items:center}.exchange-form-body__fine-text--bold{font-weight:var(--semi-bold)}.exchange-form-body__input-label-block{padding-bottom:5vh}.exchange-form-body__input-label-block>*{display:block}.exchange-form-body__sub-title{padding-bottom:30px}:root{--main-green: #00ffae;--dark-green: #172926;--light-bg: #f4fbfb;--white: #ffffff;--support-blue: #00ffff;--bold: 700;--semi-bold: 600;--medium: 500;--body-text-size: 1.5rem;--header-text-size: calc(var(--body-text-size) * (6.67/3.75));--subhead-text-size: calc(var(--body-text-size) * (4.58/3.75));--title-text-size: 4.33rem;--intro-paragraph-size: calc(var(--body-text-size) * 6.25);--gradient-blue-0: #00ffff;--gradient-blue-25: #00ffd5;--gradient-blue-50: #00ff9d;--gradient-blue-75: #00ff81;--gradient-blue-100: #00ff57}.title-case{text-transform:capitalize}.body-text{font-size:var(--body-text-size)}.error-subtext{color:#c9e4e3}.title{font-size:var(--title-text-size);font-weight:var(--medium)}.header{font-size:var(--header-text-size)}.subhead{font-size:var(--subhead-text-size);font-weight:var(--bold)}.bold{font-weight:var(--bold)}.error-title{font-size:var(--title-text-size);font-weight:var(--medium);color:#fff}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}section.landing{background-image:url(/assets/LandingBackground-308fe5ab.png);display:flex;flex-direction:column;justify-content:center}.landing div{padding:2rem 0}.landing button{margin:0 15px}.playButtonIcon{width:var(--body-text-size);margin-left:auto;margin-right:auto;display:block}section{align-items:center;height:100vh;width:100%;border-bottom:1px solid lightgrey}section{display:flex;flex-direction:column}button.green-outline{border-color:var(--main-green)}#exchange button{text-align:center;padding:0 1rem;margin-right:1rem}span.buttons{width:100%}.phase-output{width:60vw}progress{width:50vw;margin:auto}#progressContainer{display:inline-block;overflow:hidden;width:400px;height:10px;border:1px solid #333333;border-radius:999px}#progress{display:block;height:100%;border-radius:999px;transition:all .6s linear}.start{background-image:repeating-linear-gradient(-45deg,var(--gradient-blue-0) 0 8px,black 8px 10px)}.stage-1{background-image:repeating-linear-gradient(-45deg,var(--gradient-blue-25) 0 8px,black 8px 10px)}.stage-2{background-image:repeating-linear-gradient(-45deg,var(--gradient-blue-50) 0 8px,black 8px 10px)}.stage-3{background-image:repeating-linear-gradient(-45deg,var(--gradient-blue-75) 0 8px,black 8px 10px)}.done{background-image:repeating-linear-gradient(-45deg,var(--gradient-blue-100) 0 8px,black 8px 10px)}input[type=radio]{position:absolute;width:150px;height:150px;opacity:0}.speed-container{display:flex}.subhead{background:linear-gradient(180deg,rgba(255,255,255,0) 70%,var(--gradient-blue-50) 30%)}label>*{margin-top:1em}label{margin:.5rem;padding:.5rem}label:hover .subhead{background:linear-gradient(180deg,rgba(255,255,255,0) 70%,#00cc8b 30%)}label:has(input:checked){outline:var(--main-green) 2px solid}.vertical-line{border-left:3px solid black;padding:0 .5rem}.select-one{margin-bottom:1rem;font-weight:600}.now-playing-block{display:flex;flex-direction:column;margin:auto}.container{min-width:50vw;columns:2}.image-box{width:calc(3.833 * var(--body-text-size));background:black}.now-playing-block__participant{display:flex;align-items:center}.now-playing-block__participant>*{padding:calc(var(--body-text-size) / 2)}.playlist-landing{color:var(--main-green)}input{text-align:center;font-size:var(--body-text-size)}section{text-align:center}.exchange-form-body__button-green{background-color:var(--main-green);border-color:var(--dark-green);color:var(--dark-green);width:fit-content}