.ulitochka{
    overflow: hidden;
    display: flex;
    align-items: center;
    position: relative;
}
.ulitochka[ulitochka-hirez]{
    cursor: pointer;
}
.ulitochka:not([ulitochka-animation="appear"]) .ulitochka-slide-wrapper{
    transition: .3s;
}
.ulitochka .ulitochka-slide-wrapper{
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
}
.ulitochka .ulitochka-slide-wrapper.ulitochka-shift{
    transition: .3s;
}
.ulitochka .ulitochka-slide-wrapper>*{
    width: var(--ulitochka-slide-width);
    min-width: var(--ulitochka-slide-width);
    height: var(--ulitochka-slide-height);
}
.ulitochka .ulitochka-slide-wrapper>*{
    margin-right: var(--ulitochka-slide-gap);
}
.ulitochka .ulitochka-slide-wrapper img{
    object-fit: cover;
}
.ulitochka .ulitochka-slide-wrapper>* img{
    width: 100%;
    height: 100%;
}
.ulitochka.ulitochka-appear .ulitochka-slide-wrapper>*{
    /*display: none;*/
    transition: .3s opacity;
}
.ulitochka.ulitochka-appear .ulitochka-slide-wrapper>*{
    opacity: 0;
}
.ulitochka.ulitochka-appear .ulitochka-slide-wrapper .active-slide{
    opacity: 1;
    display: block;
}

.ulitochka .ulitochka-arrow{
    position: absolute;
    width: 50px;
    height: 50px;
    cursor: pointer;
    z-index: 2;
}
.ulitochka .ulitochka-arrow[direction="right"]{
    right: 0;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20320%20512%22%3E%3Cpath%20d%3D%22M285.476%20272.971L91.132%20467.314c-9.373%209.373-24.569%209.373-33.941%200l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505%20256%2034.484%20101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373%2024.569-9.373%2033.941%200L285.475%20239.03c9.373%209.372%209.373%2024.568.001%2033.941z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") no-repeat center, palegreen;
}
.ulitochka .ulitochka-arrow[direction="left"]{
    left: 0;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20320%20512%22%3E%3Cpath%20d%3D%22M34.52%20239.03L228.87%2044.69c9.37-9.37%2024.57-9.37%2033.94%200l22.67%2022.67c9.36%209.36%209.37%2024.52.04%2033.9L131.49%20256l154.02%20154.75c9.34%209.38%209.32%2024.54-.04%2033.9l-22.67%2022.67c-9.37%209.37-24.57%209.37-33.94%200L34.52%20272.97c-9.37-9.37-9.37-24.57%200-33.94z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") no-repeat center, palegreen;
}

.ulitochka .ulitochka-no-transition{
    transition: none !important;
}

#ulitochka-popup{
    background: rgba(0,0,0,.5);
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
}
#ulitochka-popup .ulitochka-popup-content{
    height: 100%;
    width: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
}
#ulitochka-popup .ulitochka-popup-content img{
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}
#ulitochka-popup .ulitochka-close{
    position: absolute;
    cursor: pointer;
    width: 50px;
    height: 50px;
    top: 0;
    right: 0;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20352%20512%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M242.72%20256l100.07-100.07c12.28-12.28%2012.28-32.19%200-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48%200L176%20189.28%2075.93%2089.21c-12.28-12.28-32.19-12.28-44.48%200L9.21%20111.45c-12.28%2012.28-12.28%2032.19%200%2044.48L109.28%20256%209.21%20356.07c-12.28%2012.28-12.28%2032.19%200%2044.48l22.24%2022.24c12.28%2012.28%2032.2%2012.28%2044.48%200L176%20322.72l100.07%20100.07c12.28%2012.28%2032.2%2012.28%2044.48%200l22.24-22.24c12.28-12.28%2012.28-32.19%200-44.48L242.72%20256z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E") no-repeat center;
}