.sound-preview{display:inline-flex;max-width:100%}.card__sound-preview{margin-top:.6rem}.sound-preview__button{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;border:1px solid rgba(var(--color-foreground),.3);border-radius:3rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));padding:.8rem 1.6rem;font-size:1.3rem;line-height:1;cursor:pointer;transition:border-color var(--duration-short) ease,background-color var(--duration-short) ease}.sound-preview__button:hover{border-color:rgba(var(--color-foreground),.7)}.sound-preview__button:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.sound-preview__icon{display:inline-flex;align-items:center;justify-content:center;width:1.2rem;height:1.2rem;flex-shrink:0}.sound-preview__icon svg{width:100%;height:100%}.sound-preview__icon .icon-pause,.sound-preview.is-playing .sound-preview__icon .icon-play{display:none}.sound-preview.is-playing .sound-preview__icon .icon-pause{display:block}.sound-preview.is-playing .sound-preview__button{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}.sound-preview__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sound-preview--icon .sound-preview__button{padding:0;width:3.4rem;height:3.4rem;border-radius:50%}.sound-preview--icon .sound-preview__icon{width:1.1rem;height:1.1rem}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-sound-preview.css.map */