@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@300;500&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Rubik,sans-serif;margin:0}@keyframes fadein{0%{opacity:0}to{opaacity:1}}@keyframes fadeout{0%{opacity:1}to{opaacity:0}}.header{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;cursor:pointer;font-family:Rubik,sans-serif;font-size:max(3vh,54px);margin:auto;max-height:-webkit-max-content!important;max-height:max-content!important;padding:0;text-align:center;width:100%}.header h1{display:inline-block;font-weight:500;letter-spacing:calc(2px*2vmin);margin:0;opacity:1;padding:0;transition:opacity 1s}.header h1 .small{font-size:.5em;font-weight:150}header h1:hover{opacity:.8;transition:opacity .5s}.header h1:hover .rotate{color:#ff79e9;transition:color .5s}.header h2.slogan{color:#ccc;font-size:.24em;font-weight:300;letter-spacing:.065em;margin:-.7em 0 0;padding:0;text-align:center;text-transform:uppercase}.header h1 .reverse{display:inline-block;position:relative;transform:scaleX(-1)}.header h1 .rotate{display:inline-block;font-size:1em;margin:0 .072em 0 -.072em;padding:0;position:relative;transform:rotate(-34.5deg);transition:color 1s;visibility:visible}body{background-color:#fff}a{color:#333;text-decoration:none;transition:color 2s}a:hover{color:#ff00d4;transition:color .25s}h3{font-size:1.5em;font-weight:500;margin:0 0 4vh}p{background-color:initial;line-height:1.6em;margin:0 0 1.2em;padding:0;width:100%}.App{cursor:default;margin:auto;max-width:400px;padding:0 1em}header,main{margin:0;padding:0}main{align-items:center;color:#666;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1rem;font-weight:200;line-height:1.4em;text-align:justify}main p:first-child{font-weight:500}main p:last-child{text-align:end}footer{font-size:.6em;font-weight:300;margin-bottom:5vh;text-align:center}.pl-50{padding-left:1em}.pr-50{padding-right:1em}.mb-100{margin-bottom:3vh}.mb-300{margin-bottom:5vh}.pointer{cursor:pointer}.input{align-items:space-between;display:flex;flex-direction:column;width:100%}button,input{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border:1px solid #ccc;border-radius:.5em;font-family:Rubik,sans-serif;font-size:1em;font-weight:400;margin-bottom:1vh;padding:.5em 0;text-align:center;width:auto}button{cursor:pointer;font-weight:500}button:hover{background-color:#ff79e9;color:#fff;transition:background-color .5s,color .5s}.center{text-align:center!important}.resultat{font-size:2em}.modeSelect{cursor:pointer}.active{color:#333;font-weight:500}.setMode{align-items:space-between;display:flex;margin-bottom:3px;width:100%}.setMode div:first-child{font-weight:500;text-align:left;width:50%}.setMode div:nth-child(2){text-align:right;width:50%}.observera{font-size:.85rem;line-height:1em;padding:0 0 1.2em;text-align:justify}.observera .bold{color:brown;font-weight:500}.switch{background-color:#333;border-radius:10px;display:flex;flex-direction:row;justify-content:space-around;margin-bottom:1.5vh;padding:5px;position:relative;width:100%}.switch-item{align-items:center;display:flex;flex-direction:column;justify-content:center}.switch-text{color:#fff;font-size:.6em;font-weight:400;text-align:center}.checkbox-wrapper-2 .ikxBAC{-webkit-appearance:none;appearance:none;background-color:#666;border-radius:72px;border-style:none;flex-shrink:0;height:35px;margin:0 0 -5px;padding:0;position:relative;width:18px}.checkbox-wrapper-2 .ikxBAC:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.checkbox-wrapper-2 .ikxBAC,.checkbox-wrapper-2 .ikxBAC:after{transition:all .2s ease-out}.checkbox-wrapper-2 .ikxBAC:after{background-color:#fff;border-radius:50%;content:"";height:16px;left:1px;position:absolute;top:17px;width:16px}.checkbox-wrapper-2 input[type=checkbox]{cursor:default}.checkbox-wrapper-2 .ikxBAC:checked{background-color:#d6d6d6}.checkbox-wrapper-2 .ikxBAC:checked:after{background-color:#fff;top:1px}.checkbox-wrapper-2 :focus:not(.focus-visible){outline:0}.checkbox-wrapper-2 label{display:none}
/*# sourceMappingURL=main.f60499fb.css.map*/