.block-waveform{max-width:var(--ota-property-container-narrow, 992px)}.block-waveform__inner{display:grid;grid-gap:var(--ota-property-spacer-sm, 0.5rem);gap:var(--ota-property-spacer-sm, 0.5rem);grid-template-columns:auto 1fr;border-radius:var(--ota-property-radius-outer, 0.375rem);padding:var(--ota-property-spacer-md, 1rem);background-color:var(--ota-background-lightgrey, #eaeaea)}@media only screen and (min-width: 992px){.block-waveform__inner{display:flex;gap:var(--ota-property-spacer-md, 1rem);flex-shrink:0;flex-direction:row;justify-content:flex-start;align-items:center}}.block-waveform__state{aspect-ratio:1/1;padding:unset;width:calc(var(--ota-property-spacer-xl, 4rem) - var(--ota-property-spacer-md, 1rem))}.block-waveform__state svg{margin:unset}.block-waveform__state--pause{display:none;visibility:hidden}.block-waveform__state--active .block-waveform__state--play{display:none;visibility:hidden}.block-waveform__state--active .block-waveform__state--pause{display:unset;visibility:visible}.block-waveform__track{width:100%;flex-grow:1;height:calc(var(--ota-property-spacer-xl, 4rem) - var(--ota-property-spacer-md, 1rem))}.block-waveform__volume{width:15%;display:grid;grid-gap:var(--ota-property-spacer-xs, 0.25rem);gap:var(--ota-property-spacer-xs, 0.25rem);grid-template-columns:auto 1fr}@media only screen and (max-width: 991px){.block-waveform__volume{width:100%;display:flex;gap:var(--ota-property-spacer-sm, 0.5rem);flex-shrink:0;flex-direction:row;justify-content:flex-start;align-items:center;grid-column:1/-1}}.block-waveform__volume label{grid-column:1/-1;font-size:.75rem}.block-waveform__volume svg{fill:rgba(0,0,0,0);width:calc(var(--ota-property-spacer-md, 1rem) + var(--ota-property-spacer-xs, 0.25rem))}.block-waveform__volume input{padding:unset}.block-waveform wave{height:inherit !important;transition:width var(--ota-property-transition-navigation, 240ms cubic-bezier(0, 0.5, 0, 1.2));position:relative;cursor:pointer !important}