body{background:#1e1e1e;font-family:Montserrat,serif;color:#fff;padding:0;margin:0;min-height:100vh;transition:transform .6s ease-in-out,opacity .6s ease-in-out}body.closing{opacity:0;transform:translateY(-200px)}body.scroll{transition:transform 0s;transform:translateY(200px)}.button{padding:8px 32px}.standard-input{background-color:#eeeeee26;outline:none;border:none;height:48px;border-radius:48px;color:#fff;text-align:center;font-size:16px;font-weight:700;font-family:Montserrat,serif;transition:background-color .3s,color .3s;cursor:pointer}.standard-input:hover{background-color:#eeeeee4d}.image-button:hover,.button:hover{background-color:#eee;color:#000}.container{width:1400px;max-width:calc(100% - 64px)}.button-icon{width:20px;transition:filter .3s,transform .3s}.reflect{transform:scaleY(-1)}.image-button{display:flex;justify-content:center;align-items:center;gap:8px}.button.active,.image-button.active{background-color:#eee;color:#000}.button.active .button-icon,.image-button.active .button-icon,.image-button:hover .button-icon{filter:invert(1)}.textarea{resize:none;height:64px;border-radius:24px;padding:8px}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.overlay{background-color:#1e1e1eb3;position:fixed;left:0;top:0;width:100%;height:100vh;z-index:20;-webkit-backdrop-filter:blur(60px);backdrop-filter:blur(60px);pointer-events:none;opacity:0;transition:opacity .3s ease-in-out}.overlay.active{pointer-events:auto;opacity:1}.buttons-container{display:flex;gap:16px}header{position:sticky;top:0;z-index:19;transform:translateY(-64px);opacity:0;transition:transform .6s ease-in-out,opacity .6s ease-in-out}header.active{transform:translateY(0);opacity:1}header .header-back{padding:16px 0;width:100%;background:linear-gradient(#141414cc,#1e1e1ecc);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);outline:rgba(0,0,0,0) solid 2px;transition:box-shadow .3s,outline .3s}header .header-align{display:flex;justify-content:space-between;align-items:center;margin:0 auto}header .scrolled{outline:rgba(238,238,238,.15) solid 2px;box-shadow:0 0 48px #0000004d}header .logo{height:48px;cursor:pointer}search{position:absolute;left:50%;transform:translate(-50%);transition:transform .3s ease-in-out;z-index:20}search form{position:relative;transition:scale .3s ease-in-out}search form .search-icon{position:absolute;left:calc(50% - 52px);top:24px;transform:translateY(-50%);pointer-events:none}search form input[type=search]{width:512px}search form input[type=search]::placeholder{color:#7a7a7a}search form search:hover input[type=search]{background-color:#606060cc}search form input[type=search]:not(:placeholder-shown)+.search-icon{opacity:0}search.active{transform:translate(-50%) translateY(20px)}search.active form{scale:1.2}.search-results.active{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.search-results{position:absolute;width:1000px;max-width:calc(100% - 64px);max-height:calc(100vh - 180px);top:138px;left:50%;transform:translate(-50%) translateY(-64px);border-radius:64px;background-color:#eeeeee26;min-height:400px;z-index:20;opacity:0;pointer-events:none;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.search-results .results-content{margin:32px;padding:16px;max-height:calc(100vh - 276px);overflow-y:auto;display:flex;flex-wrap:wrap;gap:32px;scrollbar-color:white transparent}.search-results .comment{font-size:24px;font-weight:900}.search-results .search-card{height:300px;min-width:90%;display:flex;flex:1;position:relative;border-radius:16px;cursor:pointer;transition:background-color .3s}.search-results .search-card .search-card__img{height:100%;min-width:200px;max-width:200px;object-fit:cover;border-radius:16px;z-index:2}.search-results .search-card .search-card__img.blurred{position:absolute;filter:blur(6px);z-index:1}.search-results .search-card h1{margin:0;font-size:40px;max-width:80%}.search-results .search-card p{font-size:20px}.search-results .search-card .anime-rating{right:40px;top:32px;scale:1.3;z-index:3;opacity:0;transform:translateY(-32px);transition:opacity .3s,transform .3s}.search-results .search-card .text-container{transition:padding .3s;padding:0 32px}.search-results .search-card:hover{background-color:#1e1e1e4d}.search-results .search-card:hover .text-container{transition:padding .3s;padding:32px}.search-results .search-card:hover .anime-rating{opacity:1;transform:translateY(0)}@media (max-width: 900px){search form input[type=search]{width:40vw}}.anime-rating{position:absolute;right:16px;top:16px;width:fit-content;display:flex;align-items:center;padding:8px 16px;gap:8px;border-radius:16px;opacity:.9;pointer-events:none;z-index:2}.anime-rating.green{background-color:#00aa47;border:2px solid #00d95a;box-shadow:0 0 16px 2px #00aa46cc}.anime-rating.yellow{background-color:#d9bc01;border:2px solid #ffdf14;box-shadow:0 0 16px 2px #d9bc01cc}.anime-rating.red{background-color:#d90101;border:2px solid #ff1414;box-shadow:0 0 16px 2px #d90101cc}.anime-rating.undefined{background-color:#1e1e1e;border:2px solid rgba(131,131,131,.3);box-shadow:0 0 16px 2px #292929}.anime-rating .anime-rating-text{font-weight:1000;font-size:20px}.anime-catalog{margin:32px auto;opacity:0;transition:opacity .3s}.anime-catalog .anime-cards{display:flex;flex-wrap:wrap;gap:32px;justify-content:center;width:100%}.anime-catalog .anime-list-title{font-size:52px;font-weight:1000;margin:0}.anime-catalog .anime-top-container{display:flex;align-items:center;justify-content:space-between;margin:64px 0 32px}.anime-catalog.loaded{opacity:1}@media (max-width: 950px){.anime-catalog .anime-list-title{width:200px}.anime-catalog .buttons-container{flex-direction:column-reverse}}.anime-wrapper{position:relative;border-radius:32px;min-width:240px;max-width:340px;height:420px;opacity:0;scale:1.1;transform:translateY(100px);transition:opacity .9s,scale .9s,transform .9s;flex:1}.anime-wrapper.visible{opacity:1;scale:1;transform:translateY(0)}.anime-wrapper .anime-poster,.anime-wrapper .anime-blurred{position:absolute;width:100%;height:100%;object-fit:cover;z-index:-1}.anime-wrapper .anime-blurred{border-radius:32px;filter:blur(24px);opacity:.6;height:100%;width:100%;transition:opacity .3s}.anime-wrapper.faster{transition:opacity .3s,scale .3s ease,transform .3s ease}.anime-wrapper:hover{scale:1.05;z-index:2;transform:translateY(-10px)}.anime-wrapper:hover .anime-blurred{opacity:0}.anime-wrapper:hover .anime-card{background-color:#000000b3}.anime-wrapper:hover .anime-card .anime-content-container{opacity:1;transform:translateY(0)}.anime-card{border-radius:32px;height:100%;width:100%;cursor:pointer;overflow:hidden;position:relative;transition:background-color .3s}.anime-card .anime-content-container{padding:16px;opacity:0;transform:translateY(60px);transition:opacity .3s,transform .3s;height:calc(100% - 32px);display:flex;flex-direction:column;justify-content:space-between}.anime-card .anime-logo{width:100%;max-height:140px;object-fit:contain}.anime-card p{font-size:18px;margin:5px 0}.anime-card .anime-text{margin-top:32px}.filters-container.active{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto}.filters-container{background-color:#eeeeee26;height:800px;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) scale(1.2);border-radius:64px;z-index:1000;display:flex;flex-direction:column;pointer-events:none;opacity:0;transition:opacity .3s ease-in-out,transform .3s ease-in-out}.filters-container .filters-top-container{display:flex;justify-content:space-between;align-items:center;margin:48px}.filters-container .filters-title{font-size:52px;margin:0 16px;font-weight:1000}.filters-container .filters-content-container{width:calc(100% - 160px);flex:2;background-color:#1e1e1e80;margin:0 48px 48px;border-radius:32px;padding:32px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;position:relative}.filters-container .filter-genres{display:flex;flex-wrap:wrap;max-height:200px;overflow:auto;gap:12px}.filters-container .filters-actions{position:absolute;bottom:32px;right:32px}.filters-container input[type=checkbox]{display:none}.filters-container .filters-checkbox{background-color:#eeeeee26;height:48px;display:flex;justify-content:center;align-items:center;padding:0 24px;border-radius:24px;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600;transition:background-color .3s,color .3s}.filters-container .filters-checkbox:hover{background-color:#ffffff4d}.filters-container input[type=checkbox]:checked+.filters-checkbox{background-color:#fff;color:#000}.filters-container .filter-title{font-size:32px;font-weight:900;margin:0 0 16px}.filters-container .filter-input{padding:0 16px;width:100px}.filters-container .filter-input:hover{background-color:#ffffff4d}.filters-close{background-color:transparent;width:64px;height:64px;padding:0;border-radius:32px;display:flex;align-items:center;justify-content:center}.filters-close img{width:28px;transition:filter .3s}.filters-close:hover img{filter:invert(1)}.sort-container{position:relative}.sort-container .sort-button{position:relative;width:210px;z-index:13;justify-content:center}.sort-container .sort-menu.active{opacity:1;transform:translateY(0);pointer-events:auto}.sort-container .sort-menu{position:absolute;top:64px;left:0;width:calc(100% - 48px);background:#1e1e1ecc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);outline:rgba(238,238,238,.15) solid 2px;padding:24px;border-radius:24px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;gap:16px;z-index:10;opacity:0;transform:translateY(-64px);pointer-events:none;transition:opacity .3s ease-in-out,transform .3s ease-in-out}.sort-container .sort-menu .sort-item{min-height:40px;padding:0;flex:1;gap:2px}.sort-container .sort-menu .direction-image{height:16px}.main-anime-container{height:730px;margin:48px auto 0;position:relative;opacity:0;scale:1.1}.main-anime-container.loaded{opacity:1;scale:1;transition:opacity .6s ease-in-out,scale .6s ease-in-out}.main-anime-container .image-container{position:relative;width:100%;height:100%}.main-anime-container .main-anime{position:absolute;width:100%;height:100%;object-fit:cover;border-radius:32px}.main-anime-container .blurred{z-index:-1;filter:blur(24px)}.main-anime-container .content-container{position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.main-anime-container .main-anime-logo{width:500px;filter:drop-shadow(0 0 32px rgb(0,0,0))}.message{position:absolute;bottom:0;left:50%;background-color:#ffffff26;padding:16px 64px;border-radius:48px;-webkit-user-select:none;user-select:none;font-weight:600;font-size:16px;opacity:0;text-align:center;width:max-content;max-width:calc(100vw - 64px);transform:translate(-50%) translateY(64px);transition:transform .3s,opacity .3s}.message.active{opacity:1;transform:translate(-50%)}.message.error{color:#fff;background-color:#a00}.message.success{color:#fff;background-color:#228e01}.auth-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:100%;width:100%;display:flex;justify-content:center;max-width:calc(100% - 64px);opacity:1;transition:opacity .6s ease-in-out,transform .6s ease-in-out}.auth-container form{width:400px;height:100%;display:flex;flex-direction:column;justify-content:center;text-align:center;align-items:center;gap:32px}.auth-container form .logo{width:220px;max-width:100%;cursor:pointer}.auth-container form .move-button,.auth-container form button,.auth-container form input{font-family:Montserrat,serif;font-weight:700;font-size:16px;height:48px;width:100%;border-radius:48px;text-align:center;border:none;transition:color .3s,background-color .3s}.auth-container form input{background:transparent;color:#fff;outline:rgba(238,238,238,.4) solid 2px}.auth-container form .move-button{background-color:#eeeeee26;color:#fff}.auth-container form .move-button:hover{background-color:#ffffff4d}.auth-container form button{cursor:pointer}.profile-container{background-color:#eeeeee26;height:810px;border-radius:64px;display:flex;flex-direction:column;margin:auto;animation:fadeIn 1s ease-in-out}.profile-container .margin-container{width:calc(100% - 64px);height:100%;margin:32px;display:flex;gap:32px}.profile-container .left-container{display:flex;flex-direction:column;align-items:center;width:230px;height:100%}.profile-container .left-container .profile-image-container{position:relative;min-width:230px;min-height:230px}.profile-container .left-container .profile-image-container .profile-image{width:100%;height:100%;object-fit:cover;border-radius:32px;text-align:center}.profile-container .left-container .profile-image-container .profile-image.blurred{position:absolute;filter:blur(20px);z-index:1}.profile-container .left-container .profile-image-container .profile-image.main-image{position:relative;z-index:2}.profile-container .left-container .username{margin:8px 0 16px;font-size:48px;font-weight:900;width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-container .left-container .text-container{background-color:#1e1e1e99;padding:24px;border-radius:32px;display:flex;flex-direction:column;justify-content:space-between;width:calc(100% - 48px);flex:1}.profile-container .left-container .text-container.editing{margin-top:24px}.profile-container .left-container .text-container .block{display:flex;flex-direction:column;gap:8px}.profile-container .left-container .text-container .block .hidden{display:none}.profile-container .left-container .text-container .block .file-input-label{display:flex;align-items:center;justify-content:center}.profile-container .left-container .text-container h3{margin:0;font-size:20px;font-weight:900}.profile-container .left-container .text-container p{margin:0;font-size:16px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}.profile-container .left-container .text-container p.none-description{opacity:.5}.profile-container .left-container .text-container .profile-buttons{display:flex;flex-direction:column;gap:16px}.profile-container .right-container{display:flex;flex-direction:column;gap:32px;width:calc(100% - 262px)}.profile-container .right-container .none-items{margin:0}.profile-container .right-container h2{margin:0;font-size:32px;font-weight:800}.profile-container .right-container h2 .green{color:#00aa47}.profile-container .right-container h2 .blue{color:#0067f7}.profile-container .right-container .favorites-container{display:flex;flex-direction:column;gap:16px}.profile-container .right-container .favorites-container .cards-container{display:flex;align-items:center;overflow:hidden;position:relative;gap:16px;background-color:#1e1e1e99;padding:0 16px;border-radius:44px;width:calc(100% - 32px)}.profile-container .right-container .favorites-container .cards-container.none-pagination{padding:0;border-radius:64px;width:100%}.profile-container .right-container .favorites-container .cards-container .cards-wrapper{overflow:hidden;width:100%;padding:32px;border-radius:64px}.profile-container .right-container .favorites-container .cards-container .cards-slider{display:flex;gap:32px;transition:transform .6s ease}.profile-container .right-container .favorites-container .cards-container .cards-slider>*{flex:0 0 33.3333333333%;max-width:calc(33.3333333333% - 22px)}.profile-container .right-container .favorites-container .pagination-button{display:flex;align-items:center;justify-content:center;height:calc(100% - 32px);width:64px;border-radius:32px}.profile-container .right-container .favorites-container .pagination-button[disabled]{opacity:.3;cursor:auto}.profile-container .right-container .favorites-container .pagination-button:hover:not([disabled]){background-color:#eee;color:#000}.profile-container .right-container .favorites-container .pagination-button:hover:not([disabled]) img{filter:invert(1)}.profile-container .right-container .favorites-container .pagination-button .left,.profile-container .right-container .favorites-container .pagination-button .right{width:16px;transition:filter .3s}.profile-container .right-container .favorites-container .pagination-button .left{transform:rotate(90deg)}.profile-container .right-container .favorites-container .pagination-button .right{transform:rotate(270deg)}.profile-container .right-container .favorites-container .anime-wrapper{min-width:200px;max-width:280px;height:340px}.profile-container .right-container .favorites-container .anime-wrapper .anime-blurred{filter:blur(10px)}@keyframes fadeIn{0%{opacity:0}20%{opacity:0;scale:1.1}to{opacity:1;scale:1}}.anime-container{margin:0 auto 32px;background-color:#eeeeee26;border-radius:64px}.anime-container .margin-container{width:calc(100% - 64px);padding:32px;position:relative;display:flex;flex-direction:column;gap:32px}.anime-container .margin-container .anime-rating{scale:1.5;top:48px;right:62px}.anime-container .margin-container .top-container{display:flex;gap:32px;max-height:400px}.anime-container .margin-container .top-container .anime-poster{width:280px;min-width:280px;height:400px;position:relative}.anime-container .margin-container .top-container .anime-poster .blurred,.anime-container .margin-container .top-container .anime-poster .main{height:100%;width:100%;object-fit:cover;border-radius:32px}.anime-container .margin-container .top-container .anime-poster .blurred{filter:blur(28px);position:absolute;opacity:.6}.anime-container .margin-container .top-container .anime-poster .main{position:relative}.anime-container .margin-container .top-container .anime-poster .anime-poster,.anime-container .margin-container .top-container .anime-poster .anime-blurred{position:absolute;width:100%;height:100%;object-fit:cover;z-index:-1}.anime-container .margin-container .top-container .anime-info{display:flex;flex-direction:column;justify-content:space-between;max-width:calc(100% - 310px);height:400px}.anime-container .margin-container .top-container .anime-info strong{font-weight:800}.anime-container .margin-container .top-container .anime-info .title-wrapper{display:flex;justify-content:space-between;width:calc(100% - 160px)}.anime-container .margin-container .top-container .anime-info h1{font-size:96px;font-weight:900;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.anime-container .margin-container .top-container .anime-info p{margin:0;font-size:24px;font-weight:500;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.anime-container .margin-container .top-container .anime-info .anime-logo{max-height:180px;width:min-content;object-fit:contain}.anime-container .margin-container .top-container .anime-info .favorite-button{width:180px}.anime-container .margin-container h2{margin:0;font-size:40px;font-weight:800}.anime-container .margin-container .reviews-container{display:flex;flex-direction:column;gap:16px}.anime-container .margin-container .reviews-container .review-container{display:flex;flex-direction:column;gap:8px}.anime-container .margin-container .reviews-container .top{display:flex;align-items:center;gap:16px}.anime-container .margin-container .reviews-container .top .date{color:#ffffff4d}.anime-container .margin-container .reviews-container ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:32px;margin:0}.anime-container .margin-container .reviews-container li{display:flex;gap:16px;background-color:#1e1e1e99;padding:16px;border-radius:32px;position:relative}.anime-container .margin-container .reviews-container li .anime-rating{scale:1;top:16px;right:16px}.anime-container .margin-container .reviews-container p,.anime-container .margin-container .reviews-container h3{margin:0}.anime-container .margin-container .reviews-container p{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}.anime-container .margin-container .reviews-container h3{font-size:32px}.anime-container .margin-container .reviews-container .image-container{position:relative;min-width:128px;height:128px}.anime-container .margin-container .reviews-container .image-container .profile-image{width:100%;height:100%;object-fit:cover;border-radius:16px}.anime-container .margin-container .reviews-container .image-container .profile-image.blurred{position:absolute;filter:blur(10px)}.anime-container .margin-container .reviews-container .image-container .profile-image.main{position:relative}.anime-container .margin-container .filters-container{width:1400px}.anime-container .margin-container .review-form{display:flex;flex-direction:column;align-items:center;gap:16px}.anime-container .margin-container .review-form .add-item{display:flex;flex-direction:column;gap:8px;width:100%}.anime-container .margin-container .review-form .add-item label{font-size:24px;font-weight:700}.anime-container .margin-container .review-form .add-item textarea{height:280px;padding:16px 24px;text-align:left}.anime-container .margin-container .review-form .rating-buttons{width:100%;display:flex;justify-content:space-between;gap:16px}.anime-container .margin-container .review-form .rating-buttons .rating-button{flex:1;padding:0}.anime-container .margin-container .review-form .button{width:fit-content}.admin-container{background-color:#eeeeee26;border-radius:64px;display:flex;flex-direction:column;margin:0 auto 32px}.admin-container select option{background-color:#fff;color:#333}.admin-margin-container{width:calc(100% - 64px);height:100%;margin:32px;gap:32px}.tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;background-color:#1e1e1e99;padding:16px;border-radius:40px;margin:0 auto 32px}.tabs button{flex:1;min-width:fit-content}.edit-buttons{display:flex;gap:16px;flex-wrap:wrap}.edit-buttons select{padding:0 16px}.edit-container{margin:0;padding:16px;display:flex;gap:16px;flex-wrap:wrap;flex-direction:column}.edit-container .buttons-container .button{flex:1}.admin-container h1{text-align:center;color:#fff;margin-bottom:30px;font-size:2.5rem;font-weight:300}.admin-container section{padding:32px;background-color:#1e1e1e99;border-radius:32px}.admin-container h2{margin:0 0 20px;font-size:1.8rem;font-weight:800;border-bottom:1px solid #444;padding-bottom:16px}.admin-container ul{list-style-type:none;padding:0;margin:16px 0 0}.admin-container ul li:not(:last-child) .line{border-bottom:1px solid #444;width:calc(100% - 80px);margin:0 40px}.admin-container ul li .table-item{display:flex;justify-content:space-between;align-items:center;padding:16px 16px 16px 32px;border-radius:40px;transition:background-color .3s ease}.admin-container ul li .table-item:hover{background-color:#333}.admin-container .form-group{margin-bottom:15px}.admin-container .form-group label{display:block;margin-bottom:5px;color:#b0b0b0;font-size:.9rem}.admin-container .form-group input,.admin-container .form-group select{width:100%;max-width:300px}.admin-container .form-actions{margin-top:20px}.admin-container .form-actions button{margin-right:10px}.admin-container .anime-genre-link{display:flex;align-items:center;gap:10px;margin-bottom:15px}.admin-container .anime-genre-link select{flex:1}.admin-container .anime-genre-list{margin-top:20px}.admin-container .anime-genre-list li{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #444}.admin-container .anime-genre-list li:hover{background-color:#333}
