*,:after,:before{box-sizing:border-box}html{font-family:Inter,sans-serif}button,input[type=submit],input[type=reset]{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}body{padding:0;margin:0}[v-cloak]{display:none!important}p{width:100%;text-align:justify}.ma-20{margin-bottom:20px}.ma-10{margin-bottom:10px}.ma-5{margin-bottom:5px}.pa-5{padding:5px}.pa-10{padding:10px}.pa-20{padding:20px}.ta-center{text-align:center}.width-100{width:100%}.hidden{display:none}:root{--digit-height: 50px;--digit-width: 50px;--key-height: 40px;--key-width: 40px;--event-card-width: 240px;--event-card-height: 320px}.main-background{display:flex;justify-content:center}#app{max-width:100%;height:100vh}.main{width:100%;display:flex;flex-direction:column;justify-content:stretch;align-items:center}@media (min-width: 576px){.main{width:500px}.dialog>*{width:500px}.toast{width:500px}}.header{width:100%;height:3rem;border-bottom:thin solid lightgrey;display:flex;flex-direction:row;justify-content:stretch;align-items:center;font-size:2rem}.title{flex-grow:1;min-width:10rem;text-align:center;font-weight:700}.yearle-le{color:green}.btn-ct{flex-grow:0;font-size:1.25rem;display:flex;justify-content:center;color:#a9a9a9;width:2rem}.pointer{cursor:pointer}.flag-language{width:1.2rem;height:1.2rem;border-radius:2rem}.btn-ct>span{cursor:pointer}.event{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:stretch}@media screen and (min-height: 776px){.event{min-height:280px}}.event-atribution{position:absolute;top:0;right:0}.event-info-link{font-size:11px}.event>img{flex-grow:0;flex-shrink:0;height:200px;transition:transform .25s ease;max-width:400px;object-fit:contain}.event>video{flex-grow:0;flex-shrink:0;height:200px}.event>img:hover{-webkit-transform:scale(1.75);transform:scale(1.75);z-index:999}.event>div{flex-grow:1;flex-shrink:1;font-size:.9rem;text-align:center;display:flex;justify-content:center;align-items:center;overflow-y:auto}.event>div>div{overflow-y:auto}.event-result{font-size:18px!important;font-family:Merriweather,serif!important}.digit{border:thin solid lightgrey;border-radius:2px;font-weight:bolder;font-size:1.5rem}.digit.current{border:thin solid black}.digit.current.error{animation:shakeX;animation-duration:.8s}.digit.filled{animation:pulse;animation-duration:.5s}.digit.guess-filled{background-color:#f0f0f0;animation:flipInX;animation-duration:1s}.digit.correct{background-color:green;color:#fff;animation:rotateIn;animation-duration:.8s}.digit,.guide-text,.guide{min-height:var(--digit-height);max-height:var(--digit-height)}.digit,.guide-text{display:flex;justify-content:center;align-items:center}.digit{min-width:var(--digit-width);max-width:var(--digit-width)}.guide{display:flex;justify-content:flex-end;align-items:center;font-size:2rem}.guide,.guide-text{min-width:60px;max-width:60px}.guide-text{font-family:Poppins,sans-serif;font-size:12px;text-align:center}.guide.filled,.guide-text.filled{animation:zoomIn;animation-duration:.5s}.correct{color:green}.very-close{color:#8f0}.close{color:#e3e330}.medium{color:orange}.far{color:red}.very-far{color:#8b0000}.not-filled{color:#d3d3d3}.dialog{position:fixed;top:0;left:0;bottom:0;min-height:100vh;height:100vh;max-height:100vh;width:100%;z-index:1000;background-color:#fff;opacity:1;display:flex;justify-content:center;align-items:stretch;overflow-y:auto}.dialog>*{width:100%}.event-card{border:thin solid grey;border-radius:10px;padding:10px;width:100%;margin-bottom:10px}.results-table{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;grid-column-gap:10px;text-align:center}.event-sort-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.event-carousel-container{width:100%;display:flex;justify-content:center;align-items:center;border-radius:5px}.event-carousel{position:relative;overflow-x:scroll;min-height:calc(.6 * var(--event-card-height) + 20px);max-height:calc(.6 * var(--event-card-height) + 20px);height:calc(.6 * var(--event-card-height) + 20px);padding:5px;margin-bottom:10px;display:flex;align-items:center}.event-sort,.event-sorted,.event-drag-area{margin:5px 15px;border-radius:5px;overflow:hidden}.event-sort,.event-sorted{box-shadow:0 2px 5px #000}.event-sort{background-color:#faebd7}.event-drag-area.highlight{border:1px dashed darkred}.event-sort-image{object-fit:cover}.event-sort-card{width:var(--event-card-width);min-width:var(--event-card-width);max-width:var(--event-card-width);height:var(--event-card-height);min-height:var(--event-card-height);max-height:var(--event-card-height);display:flex;justify-content:center;align-items:center}.event-sort,.event-sort>div>img{width:var(--event-card-width);min-width:var(--event-card-width);max-width:var(--event-card-width);height:var(--event-card-height);min-height:var(--event-card-height);max-height:var(--event-card-height)}.event-sorted,.event-sorted>img{width:calc(var(--event-card-width) * .6);min-width:calc(var(--event-card-width) * .6);max-width:calc(var(--event-card-width) * .6);min-height:calc(var(--event-card-height) * .6);max-height:calc(var(--event-card-height) * .6);height:calc(var(--event-card-height) * .6)}.event-drag-area,.event-drag-area>img{width:calc(var(--event-card-width) * .2);min-width:calc(var(--event-card-width) * .2);max-width:calc(var(--event-card-width) * .2);min-height:calc(var(--event-card-height) * .6);max-height:calc(var(--event-card-height) * .6);height:calc(var(--event-card-height) * .6)}.event-sort-answer{min-height:20px;max-height:20px;height:20px;width:100%;text-align:center;background-color:#b22222;color:#fff}.event-sort-answer.correct{background-color:green;color:#fff}.event-sort-answer.incorrect{background-color:#b22222;color:#fff}.event-explanation{font-family:Libre Baskerville,serif;font-size:18px;display:flex;height:100px;justify-content:center;text-align:center;align-items:center;overflow-x:auto}.timeline{width:100%;display:flex;justify-content:space-between;padding:30px 0 20px;margin-top:20px;position:relative;border-top:dotted thin grey;border-bottom:dotted thin grey;background-color:beige;scroll-behaviour:smooth}.timeline.dragging{border-top:dashed 2px darkred;border-bottom:dashed 2px darkred}.button-left,.button-right{position:absolute;top:10px}.button-left{left:10px}.button-right{right:10px}.line{position:absolute;height:6px;top:calc(50% - 3px);width:100%;background-color:#000}.list-move,.list-enter-active,.list-leave-active{transition:all .5s cubic-bezier(.55,0,.1,1)}.list-enter-from,.list-leave-to{opacity:0;transform:scaleY(.01) translate(30px)}.list-leave-active{position:absolute}.container{position:relative;padding:0}.item{width:100%;height:30px;background-color:#f3f3f3;border:1px solid #666;box-sizing:border-box}.prevent-select{-webkit-user-select:none;-ms-user-select:none;user-select:none}.guess-help{width:340px}.guess{width:100%;height:50px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.separator{border-top:solid 3px red;width:100%;margin-top:10px;margin-bottom:20px}