.conveyor{--k:5;--tilt:25deg;--tilt-sin:.4226;--tilt-cos:.9063;--seam:linear-gradient(90deg,rgba(16,52,112,.45) 0 1px,transparent 1px);--edge:calc(var(--w)*.73125);--front:calc(var(--w)*.14/var(--tilt-cos));--depth-n:calc(var(--k)*.2775/(var(--tilt-sin)*var(--k) - var(--tilt-cos)*.2775));--depth:calc(var(--w)*var(--depth-n));--parallax:calc(var(--depth-n)*-.5*var(--tilt-cos)/(var(--k) + .5*var(--depth-n)*var(--tilt-cos)));container-type:inline-size;--slab:url(https://site-s3.mkskom.ru/mkskom-site/home_conveyor_slab_texture_v2_5ef0f72852.webp);--dim:linear-gradient(transparent,transparent);perspective:calc(var(--w)*var(--k));perspective-origin:50% var(--edge)}.dark .conveyor{--dim:linear-gradient(rgba(8,18,40,.18),rgba(8,18,40,.18))}.conveyor-3d{transform-style:preserve-3d}.conveyor-card{display:block;flex:none;height:calc(var(--w)*.87875);position:relative;width:var(--w)}.conveyor-slab{height:var(--front);left:0;position:absolute;top:var(--edge);transform:rotateX(calc(var(--tilt)*-1));transform-origin:50% 0;width:100%}.conveyor-face{backface-visibility:hidden;background-repeat:no-repeat;position:absolute}.conveyor-front{align-items:center;background:var(--seam),var(--dim),var(--slab);background-position:0 0,0 0,0 100%;background-size:auto,auto,100% 301.81818%;display:flex;height:100%;justify-content:center;left:0;top:0;width:calc(100% + 1px)}.conveyor-top{background:var(--seam),var(--dim),var(--slab);background-position:0 0,0 0,0 0;background-size:auto,auto,100% 149.54955%;bottom:100%;height:var(--depth);left:0;transform:rotateX(90deg);transform-origin:50% 100%;width:calc(100% + 1px)}.conveyor-side{background:linear-gradient(#0a225059,#0a225059),var(--dim),var(--slab);background-position:0 0,0 0,0 100%;background-size:auto,auto,100% 301.81818%;height:100%;top:0;width:var(--depth)}.conveyor-side-left{right:100%;transform:rotateY(-90deg);transform-origin:100% 50%}.conveyor-side-right{left:100%;transform:rotateY(90deg);transform-origin:0 50%}.conveyor-label{color:#fff;font-family:var(--font-roboto-flex);font-size:max(10px,calc(var(--w)*.043));font-weight:500;line-height:1.2;max-width:96%;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(8,28,72,.55),0 0 1px rgba(8,28,72,.35);white-space:nowrap}.conveyor-object{animation:conveyor-parallax 40s linear infinite;height:auto;left:calc(var(--w)*.0375 + var(--parallax)*((var(--i) + .5)*var(--w) - 50cqw));position:absolute;top:calc(var(--w)*.0625);width:calc(var(--w)*.9575)}.conveyor-track{animation:conveyor-scroll 40s linear infinite}.conveyor :is(.conveyor-track,.conveyor-object){animation-delay:calc(-40s/(2*var(--n)))}.conveyor-paused :is(.conveyor-track,.conveyor-object){animation-play-state:paused}.dark .conveyor-object{filter:brightness(.85) contrast(1.05) hue-rotate(5deg)}@keyframes conveyor-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes conveyor-parallax{0%{translate:0 0}to{translate:calc(var(--parallax)*-1*var(--n)*var(--w)) 0}}