[data-video-autoplay-wrapper]{--video-seek-padding-top: 14px;--video-seek-padding-bottom: 10px;--video-seek-line: 3px;--video-seek-clearance: 6px}.custom-order-video-controls{position:absolute;right:16px;bottom:calc(var(--video-seek-padding-top) + var(--video-seek-line) + var(--video-seek-padding-bottom) + var(--video-seek-clearance));z-index:3;display:flex;gap:8px}.custom-order-video-progress{position:absolute;right:0;bottom:0;left:0;z-index:2;padding:var(--video-seek-padding-top) 16px var(--video-seek-padding-bottom);cursor:pointer;touch-action:none;transition:opacity .2s ease}.custom-order-video-progress:focus{outline:none}.custom-order-video-progress__bar{position:relative;height:var(--video-seek-line);border-radius:999px;background-color:#00000073;transition:height .12s ease}.custom-order-video-progress:hover .custom-order-video-progress__bar,.custom-order-video-progress.is-scrubbing .custom-order-video-progress__bar{height:5px}.custom-order-video-progress:focus-visible .custom-order-video-progress__bar{outline:2px solid rgba(255,255,255,.9);outline-offset:4px}.custom-order-video-progress__buffer,.custom-order-video-progress__played{position:absolute;top:0;bottom:0;left:0;border-radius:inherit}.custom-order-video-progress__buffer{width:var(--video-buffered, 0%);background-color:#fff6}.custom-order-video-progress__played{width:var(--video-progress, 0%);background-color:#fff}.custom-order-video-progress__knob{position:absolute;top:50%;left:var(--video-progress, 0%);width:12px;height:12px;margin-left:-6px;border-radius:50%;background-color:#fff;transform:translateY(-50%);pointer-events:none}@media(hover:hover)and (pointer:fine){.custom-order-video-progress{opacity:0;pointer-events:none}[data-video-autoplay-wrapper]:hover .custom-order-video-progress,[data-video-autoplay-wrapper]:focus-within .custom-order-video-progress,.custom-order-video-progress.is-scrubbing{opacity:1;pointer-events:auto}}.custom-order-video-control{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background-color:#00000073;color:#fff;cursor:pointer;transition:background-color .2s ease}.custom-order-video-control:hover,.custom-order-video-control:focus-visible{background-color:#000000a6}.custom-order-video-control svg{display:block;width:20px;height:20px}.custom-order-video-control-icon{display:none}.custom-order-video-control--play .custom-order-video-control-icon--play{display:flex}.custom-order-video-control--play.is-playing .custom-order-video-control-icon--play{display:none}.custom-order-video-control--play.is-playing .custom-order-video-control-icon--pause,.custom-order-video-control--mute .custom-order-video-control-icon--muted{display:flex}.custom-order-video-control--mute:not(.is-muted) .custom-order-video-control-icon--muted{display:none}.custom-order-video-control--mute:not(.is-muted) .custom-order-video-control-icon--unmuted{display:flex}.custom-order-video-volume-control{position:relative}.custom-order-video-volume-wrap{--volume-track-length: 175px;--volume-track-thickness: 3px;--volume-thumb-size: 12px;position:absolute;left:50%;bottom:calc(100% + 8px);z-index:3;display:flex;align-items:center;justify-content:center;width:40px;height:204px;padding:12px 0;border-radius:20px;background-color:#00000073;opacity:0;pointer-events:none;transform:translate(-50%);transition:opacity .15s ease}.custom-order-video-volume-wrap:before{content:"";position:absolute;top:50%;left:50%;width:var(--volume-track-thickness);height:var(--volume-track-length);border-radius:999px;background-color:#fff6;transform:translate(-50%,-50%);pointer-events:none}.custom-order-video-volume-control:focus-within .custom-order-video-volume-wrap,.custom-order-video-volume-control.is-open .custom-order-video-volume-wrap{opacity:1;pointer-events:auto}@media(hover:hover)and (pointer:fine){.custom-order-video-volume-control:hover .custom-order-video-volume-wrap{opacity:1;pointer-events:auto}}.custom-order-video-volume{writing-mode:vertical-lr;direction:rtl;-moz-orient:vertical;-webkit-appearance:none;appearance:none;position:relative;flex:none;width:var(--volume-thumb-size);height:var(--volume-track-length);margin:0;padding:0;border:0;border-radius:999px;background-color:transparent;cursor:pointer}.custom-order-video-volume:focus,.custom-order-video-volume:focus-visible{outline:none}.custom-order-video-volume::-webkit-slider-runnable-track{width:var(--volume-thumb-size);background-color:transparent}.custom-order-video-volume::-moz-range-track{width:var(--volume-thumb-size);background-color:transparent}.custom-order-video-volume::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--volume-thumb-size);height:var(--volume-thumb-size);border-radius:50%;background-color:#fff}.custom-order-video-volume::-moz-range-thumb{width:var(--volume-thumb-size);height:var(--volume-thumb-size);border:0;border-radius:50%;background-color:#fff}@media(max-width:37.99em){[data-video-autoplay-wrapper]{--video-seek-padding-bottom: 8px;--video-seek-clearance: 4px}.custom-order-video-controls{right:12px;gap:6px}.custom-order-video-control{width:36px;height:36px}.custom-order-video-control svg{width:18px;height:18px}.custom-order-video-progress{padding-right:12px;padding-left:12px}.custom-order-video-progress__knob{width:10px;height:10px;margin-left:-5px}.custom-order-video-volume-wrap{display:none}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/custom-order-video-controls.css.map */