.hexcabau-player{--hexcabau-accent:#078fe8;--hexcabau-play-icon:#fff;--hexcabau-progress-fill:var(--hexcabau-accent);--hexcabau-fill:var(--hexcabau-progress-fill);--hexcabau-bg:#252a2d;--hexcabau-text:#fff;--hexcabau-muted-text:rgba(255,255,255,.72);--hexcabau-progress-track:#050708;--hexcabau-track:var(--hexcabau-progress-track);--hexcabau-border:#32383c;--hexcabau-radius:18px;--hexcabau-max-width:380px;--hexcabau-switch-radius:22px;--hexcabau-switch-bg:rgba(0,0,0,.12);--hexcabau-switch-active-bg:rgba(255,255,255,.12);--hexcabau-switch-active-text:#fff;--hexcabau-switch-active-shadow:inset 0 0 0 1px var(--hexcabau-switch-active-border),inset 0 1px 2px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06);--hexcabau-switch-active-border:rgba(255,255,255,.22);--hexcabau-switch-inactive-text:rgba(255,255,255,.72);position:relative;box-sizing:border-box;width:100%;max-width:var(--hexcabau-max-width);min-width:260px;padding:14px 16px 16px;background:var(--hexcabau-bg);color:var(--hexcabau-text);border:1px solid var(--hexcabau-border);border-radius:var(--hexcabau-radius);font-family:inherit;line-height:1.2;overflow:hidden}.hexcabau-player *{box-sizing:border-box}.hexcabau-player audio{display:none}.hexcabau-topline{display:grid;grid-template-columns:auto minmax(90px,1fr);align-items:center;gap:16px;margin-bottom:12px}.hexcabau-title{font-size:11px;font-weight:700;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hexcabau-title-hidden{grid-template-columns:minmax(90px,1fr)}.hexcabau-title-hidden .hexcabau-title{display:none}.hexcabau-time-visible{grid-template-columns:auto minmax(90px,1fr) auto}.hexcabau-title-hidden.hexcabau-time-visible{grid-template-columns:minmax(90px,1fr) auto}.hexcabau-time{font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}.hexcabau-progress{--hexcabau-progress:0%;width:100%;height:14px;margin:0;appearance:none;background:transparent;cursor:pointer}.hexcabau-progress::-webkit-slider-runnable-track{height:7px;border-radius:99px;background:linear-gradient(to right,var(--hexcabau-fill) 0,var(--hexcabau-fill) var(--hexcabau-progress),var(--hexcabau-track) var(--hexcabau-progress),var(--hexcabau-track) 100%)}.hexcabau-progress::-moz-range-track{height:7px;border-radius:99px;background:var(--hexcabau-track)}.hexcabau-progress::-moz-range-progress{height:7px;border-radius:99px;background:var(--hexcabau-fill)}.hexcabau-progress::-webkit-slider-thumb{appearance:none;width:13px;height:13px;margin-top:-3px;border:2px solid var(--hexcabau-bg);border-radius:50%;background:var(--hexcabau-accent);opacity:0}.hexcabau-progress::-moz-range-thumb{width:11px;height:11px;border:2px solid var(--hexcabau-bg);border-radius:50%;background:var(--hexcabau-accent);opacity:0}.hexcabau-player:hover .hexcabau-progress::-webkit-slider-thumb,.hexcabau-progress:focus::-webkit-slider-thumb{opacity:1}.hexcabau-controls{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;align-items:center}.hexcabau-play{width:38px;height:38px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;background:var(--hexcabau-accent);color:var(--hexcabau-play-icon);cursor:pointer}.hexcabau-play svg{width:21px;height:21px;fill:currentColor}.hexcabau-icon-pause{display:none}.hexcabau-is-playing .hexcabau-icon-play{display:none}.hexcabau-is-playing .hexcabau-icon-pause{display:block}.hexcabau-switch{display:grid;grid-template-columns:1fr 1fr;min-width:0;border-radius:var(--hexcabau-switch-radius);overflow:hidden;isolation:isolate;background:var(--hexcabau-switch-bg);box-shadow:none}.hexcabau-source{appearance:none;-webkit-appearance:none;box-sizing:border-box;display:grid;place-items:center;min-width:0;min-height:36px;padding:7px 10px;border:0;outline:0;background:transparent;color:var(--hexcabau-switch-inactive-text);font:inherit;font-size:14px;font-weight:500;line-height:1;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-tap-highlight-color:transparent}.hexcabau-source[aria-pressed=false]{position:relative;z-index:0;background:transparent;color:var(--hexcabau-switch-inactive-text);box-shadow:none;font-weight:500;transform:none}.hexcabau-source[aria-pressed=true]{position:relative;z-index:1;border-radius:calc(var(--hexcabau-switch-radius) - 3px);background:var(--hexcabau-switch-active-bg);color:var(--hexcabau-switch-active-text);box-shadow:var(--hexcabau-switch-active-shadow);font-weight:700;transform:none}.hexcabau-player .hexcabau-source:active{border:0;outline:0;box-shadow:none}.hexcabau-player .hexcabau-source[aria-pressed=true]:active{box-shadow:inset 0 0 0 1px var(--hexcabau-switch-active-border),inset 0 1px 2px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.05)}.hexcabau-player .hexcabau-source:focus:not(:focus-visible){border:0;outline:0}.hexcabau-play:focus-visible,.hexcabau-progress:focus-visible{outline:3px solid var(--hexcabau-accent);outline-offset:3px}.hexcabau-player .hexcabau-source:focus-visible{outline:2px solid var(--hexcabau-accent);outline-offset:2px}.hexcabau-visible-status{margin-top:8px;padding-top:7px;border-top:1px solid rgba(255,255,255,.12);font-size:11px;line-height:1.35}.hexcabau-visible-status[hidden]{display:none}.hexcabau-visible-status[data-status-type=error]{font-weight:700}.hexcabau-visible-status[data-status-type=warning]{font-weight:600}.hexcabau-status{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.hexcabau-skin-clean-light{--hexcabau-accent:#078fe8;--hexcabau-fill:var(--hexcabau-accent);--hexcabau-bg:#fff;--hexcabau-text:#24273a;--hexcabau-track:#e3e4e8;--hexcabau-border:#dcdcde;--hexcabau-switch-active-bg:#fff;--hexcabau-switch-active-text:#24273a;--hexcabau-switch-active-border:#d7d9de;--hexcabau-switch-inactive-text:rgba(36,39,58,.68)}.hexcabau-skin-clean-light .hexcabau-switch{background:#f2f3f5}.hexcabau-has-error .hexcabau-play{opacity:.55}@media(max-width:300px){.hexcabau-player{min-width:0;padding:13px}.hexcabau-topline,.hexcabau-time-visible,.hexcabau-title-hidden.hexcabau-time-visible{grid-template-columns:1fr;gap:7px}.hexcabau-controls{grid-template-columns:38px minmax(0,1fr);gap:10px}.hexcabau-source{font-size:12px;padding-inline:6px}}
.hexcabau-player button.hexcabau-source,.hexcabau-player button.hexcabau-source-button{appearance:none!important;-webkit-appearance:none!important;box-sizing:border-box!important;display:grid!important;place-items:center!important;align-items:center!important;justify-content:center!important;height:36px!important;min-height:36px!important;margin:0!important;padding:7px 10px!important;line-height:1!important;vertical-align:middle!important;text-indent:0!important;text-transform:none!important}
.hexcabau-player button.hexcabau-source::before,.hexcabau-player button.hexcabau-source::after,.hexcabau-player button.hexcabau-source-button::before,.hexcabau-player button.hexcabau-source-button::after{content:none!important;display:none!important}
.hexcabau-player button.hexcabau-play{width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;max-width:50px!important;max-height:50px!important;aspect-ratio:1 / 1;box-sizing:border-box!important;display:grid!important;place-items:center!important;margin:0!important;padding:0!important;border:0;border-radius:50%!important;line-height:1!important;appearance:none!important;-webkit-appearance:none!important;vertical-align:middle;overflow:hidden;align-self:center;justify-self:center;background:var(--hexcabau-accent);color:var(--hexcabau-play-icon);cursor:pointer}.hexcabau-player button.hexcabau-play::before,.hexcabau-player button.hexcabau-play::after{content:none!important;display:none!important}.hexcabau-player button.hexcabau-play svg{display:block;width:24px;height:24px;margin:0;padding:0;flex:none;fill:currentColor}
.hexcabau-player button.hexcabau-play .hexcabau-icon-pause{display:none!important}.hexcabau-player.hexcabau-is-playing button.hexcabau-play .hexcabau-icon-play{display:none!important}.hexcabau-player.hexcabau-is-playing button.hexcabau-play .hexcabau-icon-pause{display:block!important}
.hexcabau-player .hexcabau-controls{grid-template-columns:50px minmax(0,1fr);align-items:center}.hexcabau-player .hexcabau-switch{align-self:center}@media(max-width:300px){.hexcabau-player .hexcabau-controls{grid-template-columns:50px minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.hexcabau-player,.hexcabau-player *{animation:none!important;scroll-behavior:auto!important;transition:none!important}}