.player[data-v-8dee6230]{display:grid;grid-template-columns:auto auto 1fr auto;grid-gap:20px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:50%;border:1px solid #cfd7d7;&.playing[data-v-8dee6230]{border-color:var(--veryLightGreen);-webkit-box-shadow:var(--greenShadow);box-shadow:var(--greenShadow);.play[data-v-8dee6230]{border-color:var(--green)}}}.play[data-v-8dee6230]{width:33px;height:33px;background:#fff;border:2px solid #323b44;display:grid;grid-template-columns:1fr;-ms-flex-line-pack:center;align-content:center;justify-items:center;overflow:hidden;position:relative;&[data-v-8dee6230]:hover{-webkit-box-shadow:0 1px 9px 0 rgba(0,0,0,.18);box-shadow:0 1px 9px 0 rgba(0,0,0,.18)}}svg[data-v-8dee6230]{fill:#323b44;width:9px;height:11.5px;z-index:2}.pause[data-v-8dee6230]{width:4px;height:11.5px;background:var(--green);-webkit-transform:translateX(-5px);transform:translateX(-5px);border-radius:2px;position:relative;z-index:2;&[data-v-8dee6230]:after{display:block;content:"";width:4px;height:11.5px;background:var(--green);-webkit-transform:translateX(8px);transform:translateX(8px);border-radius:2px}}progress[value][data-v-8dee6230]{width:100%;height:12px;border-radius:12px;vertical-align:0;background:#eef1f1;-webkit-appearance:none;-moz-appearance:none;appearance:none}progress[value][data-v-8dee6230]::-webkit-progress-bar{background-color:#eef1f1;border-radius:12px}progress[value][data-v-8dee6230]::-moz-progress-bar{background-color:var(--green);border-radius:12px}progress[value][data-v-8dee6230]::-webkit-progress-value{background-color:var(--green);border-radius:12px}.audio-card{--card-max-height:300px}.card-content[data-v-0c4b3640]{display:grid;place-content:center;width:500px}[data-v-0c4b3640] .player{min-width:500px}