.cyclist-container{z-index:15;opacity:0;transform-origin:50%;width:60px;height:60px;transition:opacity .3s ease-in-out;position:absolute;left:-60px;transform:scale(.4)}.bike-riding{justify-content:center;align-items:center;width:150px;height:150px;display:flex;position:relative;overflow:hidden}.cyclist{animation:1s linear infinite ride;position:relative;top:0}@keyframes ride{0%{transform:scaleY(1)}25%{transform:scaleY(1.02)}50%{transform:scaleY(1)}75%{transform:scaleY(1.02)}to{transform:scaleY(1)}}.bike{background-color:#2d5016;border-radius:3px;width:45px;height:3px;position:relative;box-shadow:inset 1px -1px #0000001a}.bike:before,.bike:after{content:"";background-color:#2d5016;width:2px;height:35px;position:absolute;top:-3px}.bike:before{left:32px;transform:rotate(35deg);box-shadow:-30px 21px #2d5016,0 -8px #2d5016}.bike:after{left:12px;transform:rotate(-35deg);box-shadow:30px 21px #2d5016,0 -8px #2d5016}.leftTyre,.rightTyre{z-index:1;border:3px solid #333;border-radius:50%;width:38px;height:38px;animation:1s linear infinite spin;position:absolute;top:8px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.leftTyre{left:-35px}.rightTyre{left:39px}.leftTyre:before,.rightTyre:before{content:"";border:2px solid #fcfffc;border-radius:50%;width:34px;height:34px;position:absolute}.leftTyre:after,.rightTyre:after{content:"";background-color:#fcfffc;width:1px;height:36px;position:absolute;top:0;left:19px}.spokes{background-color:#fcfffc;width:36px;height:1px;position:absolute;top:18px;left:1px}.spokes:before,.spokes:after{content:"";background-color:#fcfffc;width:36px;height:1px;position:absolute;top:0;left:0}.spokes:before{transform-origin:50%;transform:rotate(45deg)}.spokes:after{transform-origin:50%;transform:rotate(-45deg)}.wheel{z-index:6;background-color:#a4161a;border-radius:50%;width:5px;height:5px;position:absolute;top:26px;left:-16px;box-shadow:74px 0 #a4161a,37px 0 #a4161a}.wheel:before{content:"";border:2px solid #0000;border-top:3px solid #333;border-left-color:#e5383b;border-radius:100%;width:12px;height:12px;position:absolute;top:-35px;left:60px;transform:rotate(80deg)}.shadow{background-color:#0003;border-radius:3px;width:130px;height:4px;animation:2s linear infinite scale;position:absolute;top:128px;left:11px}@keyframes scale{0%{transform:scaleX(1)}25%{transform:scaleX(.9)}50%{transform:scaleX(1)}75%{transform:scaleX(.9)}to{transform:scaleX(1)}}.pedals{z-index:7;border:1px solid #ba181b;border-radius:50%;width:12px;height:12px;animation:1s linear infinite spin;position:relative;top:21px;left:15px}.pedals:before{content:"";background-color:#adb5bd;border-radius:3px;width:1px;height:8px;position:absolute;top:-1px;left:6px}.chain{position:absolute;top:20px}.chain:before,.chain:after{content:"";background-color:#333;width:35px;height:1px;position:absolute;left:-15px}.chain:before{top:5px;transform:rotate(-10deg)}.chain:after{top:12px;transform:rotate(10deg)}.girl{position:absolute}.top{border-top:12px solid #ff6b6b;border-left:12px solid #ff6b6b;border-top-left-radius:100%;width:20px;height:20px;position:absolute;top:-45px;left:-3px}.top:before{content:"";background-color:#ff6b6b;border-radius:50%;width:12px;height:12px;position:absolute;top:-16px;left:8px;box-shadow:-3px 3px #ff6b6b}.rightArm,.leftArm{border-radius:5px;width:4px;height:25px;position:absolute;transform:rotate(-30deg)}.rightArm{z-index:8;background-color:#deab90;top:-40px;left:33px}.leftArm{z-index:-1;background-color:#cd9777;top:-42px;left:26px}.rightArm:before,.leftArm:before{content:"";border-radius:5px;width:4px;height:25px;position:absolute;top:21px;left:4px;transform:rotate(-20deg)}.rightArm:before{background-color:#deab90}.leftArm:before{background-color:#cd9777}.head{z-index:-1;background-color:#cd9777;width:10px;height:5px;position:absolute;top:-45px;left:30px;transform:rotate(-20deg)}.head:before,.head:after{content:"";background-color:#deab90;border-radius:50%;position:absolute}.head:before{width:19px;height:19px;top:-8px;left:8px}.head:after{width:5px;height:5px;top:6px;left:20px}.hair{z-index:10;background-color:#8b5cf6;border-radius:0 100% 0 0;width:20px;height:10px;position:absolute;top:-58px;left:38px}.hair:after{content:"";background-color:#8b5cf6;border-radius:50%;width:10px;height:10px;position:absolute;left:-5px}.hair:before{content:"";transform-origin:100%;background-color:#ee9b00;border-radius:50% 0/100% 0;width:20px;height:6px;animation:1s linear infinite hair;position:absolute;top:9px;left:-21px}@keyframes hair{0%{transform:rotate(0)}25%{transform:rotate(10deg)}50%{transform:rotate(0)}75%{transform:rotate(10deg)}to{transform:rotate(0)}}.strap{background-color:#333;border-radius:50%;width:2px;height:2px;position:absolute;top:-49px;left:49px}.strap:after{content:"";background-color:#333;border-radius:3px;width:2px;height:15px;position:absolute;top:-6px;left:-8px;transform:rotate(-15deg)}.strap:before{content:"";background-color:#ee9b00;border-radius:12px 12px 12px 0;width:15px;height:8px;position:absolute;top:-8px;left:-15px}.trousers{position:absolute;top:-25px;left:-5px}.rightLeg{transform-origin:0 0;z-index:7;background-color:#0a9396;border-radius:0 3px 0 8px;width:30px;height:9px;animation:1s linear infinite rotate;position:absolute;top:4px;left:3px}.trousers:after{content:"";background-color:#0a9396;border-radius:0 6px 12px 12px;width:15px;height:15px;position:absolute;left:-1px;transform:rotate(20deg)}.trousers:before{content:"";background-color:#333;border-radius:5px;width:16px;height:6px;position:absolute;top:12px;left:-3px}.leftLeg{transform-origin:0 0;z-index:-4;background-color:#005f73;border-radius:0 3px 0 8px;width:30px;height:9px;animation:1s linear .5s infinite rotate;position:absolute;top:4px;left:3px}@keyframes rotate{0%{transform:rotate(0)}25%{transform:rotate(15deg)}55%{transform:rotate(30deg)}80%{transform:rotate(15deg)}to{transform:rotate(0)}}.calf{transform-origin:top;background-color:#0a9396;border-radius:0 3px 0 0;width:8px;height:30px;animation:1s linear infinite cycle;position:absolute;top:2px;left:22px}.leftcalf{transform-origin:top;background-color:#005f73;border-radius:0 3px 0 0;width:8px;height:30px;animation:1s linear .5s infinite cycle;position:absolute;top:2px;left:22px}.leftcalf:before,.calf:before{content:"";background-color:#bb3e03;border-radius:0 5px 0 0;width:14px;height:8px;position:absolute;top:30px;box-shadow:inset 0 -3px #fff}.leftcalf:after,.calf:after{content:"";background-color:#333;border-radius:3px;width:9px;height:3px;position:absolute;top:38px;left:3px}@keyframes cycle{0%{transform:rotate(0)}25%{transform:rotate(-27deg)}50%{transform:rotate(-32deg)}75%{transform:rotate(-10deg)}to{transform:rotate(0)}}.clouds{background-color:#ffffff80;border-radius:5px;width:32px;height:8px;animation:2.7s linear infinite reverse clouds;position:absolute;top:62px}.clouds:before,.clouds:after{content:"";background-color:#ffffff80;border-radius:5px;width:32px;height:8px;position:absolute}.clouds:before{animation:2.2s linear infinite reverse clouds;top:-50px;left:-75px}.clouds:after{animation:3.1s linear infinite reverse clouds;top:-25px;left:87px}@keyframes clouds{0%{left:-150px}to{left:150px}}@media (hover:hover){.group:hover .cyclist-container,.route-card:hover .cyclist-container{opacity:1;animation:6s ease-in-out forwards cyclist-ride}}@keyframes cyclist-ride{0%{left:-60px}to{left:calc(100% + 20px)}}.cyclist-container.bottom-positioned{bottom:40px}.cyclist-container.route-card-positioned{bottom:10px}.cyclist-container.slideshow-positioned{bottom:6px}.mountain-range-container{z-index:11;opacity:0;width:100%;height:60px;transition:opacity .4s ease-in-out,transform .4s ease-in-out;position:absolute;bottom:0;left:0;transform:translateY(20px)}.mountain-range-container.ease-in{opacity:1;transform:translateY(0)}.mountain-layer{width:100%;position:absolute;bottom:0;left:0}.mountain-layer-3{opacity:.1;z-index:9;clip-path:polygon(0% 100%,10% 70%,20% 50%,30% 60%,40% 30%,50% 40%,60% 20%,70% 35%,80% 15%,90% 30%,100% 25%,100% 100%);background:#d3d3d3;height:40px}.mountain-layer-2{opacity:.3;z-index:10;clip-path:polygon(0% 100%,8% 75%,18% 55%,28% 65%,38% 35%,48% 45%,58% 25%,68% 40%,78% 20%,88% 35%,98% 22%,100% 30%,100% 100%);background:peru;height:50px}.mountain-layer-1{opacity:.8;z-index:11;clip-path:polygon(0% 100%,5% 80%,15% 60%,25% 70%,35% 40%,45% 50%,55% 30%,65% 45%,75% 25%,85% 40%,95% 20%,100% 35%,100% 100%);background:#8b7355;height:60px}.group:hover .mountain-range-container,.route-card:hover .mountain-range-container{opacity:1;animation:6s ease-in-out .4s forwards mountain-fade-out;transform:translateY(0)}@keyframes mountain-fade-out{0%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.mountain-range-bg{z-index:11;clip-path:polygon(0% 100%,5% 80%,15% 60%,25% 70%,35% 40%,45% 50%,55% 30%,65% 45%,75% 25%,85% 40%,95% 20%,100% 35%,100% 100%);opacity:.8;background:linear-gradient(45deg,#8b735599 0%,#a0522d80 20%,#69696966 40%,#8b735580 60%,#a0522d99 80%,#8b451380 100%);width:100%;height:60px;transition:opacity .4s ease-in-out,transform .4s ease-in-out;position:absolute;bottom:0;left:0;transform:translateY(0)}.mountain-range-bg:before{content:"";clip-path:polygon(0% 100%,10% 70%,20% 50%,30% 60%,40% 30%,50% 40%,60% 20%,70% 35%,80% 15%,90% 30%,100% 25%,100% 100%);opacity:.8;background:linear-gradient(45deg,#a0522d4d 0%,#8b735533 30%,#6969694d 60%,#a0522d33 100%);width:100%;height:40px;transition:opacity .4s ease-in-out,transform .4s ease-in-out;position:absolute;bottom:0;left:0;transform:translateY(0)}.route-card:hover .mountain-range-bg,.route-card:hover .mountain-range-bg:before{opacity:1;transform:translateY(0)}