:root {
  font-family: "Inter", serif;
  line-height: 1.5;
  font-weight: 400;

  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scroll-behavior: smooth;

  --watching-color: #52b628;
  --watching-shadow-color: #58d0257e;
  --plan-color: #9314dc;
  --plan-shadow-color: #9314dc7e;
  --completed-color: #4577b7;
  --completed-shadow-color: #4577b77e;
  --hold-on-color: #df960e;
  --hold-on-shadow-color: #FFA5007e;
  --dropped-color: #be1414;
  --dropped-shadow-color: #FF00007e;
  --good-reputation-color: #4AA424;
  --bad-reputation-color: #bb0b0b;
  --ban-color: #A12B2B;
  --rate-back-color: rgb(70, 68, 65);
  --player-timeline-progress-color: #FF0000;
  --player-timeline-loaded-color: #5A5A5A;
  --player-middle-button: #1a191950;
  --player-middle-button-select: #1a1919dc;
  --slider-button-inactive-color: #3b3b3b;
  --slider-button-active-color: #cc2e56;
  --slider-button-dot-color: #ffffff;
  --warning-color: #ddca1b;
  --info-color: #1b8fdd;
  --danger-color: #dd1b1b;
  --anime-full-row-title-size: 1.25em;
  --anime-full-row-title-weight: bold;

  --anime-full-row-epCount-size: 0.875em;
  --anime-full-row-epCount-weight: bold;

  --anime-full-row-description-size: 0.875em;
  --anime-full-row-description-weight: 500;
  --anime-full-row-description-line-height: 1.5em;
}

:focus {
  outline: none;
}

.disabled {
  opacity: 0.6;
  pointer-events: none;
}

button {
  cursor: pointer;
  border: none;
  background-color: transparent;
  position: relative;
  font-family: 'Inter', sans-serif;
  color: var(--main-text-color);
}

body {
  background-color: var(--background-color);
  margin: 0;
  display: flex;
  min-width: 320px;
  min-height: 100vh;
}

.dark-theme {
  --background-color: #121212;
  --alt-background-color: #1a1919;
  --skeleton-background-color: #1c1b1b;
  --skeleton-animation-color: #2f2c2c;
  --select-button-left-color: #111111;
  --click-on-button-player-color: #0f0f0f;
  --comment-spoiler-color: #0f0f0f7c;
  --select-button-color: #202020;
  --alt-gray-background-color: #2C2828;
  --main-text-color: rgb(216 213 208);
  --secondary-text-color: rgb(175 168 158);
  --third-text-color: rgb(161, 155, 146);
  --gray-btn: #6A6A6A;
  --settings-dropdown-selected-color: rgb(49, 48, 45);
  color: var(--main-text-color);
}

.light-theme {
  --background-color: #ffffff;
  --alt-background-color: #f9f9f9;
  --skeleton-background-color: #f0f0f0;
  --skeleton-animation-color: #e0e0e0;
  --select-button-left-color: rgba(0, 0, 0, 0.05);
  --click-on-button-player-color: #ededed;
  --comment-spoiler-color: rgba(0, 0, 0, 0.05);
  --select-button-color: #33333380;
  --main-text-color: #1f1f1f;
  --secondary-text-color: #4d4d4d;
  --third-text-color: #7a7a7a;
  --gray-btn: #c0c0c0;
  --settings-dropdown-selected-color: rgb(196, 193, 187);
  color: var(--main-text-color);
}

@keyframes skeletonAnimation {
  0% {
    background-color: var(--skeleton-background-color);
  }
  50% {
    background-color: var(--skeleton-animation-color);
  }
  100% {
    background-color: var(--skeleton-background-color);
  }
}

.hide {
  display: none !important;
}

.flex-row {
  display: flex;
  flex-direction: row;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.unselectable {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
}

.hide-scroll::-webkit-scrollbar {
  display: none;
}

    .title-bar.svelte-1326vjd {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        display: flex;
        z-index: 9999;
        justify-content: space-between;
        background-color: var(--background-color);
        color: var(--main-text-color);
        font-size: 12px;
        text-align: center;
        -webkit-app-region: drag;
        height: 22px;
        align-items: center;
        vertical-align: middle;
    }

    .title-bar-back.svelte-1326vjd {
        width: 55px;
        align-items: center;
    }

    .title-bar-back.svelte-1326vjd svg:where(.svelte-1326vjd) {
        margin-left: auto;
        margin-right: auto;
    }

    .title-bar-text.svelte-1326vjd {
        margin-top: 5px;
        margin-bottom: 5px;
        margin-right: auto;
        margin-left: auto;
        -webkit-app-region: drag;
    }

    .button-title-bar.svelte-1326vjd:hover {
        background-color: #1b1b1b;
    }

    .button-title-bar.svelte-1326vjd {
        -webkit-app-region: no-drag;
        height: 22px;
        padding-left: 10px;
        padding-right: 10px;
        display: flex;
        align-items: center;
        color: var(--main-text-color);
    }


    svg.svelte-1or71ij {
        color: var(--color);
        transition: all 0.2s ease-in-out;
    }


    .left-menu-button.svelte-3fu7so {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        height: 50px;
        width: 100%;
        transition: all 0.3s;
    }

    .left-menu-button.svelte-3fu7so:hover {
        background-color: var(--select-button-left-color);
    }

    .selected.svelte-3fu7so {
        background-color: var(--select-button-left-color);
    }

    .selected.svelte-3fu7so:hover {
        background-color: var(--background-color);
    }


    .left-menu-profile.svelte-g0rfz3 img:where(.svelte-g0rfz3){
        border-radius: 100%;
    }

    .left-menu-profile.svelte-g0rfz3 {
        margin-bottom: 10px;
    }


    .anime-poster.svelte-1uqvo53 img:where(.svelte-1uqvo53) {
        border-radius: var(--border-radius);
        outline-color: var(--color);
        outline-style: var(--border-enabled);
        outline-width: 3px;
        object-fit: cover;
    }

    .anime-poster-skeleton.svelte-1uqvo53 {
        outline-color: var(--color);
        outline-style: var(--border-enabled);
        outline-width: 3px;
        width: var(--width);
        height: var(--height);
        border-radius: var(--border-radius);
        background-color: var(--skeleton-background-color);
        position: absolute;
        z-index: calc(var(--z-index) - 1);
        animation: skeletonAnimation 3s ease-in-out 100ms infinite forwards;
    }

    .anime-poster.svelte-1uqvo53 {
        position: relative;
        min-width: var(--width);
        min-height: var(--height);
    }

    .anime-poster-text.svelte-1uqvo53 {
        position: absolute;
        bottom: 0;
        z-index: calc(var(--z-index) + 1);
        justify-content: center;
        align-items: center;
        background-color: var(--color);
        width: 100%;
        height: 25px;
        margin-bottom: 6px;
        border-radius: 60px;
        color: var(--main-text-color);
    }

    .anime-poster-shadow.svelte-1uqvo53 {
        -webkit-box-shadow: 4px 4px 8px 0px
            var(--shadow-color, rgba(34, 60, 80, 0.2));
        -moz-box-shadow: 4px 4px 8px 0px
            var(--shadow-color, rgba(34, 60, 80, 0.2));
        box-shadow: 4px 4px 8px 0px var(--shadow-color, rgba(34, 60, 80, 0.2));
    }


    anime-full-row-card.svelte-f96kq7 {
        margin-left: 20px;
        margin-bottom: 20px;
        margin-top: 20px;
        margin-right: 20px;
    }

    anime-full-row-card.svelte-f96kq7:hover {
        cursor: pointer;
    }

    .anime-item-title.svelte-f96kq7 {
        font-size: var(--anime-full-row-title-size);
        font-weight: var(--anime-full-row-title-weight);
        color: var(--main-text-color);
        margin-bottom: 5px;
    }

    .anime-item-epCount.svelte-f96kq7 {
        font-size: var(--anime-full-row-epCount-size);
        color: var(--third-text-color);
        font-weight: var(--anime-full-row-epCount-weight);
        margin-bottom: 10px;
        align-items: center;
    }

    .dot {
        margin-left: 5px;
        margin-right: 5px;
    }

    .full-row-anime-poster.svelte-f96kq7 {
        margin-right: 25px;
    }

    .anime-item-description.svelte-f96kq7 {
        font-size: var(--anime-full-row-description-size);
        color: var(--third-text-color);
        line-height: var(--anime-full-row-description-line-height);
        font-weight: var(--anime-full-row-description-weight);
    }


.center.svelte-8ohqlm {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}


.lds-spinner.svelte-8ohqlm,
.lds-spinner.svelte-8ohqlm div:where(.svelte-8ohqlm),
.lds-spinner.svelte-8ohqlm div:where(.svelte-8ohqlm):after {
  box-sizing: border-box;
}
.lds-spinner.svelte-8ohqlm {
  color: currentColor;
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-spinner.svelte-8ohqlm div:where(.svelte-8ohqlm) {
  transform-origin: 40px 40px;
  animation: svelte-8ohqlm-lds-spinner 1.2s linear infinite;
}
.lds-spinner.svelte-8ohqlm div:where(.svelte-8ohqlm):after {
  content: " ";
  display: block;
  position: absolute;
  top: 3.2px;
  left: 36.8px;
  width: 6.4px;
  height: 17.6px;
  border-radius: 20%;
  background: currentColor;
}
.lds-spinner.svelte-8ohqlm div:where(.svelte-8ohqlm):nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}
.lds-spinner.svelte-8ohqlm div:where(.svelte-8ohqlm):nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}
.lds-spinner.svelte-8ohqlm div:where(.svelte-8ohqlm):nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}
.lds-spinner.svelte-8ohqlm div:where(.svelte-8ohqlm):nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}
.lds-spinner.svelte-8ohqlm div:where(.svelte-8ohqlm):nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}
.lds-spinner.svelte-8ohqlm div:where(.svelte-8ohqlm):nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}
.lds-spinner.svelte-8ohqlm div:where(.svelte-8ohqlm):nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}
.lds-spinner.svelte-8ohqlm div:where(.svelte-8ohqlm):nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}
.lds-spinner.svelte-8ohqlm div:where(.svelte-8ohqlm):nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}
.lds-spinner.svelte-8ohqlm div:where(.svelte-8ohqlm):nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}
.lds-spinner.svelte-8ohqlm div:where(.svelte-8ohqlm):nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}
.lds-spinner.svelte-8ohqlm div:where(.svelte-8ohqlm):nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}
@keyframes svelte-8ohqlm-lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}



    .releases-container.svelte-10jg6xt {
        width: 100%;
        height: 100%;
    }

    .releases-type.svelte-10jg6xt {
        width: 100%;
        height: 50px;
        justify-content: center;
        align-items: center;
        position: sticky;
        top: 0;
        background-color: var(--background-color);
        z-index: 1;
    }

    .releases-type-title.svelte-10jg6xt {
        margin-right: auto;
        height: 100%;
        padding-left: 20px;
        padding-right: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: var(--third-text-color);
        transition: all 0.3s ease;
        font-weight: 400;
        font-size: 16px;
        position: relative;
    }

    .releases-type-title.svelte-10jg6xt:hover {
        cursor: pointer;
        background-color: var(--alt-background-color);
    }

    .releases-type-title.svelte-10jg6xt:last-child {
        margin-right: 80px;
    }

    .releases-type-title.svelte-10jg6xt:first-child {
        margin-left: 80px;
    }

    .selected.svelte-10jg6xt {
        font-weight: bold;
        color: var(--main-text-color);
    }

    .selected.svelte-10jg6xt:hover {
        background-color: var(--background-color);
        cursor: default;
    }

    .selected.svelte-10jg6xt::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: var(--main-text-color);
        animation: svelte-10jg6xt-line-grow 0.5s cubic-bezier(0.55, 0, 0.1, 1) forwards;
    }

    @keyframes svelte-10jg6xt-line-grow {
        0% {
            width: 0; /* Линия отсутствует */
            left: 50%;
        }
        100% {
            width: 100%; /* Линия полностью растянута */
            left: 0;
        }
    }


    .notifications-modal.svelte-y26qfe {
        width: 800px;
        max-height: 600px;
        min-height: 400px;
        position: absolute;
        bottom: 10px;
        left: 90px;
        background-color: var(--alt-background-color);
        border-radius: 15px;
        overflow-y: auto;
        overflow-x: hidden;
        gap: 10px;
        padding-bottom: 10px;
        box-shadow: 10px 9px 22px 1px rgba(0, 0, 0, 0.2);
    }

    .notify-center.svelte-y26qfe {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .third-text.svelte-y26qfe {
        font-weight: 500;
        font-size: 20px;
    }

    .notification-content.svelte-y26qfe {
        width: 100%;
    }

    .notification-date.svelte-y26qfe {
        font-size: 12px;
        color: var(--secondary-text-color);
        margin-top: 5px;
        text-align: left;
        width: fit-content;
    }

    .modal-buttons.svelte-y26qfe button:where(.svelte-y26qfe) {
        width: 25px;
        height: 25px;
        border-radius: 100%;
        background-color: var(--alt-gray-background-color);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .modal-buttons.svelte-y26qfe button:where(.svelte-y26qfe):hover {
        background-color: var(--select-button-color);
    }

    .modal-buttons.svelte-y26qfe {
        gap: 10px;
    }

    .notification.svelte-y26qfe {
        margin: 0px 20px;
        padding: 10px;
        gap: 10px;
        background-color: var(--alt-gray-background-color);
        border-radius: 15px;
        z-index: 0;
    }

    .notifications-modal-titlebar.svelte-y26qfe {
        padding: 15px 20px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: sticky;
        top: 0;
        background-color: var(--alt-background-color);
        z-index: 1;
    }

    .notifications-title.svelte-y26qfe {
        font-size: 20px;
        font-weight: bold;
        color: var(--main-text-color);
    }

    .notification-text.svelte-y26qfe {
        font-size: 14px;
        color: var(--main-text-color);
        line-height: 20px;
        margin-top: 5px;
        text-align: left;
    }

    .notification-icon.svelte-y26qfe {
        width: 50px;
        height: 50px;
        border-radius: 100%;
        object-fit: cover;
    }


    .left-menu.svelte-1leqxge {
        display: flex;
        flex-direction: column;
        height: 100%;
        background-color: var(--alt-background-color);
        align-items: center;
        overflow: hidden;
        z-index: 10;
    }

    .top-menu-content.svelte-1leqxge {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 20px;
    }

    .bottom-menu-content.svelte-1leqxge {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: auto;
        width: 100%;
        margin-bottom: 20px;
    }

    .menu-hidden.svelte-1leqxge {
        width: 75px;
        min-width: 75px;
    }


    .dropdown-bookmark.svelte-199syph {
        position: absolute;
        background-color: var(--alt-background-color);
        padding: 10px 20px;
        margin-top: 10px;
        z-index: 1;
        width: 350px;
        border-radius: 20px;
        margin-bottom: 20px;
    }

    .dropdown-bookmark-element.svelte-199syph {
        padding: 5px 0px;
        justify-content: center;
        transition: all 0.2s ease-in-out;
        border-radius: 20px;
    }

    .dropdown-bookmark-element.svelte-199syph:hover {
        background-color: var(--background-color);
    }

    .release-left-button.svelte-199syph {
        width: 387px;
        height: 48px;
        align-items: center;
        justify-content: center;
        border-radius: 50px;
        min-height: 48px;
        font-size: 16px;
        color: var(--main-text-color);
    }

    .soon.svelte-199syph {
        background: linear-gradient(
            160deg,
            rgb(196, 38, 130) 0%,
            rgb(115, 15, 229) 100%
        );
        inset: 0;
        border-radius: 30px;
        margin-top: 15px;
    }

    .blocked.svelte-199syph {
        margin-top: 15px;
        background-color: var(--main-text-color);
        color: var(--background-color);
        font-weight: bold;
        transition: all 0.2s;
        opacity: 0.7;
        cursor: default;
    }

    .release-left-button img {
        border-radius: 0px !important;
    }

    .play.svelte-199syph {
        margin-top: 15px;
        background-color: var(--main-text-color);
        color: var(--background-color);
        font-weight: bold;
        transition: all 0.2s;
    }

    .play svg {
        margin-right: 8px;
    }

    .play.svelte-199syph:hover {
        cursor: pointer;
        background-color: #c2c2c2;
    }

    .bookmark.svelte-199syph {
        margin-top: 10px;
        box-shadow: inset 0 0 0 2px var(--btn-color);
        background-color: transparent;
        color: var(--btn-color);
        font-weight: 500;
        transition: all 0.2s ease-in-out;
    }

    .bookmark svg {
        margin-right: 8px;
    }

    .favorite.svelte-199syph {
        margin-top: 10px;
        box-shadow: inset 0 0 0 2px var(--fav-color, var(--main-text-color));
        background-color: transparent;
        color: var(--fav-color, var(--main-text-color));
        transition: all 0.2s ease-in-out;
        font-weight: bold;
    }

    .is-favorite.svelte-199syph {
        --fav-color: var(--hold-on-color);
    }

    .favorite svg {
        margin-right: 8px;
    }


    .rate-graph.svelte-1hzuty9 {
        margin-left: 15px;
        width: 100%;
        margin-right: 5px;
        margin-top: 3px;
    }

    .rate-bar.svelte-1hzuty9 {
        align-items: center;
        gap: 10px;
        justify-content: center;
    }

    .rate-bar-name.svelte-1hzuty9 {
        font-size: 12px;
        font-weight: bold;
        color: var(--third-text-color);
    }

    .rate-bar-value.svelte-1hzuty9 {
        flex: 1;
        height: 10px;
        background-color: var(--rate-back-color);
        border-radius: 10px;
        position: relative;
        overflow: hidden;
        width: 100%;
    }

    .rate-bar-value.svelte-1hzuty9::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: var(--value, 0%);
        background-color: var(--main-text-color);
        transition: all 0.3s ease;
        border-radius: 10px;
    }


    .bookmarks-bar.svelte-173ysd1 {
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: var(--bookmark-height, 22px);
        border-radius: var(--bookmark-radius, 5px);
        overflow: hidden;
        position: relative;
    }

    .bookmarks-bar.svelte-173ysd1::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 10px;
        background-color: var(--alt-background-color);
        z-index: -1;
    }

    .segment.svelte-173ysd1 {
        position: relative;
        height: 100%;
        width: var(--segment-width, 0%);
    }

    .watching.svelte-173ysd1 {
        background-color: var(--watching-color);
    }

    .plan.svelte-173ysd1 {
        background-color: var(--plan-color);
    }

    .completed.svelte-173ysd1 {
        background-color: var(--completed-color);
    }

    .hold-on.svelte-173ysd1 {
        background-color: var(--hold-on-color);
    }

    .dropped.svelte-173ysd1 {
        background-color: var(--dropped-color);
    }


    .base-main-button.svelte-1yeboja {
        align-items: center;
        display: flex;
        justify-content: center;
        cursor: pointer;
        height: var(--height);
        border-radius: var(--border-radius);
        width: var(--width);
    }

    .default.svelte-1yeboja {
        background-color: var(--alt-background-color);
        color: var(--main-text-color);
    }

    .primary.svelte-1yeboja {
        background-color: var(--main-text-color);
        color: var(--alt-background-color);
    }

    .primary.svelte-1yeboja:hover {
        background-color: var(--secondary-text-color);
    }

    .primary.svelte-1yeboja:disabled {
        background-color: var(--alt-background-color) !important;
        color: var(--main-text-color);
    }

    .transparent.svelte-1yeboja {
        background-color: transparent;
        color: var(--current-color);
        border: solid 1px var(--current-color);
    }

    .loader.svelte-1yeboja {
        width: 20px;
        height: 20px;
        border: 3px solid var(--main-text-color);
        border-bottom-color: transparent;
        border-radius: 50%;
        display: inline-block;
        box-sizing: border-box;
        animation: svelte-1yeboja-rotation 1s linear infinite;
    }

    @keyframes svelte-1yeboja-rotation {
        0% {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
    }


    .profile-avatar.svelte-fglza2 img:where(.svelte-fglza2) {
        border-radius: 100%;
        object-fit: cover;
    }

    .avatar-online.svelte-fglza2 {
        outline: var(--outline-width) solid var(--good-reputation-color);
        border-radius: 100%;
    }

    .profile-avatar.svelte-fglza2 {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        width: calc(var(--width) + 2px);
        height: calc(var(--height) + 1px);
        max-width: var(--width);
        max-height: var(--height);
    }

    .avatar-skeleton.svelte-fglza2 {
        width: calc(var(--width) + 2px);
        height: calc(var(--height) + 2px);
        position: absolute;
        border-radius: 100%;
        background-color: var(--skeleton-background-color);
        animation: skeletonAnimation 3s ease-in-out 100ms infinite forwards;
    }


    .verified.svelte-1gk4p28 {
        display: flex;
        align-content: center;
    }

    .comment-spoiler.svelte-1gk4p28 {
        position: absolute;
        left: -15px;
        top: -10px;
        background-color: var(--comment-spoiler-color);
        width: 102%;
        justify-content: center;
        align-items: center;
        border-radius: 15px;
        min-height: 40px;
        z-index: 2;
        height: calc(100% + 20px);
    }

    .comment-text.svelte-1gk4p28 {
        position: relative;
        color: var(--main-text-color);
    }

    .message-text.svelte-1gk4p28 {
        white-space: break-spaces;
    }

    .spoiler-blur.svelte-1gk4p28 {
        filter: blur(8px);
    }

    .comment-replies.svelte-1gk4p28 {
        margin-top: 5px;
    }

    .spoiler-subtitle.svelte-1gk4p28 {
        color: var(--secondary-text-color);
    }

    .comment-msg.svelte-1gk4p28 {
        width: 100%;
    }

    .comment-reply-button {
        padding-left: 8px;
        padding-right: 8px;
        margin-left: 10px;
    }

    .comment-reply-count.svelte-1gk4p28 {
        display: flex;
        margin-top: 12px;
        font-size: 16px;
        font-weight: bold;
        cursor: pointer;
        color: var(--main-text-color);
        align-items: center;
    }

    .comment-reply-count.svelte-1gk4p28 img:where(.svelte-1gk4p28) {
        margin-right: 5px;
    }

    .comment.svelte-1gk4p28 {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .comment-author-info.svelte-1gk4p28 {
        align-items: center;
    }

    .comment-author.svelte-1gk4p28 {
        object-fit: cover;
    }

    .comment-author-image.svelte-1gk4p28 {
        margin-right: 10px;
        margin-bottom: 8px;
        cursor: pointer;
    }

    .comment-message.svelte-1gk4p28 {
        font-size: 14px;
        color: var(--main-text-color);
        font-weight: 400;
    }

    .comment-like-count.svelte-1gk4p28 {
        width: 40px;
        min-width: 40px;
        margin-right: 15px;
        align-items: center;
        display: flex;
        flex-direction: column;
    }

    .upvote.svelte-1gk4p28 {
        margin-bottom: 5px;
    }

    .downvote.svelte-1gk4p28 {
        margin-top: 5px;
    }

    .like-positive.svelte-1gk4p28 {
        color: var(--good-reputation-color);
    }

    .like-negative.svelte-1gk4p28 {
        color: var(--bad-reputation-color);
    }

    .comment-author-username.svelte-1gk4p28 {
        align-items: center;
        font-size: 16px;
        font-weight: bold;
        color: var(--main-text-color);
        cursor: pointer;
    }

    .comment-author-username.svelte-1gk4p28 img:where(.svelte-1gk4p28) {
        margin-left: 5px;
        margin-right: 2px;
    }

    .comment-author-date.svelte-1gk4p28 {
        align-items: center;
        font-size: 12px;
        color: var(--secondary-text-color);
        margin-left: 10px;
    }


    .age-rate.svelte-1nu4n7v {
        margin-left: 10px;
        font-size: 12px;
        color: var(--background-color);
        background-color: var(--main-text-color);
        border-radius: 6px;
        padding-right: 5px;
        padding-left: 5px;
        padding-top: 2px;
        padding-bottom: 2px;
        font-weight: bold;
        align-items: center;
        max-height: 20px;
    }


    .slider-item.svelte-w6m9x8 {
        height: var(--height);
        position: relative;
        margin-right: 10px;
        min-width: var(--width);
    }

    .slider-item-skeleton.svelte-w6m9x8 {
        width: var(--width);
        height: var(--height);
        border-radius: 13px;
        background-color: var(--skeleton-background-color);
        position: absolute;
        z-index: var(--z-index);
        animation: skeletonAnimation 3s ease-in-out 100ms infinite forwards;
    }

    .slider-item.svelte-w6m9x8 img:where(.svelte-w6m9x8) {
        border-radius: 16px;
        object-fit: cover;
        height: var(--height);
    }


    .slider.svelte-1ivoh8r {
        position: relative;
        height: var(--height);
        width: var(--width);
        display: flex;
        overflow: hidden;
        scroll-behavior: smooth;
        align-items: center;
    }

    /* (unused) .slider img {
        object-fit: cover;
        transition: all 0.7s;
        border-radius: 16px;
    }*/

    .slider-button.svelte-1ivoh8r {
        position: absolute;
        z-index: 5;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 20px;
        height: 30px;
        background-color: var(--alt-background-color);
        border-radius: 10px;
        transition: all 0.3s;
        font-size: 1.1em;
        padding-bottom: 4px;
    }

    .slider-button.svelte-1ivoh8r:hover {
        background-color: #575353;
    }

    .back.svelte-1ivoh8r {
        left: 15px;
    }

    .next.svelte-1ivoh8r {
        right: 15px;
    }


    .view-all-button {
        margin-left: var(--margin-left);
        margin-right: 10px;
        font-size: 12px;
        font-weight: bold;
        padding-left: 10px;
        padding-right: 10px;
    }


    .related-anime-item.svelte-1swqorg {
        display: flex;
        flex-direction: row;
        margin-bottom: 10px;
    }

    .related-anime-item-title.svelte-1swqorg {
        font-size: 16px;
        font-weight: bold;
        color: var(--main-text-color);
        margin-bottom: 5px;
        cursor: pointer;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .related-anime-item-type.svelte-1swqorg {
        display: flex;
        font-size: 14px;
        color: var(--main-text-color);
        font-weight: bold;
        margin-bottom: 10px;
        background-color: var(--alt-background-color);
        border-radius: 6px;
        justify-content: center;
        width: 80px;
        height: 27px;
        align-items: center;
    }

    .related-anime-item-info.svelte-1swqorg {
        display: flex;
        flex-direction: column;
        margin-left: 17px;
    }

    .related-anime-item-date.svelte-1swqorg {
        display: flex;
        font-size: 14px;
        color: var(--secondary-text-color);
        font-weight: bold;
        margin-bottom: 5px;
        align-items: center;
    }


    .related-releases-title.svelte-1ky5o1r {
        align-items: center;
        margin-bottom: 20px;
    }

    .related-releases.svelte-1ky5o1r {
        margin-top: 10px;
        font-size: 20px;
        font-weight: bold;
        color: var(--main-text-color);
    }


    .release-minInfo.svelte-1gwfj02 {
        max-width: 433px;
        float: right;
    }

    .release-minInfo-item.svelte-1gwfj02 {
        margin-bottom: 5px;
        align-items: center;
    }

    .minInfo-icon.svelte-1gwfj02 {
        margin-right: 8px;
    }


    .modal-background.svelte-1vlovf0 {
        display: var(--display);
        position: fixed;
        top: 22px;
        left: 75px;
        width: calc(100vw - 75px);
        height: calc(100vh - 22px);
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 5;
        align-items: center;
        justify-content: center;
    }

    .modal.svelte-1vlovf0 {
        background-color: var(--background-color);
        width: var(--width);
        height: var(--height);
        border-radius: 15px;
        overflow: hidden;
    }

    .modal-title {
        font-size: 26px;
        font-weight: bold;
        color: var(--main-text-color);
        margin-top: 25px;
        margin-left: 35px;
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
    }

    .modal-content {
        margin-top: 15px;
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        width: 100%;
        height: 85%;
        padding-left: 40px;
        padding-right: 40px;
        padding-bottom: 10px;
        overflow-y: auto;
    }

    .full-content {
        height: 100% !important;
    }

    .modal-content::-webkit-scrollbar {
        width: 10px;
        height: 17px;
    }

    /* Track */
    .modal-content::-webkit-scrollbar-track {
        background-color: #1a1919;
        border-radius: 10px;
        opacity: 0.01;
    }

    /* Handle */
    .modal-content::-webkit-scrollbar-thumb {
        background: #828282;
        border-radius: 10px;
        box-shadow: inset 0 0 6px var(--scroll-bar-handle-bg-color);
        -webkit-box-shadow: inset 0 0 6px var(--scroll-bar-handle-bg-color);
    }

    .modal-content::-webkit-scrollbar-thumb:window-inactive {
        background: var(--scroll-bar-track-bg-color);
    }


    .dropdown-wrapper.svelte-1lozjfp {
        position: relative;
        width: var(--width);
    }

    .items-center.svelte-1lozjfp {
        align-items: center;
    }

    .dropdown-btn.svelte-1lozjfp {
        width: 100%;
        height: var(--height);
        padding: 0 10px;
        border-radius: var(--radius);
        background-color: var(--alt-background-color);
        border: 1px solid var(--rate-back-color);
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: var(--main-text-color);
        cursor: pointer;
    }

    .dropdown-list.svelte-1lozjfp {
        position: absolute;
        top: calc(var(--height) + 5px);
        z-index: 10;
        width: 100%;
        max-height: var(--list-height);
        overflow-y: auto;
        background-color: var(--alt-background-color);
        border: 1px solid var(--rate-back-color);
        border-radius: var(--radius);
        display: flex;
        flex-direction: column;
    }

    .icon-value.svelte-1lozjfp {
        width: var(--width);
        height: var(--height);
        border-radius: 100%;
    }

    .value-info.svelte-1lozjfp {
        gap: 5px;
    }

    .dropdown-item.svelte-1lozjfp {
        text-align: left;
        padding: 8px 10px;
        background: none;
        border: none;
        cursor: pointer;
        transition: background 0.2s;
        display: flex;
        flex-direction: column;
    }

    .dropdown-item.svelte-1lozjfp:hover {
        background-color: var(--background-color);
    }

    .dropdown-item.selected.svelte-1lozjfp {
        background-color: var(--settings-dropdown-selected-color);
        color: var(--main-text-color);
    }

    .label.svelte-1lozjfp {
        font-weight: bold;
    }

    .description.svelte-1lozjfp {
        font-size: 12px;
        color: var(--secondary-text-color);
    }

    .hide.svelte-1lozjfp {
        display: none;
    }

    /* (unused) .disabled {
        opacity: 0.5;
        pointer-events: none;
    }*/


    .center.svelte-15nwvb3 {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }

    .modal-buttons.svelte-15nwvb3 {
        width: fit-content;
        margin-right: 25px;
        gap: 10px;
    }

    .modal-title.svelte-15nwvb3 {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .base-card.svelte-15nwvb3 {
        display: flex;
        flex-direction: row;
        align-items: center;
        cursor: pointer;
        height: 40px;
        min-height: 40px;
        border-radius: 7px;
    }

    .base-card.svelte-15nwvb3:hover {
        background-color: var(--select-button-color);
    }

    .base-card-name.svelte-15nwvb3 {
        margin-left: 10px;
        font-size: 18px;
        font-weight: bold;
        color: var(--main-text-color);
        display: flex;
        flex-direction: column;
    }

    .right-menu.svelte-15nwvb3 {
        margin-left: auto;
        margin-right: 0;
        justify-items: center;
    }


    .lottie-container.svelte-amnof7 {
        height: 450px !important;
        width: 450px !important;
        display: flex;
    }

    .title.svelte-amnof7 {
        font-size: 32px;
        font-weight: 500;
        text-align: center;
    }

    .text-auth.svelte-amnof7 {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
    }

    .container.svelte-amnof7 {
        width: 100%;
        height: 100%;
        align-items: center;
        display: flex;
        justify-content: center;
    }

    .auth.svelte-amnof7 {
        justify-content: center;
        align-items: center;
        position: relative;
        width: 100%;
        height: 100%;
    }


    .lottie-container.svelte-xrhee0 {
        height: 450px !important;
        width: 450px !important;
        display: flex
    }

    .title.svelte-xrhee0 {
        font-size: 32px;
        font-weight: 500;
        text-align: center;
    }

    .text-notavaliable.svelte-xrhee0 {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
    }

    .container.svelte-xrhee0 {
        width: 100%;
        height: 100%;
        align-items: center;
        display: flex;
        justify-content: center;
    }

    .notavaliable.svelte-xrhee0 {
        justify-content: center;
        align-items: center;
        position: relative;
        width: 100%;
        height: 100%;
    }


    .center.svelte-58mp2l {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }


    .center.svelte-b08h8s {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }


    .lottie-container.svelte-1xrb0ap {
        height: 450px !important;
        width: 450px !important;
        display: flex
    }

    .title.svelte-1xrb0ap {
        font-size: 32px;
        font-weight: 500;
    }

    .text-notfound.svelte-1xrb0ap {
        position: absolute;
        bottom: 70px;
        display: flex;
        align-items: center;

    }

    .container.svelte-1xrb0ap {
        width: 100%;
        height: 100%;
        align-items: center;
        display: flex;
        justify-content: center;
    }

    .notfound.svelte-1xrb0ap {
        justify-content: center;
        align-items: center;
        position: relative;
    }


    .stats-dot.svelte-55mrz0 {
        align-items: center;
        text-align: center;
        width: max-content;
    }

    .stats-dot-color.svelte-55mrz0 {
        width: calc(var(--size) + 2px);
        height: calc(var(--size) + 2px);
        border-radius: 100%;
        margin-right: 10px;
    }

    .stats-dot-color.svelte-55mrz0 {
        margin-right: 8px;
    }

    .stats-dot-count.svelte-55mrz0 {
        font-weight: 500 !important;
        color: var(--main-text-color) !important;
    }

    .stats-dot.svelte-55mrz0 span:where(.svelte-55mrz0) {
        font-size: var(--size);
        font-weight: 400;
        margin-bottom: 0px;
        color: var(--third-text-color);
        margin-right: 6px;
    }


    .stats-info.svelte-hop4m9 {
        gap: 15px;
        margin-top: 15px;
    }

    .stats-flex.svelte-hop4m9 {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .stats-grid.svelte-hop4m9 {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
        gap: 5px 15px;
        width: 100%;
    }


    .release-minInfo {
        margin-top: 40px;
        margin-left: auto;
        margin-right: 5px;
    }

    .right-info-release.svelte-1gqq059 {
        overflow-y: auto;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-right: 20px;
        width: 100%;
    }

    .related-releases {
        min-width: 530px;
    }

    .bookmarks-bar-container.svelte-1gqq059 {
        margin-top: 10px;
        margin-right: 6px;
        min-width: 385px;
    }

    .rating-container.svelte-1gqq059 {
        margin-top: 20px;
        min-width: 390px;
    }

    .rate-text.svelte-1gqq059 {
        display: flex;
        flex-direction: column;
        margin-left: 4px;
        min-width: 88px;
    }

    .slider {
        margin-top: 4px;
    }

    .rating-text.svelte-1gqq059 {
        font-size: 15px;
        color: var(--main-text-color);
        font-weight: 300;
    }

    .rate.svelte-1gqq059 {
        font-size: 32px;
        color: var(--main-text-color);
        font-weight: bold;
        letter-spacing: 0.5px;
        line-height: 32px;
        margin-top: 5px;
        margin-bottom: 3px;
    }

    .rate-vote-text.svelte-1gqq059 {
        font-size: 12px;
        color: var(--secondary-text-color);
    }

    .rating-votes.svelte-1gqq059 {
        font-weight: bold;
    }

    .release-comments.svelte-1gqq059 {
        margin-top: 10px;
        font-size: 20px;
        font-weight: bold;
        color: var(--main-text-color);
    }

    .minText.svelte-1gqq059 {
        font-size: 14px;
        font-weight: normal;
        color: var(--secondary-text-color);
    }

    .release-images.svelte-1gqq059 {
        font-size: 20px;
        font-weight: bold;
        color: var(--main-text-color);
        margin-bottom: 5px;
        margin-right: 50px;
    }

    .release.svelte-1gqq059 {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .release-note.svelte-1gqq059 {
        display: flex;
        font-size: 12px;
        color: var(--main-text-color);
        background-color: var(--alt-background-color);
        width: calc(100% - 30px);
        padding: 10px;
        padding-left: 20px;
        border-radius: 10px;
        margin-top: 5px;
        margin-bottom: 10px;
        line-height: 22px;
    }

    /* (unused) .left-info-release img {
        border-radius: 15px;
        object-fit: cover;
    }*/

    .left-info-release.svelte-1gqq059 {
        max-width: 388px;
        overflow-y: auto;
        overflow-x: hidden;
        padding-left: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
        display: flex;
        width: fit-content;
        /* flex-wrap: nowrap; */
        min-width: 390px;
        padding-right: 15px;
    }

    .left-info-release.svelte-1gqq059::-webkit-scrollbar {
        width: 6px;
        height: 17px;
    }

    .right-info-release.svelte-1gqq059 {
        margin-left: 20px;
    }

    .release-title.svelte-1gqq059 {
        margin-top: 10px;
        font-size: 30px;
        font-weight: bold;
        color: var(--main-text-color);
        margin-bottom: 5px;
    }

    .release-alt-title.svelte-1gqq059 {
        font-size: 16px;
        font-weight: bold;
        color: var(--secondary-text-color);
        margin-bottom: 5px;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .release-description.svelte-1gqq059 {
        font-size: 14px;
        color: var(--main-text-color);
        line-height: 24px;
        margin-bottom: 15px;
    }


    .watch-dynamic.svelte-g7s0gq {
        align-items: center;
        font-size: 12px;
        color: var(--main-text-color);
        height: 188px;
        max-height: 188px;
        margin-top: 15px;
    }

    .watch-dynamic-column-count.svelte-g7s0gq {
        font-weight: 500;
        color: var(--main-text-color);
    }

    .watch-dynamic-column-line.svelte-g7s0gq {
        width: 17px;
        display: flex;
        background-color: var(--main-text-color);
        height: var(--height, 0%);
        border-radius: 10px 10px 0px 0px;
        margin-bottom: 5px;
        transition: height 0.3s ease;
    }

    .watch-dynamic-column.svelte-g7s0gq {
        align-items: center;
        margin-right: 15px;
        justify-content: end;
        height: 100%;
    }


    .verified.svelte-1pkgqgy {
        display: flex;
        align-content: center;
        margin-left: 3px;
    }

    .profile-friends-list.svelte-1pkgqgy {
        display: flex;
        flex-direction: row;
        margin-top: 25px;
    }

    .friend-profile.svelte-1pkgqgy {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-right: 15px;
    }

    .friend-profile.svelte-1pkgqgy:last-child {
        margin-right: 0px;
    }

    .friend-profile-info.svelte-1pkgqgy {
        margin-top: 5px;
        align-items: center;
        text-align: center;
    }

    .friend-profile-username.svelte-1pkgqgy {
        font-size: 16px;
        color: var(--main-text-color);
        display: flex;
        flex-direction: row;
        justify-content: center;
        line-height: 28px;
        align-items: center;
    }

    .friend-profile-username.svelte-1pkgqgy img:where(.svelte-1pkgqgy) {
        margin-left: 5px;
        object-fit: cover;
    }

    .lottie-badge.svelte-1pkgqgy {
        height: 20px;
        width: 20px;
    }

    .friend-profile-status.svelte-1pkgqgy {
        font-size: 12px;
        color: var(--secondary-text-color);
    }


    .anime-card-row.svelte-1i74zxs {
        width: 100%;
    }

    .anime-card-row.svelte-1i74zxs:last-child {
        margin-bottom: 20px;
    }

    .anime-release-addon svg {
        margin-left: 8px;
        margin-right: 6px;
    }

    .anime-release-addon.svelte-1i74zxs {
        align-items: center;
        font-size: 16px;
        color: var(--main-text-color);
        font-weight: 600;
        margin-bottom: 4px;
        margin-top: 2px;
        justify-content: center;
    }

    .third-text.svelte-1i74zxs {
        color: var(--third-text-color);
        font-size: 12px;
        font-weight: 500;
    }

    .anime-card-release.svelte-1i74zxs {
        margin-right: auto;
        max-width: 179px;
    }

    .anime-card-release.svelte-1i74zxs:last-child {
        margin-right: 0px;
    }

    .anime-release-title.svelte-1i74zxs {
        font-size: 14px;
        color: var(--main-text-color);
        font-weight: 600;
    }

    .anime-release-info.svelte-1i74zxs {
        width: 100%;
        margin-top: 5px;
    }


    .toast.svelte-7g0afz {
        position: fixed;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
        background: var(--alt-background-color);
        color: var(--main-text-color);
        padding: 10px 20px;
        border-radius: 8px;
        box-shadow: 0 4px 10px rgba(0,0,0,0.3);
        font-size: 14px;
        z-index: 1000;
        opacity: 0.95;
        transition: opacity 0.3s ease;
    }

    .profile-socials.svelte-7g0afz {
        margin-top: 10px;
        align-items: center;
    }

    /* .profile-info-social {
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 53px;
        height: 34px;
        margin-right: 10px;
        border: 1px solid transparent;
        vertical-align: middle;
    } */

    .profile-info-social.svelte-7g0afz {
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 53px;
        height: 34px;
        margin-right: 10px;
        border: 1px solid transparent;
        box-sizing: border-box; /* Убедитесь, что границы и отступы учитываются в ширине и высоте */
        position: relative; /* Добавляем относительное позиционирование */
    }

    .vk.svelte-7g0afz {
        border-color: #2376c3;
    }

    .tg.svelte-7g0afz {
        border-color: #27a7e7;
    }

    .ds.svelte-7g0afz {
        border-color: #7289d9;
    }

    .vk.svelte-7g0afz {
        border-color: #2376c3;
    }

    .tg.svelte-7g0afz {
        border-color: #27a7e7;
    }

    .ds.svelte-7g0afz {
        border-color: #7289d9;
    }

    /* .tt {
        z-index: 0;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .tt img {
        margin-left: 3px;
    }

    .tt::before {
        content: "";
        background: linear-gradient(
            160deg,
            rgba(38, 159, 196, 1) 0%,
            rgb(39, 37, 37) 50%,
            rgba(229, 15, 79, 1) 100%
        );
        z-index: -1;
        inset: 0;
        padding: 1px;
        width: 55px;
        height: 36px;
        position: absolute;
        border-radius: 10px;
        transform: translateZ(0);
        margin: 0;
        border-radius: inherit;
        box-sizing: border-box;
        mask:
            linear-gradient(#000 0 0) exclude,
            linear-gradient(#000 0 0) content-box;
    } */

    .tt.svelte-7g0afz {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow:
            inset 0 0 0 1px transparent,
            0 0 0 2px transparent; /* Прозрачные тени для границы */
        margin-bottom: 1px;
    }

    .tt.svelte-7g0afz img:where(.svelte-7g0afz) {
        margin-left: 3px;
    }

    .tt.svelte-7g0afz::before {
        content: "";
        background: linear-gradient(
            160deg,
            rgba(38, 159, 196, 1) 0%,
            rgb(39, 37, 37) 50%,
            rgba(229, 15, 79, 1) 100%
        );
        z-index: -1;
        inset: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        border-radius: 10px;
        padding: 1px;
        mask:
            linear-gradient(#000 0 0) exclude,
            linear-gradient(#000 0 0) content-box;
    }

    .inst.svelte-7g0afz {
        z-index: 0;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 1px;
    }

    .inst.svelte-7g0afz img:where(.svelte-7g0afz) {
        margin-left: 3px;
    }

    .inst.svelte-7g0afz::before {
        content: "";
        background: linear-gradient(
            220deg,
            #405de6 0%,
            #5851db 20%,
            #833ab4 36%,
            #c13584 52%,
            #d13378 66%,
            #e724ab 72%,
            #ea4445 76%,
            #f35d3e 83%,
            #f78462 90%,
            #ffdc80 100%
        );
        z-index: -1;
        inset: 0;
        padding: 1px;
        width: 53px;
        height: 34px;
        position: absolute;
        border-radius: 10px;
        transform: translateZ(0);
        margin: 0;
        border-radius: inherit; /* Совпадение радиусов */
        box-sizing: border-box;
        mask:
            linear-gradient(#000 0 0) exclude,
            linear-gradient(#000 0 0) content-box;
    }


    .reputation.svelte-nw17j {
        font-size: var(--font-size);
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 600;
        margin-left: 10px;
        width: var(--width);
        height: var(--height);
    }

    .good.svelte-nw17j {
        background-color: transparent;
        border: 1px solid var(--good-reputation-color);
        color: var(--good-reputation-color)
    }

    .bad.svelte-nw17j {
        background-color: transparent;
        border: 1px solid var(--bad-reputation-color);
        color: var(--bad-reputation-color)
    }


    .alt-button.svelte-1m5lxfq {
        width: var(--btn-width);
        height: 30px;
        align-items: center;
        justify-content: center;
        border-radius: 50px;
        min-height: var(--btn-height);
        font-size: var(--font-size);
        font-weight: var(--font-weight);
        transition: all 0.3s ease-in-out;
    }

    .primary.svelte-1m5lxfq {
        background-color: var(--main-text-color);
        color: var(--alt-background-color);
    }

    .primary.svelte-1m5lxfq:hover {
        background-color: var(--secondary-text-color);
    }

    .secondary.svelte-1m5lxfq {
        background-color: var(--select-button-color);
        color: var(--main-text-color);
    }

    .secondary.svelte-1m5lxfq:hover {
        background-color: var(--alt-background-color);
    }

    .drop-shadow-btn.svelte-1m5lxfq {
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    }


    .verified.svelte-1eca02o {
        display: flex;
        align-content: center;
    }

    .profile-info-buttons.svelte-1eca02o {
        margin-top: 10px;
    }

    .banned-text.svelte-1eca02o {
        margin: 0;
        color: var(--ban-color);
        font-size: 14px;
    }

    .banned-icon.svelte-1eca02o {
        margin-right: 10px;
    }

    .profile-info-banned.svelte-1eca02o {
        margin-top: 10px;
        border: 1px solid var(--ban-color);
        border-radius: 10px;
        padding: 10px 20px;
    }

    .profile-info-online.svelte-1eca02o {
        float: right;
        margin-left: auto;
        margin-right: 0px;
        font-size: 14px;
        color: var(--secondary-text-color);
    }

    .profile-info-roles.svelte-1eca02o {
        margin-top: 10px;
        gap: 7px;
    }

    .profile-info-role.svelte-1eca02o {
        justify-items: center;
        align-items: center;
        border-radius: 20px;
        padding: 2px 10px;
        border-color: var(--color);
        border-style: solid;
        border-width: 1px;
        color: var(--color);
        font-size: 12px;
        font-weight: 300;
    }

    .role-dot.svelte-1eca02o {
        border-radius: 100%;
        background-color: var(--color);
        width: 8px;
        height: 8px;
        margin-right: 3px;
    }

    .online.svelte-1eca02o {
        color: #4aa424;
    }

    .profile-info-main.svelte-1eca02o {
        margin-left: 10px;
        margin-top: 95px;
        width: 100%;
    }

    .profile-info-name.svelte-1eca02o {
        font-size: 32px;
        font-weight: 600;
        color: var(--main-text-color);
        align-items: center;
        width: 100%;
    }

    .profile-info-name.svelte-1eca02o img:where(.svelte-1eca02o) {
        margin-left: 10px;
    }

    .lottie-badge.svelte-1eca02o {
        height: 38px;
        width: 38px;
    }

    .p-image.svelte-1eca02o {
        border-radius: 100%;
        outline-color: var(--background-color);
        outline-style: solid;
        outline-width: 6px;
        object-fit: cover;
    }


    .verified.svelte-15vy795 {
        display: flex;
        align-content: center;
        margin-left: 3px;
    }

    .friend-item-row.svelte-15vy795 {
        margin-bottom: 10px;
        cursor: pointer;
        border-bottom: 1px solid var(--third-text-color);
    }

    .friend-item-row-username.svelte-15vy795 {
        line-height: 20px;
    }

    .badge.svelte-15vy795 {
        margin-left: 3px;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .friend-item-row-image.svelte-15vy795 {
        margin-right: 10px;
        margin-bottom: 8px;
    }

    .friend-item-row-status.svelte-15vy795 {
        font-size: 12px;
        color: var(--third-text-color);
    }


    .center.svelte-4w8oug {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }


    .third-text.svelte-52ri2n {
        font-size: 14px;
        color: var(--secondary-text-color);
    }

    .info-box.svelte-52ri2n {
        background-color: var(--alt-background-color);
        margin-bottom: 10px;
        border-radius: 10px;
        width: max-content;
        padding: 3px 12px;
        align-items: center;
    }


    .releases-container.svelte-3i607x {
        width: 100%;
        height: 100%;
    }

    .releases-title.svelte-3i607x {
        margin-top: var(--margin-title, 16px);
        margin-left: 23px;
        margin-right: 23px;
        justify-content: space-between;
    }

    .releases-container.modal-content.svelte-3i607x {
        width: 100% !important;
        height: 94.3% !important;
        margin-top: 0 !important;
    }

    .releases-type.modal-title.svelte-3i607x {
        padding: 0 !important;
        margin: 0 !important;
        flex-direction: row !important;
    }

    .releases-type.svelte-3i607x {
        width: 100%;
        height: 50px;
        justify-content: center;
        align-items: center;
        position: sticky;
        top: 0;
        background-color: var(--background-color);
        z-index: 1;
    }

    .releases-type-title.svelte-3i607x {
        margin-right: auto;
        height: 100%;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 16px !important;
        display: flex;
        justify-content: center;
        align-items: center;
        color: var(--third-text-color);
        transition: all 0.3s ease;
        font-weight: 400;
        position: relative;
    }

    .releases-type-title.svelte-3i607x:hover {
        cursor: pointer;
        background-color: var(--alt-background-color);
    }

    .releases-type-title.svelte-3i607x:last-child {
        margin-right: 80px;
    }

    .releases-type-title.svelte-3i607x:first-child {
        margin-left: 80px;
    }

    .selected.svelte-3i607x {
        font-weight: bold;
        color: var(--main-text-color);
    }

    .selected.svelte-3i607x:hover {
        background-color: var(--background-color);
        cursor: default;
    }

    .selected.svelte-3i607x::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: var(--main-text-color);
        animation: svelte-3i607x-line-grow 0.5s cubic-bezier(0.55, 0, 0.1, 1) forwards;
    }

    @keyframes svelte-3i607x-line-grow {
        0% {
            width: 0;
            left: 50%;
        }
        100% {
            width: 100%;
            left: 0;
        }
    }


    .watch-history-header.svelte-olwdkd {
        font-size: 24px;
        color: var(--main-text-color);
        margin-bottom: 20px;
        margin-top: 10px;
        font-weight: 500;
    }

    .watch-history.svelte-olwdkd {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .minify-margin.svelte-olwdkd {
        margin-top: 30px;
    }

    .stats-title.svelte-olwdkd {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .release-rates.svelte-olwdkd {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin-top: 15px;
    }

    .release-rates-header.svelte-olwdkd {
        font-size: 24px;
        color: var(--main-text-color);
        margin-bottom: 20px;
        font-weight: 500;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .profile-friends-header.svelte-olwdkd {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .profile-container.svelte-olwdkd {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        height: max-content;
        position: relative;
    }

    .profile-cover.svelte-olwdkd {
        width: 100%;
        height: 400px;
        overflow: hidden;
        -webkit-box-shadow: 0px 9px 8px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 9px 8px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 9px 8px 0px rgba(0, 0, 0, 0.2);
        position: absolute;
    }

    .profile-cover.svelte-olwdkd img:where(.svelte-olwdkd) {
        width: 100%;
        object-fit: cover;
        object-position: center;
    }

    .profile.svelte-olwdkd {
        z-index: 1;
        min-width: 930px;
        max-width: 1200px;
    }

    .cover-margin.svelte-olwdkd {
        margin-top: 312px;
    }

    .profile-info-stats.svelte-olwdkd {
        display: flex;
        flex-direction: column;
        margin-top: 15px;
        justify-content: center;
    }

    .profile-info-stats.svelte-olwdkd span:where(.svelte-olwdkd) {
        font-size: 24px;
        font-weight: 500;
        margin-bottom: 10px;
    }

    .stats-watch.svelte-olwdkd {
        display: flex;
        flex-direction: row;
        align-items: center;
        margin-top: 8px;
        color: var(--third-text-color);
        font-size: 16px;
    }

    .stats-watch.svelte-olwdkd div:where(.svelte-olwdkd) {
        margin-right: 15px;
    }

    .stats-watch.svelte-olwdkd span:where(.svelte-olwdkd) {
        font-size: 16px;
        font-weight: 500;
        color: var(--main-text-color);
    }

    .container.svelte-olwdkd {
        display: flex;
        flex-direction: row;
        width: 100%;
    }

    .profile-info-hidden.svelte-olwdkd {
        display: flex;
        flex-direction: row;
        font-size: 14px;
        color: var(--secondary-text-color);
        font-weight: 500;
        margin-top: 15px;
        box-shadow: inset 0 0 0 2px var(--secondary-text-color);
        border-radius: 10px;
        width: 100%;
        padding: 15px;
    }

    .profile-dynamic-watch.svelte-olwdkd {
        display: flex;
        flex-direction: column;
        font-size: 24px;
        color: var(--main-text-color);
        font-weight: 500;
        margin-top: 20px;
    }

    .profile-friends.svelte-olwdkd {
        display: flex;
        flex-direction: column;
        font-size: 24px;
        color: var(--main-text-color);
        font-weight: 500;
        margin-top: 20px;
        margin-left: 20px;
    }


    .login-page.svelte-uec5kh {
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .login-form.svelte-uec5kh {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 35%;
        border-radius: 10px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .login-error.svelte-uec5kh {
        position: absolute;
        top: 50px;
        margin-bottom: 10px;
        width: 35%;
        background-color: var(--danger-color);
        color: var(--main-text-color);
        text-align: center;
        padding: 10px;
        border-radius: 6px;
    }

    .login-form-input.svelte-uec5kh {
        display: flex;
        flex-direction: column;
        margin-top: 10px;
        margin-bottom: 10px;
        width: 100%;
    }

    .login-form-input-label.svelte-uec5kh {
        font-size: 16px;
        color: var(--secondary-text-color);
        margin-bottom: 5px;
    }

    .login-form-input.svelte-uec5kh input[type="text"]:where(.svelte-uec5kh),
    .login-form-input.svelte-uec5kh input[type="password"]:where(.svelte-uec5kh) {
        width: 100%;
        height: 40px;
        border-radius: 6px;
        border: 1px solid var(--rate-back-color);
        background-color: var(--alt-background-color);
        color: var(--main-text-color);
        padding: 0 10px;
        box-sizing: border-box;
    }

    .login-form-title.svelte-uec5kh {
        font-size: 24px;
        font-weight: bold;
    }

    .login-form-button.svelte-uec5kh {
        margin: 10px 0;
        width: 100%;
    }


    .dropdown.svelte-1oonmqe {
        background-color: var(--background-color);
        margin-left: 20px;
        margin-right: auto;
        padding: 20px 10px;
        min-width: 400px;
        max-height: 400px;
        overflow-y: auto;
        border-radius: 10px;
        gap: 10px;
        max-width: 800px;
    }

    .element-image.svelte-1oonmqe {
        margin-right: 10px;
    }

    .image-circle.svelte-1oonmqe {
        border-radius: 100%;
        width: 50px;
        height: 50px;
    }

    .image-poster.svelte-1oonmqe {
        border-radius: 15px;
        height: 150px;
        width: 100px;
        object-fit: cover;
    }

    .dropdown-element.svelte-1oonmqe {
        padding: 10px 20px;
        background-color: var(--alt-background-color);
        border-radius: 15px;
        cursor: pointer;
        align-items: center;
        text-align: left;
        color: var(--main-text-color);
    }
    
    .top-align.svelte-1oonmqe {
        align-items: flex-start;
    }

    .top-align-container.svelte-1oonmqe {
        margin-top: 10px;
    }

    .element-description.svelte-1oonmqe {
        margin-top: 8px;
    }

    .element-subtitle.svelte-1oonmqe {
        text-align: left;
        color: var(--secondary-text-color);
    }

    .element-title.svelte-1oonmqe {
        font-size: 20px;
        font-weight: 600;
    }


    .slider-button.svelte-rzrpzx {
        width: 50px;
        height: 28px;
        border-radius: 15px;
        display: flex;
        transition: all 0.2s cubic-bezier(0.65, 0, 0.35, 1);
        background-color: var(--slider-button-inactive-color);
        position: relative;
    }

    .slider-button.svelte-rzrpzx::after {
        content: "";
        position: absolute;
        width: 20px;
        left: 5px;
        height: 20px;
        background-color: var(--slider-button-dot-color);
        border-radius: 100%;
        top: 50%;
        transform: translateY(-50%);
        transition: left 0.2s cubic-bezier(0.65, 0, 0.35, 1);
    }

    .slider-button.active.svelte-rzrpzx {
        background-color: var(--slider-button-active-color);
    }

    .slider-button.active.svelte-rzrpzx::after {
        left: 25px;
    }


    .player-settings.svelte-479loy {
        background-color: var(--background-color);
        width: 250px;
        border-radius: 15px;
        display: flex;
        flex-direction: row;
        align-items: center;
        overflow: hidden;
        position: relative;
    }

    .btn-title.svelte-479loy {
        font-weight: bold;
    }

    .page.svelte-479loy {
        width: 250px !important;
        height: 100% !important;
        min-width: 250px !important;
        display: flex;
        flex-direction: column;
    }

    .player-settings-element.svelte-479loy {
        height: 40px;
        font-size: 14px;
        color: var(--main-text-color);
        text-align: left;
        padding: 0 10px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 0 15px;
        box-sizing: border-box;
    }

    .player-settings-element.svelte-479loy:hover {
        background-color: var(--alt-background-color);
    }


    .player-gui.svelte-13unb66 {
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 2;
        background-color: rgba(0, 0, 0, var(--back-transparent));
        transition: opacity 0.5s;
        opacity: 1;
    }

    .gui-dropdown-left.svelte-13unb66 {
        position: absolute;
        bottom: 140px;
        z-index: 3;
    }

    .gui-settings-dropdown.svelte-13unb66 {
        position: absolute;
        bottom: 140px;
        right: 10px;
        z-index: 3;
    }

    .bottom-disabled.svelte-13unb66 {
        opacity: 0.7;
    }

    .bottom-disabled.svelte-13unb66:hover {
        background-color: var(--alt-background-color) !important;
    }

    .bottom-disabled.svelte-13unb66:active {
        background-color: var(--alt-background-color) !important;
    }

    .bottom-disabled.svelte-13unb66:hover {
        cursor: default;
    }

    .player-bottom-button.svelte-13unb66 {
        height: 43px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 5px;
        padding: 0 20px;
        border-radius: 40px;
        background-color: var(--alt-background-color);
        transition: background-color 0.15s ease-in-out;
        margin-bottom: 12px;
        margin-top: 8px;
        color: var(--main-text-color);
    }

    .player-bottom-button.svelte-13unb66:hover {
        background-color: var(--select-button-left-color);
    }

    .player-bottom-button.svelte-13unb66:active {
        background-color: var(--click-on-button-player-color);
    }

    .player-bottom-button.svelte-13unb66 img:where(.svelte-13unb66) {
        margin-right: 8px;
    }

    .player-bottom-button.svelte-13unb66:first-child {
        margin-left: 4px;
    }

    .player-bottom-button.svelte-13unb66:last-child {
        margin-right: 4px;
    }

    .player-bottom-button.svelte-13unb66 span:where(.svelte-13unb66) {
        font-size: 14px;
        font-weight: 500;
        white-space: pre;
    }

    .timeline.svelte-13unb66 {
        width: 100%;
        height: 5px;
        background-color: var(--alt-background-color);
        border-radius: 5px;
        position: relative;
    }

    .timeline.svelte-13unb66 .timeline-mouse:where(.svelte-13unb66) {
        position: absolute;
        left: 0;
        height: 5px;
        background-color: var(--main-text-color);
        opacity: 0.4;
        width: var(--mouse-position, 0);
        border-radius: 5px;
    }

    .timeline.svelte-13unb66 .timeline-dot:where(.svelte-13unb66) {
        --scale: 1.3;
        position: absolute;
        left: var(--progress-position, 0);
        transform: translateX(-50%) scale(var(--scale));
        transition: transform 150ms ease-in-out;
        aspect-ratio: 1 / 1;
        border-radius: 100%;
        height: 200%;
        top: -50%;
        background-color: var(--main-text-color);
        z-index: 2;
    }

    .timeline.svelte-13unb66 .timeline-dot:where(.svelte-13unb66):hover {
        --scale: 1.6;
    }

    .timeline.svelte-13unb66::before {
        content: "";
        width: var(--loaded-position, 0);
        background-color: var(--player-timeline-loaded-color);
        height: 5px;
        border-radius: 5px;
        position: absolute;
        left: 0;
        transition: all 0.1s ease-in-out;
    }

    .timeline.svelte-13unb66::after {
        content: "";
        width: var(--progress-position, 0);
        background-color: var(--player-timeline-progress-color);
        height: 5px;
        border-radius: 5px;
        position: absolute;
        left: 0;
    }

    .left-content.svelte-13unb66 {
        margin-left: 15px;
    }

    .time-info.svelte-13unb66 {
        align-items: center;
        justify-content: center;
        justify-items: center;
        background-color: var(--alt-background-color);
        color: var(--main-text-color);
        border-radius: 50px;
        padding: 0 15px;
        font-size: 12px;
        width: max-content;
        height: 30px;
        margin-bottom: 5px;
        min-width: 76px;
    }

    .delimiter.svelte-13unb66 {
        margin: 0 auto;
    }

    .hide-gui.svelte-13unb66 {
        animation: svelte-13unb66-hide-gui 0.25s forwards;
    }

    /* Keyframe animations */
    @keyframes svelte-13unb66-hide-gui {
        100% {
            opacity: 0;
            display: none;
        }
    }

    .gui-bottom-bar.svelte-13unb66 {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        display: flex;
        z-index: 3;
        justify-content: space-between;
        color: var(--main-text-color);
        font-size: 12px;
        align-items: center;
        vertical-align: middle;
    }

    .gui-middle-bar.svelte-13unb66 {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        right: 0;
        z-index: 3;
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
    }

    .time-container.svelte-13unb66 {
        height: 100%;
        display: flex;
        align-items: end;
    }

    .gui-timeline.svelte-13unb66 {
        width: 100%;
        margin: 5px 15px;
        display: flex;
        text-align: center;
        justify-content: center;
        align-items: center;
        position: relative;
        height: 15px;
    }

    .gui-play-button.svelte-13unb66 {
        display: flex;
        border-radius: 100%;
        width: 60px;
        height: 60px;
        text-align: center;
        justify-content: center;
        align-items: center;
        background-color: var(--player-middle-button);
        transition: background-color 0.2s ease-in-out;
        color: var(--main-text-color);
    }

    .gui-play-button.svelte-13unb66:hover {
        background-color: var(--player-middle-button-select);
    }

    .gui-volume-control.svelte-13unb66 {
        display: flex;
        margin-right: 8px;
        text-align: center;
        justify-content: center;
        align-items: center;
    }

    .gui-title.svelte-13unb66 {
        margin-left: 35px;
        margin-top: 20px;
    }

    .gui-release-title.svelte-13unb66 {
        font-size: 24px;
        color: #fff;
        font-weight: 400;
    }

    .gui-release-episode.svelte-13unb66 {
        color: var(--secondary-text-color);
    }

    /* (unused) .gui-fullscreen {
        display: flex;
        margin-left: 10px;
        margin-top: 5px;
        margin-bottom: 5px;
        margin-right: 5px;
        border-radius: 10px;
        width: 40px;
        height: 25px;
        text-align: center;
        justify-content: center;
        align-items: center;
        background-color: var(--alt-background-color);
    }*/

    .gui-bottom-button.svelte-13unb66 {
        width: 45px;
        height: 45px;
        border-radius: 100%;
        display: flex;
        margin: 3px;
        transition: background-color 0.2s ease-in-out;
        justify-content: center;
        align-items: center;
        color: var(--main-text-color);
    }

    .gui-bottom-button.svelte-13unb66:hover {
        background-color: var(--player-middle-button-select);
    }

    .container.svelte-13unb66 {
        width: 100%;
    }

    .right-content.svelte-13unb66 {
        margin-left: auto;
        margin-right: 10px;
    }

    .volume-input.svelte-13unb66 {
        appearance: none;
        width: 100px;
        height: 6px;
        border-radius: 9999px;
        background: linear-gradient(90deg, #ffffff var(--volume-position, 0), #5a5a5a var(--volume-position, 0));
        cursor: pointer;
    }

    .volume-input.svelte-13unb66::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 14px;
        height: 14px;
        border-radius: 9999px;
        background: #f0f0f0;
        box-shadow: none;
    }


    .full.svelte-5cd3av {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    .loader.svelte-5cd3av {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        width: 30px;
        height: 30px;
        border: 3px solid var(--player-timeline-progress-color);
        border-bottom-color: transparent;
        border-radius: 50%;
        display: inline-block;
        box-sizing: border-box;
        animation: svelte-5cd3av-rotation 1s linear infinite;
        z-index: 1;
    }

    @keyframes svelte-5cd3av-rotation {
        0% {
            transform: translate(-50%, -50%) rotate(0deg);
        }
        100% {
            transform: translate(-50%, -50%) rotate(360deg);
        }
    }

    canvas.svelte-5cd3av,
    video.svelte-5cd3av {
        cursor: none;
    }

    .player-canvas.svelte-5cd3av {
        height: 100%;
        overflow: hidden;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .aspect-16-9.svelte-5cd3av {
        aspect-ratio: 16 / 9;
    }

    .aspect-4-3.svelte-5cd3av {
        aspect-ratio: 4 / 3;
    }

    .aspect-fit.svelte-5cd3av {
        width: 100%;
    }

    .anidesk-player.svelte-5cd3av {
        background-color: black;
    }


    anime-column-card.svelte-1lk9pgq {
        margin-left: 20px;
        margin-bottom: 20px;
        margin-top: 20px;
        margin-right: 20px;
        max-width: 169px;
    }

    anime-column-card.svelte-1lk9pgq:hover {
        cursor: pointer;
    }

    .anime-item-title.svelte-1lk9pgq {
        font-size: 14px;
        color: var(--main-text-color);
        font-weight: 600;
        margin-bottom: 5px;
        cursor: pointer;
    }

    .anime-item-epCount.svelte-1lk9pgq {
        font-size: var(--anime-full-row-epCount-size);
        color: var(--third-text-color);
        font-weight: var(--anime-full-row-epCount-weight);
        margin-bottom: 10px;
        align-items: center;
    }

    .dot {
        margin-left: 5px;
        margin-right: 5px;
    }

    .full-column-anime-poster.svelte-1lk9pgq {
        margin-bottom: 10px;
        max-width: 169px;
    }


    .verified.svelte-1hhttxi {
        display: flex;
        align-content: center;
        margin-right: 5px;
    }

    .footer-comment.svelte-1hhttxi {
        margin-top: 8px;
    }

    .comment-author-image.svelte-1hhttxi img:where(.svelte-1hhttxi) {
        object-fit: cover;
    }

    .comment-author-name.svelte-1hhttxi {
        align-items: center;
    }

    .rel.svelte-1hhttxi {
        color: var(--secondary-text-color);
        font-size: 12px;
    }

    .title-name.svelte-1hhttxi {
        color: var(--secondary-text-color);
        font-size: 12px;
        margin-bottom: 5px;
        text-align: left;
        margin-top: 4px;
    }

    .vote-count.svelte-1hhttxi {
        margin-left: auto;
        padding: 2px 5px;
        border-style: solid;
        border-width: 1px;
        border-radius: 5px;
        font-size: 12px;
    }

    .rel-text.svelte-1hhttxi {
        margin-left: 5px;
    }

    .comment.svelte-1hhttxi {
        margin-top: 10px;
        margin-bottom: 10px;
        background-color: var(--alt-background-color);
        border-radius: 10px;
        padding: 15px 20px;
        width: 100%;
    }

    .comment-author-info.svelte-1hhttxi {
        align-items: center;
    }

    .comment-author.svelte-1hhttxi {
        object-fit: cover;
        width: fit-content;
    }

    .comment-author-image.svelte-1hhttxi img:where(.svelte-1hhttxi) {
        margin-right: 10px;
        border-radius: 100%;
        cursor: pointer;
    }

    .comment-message.svelte-1hhttxi {
        font-size: 14px;
        color: var(--main-text-color);
        font-weight: 400;
        width: 100%;
        text-align: left;
        margin-top: 5px;
    }

    /* (unused) .comment-like-count {
        width: 35px;
        min-width: 35px;
        margin-right: 15px;
        align-items: center;
    }*/

    .like-positive.svelte-1hhttxi {
        color: var(--good-reputation-color);
        border-color: var(--good-reputation-color);
    }

    .like-negative.svelte-1hhttxi {
        color: var(--bad-reputation-color);
        border-color: var(--bad-reputation-color);
    }

    .comment-author-username.svelte-1hhttxi {
        align-items: center;
        font-size: 16px;
        font-weight: bold;
        color: var(--main-text-color);
        cursor: pointer;
    }

    .comment-author-username.svelte-1hhttxi img:where(.svelte-1hhttxi) {
        margin-left: 5px;
    }

    .comment-author-date.svelte-1hhttxi {
        align-items: center;
        font-size: 12px;
        color: var(--secondary-text-color);
    }


    .center.svelte-1ahtxvu {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }


    .interesting.svelte-hybl0x {
        width: 100%;
        margin-top: 20px;
        gap: 20px;
        overflow-x: hidden;
        scroll-behavior: smooth;
        scroll-snap-type: x mandatory;
        position: relative;
    }

    .interesting-slider-wrapper.svelte-hybl0x {
        position: relative;
    }

    .spacer.svelte-hybl0x {
        flex: 0 0 calc(50% - 130px);
        scroll-snap-align: none;
        pointer-events: none;
    }

    .comment-out-of-release.svelte-hybl0x {
        margin: 0px 15px;
    }

    .popular-comments.svelte-hybl0x {
        width: 100%;
    }

    .current-view.svelte-hybl0x {
        justify-items: center;
        margin-top: 10px;
        margin-left: 20px;
        margin-bottom: 20px;
    }

    .title-margin.svelte-hybl0x {
        margin-left: 20px;
    }

    .discussing.svelte-hybl0x {
        border-bottom: 3px solid var(--alt-background-color);
    }

    .anime-column-row.svelte-hybl0x {
        width: 100%;
        margin-bottom: 20px;
        margin-top: 10px;
        border-bottom: 3px solid var(--alt-background-color);
        height: max-content;
    }

    .card.svelte-hybl0x {
        margin-left: 0px;
        margin-right: auto;
    }

    .card.svelte-hybl0x:last-child {
        margin-right: 0px;
    }

    .container.svelte-hybl0x {
        align-items: center;
        margin-top: 25px;
        margin-bottom: 25px;
        max-width: var(--max-width, 1609px);
        margin-left: auto;
        margin-right: auto;
    }

    .main-title.svelte-hybl0x {
        font-size: 28px;
        font-weight: 500;
        color: var(--main-text-color);
    }

    .nav.svelte-hybl0x {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 10;
        font-size: 2rem;
        width: 40px;
        height: 40px;
        background-color: var(--alt-background-color);
        border: none;
        cursor: pointer;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding-bottom: 5px;
    }

    .nav.prev.svelte-hybl0x {
        left: 60px;
    }
    .nav.next.svelte-hybl0x {
        right: 60px;
    }

    .comments-info.svelte-hybl0x {
        background-color: var(--alt-background-color);
        color: var(--main-text-color);
        border-radius: 6px;
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 4px;
        padding-bottom: 4px;
        margin-bottom: 5px;
        font-size: 14px;
        display: flex;
        width: fit-content;
    }

    .interesting-item.svelte-hybl0x {
        flex: 0 0 auto;
        scroll-snap-align: center;
        justify-content: flex-start;
        display: flex;
    }

    .interesting-item-title.svelte-hybl0x {
        font-size: var(--anime-full-row-title-size);
        font-weight: var(--anime-full-row-title-weight);
        color: var(--main-text-color);
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .interesting-item-description.svelte-hybl0x {
        font-size: var(--anime-full-row-description-size);
        color: var(--third-text-color);
        line-height: var(--anime-full-row-description-line-height);
        font-weight: var(--anime-full-row-description-weight);
    }

    .interesting-item.svelte-hybl0x:first-child {
        margin-left: 20px;
    }

    .interesting-item.svelte-hybl0x:last-child {
        margin-right: 20px;
    }


    .related-poster.svelte-1nti0mt {
        border-radius: 20px;
        width: 100%;
        height: 624px;
        object-fit: cover;
    }

    .related-title.svelte-1nti0mt {
        font-size: 30px;
        font-weight: 700;
        text-align: center;
        margin-top: 15px;
    }

    .related-description.svelte-1nti0mt {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .center.svelte-1nti0mt {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }


    .related-title.svelte-mw9xii {
        font-size: 20px;
        font-weight: 700;
        margin-top: 15px;
    }

    .title.svelte-mw9xii {
        margin-left: 30px;
        margin-top: 10px;
        font-weight: 700;
        font-size: 18px;
    }

    .related-info.svelte-mw9xii {
        margin-right: 40px;
        z-index: -1;
        text-align: left;
        margin-top: 10px;
    }

    .release-images.svelte-mw9xii {
        justify-items: center;
        align-items: center;
        position: relative;
        width: 360px;
        height: 240px;
        min-width: 360px;
        min-height: 240px;
        margin-left: 25px;
        z-index: -1;
    }

    .release-images.svelte-mw9xii img:where(.svelte-mw9xii):first-child,
    .release-images.svelte-mw9xii img:where(.svelte-mw9xii):last-child {
        height: 204px;
        width: 140px;
        position: relative;
        z-index: 0;
    }

    .release-images.svelte-mw9xii {
        margin-left: 40px;
        margin-right: 20px;
    }

    .release-images.svelte-mw9xii img:where(.svelte-mw9xii):first-child {
        left: 0px;
        height: 204px;
        width: 140px;
        position: relative;
        border-radius: 15px;
    }

    .release-images.svelte-mw9xii img:where(.svelte-mw9xii):last-child {
        left: 80px;
        height: 204px;
        width: 140px;
        position: relative;
        border-radius: 15px;
    }

    .release-images.svelte-mw9xii img:where(.svelte-mw9xii) {
        width: 180px;
        height: 240px;
        background-color: var(--alt-background-color);
        position: absolute;
        left: 80px;
        z-index: 1;
        border-radius: 15px;
        object-fit: cover;
        box-shadow: 6px 7px 13px 0px rgb(0 0 0 / 82%);
    }

    .related-release.svelte-mw9xii {
        position: relative;
        width: 100%;
        height: fit-content;
        margin-top: 30px;
        margin-bottom: 25px;
    }

    .related-description.svelte-mw9xii {
        margin-top: 10px;
        font-size: 14px;
    }

    .related-count.svelte-mw9xii {
        font-size: 14px;
        color: var(--secondary-text-color);
    }

    .search-box.svelte-mw9xii {
        border-radius: 30px;
        padding: 0 15px;
        border-color: var(--secondary-text-color);
        border-style: solid;
        background-color: var(--alt-background-color);
        margin-top: 10px;
        width: 70%;
        border-width: 1px;
        z-index: 20;
    }

    .search-box-text.svelte-mw9xii {
        height: 35px;
        width: 100%;
        background-color: var(--alt-background-color);
        border: none;
        outline: none;
        color: var(--main-text-color);
    }

    .search-box-text.svelte-mw9xii:active {
        border: none;
    }

    .search-top-div.svelte-mw9xii {
        justify-content: center;
        position: sticky;
        top: 0;
    }

    .result-content.svelte-mw9xii {
        height: 100%;
    }


    .separator.svelte-o1z1vv {
        width: var(--width);
        background-color: var(--rate-back-color);
        height: 1px;
        margin-top: 10px;
        margin-bottom: 10px;
        margin-right: var(--margin-right);
        min-height: 1px;
    }


    .about-program.svelte-1ok172i {
        width: 100%;
        height: 100%;
        align-items: center;
    }

    .developer-name.svelte-1ok172i {
        font-size: 18px;
        font-weight: bold;
        color: var(--main-text-color);
    }

    .dev-info.svelte-1ok172i {
        margin-left: 10px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .developer.svelte-1ok172i {
        width: 100%;
        margin-bottom: 30px;
        margin-top: 10px;
    }

    .social-links.svelte-1ok172i {
        display: flex;
        gap: 10px;
        margin-top: 5px;
    }

    .app-developers.svelte-1ok172i {
        width: 80%;
    }

    .developer.svelte-1ok172i img:where(.svelte-1ok172i) {
        border-radius: 50%;
    }

    .about-program-title.svelte-1ok172i {
        width: fit-content;
        margin-top: 40px;
        width: 80%;
    }

    .app-info.svelte-1ok172i {
        height: auto;
        justify-content: center;
        margin-left: 20px;
    }

    .app-title.svelte-1ok172i {
        margin-top: 30px;
        font-size: 24px;
        font-weight: bold;
        color: var(--main-text-color);
        width: fit-content;
    }


    .checkbox-element.svelte-135ozy3 {
        width: max-content;
        justify-content: space-between;
        margin: 10px auto;
        width: 80%;
        transition: opacity 0.1s ease-in-out;
    }

    .checkbox-title.svelte-135ozy3 {
        font-size: 16px;
        font-weight: bold;
        color: var(--main-text-color);
        margin-bottom: 5px;
    }

    .checkbox-description.svelte-135ozy3 {
        font-size: 14px;
        color: var(--secondary-text-color);
    }


    .dropdown-settings-btn.svelte-1gjpre3 {
        width: 100%;
        height: 40px;
        border-radius: 10px;
        background-color: var(--alt-background-color);
        border: 1px solid var(--rate-back-color);
        color: var(--main-text-color);
        text-align: left;
        padding: 0 10px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .dropdown-settings-list.svelte-1gjpre3 {
        width: 100%;
        position: absolute;
        top: 50px;
        z-index: 1;
        background-color: var(--alt-background-color);
        border-radius: 10px;
        overflow-x: hidden;
        display: flex;
        flex-direction: column;
        border: 1px solid var(--rate-back-color);
        max-height: 500px;
        overflow-y: auto;
    }

    .selected-element.svelte-1gjpre3 {
        background-color: var(--settings-dropdown-selected-color) !important;
        color: var(--main-text-color) !important;
    }

    .dropdown-settings-element.svelte-1gjpre3 {
        height: 40px !important;
        min-height: 40px !important;
        width: 100%;
        text-align: left;
        padding: 0 10px;
        color: var(--main-text-color);
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .dropdown-settings-element.svelte-1gjpre3:hover {
        background-color: var(--background-color);
    }

    .label.svelte-1gjpre3 {
        font-weight: bold;
    }

    .description.svelte-1gjpre3 {
        font-weight: normal;
        font-size: 12px;
        color: var(--secondary-text-color);
    }

    .dropdown-settings.svelte-1gjpre3 {
        position: relative;
        width: 100%;
    }

    .text-title.svelte-1gjpre3 {
        font-size: 16px;
        font-weight: bold;
        color: var(--main-text-color);
        margin-bottom: 5px;
    }

    .dropdown-container.svelte-1gjpre3 {
        width: 80%;
        margin: 10px auto;
        transition: opacity 0.1s ease-in-out;
    }


    .hotkey-element.svelte-hsfjs0 {
        width: max-content;
        justify-content: space-between;
        margin: 10px auto;
        width: 80%;
        transition: opacity 0.1s ease-in-out;
    }

    .hotkey-title.svelte-hsfjs0 {
        font-size: 16px;
        font-weight: bold;
        color: var(--main-text-color);
        margin-bottom: 5px;
    }

    .hotkey-info.svelte-hsfjs0 {
        width: 100%;
    }

    .hotkey-btn.svelte-hsfjs0 {
        height: 40px;
        width: 100%;
        border-radius: 10px;
        background-color: var(--alt-background-color);
        border: 1px solid var(--rate-back-color);
        color: var(--main-text-color);
        text-align: left;
        padding: 0 10px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }


    .text-element.svelte-1qbmh9e {
        width: max-content;
        justify-content: space-between;
        margin: 10px auto;
        width: 80%;
        transition: opacity 0.1s ease-in-out;
    }

    .text-title.svelte-1qbmh9e {
        font-size: 16px;
        font-weight: bold;
        color: var(--main-text-color);
        margin-bottom: 5px;
    }

    .text-param.svelte-1qbmh9e {
        width: 100%;
        background-color: var(--alt-background-color);
        border-radius: 10px;
        border: 1px solid var(--rate-back-color);
        padding: 0 10px;
        height: 40px;
        box-sizing: border-box;
        color: var(--main-text-color);
    }

    .text-input.svelte-1qbmh9e::after {
        content: var(--suffix);
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0.5em;
        transition: all 0.05s ease-in-out;
        font-size: 14px;
        font-weight: bold;
    }

    .text-input.svelte-1qbmh9e:hover::after,
    .text-input.svelte-1qbmh9e:focus-within::after {
        right: 2em;
    }

    .text-info.svelte-1qbmh9e {
        width: 100%;
    }

    .text-input.svelte-1qbmh9e {
        gap: 20px;
        position: relative;
    }


    .text-title.svelte-ikz5ko {
        font-size: 20px;
        font-weight: bold;
        color: var(--main-text-color);
        width: 80%;
        margin-top: 5px;
        margin-bottom: 15px;
        transition: opacity 0.1s ease-in-out;
    }


    .player-settings.svelte-o5tcsg {
        align-items: center;
        margin-top: 40px;
    }


    .blank-element.svelte-hmbg2w {
        width: max-content;
        justify-content: space-between;
        margin: 10px auto;
        width: 80%;
        transition: opacity 0.1s ease-in-out;
    }

    .blank-title.svelte-hmbg2w {
        font-size: 16px;
        font-weight: bold;
        color: var(--main-text-color);
        margin-bottom: 5px;
    }

    .blank-info.svelte-hmbg2w {
        width: 100%;
    }

    .blank-input.svelte-hmbg2w {
        gap: 20px
    }


    .info-element.svelte-hgawwy {
        width: max-content;
        justify-content: space-between;
        margin: 20px auto;
        width: 80%;
        border-radius: 5px;
    }

    .info-text.svelte-hgawwy {
        margin: 0 10px;
    }

    .info-title.svelte-hgawwy {
        font-size: 16px;
        font-weight: bold;
        color: var(--main-text-color);
        margin-bottom: 5px;
    }

    .info-description.svelte-hgawwy {
        font-size: 14px;
        color: var(--main-text-color);
    }

    .info.svelte-hgawwy {
        border-left: 5px solid var(--info-color);
    }

    .warning.svelte-hgawwy {
        border-left: 5px solid var(--warning-color);
    }

    .danger.svelte-hgawwy {
        border-left: 5px solid var(--danger-color);
    }


    .text-element.svelte-1rhyrxs {
        width: max-content;
        justify-content: space-between;
        margin: 10px auto;
        width: 80%;
        position: relative;
        transition: opacity 0.1s ease-in-out;
    }

    .text-title.svelte-1rhyrxs {
        font-size: 16px;
        font-weight: bold;
        color: var(--main-text-color);
        margin-bottom: 5px;
    }

    .text-param.svelte-1rhyrxs {
        width: 100%;
        background-color: var(--alt-background-color);
        border-radius: 15px;
        border: 1px solid var(--rate-back-color);
        padding: 0 10px;
        font-family: "Inter", serif;
        resize: none;
        height: 80px;
        padding: 10px;
        box-sizing: border-box;
        color: var(--main-text-color);
    }

    .text-info.svelte-1rhyrxs {
        width: 100%;
    }

    .text-input.svelte-1rhyrxs {
        gap: 10px;
        width: 100%;
        align-items: center;
    }


    .center.svelte-5fpk {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }


    .center.svelte-kwb9hf {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }


    .profile-settings.svelte-1v3fc9m {
        align-items: center;
        margin-top: 40px;
    }


    .playing-settings.svelte-eooew9 {
        align-items: center;
        margin-top: 40px;
    }


    .upscale-settings.svelte-25dc32 {
        align-items: center;
        margin-top: 40px;
    }

    .soon-title.svelte-25dc32 {
        font-size: 16px;
        font-weight: bold;
        color: var(--main-text-color);
        margin-bottom: 5px;
    }

    .soon-description.svelte-25dc32 {
        font-size: 12px;
        font-weight: normal;
        color: var(--secondary-text-color);
    }

    .soon-text.svelte-25dc32 {
        align-items: center;
        justify-content: center;
        display: flex;
        flex-direction: column;
        margin-bottom: 10px;
        width: 100%;
        height: 400px;
        background-color: var(--alt-background-color);
        border-radius: 15px;
    }


    .app-settings.svelte-1pouleg {
        align-items: center;
        margin-top: 40px;
    }


    /* (unused) .third-text {
        color: var(--third-text-color);
        font-size: 11px;
        font-weight: 400;
        width: 210px;
    }*/

    .links-info.svelte-gqvgij {
        margin-top: 10px;
        margin-right: 22px;
        width: 195px;
    }

    /* (unused) .build-info {
        margin-top: 10px;
    }*/

    .settings.svelte-gqvgij {
        justify-content: space-evenly;
        height: 100%;
        overflow: hidden;
    }

    .settings-page.svelte-gqvgij {
        width: 80%;
        overflow-y: auto;
        padding-bottom: 20px;
    }

    .selected-category.svelte-gqvgij {
        background-color: var(--select-button-left-color) !important;
        color: var(--main-text-color) !important;
    }

    .settings-title.svelte-gqvgij {
        font-size: 14px;
        font-weight: 500;
        color: var(--secondary-text-color);
        padding-left: 15px;
        width: 210px;
        margin-bottom: 10px;
    }

    .settings-left-menu.svelte-gqvgij {
        width: 20%;
        min-width: 220px;
        background-color: var(--alt-background-color);
        align-items: flex-end;
        overflow-y: auto;
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .settings-category.svelte-gqvgij {
        margin-top: 2px;
        height: 30px;
        width: 220px;
        justify-content: flex-start;
        align-items: center;
        padding-left: 15px;
        margin-right: 10px;
        border-radius: 10px;
        color: var(--secondary-text-color);
        min-height: 30px;
        transition: background-color 0.2s ease-in-out;
    }

    .settings-category.svelte-gqvgij:hover {
        background-color: var(--select-button-color);
        color: var(--main-text-color);
    }


    .friends-page.svelte-1giidw1 {
        height: 100%;
        margin: 40px 60px;
    }

    .friend-info.svelte-1giidw1 {
        margin-left: 15px;
        text-align: left;
    }

    .friend-username.svelte-1giidw1 {
        font-size: 20px;
        color: var(--main-text-color);
        font-weight: 600;
        line-height: 25px;
    }

    .friends-list.svelte-1giidw1 {
        gap: 20px;
        padding-bottom: 40px;
    }

    .friend-skeleton.svelte-1giidw1 {
        height: 170px;
        width: 100%;
        border-radius: 15px;
        align-items: center;
        padding: 0 15px;
        background-color: var(--alt-background-color);
    }

    .friend-username-skeleton.svelte-1giidw1 {
        width: 100px;
        height: 20px;
        border-radius: 5px;
        background-color: var(--skeleton-background-color);
        animation: skeletonAnimation 3s ease-in-out 100ms infinite forwards;
        margin-bottom: 10px;
    }

    .friend-status-skeleton.svelte-1giidw1 {
        width: 150px;
        height: 14px;
        border-radius: 5px;
        background-color: var(--skeleton-background-color);
        animation: skeletonAnimation 3s ease-in-out 100ms infinite forwards;
    }

    .profile-avatar-skeleton.svelte-1giidw1 {
        width: 108px;
        height: 108px;
        border-radius: 108%;
        background-color: var(--skeleton-background-color);
        animation: skeletonAnimation 3s ease-in-out 100ms infinite forwards;
    }

    .friend-status.svelte-1giidw1 {
        font-size: 14px;
        font-weight: 400;
    }

    .card-background.svelte-1giidw1 {
        position: relative;
        z-index: 1;
        overflow: hidden;
    }

    .outgoing-friends.svelte-1giidw1 {
        margin-bottom: 30px;
        gap: 20px;
    }

    .card-background.svelte-1giidw1:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 15px;
        background-image: var(--background-image);
        background-size: cover;
        background-position: center;
        opacity: 0.5;
        z-index: -1;
    }

    .friend.svelte-1giidw1 {
        height: 170px;
        width: 100%;
        border-radius: 15px;
        align-items: center;
        padding: 0 15px;
        cursor: pointer;
        background-color: var(--alt-background-color);
        box-shadow: 9px 11px 13px 0px rgba(0, 0, 0, 0.2);
        justify-content: space-between;
    }

    .friends-title.svelte-1giidw1 {
        font-size: 24px;
        color: var(--main-text-color);
        font-weight: 500;
        width: fit-content;
    }

    .lottie-badge.svelte-1giidw1 {
        height: 25px;
        width: 25px;
    }

    .friend-badge.svelte-1giidw1 {
        margin-left: 10px;
    }

    .friend-name.svelte-1giidw1 {
        align-items: center;
    }

    .friends-count.svelte-1giidw1 {
        background-color: var(--background-color);
        color: var(--secondary-text-color);
        font-size: 12px;
        padding: 5px 10px;
        align-items: center;
        border-radius: 6px;
        margin-top: 5px;
        margin-bottom: 3px;
        display: flex;
        width: fit-content;
    }

    .incoming-friends.svelte-1giidw1 {
        margin-bottom: 20px;
        gap: 20px;
    }

    .friends-main.svelte-1giidw1 {
        align-items: center;
    }

    .friend-buttons.svelte-1giidw1 {
        gap: 10px;
    }


    collection-full-row-card.svelte-1bnajcp {
        margin: 20px;
    }

    collection-full-row-card.svelte-1bnajcp:hover {
        cursor: pointer;
    }

    .full-row-collection-poster.svelte-1bnajcp img:where(.svelte-1bnajcp){
        width: 400px;
        height: 224px;
        object-fit: cover;
        border-radius: 15px;
    }

    .collection-info.svelte-1bnajcp {
        margin-left: 20px;
    }

    .collection-title.svelte-1bnajcp {
        margin-top: 5px;
        font-size: var(--anime-full-row-title-size);
        font-weight: var(--anime-full-row-title-weight);
        color: var(--main-text-color);
    }

    .collection-counts.svelte-1bnajcp {
        margin-top: 10px;
        align-items: center;
    }

    .collection-counts.svelte-1bnajcp span:where(.svelte-1bnajcp) {
        margin-left: 5px;
        font-size: var(--anime-full-row-epCount-size);
        font-weight: var(--anime-full-row-epCount-weight);
        color: var(--secondary-text-color);
    }

    .collection-description.svelte-1bnajcp {
        font-size: var(--anime-full-row-description-size);
        color: var(--third-text-color);
        line-height: var(--anime-full-row-description-line-height);
        font-weight: var(--anime-full-row-description-weight);
        margin-top: 10px;
    }


    .button-container.svelte-gtem12 {
        margin-top: 20px;
        margin-left: 20px;
    }


    .collection-info.svelte-50660y {
        margin: 10px 20px 30px 20px;
        align-items: center;
    }

    .collection-cover.svelte-50660y {
        border-radius: 15px;
        height: 500px;
        width: 890px;
        object-fit: cover;
    }

    .collection-author.svelte-50660y {
        width: 880px;
        margin-top: 20px;
        align-items: center;
        justify-content: space-between;
    }

    .author.svelte-50660y {
        align-items: center;
        gap: 5px;
    }

    .collection-description.svelte-50660y {
        width: 880px;
        margin-top: 20px;
        color: var(--secondary-text-color);
        white-space: break-spaces;
    }

    .collection-author-name.svelte-50660y {
        font-size: 16px;
        font-weight: 600;
        color: var(--main-text-color);
        margin-left: 5px;
    }

    .collection-date.svelte-50660y {
        align-items: flex-start;
        font-size: 12px;
        color: var(--secondary-text-color);
    }

    .collection-title.svelte-50660y {
        font-size: 30px;
        font-weight: 600;
        color: var(--main-text-color);
        margin-top: 20px;
    }

    .collection-releases-title.svelte-50660y {
        margin-left: 20px;
        font-size: 16px;
        font-weight: 600;
        color: var(--main-text-color);
        margin-top: 20px;
    }

    .favorite.svelte-50660y {
        color: var(--hold-on-color) !important;
    }

    .collection-buttons.svelte-50660y {
        width: 880px;
        gap: 10px;
        margin-top: 15px;
    }

    .bookmark-btn.svelte-50660y {
        padding: 10px;
        gap: 5px;
        font-weight: 600;
    }

    .lottie-badge.svelte-50660y {
        height: 20px;
        width: 20px;
    }

    .collection-releases.svelte-50660y {
        max-width: 90%;
        min-width: 75%;
    }

    .releases-container.svelte-50660y {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .verified.svelte-50660y {
        display: flex;
        align-content: center;
    }


    /* (unused) .center {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }*/


    .main-content.svelte-1hicyxm {
        display: flex;
        flex-direction: row;
        height: calc(100vh - 22px);
        width: 100vw;
        margin-top: 22px;
        position: relative;
        background-color: var(--background-color);
        overflow: hidden;
    }

    .fullscreen.svelte-1hicyxm {
        margin-top: 0px;
        height: 100vh;
    }

    #viewport.svelte-1hicyxm {
        overflow-y: auto;
        overflow-x: hidden;
        width: 100vw;
        z-index: 0;
        position: relative;
    }

    ::-webkit-scrollbar {
        width: 10px;
        height: 17px;
    }

    /* Track */
    ::-webkit-scrollbar-track {
        background-color: var(--alt-background-color);
        border-radius: 10px;
        opacity: 0.01;
    }

    /* Handle */
    ::-webkit-scrollbar-thumb {
        background: #828282;
        border-radius: 10px;
        box-shadow: inset 0 0 6px var(--scroll-bar-handle-bg-color);
        -webkit-box-shadow: inset 0 0 6px var(--scroll-bar-handle-bg-color);
    }

    ::-webkit-scrollbar-thumb:window-inactive {
        background: var(--scroll-bar-track-bg-color);
    }