@import url(https://fonts.googleapis.com/css2?family=Cookie&family=Merriweather:ital@1&family=Roboto&family=Source+Serif+Pro:wght@600&display=swap);@import url(https://fonts.googleapis.com/css?family=Quicksand:400,700);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;background-size:cover;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}a.kofi-button{background-color:#29abe0;border:0 #fff!important;border-radius:7px;box-shadow:1px 1px 0 #0003;color:#fff;cursor:pointer;display:inline-block!important;font-family:Quicksand,Helvetica,Century Gothic,sans-serif!important;font-size:14px!important;font-weight:700!important;line-height:36px!important;min-width:145px;overflow-wrap:break-word;padding:2px 12px!important;text-align:center!important;text-decoration:none;text-shadow:none;vertical-align:middle}span.kofitext{align-items:center;color:#fff!important;display:flex;font-size:1.1rem;height:100%;justify-content:center;letter-spacing:-.15px!important;line-height:33px!important;padding:0;text-align:center;text-decoration:none!important;text-shadow:0 1px 1px #2222220d;vertical-align:middle}.kofitext img.kofiimg{animation:kofi-wiggle 3s infinite;display:inline;display:initial;height:15px!important;margin-right:5px;width:22px!important}a.kofi-button:visited{color:#fff!important;text-decoration:none!important}@keyframes kofi-wiggle{0%{transform:rotate(0) scale(1)}60%{transform:rotate(0) scale(1)}75%{transform:rotate(0) scale(1.12)}80%{transform:rotate(0) scale(1.1)}84%{transform:rotate(-10deg) scale(1.1)}88%{transform:rotate(10deg) scale(1.1)}92%{transform:rotate(-10deg) scale(1.1)}96%{transform:rotate(10deg) scale(1.1)}to{transform:rotate(0) scale(1)}}.bmc-btn{align-items:center;background-color:#fd0!important;border:none;border-radius:12px;box-shadow:0 0 5px 1px hsla(0,0%,50%,.601);box-sizing:border-box!important;color:#000;display:flex;display:inline-flex!important;font-family:Cookie,cursive!important;font-size:28px;font-weight:400;height:60px;justify-content:center;line-height:27px;min-width:130px;padding:0 24px;text-decoration:none!important}.bmc-btn svg{border:none!important;box-shadow:none!important;flex-shrink:0;height:32px!important;margin-bottom:0!important;transform:scale(.9);vertical-align:middle!important}.bmc-btn-text{color:#000;display:inline-block;flex-shrink:0;line-height:0;margin-left:8px;text-transform:none}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-container.dark-mode a{color:#92a2ff}a{color:blue;text-decoration:none}.app-container.dark-mode,.app-container.dark-mode .app-container-2{background-color:#272a55;color:#fff}.app-container.dark-mode .loading-3-dot{color:#fff!important}.app-container,.app-container-2{align-items:flex-start;background-color:#fff;display:flex;flex:1 0 100%;margin:auto;max-width:1215.35px;padding-left:.3rem;width:100%}.app-container{border-radius:10px;box-shadow:0 0 5px 1px #9b029b;margin-top:60px}.app-container-2{padding-top:1rem}.app-wrapper{width:65%}.side-section-container{margin-left:1rem;width:30%}.discord-banner-container img{width:100%}.discord-banner-container{border-radius:10px;box-shadow:0 0 3px 3px #8080805c;display:block;margin-bottom:1rem;overflow:hidden;padding:1rem;width:100%}.discord-banner-container h1{font-family:Cookie;font-size:2.6rem;margin:0 0 10px}@media (max-width:1230px){.app-container{padding-left:0}}@media (max-width:970px){.app-container-2{flex-direction:column;padding:.5rem 0}.discord-banner-container{padding:0}.app-wrapper{margin:auto!important;width:97%}.search-VNs-container{margin:auto auto 1rem!important;width:90%!important}.side-section-container{border-radius:10px;box-shadow:0 0 3px 3px #8080805c;margin:1rem auto auto;padding:1rem!important;width:90%}.random-vn-list-container{box-shadow:none!important;padding:0!important}}.navbar-container{background-color:purple;position:fixed;top:0;transform:translateY(0);transition:.4s;width:100%;z-index:998}.navbar-wrapper{color:#fff;justify-content:space-between;list-style-type:none;margin:0 .5rem;padding:0}.navbar-item,.navbar-wrapper{align-items:center;display:flex}.navbar-item{justify-content:center}.navbar-container a{text-decoration:none}.nav-bar-wrapper{display:flex;list-style-type:none}.navbar-link{color:#fff;font-size:1.2rem;margin:1rem}.navbar-link.active{background-color:#fff;border-radius:5px;color:#000;padding:.3rem .5rem}.logo{align-items:center;color:#fff;display:flex;font-family:Cookie,cursive;font-size:2rem;font-weight:800;justify-content:center}.navbar-container.hide{transform:translateY(-100%)}.navbar-item .right-side-link{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-size:1.1rem;margin-left:10px;text-decoration:none}.right-side-link.log-out-link{cursor:pointer}.account-detail{background-color:#5c0655;border-radius:80px;padding:.3rem .4rem;position:relative}.right-side-link img{border-radius:50%;height:40px;margin-right:.5rem;width:40px}.right-side-link i{font-size:.7rem}.drop-down-container{background-color:#420642;border-radius:10px;overflow:hidden;position:absolute;right:10%;top:100%}.drop-down-container div{border-bottom:1px solid hsla(0,0%,100%,.345);color:#fff;padding:.3rem 1rem;text-decoration:none;white-space:nowrap}.drop-down-container .link-account-setting:hover,.drop-down-container div:hover{background-color:#b102b1}.drop-down-container .link-account-setting{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.345);color:#fff;display:flex;padding:.3rem 1rem;text-decoration:none;white-space:nowrap}.navbar-small-mobile-container{margin:5px;position:relative}.navbar-small-mobile-wrapper{background-color:#5e0c53;border-radius:10px;left:-170px;position:absolute;top:150%}.navbar-small-mobile-wrapper a{border-bottom:1px solid pink;margin:0!important;padding:.5rem 1rem}.navbar-small-mobile-wrapper a:active{background-color:#e201e2}.dark-mode-container{cursor:pointer;font-size:1.7rem;margin-right:5px}.unseen-message-amount{align-items:center;background-color:red;border-radius:50%;bottom:0;color:#fff;display:inline-block;display:flex;font-size:.9rem;font-weight:700;height:20px;justify-content:center;left:0;position:absolute;width:20px}.link-account-setting i{cursor:pointer;font-size:2.2rem;margin-left:10px}.fas.fa-toggle-off,.fas.fa-toggle-on{font-size:1.8rem;margin:0 5px 0 0}@media (max-width:501px){.right-side-link.account-detail{margin-left:3px!important}.logo{font-size:1.7rem}.card-list-toggle-mode{font-size:.8rem}.fas.fa-toggle-off,.fas.fa-toggle-on{margin-left:2px;margin-right:5px}.navbar-wrapper{margin:0}.right-side-link.account-detail img{height:35px;width:35px}}.change-account-info-container-form{align-items:center;background-color:rgba(0,0,0,.304);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:900}.change-account-info-wrapper-form h1{margin:0;text-align:center;text-transform:uppercase}.change-account-info-wrapper-form{background-color:#fff;border-radius:10px;max-width:600px;padding:2rem;width:100%}.change-account-info-wrapper-form button{background-color:#bc0dbc;border:none;border-radius:10px;color:#fff;cursor:pointer;display:block;margin:1rem 0 0 auto;outline:none;padding:.6rem 1rem;transition:.5s}.change-account-info-wrapper-form button:hover{background-color:purple}.error-container-edit-account{background-color:rgba(255,0,0,.252);border:1px solid red;border-radius:10px;color:red;margin:1rem 0;padding:1rem 0;text-align:center;width:100%}.input-container{margin-top:1rem;overflow:hidden;padding-top:1.5rem;position:relative;width:100%}.input-container input{background-color:initial;border:none;border-bottom:1px solid #000;font-size:1rem;outline:none;padding-bottom:.2rem;width:99%}.app-container.dark-mode .input-container input{border-bottom:1px solid #fff;color:#fff}.input-container label{font-size:1.1rem;font-weight:600;left:0;pointer-events:none;position:absolute;text-transform:capitalize;top:19px;transition:.5s;width:100%}.input-container .border-line{background-color:#f807f8;bottom:0;height:3px;left:-100%;position:absolute;transition:.5s;width:100%}.input-container input:focus+div label,.input-container input:valid+div label{top:0}.input-container input:focus+div .border-line,.input-container input:valid+div .border-line{left:0}.donate-container{border-radius:20px;height:30px;margin-left:.2rem}svg{min-width:20px}.scroll-to-top-container{background-color:#850679;border-radius:10px;bottom:0;cursor:pointer;margin:1.2rem;padding:.7rem;position:fixed;right:0;transform:translateY(100px);transition:.4s;z-index:100}.scroll-to-top-container i{color:#fff}.box{display:inline-block}.skeleton-placeholder{animation:animation 10.5s infinite;background-size:350px;border-radius:10px;height:100%;width:100%}@keyframes animation{0%{background-position:0}to{background-position:1000px}}.app-container.dark-mode .stats-container{background-color:#272a55}.stats-container{background-color:#fff;border-radius:10px;box-shadow:0 0 3px 3px #8080805c;list-style-type:none;margin:.6rem 0 .7rem;padding:1rem;transition:.3s;width:100%}.stats-container h1{font-family:Roboto,Tahoma,Geneva,Verdana,sans-serif;font-size:1.3rem;font-weight:700;text-transform:uppercase}.stats-item{display:flex;font-weight:600;justify-content:space-between;margin-bottom:.5rem}.stats-wrapper{background-color:hsla(0,0%,75%,.219);border:3px solid hsla(0,0%,50%,.362);border-radius:10px;padding:1rem}@media (max-width:970px){.stats-container{padding:1rem 0}.stats-container h1,.stats-wrapper{margin:1rem}}.popup-notification-container{align-items:center;background-color:hsla(0,0%,50%,.562);display:flex;height:100%;justify-content:center;left:0;line-height:2rem;position:fixed;top:0;width:100%;z-index:1000}.popup-notification-container h1,.popup-notification-container p{margin:1rem}.app-container.dark-mode .popup-notification-wrapper{background-color:#272a55;color:#fff}.popup-notification-wrapper{background-color:#fff;border-radius:10px;box-shadow:0 0 5px 1px #fff;color:#000;font-family:Roboto,sans-serif;font-size:1.2rem;max-width:700px}.popup-notification-wrapper button{background-color:#8a2be2;border:0;border-radius:10px;box-shadow:0 0 3px 1px silver;color:#fff;cursor:pointer;display:block;margin:10px 5px;outline:none;padding:.5rem 1rem;text-transform:uppercase}.popup-button-container{display:flex;justify-content:flex-end;width:100%}.chat-container{width:100%}.chat-app-container{display:flex;flex-direction:column;height:100%;position:relative;width:100%}.form-send-message{box-shadow:0 0 4px 1px hsla(0,0%,55%,.473);cursor:text;display:flex;justify-content:space-between;margin:0 1rem 1rem;padding:1rem}.form-send-message input{background-color:initial;border:0;color:#000;font-size:1.2rem;height:100%;outline:none;width:96%}.form-send-message button{background-color:initial;border:none;color:#fff;cursor:pointer;font-size:1.3rem}.dark-mode .form-send-message input{color:#fff}.chat-container{display:flex}.list-channel{list-style-type:none;overflow:auto;padding:0}.list-channel li{color:grey;cursor:pointer;margin:1rem 0;padding:0 10px}.list-channel li.active{color:#fff}.chat-messages-list{background-color:rgba(231,221,233,.353);border-radius:10px;color:#000;flex:1 1 auto;font-family:Roboto,sans-serif;list-style-type:none;margin:1rem;overflow:auto;overflow-x:hidden;padding:1rem;text-shadow:1px 1px rgba(0,0,0,.627)}.dark-mode .chat-messages-list{background-color:#000;color:#fff}.chat-messages-list::-webkit-scrollbar{border-radius:10px;width:12px}.chat-messages-list::-webkit-scrollbar-thumb{background-color:orange;border-radius:10px}.chat-text-item{margin:2.5rem 0;position:relative;width:-webkit-fit-content;width:fit-content}.chat-text-item.current-user{margin-left:auto}.chat-text-item.current-user .text-message-info-container{flex-direction:row-reverse;right:0}.chat-text-item .chat-text{word-wrap:break-word;background-color:rgba(0,255,255,.596);border-radius:10px;max-width:500px;padding:1rem}.chat-text-item.current-user .chat-text{background-color:rgba(0,255,132,.651)}.text-message-info-container{align-items:flex-start;display:flex;position:absolute;top:-30px;white-space:nowrap}.text-message-info-container .username{font-size:1.2rem;font-weight:900;margin:.2rem .5rem}.avatar-user{display:block;width:40px}.avatar-user img{border-radius:50%;width:100%}.time-zone-message{border-bottom:1px solid hsla(0,1%,47%,.755);color:hsla(0,4%,74%,.944);display:block;position:relative;text-align:center;width:100%}.time-zone-message span{background-color:#fcf0ff;position:absolute;top:-10px;transform:translate(-50%)}.dark-mode .time-zone-message span{background-color:#000}.about-container{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.4rem;padding:1rem}.form-container{align-items:center;background-color:#fff;border-radius:10px;box-shadow:0 0 5px 1px hsla(0,0%,50%,.623);display:flex;flex-direction:column;justify-content:center;max-width:600px;padding:1rem 2rem;width:80%}.app-container.dark-mode .form-container{background-color:#272a55;color:#fff}.app-container.dark-mode .form-container input{color:#fff}.form-container button{background-color:#be02be;border:none;border-radius:10px;color:#fff;cursor:pointer;margin:1rem 0 0 auto;outline:none;padding:.8rem 1rem;transition:.5s}.auth-container{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.error-container{background-color:rgba(255,0,0,.252);border:1px solid red;border-radius:10px;color:red;padding:1rem;text-align:center;width:100%}.advance-search-container{min-height:100vh;width:100%}.advance-search-wrapper fieldset{background-color:hsla(0,0%,69%,.155);border-color:hsla(0,0%,50%,.127);border-radius:10px}.advance-search-wrapper{display:flex;flex-wrap:wrap;justify-content:flex-start;width:100%}.advance-search-wrapper fieldset{font-family:Roboto,sans-serif,Arial,Helvetica;margin:.4rem;padding:.6rem;position:relative;width:100%}.search-button-submit{border-color:rgba(240,248,255,.296);border-radius:5px;cursor:pointer;font-weight:600;margin:.5rem;padding:.5rem;text-transform:uppercase}.dark-mode .search-button-submit{background-color:rgba(240,248,255,.193);color:#fff}.card-list-vn{height:10px;position:relative;width:98%}.dark-mode .card-list-pages select{background-color:initial;color:#fff}.dark-mode .card-list-pages select option{background-color:#000;color:#fff}.card-list-pages{display:flex;flex-wrap:wrap;justify-content:center}.card-list-pages div,.card-list-pages select{border-radius:5px;box-shadow:0 0 3px 1px #9f9f01;cursor:pointer;margin:.5rem;padding:5px 10px}.card-list-pages div.active{background-color:rgba(255,0,0,.784)}.tag-item{margin-bottom:10px}.tag-item summary{color:#000;cursor:pointer;font-size:1.2rem;font-weight:600}.tag-item p{font-family:Roboto,sans-serif;font-size:1.1rem;padding-left:1rem}.description-list{margin-bottom:10px}.description-item{background-color:hsla(0,0%,69%,.155);border-color:hsla(0,0%,50%,.127);border-radius:10px;font-family:Roboto,sans-serif;margin:0 5px;padding:0 30px 0 0}.description-item li{font-size:1.1rem;line-height:1.4rem;margin-bottom:10px;margin-top:10px}.description-item legend{font-size:1rem;font-weight:700;text-align:center;text-transform:uppercase}.dark-mode .description-item summary{color:#fff}.card-item-vn-container{background-color:#fff;border-radius:10px;box-shadow:0 0 3px 3px hsla(0,0%,55%,.337);color:#fff;color:#000;display:inline-block;overflow:hidden;position:relative;position:absolute;text-align:center;text-decoration:none;width:100%}.app-container.dark-mode .card-item-vn-container{background-color:#272a55;color:#fff}.app-container.dark-mode .card-item-vn-container .description{color:#fff}.card-item-vn-container img{border-radius:10px;object-fit:contain;width:100%}.card-item-vn-wrapper{width:100%}.card-item-vn-wrapper .description{-webkit-line-clamp:9;-webkit-box-orient:vertical;color:#4a4949;display:-webkit-box;font-size:.9em;margin:auto auto 1.4rem;overflow:hidden;text-overflow:ellipsis;width:90%}.card-item-vn-wrapper .author{font-size:1.2rem;font-weight:700}.card-item-vn-container h1{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-family:"Source Serif Pro",serif;font-size:1.3rem;margin:.3rem 0;overflow:hidden;padding:0 1rem;text-overflow:ellipsis}.card-item-vn-container:hover{background-color:#a40091!important;color:#fff}.card-item-vn-container:hover .description{color:#fff}.container-image-frame{margin:.5rem auto auto;overflow:hidden;width:95%}.custom-select2-container{font-family:Roboto,sans-serif,Arial,Helvetica;margin:.4rem;padding:.6rem;position:relative;width:100%}.input-section-container{border:1px solid #7e6f6f;border-radius:5px;cursor:text;display:flex;flex-direction:column;padding:.5rem}.label-select2{font-family:Roboto,sans-serif,Arial,Helvetica;font-size:1rem;font-weight:700;text-align:center;text-transform:uppercase}.custom-select2-wrapper{position:relative}.list-suggestion{background-color:#dedede;border:1px solid #7e7a7a;display:none;left:0;margin:0;max-height:180px;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;top:100%;width:100%;z-index:6}.dark-mode .list-suggestion li{background-color:#000}.list-suggestion div,.list-suggestion li{align-items:center;display:flex;height:35.2px;padding-left:1rem;white-space:nowrap}.list-suggestion li.active{color:red}.list-suggestion li:hover{cursor:pointer}.dark-mode .input-section-container input{color:#fff}.input-section-container input{background-color:initial;border:none;outline:none;width:100%}.all-options-selected{display:flex;flex-wrap:wrap;margin-bottom:1rem}.all-options-selected span{align-items:center;border:1px solid #ff0909;border-radius:2px;cursor:pointer;display:flex;font-size:1rem;font-weight:500;height:35.2px;justify-content:center;margin-bottom:.3rem;margin-right:.3rem;overflow:hidden;padding:0 10px;position:relative;white-space:nowrap}.all-options-selected span .one,.all-options-selected span .two,.all-options-selected span:before{background-color:#000;left:50%;opacity:0;position:absolute;top:50%;transition:1s}.all-options-selected span .one{transform:translate(-50%,-50%) rotate(-45deg)}.all-options-selected span .two{transform:translate(-50%,-50%) rotate(45deg)}.all-options-selected span:hover:before{background-color:hsla(0,0%,96%,.333);content:"";height:100%;left:0;opacity:1;position:absolute;top:0;width:100%}.all-options-selected span:hover .one,.all-options-selected span:hover .two{height:3px;opacity:1;width:100%}
/*# sourceMappingURL=main.c9f22500.css.map*/