.article__audio{margin-block:2.4rem}.article-audio{display:flex;align-items:center;gap:1.6rem;flex-wrap:wrap;padding:1.6rem 2rem;background-color:rgb(var(--color-secondary-background));color:rgb(var(--color-foreground));font-family:var(--font-body-family)}.article-audio__toggle{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:4.8rem;height:4.8rem;padding:0;border:0;border-radius:50%;cursor:pointer;background-color:rgb(var(--color-button));color:rgb(var(--color-button-text));transition:opacity var(--animation-button, .4s ease)}.article-audio__toggle:hover{opacity:.85}.article-audio__toggle:focus-visible,.article-audio__seek:focus-visible,.article-audio__rate:focus-visible{outline:2px solid rgb(var(--color-keyboard-focus, var(--color-foreground)));outline-offset:3px}.article-audio__icon[hidden]{display:none}.article-audio__body{flex:1 1 24rem;min-width:0}.article-audio__label{margin:0 0 .6rem;font-size:1.5rem;font-weight:var(--font-body-weight-bolder, 500);line-height:1.35;color:rgb(var(--color-text-heading))}.article-audio__meta{font-weight:var(--font-body-weight, 400);color:rgba(var(--color-subtext),var(--color-subtext-alpha, 1));white-space:nowrap}.article-audio__track{display:flex;align-items:center;gap:1.2rem}.article-audio__time{font-size:1.3rem;color:rgba(var(--color-subtext),var(--color-subtext-alpha, 1));font-variant-numeric:tabular-nums;white-space:nowrap}.article-audio__seek{flex:1 1 auto;min-width:8rem;height:2rem;margin:0;padding:0;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}.article-audio__seek::-webkit-slider-runnable-track{height:.4rem;border-radius:.2rem;background-color:rgba(var(--color-border),var(--color-border-alpha, 1))}.article-audio__seek::-moz-range-track{height:.4rem;border-radius:.2rem;background-color:rgba(var(--color-border),var(--color-border-alpha, 1))}.article-audio__seek::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1.2rem;height:1.2rem;margin-top:-.4rem;border:0;border-radius:50%;background-color:rgb(var(--color-progress-bar, var(--color-primary)))}.article-audio__seek::-moz-range-thumb{width:1.2rem;height:1.2rem;border:0;border-radius:50%;background-color:rgb(var(--color-progress-bar, var(--color-primary)))}.article-audio__rate{flex:0 0 auto;min-width:6rem;font-variant-numeric:tabular-nums}.article-audio-dock{position:fixed;inset-inline:0;bottom:0;z-index:20;display:flex;align-items:center;gap:1.2rem;padding:1rem 1.6rem;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));border-top:1px solid rgba(var(--color-border),var(--color-border-alpha, 1));box-shadow:0 -.4rem 1.6rem #00000014;font-family:var(--font-body-family);transform:translateY(100%);transition:transform var(--animation-fast, .3s cubic-bezier(.7, 0, .3, 1))}.article-audio-dock.is-visible{transform:translateY(0)}.article-audio-dock__progress{position:absolute;inset-inline:0;top:0;height:.2rem;background-color:rgba(var(--color-border),var(--color-border-alpha, 1))}.article-audio-dock__progress>span{display:block;width:0;height:100%;background-color:rgb(var(--color-progress-bar, var(--color-primary)))}.article-audio-dock__toggle{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;padding:0;border:0;border-radius:50%;cursor:pointer;background-color:rgb(var(--color-button));color:rgb(var(--color-button-text))}.article-audio-dock__title{flex:1 1 auto;min-width:0;font-size:1.4rem;font-weight:var(--font-body-weight-bolder, 500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.article-audio-dock__time{flex:0 0 auto;font-size:1.3rem;font-variant-numeric:tabular-nums;color:rgba(var(--color-subtext),var(--color-subtext-alpha, 1))}.article-audio-dock__close{flex:0 0 auto;width:3.2rem;height:3.2rem;padding:0;border:0;background:transparent;cursor:pointer;color:rgba(var(--color-subtext),var(--color-subtext-alpha, 1));font-size:2.2rem;line-height:1}.article-audio-dock__toggle:focus-visible,.article-audio-dock__close:focus-visible{outline:2px solid rgb(var(--color-keyboard-focus, var(--color-foreground)));outline-offset:2px}@media(max-width:749px){.article-audio{padding:1.4rem 1.6rem;border-radius:var(--blocks-radius-mobile, var(--blocks-radius))}.article-audio-dock__time{display:none}}@media(prefers-reduced-motion:reduce){.article-audio__toggle,.article-audio-dock{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/component-article-audio.css.map */