.armada-video{--armada-video-chip: 4.8rem;display:block;position:relative;width:100%;overflow:hidden;background-color:rgb(var(--color-armada-black))}.armada-video__container{position:relative;width:100%;padding-bottom:50%}.armada-video__media{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.armada-video .media-swap__mobile{display:none}@media screen and (max-width:749px){.armada-video .media-swap__desktop{display:none}.armada-video .media-swap__mobile{display:block}}.armada-video__shim{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgb(var(--color-armada-black));pointer-events:none;z-index:1;transition:opacity .4s ease}.armada-video[data-state=playing] .armada-video__shim,.armada-video[data-state=paused] .armada-video__shim{opacity:0!important}.armada-video__overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.armada-video__header{position:absolute;top:var(--space-7);left:var(--space-7);right:var(--space-7);z-index:2;transition:opacity .4s ease}.armada-video[data-state=playing] .armada-video__header,.armada-video[data-state=paused] .armada-video__header{opacity:0;pointer-events:none}.armada-video__heading{color:rgb(var(--color-armada-white));margin:0;text-transform:uppercase}.armada-video__caption{position:absolute;bottom:var(--space-7);left:var(--space-7);right:var(--space-7);z-index:2;margin:0;color:rgb(var(--color-armada-white));transition:opacity .4s ease}.armada-video[data-state=playing] .armada-video__caption,.armada-video[data-state=paused] .armada-video__caption{opacity:0;pointer-events:none}.armada-video__play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:72px;height:48px;padding:var(--space-4) var(--space-6);border:none;border-radius:2px;background-color:var(--play-button-bg);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--play-button-color);display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;z-index:3;transition:opacity .3s ease,visibility .3s ease}.armada-video__play-button:hover{opacity:.85}.armada-video__play-button:focus-visible{outline:2px solid rgb(var(--color-armada-white));outline-offset:2px}.armada-video__play-button-icon{display:flex;align-items:center;justify-content:center}.armada-video__play-button-icon svg{width:24px;height:24px;fill:currentColor}.armada-video[data-state=playing] .armada-video__play-button,.armada-video[data-state=paused] .armada-video__play-button{opacity:0;visibility:hidden;pointer-events:none}.armada-video__youtube-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.armada-video__youtube-wrapper iframe{width:100%;height:100%;border:0}.armada-video__cover{z-index:1;transition:opacity .4s ease,visibility .4s ease}.armada-video[data-state=playing] .armada-video__cover{opacity:0;visibility:hidden;pointer-events:none}.armada-video__controls{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:var(--space-10);padding-inline:var(--space-7);padding-bottom:var(--space-4);pointer-events:auto;z-index:4;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.armada-video__transport{display:flex;align-items:center;gap:var(--space-7);transition:opacity .3s ease;min-width:0}.armada-video__volume{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-6);transition:opacity .3s ease}.armada-video[data-state=playing] .armada-video__controls,.armada-video[data-state=paused] .armada-video__controls{opacity:1;visibility:visible}.armada-video[data-state=playing].armada-video--controls-hidden .armada-video__controls,.armada-video[data-state=playing].armada-video--controls-hidden .armada-video__transport,.armada-video[data-state=playing].armada-video--controls-hidden .armada-video__volume,.armada-video[data-state=playing].armada-video--controls-hidden .armada-video__fullscreen{opacity:0;pointer-events:none}@media screen and (min-width:750px){.armada-video[data-state=playing].armada-video--controls-hidden:hover .armada-video__controls,.armada-video[data-state=playing].armada-video--controls-hidden:focus-within .armada-video__controls{opacity:1;pointer-events:auto}.armada-video[data-state=playing].armada-video--controls-hidden:hover .armada-video__transport,.armada-video[data-state=playing].armada-video--controls-hidden:hover .armada-video__volume,.armada-video[data-state=playing].armada-video--controls-hidden:hover .armada-video__fullscreen,.armada-video[data-state=playing].armada-video--controls-hidden:focus-within .armada-video__transport,.armada-video[data-state=playing].armada-video--controls-hidden:focus-within .armada-video__volume,.armada-video[data-state=playing].armada-video--controls-hidden:focus-within .armada-video__fullscreen{opacity:1;pointer-events:auto}}.armada-video__controls-playpause{width:7.2rem;height:4.8rem;flex-shrink:0;border:none;border-radius:2px;background-color:var(--play-button-bg);backdrop-filter:blur(.6rem);-webkit-backdrop-filter:blur(.6rem);color:var(--play-button-color);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.armada-video__controls-playpause:hover{opacity:.85}.armada-video__controls-playpause:focus-visible{outline:2px solid rgb(var(--color-armada-white));outline-offset:2px}.armada-video__controls-playpause svg{width:var(--size-body-lg);height:var(--size-body-lg);fill:currentColor}.armada-video__controls .hidden{display:none}.armada-video__progress-container{width:36.4rem;flex:0 1 auto;min-width:0;height:4.8rem;display:flex;align-items:center;cursor:pointer;position:relative}.armada-video__progress-container:focus-visible{outline:2px solid rgb(var(--color-armada-white));outline-offset:2px}.armada-video__progress-track{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:.2rem;background:rgb(var(--color-armada-light-grey));border-radius:1px}.armada-video__progress-fill{position:absolute;left:0;top:50%;transform:translateY(-50%);width:0;height:.2rem;background:rgb(var(--color-armada-white));border-radius:1px;z-index:1;pointer-events:none}.armada-video__mute{width:var(--armada-video-chip);height:var(--armada-video-chip);flex-shrink:0;border:none;border-radius:2px;background-color:var(--play-button-bg);backdrop-filter:blur(.6rem);-webkit-backdrop-filter:blur(.6rem);color:var(--play-button-color);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.armada-video__mute:hover{opacity:.85}.armada-video__mute:focus-visible{outline:2px solid rgb(var(--color-armada-white));outline-offset:2px}.armada-video__mute svg{width:2.4rem;height:2.4rem;fill:currentColor}.armada-video__volume-slider{width:15rem;height:4.8rem;flex-shrink:0;display:flex;align-items:center;cursor:pointer;position:relative}.armada-video__volume-slider:focus-visible{outline:2px solid rgb(var(--color-armada-white));outline-offset:2px}.armada-video__volume-track{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:.2rem;background:rgb(var(--color-armada-light-grey));border-radius:1px}.armada-video__volume-fill{position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:.2rem;background:rgb(var(--color-armada-white));border-radius:1px;z-index:1;pointer-events:none}.armada-video__fullscreen{width:var(--armada-video-chip);height:var(--armada-video-chip);flex-shrink:0;border:none;border-radius:2px;background-color:var(--play-button-bg);backdrop-filter:blur(.6rem);-webkit-backdrop-filter:blur(.6rem);color:var(--play-button-color);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:opacity .3s ease}.armada-video__fullscreen:hover{opacity:.85}.armada-video__fullscreen:focus-visible{outline:2px solid rgb(var(--color-armada-white));outline-offset:2px}.armada-video__fullscreen svg{width:2.2rem;height:2.2rem;fill:none;stroke:currentColor}.armada-video--fullscreen{width:100vw;height:100vh}.armada-video--fullscreen .armada-video__container{height:100%;padding-bottom:0}.armada-video--fullscreen .armada-video__media{object-fit:contain}@media screen and (max-width:749px){.armada-video__container{padding-bottom:0;height:80vh}.armada-video__header{top:var(--space-7);left:var(--space-7);right:var(--space-7)}.armada-video__play-button{width:72px;height:48px}.armada-video__controls{top:0;right:0;bottom:0;left:0;padding:0;gap:0;pointer-events:none}.armada-video__transport{position:absolute;bottom:0;left:0;right:0;padding:0 var(--space-7) var(--space-4);gap:var(--space-7);pointer-events:auto}.armada-video__progress-container{width:auto;flex:1}.armada-video__controls-playpause{width:var(--space-13);height:4.8rem}.armada-video__volume{position:absolute;top:0;right:0;flex-direction:column;align-items:center;gap:var(--space-6);padding:var(--space-6) var(--space-7) var(--space-4) 0;pointer-events:auto}.armada-video__volume-slider{width:2.2rem;height:15rem}.armada-video__fullscreen{position:absolute;bottom:0;right:0;margin:0 var(--space-7) var(--space-4) 0;pointer-events:auto}.armada-video__transport{padding-right:calc(var(--space-7) + var(--armada-video-chip) + var(--space-6))}.armada-video__volume-track{left:50%;right:auto;top:0;bottom:0;width:.2rem;height:auto;transform:translate(-50%)}.armada-video__volume-fill{left:50%;top:auto;bottom:0;width:.2rem;height:100%;transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.armada-video__shim,.armada-video__cover,.armada-video__header,.armada-video__play-button,.armada-video__controls,.armada-video__transport,.armada-video__volume,.armada-video__fullscreen{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/armada-video.css.map */