.dot[data-v-9aebe528]{align-items:center;border:.5px solid transparent;border-radius:50%;box-sizing:border-box;cursor:pointer;display:flex;height:16px;justify-content:center;transition:all .2s;width:16px}.dot[data-v-9aebe528],.dot[data-v-9aebe528]:before{position:relative}.dot[data-v-9aebe528]:before{border-radius:50%;content:" ";height:8px;width:8px}.dark.dot[data-v-9aebe528]:before{background:rgba(255,255,255,.2)}.dark.dot[data-v-9aebe528]:hover{border:.5px solid hsla(0,0%,100%,.2)}.dark.dot.active[data-v-9aebe528]{border:.5px solid var(--white-1)}.dark.dot.active[data-v-9aebe528]:before{background:var(--white-1)}.light.dot[data-v-9aebe528]:before{background:#d0d1d4}.light.dot[data-v-9aebe528]:hover{border:.5px solid #d0d1d4}.light.dot.active[data-v-9aebe528]{border:.5px solid #565b6b}.light.dot.active[data-v-9aebe528]:before{background:#565b6b}.play-btn[data-v-eb5eadcc]{align-items:center;background:transparent;border-radius:50%;cursor:pointer;display:flex;height:60px;justify-content:center;overflow:hidden;transition:all .3s ease;width:60px}.play-btn[data-v-eb5eadcc]:hover{background-color:var(--white-1)}.icon[data-v-eb5eadcc]{height:100%;position:relative;transition:all .2s ease;width:100%;z-index:1}.icon-fade-enter-active[data-v-eb5eadcc],.icon-fade-leave-active[data-v-eb5eadcc]{transition:opacity .2s ease}.icon-fade-enter-from[data-v-eb5eadcc],.icon-fade-leave-to[data-v-eb5eadcc]{opacity:0}