
@keyframes slideOutFromBottom{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInFromTop{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInFromBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes btnWidth{0%{width:calc(100% - 2.5rem)}to{width:100%}}.c-mini-banner{background-color:#111;min-height:27.5rem;overflow:hidden;position:relative}.c-mini-banner .is-desktop{display:none}.c-mini-banner .is-mobile{display:block}.c-mini-banner__content{align-items:center;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:space-between;left:0;padding:1.25rem;position:absolute;text-align:center;text-transform:uppercase;top:0;width:100%;z-index:2}.c-mini-banner__headings-wrapper{transition-timing-function:cubic-bezier(.16,1,.3,1);transition-duration:1s;transition-property:transform;display:grid;gap:2.5rem;grid-template-columns:repeat(3,min-content);position:relative;z-index:2}.c-mini-banner__heading{color:hsla(0,0%,100%,.4);cursor:pointer;white-space:nowrap}.c-mini-banner__heading.is-active{color:#fff}.c-mini-banner__banner{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.c-mini-banner__image-wrapper{transition-timing-function:cubic-bezier(.16,1,.3,1);transition-duration:1s;transition-property:opacity;height:0;overflow:hidden;opacity:0;padding-bottom:30.5%}.c-mini-banner__image-wrapper.is-active{opacity:1}.c-mini-banner__bottom-texts-wrapper{height:1.5rem;width:100%;z-index:2}.c-mini-banner__bottom-text{transition-timing-function:cubic-bezier(.16,1,.3,1);transition-duration:.6s;transition-property:opacity;left:0;opacity:0;position:absolute;width:100%}.c-mini-banner__bottom-text.is-active{opacity:1}.c-mini-banner__top{position:relative;z-index:2}.c-mini-banner__nav-wrapper{align-items:center;display:flex;gap:.25rem;justify-content:center;width:100%}.c-mini-banner__nav{transition-timing-function:cubic-bezier(.16,1,.3,1);transition-duration:.6s;transition-property:opacity;background-color:#fff;cursor:pointer;height:.075rem;opacity:20%;width:2.5rem}.c-mini-banner__nav.is-active{opacity:1}.c-mini-banner__title{margin-top:1.25rem}@media only screen and (min-width:1100px){.c-mini-banner__headings-wrapper{gap:17.5rem}}@media only screen and (min-width:750px){.c-mini-banner .is-desktop{display:block}.c-mini-banner .is-mobile{display:none}.c-mini-banner__headings-wrapper{gap:6.25rem}}
