.hermes-video-hero{width:100%}@media screen and (max-width:749px){.hermes-video-hero{padding-left:1.5rem;padding-right:1.5rem}}.hermes-video-hero__container{position:relative;width:100%;height:auto;min-height:707px;overflow:hidden;background-color:#fffcf7;margin:0 auto;box-sizing:border-box;max-width:var(--hermes-video-max-width, 125.8rem)}.hermes-video-hero__container.hermes-video-hero--aspect-16-9{min-height:0;aspect-ratio:16 / 9}.hermes-video-hero__container.hermes-video-hero--aspect-4-3{min-height:0;aspect-ratio:4 / 3}.hermes-video-hero__container.hermes-video-hero--aspect-1-1{min-height:0;aspect-ratio:1 / 1}.hermes-video-hero__media{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hermes-video-hero__video{width:100%;height:100%;object-fit:cover;object-position:center top;display:block}.hermes-video-hero__poster{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;transition:opacity .5s ease;background-color:#fffcf7}.hermes-video-hero__poster img{width:100%;height:100%;object-fit:cover}.hermes-video-hero__poster.is-hidden{opacity:0;pointer-events:none}.hermes-video-controls{position:absolute;bottom:0;left:0;right:0;height:30px;background-color:#fff;display:flex;align-items:center;z-index:10;padding:0;opacity:1;transition:opacity .3s ease}.hermes-video-hero__container.hide-controls .hermes-video-controls{opacity:0;pointer-events:none}.hermes-video-controls__btn{width:30px;height:30px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:background-color .2s ease;flex-shrink:0}.hermes-video-controls__btn:hover{background-color:#0000000d}.hermes-video-controls__btn svg{width:20px;height:20px;fill:#444;display:block}.hermes-video-controls__play .icon-pause{display:block}.hermes-video-controls__play .icon-play,.hermes-video-controls__play.is-paused .icon-pause{display:none}.hermes-video-controls__play.is-paused .icon-play,.hermes-video-controls__mute .icon-unmuted{display:block}.hermes-video-controls__mute .icon-muted,.hermes-video-controls__mute.is-muted .icon-unmuted{display:none}.hermes-video-controls__mute.is-muted .icon-muted{display:block}.hermes-video-controls__progress{flex:1;height:100%;display:flex;align-items:center;padding:0 12px;cursor:pointer;position:relative}.hermes-video-controls__progress-bar{width:100%;height:4px;background-color:#d1d1d1;border-radius:2px;position:relative;overflow:hidden}.hermes-video-controls__progress-fill{position:absolute;top:0;left:0;height:100%;background-color:#444;border-radius:2px;width:0%;transition:width .1s linear}.hermes-video-controls__progress-handle{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;background-color:#444;border-radius:50%;opacity:0;transition:opacity .2s ease;left:0%}.hermes-video-controls__progress:hover .hermes-video-controls__progress-handle{opacity:1}.hermes-video-controls__time{font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#444;padding:0 12px;min-width:45px;text-align:center;flex-shrink:0}.hermes-video-controls__right{display:flex;align-items:center;margin-left:auto}.hermes-video-controls__pip svg{width:18px;height:18px}.hermes-video-controls__fullscreen .icon-exit-fullscreen,.hermes-video-controls__fullscreen.is-fullscreen .icon-fullscreen{display:none}.hermes-video-controls__fullscreen.is-fullscreen .icon-exit-fullscreen{display:block}.hermes-video-hero__big-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background-color:#0009;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:5;transition:all .3s ease;opacity:0;pointer-events:none}.hermes-video-hero__container.is-paused .hermes-video-hero__big-play{opacity:1;pointer-events:auto}.hermes-video-hero__big-play:hover{background-color:#000c;transform:translate(-50%,-50%) scale(1.1)}.hermes-video-hero__big-play svg{width:32px;height:32px;fill:#fff;margin-left:4px}.hermes-video-controls__tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#444;color:#fff;font-size:11px;padding:4px 8px;border-radius:3px;margin-bottom:8px;opacity:0;pointer-events:none;transition:opacity .2s ease;white-space:nowrap}.hermes-video-controls__progress:hover .hermes-video-controls__tooltip{opacity:1}@media screen and (max-width:749px){.hermes-video-hero__container{min-height:280px}.hermes-video-hero__container.hermes-video-hero--aspect-16-9,.hermes-video-hero__container.hermes-video-hero--aspect-4-3,.hermes-video-hero__container.hermes-video-hero--aspect-1-1{min-height:0}.hermes-video-controls{height:44px}.hermes-video-controls__btn{width:36px;height:36px}.hermes-video-controls__btn svg{width:18px;height:18px}.hermes-video-controls__time{font-size:11px;padding:0 8px;min-width:40px}.hermes-video-controls__progress{padding:0 8px}.hermes-video-controls__pip{display:none}.hermes-video-hero__big-play{width:64px;height:64px}.hermes-video-hero__big-play svg{width:24px;height:24px}}.hermes-video-hero__loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;z-index:6;display:none}.hermes-video-hero__container.is-loading .hermes-video-hero__loading{display:block}.hermes-video-hero__loading-spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:hermes-spin 1s linear infinite}@keyframes hermes-spin{to{transform:rotate(360deg)}}.hermes-video-hero__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0000 0% 60%,#0000001a);z-index:3;pointer-events:none}.hermes-video-hero:-webkit-full-screen,.hermes-video-hero:fullscreen{width:100%!important;height:100%!important;max-height:none}.hermes-video-hero:-webkit-full-screen .hermes-video-hero__video,.hermes-video-hero:fullscreen .hermes-video-hero__video{object-fit:contain}
/*# sourceMappingURL=/cdn/shop/t/14/assets/video-hero-hermes.css.map */