:root{--vm-transition: all .3s cubic-bezier(.4, 0, .2, 1)}.voice-message-section{margin-top:var(--vm-margin-top, 20px);margin-bottom:var(--vm-margin-bottom, 20px);width:100%}.vm-player{background-color:var(--vm-bg-color, #F5F5F5);border-radius:var(--vm-border-radius, 20px);box-shadow:var(--vm-shadow, 0 2px 10px rgba(0,0,0,.1));padding:var(--vm-padding, 20px);transition:var(--vm-transition)}.vm-player:hover{box-shadow:0 4px 20px #00000026}.vm-player__container{display:flex;align-items:center;gap:16px;width:100%}.vm-player--profile .vm-player__container{flex-direction:row}.vm-player__avatar{flex-shrink:0;width:60px;height:60px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2)}.vm-player__avatar img{width:100%;height:100%;object-fit:cover}.vm-player--profile .vm-player__content{flex:1;min-width:0}.vm-player--compact .vm-player__container{flex-direction:column;gap:12px}.vm-player__header{display:flex;align-items:center;gap:12px;width:100%}.vm-player__icon{flex-shrink:0}.vm-player--compact .vm-player__content{width:100%}.vm-player__text{margin-top:8px}.vm-player__title{color:var(--vm-text-color, #000);font-size:15px;font-weight:600;line-height:1.4;margin:0 0 2px}.vm-player__subtitle{color:var(--vm-text-color, #000);font-size:15px;font-weight:400;line-height:1.4;margin:0}.vm-player__waveform-container{display:flex;align-items:center;gap:12px;width:100%;position:relative}.vm-player__waveform{flex:1;min-width:0;position:relative;height:var(--waveform-height, 50px);display:flex;align-items:center;justify-content:space-between;cursor:pointer}.vm-waveform__bars{display:flex;align-items:center;gap:3px;height:100%;flex:1;position:relative}.vm-waveform__bar{flex:1;background-color:var(--waveform-color, #000);border-radius:2px;transition:var(--vm-transition);min-width:2px;position:relative}.vm-waveform__bar:nth-child(1){height:30%}.vm-waveform__bar:nth-child(2){height:60%}.vm-waveform__bar:nth-child(3){height:45%}.vm-waveform__bar:nth-child(4){height:80%}.vm-waveform__bar:nth-child(5){height:55%}.vm-waveform__bar:nth-child(6){height:70%}.vm-waveform__bar:nth-child(7){height:40%}.vm-waveform__bar:nth-child(8){height:90%}.vm-waveform__bar:nth-child(9){height:65%}.vm-waveform__bar:nth-child(10){height:50%}.vm-waveform__bar:nth-child(11){height:75%}.vm-waveform__bar:nth-child(12){height:35%}.vm-waveform__bar:nth-child(13){height:85%}.vm-waveform__bar:nth-child(14){height:60%}.vm-waveform__bar:nth-child(15){height:95%}.vm-waveform__bar:nth-child(16){height:70%}.vm-waveform__bar:nth-child(17){height:45%}.vm-waveform__bar:nth-child(18){height:80%}.vm-waveform__bar:nth-child(19){height:55%}.vm-waveform__bar:nth-child(20){height:65%}.vm-waveform__bar:nth-child(21){height:40%}.vm-waveform__bar:nth-child(22){height:75%}.vm-waveform__bar:nth-child(23){height:50%}.vm-waveform__bar:nth-child(24){height:85%}.vm-waveform__bar:nth-child(25){height:60%}.vm-waveform__bar:nth-child(26){height:70%}.vm-waveform__bar:nth-child(27){height:45%}.vm-waveform__bar:nth-child(28){height:55%}.vm-waveform__bar:nth-child(29){height:35%}.vm-waveform__bar:nth-child(30){height:30%}.vm-waveform__bar.is-played{background-color:var(--waveform-progress-color, #666)}.vm-player.is-playing .vm-waveform__bar{animation:waveform-pulse 1.5s ease-in-out infinite}@keyframes waveform-pulse{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.2)}}.vm-player.is-playing .vm-waveform__bar:nth-child(odd){animation-delay:.1s}.vm-player.is-playing .vm-waveform__bar:nth-child(2n){animation-delay:.2s}.vm-player__time{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:4px;font-size:12px;color:var(--vm-text-color, #000);font-weight:500;background-color:var(--vm-bg-color, #F5F5F5);padding:2px 8px;border-radius:12px;pointer-events:none}.vm-player__time-separator{opacity:.5}.vm-player__play-btn{flex-shrink:0;width:48px;height:48px;border-radius:50%;background-color:var(--vm-accent-color, #000);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:var(--vm-transition);position:relative;overflow:hidden}.vm-player__play-btn--compact{width:40px;height:40px}.vm-player__play-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #0003}.vm-player__play-btn:active{transform:scale(.95)}.vm-player__play-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background-color:#ffffff4d;transform:translate(-50%,-50%);transition:width .4s ease,height .4s ease}.vm-player__play-btn:active:before{width:100%;height:100%}.vm-player__play-icon,.vm-player__pause-icon{position:relative;z-index:1;transition:var(--vm-transition)}.vm-player__audio{display:none}.vm-player.is-loading .vm-player__play-btn{pointer-events:none;opacity:.6}.vm-player.is-loading .vm-waveform__bars{opacity:.5}@media(max-width:768px){.vm-player{padding:16px}.vm-player--profile .vm-player__container{flex-direction:column;align-items:flex-start}.vm-player__avatar{width:50px;height:50px}.vm-player__title,.vm-player__subtitle{font-size:14px}.vm-waveform__bars{gap:2px}.vm-player__play-btn{width:40px;height:40px}.vm-player__play-btn--compact{width:36px;height:36px}}@media(max-width:480px){.vm-player__time{font-size:11px;padding:2px 6px}.vm-waveform__bars{gap:1.5px}}.vm-player__play-btn:focus-visible{outline:2px solid var(--vm-accent-color);outline-offset:2px}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media print{.voice-message-section{display:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/voice-message-player.css.map */