.sound-sample{border-radius:12px;background:rgb(var(--color-background));color:rgb(var(--color-foreground));padding:16px}.sound-sample__inner{display:flex;align-items:flex-start;gap:14px}.sound-sample__toggle{flex-shrink:0;width:44px;height:44px;border-radius:50%;border:none;background:rgb(var(--color-button));color:rgb(var(--color-button-text));display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.sound-sample__icon{display:flex;align-items:center;justify-content:center;width:14px;height:14px}.sound-sample__icon svg{width:100%;height:100%}.sound-sample__body{flex:1;min-width:0}.sound-sample__title{margin:0;font-size:1.5rem;font-weight:600;line-height:1.3}.sound-sample__subtitle{margin:.2rem 0 0;font-size:1.3rem;opacity:.75;line-height:1.3}.sound-sample__track{position:relative;margin-top:12px;height:16px;display:flex;align-items:center;cursor:pointer}.sound-sample__track:before{content:"";position:absolute;left:0;right:0;height:4px;border-radius:2px;background:rgba(var(--color-foreground),.25)}.sound-sample__progress{display:block!important;position:absolute;left:0;height:4px;width:0%;border-radius:2px;background:rgb(var(--color-foreground))}.sound-sample__handle{display:block!important;position:absolute;left:0%;width:12px;height:12px;border-radius:50%;background:rgb(var(--color-foreground));transform:translate(-50%)}.sound-sample__time-row{display:flex;justify-content:space-between;margin-top:6px;font-size:1.1rem;opacity:.75}
/*# sourceMappingURL=/cdn/shop/t/22/assets/component-sound-sample.css.map */