.vsk-img img{
    border: 4px solid var(--e-global-color-secondary)!important;
	aspect-ratio: 1;
	object-fit: cover;
	box-shadow: rgba(0,0,0, 0.2) 0px 0px 24px;
	
	border-radius: clamp(24px, 5%, 56px)!important;
	@supports(corner-shape: superellipse){
		border-radius: 10%!important;
		corner-shape: superellipse(2)!important
	}
}

.vsk-map{
	border: 4px solid var(--e-global-color-secondary)!important;
	box-shadow: rgba(0,0,0, 0.2) 0px 0px 24px;
	
	border-radius: 48px!important;
	@supports(corner-shape: superellipse){
		border-radius: 72px!important;
		corner-shape: superellipse(2)!important
	}
}

.vsk-img-floating img{
	box-shadow: rgba(0,0,0, 0.2) 0px 0px 24px!important;
    animation-name: floating;
    animation-duration: 6s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
	animation-delay: var(--_delay, 0s);
}

.vsk-bars{
    --_h: 24px;
    height: calc(var(--_h) * 2);
}
.vsk-bar{
    display: block;
    width: 200%;
    height: var(--_h);
    background: repeating-conic-gradient(var(--_clr1) 0% 50%, var( --_clr2) 25% 100%) 
    50%/ calc(var(--_h) * 2);
    animation-name: sliding;
    animation-duration: 10s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: linear;
}

.vsk-bar_1,
.vsk-bar_3{
    --_clr1: var(--e-global-color-primary);
    --_clr2: var(--e-global-color-25c6403);
    --_f: -10%;
    --_t: 0%;
}

.vsk-bar_2,
.vsk-bar_4{
    --_clr1: var(--e-global-color-accent);
    --_clr2: var(--e-global-color-secondary);
    --_f: 10%;
    --_t: 0%;
    right: 0!important;
    left: unset;
    position: absolute;
}

@media(max-width: 767px){
	.vsk-bars{
		--_h: 12px;
	}
}

@keyframes sliding{
    from{
        transform: translateX(var(--_f));
    }
    to{
        transform: translateX(var(--_t));
    }
}

@keyframes floating {
	0% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6)!important;
		transform: translatey(0px);
	}
	50% {
		box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2)!important;
		transform: translatey(-20px);
	}
	100% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6)!important;
		transform: translatey(0px);
	}
}