@font-face{font-family:'nunitoregular';src:url('../fonts/nunito-regular-webfont.woff2') format('woff2'),url('../fonts/nunito-regular-webfont.woff') format('woff');font-weight:normal;font-style:normal}@font-face{font-family:'nunitoextrabold';src:url('../fonts/nunito-extrabold-webfont.woff2') format('woff2'),url('../fonts/nunito-extrabold-webfont.woff') format('woff');font-weight:normal;font-style:normal}@font-face{font-family:'nunitolight';src:url('../fonts/nunito-light-webfont.woff2') format('woff2'),url('../fonts/nunito-light-webfont.woff') format('woff');font-weight:normal;font-style:normal}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100vh}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,p,ul,ol{display:block;font-size:inherit}img{max-width:100%;height:auto;border:0}a{color:inherit;transition:.2s;outline:0;cursor:pointer}body{font-family:'nunitoregular';font-size:15px;line-height:20px;font-weight:normal;background:#FAE3C8;background:linear-gradient(to bottom, #FAE3C8 0%, #FAE3C8 50%, #8959A1 50%, #8959A1 100%);-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}b{font-family:'nunitoextrabold';font-weight:normal}p{margin-bottom:10px}h1{font-family:'nunitoextrabold';font-weight:normal;font-size:50px;line-height:50px;color:#fff;margin:0;margin-bottom:50px}.btn{display:inline-flex;font-size:17px;line-height:17px;text-align:center;text-decoration:none;transition:.3s;border:none;border-radius:15px;overflow:hidden;color:#fff;font-family:inherit;box-shadow:0 5px 0 #7C4E94;background:#bdb8b5;-webkit-tap-highlight-color:transparent;margin:0 12px;height:46px}.btn:hover{background:#a19d9a}.btn.btn-green{background:#BDDD44}.btn.btn-green:hover{background:#a7c925}.btn.btn-yellow{background:#F8D065}.btn.btn-yellow:hover{background:#f5ba1c}.btn.btn-red{background:#F88781}.btn.btn-red:hover{background:#f55951}.btn.btn-azul{background:#00C2D3}.btn.btn-azul:hover{background:#00abba}.btn.btn-help{position:absolute;top:15px;right:0;font-weight:bold;transition:.3s;border:none;border-radius:15px;overflow:hidden;color:#fff;font-family:inherit;box-shadow:0 5px 0 #337db1;background:#60A2D1;padding:5px 15px 0;align-items:center;font-size:1.5rem}.btn.btn-help:hover{background:#337db1;box-shadow:0 5px 0 #28618a}.btn .btn-icon{display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,0.1);width:46px;height:46px}.btn .btn-text{font-family:'nunitoextrabold';padding:0 13px;white-space:nowrap;display:flex;justify-content:center;align-items:center;margin-top:1px;font-size:20px;line-height:20px}.t-left{text-align:left}.t-center{text-align:center}.is-hidden{display:none !important}.app-wrapper{height:100vh;position:relative;display:flex;justify-content:center;align-items:center;background:#FAE3C8;background:url('../img/background-stripe.png') center center repeat-x}#app{display:flex;flex-direction:column;justify-content:space-between;width:1280px;min-width:1280px;max-width:1280px;height:710px;z-index:1;background:repeating-linear-gradient(-90deg, #FAE3C8 0, #FAE3C8 150px, #FFEBD1 150px, #FFEBD1 300px);position:relative}#app .app-background{position:relative}#app.success #bubble,#app.success .comma,#app.success #toNumber{background-color:#BDDD44}#app.success .bubble-flag path{fill:#BDDD44}#app.warning #bubble,#app.warning .comma,#app.warning #toNumber{background-color:#F8D065}#app.warning .bubble-flag path{fill:#F8D065}#app.error #bubble,#app.error .comma,#app.error #toNumber{background-color:#F88781}#app.error .bubble-flag path{fill:#F88781}.container{display:flex;width:100%;padding:0 25px;align-items:center}.container .side{width:30%;position:relative;display:flex;justify-content:flex-end;flex-direction:column;padding-top:55px}.container .main{width:70%;display:flex;flex-direction:column}.equivalence{display:flex;align-items:center;font-family:'nunitoextrabold';font-size:30px;color:#504259}.equivalence .equivalence-from-number{background-color:#FFC2A1;border-radius:18px;line-height:1.2em;top:18%;left:20%;display:flex;justify-content:center;align-items:center;padding:20px 50px}.equivalence .equivalence-from-number sup{position:relative;top:-5px}.equivalence .equivalence-equal{margin:0 40px}.equivalence .equivalence-to-number{color:#504259;border-radius:18px;padding:20px 50px;background-color:#fff;line-height:1.2em;transition:.3s}.equivalence .equivalence-to-number:focus{outline:none}.equivalence .equivalence-to-unit{margin-left:15px}#table{display:flex;flex-direction:column;margin-top:50px;margin-bottom:40px;margin-right:40px;position:relative}#table #units{width:100%;display:flex;z-index:10;justify-content:flex-end}#table #units>*{width:calc(calc(100% - 28px) / 7);background-color:#FFC2A1;color:#504259;font-size:24px;line-height:1em;padding:14px 15px;text-align:center;margin-right:4px;display:flex;justify-content:center;align-items:center}#table #units>* sup{position:relative;top:-5px}#table #units>*:first-child{border-top-left-radius:18px}#table #units>*:last-child{border-top-right-radius:18px}#table #numbers{width:100%;display:flex;z-index:10;justify-content:flex-end}#table #numbers.split-columns input{font-size:30px;padding-top:23px}#table #numbers.split-columns .number-cell:before{position:absolute;width:100%;text-align:center;top:5px;font-size:16px;color:#504259}#table #numbers.split-columns .number-cell:nth-child(odd):before{content:'da'}#table #numbers.split-columns .number-cell:nth-child(even):before{content:'u'}#table #numbers.split-columns .chevron-up{top:-5px !important}#table #numbers .number-cell{width:calc(calc(100% - 28px) / 7);margin-right:4px;position:relative}#table #numbers .number-cell:first-child{border-bottom-left-radius:18px}#table #numbers .number-cell:last-child{border-bottom-right-radius:18px}#table #numbers .number-cell input{width:100%;text-align:center;height:150px;display:inline-block;font-size:45px;font-family:'nunitoextrabold';border:none;transition:background-color .3s;color:#504259;-moz-appearance:textfield}#table #numbers .number-cell input::-webkit-inner-spin-button,#table #numbers .number-cell input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}#table #numbers .number-cell input[disabled]{background-color:#fff}#table #numbers .number-cell input::selection{background-color:#8959A1;color:#fff}#table #numbers .number-cell input:focus{outline:none;background-color:#f7f7f7;border:none}#table #numbers .number-cell .chevron{position:absolute;margin:0 auto;width:100%;right:0;height:70px;left:0;cursor:pointer;-webkit-tap-highlight-color:transparent;background-repeat:no-repeat;background-size:40px}#table #numbers .number-cell .chevron.chevron-up{transform:rotate(180deg);top:-25px;background-position:top center}#table #numbers .number-cell .chevron.chevron.chevron-down{bottom:-25px;background-position:top center}.comma-container{height:100%;width:calc(100% - calc(calc(100% / 7)) + 40px + 15px);position:absolute;top:0;right:-40px}.comma-container .comma{height:calc(100% + 20px);background-color:#8959A1;position:absolute;right:0;top:-10px;font-size:80px;color:#fff;border-radius:20px;width:30px;line-height:260px;text-align:center;z-index:15;transition:background-color .3s;will-change:transform}.comma-container .comma:hover{background-color:#7C4E94}.btn-type-container{display:flex;justify-content:space-between;margin-bottom:40px}.btn-type-container .btn-type{font-family:'nunitoextrabold';padding:0 25px;white-space:nowrap;display:inline-flex;justify-content:center;align-items:center;font-size:16px;line-height:40px;cursor:pointer;color:#fff;border-radius:15px;overflow:hidden;-webkit-tap-highlight-color:transparent;margin:0 12px;transition:.3s;background-color:#C7C4BF;box-shadow:0 5px 0 #afaba4;margin:0}.btn-type-container .btn-type:hover{background:#afaba4;box-shadow:0 5px 0 #979289}.btn-type-container .btn-type.selected{background-color:#8959A1;box-shadow:0 5px 0 #7C4E94}.btn-type-container .btn-type.selected:hover{background:#734a87;box-shadow:0 5px 0 #664079}#title{font-family:'nunitoextrabold';white-space:nowrap;font-size:20px;line-height:40px;text-align:center;color:#fff;width:274px;background:transparent url(../img/ribbon.svg) no-repeat top 3px center;background-size:240px;margin-top:15px;padding-top:0;align-self:center;flex-grow:1}#plant{width:160px;height:160px;background:transparent url('../img/plant.png') no-repeat top center;background-size:cover}#plant.plant-sad{background-position:center -160px}#plant.plant-happy{background-position:center -320px}#plant.plant-excited{background-position:center -480px}#bubble{margin-right:50px;background-color:#fff;border-radius:35px;padding:25px 20px;margin-bottom:20px;position:relative;height:300px;display:flex;align-items:center}#bubble .bubble-flag{position:absolute;height:30px;left:70px;bottom:-29px}#bubble .bubble-flag path{fill:#fff}#bubble .bubble-text{font-size:20px;line-height:1.2em}#bubble.bubble-success{background-color:#BDDD44}#bubble.bubble-success .bubble-flag path{fill:#BDDD44}#bubble.bubble-error{background-color:#F88781}#bubble.bubble-error .bubble-flag path{fill:#F88781}#bubble.bubble-warning{background-color:#F8D065}#bubble.bubble-warning .bubble-flag path{fill:#F8D065}#tipologie{width:31%;top:62%;left:2%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}#tipologie .btn{width:calc(50% - 10px);margin:10px 2px;background:#C0C4D5;box-shadow:0 5px 0 #A9ADBC}#tipologie .btn .btn-text{width:100%;text-align:center}#tipologie .btn:hover{background:#abb0c7;box-shadow:0 5px 0 #8f94a8}#tipologie .btn.is-active{background:#6272A0;box-shadow:0 5px 0 #4F5F86}.actions-container{border-top:10px solid #7C4E94;padding:5px 20px 10px;background-color:#8959A1;align-items:center}.actions-container .hub-logo{margin-left:20px;flex-grow:1}.actions-container .hub-logo img{height:50px}#actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:20px 0;overflow:hidden}#actions .btn{margin-left:20px}#modal_container{display:flex;align-items:center;justify-content:center;position:fixed;width:100%;height:100vh;top:0;left:0;background:rgba(0,0,0,0.8);z-index:1000;transition:.3s;transform:scale(.1, .1);opacity:0;visibility:hidden}#modal_container.is-visible{opacity:1;visibility:visible;transition:opacity .3s 0s,visibility 0s 0s;transform:scale(1, 1)}#modal_container #modal_window{border-radius:4px;background:#fff;width:100vw;max-width:300px;max-height:100vh;box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22);overflow:hidden;text-align:center}#modal_container #modal_content{padding:25px 25px 20px 25px;overflow-y:auto;max-height:calc(100vh - 64px);text-align:center}#modal_container #modal_actions{padding-bottom:25px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}#modal_container #modal_actions>*{margin:0 3px}#modal_container #modal_actions .btn{box-shadow:0 5px 0 #cccccc}@media screen and (max-width:1024px){#actions .btn{margin-left:0;height:55px}#actions .btn .btn-icon{height:55px;width:55px}#actions .btn .btn-text{font-size:30px}#bubble .bubble-text{font-size:22px}.btn-type-container .btn-type{padding:0 15px;font-size:22px;line-height:50px}}