@keyframes hover-button-shaking{10%{-webkit-transform:translateX(2px) rotate(2deg);transform:translateX(2px) rotate(2deg)}20%{-webkit-transform:translateX(-2px) rotate(-2deg);transform:translateX(-2px) rotate(-2deg)}30%{-webkit-transform:translateX(2px) rotate(2deg);transform:translateX(2px) rotate(2deg)}40%{-webkit-transform:translateX(-2px) rotate(-2deg);transform:translateX(-2px) rotate(-2deg)}50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}.hero{padding-top:23.81%;position:relative}@media only screen and (max-width: 559px){.hero{padding-top:48.15%}}.hero a{position:absolute;width:100%;height:100%;top:0;left:0}.hero a:hover img{-webkit-animation-name:hover-button-shaking;animation-name:hover-button-shaking;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1;transform-origin:center center}.hero .hero-button{position:absolute;left:5.8%;top:49.6%;width:19.5%}@media only screen and (max-width: 559px){.hero .hero-button{left:7.8%;top:48.6%;width:39%}}.hero .svg{width:100%;position:absolute;top:0;left:0;height:100%;display:none}@media only screen and (min-width: 560px){.hero .svg--desktop{display:block}}@media only screen and (max-width: 559px){.hero .svg--mobile{display:block}}.hero--10 .bg,.hero--3 .bg{fill:var(--d-green--basic)}.hero--10 .strip,.hero--3 .strip{fill:var(--d-blue--darkest)}.hero--10 .strokes,.hero--3 .strokes{stroke:var(--d-green--lighter)}.hero--11 .bg,.hero--4 .bg{fill:var(--d-yellow--basic)}.hero--11 .strip,.hero--4 .strip{fill:var(--d-blue--darker)}.hero--11 .strokes,.hero--4 .strokes{stroke:var(--d-yellow--lighter)}.hero--12 .bg,.hero--5 .bg{fill:var(--d-orange--basic)}.hero--12 .strip,.hero--5 .strip{fill:var(--d-orange--darkest)}.hero--12 .strokes,.hero--5 .strokes{stroke:var(--d-orange--lighter)}.hero--1 .bg{fill:var(--d-red--basic)}.hero--1 .strip{fill:var(--d-red--darkest)}.hero--1 .strokes{stroke:var(--d-red--lighter)}.hero--2 .bg{fill:var(--d-blue--basic)}.hero--2 .strip{fill:var(--d-blue--darkest)}.hero--2 .strokes{stroke:var(--d-blue--lighter)}.items.bottom{transform:translateY(30vw);animation-timing-function:ease-in-out}.items.top{transform:translateY(-30vw);animation-timing-function:ease-in-out}.letter{transform-origin:50% 30%;animation-timing-function:ease-in-out}@keyframes itemsBottom{0%{transform:translateY(30vw)}6%{transform:translateY(-0.5rem)}8%,68%{transform:translateY(0rem)}72%{transform:translateY(-0.5rem)}76%,100%{transform:translateY(30vw)}}@keyframes itemsTop{0%{transform:translateY(-30vw)}8%{transform:translateY(0.5rem)}10%,68%{transform:translateY(0rem)}72%{transform:translateY(0.5rem)}76%,100%{transform:translateY(-30vw)}}@keyframes letter{0%{transform:scaleY(1)}50%{transform:scaleY(1.1)}100%{transform:scaleY(1)}}/*# sourceMappingURL=kdo-to-co-to-hero-banner.min.css.map */