<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">

/* Start:/local/templates/vinyl4you_studio/styles/main_page.css?16419999485489*/
@charset "UTF-8";
:root {
    --main-color: #eb3a24;
}

body {
    overflow: hidden;
}

#slider {
    width: 100vw;
    height: 100vh;
}

@keyframes arrowAnimation {
    from {
        transform: translateX(0);
        opacity: 1;
    }
    to {
        transform: translateX(-10px);
        opacity: 0.3;
    }
}
.mainpage__container {
    background: url(/local/templates/vinyl4you_studio/assets/colored.png) no-repeat fixed;
    background-size: cover;
    position: relative;
    font-family: Inter, sans-serif;
    font-weight: 400;
}
.mainpage__container::after {
    background: linear-gradient(118.86deg, rgba(19, 19, 19, 0.8) 33.46%, rgba(19, 19, 19, 0) 63.98%);
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.mainpage__links {
    display: flex;
    flex-direction: column;
    max-width: 1100px;
    flex: 1 1;
    position: relative;
    left: 0;
    top: 0;
}
.mainpage__links-container {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}
.mainpage__link {
    display: flex;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 8vmin;
    color: #E5E5E5;
    transition: 0.3s;
}
.mainpage__link li {
    display: flex;
    flex-direction: row;
    flex: auto 0;
    position: relative;
    margin-bottom: 4vh;
}
.mainpage__link li span::after {
    content: "";
    height: 4px;
    background: #EB3A24;
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: 0.3s;
}
.mainpage__link:hover {
    cursor: none;
    padding-left: 110px;
    color: #EB3A24;
}
.mainpage__link:hover span::after {
    opacity: 1;
}
.mainpage__link:hover .mainpage__image {
    opacity: 1;
    animation: arrowAnimation 1.1s 0.5s linear alternate infinite;
}
.mainpage__link.active {
    padding-left: 110px;
    color: #EB3A24;
}
.mainpage__link.active span::after {
    opacity: 1;
}
.mainpage__link.active .mainpage__image {
    opacity: 1;
    animation: arrowAnimation 1.1s 0.5s linear alternate infinite;
}
.mainpage__image {
    height: min(9vh, 54px);
    position: absolute;
    left: -54px;
    transition: 0.5s;
    opacity: 0;
}
.mainpage__image svg {
    height: inherit;
}
.custom-cursor.custom-cursor_hovered-mainpage {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.4);
    width: 110px;
    height: 110px;
    margin: -55px 0 0 -55px;
    border-radius: 50%;
    border: 1px solid #5b5a60;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    mix-blend-mode: normal;
}

@supports ( backdrop-filter: blur(10px) ) or (-webkit-backdrop-filter: blur(10px)) {
    .custom-cursor.custom-cursor_hovered-mainpage {
        background: unset;
    }
}

.custom-cursor.custom-cursor_hovered-mainpage:after {
    content: "РџРµСЂРµР№С‚Рё РІ СЂР°Р·РґРµР»";
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
}
@media screen and (min-width: 1440px) {
    .mainpage__link {
        font-size: 75px;
    }
}
@media screen and (max-width: 1100px) {
    .mainpage__links-container {
        padding: 0 24px;
    }
}
@media screen and (max-width: 767px) {
    .mainpage__link {
        font-size: 25px;
    }
    .mainpage__link:hover {
        padding-left: 45px;
        color: #EB3A24;
    }
    .mainpage__link:hover span::after {
        opacity: 1;
        height: 2px;
    }
    .mainpage__link:hover .mainpage__image {
        opacity: 1;
        animation: arrowAnimation 1.1s 0.5s linear alternate infinite;
    }
    .mainpage__link.active {
        padding-left: 45px;
        color: #EB3A24;
    }
    .mainpage__link.active span::after {
        opacity: 1;
        height: 2px;
    }
    .mainpage__link.active .mainpage__image {
        opacity: 1;
        animation: arrowAnimation 1.1s 0.5s linear alternate infinite;
    }
    .mainpage__image {
        height: 24px;
        position: absolute;
        left: -34px;
        transition: 0.5s;
        opacity: 0;
    }
    .mainpage__image svg {
        height: inherit;
    }
}
@media screen and (max-width: 375px) {
    .mainpage__links {
        padding-inline-start: 20px;
    }
    .mainpage__link {
        font-size: 20px;
    }
    .mainpage__link:hover {
        padding-left: 35px;
        color: #EB3A24;
    }
    .mainpage__link:hover span::after {
        opacity: 1;
        height: 2px;
    }
    .mainpage__link:hover .mainpage__image {
        opacity: 1;
        animation: arrowAnimation 1.1s 0.5s linear alternate infinite;
    }
    .mainpage__link.active:hover {
        padding-left: 35px;
        color: #EB3A24;
    }
    .mainpage__link.active:hover span::after {
        opacity: 1;
        height: 2px;
    }
    .mainpage__link.active:hover .mainpage__image {
        opacity: 1;
        animation: arrowAnimation 1.1s 0.5s linear alternate infinite;
    }
    .mainpage__image {
        height: 24px;
        position: absolute;
        left: -34px;
        transition: 0.5s;
        opacity: 0;
    }
    .mainpage__image svg {
        height: inherit;
    }
}

/* End */
/* /local/templates/vinyl4you_studio/styles/main_page.css?16419999485489 */
</pre></body></html>