.chute-region{position:relative;--lane:clamp(104px, 11vw, 176px);--hold:96px}.chute-region .wrap{max-width:min(1180px,calc(100% - var(--lane)));margin-left:max(var(--lane),calc((100% - 1180px) / 2));margin-right:auto}.chute-region>footer{padding-bottom:calc(var(--lane) * 1.15)}.chute-region .lane{position:absolute;z-index:6;left:0;top:0;bottom:0;width:var(--lane);pointer-events:none}.chute-region .chute-pin{position:sticky;top:var(--hold);margin-top:96px;display:flex;justify-content:center}.chute-region .chute{position:relative;width:calc(var(--lane) - 4px);transform-origin:50% 8%;will-change:transform}.chute-region .canopy{display:block;width:100%;height:auto;overflow:visible}.chute-region .canopy .cloth{transform-box:fill-box;transform-origin:50% 100%;transform:scale(0)}.chute-region .canopy .lines{opacity:0;stroke:#1D2B45;transition:stroke .35s}.chute-region .canopy .rim{stroke:#1D2B45;transition:stroke .35s}.chute-region .ele-tumble{position:relative;width:60%;margin:-2.5% auto 0;transform-origin:50% 45%}.chute-region .ele-tumble img{display:block;width:100%;height:auto;transform-origin:50% 100%;filter:drop-shadow(0 6px 10px rgba(3,17,31,.18));transition:filter .35s}.chute-region .chute.ondark .lines{stroke:#C9D8E6}.chute-region .chute.ondark .rim{stroke:#E6EEF6}.chute-region .chute.ondark .ele-tumble img{filter:drop-shadow(0 0 1.5px rgba(241,246,251,.6))}.chute-region .whoosh{position:absolute;left:14%;right:14%;bottom:62%;height:70%;pointer-events:none}.chute-region .whoosh i{position:absolute;bottom:0;width:2px;height:46%;border-radius:2px;background:linear-gradient(to top,rgba(111,168,214,0),rgba(111,168,214,.6));animation:whoosh .9s linear infinite}.chute-region .whoosh i:nth-child(1){left:18%;animation-delay:0s}.chute-region .whoosh i:nth-child(2){left:50%;height:60%;animation-delay:.32s}.chute-region .whoosh i:nth-child(3){left:80%;animation-delay:.6s}@keyframes whoosh{0%{transform:translateY(60%);opacity:0}25%{opacity:1}100%{transform:translateY(-110%);opacity:0}}.chute-region .puff{position:absolute;left:50%;bottom:-4px;width:0;height:0}.chute-region .puff i{position:absolute;bottom:0;width:calc(var(--lane) * .26);height:calc(var(--lane) * .09);border-radius:50%;background:radial-gradient(ellipse at center,rgba(159,186,211,.55),rgba(159,186,211,0) 70%);opacity:0}.chute-region .puff i:nth-child(1){right:4px;transform-origin:100% 100%}.chute-region .puff i:nth-child(2){left:4px;transform-origin:0 100%}.chute-region .chute.landed .puff i:nth-child(1){animation:puffL .9s ease-out forwards}.chute-region .chute.landed .puff i:nth-child(2){animation:puffR .9s ease-out forwards}.chute-region .chute.landed .ele-tumble img{animation:squash .6s ease-out}@keyframes puffL{0%{opacity:.9;transform:translateX(30%) scale(.4)}100%{opacity:0;transform:translateX(-40%) scale(1.5)}}@keyframes puffR{0%{opacity:.9;transform:translateX(-30%) scale(.4)}100%{opacity:0;transform:translateX(40%) scale(1.5)}}@keyframes squash{0%{transform:scale(1.05,.9)}45%{transform:scale(.97,1.04)}100%{transform:none}}@media(prefers-reduced-motion:reduce){.chute-region .whoosh{display:none}.chute-region .chute.landed .puff i,.chute-region .chute.landed .ele-tumble img{animation:none}}@media(max-width:820px){.chute-region{--lane:64px;--hold:80px}.chute-region .wrap{padding-left:10px;padding-right:16px}.chute-region .chute{width:calc(var(--lane) - 8px)}.chute-region .chute-pin{margin-top:84px}}