.ringtone-maker{position:relative;min-height:0;border-radius:15px}.ringtone-maker #area{position:relative;z-index:9;pointer-events:none}.ringtone-maker #area #left{left:0;position:absolute;height:128px;background:#000a}.ringtone-maker #area #right{right:0;position:absolute;height:128px;background:#00000080}.ringtone-maker #handle{position:relative;z-index:99;color:#475ebf;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ringtone-maker #handle div{width:10px;position:absolute;background-color:#00e0ff;cursor:ew-resize;pointer-events:all;height:128px}.ringtone-maker #handle div::before{content:"•\A•\A•";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:12px;margin-top:0;white-space:pre;line-height:6px}.ringtone-maker #handle div:hover{color:#fff}.ringtone-maker #handle #left{right:0;border-top-left-radius:5px;border-bottom-left-radius:5px}.ringtone-maker #handle #right{right:0;border-bottom-right-radius:5px;border-top-right-radius:5px}.ringtone-maker #waveform{position:relative;cursor:move}.ringtone-maker #waveform wave{-webkit-box-shadow:1px 1px 3px rgba(0,0,0,.2);box-shadow:1px 1px 3px rgba(0,0,0,.2)}.ringtone-maker #waveform #time-current{display:none}.ringtone-maker #waveform #time-current::before{content:"";border-right:solid thin #666;position:absolute;left:12px;height:128px;margin-top:18px;z-index:9}.ringtone-maker #waveform #time-end{right:0;margin-right:-12px}.ringtone-maker #waveform #time-between{bottom:2px;margin-right:-18px}.ringtone-maker #waveform #time-between,.ringtone-maker #waveform #time-current,.ringtone-maker #waveform #time-end,.ringtone-maker #waveform #time-playing,.ringtone-maker #waveform #time-start{pointer-events:none;color:#666;position:absolute;font-size:10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ringtone-maker #waveform #time-between.b,.ringtone-maker #waveform #time-current.b,.ringtone-maker #waveform #time-end.b,.ringtone-maker #waveform #time-playing.b,.ringtone-maker #waveform #time-start.b{bottom:-18px}.ringtone-maker #waveform #time-between.t,.ringtone-maker #waveform #time-current.t,.ringtone-maker #waveform #time-end.t,.ringtone-maker #waveform #time-playing.t,.ringtone-maker #waveform #time-start.t{top:-18px}.maker-play .player{float:none;margin:0 auto;width:50px;height:50px;border-radius:50%;background-color:var(--bs-primary)}.maker-play .player .icon{color:#fff;height:22px;width:22px;margin-top:14px;margin-left:14px}