.toggle-autoplay{background:transparent;border-radius:50%;height:2.5rem;position:relative;width:2.5rem;z-index:3}.toggle-autoplay.filled{background-color:var(--black-light)}.toggle-autoplay.filled .progress-container circle{stroke:none}.toggle-autoplay .progress-container{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:2}.toggle-autoplay .progress-container,.toggle-autoplay .progress-container svg{height:100%;left:50%;-o-object-fit:cover;object-fit:cover;position:absolute;top:50%;translate:-50% -50%;width:100%}.toggle-autoplay .progress-container svg{-o-object-fit:contain;object-fit:contain;rotate:-90deg}.toggle-autoplay .progress-container svg .circle-bg{stroke:none}.toggle-autoplay .progress-container svg circle{stroke:var(--button-color);transition:stroke-dashoffset .3s linear;will-change:stroke-dasharray!important}.toggle-autoplay .toggle{aspect-ratio:1/1;background:var(--button-color);height:100%;height:auto;left:50%;-o-object-fit:cover;object-fit:cover;position:absolute;top:50%;transform:scale(1.25);transition:.25s ease;translate:-50% -50%;width:100%;width:20%}.toggle-autoplay.play .toggle{clip-path:polygon(0 0,100% 50%,0 100%,0 0,0 0,100% 50%,0 100%,0 0)}.toggle-autoplay.pause .toggle{clip-path:polygon(33.333% 0,33.333% 100%,66.666% 100%,66.666% 0,100% 0,100% 100%,0 100%,0 0)}.toggle-autoplay:hover{background-color:var(--hover-color)}.toggle-autoplay:hover.pause .toggle,.toggle-autoplay:hover.play .toggle{background-color:var(--hover-toggle-color)}