/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-leading:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer components{.green-audio-player{align-items:center;gap:calc(var(--spacing,.25rem)*4);background-color:var(--color-white,#fff);width:100%;min-width:300px;height:56px;padding-inline:calc(var(--spacing,.25rem)*6);--tw-outline-style:none;-webkit-user-select:none;user-select:none;border-radius:.25rem;outline-style:none;display:flex;overflow:visible}.green-audio-player .holder{flex-shrink:0}.green-audio-player .holder .loading .loading__spinner{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4);border-style:var(--tw-border-style);border-width:2px;border-color:var(--color-gray-400,oklch(70.7% .022 261.325));border-right-color:#0000;border-radius:3.40282e38px;animation:.4s linear infinite spin;position:absolute;bottom:2px;left:-3px}@keyframes spin{to{transform:rotate(1turn)}}.green-audio-player .holder .play-pause-btn{visibility:hidden;cursor:pointer;--tw-outline-style:none;outline-style:none}.green-audio-player .slider{cursor:pointer;background-color:var(--color-gray-300,oklch(87.2% .01 258.338));flex-grow:1;position:relative;margin-bottom:calc(var(--spacing,.25rem)*0)!important}.green-audio-player .slider .gap-progress{pointer-events:none;background-color:var(--color-red-600,oklch(57.7% .245 27.325));border-radius:.25rem;position:absolute}.green-audio-player .slider .gap-progress .pin{pointer-events:auto;height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4);border-radius:var(--radius-lg,.5rem);background-color:var(--color-red-600,oklch(57.7% .245 27.325));--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);position:absolute}.green-audio-player .controls{align-items:center;gap:calc(var(--spacing,.25rem)*4);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));--tw-leading:18px;color:var(--color-gray-700,oklch(37.3% .034 259.733));--tw-outline-style:none;outline-style:none;flex-grow:1;font-family:Roboto,sans-serif;line-height:18px;display:flex;margin-bottom:calc(var(--spacing,.25rem)*0)!important}.green-audio-player .controls .controls__slider{height:calc(var(--spacing,.25rem)*1);border-radius:var(--radius-sm,.25rem);flex-grow:1}.green-audio-player .controls .controls__slider .controls__progress{height:100%;width:calc(var(--spacing,.25rem)*0)}.green-audio-player .controls .controls__slider .controls__progress .progress__pin{top:-6px;right:calc(var(--spacing,.25rem)*-2)}.green-audio-player .controls span{cursor:default;flex-shrink:0;margin-bottom:calc(var(--spacing,.25rem)*0)!important}.green-audio-player .volume{flex-shrink:0;position:relative;margin-bottom:calc(var(--spacing,.25rem)*0)!important}.green-audio-player .volume .volume__button{cursor:pointer;--tw-outline-style:none;outline-style:none;margin-bottom:calc(var(--spacing,.25rem)*0)!important}.green-audio-player .volume .volume__button.open path{fill:var(--color-red-600,oklch(57.7% .245 27.325))}.green-audio-player .volume .volume__controls{z-index:2;--tw-translate-x: -50% ;width:30px;height:135px;translate:var(--tw-translate-x)var(--tw-translate-y);border-radius:var(--radius-lg,.5rem);background-color:#0009;flex-direction:column;align-items:center;display:flex;position:absolute;top:-145px;left:50%}@supports (color:color-mix(in lab,red,red)){.green-audio-player .volume .volume__controls{background-color:color-mix(in oklab,var(--color-black,#000)60%,transparent)}}.green-audio-player .volume .volume__controls{--tw-outline-style:none;outline-style:none}.green-audio-player .volume .volume__controls .volume__slider{margin-block:calc(var(--spacing,.25rem)*3);border-radius:3px;width:6px}.green-audio-player .volume .volume__controls .volume__slider .volume__progress{bottom:calc(var(--spacing,.25rem)*0);width:6px;height:100%}.green-audio-player .volume .volume__controls .volume__slider .volume__progress .volume__pin{top:calc(var(--spacing,.25rem)*-2);left:-5px}.green-audio-player .volume .volume__controls.hidden{display:none}.green-audio-player .download{margin-left:calc(var(--spacing,.25rem)*4);cursor:pointer;--tw-outline-style:none;outline-style:none;flex-shrink:0;display:none}.message__offscreen{border-style:var(--tw-border-style);width:1px;height:1px;padding:calc(var(--spacing,.25rem)*0);white-space:normal;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);border-width:0;margin:-1px;position:absolute;overflow:hidden}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-leading{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@keyframes spin{to{transform:rotate(360deg)}}
