.step-ride-container[data-v-05ddfb34]{.box-shadow-sm{border:1px solid rgba(0,0,0,.05)}}.audio-recorder[data-v-41a2bb54]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px}.audio-recorder[data-v-41a2bb54],.record-btn[data-v-41a2bb54]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.record-btn[data-v-41a2bb54]{position:relative;width:88px;height:88px;border:none;border-radius:50%;cursor:pointer;outline:none;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#ff5a5f,#ff2d55);-webkit-box-shadow:0 12px 30px rgba(255,45,85,.35),inset 0 2px 2px hsla(0,0%,100%,.25);box-shadow:0 12px 30px rgba(255,45,85,.35),inset 0 2px 2px hsla(0,0%,100%,.25);-webkit-transition:all .25s ease;transition:all .25s ease;svg{-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}&:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 18px 40px rgba(255,45,85,.45),inset 0 2px 2px hsla(0,0%,100%,.3);box-shadow:0 18px 40px rgba(255,45,85,.45),inset 0 2px 2px hsla(0,0%,100%,.3)}&:active{-webkit-transform:scale(.94);transform:scale(.94)}&.recording{-webkit-animation:heartbeat-data-v-41a2bb54 1.3s infinite;animation:heartbeat-data-v-41a2bb54 1.3s infinite;&:before{content:"";position:absolute;inset:-10px;border-radius:inherit;border:3px solid rgba(255,45,85,.4);-webkit-animation:ripple-data-v-41a2bb54 1.6s infinite;animation:ripple-data-v-41a2bb54 1.6s infinite}}}.stop-icon[data-v-41a2bb54]{width:24px;height:24px;border-radius:6px;background:#fff}.recording-text[data-v-41a2bb54]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#555;.dot{width:10px;height:10px;border-radius:50%;background:#ff2d55;-webkit-animation:blink-data-v-41a2bb54 1s infinite;animation:blink-data-v-41a2bb54 1s infinite}}.fade-enter-active[data-v-41a2bb54],.fade-leave-active[data-v-41a2bb54]{-webkit-transition:opacity .25s;transition:opacity .25s}.fade-enter[data-v-41a2bb54],.fade-leave-to[data-v-41a2bb54]{opacity:0}@-webkit-keyframes heartbeat-data-v-41a2bb54{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.06);transform:scale(1.06)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartbeat-data-v-41a2bb54{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.06);transform:scale(1.06)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes ripple-data-v-41a2bb54{0%{-webkit-transform:scale(.9);transform:scale(.9);opacity:1}to{-webkit-transform:scale(1.4);transform:scale(1.4);opacity:0}}@keyframes ripple-data-v-41a2bb54{0%{-webkit-transform:scale(.9);transform:scale(.9);opacity:1}to{-webkit-transform:scale(1.4);transform:scale(1.4);opacity:0}}@-webkit-keyframes blink-data-v-41a2bb54{50%{opacity:.2}}@keyframes blink-data-v-41a2bb54{50%{opacity:.2}}.select-type-container[data-v-17be9fba]{max-width:400px;margin:0 auto}.select-type-container .btn-outline-light[data-v-17be9fba]{border-color:#e1ebf1}.select-type-container .btn-outline-light[data-v-17be9fba]:hover{color:#017a84}.step-num[data-v-5121156c]{display:block;text-align:center;color:#fff;width:70px;height:70px;line-height:70px;font-size:50px;border-radius:50%;background-color:#017a84}