.container{height:100%;width:100%;position:relative;pointer-events:none}.resizable[data-spill=true] .container:after{content:"";position:fixed;top:50%;left:50%;background:hsla(0,0%,50%,.25);width:calc(var(--scale) * 10000vw);height:calc(var(--scale) * 10000vh);pointer-events:none;translate:-50% -50%;-webkit-mask:linear-gradient(#fff,#fff) 50% 50% /100% 100% no-repeat,linear-gradient(#fff,#fff) 50% 50% /100cqi 100cqh no-repeat;mask:linear-gradient(#fff,#fff) 50% 50% /100% 100% no-repeat,linear-gradient(#fff,#fff) 50% 50% /100cqi 100cqh no-repeat;-webkit-mask-composite:xor;mask-composite:exclude}.resizable{resize:both;overflow:hidden;container-type:size;scale:var(--scale);width:600px;height:100px}.resizable[data-spill=true]{overflow:visible;outline:4px dashed #fff}.resizable:active{outline:2px solid hsla(0,0%,100%,.5)}[data-spill=true] .container{-webkit-mask:unset;mask:unset;overflow:visible}.agencies-ul{display:flex;gap:1rem;padding:0;margin:0;list-style-type:none}.container .agencies-ul{height:100%;width:-moz-fit-content;width:fit-content;padding:0;align-items:center;pointer-events:none}.agencies-li{height:100%;width:220px;aspect-ratio:16/9;font-size:clamp(2rem,4vw + 1rem,8rem);display:grid;place-items:center}.agencies-li img{border-radius:6px}[data-play-state=running] :is(ul,li){animation-play-state:running!important}.container{-webkit-mask:linear-gradient(90deg,transparent,#000 15% 85%,transparent);mask:linear-gradient(90deg,transparent,#000 15% 85%,transparent);display:grid;min-height:100px}.blur{position:absolute;top:0;bottom:0;width:25%;z-index:2;pointer-events:none}.blur--right{right:0}.blur--left{left:0;rotate:180deg}.blur div{position:absolute;inset:0;z-index:var(--index);-webkit-mask:linear-gradient(90deg,transparent calc(var(--index) * calc((100 / var(--blurs)) * 1%)),#000 calc((var(--index) + 1) * calc((100 / var(--blurs)) * 1%)),#000 calc((var(--index) + 2) * calc((100 / var(--blurs)) * 1%)),transparent calc((var(--index) + 3) * calc((100 / var(--blurs)) * 1%)));mask:linear-gradient(90deg,transparent calc(var(--index) * calc((100 / var(--blurs)) * 1%)),#000 calc((var(--index) + 1) * calc((100 / var(--blurs)) * 1%)),#000 calc((var(--index) + 2) * calc((100 / var(--blurs)) * 1%)),transparent calc((var(--index) + 3) * calc((100 / var(--blurs)) * 1%)));-webkit-backdrop-filter:blur(calc((var(--index, 0) * var(--blur, 0)) * 2px));backdrop-filter:blur(calc((var(--index, 0) * var(--blur, 0)) * 2px))}.blur{opacity:1}@media (prefers-reduced-motion:no-preference){[data-translate=items] ul{gap:0}[data-translate=items][data-direction=horizontal].container{padding-inline:0}[data-translate=items] li{--duration:calc(var(--speed) * 1s);--delay:calc((var(--duration) / var(--count)) * (var(--index, 0) * -1));animation:slide var(--duration) var(--delay) infinite linear paused;translate:var(--origin-x) var(--origin-y)}[data-translate=items][data-direction=horizontal] li{--origin-x:calc(((var(--count) - var(--index)) + var(--inset, 0)) * 100%);--origin-y:0;--destination-x:calc(calc((var(--index) + 1 + var(--outset, 0)) * -100%));--destination-y:0}@keyframes slide{to{translate:var(--destination-x) var(--destination-y)}}}