body.offcanvas-open{overflow-y:hidden}.offcanvas.offcanvas-open{--tw-translate-x: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.audio-player{display:flex;justify-content:space-between;align-items:center}.play-button{--button-height: 6px;--button-color: #fff;display:flex;justify-content:center;align-items:center;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.play-button span{margin-left:calc(2 * .14 * var(--button-height));background:none;border:none;border-top:var(--button-height) solid transparent;border-bottom:var(--button-height) solid transparent;border-left:calc(var(--button-height) * 2 * .86) solid var(--button-color)}.play-button.playing span{margin-left:0;position:relative;background:none;border:none;height:calc(var(--button-height) * 2);width:calc(var(--button-height) * 2 * .86)}.play-button.playing span:before,.play-button.playing span:after{content:"";position:absolute;top:0;height:100%;width:33%;background:var(--button-color)}.play-button.playing span:before{left:0}.play-button.playing span:after{right:0}input[type=range]{--c: #fff;--l: 4px;--h: 32px;--w: 1px;flex:1;height:var(--h);--_c: color-mix(in srgb, var(--c), #000 var(--p, 0%));-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;cursor:pointer;overflow:hidden;min-width:0}input[type=range]:focus-visible,input[type=range]:hover{--p: 10%}input[type=range i]::-webkit-slider-thumb{height:var(--h);width:var(--w);background:var(--_c);background:transparent;border-image:linear-gradient(90deg,var(--_c) 50%,#5f5f5f 0) 0 1/calc(50% - var(--l)/2) 100vw/0 100vw;-webkit-appearance:none;appearance:none;-webkit-transition:.3s;transition:.3s}input[type=range]::-moz-range-thumb{height:var(--h);width:var(--w);background:var(--_c);border-image:linear-gradient(90deg,var(--_c) 50%,#5f5f5f 0) 0 1/calc(50% - var(--l)/2) 100vw/0 100vw;-webkit-appearance:none;-moz-appearance:none;appearance:none;-moz-transition:.3s;transition:.3s}@supports not (color: color-mix(in srgb,red,red)){input[type=range]{--_c: var(--c)}}