@import"https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;700&display=swap";html{margin:0;overflow-x:hidden;font-family:Rubik;scroll-behavior:smooth}body{margin:0;background-color:#f5f6fa}.comment_list{width:calc(143px + 45vw);margin:63px auto;position:relative}.comment_box{position:relative;display:flex;flex-direction:row;width:100%;background-color:#fff;border-radius:10px;margin-bottom:20px}.comment_box .buttons{position:absolute;top:28px;right:22px}.comment_box .buttons button{background-color:transparent;border:none;color:#5457b6;font-weight:700;margin-left:5px}.comment_box .buttons button svg{margin-right:5px}.comment_box .buttons button:hover{color:#777ac5;cursor:pointer}.comment_box .buttons .delete{color:#ed6468}.comment_box .buttons .delete:hover{color:#f29195;cursor:pointer}.comment_box .left{padding:22px}.comment_box .left .score{background-color:#f5f6fa;display:flex;height:100px;width:42px;flex-direction:column;justify-content:space-around;align-items:center;border-radius:10px}.comment_box .left .score p{color:#5457b6;font-weight:500}.comment_box .left .score button{border:none;color:#898bcd;background-color:transparent;font-size:18px}.comment_box .left .score button:hover{color:#5457b6;cursor:pointer}.comment_box .right{display:flex;flex-direction:column;width:100%}.comment_box .right .top{padding:22px 0;display:flex;flex-direction:row;align-items:center}.comment_box .right .top .profile{font-weight:700;color:#324152;margin:0 15px}.comment_box .right .top .profile span{color:#eaecf1;background-color:#5457b6;margin-left:5px;padding:2px 5px;font-size:14px}.comment_box .right .content{padding:0 22px 0 0}.comment_box .right .content .current_comment{margin:0 0 12px;border:none}.comment_box .right .content .editor{padding-bottom:20px}.comment_box .profile_img{width:32px;height:32px;border-radius:50%}.comment_box p{color:#67727e;line-height:1.5rem;margin:0}.comment_box textarea{color:#67727e;line-height:1.5rem;font-family:Rubik;padding:15px 23px;margin-bottom:22px;font-size:1rem;resize:none;width:calc(100% - 46px);border-color:#eaecf1;border-style:solid;box-sizing:border-box;border-radius:10px}.comment_box textarea:focus{outline:none;border-color:#5457b6;cursor:pointer}.comment_box .confirm{width:106px;height:48px;border:none;background-color:#5457b6;color:#fff;border-radius:10px}.comment_box .confirm:hover{background-color:#777ac5;cursor:pointer}.comment_box.sm{flex-direction:column-reverse}.comment_box.sm .right{padding-inline:5%}.comment_box.sm .right .content{padding:0}.comment_box.sm .right .top{padding-bottom:18px}.comment_box.sm .buttons{bottom:29px;top:initial}.comment_box.sm p{padding:0}.comment_box.sm textarea{width:85%;margin-bottom:15px}.comment_box.sm .left{padding:15px 5%}.comment_box.sm .left .score{flex-direction:row;height:42px;width:100px}.input .comment_box{width:100%;justify-content:space-evenly;align-items:flex-start}.input .comment_box img{margin:22px 5%}.input .comment_box textarea{margin:22px 0;min-height:4rem;width:70%}.input .comment_box .confirm{margin:22px 5%}.input .comment_box.sm{display:flex;justify-content:center;justify-items:center;align-items:center;flex-wrap:wrap;flex-direction:inherit;padding:15px 5%;width:90%}.input .comment_box.sm img{order:2;margin:0 auto 0 0}.input .comment_box.sm textarea{width:100%;order:1;margin:0 0 15px}.input .comment_box.sm .confirm{order:3;margin:0 0 0 auto}.reply{width:100%;display:flex;flex-direction:row}.reply .spacer{width:12%}.reply .spacer .line{margin:auto;height:calc(100% - 30px);width:5px;background-color:#eaecf1}.reply .reply_box{width:88%}.reply.sm .spacer{width:4.5%}.reply.sm .spacer .line{margin-left:0;width:2px}.reply.sm .reply_box{width:95.5%}.modal-bg{position:fixed;background-color:#00000080;height:100%;width:100%;top:0;left:0;display:flex;justify-content:center;align-items:center}.modal-bg .modal{display:flex;justify-content:space-between;flex-direction:column;height:189px;width:339px;background:hsl(0,0%,100%);padding:31px;border-radius:10px}.modal-bg .modal h2{font-size:24px;margin:3px 0;color:#324152}.modal-bg .modal p{font-size:16px;padding-right:50px;text-wrap:pretty;line-height:1.5em;color:#67727e}.modal-bg .modal .buttons{display:flex;justify-content:space-between}.modal-bg .modal .buttons button{width:160px;height:50px;border:none;border-radius:10px;color:#fff;font-weight:700}.modal-bg .modal .buttons .cancel{background-color:#67727e}.modal-bg .modal .buttons .cancel:hover{background-color:#818c98;cursor:pointer}.modal-bg .modal .buttons .delete{background-color:#ed6468}.modal-bg .modal .buttons .delete:hover{background-color:#f29195;cursor:pointer}.attribution{font-size:11px;text-align:center}.attribution a{color:#3e52a3}@media screen and (max-width: 500px){.modal-bg .modal{width:275px;padding-bottom:50px}.modal-bg .modal .buttons button{width:125px}}