*{margin:0;padding:0;border:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}p,h1,h2,h3,h4,strong,span,button{-webkit-user-select:none;user-select:none}@font-face{font-family:Formula;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/formulacondensedregular400-webfont-BwcLYaHJ.woff2) format("woff2"),url(/assets/formulacondensedregular400-webfont-BLD-92Oq.woff) format("woff")}@font-face{font-family:Formula;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/formulacondensedbold700-webfont-iFsgsByN.woff2) format("woff2"),url(/assets/formulacondensedbold700-webfont-B54eSO4A.woff) format("woff")}@font-face{font-family:Formula;font-style:normal;font-weight:100;font-display:swap;src:url(/assets/formulacondensedultralight100-webfont-DP4cYAdF.woff2) format("woff2"),url(/assets/formulacondensedultralight100-webfont-Ly00a0kH.woff) format("woff")}:root{--font-family: "Formula", Arial, Helvetica, sans-serif;--font-family-body: "Inter", Arial, Helvetica, sans-serif;--color-primary: rgba(14, 46, 74, 1);--color-primary-dimmed: rgba(14, 46, 74, .7);--color-secondary: rgba(25, 31, 127, 1);--color-secondary-dimmed: rgba(25, 31, 127, .8);--color-selection: rgba(25, 31, 127, .2);--color-text: rgba(255, 255, 255, 1);--color-text-light: rgba(255, 255, 255, 1);--color-label: #fff;--color-warn: rgba(245, 245, 0, 1);--color-error: rgb(255, 97, 89);--max-width: $max-width}html{font-size:16px;scroll-behavior:smooth}.fullheight,.no-scroll{overflow:hidden}.visually-hidden{position:absolute;top:0;left:0;width:1px;height:1px;opacity:0}html,body{width:100%;color:var(--color-text);font-family:var(--font-family);font-weight:400;background-color:#020d2b}@media only screen and (max-width: 1184px){html,body{background-color:var(--color-primary)}}body{font-size:24px;line-height:32px}#app{width:100%;position:relative}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--font-family);cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}strong{font-weight:600}hr{height:1px;background-color:#ddd}h2{font-size:32px;line-height:32px;font-weight:500}h3{font-size:16px;font-weight:500}h4{font-size:14px;font-weight:400}select,input,textarea{font-family:var(--font-family)}svg{display:block}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}::-moz-selection{background:var(--color-selection)}::selection{background:var(--color-selection)}a:link,a:visited{color:var(--color-label)}a:hover,a:focus{color:var(--color-label)}a:active{color:var(--color-label)}.App{width:100%;max-width:1184px;margin:0 auto;padding:0;position:relative;text-align:center;display:flex;flex-direction:column;justify-content:space-between;background-color:var(--color-primary);background-image:url(/assets/bg-wiRVWGnG.png);background-size:cover;background-position:bottom center;overflow:hidden;height:100vh;min-height:100vh;min-height:-webkit-fill-available}.App .AppCanvas{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.AppInner{background-color:#0006;height:100vh;height:-webkit-fill-available;overflow:auto}.Badge{width:56px;height:56px;background-color:#00001466;opacity:.5;flex-shrink:0;border-radius:5px;position:relative;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}.Badge div{position:absolute;top:6px;left:6px;right:6px;bottom:6px;background-size:contain;background-repeat:no-repeat;background-position:center}.Badge svg{display:block;width:9px;height:9px;position:absolute;bottom:3px;left:3px;opacity:0}.Badge.earned{opacity:1}.Badge.earned svg{opacity:.5}.Badge1 div{opacity:.2;background-image:url(/assets/coin_1-CNBgGhPL.png);filter:saturate(0)}.Badge1.earned div{opacity:1;background-image:url(/assets/coin_1-CNBgGhPL.png);filter:saturate(1)}.Badge2 div{opacity:.2;background-image:url(/assets/coin_2-C6fP70qf.png);filter:saturate(0)}.Badge2.earned div{opacity:1;background-image:url(/assets/coin_2-C6fP70qf.png);filter:saturate(1)}.Badge3 div{opacity:.2;background-image:url(/assets/coin_3-BA97RIBd.png);filter:saturate(0)}.Badge3.earned div{opacity:1;background-image:url(/assets/coin_3-BA97RIBd.png);filter:saturate(1)}.Badge4 div{opacity:.2;background-image:url(/assets/coin_4-BODzoZIb.png);filter:saturate(0)}.Badge4.earned div{opacity:1;background-image:url(/assets/coin_4-BODzoZIb.png);filter:saturate(1)}.Badge5 div{opacity:.2;background-image:url(/assets/coin_5-Bz7fUCE9.png);filter:saturate(0)}.Badge5.earned div{opacity:1;background-image:url(/assets/coin_5-Bz7fUCE9.png);filter:saturate(1)}.Badge6 div{opacity:.2;background-image:url(/assets/coin_6-s0HWQbXq.png);filter:saturate(0)}.Badge6.earned div{opacity:1;background-image:url(/assets/coin_6-s0HWQbXq.png);filter:saturate(1)}.Badge7 div{opacity:.2;background-image:url(/assets/coin_7-D5yww5IT.png);filter:saturate(0)}.Badge7.earned div{opacity:1;background-image:url(/assets/coin_7-D5yww5IT.png);filter:saturate(1)}.LargeBadge{width:100%;height:160px;background-size:contain;background-color:transparent;background-repeat:no-repeat;background-position:center;margin:0 auto;opacity:1}.LargeBadge1{background-image:url(/assets/coin_1-CNBgGhPL.png)}.LargeBadge2{background-image:url(/assets/coin_2-C6fP70qf.png)}.LargeBadge3{background-image:url(/assets/coin_3-BA97RIBd.png)}.LargeBadge4{background-image:url(/assets/coin_4-BODzoZIb.png)}.LargeBadge5{background-image:url(/assets/coin_5-Bz7fUCE9.png)}.LargeBadge6{background-image:url(/assets/coin_6-s0HWQbXq.png)}.LargeBadge7{background-image:url(/assets/coin_7-D5yww5IT.png)}.LargeBadge.xl{height:200px}.Body{padding:24px;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.Body p{margin-bottom:16px}.ButtonBar{display:flex;gap:0;padding:0;justify-content:center;width:100%}.ButtonBar.primary{background-color:var(--color-brand)}.ButtonBar.grow .Button{flex:1}.Button{text-align:center;color:#fff;background-color:#191f7fb3;box-shadow:inset 0 0 48px #23bdff66,0 4px 8px #000000b3;padding:16px;border:1px solid rgba(255,255,255,.7);position:relative;font-size:32px;-webkit-tap-highlight-color:rgba(0,0,0,0);height:56px;display:flex;align-items:center;justify-content:center}.Button.fitContent{max-width:fit-content;margin:0 auto}.Button.fullWidth{width:100%}.Button:focus{outline:0}.Button svg{width:32px}.Button:disabled{opacity:.7;pointer-events:none;filter:grayscale(100%)}.Button.small{padding:4px 8px;font-size:20px;height:36px;box-shadow:none;border:0;background-color:#fff3;border-radius:3px}.Button.small:disabled{color:#fff6;opacity:.4}.Button.small.inverted{background-color:#fff;color:#191f7fb3}.Checkbox{position:relative;display:flex;gap:16px;padding:0;text-align:left}.Checkbox input{position:absolute;top:0;left:0;opacity:0}.Checkbox .CheckboxIcon{background-color:#fff;background-color:#191f7fb3;box-shadow:inset 0 0 48px #23bdff66,0 4px 8px #000000b3;border:1px solid rgba(255,255,255,.7);width:32px;height:32px;border-radius:0;display:flex;align-items:center;justify-content:center;flex:0 0 32px;margin-top:0;-webkit-user-select:none;user-select:none}.Checkbox .CheckboxIcon svg{display:none}.Checkbox input:checked+.CheckboxIcon{background-color:#191f7fb3}.Checkbox input:checked+.CheckboxIcon svg{display:block;width:16px}.Checkbox .CheckboxLabel{display:flex;flex-direction:column;color:var(--color-label);font-weight:400;font-family:var(--font-family-body);font-size:14px;line-height:20px}.Checkbox.disabled{pointer-events:none}.Checkbox.disabled .CheckboxIcon{opacity:.5}.CheckboxError{font-family:var(--font-family-body);font-size:11px;line-height:14px;padding:2px 5px;display:inline-flex;background-color:var(--color-error);color:#fff;width:max-content;border-radius:2px;margin-top:8px}.CheckboxRequired{color:var(--color-error)}.CopyButton{font-family:var(--font-family-body);font-size:13px;line-height:12px;background-color:#fff;color:var(--color-primary);padding:2px 5px;border-radius:4px;display:flex;align-items:center;gap:2px;position:relative;width:max-content}.CopyButton svg{width:12px;position:absolute;top:2;right:-18px}.CopyButton:active,.CopyButton.copied{background-color:var(--color-primary);color:#ffffffe6}.CopyButton.large{font-size:26px;line-height:24px;padding:6px 10px}.CopyButton.large svg{width:24px;position:absolute;top:5px;right:-24px}.Countdown{width:100%;position:relative;height:10px;border:1px solid rgba(255,255,255,.7);margin:24px 0}.Countdown .CountdownOuter{position:absolute;top:1px;right:1px;bottom:1px;left:1px}.Countdown .CountdownInner{position:absolute;width:100%;top:0;right:0;bottom:0;background-color:#ff6159}.Feedback{color:#fff;padding-top:12px;font-family:var(--font-family-body);font-size:16px;line-height:20px;text-shadow:0 1px 4px rgba(0,0,0,.8)}.Form{display:grid;gap:16px;width:100%}.Form.compact{gap:8px}.Form h2{margin:0}.Form fieldset{display:grid;gap:8px;width:100%}.Form p.small{font-family:var(--font-family-body);font-size:12px;line-height:20px;position:relative}.Header{display:flex;align-items:center;justify-content:center;position:relative}.Logo{max-width:190px;width:60%;height:88px;background-image:url(/assets/logo-J6KoLujc.svg);background-position:center;background-size:contain;background-repeat:no-repeat}.BrandLogo{position:absolute;left:16px;top:0;height:85px;width:62px;background-image:url(/assets/logo_kroncrv-DwnGvWj1.svg);background-position:center;background-repeat:no-repeat;background-size:contain}@media (min-width: 414px){.BrandLogo{width:64px}.Logo{max-width:220px}}@media (min-width: 640px){.BrandLogo{width:90px;height:88px}}.HeaderButton{width:28px;height:28px;position:absolute;bottom:32px;right:16px;border:0;border-radius:50%;background-color:#fff;display:flex;justify-content:center;align-items:center;transition:background-color .3s ease-in-out}.HeaderButton .Earth{width:18px;height:18px;color:#191f7f;display:block}.HeaderButton .Star{position:absolute;width:14px;height:14px;top:-4px;right:-4px;opacity:1;transition:opacity .3s ease-in-out;animation-duration:2s;animation-iteration-count:infinite;transform-origin:bottom;animation-name:bounce;animation-timing-function:cubic-bezier(.28,.84,.42,1)}.HeaderButton.open{background-color:#080c3b}.HeaderButton.open .Star{opacity:0}.HeaderButton.open .Astronout{color:#fff}@keyframes bounce{0%{transform:scale(1) translateY(0)}10%{transform:scale(1.1,.9) translateY(0)}30%{transform:scale(.9,1.1) translateY(-4px)}50%{transform:scale(1.05,.95) translateY(0)}64%{transform:scale(1) translateY(0)}to{transform:scale(1) translateY(0)}}.Heading{margin:0;font-weight:500}.Heading.center{text-align:center}.Heading.thin{font-weight:400}.Heading1{font-size:48px;line-height:56px}.Heading2{font-size:32px;line-height:40px}.Heading3{font-size:26px;line-height:32px}@media only screen and (min-width: 321px){.Heading1{font-size:56px;line-height:64px}.Heading2{font-size:40px;line-height:48px}.Heading3{font-size:34px;line-height:40px}}.Info{display:flex;text-align:left;flex-direction:column;font-family:var(--font-family-body);font-size:16px;line-height:24px;flex:1;overflow:auto;padding:24px 40px;position:relative}.InfoBody{flex:1;color:var(--color-text-light)}.InfoBody p:not(:last-child){margin-bottom:20px}.InfoBody h1,.InfoBody h2,.InfoBody h3{font-size:24px;line-height:32px;font-weight:700;padding-bottom:16px}.InfoBody ul,.InfoBody ol{list-style-position:outside;padding:0 0 20px 18px}.InfoBody img{display:block;border:1px solid rgba(255,255,255,.3);width:100%;box-shadow:0 4px 12px #0000004d;margin:0 auto 16px;max-width:600px}.Input{display:flex;flex-direction:column;background-color:transparent;position:relative;text-align:left}.Input label{padding:0 0 4px;font-weight:400;font-family:var(--font-family-body);font-size:14px;line-height:20px;text-align:left;color:var(--color-label)}.Input label span{color:var(--color-error)}.Input input{font-family:var(--font-family-body);font-size:20px;line-height:32px;font-weight:400;color:#ddd;background-color:#000000b3;border-radius:0;border:1px solid rgba(255,255,255,.7);position:relative;padding:0 16px;height:56px;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}.Input input::selection{background:#ffffff80}.Input input:focus{border-color:#169eef}.Input input::placeholder{color:#555}.Input input[readonly]{box-shadow:none;border-color:#fff;opacity:1;pointer-events:none}.Input input[readonly]:focus{border-color:#fff}.Input.center input{text-align:center}.Input input:disabled{opacity:.5}.Input input:focus{outline:0}.InputError{font-family:var(--font-family-body);font-size:11px;line-height:14px;padding:2px 5px;display:inline-flex;background-color:var(--color-error);color:#fff;width:max-content;border-radius:2px;position:absolute;top:1px;right:0}.InputAddOn{position:absolute;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;width:56px;opacity:0;transition:opacity .3s ease-in-out}.InputAddOn svg{display:block;width:24px;height:24px}.InputAddOn.visible{opacity:1}.Loader{padding:40px;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.Modal{flex:0 0 auto;flex:0 0 min-content;margin:auto;width:100%;background-color:#fff;max-width:400px;pointer-events:none;position:relative;background-color:var(--color-primary)}.Modal.compact{max-width:264px}.ModalHead{background-color:#ffffff1a;padding:8px 24px;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.ModalHead h2{font-size:32px}.ModalFoot{background-color:#ffffff1a;padding:8px 24px;color:#fff;overflow:hidden}.ModalFoot p{font-family:var(--font-family-body);font-size:13px;line-height:12px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6px}.ModalClose{position:absolute;top:0;right:0;width:48px;height:48px;background:transparent;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease-in-out;--webkit-tap-highlight-color: transparent;outline:none}.ModalClose svg{width:20px;height:20px}.ModalClose:hover{opacity:.8}.ModalBody{padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#fff}.ModalBody img{display:block;width:100%;max-width:200px}.ModalBody.padding-sm{padding:8px}.ModalBody.padding-md{padding:16px}.ModalBody p{font-family:var(--font-family-body);font-size:16px;line-height:24px}.ModalBackground{position:absolute;top:0;right:0;left:0;bottom:0;background-color:#000000b3;pointer-events:none;transition:opacity .2s ease-in-out;opacity:0}.ModalBackground canvas{position:absolute;top:0;right:0;bottom:0;left:0}.ModalBackground.visible{opacity:1;pointer-events:all}.ModalContainer{position:fixed;top:0;right:0;left:0;bottom:0;overflow:hidden;display:flex;flex-direction:column;padding:24px;pointer-events:none;height:100vh;opacity:0;transform:translate3d(0,320px,0);transition:transform .2s ease-in-out 50ms,opacity .2s ease-in-out 50ms}.ModalContainer:focus{outline:0}.fullheight .ModalContainer{height:-webkit-fill-available}@media only screen and (min-width: 390px){.ModalContainer{padding:24px}}.ModalContainer.visible{overflow:auto;opacity:1;transform:translateZ(0);pointer-events:all}.ModalContainer.visible .Modal{pointer-events:all}.OrientationAlert{position:absolute;top:16px;left:16px;background-color:var(--color-warn);color:#000;border-radius:6px;opacity:0;transform:translateY(16px);transition:opacity .3s ease-in-out,transform .3s ease-in-out;display:flex;align-items:center;justify-content:center;width:56px;height:56px;box-shadow:0 2px 4px #0006;pointer-events:none}.OrientationAlert svg{width:40px;height:40px}@media only screen and (max-width: 920px) and (orientation: landscape){.OrientationAlert{opacity:1;transform:translateY(0)}}.Profile{padding:24px 32px;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}@media (min-width: 390px){.Profile{padding:24px 40px}}@media only screen and (min-width: 640px){.Profile{padding:48px 64px}}.QuestionChoiceMarker{position:absolute;top:-18px;left:calc(50% - 16px);background-color:#191f7f;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid rgb(255,255,255);border-radius:50%;font-family:Formula;font-size:24px;line-height:33px}.QuestionChoice{text-align:center;color:#fff;background-color:#191f7fb3;box-shadow:inset 0 0 48px #23bdff66,0 4px 8px #000000b3;padding:16px 8px 14px;border:1px solid rgba(255,255,255,.7);position:relative;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:all .2s ease-in-out;margin-top:28px;font-family:var(--font-family-body);font-size:19px}.QuestionChoice.dimmed{filter:grayscale(100%)}.QuestionChoice[disabled]{pointer-events:none}.QuestionChoice.selected{background-color:#23bdffb3}.QuestionChoice.selected .QuestionChoiceMarker{background-color:#23bdff}.QuestionChoice.correct{background-color:#23bd00b3}.QuestionChoice.correct .QuestionChoiceMarker{background-color:#23bd00}.QuestionChoice.incorrect{background-color:#ff6159b3}.QuestionChoice.incorrect .QuestionChoiceMarker{background-color:#ff6159}@media (min-width: 390px){.QuestionChoice{padding:20px 8px 16px}}.QuestionChoices{display:flex;flex-direction:column}@media only screen and (max-width: 840px) and (orientation: landscape){.QuestionChoices{display:grid;grid-template-columns:1fr 1fr;gap:0px 12px}}.QuestionImageChoices{display:grid;grid-template-columns:1fr 1fr;gap:32px 16px;margin-top:24px}@media only screen and (min-width: 768px){.QuestionImageChoices{gap:48px 32px}}@media only screen and (min-width: 840px),(orientation: landscape){.QuestionImageChoices{grid-template-columns:1fr 1fr 1fr 1fr}}.QuestionImageChoiceMarker{position:absolute;bottom:0;left:calc(50% - 20px);width:40px;display:flex;align-items:center;justify-content:center;font-weight:700}.QuestionImageChoiceText{position:absolute;bottom:0;width:100%;left:0;background-color:#0006;padding:6px;text-shadow:1px 1px 1px rgba(0,0,0,.4);font-size:24px}.QuestionImageChoice{text-align:center;color:#fff;background-color:#191f7fb3;box-shadow:inset 0 0 48px #23bdff66,0 4px 8px #000000b3;padding:0 0 100%;border:1px solid rgba(255,255,255,.7);position:relative;font-size:32px;outline:0;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:all .2s ease-in-out}.QuestionImageChoice>div{transition:opacity .2s ease-in-out;position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;background-repeat:no-repeat}.QuestionImageChoice.dimmed{filter:grayscale(100%)}.QuestionImageChoice[disabled]{pointer-events:none}.QuestionImageChoice.selected{border:1px solid rgb(35,189,255);outline:2px solid rgb(35,189,255)}.QuestionImageChoice.correct{border:1px solid rgb(35,189,0);outline:2px solid rgb(35,189,0)}.QuestionImageChoice.incorrect{border:1px solid rgb(255,97,89);outline:2px solid rgb(255,97,89)}@media only screen and (min-width: 1024px){.QuestionImageChoice{padding-bottom:120%}}.QuestionTitle{text-align:center;color:#fff;background-color:#191f7fb3;padding:16px;border:1px solid rgba(255,255,255,.7);font-size:40px;line-height:40px;margin-bottom:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;text-wrap:balance}.QuestionTitle img{width:100%;max-width:100%;max-height:160px;object-fit:contain}.ProgressIndicator{display:flex;justify-content:center;width:100%;gap:6px}.ProgressIndicatorItem{width:6px;height:6px;position:relative;background-color:#fff6}.ProgressIndicatorItem.revealed{background-color:var(--color-primary);animation:pulse .5s forwards 1}.ProgressIndicatorItem.active{background-color:#fff}.ProgressIndicatorItem.incorrect{background-color:#ff6159}.ProgressIndicatorItem.correct{background-color:#23bd00}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.5)}to{transform:scale(1)}}.QuizEnd{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:32px}.QuizEnd>div{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.QuizEnd p{font-family:var(--font-family-body);font-size:16px;line-height:24px}.ShareButton{width:24px;height:24px;padding:0;margin:0;display:block;background-color:transparent}.ShareButton[disabled]{opacity:.05;pointer-events:none}.ShareButton svg{display:block;width:24px;height:24px}.ShareButtons{display:flex;gap:16px}.QuizList{width:100%;border-collapse:collapse;text-align:left;font-size:20px}.QuizList tr:not(:last-child){border-bottom:1px solid rgba(255,255,255,.4)}.QuizList tr.active{background-color:#fff3}.QuizList .QuizEpisode{text-align:center}.QuizList .QuizEpisode.live{color:#0f0}.QuizList .QuizCorrect{background-color:#0006;padding:3px 5px;border-radius:5px;font-size:16px}.QuizList .QuizCorrect .hasCorrect{color:#0f0}.QuizList .QuizCorrect .hasIncorrect{color:red}.QuizList td{padding:8px;text-align:left;vertical-align:middle}.QuizList td:first-child{padding-left:16px}.QuizList td:last-child{padding-right:16px}.Interaction{padding:24px 40px;display:flex;flex-direction:column;flex:1;width:100%;position:relative;display:grid;grid-template-areas:"cell"}@media only screen and (min-width: 720px){.Interaction{padding:48px 64px}}.InteractionItem{grid-area:cell;display:flex;flex-direction:column;gap:16px;opacity:0;transform:translateY(100px);transition:opacity .3s ease-in-out,transform .3s ease-in-out;transition-delay:1s;pointer-events:none}.InteractionItem.active{opacity:1;transform:translateY(0);pointer-events:all}.RangeSlider{--range-margin: 0;--range-knob-size: 40px;display:flex;flex-direction:column;position:relative;width:100%;padding-top:var(--range-knob-size);height:calc(3 * var(--range-knob-size))}.RangeSlider canvas{position:absolute;top:0;right:0;bottom:0;left:0;height:calc(3 * var(--range-knob-size));pointer-events:none}.RangeSliderInput{display:flex;align-items:center;height:var(--range-knob-size);width:100%;position:relative}.RangeSliderInput input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:var(--range-knob-size);background:transparent;outline:none;border:1px solid rgba(255,255,255,.3);border-radius:calc(var(--range-knob-size) / 2);box-sizing:border-box}.RangeSliderInput input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--range-knob-size);height:var(--range-knob-size);border-radius:50%;background:#ffffff4d;cursor:pointer;border:1px solid rgba(255,255,255,.7);box-sizing:border-box;transition:outline-width .4s ease-in-out,background-color .4s ease-in-out;box-shadow:0 0 0 var(--range-margin) #ffffff1a,0 0 8px #ffffffb3}.RangeSliderInput.highlight input::-webkit-slider-thumb{background:#fff9}.RangeSliderInput input[disabled]::-webkit-slider-thumb{box-shadow:none}.RangeSliderInput input::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--range-knob-size);height:var(--range-knob-size);border-radius:50%;background:#ffffff4d;cursor:pointer;border:1px solid rgba(255,255,255,.7);outline:0 solid rgba(255,255,255,.1);outline-width:var(--range-margin);box-sizing:border-box;transition:outline-width .4s ease-in-out,background-color .4s ease-in-out;box-shadow:0 0 8px #ffffffb3}.RangeSliderInput.highlight input::-moz-range-thumb{background:#fff9}.RangeSliderInput input[disabled]::-moz-slider-thumb{box-shadow:none}.RawHtml h2,.RawHtml h3{font-size:20px;line-height:24px;margin-bottom:4px}.RawHtml p:not(:last-child){margin-bottom:24px}@media only screen and (min-width: 880px){.RawHtml{font-size:20px;line-height:32px}.RawHtml h2,.RawHtml h3{font-size:24px;line-height:28px;margin-bottom:8px}}.Ring{width:56px;height:56px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease-in-out}.Ring.visible{opacity:.5}.Ring:after{content:" ";display:block;width:16px;height:16px;margin:0;border-radius:50%;border:3px solid #fff;border-color:#fff transparent #fff transparent;animation:Ring .75s linear infinite}@keyframes Ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.Select{display:flex;flex-direction:column;background-color:transparent;position:relative;text-align:left}.Select label{padding:0 0 2px;font-weight:400;font-size:20px;line-height:24px;color:var(--color-label);text-align:left}.Select label span{color:var(--color-error)}.Select select{font-size:24px;line-height:32px;font-weight:400;color:#fff;background-color:#000000b3;border-radius:0;border:1px solid rgba(255,255,255,.7);position:relative;padding:0 16px;height:56px;width:100%;-webkit-appearance:none}.Select select[readonly]{box-shadow:none;background-color:#fff;border-color:#fff;opacity:1;pointer-events:none}.Select select[readonly]:focus{border-color:#fff;border:2px solid #fff}.SelectError{color:var(--color-error);font-size:16px;line-height:24px;padding-top:4px}.SelectAddOn{position:absolute;top:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;width:64px;opacity:0;transition:opacity .3s ease-in-out}.SelectAddOn.visible{opacity:1}.Text{text-wrap:pretty}.Text.left{text-align:left}.Text.center{text-align:center}.Text.right{text-align:right}.Text.light{color:var(--color-text-light);text-shadow:0 0 3px rgba(0,0,0,.8)}.Text.warn{color:var(--color-warn);text-shadow:0 0 3px rgba(0,0,0,.8)}.Text.xs{font-size:14px;line-height:20px}.Text.s{font-size:16px;line-height:24px}.Text.m{font-size:22px;line-height:28px}.Text.l{font-size:28px;line-height:36px}.Text.hyphenate{overflow-wrap:break-word;word-wrap:break-word;word-break:break-all;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}@media only screen and (min-width: 321px){.Text.xs{font-size:18px;line-height:24px}.Text.s{font-size:22px;line-height:28px}.Text.m{font-size:26px;line-height:32px}.Text.l{font-size:32px;line-height:40px}}.Textarea{display:flex;flex-direction:column}.Textarea label{padding:0 0 5px 3px;font-weight:600;font-size:14px;line-height:16px;color:var(--color-primary)}.Textarea label span{color:var(--color-error)}.Textarea .TextareaInner{border-radius:11px;padding:3px}.Textarea .TextareaInner:focus-within{background-color:var(--color-primary-dimmed)}.Textarea textarea{font-size:20px;line-height:32px;font-weight:400;color:#777;background-color:#fff;border-radius:8px;border:2px solid #c7c7c7;position:relative;padding:8px 16px 10px;width:100%;display:block;box-shadow:inset 0 2px #eee}.Textarea textarea:disabled{opacity:.5}.Textarea textarea:focus{background-color:#fff;border-color:var(--color-primary);outline:0}.TextareaError{font-size:12px;padding:0 3px;color:var(--color-error)}.VideoTopLeft,.VideoTopRight,.VideoBottomLeft,.VideoBottomRight{opacity:1;position:absolute;width:24px;height:24px}.Video{--height: 100vh;--margin: 8px;--offset: calc(var(--margin) * 2);--color: rgba(255, 255, 255, .75);position:absolute;width:calc(50% - var(--margin));background-color:#111;box-shadow:0 2px 8px #000c;overflow:hidden;padding:0;border:1px solid var(--color)}.Video.small{width:calc(25% - var(--margin))}.Video video{pointer-events:none}.Video.TopLeft{top:var(--margin);left:var(--margin)}.Video.TopLeft .VideoTopLeft{opacity:0}.Video.TopRight{top:var(--margin);right:var(--margin)}.Video.TopRight .VideoTopRight{opacity:0}.Video.BottomLeft{bottom:var(--margin);left:var(--margin)}.Video.BottomLeft .VideoBottomLeft{opacity:0}.Video.BottomRight{bottom:var(--margin);right:var(--margin)}.Video.BottomRight .VideoBottomRight{opacity:0}.Video.expanded{width:calc(100% - var(--offset))}.Video.expanded.small{width:calc(50% - var(--margin))}.Video.expanded video{pointer-events:all}.Video.expanded .VideoTopLeft,.Video.expanded .VideoTopRight,.Video.expanded .VideoBottomLeft,.Video.expanded .VideoBottomRight{pointer-events:none;opacity:0}.VideoTopLeft{top:0;left:0;border-bottom-right-radius:16px}.VideoTopLeft:after{content:"";position:absolute;top:2px;left:2px;width:0;height:0;border-style:solid;border-width:10px 10px 0 0;border-color:var(--color) transparent transparent transparent}.VideoTopRight{top:0;right:0;border-bottom-left-radius:16px}.VideoTopRight:after{content:"";position:absolute;top:2px;right:2px;width:0;height:0;border-style:solid;border-width:0 10px 10px 0;border-color:transparent var(--color) transparent transparent}.VideoBottomLeft{left:0;bottom:0;border-top-right-radius:16px}.VideoBottomLeft:after{content:"";position:absolute;left:2px;bottom:2px;width:0;height:0;border-style:solid;border-width:10px 0 0 10px;border-color:transparent transparent transparent var(--color)}.VideoBottomRight{right:0;bottom:0;border-top-left-radius:16px}.VideoBottomRight:after{content:"";position:absolute;right:2px;bottom:2px;width:0;height:0;border-style:solid;border-width:0 0 10px 10px;border-color:transparent transparent var(--color) transparent}.Video video{display:block;aspect-ratio:16/9;width:100%}.Video video::-webkit-media-controls-fullscreen-button{display:none!important}
