.voice-message-widget{display:block;position:relative;margin-bottom:var(--gutter-regular);color:var(--color-text-main);font-family:var(--font-stack-body)}.voice-message-widget--has-reactions{padding-bottom:.85rem}.voice-message-widget__card{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--color-third-background-main);border-radius:var(--border-radius-cards);width:fit-content}.voice-message-widget__avatar{position:relative;flex-shrink:0;width:3rem;height:3rem;border-radius:50%;overflow:visible;background:var(--color-background-cards)}.voice-message-widget__avatar-img,.voice-message-widget__avatar-fallback{display:block;width:3rem;height:3rem;border-radius:50%;object-fit:cover}.voice-message-widget__avatar-fallback{display:flex;align-items:center;justify-content:center;color:var(--color-secondary-text-main);background:var(--color-background-cards)}.voice-message-widget__badge{position:absolute;right:-.1rem;bottom:-.1rem;display:flex;align-items:center;justify-content:center;width:1.125rem;height:1.125rem;border-radius:50%;background:#22c55e;color:#fff;box-shadow:0 0 0 2px var(--color-third-background-main)}.voice-message-widget__player{display:flex;align-items:center;gap:.7rem;flex:1;min-width:0;padding:.45rem .7rem .45rem .5rem;background:var(--color-background-cards);border-radius:var(--border-radius-cards);box-shadow:var(--shadow-x-cards) var(--shadow-y-cards) var(--shadow-blur-cards) var(--color-shadow-cards)}.voice-message-widget__play{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2.5rem;height:2.5rem;padding:0;border:0;border-radius:50%;background:var(--color-accent-main);color:var(--color-foreground-accent-main);cursor:pointer}.voice-message-widget__play:hover{filter:brightness(.96)}.voice-message-widget__play:focus-visible{outline:2px solid var(--color-text-main);outline-offset:2px}.voice-message-widget__play:disabled{cursor:default;opacity:.55}.voice-message-widget__icon-pause,.voice-message-widget.is-playing .voice-message-widget__icon-play{display:none}.voice-message-widget.is-playing .voice-message-widget__icon-pause{display:block}.voice-message-widget__waveform{--progress: 0;position:relative;display:flex;align-items:center;flex:1;min-width:0;height:2rem;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.voice-message-widget__waveform:focus-visible{outline:2px solid var(--color-text-main);outline-offset:2px;border-radius:.25rem}.voice-message-widget__bars{display:flex;align-items:center;gap:.125rem;width:100%;height:100%}.voice-message-widget__bars--played{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(0 calc((1 - var(--progress)) * 100%) 0 0)}.voice-message-widget__bar{flex:1 1 0;max-width:.2rem;width:.25rem;height:calc(var(--bar-h, .4) * 100%);min-height:22%;border-radius:99px;background:var(--color-accent-main);opacity:.32;pointer-events:none}.voice-message-widget__bars--played .voice-message-widget__bar{opacity:1}.voice-message-widget__time{flex-shrink:0;min-width:2.25em;color:var(--color-secondary-text-main);font-size:.8125rem;font-weight:500;line-height:1;text-align:right;font-variant-numeric:tabular-nums}.voice-message-widget__reactions{position:absolute;left:.75rem;bottom:.1rem;display:flex;align-items:center;gap:.35rem;z-index:1}.voice-message-widget__reaction{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem .2rem .3rem;background:var(--color-background-cards);border-radius:999px;box-shadow:var(--shadow-x-cards) var(--shadow-y-cards) var(--shadow-blur-cards) var(--color-shadow-cards);font-size:.75rem;font-weight:500;line-height:1}.voice-message-widget__reaction-icon{display:block;width:1.05rem;height:1.05rem;object-fit:contain}.voice-message-widget audio{display:none}@media(max-width:480px){.voice-message-widget__card{gap:.55rem;padding:.6rem}.voice-message-widget__avatar,.voice-message-widget__avatar-img,.voice-message-widget__avatar-fallback{width:2.5rem;height:2.5rem}.voice-message-widget__play{width:2.15rem;height:2.15rem}.voice-message-widget__player{gap:.5rem;padding:.35rem .55rem .35rem .4rem}}
/*# sourceMappingURL=/cdn/shop/t/65/assets/component-voice-message-widget.css.map */