@font-face{font-family:"Roboto";font-style:normal;font-weight:300;src:url(/static/media/roboto-v20-latin-300.8d38ed81.eot);src:local("Roboto-Light"),local("Roboto Light"),url(/static/media/roboto-v20-latin-300.8d38ed81.eot?#iefix) format("embedded-opentype"),url(/static/media/roboto-v20-latin-300.37a7069d.woff2) format("woff2"),url(/static/media/roboto-v20-latin-300.865f928c.woff) format("woff"),url(/static/media/roboto-v20-latin-300.f1bae4d4.ttf) format("truetype"),url(/static/media/roboto-v20-latin-300.991f795d.svg#Roboto) format("svg")}@font-face{font-family:"Roboto";font-style:normal;font-weight:400;src:url(/static/media/roboto-v20-latin-regular.e464241b.eot);src:local("Roboto"),url(/static/media/roboto-v20-latin-regular.e464241b.eot?#iefix) format("embedded-opentype"),url(/static/media/roboto-v20-latin-regular.176f8f5b.woff2) format("woff2"),url(/static/media/roboto-v20-latin-regular.49ae34d4.woff) format("woff"),url(/static/media/roboto-v20-latin-regular.127ea449.ttf) format("truetype"),url(/static/media/roboto-v20-latin-regular.4f862c8b.svg#Roboto) format("svg")}:root{--debug-outline:1px solid grey;background-color:var(--color-background)}body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:not(input):not(textarea){-webkit-user-select:none;-webkit-touch-callout:none}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spin{animation:spin 2s linear .1s infinite;-moz-animation:2s linear .1s none infinite spin;-webkit-animation:spin 2s linear .1s infinite;-0-animation:spin 2s linear .1s infinite;animation-play-state:running}.flip-horizontal{transform:scaleX(-1);-ms-filter:fliph;-webkit-filter:fliph;filter:fliph}.rotate-90clockwise{transform:rotate(90deg)}.rotate-90counterclockwise{transform:rotate(-90deg)}.filter-white{-webkit-filter:var(--filter-white);filter:var(--filter-white)}.filter-supporttext{-webkit-filter:var(--filter-supporttext);filter:var(--filter-supporttext)}.filter-lightgrey-highlight{-webkit-filter:var(--filter-lightgrey-highlight);filter:var(--filter-lightgrey-highlight)}.filter-lightgrey{-webkit-filter:var(--filter-lightgrey);filter:var(--filter-lightgrey)}.filter-mediumgrey{-webkit-filter:var(--filter-mediumgrey);filter:var(--filter-mediumgrey)}.filter-supportelement{-webkit-filter:var(--filter-supportelement);filter:var(--filter-supportelement)}.filter-alert{-webkit-filter:var(--filter-alert);filter:var(--filter-alert)}.filter-ok{-webkit-filter:var(--filter-ok);filter:var(--filter-ok)}.app-body,.app-header{background-color:var(--color-background)}.app-body,.app-header,.label-onbackground,h1,h2,h3,h4,h5{color:var(--color-text-onbackground)}.input-onbackground{background:var(--color-input-background);border:1px solid var(--color-supportelements)}input,select,textarea{color:var(--color-supportelements)}input[type=text],textarea{box-shadow:0 0 0 2px transparent}textarea{outline:none}input[type=text]:focus,textarea:focus{outline:none;border:1px solid transparent;box-shadow:0 0 0 2px var(--color-actionelements)}.div-readonlyinput{background:var(--color-readonly-background);color:var(--color-readonly-text);border:1px solid var(--color-readonly-border)}.btn-checkbox{background-color:var(--checkbox-background);color:transparent;border:2px solid var(--checkbox-background);border-radius:2px;box-shadow:0 0 0 1px var(--color-supportelements-shadow);outline:none}.btn-checkbox.active,.btn-checkbox:active{background-color:var(--color-actionelements)}.btn-checkbox:focus:not([disabled]),.btn-checkbox:hover:not([disabled]){box-shadow:0 0 5px 3px var(--color-actiontext);outline:1px solid var(--color-actionelements)}.btn-checkbox:disabled,.btn-checkbox[disabled=disabled]{background-color:var(--color-lightgrey)!important;outline:1px solid var(--color-lightgrey)!important}.btn-toggle{background-color:var(--color-actiontext);color:transparent;border:3px solid var(--color-actiontext);box-shadow:0 0 0 1px var(--color-supportelements-shadow);outline:1px solid var(--color-supportelements-shadow)}.btn-toggle.active{background-color:var(--color-actionelements)}.btn:disabled,.btn[disabled=disabled]{background:var(--color-mediumgrey);color:var(--color-lightgrey)}.btn:disabled img,.btn[disabled=disabled] img{-webkit-filter:var(--filter-lightgrey);filter:var(--filter-lightgrey)}.btn-invisible{background:var(--color-background);color:var(--color-supporttext);border:0 solid transparent;border-radius:3px;box-shadow:0 0 0 0 var(--color-supportelements-shadow);outline:none}.btn-primary{background-color:var(--color-actionelements);color:var(--color-actiontext);border:1px solid transparent;border-radius:3px;box-shadow:0 0 5px 3px transparent;outline:none}.btn-primary img{-webkit-filter:var(--filter-actiontext);filter:var(--filter-actiontext)}.btn-primary.active,.btn-primary:active{background-color:var(--color-actionelements-active);border:1px solid transparent;box-shadow:0 0 5px 3px transparent;outline:none}.btn-primary:focus,.btn-primary:hover{color:var(--color-actiontext);border:1px solid var(--color-actiontext);box-shadow:0 0 5px 3px var(--color-actionelements-shadow);outline:none}.btn-primary-pressed{box-shadow:inset 1px 1px 5px 1px var(--color-actionelements-dark)!important;background-color:var(--color-actionelements-shadow)!important}.btn-primary-highlight{box-shadow:0 0 1px 2px var(--color-actionelements-shadow)!important}.btn-secondary,.btn-secondary-nofilter{background-color:var(--color-supportelements);color:var(--color-supporttext);border:1px solid transparent;border-radius:3px;box-shadow:0 0 5px 3px transparent;outline:none}.btn-secondary img{-webkit-filter:var(--filter-supporttext);filter:var(--filter-supporttext)}.btn-secondary-nofilter.active,.btn-secondary-nofilter:active,.btn-secondary.active,.btn-secondary:active{border:1px solid var(--color-supportelements);background-color:var(--color-supportelements);outline:none}.btn-secondary-nofilter:focus,.btn-secondary-nofilter:hover,.btn-secondary:focus,.btn-secondary:hover{border:1px solid var(--color-supportelements-active);box-shadow:0 0 5px 3px var(--color-supportelements-shadow);outline:none}.modal-background{background:var(--color-greyout);border-radius:0}.modal-foreground{border:1px solid var(--color-supportelements-active)!important;border-radius:5px;background-color:var(--color-modal-background);box-shadow:0 0 5px 3px var(--color-supportelements-shadow)!important;color:var(--color-actiontext)}.modal-foreground div,.modal-foreground label,.modal-foreground p{color:var(--color-modal-text)}.modal-itemcontainer{border-top:1px solid var(--color-supportelements-active);border-bottom:1px solid var(--color-supportelements-active)}.divborder{border:1px solid var(--color-lightgrey);outline:1px solid var(--color-mediumgrey)}:root{--font-size-body:calc(12px + min(1vmin, 7pt));--letter-spacing-thintype:0.02em;--letter-spacing-boldtype:0.02em}body,code,input,select,textarea{font-weight:300;letter-spacing:.02em;letter-spacing:var(--letter-spacing-thintype)}.btn,body,button,code,input,select,textarea{font-family:"Roboto",Arial,Helvetica,sans-serif;font-size:calc(12px + min(1vmin, 7pt));font-size:var(--font-size-body);font-style:normal}.btn,b,button,h1,h2,h3,h4,h5,input,select,textarea{font-weight:400;letter-spacing:.02em;letter-spacing:var(--letter-spacing-boldtype)}.App,.app-body,.app-header,b,h1,h2,h3,h4,h5{font-size:calc(12px + min(1vmin, 7pt));font-size:var(--font-size-body)}.App,.app-body,.app-header{text-align:center;font-weight:300;letter-spacing:.02em;letter-spacing:var(--letter-spacing-thintype)}:root{--checkbox-size:var(--font-size-body)}b,h1,h2,h3,h4,h5{margin:0;padding:0;font-weight:700}input,select{padding-left:5px}.div-readonlyinput{border-radius:5px;outline:0;margin:1px;padding:5px;width:100%;display:block;white-space:pre-wrap;word-wrap:break-word}.position-absolute{position:absolute;margin:auto}.flex-container-column,.flex-container-row{position:relative;display:flex;justify-content:flex-start;align-items:center;margin:0;width:100%}.flex-container-column{flex-direction:column}.flex-container-row{flex-direction:row}.grid-container{display:grid;grid-gap:15px 15px;grid-template-columns:calc(45% - 8px) calc(55% - 8px);text-align:left}.grid-itemleft{grid-column:1}.grid-itemright{grid-column:2}.grid-itemspan{grid-column-start:1;grid-column-end:3}.btn-checkbox{margin:0 10px 0 0}.btn-checkbox,.btn-toggle{width:var(--font-size-body);width:var(--checkbox-size);height:var(--font-size-body);height:var(--checkbox-size);padding:0}.btn-toggle{margin:calc(var(--checkbox-size)*0.5) 10px -4px 0;border-radius:calc(var(--font-size-body)*0.5);border-radius:calc(var(--checkbox-size)*0.5)}.btn{display:inline-flex;justify-content:center;align-items:center;text-decoration:none}.btn img{user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none}.btn:disabled,.btn[disabled=disabled]{cursor:not-allowed;pointer-events:none;outline:none;margin:0}.btn-group-left{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.btn-group-right{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.modal-background{position:fixed;height:100vh;width:100vw;top:0;left:0;overflow:hidden;height:100%;width:100%;display:flex;justify-content:center;align-items:center;padding:0;z-index:10}.modal-foreground{display:flex;flex-direction:column;margin:auto;padding:16px;width:80%;text-align:left}.modal-itemcontainer{flex-wrap:wrap;margin-top:15px;margin-bottom:15px;padding-top:15px;padding-bottom:15px}.modal-buttoncontainer{height:50px;justify-content:space-between;margin:4px}.modal-buttoncontainer button{flex:50% 1 1;height:100%;margin:4px}.modal-buttoncontainer button:first-child{margin-left:0!important}.modal-buttoncontainer button:last-child{margin-right:0!important}.modal-close-icon{margin-bottom:2px;height:30px;user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none}.session-banner{position:relative;display:block;text-align:center;width:100%;max-height:144px;background:var(--color-supportelements);border-radius:0}.session-banner-header{top:0}.session-banner-footer{bottom:0}.session-banner img{-webkit-filter:var(--filter-lightgrey);filter:var(--filter-lightgrey);width:100%;max-height:144px}:root{--range-handle-color:var(--color-actionelements);--range-handle-color-hover:var(--color-actionelements-active);--range-handle-size:28px;--range-handle-margin-top:calc(var(--range-handle-size)*-0.5);--range-handle-width:calc(var(--range-handle-size)*0.5);--range-track-color:var(--color-supportelements-active);--range-track-color-focus:var(--color-actionelement);--range-track-height:6px;--range-track-width:100%}input.slider[type=range]{-webkit-appearance:none;position:relative;height:0;padding:0;top:14px;top:calc(var(--range-handle-size)*0.5);width:100%;width:var(--range-track-width);margin:0}input.slider[type=range]:focus{outline:none!important;box-shadow:0 0 8px 4px var(--color-actiontext)!important}input.slider[type=range]::-webkit-slider-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;width:14px;width:var(--range-handle-width);border-radius:3px;height:28px;height:var(--range-handle-size);background:var(--color-actionelements);background:var(--range-handle-color);cursor:pointer;-webkit-appearance:none;margin-top:-14px;margin-top:var(--range-handle-margin-top)}input.slider[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;width:14px;width:var(--range-handle-width);border-radius:3px;height:28px;height:var(--range-handle-size);background:var(--color-actionelements);background:var(--range-handle-color);cursor:pointer}input.slider[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #000;width:14px;width:var(--range-handle-width);border-radius:3px;height:28px;height:var(--range-handle-size);background:var(--color-actionelements);background:var(--range-handle-color);cursor:pointer}input.slider[type=range]::-webkit-slider-runnable-track{width:100%;width:var(--range-track-width);height:6px;height:var(--range-track-height);animate:.2s;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border-radius:1.3px;border:.2px solid #010101;background:var(--color-supportelements-active);background:var(--range-track-color);cursor:pointer}input.slider[type=range]::-moz-range-track{width:100%;width:var(--range-track-width);height:6px;height:var(--range-track-height);animate:.2s;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border-radius:1.3px;border:.2px solid #010101;background:var(--color-supportelements-active);background:var(--range-track-color);cursor:pointer}input.slider[type=range]::-ms-track{width:100%;width:var(--range-track-width);height:6px;height:var(--range-track-height);animate:.2s;background:transparent;border-color:transparent;border-width:16px 0;color:transparent}input.slider[type=range]::-ms-fill-lower,input.slider[type=range]::-ms-fill-upper{border:.2px solid #010101;border-radius:2.6px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;background:var(--color-supportelements-active);background:var(--range-track-color)}input.slider[type=range]:focus::-webkit-slider-runnable-track{background:var(--color-supportelements-active);background:var(--range-track-color)}input.slider[type=range]:focus::-ms-fill-lower,input.slider[type=range]:focus::-ms-fill-upper{background:var(--color-supportelements-active);background:var(--range-track-color)}.visuallyhidden{position:absolute;z-index:-1;right:0;opacity:0}.carousel-container{overflow:visible;padding:0;margin-top:0;background:transparent}.card-carousel{z-index:1;position:relative;margin:0 auto;width:100%;min-width:0;transition:-webkit-filter .3s ease;transition:filter .3s ease;transition:filter .3s ease,-webkit-filter .3s ease}.card-carousel.smooth-return{transition:all .3s ease}.card-carousel .card{background:transparent;text-align:center;padding:0;position:absolute;margin:0 auto;color:#fff;transition:inherit;border:none;border-radius:5px}.card-carousel{align-items:flex-start;justify-content:flex-start}.card,.card-carousel{display:flex;flex-direction:column}.card{border:none;align-items:center;justify-content:center}.image-container{width:calc(100% - 10px);height:calc(100% - 10px);position:relative;margin:5px 0 calc(12px + 2vmin);border-radius:5px;border:none;padding:0;background:transparent;background-repeat:no-repeat}.image-container:after{content:"";display:block;width:calc(100% + 10px);height:calc(100% + 10px);border-radius:0;position:absolute;top:-5px;left:-5px}.card-text{display:none;position:absolute;bottom:0;width:100%;justify-content:center;align-items:center;font-size:calc(10px + 1vmin);color:var(--color-text-onbackground);background:var(--color-background);border-radius:15px;box-shadow:0 5px 5px 0 var(--color-background);white-space:nowrap}.card.highlight .card-text{display:flex}.button-radio-selector{border:3px solid transparent;background-color:var(--color-background);box-shadow:0 0 3px 1px transparent;border-radius:5px;position:relative;background-size:cover;outline:none}.button-radio-selector.active,.button-radio-selector:active{border:3px solid var(--color-actionelements);background-color:var(--color-background);box-shadow:0 0 3px 1px var(--color-actionelements-shadow);outline:none}.button-radio-selector:focus,.button-radio-selector:hover{border:3px solid var(--color-actionelements-active);background-color:var(--color-background);box-shadow:0 0 3px 1px var(--color-actionelements-shadow);outline:none}.popupselector-background,.recorder-portrait-img-container{background:var(--color-background)}.recorder-portrait-img-container{box-shadow:0 5px 5px 0 var(--color-background);z-index:1}.recorder-portrait-img-container img{display:flex;margin:auto;border-radius:5px}.recorder-toggle-btn{width:50%;height:100%}.collapsable{--button-height:1.4em;position:relative;display:inline-block;width:100%}.collapsable-container{padding-top:2px;padding-bottom:8px;display:none;overflow:hidden}.collapsable-show{display:block}.collapsable-hide{display:none}.collapseBarBtn{width:100%;height:var(--button-height);text-align:left!important;margin-top:2px;margin-bottom:2px}.collapseBarBtn div img{height:var(--button-height);user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none}.collapseBarBtnText{margin:calc(var(--button-height)*-0.5) 0}.controls{--controls-listButtonSize:35px;--controls-smallButtonSize:35px;--controls-largeButtonSize:70px;--controls-button-radius:5px;--controls-button-margin:4px;--controls-list-margin:0.5em}.controls-large-btn{min-width:var(--controls-largeButtonSize);height:var(--controls-largeButtonSize);padding:5px;margin-right:var(--controls-button-margin);margin-left:0;border-radius:var(--controls-button-radius)}.controls-large-btn label{margin:5px;white-space:pre-wrap;text-align:left}.controls-small-btn,.controls-small-btn-secondary{min-width:var(--controls-smallButtonSize);height:var(--controls-smallButtonSize);padding:3px;border-radius:var(--controls-button-radius)}.controls-list-btn,.controls-list-btn-secondary{min-width:var(--controls-listButtonSize);width:var(--controls-listButtonSize);height:var(--controls-listButtonSize);padding:3px;border-radius:var(--controls-button-radius)}.controls-list-btn-secondary img,.controls-small-btn-secondary img{-webkit-filter:var(--filter-lightgrey)!important;filter:var(--filter-lightgrey)!important}.controls-large-btn img,.controls-list-btn-secondary img,.controls-list-btn img,.controls-small-btn-secondary img,.controls-small-btn img{height:100%;user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none}.controls-intro-container{width:100%;display:grid;grid-gap:0 10px;grid-template-columns:minmax(200px,1fr) 3.8em var(--controls-listButtonSize)}.controls-intro-container div,.controls-intro-container label{text-align:left;margin-top:var(--controls-list-margin)}.controls-intro-container input{margin-top:var(--controls-list-margin);max-height:var(--controls-listButtonSize);border-radius:2px}.controls-griditem-underline{border-bottom:1px solid var(--color-supportelements-active)}.controls-matching-debug-container{width:100%;display:grid;grid-gap:0 10px;grid-template-columns:9em auto}.controls-matching-debug-container div,.controls-matching-debug-container label{text-align:left;margin-top:var(--controls-list-margin)}.app-body,.app-header{height:100vh;width:100%;top:0;overflow:hidden;display:flex;flex-direction:column;position:relative;align-items:center;justify-content:center}:root{--color-background:#000;--color-actionelements:#0280a0;--color-actionelements-active:#08a;--color-actionelements-shadow:#016a85;--color-actionelements-dark:#014b5e;--color-actiontext:#fff;--color-supportelements-shadow:#1c1e20;--color-supportelements:#2c2f33;--color-supportelements-active:#494d53;--color-mediumgrey:#60676f;--color-lightgrey:#959ba3;--color-lightgrey-highlight:#b7bbc1;--color-supporttext:#caccce;--color-text-onbackground:var(--color-lightgrey);--color-input-background:var(--color-lightgrey-highlight);--color-alert:#e99242;--color-ok:#6a8d0d;--color-readonly-background:var(--color-lightgrey-highlight);--color-readonly-text:var(--color-supportelements);--color-readonly-border:var(--color-lightgrey-highlight);--color-greyout:rgba(0,0,0,0.8980392156862745);--color-modal-background:var(--color-supportelements-shadow);--color-modal-text:var(--color-lightgrey-highlight);--checkbox-color:var(--color-actionelements);--checkbox-background:var(--color-supporttext);--filter-white:invert(96%) sepia(4%) saturate(0%) hue-rotate(358deg) brightness(104%) contrast(106%);--filter-actiontext:var(--filter-white);--filter-supporttext:invert(93%) sepia(9%) saturate(52%) hue-rotate(169deg) brightness(86%) contrast(94%);--filter-lightgrey-highlight:invert(90%) sepia(10%) saturate(137%) hue-rotate(177deg) brightness(83%) contrast(87%);--filter-lightgrey:invert(65%) sepia(0%) saturate(24%) hue-rotate(209deg) brightness(97%) contrast(94%);--filter-mediumgrey:invert(73%) sepia(10%) saturate(20%) hue-rotate(356deg) brightness(92%) contrast(89%);--filter-supportelement:invert(12%) sepia(12%) saturate(563%) hue-rotate(175deg) brightness(101%) contrast(84%);--filter-alert:invert(66%) sepia(93%) saturate(742%) hue-rotate(329deg) brightness(96%) contrast(90%);--filter-ok:invert(49%) sepia(58%) saturate(4183%) hue-rotate(51deg) brightness(94%) contrast(90%)}
/*# sourceMappingURL=main.da98f810.chunk.css.map */