.dn-v2-cases{--frame-w:clamp(11.5rem, 19.26vw, 17.34rem);--frame-gap:4.68px;--frame-radius:4px;--plate-rgb:244 243 241;--frame-bg:255 255 255;--hairline:color-mix(in oklab, var(--foreground) 8%, transparent);--frame-shadow:0 4px 12px -3px #00000024;background:rgb(var(--plate-rgb))}.dark .dn-v2-cases{--plate-rgb:12 10 12;--frame-bg:11 11 13;--hairline:#ffffff14;--frame-shadow:0 3.9px 11.7px -3.12px #00000052}.dn-v2-cases-viewport{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 4rem calc(100% - 4rem),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 4rem calc(100% - 4rem),#0000 100%)}.dn-v2-cases-track{gap:var(--frame-gap);will-change:transform;width:max-content;animation:dn-v2-cases-roll var(--roll-duration,56s) linear infinite;display:flex}@keyframes dn-v2-cases-roll{to{transform:translate3d(calc(-50% - var(--frame-gap) / 2), 0, 0)}}.dn-v2-cases-viewport:hover .dn-v2-cases-track,.dn-v2-cases-viewport:focus-within .dn-v2-cases-track{animation-play-state:paused}.dn-v2-cases-frame{width:var(--frame-w);aspect-ratio:16/9;border-radius:var(--frame-radius);background:rgb(var(--frame-bg));box-shadow:var(--frame-shadow), inset 0 0 0 1px var(--hairline);flex:none;transition:transform .24s cubic-bezier(.16,1,.3,1),box-shadow .24s;position:relative;overflow:hidden}.dn-v2-cases-frame>video,.dn-v2-cases-frame>img{object-fit:cover;width:100%;height:100%;display:block}@media (hover:hover){.dn-v2-cases-frame:hover,.dn-v2-cases-frame:focus-visible{box-shadow:var(--frame-shadow), inset 0 0 0 1px color-mix(in oklab, var(--primary) 45%, transparent);transform:translateY(-2px)scale(1.012)}}.dn-v2-cases-frame:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.dn-v2-cases-viewport{scroll-snap-type:x mandatory;overflow-x:auto;-webkit-mask-image:none;mask-image:none}.dn-v2-cases-track{will-change:auto;animation:none}.dn-v2-cases-frame{scroll-snap-align:center;transition:none}.dn-v2-cases-frame:hover{transform:none}}