.video-toggle{position:absolute;z-index:4;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;cursor:pointer;color:#fff;transition:opacity .25s ease,background .2s ease,transform .2s ease}.video-toggle:focus-visible{outline:2px solid #fff;outline-offset:3px}.video-toggle__icon{display:none;align-items:center;justify-content:center;width:100%;height:100%}.video-toggle__icon svg{height:38%;width:auto;fill:currentColor}.video-toggle__icon--play svg{transform:translate(8%)}.video-toggle .video-toggle__icon--play{display:flex}[data-playing=true] .video-toggle .video-toggle__icon--play{display:none}[data-playing=true] .video-toggle .video-toggle__icon--pause{display:flex}.video-toggle--center{top:50%;left:50%;transform:translate(-50%,-50%);width:var(--video-toggle-size, 7.2rem);height:var(--video-toggle-size, 7.2rem);background:#ffffffeb;color:#53340f}.video-toggle--center:hover{background:#fff;transform:translate(-50%,-50%) scale(1.06)}[data-playing=true] .video-toggle--center:not(.video-toggle--persistent){opacity:0;pointer-events:none}.video-toggle--corner:not(.video-toggle--persistent){opacity:0;pointer-events:none}[data-playing=true] .video-toggle--corner:not(.video-toggle--persistent){opacity:1;pointer-events:auto}.video-toggle--corner{inset-inline-end:var(--video-toggle-inset, 1.2rem);inset-block-end:var(--video-toggle-inset, 1.2rem);width:var(--video-toggle-corner-size, 3.6rem);height:var(--video-toggle-corner-size, 3.6rem);background:#140c0473;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 10px #0000002e}.video-toggle--corner:hover{background:#140c04ad;transform:scale(1.06)}.video-toggle--persistent{opacity:1;pointer-events:auto}[data-playing=true] .video-toggle--persistent{opacity:0}[data-playing=true]:hover .video-toggle--persistent,[data-playing=true][data-controls=true] .video-toggle--persistent,.video-toggle--persistent:focus-visible{opacity:1}@media(prefers-reduced-motion:reduce){.video-toggle{transition:none}.video-toggle--corner:hover{transform:none}.video-toggle--center:hover{transform:translate(-50%,-50%)}}@media screen and (max-width:749px){.video-toggle--center{width:var(--video-toggle-size-mobile, 5.4rem);height:var(--video-toggle-size-mobile, 5.4rem)}.video-toggle--corner{inset-inline-end:.8rem;inset-block-end:.8rem;width:var(--video-toggle-corner-size-mobile, 3rem);height:var(--video-toggle-corner-size-mobile, 3rem)}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/component-video-toggle.css.map */