/* ================================================================================ */
/*  Project: Digital Experience - Web
/*  Author: Digital Experience
/*  Date: Wed Sep 25 2024 14:01:13 GMT+0000 (Coordinated Universal Time)
/*  
/*  Copyright © 2024 Red Hat, Inc.
/*  https://www.redhat.com
/* ================================================================================ */

.animated-hero-video-poster{right:0;bottom:320px;position:absolute;width:515px;z-index:4;cursor:pointer}.animated-hero-play-outer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:red;height:64px;width:64px;border-radius:100%;display:flex;align-items:center;justify-content:center;z-index:2;opacity:.8}.animated-hero-play-inner{box-sizing:border-box;height:8px;width:8px;border-style:solid;border-width:12px 0 10px 21px;border-color:transparent transparent transparent #fff;margin-left:5px}.animated-hero-video-poster .animated-hero-play-outer:hover,.animated-hero-video-poster:focus .animated-hero-play-outer{opacity:1}.animated-hero-video-overlay{height:100%;width:100%;background-color:rgba(0,0,0,.8);position:fixed;left:0;top:0;z-index:15}.animated-hero-video-container{width:66vw;background-color:#000;position:absolute;left:50%;top:50%;padding-bottom:37.25%;max-width:1920px;z-index:15;transform:translate(-50%,-50%)}.animated-hero-youtube-video{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100}.animated-hero-youtube-video iframe{width:100%;height:100%;display:block}.video-close-button{height:55px;width:55px;background:#fff;z-index:101;border-radius:100px;top:25px;right:25px;cursor:pointer}.video-close-button:is(:focus,:focus-within){border:3px solid #000}.animated-hero-video-container iframe{height:100%;width:100%;position:absolute}.animated-hero .animation-toggle{border:1px solid transparent;cursor:pointer;width:170px;top:40px;right:40px;z-index:4}.animated-hero .animation-toggle:focus,.animated-hero .animation-toggle:hover{border:1px solid #fff}.animated-hero .animation-toggle .animation-switch-container{position:relative;display:inline-block;top:6px;background:#001c38;border-radius:12px;height:22px;width:38px}.animated-hero .animation-toggle .animation-switch-container .toggle-indicator{position:absolute;top:4px;left:4px;display:inline-block;border-radius:8px;height:12px;width:12px;background:#fff;transition:left .3s}.animated-hero .animation-toggle[aria-checked=true] .animation-switch-container .toggle-indicator{left:22px}.animated-hero .animation-toggle .animation-switch-on-off-label[data-hidden]{display:none}.animated-triangles{animation:3s ease-in-out infinite alternate triangles;width:850px;bottom:-40px}.animated-rectangles{animation:3s ease-in-out infinite alternate rectangles;width:170px}.animated-half-circle{width:620px}.animated-video-shapes{right:0;bottom:-50px;width:440px;animation:3s ease-in-out infinite alternate video-shapes}@keyframes rectangles{0%{transform:translate(0,0)}100%{transform:translate(-60px,0)}}@keyframes half-circle{0%{transform:translate(0,-40px) translateX(25%)}100%{transform:translate(-40px,0) translateX(25%)}}@keyframes half-circle-mobile{0%{transform:translate(0,-40px) translateX(-30%)}100%{transform:translate(-40px,0) translateX(-30%)}}@keyframes triangles{0%{transform:translateY(50px)}100%{transform:translateY(0)}}@keyframes video-shapes{0%{transform:translateX(0)}100%{transform:translateX(50px)}}.no-animation .animated-half-circle,.no-animation .animated-rectangles,.no-animation .animated-triangles,.no-animation .animated-video-shapes{animation-play-state:paused}.animated-hero rh-cta{z-index:4}.animated-hero .register-button::part(container){--rh-cta-background-color:#FFF!important;--rh-cta-color:#151515!important}.animated-hero .register-button:hover::part(container){--rh-cta-hover-background-color:transparent!important;--rh-cta-hover-color:#FFF!important}.animated-hero .register-button:is(:focus,:focus-within),.animated-hero .register-button:is(:focus,:focus-within)::part(container){--rh-cta-focus-background-color:transparent!important;--rh-cta-color:#FFF!important}.animated-hero .watch-video-button::part(container){color:#fff;border:1px solid transparent}.animated-hero .watch-video-button:hover::part(container),.animated-hero .watch-video-button:is(:focus,:focus-within),.animated-hero .watch-video-button:is(:focus,:focus-within)::part(container){border:1px dotted #fff}.animated-hero{overflow-x:hidden;margin:0;width:100%;background-color:#06c}.animated-hero h1{z-index:4;font-size:50px;max-width:418px}.animated-hero .hero-ansiblefest-logo,.animated-hero .hero-summit-logo{z-index:4}#animated-hero-outer-container .dx-row{--bs-gutter-x:0!important}@media (min-width:769px){.animated-hero{height:calc(100vh - 82px)}}@media (min-width:992px){.animated-half-circle{right:25%;animation:3s ease-in-out infinite alternate half-circle}}@media (min-width:992px) and (max-height:880px){.animated-hero{height:auto;min-height:880px}.animated-hero .animated-hero-text-band{padding-top:0;padding-bottom:80px}}@media (min-width:1900px){.animated-hero-video-poster{width:600px}.animated-triangles{width:1000px;bottom:-100px}.animated-rectangles{width:200px;top:-20px}.animated-half-circle{width:700px;right:300px}}@media (max-width:991px){.animated-hero .animation-toggle{left:50%;transform:translate(-50%,-50%)}.animated-triangles{left:-50px}.animated-half-circle{right:-55%;animation:3s ease-in-out infinite alternate half-circle-mobile}.animated-hero .hero-desktop-only{display:none}}@media (max-width:991px) and (max-height:600px){.animated-hero{height:auto;min-height:600px}}@media (max-width:768px){.animated-triangles{left:-130px}.animated-rectangles{top:-100px;width:120px}.animated-half-circle{width:483px;right:-500px}.animated-hero{height:calc(100vh - 58px)}}@media (max-width:767px){.animated-hero-video-container{width:96vw;padding-bottom:54.25%}}@media (max-width:575px){.animated-triangles{left:-175px;width:625px;bottom:-45px}.animated-hero h1{font-size:38px;max-width:320px}}