:root{--brikke-text-color: #1e1f24;--brikke-divider-background: #cdced7;--brikke-border: #b9bbc6;--b-gap-lg: 20px;--b-gap-md: 15px;--b-gap-sm: 10px;--b-gap-xs: 5px;--b-color: #222;--b-color-bg: #fff;--b-color-bg-1: #f2f2f2;--b-color-bg-2: #e6e6e6;--b-color-bg-3: #d9d9d9;--b-color-primary: #3451b2;--b-color-border: #808080;--b-border: 1px solid var(--b-color-border);--b-radius: 5px;--b-shadow: hsl(0 0% 0% / 20%) 0px 4px 8px;--b-input-border: 1px solid #b3b3b3;--b-input-hover: #ccc;--b-demo-width: 80ch}*{box-sizing:border-box}.TTSPlayer[data-v-30634e57]{--cmp-gap: var(--b-gap-sm);--cmp-shadow: var(--b-shadow);--cmp-radius: var(--b-radius);--cmp-color: #999;--cmp-color-step: 15;box-sizing:border-box}button[data-v-30634e57]{border:none}.audio-button{&[data-v-30634e57]{display:grid;place-content:center;place-items:center;width:42px;height:42px;padding:var(--cmp-gap);background-color:hsl(from var(--cmp-color) h s calc(l + var(--cmp-color-step) * 2));border-radius:50%}&[data-v-30634e57]:disabled{opacity:.5}&[data-v-30634e57]:hover:not(:disabled){background-color:hsl(from var(--cmp-color) h s calc(l + calc(var(--cmp-color-step) * 1)))}}.media-player{&[data-v-30634e57]{position:fixed;inset:0;top:unset;display:grid;grid-template-columns:auto auto auto minmax(auto,666px) auto auto;gap:var(--cmp-gap);place-content:center;align-items:center;padding:var(--cmp-gap);font:inherit;color:#000;background-color:var(--cmp-color)}&[data-v-30634e57]:not(.--show){display:none}}.media-time-group[data-v-30634e57]{display:flex;gap:calc(var(--cmp-gap) / 2)}.media-slider{&[data-v-30634e57]{position:relative;width:100%;height:20px;background-color:hsl(from var(--cmp-color) h s calc(l + calc(var(--cmp-color-step) * 3)));border-radius:var(--cmp-radius)}&[data-v-30634e57] *{border-radius:var(--cmp-radius)}.media-slider-track-fill[data-v-30634e57]{position:absolute;z-index:2;width:var(--slider-fill, 0%);height:100%;background-color:hsl(from var(--cmp-color) h s calc(l + calc(var(--cmp-color-step) * 2)));will-change:width}.media-slider-track-progress[data-v-30634e57]{position:absolute;z-index:1;width:var(--slider-progress, 0%);height:100%;background-color:hsl(from var(--cmp-color) h s calc(l + calc(var(--cmp-color-step) * 1)));will-change:width}}