@keyframes filter-animation-9ca205ba{0%{color:#000}50%{color:#ffc107}}.new-animated[data-v-9ca205ba]{animation:filter-animation-9ca205ba 1.5s infinite}.comics[data-v-b519b3ff]{padding-top:70px}.comics .comics__top[data-v-b519b3ff]{background-image:url(./banner-4.DGvx9Kkm.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;padding:92px 4rem 2rem;position:relative}@media screen and (max-width:768px){.comics .comics__top[data-v-b519b3ff]{padding-left:2rem;padding-right:2rem}}.comics .comics__top[data-v-b519b3ff]:before{background:#000c;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.comics .comics__top--content[data-v-b519b3ff]{margin:0 auto 2rem;max-width:800px;position:relative;text-align:center;z-index:2}.comics .comics__top--content h2[data-v-b519b3ff]{font-size:clamp(2rem,4vw,40px);margin-bottom:1rem}.comics .comics__top--content p[data-v-b519b3ff]{font-size:clamp(14px,2.5vw,16px);line-height:1.6;opacity:.9}.comics .comics__top .input-search[data-v-b519b3ff]{color:#000;margin:0 auto 1.5rem;max-width:600px;position:relative;z-index:2}.comics .comics__top .input-search[data-v-b519b3ff] .v-field{background:#ffffffe6!important}.comics .comics__top .input-select[data-v-b519b3ff]{color:initial;gap:1rem;position:relative;z-index:2}.comics .comics__top .input-select[data-v-b519b3ff] .v-field{background:#ffffffe6!important}.comics__container[data-v-b519b3ff]{padding:30px}.comics__container .label-item[data-v-b519b3ff]{background:#f5f7fa;border-radius:16px;box-shadow:0 2px 8px #00000014;padding:10px 1rem 10px 8px;width:97%}@media screen and (max-width:768px){.comics__container .label-item[data-v-b519b3ff]{width:100%}}.comics__container .label-item h3[data-v-b519b3ff]{color:#2c3e50;font-size:20px;font-weight:600}.comics__container .label-item-sort[data-v-b519b3ff]{background:#f5f7fa;border:1px solid #e4e7eb;border-radius:8px;padding:8px 12px;transition:all .3s ease}.comics__container .label-item-sort[data-v-b519b3ff]:hover{background:#eef2f7;transform:translateY(-1px)}.comics__container .label-item-sort p[data-v-b519b3ff]{color:#4a5568;font-weight:500}.comics__container--list[data-v-b519b3ff]{display:flex;flex-wrap:wrap;gap:20px;width:100%}.comics__container--list .comic-item[data-v-b519b3ff]{background:#fff;border:1px solid #edf2f7;border-radius:16px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;height:500px;padding:12px;transition:all .3s ease;width:100%}@media (min-width:448px){.comics__container--list .comic-item[data-v-b519b3ff]{height:450px;width:calc(100% - 1.5rem)}}@media (min-width:768px){.comics__container--list .comic-item[data-v-b519b3ff]{height:450px;width:calc(50% - 1.5rem)}}@media (min-width:1000px){.comics__container--list .comic-item[data-v-b519b3ff]{height:450px;width:calc(33.33333% - 1.5rem)}}@media (min-width:1200px){.comics__container--list .comic-item[data-v-b519b3ff]{height:500px;width:calc(33.33333% - 1.5rem)}}@media (min-width:1500px){.comics__container--list .comic-item[data-v-b519b3ff]{height:450px;width:calc(25% - 1.5rem)}}.comics__container--list .comic-item[data-v-b519b3ff]:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.comics__container .no-data[data-v-b519b3ff]{align-items:center;background:#fff;border:1px solid #edf2f7;border-radius:16px;box-shadow:0 2px 8px #00000014;color:#718096;display:flex;font-size:1.1rem;justify-content:center;min-height:300px}.comics__container .content-right .comics__container--list[data-v-b519b3ff]{height:100%;margin-top:20px;min-height:500px;overflow-y:auto;padding-right:8px}.comics__container .content-right .comics__container--list[data-v-b519b3ff]::-webkit-scrollbar{width:6px}.comics__container .content-right .comics__container--list[data-v-b519b3ff]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.comics__container .content-right .comics__container--list[data-v-b519b3ff]::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.comics__container .content-right .comics__container--list[data-v-b519b3ff]::-webkit-scrollbar-thumb:hover{background:#a0aec0}.comics__container .content-right .comics__container--list .comic-item[data-v-b519b3ff]{height:500px;width:100%}.comics__container .content-right .no-data[data-v-b519b3ff]{min-height:200px}@media screen and (max-width:1024px){.comics__container .content-right .subscription[data-v-b519b3ff]{padding:60px 30px}}.icon-title.translate-y-3[data-v-b519b3ff]{transform:translateY(-3px)}