.ab-voice-note{width:100%;margin-top:12px;color:#1a1a1a;font-family:Figtree,sans-serif;font-size:14px;font-weight:500;line-height:1.4}.ab-voice-note__card{background:#f9f7f1;border-radius:16px;box-shadow:0 1px 2px #2624220f;overflow:hidden}.ab-voice-note__photo{display:none}.ab-voice-note__content{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"play heading time" "wave wave wave" "toggle toggle toggle";column-gap:14px;row-gap:14px;align-items:center;padding:20px}.ab-voice-note__heading{display:block;grid-area:heading;min-width:0}.ab-voice-note__title,.ab-voice-note__role,.ab-voice-note__transcript-title{margin:0}.ab-voice-note__title{color:#1a1a1a;font-size:14px;font-weight:700;line-height:1.2}.ab-voice-note__role{margin-top:0;color:#8a8a8a;font-size:13px;font-weight:500;line-height:1.2}.ab-voice-note__player{display:contents}.ab-voice-note__play,.ab-voice-note__toggle{min-height:0;border:0;font-family:Figtree,sans-serif;font-style:normal;font-weight:700;letter-spacing:normal;text-transform:none;text-decoration:none;box-shadow:none;padding:8px;border-radius:8px;background:#f0f0f0;color:#000}.ab-voice-note__play{display:flex;grid-area:play;flex:0 0 auto;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:50%;background:#ecc84c;color:#262422;cursor:pointer}.ab-voice-note__play:hover{background:#ecc84c;color:#262422}.ab-voice-note__play:focus-visible,.ab-voice-note__toggle:focus-visible,.ab-voice-note__wave:focus-visible{outline:2px solid #262422;outline-offset:2px}.ab-voice-note__icon-play{display:block;width:14px;height:16px;transform:translate(2px)}.ab-voice-note__icon-pause,.ab-voice-note__play.is-playing .ab-voice-note__icon-play{display:none}.ab-voice-note__play.is-playing .ab-voice-note__icon-pause{display:block}.ab-voice-note__wave{position:relative;grid-area:wave;flex:1 1 auto;height:25px;min-width:0;cursor:pointer}.ab-voice-note__wave-img{display:block;width:100%;height:100%;object-fit:fill}.ab-voice-note__wave-img--desktop{display:none}.ab-voice-note__wave-img--rest{opacity:.22}.ab-voice-note__wave-img--mobile.ab-voice-note__wave-img--rest{opacity:1}.ab-voice-note__wave-progress{position:absolute;top:0;left:0;width:0;height:100%;overflow:hidden}.ab-voice-note__wave-progress .ab-voice-note__wave-img{position:absolute;top:0;left:0;max-width:none;height:100%}.ab-voice-note__time{grid-area:time;flex:0 0 auto;color:#1a1a1a;font-family:Figtree,sans-serif;font-size:12px;font-weight:400;font-variant-numeric:tabular-nums;line-height:1;white-space:nowrap}.ab-voice-note__toggle{grid-area:toggle;width:100%;padding:4px 8px;border-radius:6px;background:#e1dfd9;color:#1a1a1a;font-size:13px;line-height:16px;text-align:center;cursor:pointer}.ab-voice-note__toggle:hover{background:#e1dfd9;color:#1a1a1a}.ab-voice-note__transcript{padding:0 20px 20px}.ab-voice-note__transcript-title{margin-bottom:8px;color:#1a1a1a;font-size:14px;font-weight:700;line-height:1.2}.ab-voice-note__transcript-body{color:#1a1a1a;font-family:Figtree,sans-serif;font-size:14px;font-weight:500;line-height:1.3}.ab-voice-note__transcript-body p{margin:0}.ab-voice-note__audio{display:none}@media(min-width:990px){.ab-voice-note__card{background:#f9f7f1;border-radius:12px}.ab-voice-note__main{display:grid;grid-template-columns:168px minmax(0,1fr);align-items:stretch}.ab-voice-note__photo{position:relative;display:block;overflow:hidden}.ab-voice-note__photo img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:38% 30%}.ab-voice-note__content{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"heading toggle" "player player";gap:20px;align-items:start;padding:20px 20px 20px 0}.ab-voice-note__content:before{content:"";position:absolute;z-index:1;top:0;bottom:0;left:-80px;width:80px;pointer-events:none;background:linear-gradient(to right,#f9f7f100,#f9f7f1)}.ab-voice-note__heading{display:block;grid-area:heading}.ab-voice-note__role{margin-top:2px;font-size:15px}.ab-voice-note__player{display:flex;grid-area:player;align-items:center;gap:10px;min-width:0}.ab-voice-note__play{width:36px;height:36px}.ab-voice-note__wave{height:32px}.ab-voice-note__wave-img--mobile{display:none}.ab-voice-note__wave-img--desktop{display:block}.ab-voice-note__time{color:#8a8a8a}.ab-voice-note__toggle{width:auto;justify-self:end;white-space:nowrap;padding:8px;border-radius:8px;background:#eae8e3;color:#3a3a3a;font-size:12px;line-height:1.2}.ab-voice-note__toggle:hover{background:#eae8e3;color:#3a3a3a}.ab-voice-note__transcript{padding:28px}.ab-voice-note__transcript-body{color:#2a2a2a;line-height:1.45}}
/*# sourceMappingURL=/cdn/shop/t/96/assets/ab-voice-note.css.map */