
/* Shared */
.ise-item{flex:0 0 auto;overflow:hidden;position:relative}
.ise-item a,.ise-item img{display:block;width:100%;height:100%}
.ise-item img{object-fit:cover}

/* Existing horizontal widget */
.ise-h{display:flex;flex-direction:column;width:100%;overflow:hidden;--ise-gap:20px}
.ise-h.ise-full{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.ise-h-row{width:100%;overflow:hidden}
.ise-h-row-2{transform:translateX(var(--ise-offset,260px));width:calc(100% + abs(var(--ise-offset,260px)))}
.ise-h-track{display:flex;width:max-content;will-change:transform;animation:ise-left var(--ise-duration,32s) linear infinite}
.ise-h-group{display:flex;flex:0 0 auto}
.ise-h .ise-item{margin-right:var(--ise-gap)}
.ise-h-right .ise-h-track{animation-name:ise-right}
.ise-pause .ise-h-row:hover .ise-h-track{animation-play-state:paused}
@keyframes ise-left{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@keyframes ise-right{from{transform:translate3d(-50%,0,0)}to{transform:translate3d(0,0,0)}}

/* New vertical widget */
.ise-v{display:flex;align-items:stretch;justify-content:center;width:100%;overflow:hidden;--ise-v-gap:16px}
.ise-v-col{height:100%;overflow:hidden;flex:0 0 auto}
.ise-v-col-2{transform:translateY(var(--ise-v-offset,-90px));height:calc(100% + 180px)}
.ise-v-track{display:flex;flex-direction:column;width:100%;will-change:transform;animation:ise-up var(--ise-duration,32s) linear infinite}
.ise-v-group{display:flex;flex-direction:column;flex:0 0 auto;width:100%}
.ise-v .ise-item{width:100%;margin-bottom:var(--ise-v-gap)}
.ise-v-down .ise-v-track{animation-name:ise-down}
.ise-pause .ise-v-col:hover .ise-v-track{animation-play-state:paused}
@keyframes ise-up{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-50%,0)}}
@keyframes ise-down{from{transform:translate3d(0,-50%,0)}to{transform:translate3d(0,0,0)}}

@media (prefers-reduced-motion:reduce){
	.ise-h-track,.ise-v-track{animation-play-state:paused}
}
