.warehouse-stage{margin-top:28px}.warehouse-stage__legend{display:flex;gap:28px;justify-content:flex-end;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.warehouse-stage__legend span{display:flex;align-items:center;gap:7px}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.legend-dot--grey{background:#aeb8c4}.legend-dot--blue{background:var(--blue)}.warehouse-floor{height:300px;margin-top:22px;padding:28px 34px;display:grid;grid-template-columns:repeat(5,1fr);gap:27px;position:relative;border:1px solid #cfd7de;background-color:#eef2f5;background-image:linear-gradient(rgba(255,255,255,.65) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.65) 1px,transparent 1px);background-size:28px 28px;transition:grid-template-columns .7s cubic-bezier(.22,1,.36,1),gap .7s cubic-bezier(.22,1,.36,1)}.warehouse-rack{background:#aeb8c4;border:4px solid #8996a3;display:flex;flex-direction:column;gap:8px;padding:10px 8px;transition:background .55s ease,border-color .55s ease,transform .7s cubic-bezier(.22,1,.36,1)}.warehouse-rack span{height:1fr;flex:1;background:repeating-linear-gradient(90deg,rgba(255,255,255,.85) 0 2px,transparent 2px 7px);border-top:1px solid rgba(21,24,30,.13)}.warehouse-rack--6,.warehouse-rack--7,.warehouse-rack--8{display:none;opacity:0;transform:scaleX(.5)}.warehouse-aisle{position:absolute;left:20%;top:0;bottom:0;width:0;border-left:2px dashed transparent;transition:left .7s cubic-bezier(.22,1,.36,1),width .7s cubic-bezier(.22,1,.36,1),border-color .55s ease;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow:visible}.warehouse-aisle b{display:none;white-space:nowrap;margin-top:8px;color:var(--blue);font:700 9px Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.08em}.warehouse-aisle i{display:none;font-style:normal;color:var(--blue);font-size:20px}.warehouse-forklift{display:none;position:absolute;left:calc(50% - 19px);bottom:38px;width:38px;height:24px;border-radius:4px;background:var(--blue);color:#fff;text-align:center;font-size:14px;line-height:23px;box-shadow:0 5px 10px rgba(12,143,255,.25)}.caption-mobile{display:none}.warehouse-stage__caption{font:15px Ubuntu,sans-serif;color:var(--muted);text-align:center;margin-top:15px}.warehouse-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:38px;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.warehouse-stats>div{padding:19px 20px 22px 0;border-right:1px solid var(--line)}.warehouse-stats>div:last-child{border-right:0}.warehouse-stats strong{display:block;font-size:28px;letter-spacing:-.06em;color:var(--ink)}.warehouse-stats .stat-mobile{display:none;color:var(--blue)}.warehouse-stats span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.warehouse-stage[data-state=mobile] .warehouse-floor{grid-template-columns:repeat(8,1fr);gap:9px}.warehouse-stage[data-state=mobile] .warehouse-rack{background:var(--blue);border-color:#0878d7;padding:9px 5px}.warehouse-stage[data-state=mobile] .warehouse-rack--6,.warehouse-stage[data-state=mobile] .warehouse-rack--7,.warehouse-stage[data-state=mobile] .warehouse-rack--8{display:flex;opacity:1;transform:scaleX(1)}.warehouse-stage[data-state=mobile] .warehouse-aisle{left:calc(50% - 16px);width:32px;border-color:var(--blue)}.warehouse-stage[data-state=mobile] .warehouse-aisle b,.warehouse-stage[data-state=mobile] .warehouse-aisle i,.warehouse-stage[data-state=mobile] .warehouse-forklift{display:block}.warehouse-stage[data-state=mobile] .caption-fixed,.warehouse-stage[data-state=mobile] .stat-fixed{display:none}.warehouse-stage[data-state=mobile] .caption-mobile,.warehouse-stage[data-state=mobile] .stat-mobile{display:block}.warehouse-stage[data-state=mobile] .warehouse-forklift{display:block}.warehouse-stage[data-state=fixed] .warehouse-rack--1,.warehouse-stage[data-state=fixed] .warehouse-rack--2,.warehouse-stage[data-state=fixed] .warehouse-rack--3,.warehouse-stage[data-state=fixed] .warehouse-rack--4,.warehouse-stage[data-state=fixed] .warehouse-rack--5{display:flex}.warehouse-stage[data-state=fixed] .warehouse-aisle:nth-of-type(n){ }
@media(max-width:900px){.warehouse-floor{height:250px;padding:22px 20px;gap:18px}.warehouse-stage[data-state=mobile] .warehouse-floor{gap:6px}.warehouse-rack{padding:8px 5px}.warehouse-stage__legend{justify-content:flex-start;flex-wrap:wrap;gap:12px 18px}}@media(max-width:560px){.warehouse-floor{height:205px;padding:17px 13px;gap:13px}.warehouse-stage[data-state=mobile] .warehouse-floor{gap:4px}.warehouse-stage__legend{font-size:8px}.warehouse-rack{border-width:2px;padding:6px 3px}.warehouse-rack span{background:repeating-linear-gradient(90deg,rgba(255,255,255,.85) 0 1px,transparent 1px 5px)}.warehouse-stage__caption{font-size:13px}.warehouse-stats{grid-template-columns:1fr 1fr}.warehouse-stats>div{padding:14px 8px 15px 0}.warehouse-stats>div:last-child{grid-column:1/-1;border-top:1px solid var(--line);border-right:0}.warehouse-stats strong{font-size:24px}}
.warehouse-floor{display:flex;grid-template-columns:none;justify-content:space-between;gap:0}.warehouse-rack{flex:0 0 10.5%;min-width:0}.warehouse-stage[data-state=mobile] .warehouse-floor{grid-template-columns:none;gap:0}.warehouse-stage[data-state=mobile] .warehouse-rack{flex-basis:10.5%}