.play-back{position:relative;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;border-radius:249.75rem;background-color:#07070780}.play-back.active>.play-back-pause-icon{display:block}.play-back>.play-back-pause-icon{display:none}.play-back.active>.play-back-icon{display:none}.play-back.play-back-48{width:3rem;height:3rem;border-width:1px;border-color:var(--color-white)}.play-back.play-back-32{width:2rem;height:2rem;border-style:none}.play-back .play-back-icon-48{position:absolute;top:.9rem;left:1.125rem}.play-back .play-pause-back-icon-48{position:absolute;top:50%;left:50%;--un-translate-x:-50%;--un-translate-y:-50%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}.play-back .play-back-icon-32{position:absolute;top:.5625rem;left:.75rem}.play-back .play-pause-back-icon-32{position:absolute;top:50%;left:50%;--un-translate-x:-50%;--un-translate-y:-50%;transform:translate(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotate(var(--un-rotate-z)) skew(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z))}