.t-footer {
    contain-intrinsic-size: auto 260px;
    content-visibility: auto
}

:root {
    --padding-horizontal: 32px;
    --root-padding: 0 var(--padding-horizontal);
    --darkening-area-width: var(--padding-horizontal);
    --darkening-background: linear-gradient(270deg, #0a0f2db3, #0a0f2d00);
    --sidebar-scroll-wrapper-padding: 4px;
    --sidebar-width: 216px;
    --extra-offset: -4px
}

@media(max-width:1439px) {
    :root {
        --padding-horizontal: 24px;
        --extra-offset: 0
    }
}

@media(max-width:767px) {
    :root {
        --padding-horizontal: 16px
    }
}

@media(max-width:479px) {
    :root {
        --padding-horizontal: 8px;
        --sidebar-width: calc(100% - 40px)
    }
}

@media(max-width:339px) {
    :root {
        --sidebar-width: 100%
    }
}

.t-animated-background__animation {
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.t-animated-background__canvas {
    display: block;
    left: 0;
    pointer-events: none;
    position: fixed;
    top: 0
}