.lite{padding-left:3rem;padding-right:3rem;font-size:16px;line-height:22px;letter-spacing:1%;font-weight:400}.lite h1{color:var(--bs-primary);font-family:Roboto Slab,sans-serif;font-size:44px;line-height:48px;letter-spacing:2%;font-weight:400}.lite h2{color:var(--bs-primary);font-family:Roboto Slab,sans-serif;font-size:36px;line-height:48px;font-weight:400}.lite h3{font-family:Roboto Slab,sans-serif;font-size:20px;line-height:26px;font-weight:500}.lite .first-col{padding:3rem}.lite .popup-header{padding-top:3rem!important}.lite .popup-download{padding-bottom:3rem!important}.lite .popup-content,.lite .popup-header,.lite .popup-download{padding-left:3rem!important;padding-right:3rem!important}.lite .preview,.lite .popup{padding-top:4.5rem;padding-bottom:4.5rem}.lite .popup .close-btn{display:none}.lite .popup-title{word-break:break-word}.lite #download-popup .popup-button{width:auto}.lite .popup-button:first-child:nth-last-child(1){width:calc(50% - 8px)}.lite .col .popup-button{width:100%!important}@media screen and (max-width: 1400px){.lite #download-popup{padding-top:0}}@media screen and (min-width: 768px){.lite .first-col .row .col{flex:1 0 50%}}@property --p{syntax: "<percentage>"; initial-value: 50%; inherits: true;}@property --overflow-p{syntax: "<percentage>"; initial-value: 0%; inherits: true;}@keyframes p{0%{--p: 50%;--overflow-p: 0%}50%{--p: var(--end-p);--overflow-p: 0%}to{--p: var(--end-p);--overflow-p: var(--overflow-end-p)}}.ring-color{animation:1s linear forwards p}.point-container{height:auto;pointer-events:none}.point-container:hover{z-index:1}.point{pointer-events:all;transition:transform .3s ease;transform:translate(-42%);font-family:Roboto Slab,"sans-serif";width:calc(var(--wheel-scale) * 12);height:calc(var(--wheel-scale) * 12);font-size:8px;font-weight:400;text-align:center;cursor:pointer;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}@media screen and (min-height: 900px){.point{font-size:10px}}.point:hover{transform:translate(-42%) scale(1.3)}#wheel{--wheel-scale: 12px}#wheel .center-title__large{font-size:23px}@media screen and (max-height: 1750px){#wheel{--wheel-scale: 9.25px}}@media screen and (max-height: 1400px){#wheel{--wheel-scale: 7.25px}}@media screen and (max-height: 1225px){#wheel{--wheel-scale: 7px}}@media screen and (max-height: 1125px){#wheel{--wheel-scale: 6.75px}}@media screen and (max-height: 1050px){#wheel{--wheel-scale: 6.25px}}@media screen and (max-height: 1000px){#wheel{--wheel-scale: 5.9px}}@media screen and (max-height: 950px){#wheel{--wheel-scale: 5.6px}}@media screen and (max-height: 900px){#wheel{--wheel-scale: 5.25px}#wheel .center-title__large{font-size:20px}}@media screen and (max-height: 875px){#wheel{--wheel-scale: 5px}}@media screen and (max-height: 850px){#wheel{--wheel-scale: 4.75px}}@media screen and (max-height: 800px){#wheel{--wheel-scale: 4.35px}}@media screen and (max-height: 750px){#wheel{--wheel-scale: 3.95px}}@media screen and (max-height: 700px){#wheel{--wheel-scale: 3.5px}}@media screen and (max-height: 650px){#wheel{--wheel-scale: 3px}}@media screen and (max-height: 600px){#wheel{--wheel-scale: 2.5px}}@media screen and (max-height: 550px){#wheel{--wheel-scale: 2px}}@media screen and (max-height: 500px){#wheel{--wheel-scale: 1.75px}}@media screen and (max-height: 450px){#wheel{--wheel-scale: 1.5px}}@media screen and (max-height: 400px){#wheel{--wheel-scale: 1px}}.v-enter-active{transition:transform .25s ease-out}.v-leave-active{transition:transform .25s ease-in}.v-enter-from,.v-leave-to{transform:translate(250%)}