.mf-switch{width:100%}.mf-switch .img-fit{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}.mf-switch .image-banner{position:relative;display:flex;height:auto}.mf-switch .image-banner .image-banner__image{position:absolute;top:0;left:0;width:100%;height:100%}.mf-switch .content{width:40%;height:100%;top:0;position:absolute;padding-right:10%;right:0;display:flex;flex-direction:column;color:#fff;justify-content:center}.mf-switch .title{color:#fff;font-size:2.6vw;margin-bottom:.8em}.mf-switch .description{font-size:1.2vw}.mf-switch .switch-image-1,.mf-switch .switch-image-2{width:50%;top:0%;height:87%;left:-45%;opacity:0;position:absolute}.mf-switch:has(#bike1:checked) .switch-image-1,.mf-switch:has(#bike2:checked) .switch-image-2{opacity:1;animation:bike-run 1.5s cubic-bezier(.16,.62,.41,1.05) 1 forwards}.mf-switch:has(#bike1:checked) .switch-image-2,.mf-switch:has(#bike2:checked) .switch-image-1{opacity:0}.mf-switch .btns{display:flex;gap:12px}.mf-switch input[type=radio]{display:none}.mf-switch:has(#bike1:checked) .btn1,.mf-switch:has(#bike2:checked) .btn2{background:#00bac6}.mf-switch .button{padding:.8em 1.5em;border-radius:2px;border:none;font-size:1.2vw;cursor:pointer;background:#878e94}.mf-switch .button:hover{opacity:.6}@keyframes bike-run{0%{top:0%;left:-45%}to{top:7%;left:6%}}@media (max-width: 768px){.mf-switch .content{top:20px;width:100%;left:0;right:0;height:min-content;padding:20px}.mf-switch .content h2{font-size:7vw;color:#000;margin-bottom:.5em}.mf-switch .content p{font-size:3.5vw;color:#000}.mf-switch .button{font-size:3.2vw}.mf-switch .switch-image-1,.mf-switch .switch-image-2{width:100%;bottom:7%;top:unset;height:53%;left:0;position:absolute}.mf-switch:has(#bike1:checked) .switch-image-1,.mf-switch:has(#bike2:checked) .switch-image-2{animation:bike-run 1.5s cubic-bezier(.16,.62,.41,1.05) 1 forwards}@keyframes bike-run{0%{bottom:8%;left:-47%}to{bottom:7%;left:0%}}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/mf-switch.css.map */