.controls[data-v-d89f4c92]{background-color:var(--color-black);z-index:1;cursor:pointer;width:100%;height:100%;font-size:var(--player-controls-button--size);background-position:50%;background-size:80%;border-radius:100%;margin:0;padding:0;display:block;position:relative;overflow:hidden}.controls[data-v-d89f4c92]:hover{outline:none;box-shadow:0 0 0 2pt #fff,0 0 0 4pt #000}.controls--loading[data-v-d89f4c92]{animation:2s infinite player-loading-d89f4c92}.controls--loading[data-v-d89f4c92]:focus{box-shadow:none}.controls__icon[data-v-d89f4c92]{box-sizing:border-box;border:0;border-color:transparent transparent transparent var(--color-white);cursor:pointer;background:0 0;width:0;height:.375em;transition:all .1s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.controls__icon--playing[data-v-d89f4c92]{border-style:double;border-width:0 0 0 .375em}.controls__icon--paused[data-v-d89f4c92]{border-style:solid;border-width:.225em 0 .225em .375em;transform:translate(-40%,-50%)}@keyframes player-loading-d89f4c92{0%{box-shadow:none}20%{box-shadow:0 0 0 2pt #fff}40%{box-shadow:0 0 0 2pt #fff,0 0 0 4pt #000}60%{box-shadow:0 0 0 2pt #fff,0 0 0 4pt #000,0 0 0 6pt #fff}80%{box-shadow:0 0 0 2pt #fff,0 0 0 4pt #000,0 0 0 6pt #fff,0 0 0 8pt #000}}