.sugar-video-controls{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;pointer-events:none;overflow:hidden;border-radius:var(--product-media-corner-tl, var(--product-media-corner-radius, var(--corner-media))) var(--product-media-corner-tr, var(--product-media-corner-radius, var(--corner-media))) var(--product-media-corner-br, var(--product-media-corner-radius, var(--corner-media))) var(--product-media-corner-bl, var(--product-media-corner-radius, var(--corner-media)));--vc-play-size: var(--vc-play-size-m);--vc-play-arrow-size: var(--vc-play-arrow-size-m);--vc-replay-size: var(--vc-replay-size-m);--vc-replay-icon-size: var(--vc-replay-icon-size-m);--vc-fs-size: var(--vc-fs-size-m);--vc-fs-icon-size: var(--vc-fs-icon-size-m);--vc-sound-size: var(--vc-sound-size-m);--vc-sound-offset: var(--vc-sound-offset-m);--vc-sound-circle: var(--vc-sound-circle-m);--vc-pill-scale: var(--vc-pill-scale-m)}@media screen and (min-width:750px){.sugar-video-controls{--vc-play-size: var(--vc-play-size-d);--vc-play-arrow-size: var(--vc-play-arrow-size-d);--vc-replay-size: var(--vc-replay-size-d);--vc-replay-icon-size: var(--vc-replay-icon-size-d);--vc-fs-size: var(--vc-fs-size-d);--vc-fs-icon-size: var(--vc-fs-icon-size-d);--vc-sound-size: var(--vc-sound-size-d);--vc-sound-offset: var(--vc-sound-offset-d);--vc-sound-circle: var(--vc-sound-circle-d);--vc-pill-scale: var(--vc-pill-scale-d)}}.sugar-video-controls:is([data-pmg-host]>*){display:none}.sugar-video-controls:is([data-vc-slot]>*){display:block}.sugar-mwt__content>.sugar-video-controls{display:none}.sugar-video-controls .media-block__play-button,.sugar-video-controls .media-block__replay-button,.sugar-video-controls .media-block__fullscreen-button,.sugar-video-controls .media-block__timeline,.sugar-video-controls .media-block__sound-button{pointer-events:auto}.sugar-video-controls .media-block__play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:transparent;border:none;cursor:pointer;display:grid;place-items:center;padding:0;opacity:var(--vc-play-opacity);transition:opacity .2s ease,transform .2s ease;z-index:2}.sugar-video-controls .media-block__play-button:hover{transform:translate(-50%,-50%) scale(1.05)}.sugar-video-controls .media-block__play-button,.sugar-video-controls[data-sound-style=beside_play] .media-block__sound-button{translate:0 var(--vc-play-dy, 0px)}.sugar-video-controls[data-vc-idle] .media-block__play-button,.sugar-video-controls[data-vc-idle][data-sound-beside] .media-block__sound-button{opacity:0}.sugar-video-controls[data-play-pos=top_left] .media-block__play-button{top:12px;left:12px;transform:none}.sugar-video-controls[data-play-pos=top_right] .media-block__play-button{top:12px;left:auto;right:12px;transform:none}.sugar-video-controls[data-play-pos=bottom_left] .media-block__play-button{top:auto;bottom:12px;left:12px;transform:none}.sugar-video-controls[data-play-pos=bottom_right] .media-block__play-button{top:auto;bottom:12px;left:auto;right:12px;transform:none}.sugar-video-controls:not([data-play-pos=center])[data-play-pos] .media-block__play-button:hover{transform:scale(1.05)}.sugar-video-controls .media-block__play-button .sugar-icon{grid-area:1 / 1;font-size:var(--vc-play-size);line-height:1;filter:var(--vc-play-shadow)}.sugar-video-controls .media-block__play-button .play-button-filled,.sugar-video-controls .media-block__play-button .play-button-circle{color:var(--vc-play-circle)}.sugar-video-controls .media-block__play-button .play-button-arrow{font-size:var(--vc-play-arrow-size);color:var(--vc-play-arrow-color)}.sugar-video-controls .media-block__play-button .play-button-outline{color:var(--vc-play-color)}.sugar-video-controls .vc-pill{display:inline-flex;align-items:center;gap:.5em;box-sizing:border-box;height:var(--vc-play-size);padding:0 calc(var(--vc-play-size) / 2);border:1.5px solid currentColor;border-radius:999px;background:transparent;color:var(--vc-play-color);font-family:var(--font-body-family);font-style:var(--font-body-style);font-size:calc(var(--vc-play-size) / 3);font-weight:600;line-height:1;white-space:nowrap;filter:var(--vc-play-shadow)}.sugar-video-controls[data-play-filled] .vc-pill{border-color:var(--vc-play-circle);background:var(--vc-play-circle);color:var(--vc-beside-glyph)}.sugar-video-controls .media-block__play-button .vc-pill__icon{grid-area:auto;font-size:1.15em;filter:none}.sugar-video-controls .media-block__timeline{position:absolute;bottom:0;left:0;right:0;z-index:10;height:5px;background:#ffffff4d;cursor:pointer;touch-action:none}.sugar-video-controls .media-block__timeline:after{content:"";position:absolute;left:0;right:0;bottom:0;height:24px}.sugar-video-controls .media-block__timeline-progress{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:var(--vc-timeline-color);transform:scaleX(0);transform-origin:left center;will-change:transform}.sugar-video-controls .media-block__replay-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:transparent;border:none;cursor:pointer;display:grid;place-items:center;padding:0;opacity:var(--vc-replay-opacity);transition:opacity .2s ease,transform .2s ease;z-index:2}.sugar-video-controls .media-block__replay-button:hover{transform:translate(-50%,-50%) scale(1.05)}.sugar-video-controls[data-replay-pos=top_left] .media-block__replay-button{top:12px;left:12px;transform:none}.sugar-video-controls[data-replay-pos=top_right] .media-block__replay-button{top:12px;left:auto;right:12px;transform:none}.sugar-video-controls[data-replay-pos=bottom_left] .media-block__replay-button{top:auto;bottom:12px;left:12px;transform:none}.sugar-video-controls[data-replay-pos=bottom_right] .media-block__replay-button{top:auto;bottom:12px;left:auto;right:12px;transform:none}.sugar-video-controls:not([data-replay-pos=center])[data-replay-pos] .media-block__replay-button:hover{transform:scale(1.05)}.sugar-video-controls .media-block__replay-button .sugar-icon{grid-area:1 / 1;font-size:var(--vc-replay-size);line-height:1;filter:var(--vc-replay-shadow)}.sugar-video-controls .media-block__replay-button .replay-button-circle{color:var(--vc-replay-circle)}.sugar-video-controls .media-block__replay-button .replay-button-icon{font-size:var(--vc-replay-icon-size);color:var(--vc-replay-icon-color)}.sugar-video-controls .media-block__replay-button .replay-button-outline{color:var(--vc-replay-color)}.sugar-video-controls[data-sound-style=pill] .media-block__sound-button{position:absolute;left:50%;transform:translate(-50%) scale(var(--vc-pill-scale));background:#0009;border:none;border-radius:9999px;cursor:pointer;padding:9px 18px;z-index:10;opacity:var(--vc-pill-opacity);transition:background .2s ease,opacity .2s ease}.sugar-video-controls[data-sound-style=pill][data-pill-pos=top] .media-block__sound-button{top:var(--vc-pill-gap)}.sugar-video-controls[data-sound-style=pill][data-pill-pos=center] .media-block__sound-button{top:50%;margin-top:-10px}.sugar-video-controls[data-sound-style=pill][data-pill-pos=bottom] .media-block__sound-button{bottom:var(--vc-pill-gap)}.sugar-video-controls[data-sound-style=pill][data-pill-pos=bottom][data-timeline] .media-block__sound-button{bottom:calc(var(--vc-pill-gap) + 5px)}.sugar-video-controls[data-sound-style=pill] .media-block__sound-button:hover{background:#000000bf}.sugar-video-controls[data-sound-style=pill] .media-block__sound-button .sound-text{display:block;font-family:var(--font-body-family);font-size:1.5rem;line-height:1.2;color:#fff;white-space:nowrap}.sugar-video-controls[data-sound-style=minimal] .media-block__sound-button{position:absolute;bottom:10px;right:13px;width:var(--vc-sound-size);height:var(--vc-sound-size);background:transparent;border:none;cursor:pointer;padding:0;opacity:var(--vc-sound-opacity);transition:opacity .2s ease,transform .2s ease;z-index:10}.sugar-video-controls[data-sound-style=minimal][data-timeline] .media-block__sound-button{bottom:16px}.sugar-video-controls[data-sound-style=minimal][data-sound-filled] .media-block__sound-button{bottom:calc(10px + var(--vc-sound-offset));right:calc(8px + var(--vc-sound-offset))}.sugar-video-controls[data-sound-style=minimal][data-sound-filled][data-timeline] .media-block__sound-button{bottom:calc(13px + var(--vc-sound-offset))}.sugar-video-controls[data-sound-style=minimal] .media-block__sound-button:hover{transform:scale(1.1);transform-origin:bottom right}.sugar-video-controls[data-sound-style=minimal] .media-block__sound-button .sugar-icon{display:block;font-size:var(--vc-sound-size);line-height:1;width:var(--vc-sound-size);height:var(--vc-sound-size);color:var(--vc-sound-color)}.sugar-video-controls[data-sound-style=minimal][data-sound-filled] .media-block__sound-button:before{content:"";position:absolute;bottom:calc(-1 * var(--vc-sound-offset));right:calc(-1 * var(--vc-sound-offset));width:var(--vc-sound-circle);height:var(--vc-sound-circle);background-color:var(--vc-sound-circle-color);border-radius:50%}.sugar-video-controls[data-sound-style=minimal][data-sound-filled] .media-block__sound-button .sugar-icon{color:var(--vc-sound-icon-color);position:relative;left:-1px}.sugar-video-controls[data-sound-style=beside_play]{--vc-beside-step: calc(var(--vc-play-size) * 5 / 6 + 8px)}.sugar-video-controls[data-sound-style=beside_play] .media-block__sound-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:transparent;border:none;cursor:pointer;display:grid;place-items:center;padding:0;opacity:var(--vc-play-opacity);transition:opacity .2s ease,transform .2s ease;z-index:2}.sugar-video-controls[data-sound-style=beside_play] .media-block__sound-button:hover{transform:translate(-50%,-50%) scale(1.05)}.sugar-video-controls[data-sound-style=beside_play][data-play-pos=top_left] .media-block__sound-button{top:12px;left:12px;transform:none}.sugar-video-controls[data-sound-style=beside_play][data-play-pos=top_right] .media-block__sound-button{top:12px;left:auto;right:12px;transform:none}.sugar-video-controls[data-sound-style=beside_play][data-play-pos=bottom_left] .media-block__sound-button{top:auto;bottom:12px;left:12px;transform:none}.sugar-video-controls[data-sound-style=beside_play][data-play-pos=bottom_right] .media-block__sound-button{top:auto;bottom:12px;left:auto;right:12px;transform:none}.sugar-video-controls[data-sound-style=beside_play]:not([data-play-pos=center])[data-play-pos] .media-block__sound-button:hover{transform:scale(1.05)}.sugar-video-controls[data-sound-style=beside_play] .media-block__sound-button .sugar-icon{grid-area:1 / 1;font-size:calc(var(--vc-play-size) * .5);line-height:1;color:var(--vc-play-color);filter:var(--vc-play-shadow)}.sugar-video-controls[data-sound-style=beside_play] .media-block__sound-button .sound-button-ring{font-size:var(--vc-play-size)}.sugar-video-controls[data-sound-style=beside_play] .media-block__sound-button .sound-button-circle{font-size:var(--vc-play-size);color:var(--vc-play-circle)}.sugar-video-controls[data-sound-style=beside_play] .media-block__sound-button .sound-button-circle~.sugar-icon{font-size:var(--vc-play-arrow-size);color:var(--vc-beside-glyph)}.sugar-video-controls[data-sound-beside][data-play-pos=top_left] .media-block__sound-button,.sugar-video-controls[data-sound-beside][data-play-pos=bottom_left] .media-block__sound-button{left:calc(12px + var(--vc-beside-step))}.sugar-video-controls[data-sound-beside][data-play-pos=top_right] .media-block__play-button,.sugar-video-controls[data-sound-beside][data-play-pos=bottom_right] .media-block__play-button{right:calc(12px + var(--vc-beside-step))}.sugar-video-controls[data-sound-beside][data-play-pos=center] .media-block__play-button{margin-left:calc(var(--vc-beside-step) / -2)}.sugar-video-controls[data-sound-beside][data-play-pos=center] .media-block__sound-button{margin-left:calc(var(--vc-beside-step) / 2)}.sugar-video-controls .media-block__fullscreen-button{position:absolute;background:transparent;border:none;cursor:pointer;display:grid;place-items:center;padding:0;opacity:var(--vc-fs-opacity);transition:opacity .2s ease,transform .2s ease;z-index:2}.sugar-video-controls[data-fs-pos=top_left] .media-block__fullscreen-button{top:6px;left:6px}.sugar-video-controls[data-fs-pos=top_right] .media-block__fullscreen-button{top:6px;right:6px}.sugar-video-controls[data-fs-pos=bottom_left] .media-block__fullscreen-button{bottom:6px;left:6px}.sugar-video-controls[data-fs-pos=bottom_right] .media-block__fullscreen-button{bottom:6px;right:6px}.sugar-video-controls .media-block__fullscreen-button:hover{transform:scale(1.05)}.sugar-video-controls .media-block__fullscreen-button .sugar-icon{grid-area:1 / 1;font-size:var(--vc-fs-size);line-height:1;filter:var(--vc-fs-shadow)}.sugar-video-controls .media-block__fullscreen-button .fs-button-circle{color:var(--vc-fs-circle)}.sugar-video-controls .media-block__fullscreen-button .fs-icon--enter,.sugar-video-controls .media-block__fullscreen-button .fs-icon--exit{color:var(--vc-fs-color)}.sugar-video-controls[data-fs-filled] .media-block__fullscreen-button .fs-icon--enter,.sugar-video-controls[data-fs-filled] .media-block__fullscreen-button .fs-icon--exit{font-size:var(--vc-fs-icon-size);color:var(--vc-fs-icon-color)}.sugar-video-controls:is(:fullscreen *){border-radius:0}.sugar-video-controls--fade.sugar-media>.media-block__wrapper>:is(.media-badge,.sugar-media-text-overlay){transition:opacity .25s ease,filter .2s ease}.sugar-video-controls--playing.sugar-media>.media-block__wrapper>:is(.media-badge,.sugar-media-text-overlay){opacity:0;pointer-events:none}@media screen and (min-width:750px){.sugar-video-controls[data-hover-only]{opacity:0;transition:opacity .25s ease}.sugar-video-controls[data-hover-only]:is(.media-block__wrapper:hover *,[data-vc-slot]:hover *,.sugar-mwt__media-inner:hover *){opacity:1}}.sugar-video-controls .vc-bar{position:absolute;left:0;right:0;bottom:0;z-index:10;display:flex;flex-direction:column;gap:11px;padding:0 12px 7px;color:#161616;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight, 400);font-size:13px;line-height:1;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s;container-type:inline-size}.sugar-video-controls[data-vc-bar-on] .vc-bar{opacity:1;visibility:visible}.sugar-video-controls[data-vc-bar-on] .media-block__play-button{opacity:0;pointer-events:none}.sugar-video-controls[data-vc-bar-on] :is(.media-block__replay-button,.media-block__fullscreen-button){margin-bottom:60px}.sugar-video-controls .vc-bar__row{display:flex;align-items:center;gap:6px;min-width:0}.sugar-video-controls :is(.vc-bar__btn,.vc-bar__time,.vc-bar__sound){display:inline-flex;flex:none;align-items:center;justify-content:center;gap:5px;box-sizing:border-box;height:32px;min-width:32px;margin:0;padding:0;border:0;border-radius:999px;background:#fffc;color:inherit;font:inherit;line-height:1;white-space:nowrap}.sugar-video-controls .vc-bar__btn{cursor:pointer;pointer-events:auto;transition:background .15s ease}.sugar-video-controls .vc-bar__btn:hover{background:#fff}.sugar-video-controls .vc-bar__btn:focus-visible,.sugar-video-controls .vc-bar__seek:focus-visible,.sugar-video-controls .vc-bar__volume:focus-visible{outline:2px solid rgb(var(--color-accent));outline-offset:2px}.sugar-video-controls .vc-bar__btn .sugar-icon{font-size:18px;line-height:1}.sugar-video-controls .vc-bar__play .sugar-icon{font-size:22px}.sugar-video-controls .vc-bar__time{gap:1px;padding:0 12px;font-variant-numeric:tabular-nums}.sugar-video-controls .vc-bar__sound{flex:0 1 auto;min-width:32px;margin-left:auto;gap:0;pointer-events:auto}.sugar-video-controls .vc-bar__sound .vc-bar__btn{background:transparent}.sugar-video-controls .vc-bar__sound .vc-bar__btn .sugar-icon{font-size:17px}.sugar-video-controls .vc-bar__sound:hover{background:#fff}.sugar-video-controls .vc-bar__speed{position:relative;flex:none}.sugar-video-controls .vc-bar__speed-btn{padding:0 12px 0 10px}.sugar-video-controls .vc-bar__speed-btn .sugar-icon{font-size:16px}.sugar-video-controls .vc-bar__volume{display:none}@media(hover:hover)and (pointer:fine){.sugar-video-controls .vc-bar__volume{display:block;flex:0 1 auto;min-width:0;width:0;height:4px;margin:0;padding:0;opacity:0;border-radius:999px;background:linear-gradient(to right,rgb(var(--color-accent)) calc(var(--vc-vol, 1) * 100%),#0000002e 0);cursor:pointer;-webkit-appearance:none;appearance:none;transition:width .2s ease,margin .2s ease,opacity .2s ease}.sugar-video-controls .vc-bar__sound:is(:hover,:focus-within) .vc-bar__volume{width:56px;margin:0 12px 0 2px;opacity:1}}.sugar-video-controls .vc-bar__volume::-webkit-slider-thumb{width:10px;height:10px;border:0;border-radius:50%;background:rgb(var(--color-accent));-webkit-appearance:none;appearance:none}.sugar-video-controls .vc-bar__volume::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:rgb(var(--color-accent))}.sugar-video-controls .vc-bar__volume::-moz-range-track{background:transparent}.sugar-video-controls .vc-bar__menu{position:absolute;right:0;bottom:calc(100% + 6px);min-width:72px;padding:4px;border-radius:12px;background:#fffffff5;box-shadow:0 4px 16px #0000002e;pointer-events:auto}.sugar-video-controls .vc-bar__menu:not([hidden]){display:grid}.sugar-video-controls .vc-bar__menu button{margin:0;padding:6px 10px;border:0;border-radius:8px;background:transparent;color:inherit;font:inherit;line-height:1.2;text-align:left;white-space:nowrap;cursor:pointer}.sugar-video-controls .vc-bar__menu button:is(:hover,:focus-visible){background:#00000012;outline:none}.sugar-video-controls .vc-bar__menu button[aria-checked=true]{color:rgb(var(--color-accent));font-weight:var(--font-body-weight-bold, 700)}.sugar-video-controls .vc-bar__seek{position:relative;display:block;height:16px;cursor:pointer;touch-action:none;pointer-events:auto;border-radius:999px}.sugar-video-controls .vc-bar__seek:before{content:"";position:absolute;left:0;right:0;top:50%;height:5px;margin-top:-2.5px;border-radius:999px;background:#fffffff2}.sugar-video-controls .vc-bar__fill{display:block;position:absolute;left:0;right:0;top:50%;height:5px;margin-top:-2.5px;border-radius:999px;background:rgb(var(--color-accent));clip-path:inset(0 calc(100% - var(--vc-p, 0) * 100%) 0 0 round 999px)}.sugar-video-controls .vc-bar__head{display:block;position:absolute;left:0;top:50%;width:100%;height:0;transform:translate(calc(var(--vc-p, 0) * 100%))}.sugar-video-controls .vc-bar__thumb{display:block;position:absolute;left:-6px;top:-6px;width:12px;height:12px;border-radius:50%;background:rgb(var(--color-accent))}@container (max-width: 259px){.sugar-video-controls .vc-bar__row{gap:4px}.sugar-video-controls .vc-bar__time{padding:0 8px}.sugar-video-controls .vc-bar__speed-btn{padding:0 9px}.sugar-video-controls .vc-bar__speed-btn .sugar-icon,.sugar-video-controls .vc-bar__volume{display:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/block-video-controls.css.map */