@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}.app{max-width:500px;margin:0 auto;background-color:#f0f8ff}.header{display:flex;justify-content:space-between;align-items:center;padding:10px}.header>img{width:35px}.header>div{display:flex;align-items:center}.header>div>span{font-size:20px;color:gray;margin-left:20px}.header>div>span:last-child{display:flex;justify-content:center;align-items:center;width:33px;aspect-ratio:1;font-size:25px;border:2px solid grey;border-radius:50%}.hero>.application{display:flex;flex-direction:row;align-items:center;padding:10px 20px}.hero>.application>.logo{display:flex;font-size:80px;color:#07b307;margin-right:25px}.hero>.application>.info>.name{letter-spacing:2px}.hero>.application>.info>.company{color:teal;font-weight:500}.hero>.application>.info>.others{font-size:14px;color:gray}.hero>.info{display:flex;justify-content:space-between;align-items:center;padding:10px 20px}.hero>.info>section{display:flex;flex-direction:column;justify-content:center;align-items:center;width:33%}.hero>.info>section>p:last-child{font-size:12px;color:gray}.hero>.info>section.rating>article>span{font-size:12px}.hero>.info>section.downloads{border-right:1px solid #c7c7c7;border-left:1px solid #c7c7c7}.hero>.info>section.rated>article{border:1px solid grey;width:20px;aspect-ratio:1;font-size:12px;font-weight:600;display:flex;justify-content:center;align-items:center}.hero>.install{padding:0 25px;margin:15px 0}.hero>.install>button{width:100%;background-color:#14925e;border:none;padding:10px 0;border-radius:5px;color:#fff;cursor:pointer}.hero>.install>button>span{margin-left:10px}.ratings{padding:20px}.ratings>h3:first-child{margin-bottom:-20px}.ratings>h3{font-weight:600;margin-top:20px}.ratings>p{font-size:14px;color:gray;margin:20px 0;display:flex;align-items:center}.ratings>p>span{margin-left:10px;display:flex}.ratings>section>section{margin:10px 0}.ratings>section>section>.reviewer-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.ratings>section>section>.reviewer-info>.ellipses{color:gray;display:flex;cursor:pointer}.ratings>section>.pop-up{position:absolute;top:30px;right:15px;box-shadow:1px 1px 1px gray;display:flex;flex-direction:column;width:130px;background-color:#fff}.close-popup{display:none}.ratings>section>.pop-up>span{line-height:30px;font-size:14px;padding:0 10px;color:gray;cursor:pointer}.ratings>section>.pop-up>span:first-child{border-bottom:1px solid #d1d1d1}.ratings>section>.pop-up>span>:first-child{margin-right:10px}.top{position:absolute;top:0;visibility:hidden}.ratings>section>.pop-up>span:hover{background-color:gray;color:#fff}.ratings>section>section>.reviewer-info>.image-and-name{display:flex;align-items:center}.ratings>section>section>.reviewer-info>.image-and-name>:first-child{margin-right:20px;width:35px;border-radius:50%;aspect-ratio:1;background-color:#eb184d;display:flex;justify-content:center;align-items:center;color:#fff}.ratings>section>section>.reviewer-info>.image-and-name>:first-child>img{width:100%;border-radius:50%}.ratings>section>section>.rating-and-date{display:flex;font-size:12px;margin:5px 0}.ratings>section>section>.rating-and-date>article{margin-right:20px}.ratings>section>section>.reviewer-review{font-size:14px;color:gray}.ratings>.write-a-review{display:flex;flex-direction:column}.ratings>.write-a-review>article{display:none;flex-direction:column}.ratings>.write-a-review>.open-write{display:flex;flex-direction:column}.ratings>.write-a-review>article>input{margin:5px 0;padding:8px}.ratings>.write-a-review>article>textarea{margin:5px 0}.ratings>.write-a-review>div{display:flex;justify-content:space-between}.ratings>.write-a-review>div>button{color:#fff;background-color:#14925e;border:none;padding:10px 20px;width:fit-content;border-radius:5px;cursor:pointer}.ratings>.write-a-review>div>button.cancel-write{background-color:red}.ratings>.write-a-review>article>article>.star{display:inline;font-size:30px;margin-right:25px;cursor:pointer}
