video-play-toggle{display:inline-flex}.video-play-toggle__btn{position:relative;display:flex;align-items:center;justify-content:center;width:var(--video-toggle-size, 48px);height:var(--video-toggle-size, 48px);padding:0;border:none;border-radius:9999px;background:#11111173;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:#fff;cursor:pointer;transition:background-color .2s ease}.video-play-toggle__btn:hover{background:#111111a6}.video-play-toggle__ring{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-90deg);pointer-events:none}.video-play-toggle__ring circle{fill:none;stroke-width:2.5}.video-play-toggle__ring-track{stroke:#ffffff40}.video-play-toggle__ring-progress{stroke:#fff;stroke-linecap:round;stroke-dasharray:125.66;stroke-dashoffset:125.66}.video-play-toggle__icon{width:calc(var(--video-toggle-size, 48px) / 3);height:calc(var(--video-toggle-size, 48px) / 3);display:block}.video-play-toggle__icon--pause{display:none}video-play-toggle.is-playing .video-play-toggle__icon--play{display:none}video-play-toggle.is-playing .video-play-toggle__icon--pause{display:block}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-video-play-toggle.css.map */