@font-face {font-family: SkodaNextRegular;src: url("./4117e7.skoda-next-regular.ttf");}
@font-face {font-family: SkodaNextBold;src: url("./c60254.skoda-next-bold.ttf");}
@font-face {font-family: SkodaNextBlack;src: url("./08278b.skoda-next-black.ttf");}
* {box-sizing: border-box;}
body, html {margin: 0;padding: 0;overflow: hidden;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.wrapper {position: absolute;top: 0;right: 0;bottom: 0;left: 0;border: 0px solid #ccc;cursor: pointer;}
#container {position: relative;width: 100%;height: 100%;overflow: hidden;background-color: #fff;color: #fff;background-position: 50%;background-size: auto 100%;opacity: 1;}
#container:hover .cta {background-color: #2a9c26;}
.layer {top: 0;left: 0;width: 100%;height: 100%;transition: transform .4s ease-out;}
.dealer__logo, .layer {position: absolute;}
.dealer__logo--horizontal, .dealer__logo--vertical {background-repeat: no-repeat;background-position: 50%;background-size: contain;}
#container.animate-banner {opacity: 1;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.layer-bt {position: absolute;width: 100%;height: 100%;display: flex;justify-content: center;}
#layer-copy-1, #layer-copy-2, #layer-copy-3, #layer-icon-img-01, #layer-icon-img-02, #layer-icon-img-03, #layer-icon-img-04, #layer-icon-img-05, #layer-icon-txt-01, #layer-icon-txt-02, #layer-icon-txt-03, #layer-icon-txt-04, #layer-icon-txt-05, #layer-logo2-a, #layer-logo2-d, #layer-logo2-k, #layer-logo2-o, #layer-logo2-s, #layer-logo-finserv, #layer-logo-finserv2, #layer-logo-skoda {-webkit-animation: none;animation: none;opacity: 0;}
.animate-banner #layer-dealer-logo {-webkit-animation: fade-in .5s linear 1.5s;animation: fade-in .5s linear 1.5s;opacity: 0;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.animate-banner #layer-bg2 {-webkit-animation: key-bg-side 3.6s cubic-bezier(.805,.005,1,.525) 4s;animation: key-bg-side 3.6s cubic-bezier(.805,.005,1,.525) 4s;opacity: 0;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.animate-banner #layer-rectangle-top {-webkit-animation: key-rectangle-top-out .6s cubic-bezier(.13,.245,.44,1) 0ms,key-rectangle-top-in .4s cubic-bezier(.6,.5,.4,.6) 7.2s;animation: key-rectangle-top-out .6s cubic-bezier(.13,.245,.44,1) 0ms,key-rectangle-top-in .4s cubic-bezier(.6,.5,.4,.6) 7.2s;opacity: 1;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.animate-banner #layer-rectangle-bottom {-webkit-animation: key-rectangle-bottom-out .6s cubic-bezier(.13,.245,.44,1) 0ms,key-rectangle-bottom-in .4s cubic-bezier(.6,.5,.4,.6) 7.2s;animation: key-rectangle-bottom-out .6s cubic-bezier(.13,.245,.44,1) 0ms,key-rectangle-bottom-in .4s cubic-bezier(.6,.5,.4,.6) 7.2s;opacity: 1;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.animate-banner #layer-logo-s {-webkit-animation: key-logo-s 1.4s cubic-bezier(.6,.5,.4,.6) .3s,fade-out .4s cubic-bezier(.6,.5,.4,.6) 6.8s;animation: key-logo-s 1.4s cubic-bezier(.6,.5,.4,.6) .3s,fade-out .4s cubic-bezier(.6,.5,.4,.6) 6.8s;opacity: 0;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.animate-banner #layer-logo-k {-webkit-animation: key-logo-k 1.4s cubic-bezier(.6,.5,.4,.6) .3s,fade-out .4s cubic-bezier(.6,.5,.4,.6) 6.8s;animation: key-logo-k 1.4s cubic-bezier(.6,.5,.4,.6) .3s,fade-out .4s cubic-bezier(.6,.5,.4,.6) 6.8s;opacity: 0;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.animate-banner #layer-logo-o {-webkit-animation: key-logo-o 1.4s cubic-bezier(.6,.5,.4,.6) .3s,fade-out .4s cubic-bezier(.6,.5,.4,.6) 6.8s;animation: key-logo-o 1.4s cubic-bezier(.6,.5,.4,.6) .3s,fade-out .4s cubic-bezier(.6,.5,.4,.6) 6.8s;opacity: 0;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.animate-banner #layer-logo-d {-webkit-animation: key-logo-d 1.4s cubic-bezier(.6,.5,.4,.6) .3s,fade-out .4s cubic-bezier(.6,.5,.4,.6) 6.8s;animation: key-logo-d 1.4s cubic-bezier(.6,.5,.4,.6) .3s,fade-out .4s cubic-bezier(.6,.5,.4,.6) 6.8s;opacity: 0;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.animate-banner #layer-logo-a {-webkit-animation: key-logo-a 1.4s cubic-bezier(.6,.5,.4,.6) .3s,fade-out .4s cubic-bezier(.6,.5,.4,.6) 6.8s;animation: key-logo-a 1.4s cubic-bezier(.6,.5,.4,.6) .3s,fade-out .4s cubic-bezier(.6,.5,.4,.6) 6.8s;opacity: 0;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.animate-banner #layer-copy-1 {-webkit-animation: key-copy-up-in .5s cubic-bezier(.13,.245,.44,1) .1s,key-copy-up-out .4s cubic-bezier(.86,.15,.9,.95) 4s;animation: key-copy-up-in .5s cubic-bezier(.13,.245,.44,1) .1s,key-copy-up-out .4s cubic-bezier(.86,.15,.9,.95) 4s;opacity: 0;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.animate-banner #layer-copy-2 {-webkit-animation: key-copy-up-in .7s cubic-bezier(.13,.245,.44,1) .4s,key-copy-up-out .4s cubic-bezier(.86,.15,.9,.95) 4.1s;animation: key-copy-up-in .7s cubic-bezier(.13,.245,.44,1) .4s,key-copy-up-out .4s cubic-bezier(.86,.15,.9,.95) 4.1s;opacity: 0;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.animate-banner #layer-copy-3 {-webkit-animation: key-copy-up-in .6s cubic-bezier(.13,.245,.44,1) 4.6s,key-copy-up-out .4s cubic-bezier(.86,.15,.9,.95) 10.2s;animation: key-copy-up-in .6s cubic-bezier(.13,.245,.44,1) 4.6s,key-copy-up-out .4s cubic-bezier(.86,.15,.9,.95) 10.2s;opacity: 0;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.animate-banner #layer-copy-4 {-webkit-animation: key-copy-up-in .6s cubic-bezier(.13,.245,.44,1) 4.7s,key-copy-up-out .4s cubic-bezier(.86,.15,.9,.95) 10.1s;animation: key-copy-up-in .6s cubic-bezier(.13,.245,.44,1) 4.7s,key-copy-up-out .4s cubic-bezier(.86,.15,.9,.95) 10.1s;opacity: 0;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.animate-banner #layer-logo2-s {-webkit-animation: key-logo2-s .8s cubic-bezier(.6,.5,.4,.6) 7.2s,fade-out .5s ease-out 10.7s;animation: key-logo2-s .8s cubic-bezier(.6,.5,.4,.6) 7.2s,fade-out .5s ease-out 10.7s;opacity: 0;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.animate-banner #layer-logo2-k {-webkit-animation: key-logo2-k .8s cubic-bezier(.6,.5,.4,.6) 7.2s,fade-out .5s ease-out 10.7s;animation: key-logo2-k .8s cubic-bezier(.6,.5,.4,.6) 7.2s,fade-out .5s ease-out 10.7s;opacity: 0;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.animate-banner #layer-logo2-o {-webkit-animation: key-logo2-o .8s cubic-bezier(.6,.5,.4,.6) 7.2s,fade-out .5s ease-out 10.7s;animation: key-logo2-o .8s cubic-bezier(.6,.5,.4,.6) 7.2s,fade-out .5s ease-out 10.7s;opacity: 0;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.animate-banner #layer-logo2-d {-webkit-animation: key-logo2-d .8s cubic-bezier(.6,.5,.4,.6) 7.2s,fade-out .5s ease-out 10.7s;animation: key-logo2-d .8s cubic-bezier(.6,.5,.4,.6) 7.2s,fade-out .5s ease-out 10.7s;opacity: 0;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.animate-banner #layer-logo2-a {-webkit-animation: key-logo2-a .8s cubic-bezier(.6,.5,.4,.6) 7.2s,fade-out .5s ease-out 10.7s;animation: key-logo2-a .8s cubic-bezier(.6,.5,.4,.6) 7.2s,fade-out .5s ease-out 10.7s;opacity: 0;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.animate-banner #layer-bttn {-webkit-animation: key-button-exp .9s cubic-bezier(.13,.245,.44,1) .8s;animation: key-button-exp .9s cubic-bezier(.13,.245,.44,1) .8s;opacity: 0;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.animate-banner #layer-cta-copy {-webkit-animation: key-cta-copy-in .5s cubic-bezier(.13,.245,.44,1) 1.2s;animation: key-cta-copy-in .5s cubic-bezier(.13,.245,.44,1) 1.2s;opacity: 0;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
#container.animate-banner:hover #layer-cta-copy img {-webkit-animation: key-cta-copy-hover .5s cubic-bezier(.13,.245,.44,1);animation: key-cta-copy-hover .5s cubic-bezier(.13,.245,.44,1);opacity: 1;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.animate-banner-last #layer-dealer {-webkit-animation: fade-in .5s linear 1.5s;animation: fade-in .5s linear 1.5s;opacity: 0;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.animate-banner-last #layer-rectangle-top {-webkit-animation: key-rectangle-top-out .6s cubic-bezier(.13,.245,.44,1) 0ms;animation: key-rectangle-top-out .6s cubic-bezier(.13,.245,.44,1) 0ms;opacity: 1;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.animate-banner-last #layer-rectangle-bottom {-webkit-animation: key-rectangle-bottom-out .6s cubic-bezier(.13,.245,.44,1) 0ms;animation: key-rectangle-bottom-out .6s cubic-bezier(.13,.245,.44,1) 0ms;opacity: 1;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.animate-banner-last #layer-logo-s {-webkit-animation: key-logo-s 1.4s cubic-bezier(.6,.5,.4,.6) .3s;animation: key-logo-s 1.4s cubic-bezier(.6,.5,.4,.6) .3s;opacity: 0;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.animate-banner-last #layer-logo-k {-webkit-animation: key-logo-k 1.4s cubic-bezier(.6,.5,.4,.6) .3s;animation: key-logo-k 1.4s cubic-bezier(.6,.5,.4,.6) .3s;opacity: 0;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.animate-banner-last #layer-logo-o {-webkit-animation: key-logo-o 1.4s cubic-bezier(.6,.5,.4,.6) .3s;animation: key-logo-o 1.4s cubic-bezier(.6,.5,.4,.6) .3s;opacity: 0;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.animate-banner-last #layer-logo-d {-webkit-animation: key-logo-d 1.4s cubic-bezier(.6,.5,.4,.6) .3s;animation: key-logo-d 1.4s cubic-bezier(.6,.5,.4,.6) .3s;opacity: 0;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.animate-banner-last #layer-logo-a {-webkit-animation: key-logo-a 1.4s cubic-bezier(.6,.5,.4,.6) .3s;animation: key-logo-a 1.4s cubic-bezier(.6,.5,.4,.6) .3s;opacity: 0;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.animate-banner-last #layer-copy-1 {-webkit-animation: key-copy-up .5s cubic-bezier(.13,.245,.44,1) .1s;animation: key-copy-up .5s cubic-bezier(.13,.245,.44,1) .1s;opacity: 0;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.animate-banner-last #layer-copy-2 {-webkit-animation: key-copy-up .7s cubic-bezier(.13,.245,.44,1) .4s;animation: key-copy-up .7s cubic-bezier(.13,.245,.44,1) .4s;opacity: 0;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.animate-banner-last #layer-bg2, .animate-banner-last #layer-copy-3, .animate-banner-last #layer-copy-4 {opacity: 0;-webkit-animation: none;animation: none;}
.animate-banner-last #layer-logo2-a, .animate-banner-last #layer-logo2-d, .animate-banner-last #layer-logo2-k, .animate-banner-last #layer-logo2-o, .animate-banner-last #layer-logo2-s {-webkit-animation: key-anim-no .1s linear 7.5s;animation: key-anim-no .1s linear 7.5s;opacity: 0;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.animate-banner-last-last #layer-bttn {-webkit-animation: key-button-exp 1s cubic-bezier(.13,.245,.44,1) .8s;animation: key-button-exp 1s cubic-bezier(.13,.245,.44,1) .8s;opacity: 0;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.animate-banner-last #layer-cta-copy {-webkit-animation: key-cta-copy-in .5s cubic-bezier(.13,.245,.44,1) 1.2s;animation: key-cta-copy-in .5s cubic-bezier(.13,.245,.44,1) 1.2s;opacity: 0;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.animate-banner-last:hover #layer-cta-copy img {-webkit-animation: key-cta-copy-hover .5s cubic-bezier(.13,.245,.44,1);animation: key-cta-copy-hover .5s cubic-bezier(.13,.245,.44,1);opacity: 1;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
@keyframes key-bg-in {0% {-webkit-transform: translate3d(-10px,0,.003px);transform: translate3d(-10px,0,.003px);opacity: 1;}
	to {-webkit-transform: translate3d(-40px,0,.003px);transform: translate3d(-40px,0,.003px);opacity: 1;}}
@keyframes key-bg-in2 {0% {-webkit-transform: translate3d(-10px,0,.003px);transform: translate3d(-10px,0,.003px);opacity: 1;}
	to {-webkit-transform: translate3d(-25px,0,.003px);transform: translate3d(-25px,0,.003px);opacity: 1;}}
@keyframes key-logo-s {0% {-webkit-transform: translate3d(-33px,0,.003px);transform: translate3d(-33px,0,.003px);opacity: 0;}
	to {-webkit-transform: translateZ(.003px);transform: translateZ(.003px);opacity: 1;}}
@keyframes key-logo-k {0% {-webkit-transform: translate3d(-30px,0,.003px);transform: translate3d(-30px,0,.003px);opacity: 0;}
	to {-webkit-transform: translateZ(.003px);transform: translateZ(.003px);opacity: 1;}}
@keyframes key-logo-o {0% {-webkit-transform: translate3d(-20px,0,.003px);transform: translate3d(-20px,0,.003px);opacity: 0;}
	to {-webkit-transform: translateZ(.003px);transform: translateZ(.003px);opacity: 1;}}
@keyframes key-logo-d {0% {-webkit-transform: translate3d(-10px,0,.003px);transform: translate3d(-10px,0,.003px);opacity: 0;}
	to {-webkit-transform: translateZ(.003px);transform: translateZ(.003px);opacity: 1;}}
@keyframes key-logo-a {0% {-webkit-transform: translateZ(.003px);transform: translateZ(.003px);opacity: 0;}
	to {-webkit-transform: translateZ(.003px);transform: translateZ(.003px);opacity: 1;}}
@keyframes key-logo2-s {0% {-webkit-transform: translate3d(-14px,0,.003px);transform: translate3d(-14px,0,.003px);opacity: 0;}
	to {-webkit-transform: translateZ(.003px);transform: translateZ(.003px);opacity: 1;}}
@keyframes key-logo2-k {0% {-webkit-transform: translate3d(-10px,0,.003px);transform: translate3d(-10px,0,.003px);opacity: 0;}
	to {-webkit-transform: translateZ(.003px);transform: translateZ(.003px);opacity: 1;}}
@keyframes key-logo2-o {0% {-webkit-transform: translateZ(.003px);transform: translateZ(.003px);opacity: 0;}
	to {-webkit-transform: translateZ(.003px);transform: translateZ(.003px);opacity: 1;}}
@keyframes key-logo2-d {0% {-webkit-transform: translate3d(10px,0,.003px);transform: translate3d(10px,0,.003px);opacity: 0;}
	to {-webkit-transform: translateZ(.003px);transform: translateZ(.003px);opacity: 1;}}
@keyframes key-logo2-a {0% {-webkit-transform: translate3d(14px,0,.003px);transform: translate3d(14px,0,.003px);opacity: 0;}
	to {-webkit-transform: translateZ(.003px);transform: translateZ(.003px);opacity: 1;}}
@keyframes key-rectangle-top-out {0% {-webkit-transform: rotate(0deg) scale(1) translateY(0) translateX(0);transform: rotate(0deg) scale(1) translateY(0) translateX(0);opacity: 1;}
	to {-webkit-transform: rotate(20deg) scale(1) translateY(var(--facet-top-out-translateY)) translateX(var(--facet-top-out-translateX));transform: rotate(20deg) scale(1) translateY(var(--facet-top-out-translateY)) translateX(var(--facet-top-out-translateX));opacity: 1;}}
@keyframes key-rectangle-top-in {0% {-webkit-transform: rotate(20deg) scale(1) translateY(var(--facet-top-out-translateY)) translateX(var(--facet-top-out-translateX));transform: rotate(20deg) scale(1) translateY(var(--facet-top-out-translateY)) translateX(var(--facet-top-out-translateX));opacity: 1;}
	to {-webkit-transform: rotate(0deg) scale(1) translateY(0) translateX(0);transform: rotate(0deg) scale(1) translateY(0) translateX(0);opacity: 1;}}
@keyframes key-rectangle-bottom-out {0% {-webkit-transform: rotate(0deg) scale(1) translateY(0) translateX(0);transform: rotate(0deg) scale(1) translateY(0) translateX(0);opacity: 1;}
	to {-webkit-transform: rotate(30deg) scale(1) translateY(var(--facet-bottom-out-translateY)) translateX(var(--facet-bottom-out-translateX));transform: rotate(30deg) scale(1) translateY(var(--facet-bottom-out-translateY)) translateX(var(--facet-bottom-out-translateX));opacity: 1;}}
@keyframes key-rectangle-bottom-in {0% {-webkit-transform: rotate(-30deg) scale(1) translateY(var(--facet-bottom-out-translateY)) translateX(var(--facet-bottom-out-translateX));transform: rotate(-30deg) scale(1) translateY(var(--facet-bottom-out-translateY)) translateX(var(--facet-bottom-out-translateX));opacity: 1;}
	to {-webkit-transform: rotate(0deg) scale(1) translateY(0) translateX(0);transform: rotate(0deg) scale(1) translateY(0) translateX(0);opacity: 1;}}
@keyframes key-copy-in {0% {opacity: 0;}
	to {opacity: 1;}}
@keyframes key-copy-up {0% {-webkit-transform: translate3d(0,20px,.003px);transform: translate3d(0,20px,.003px);opacity: 0;}
	to {-webkit-transform: translateZ(.003px);transform: translateZ(.003px);opacity: 1;}}
@keyframes key-copy-down {0% {-webkit-transform: translate3d(0,-20px,.003px);transform: translate3d(0,-20px,.003px);opacity: 0;}
	to {-webkit-transform: translateZ(.003px);transform: translateZ(.003px);opacity: 1;}}
@keyframes key-copy-out-side {0% {-webkit-transform: translateZ(.003px);transform: translateZ(.003px);opacity: 1;}
	to {-webkit-transform: translate3d(-30px,0,.003px);transform: translate3d(-30px,0,.003px);opacity: 0;}}
@keyframes key-copy-out {0% {-webkit-transform: translateZ(.003px);transform: translateZ(.003px);opacity: 1;}
	to {-webkit-transform: translate3d(0,20px,.003px);transform: translate3d(0,20px,.003px);opacity: 0;}}
@keyframes key-copy-up-in {0% {-webkit-transform: translate3d(0,30px,.003px);transform: translate3d(0,30px,.003px);opacity: 0;}
	to {-webkit-transform: translateZ(.003px);transform: translateZ(.003px);opacity: 1;}}
@keyframes key-copy-up-out {0% {-webkit-transform: translateZ(.003px);transform: translateZ(.003px);opacity: 1;}
	to {-webkit-transform: translate3d(0,-30px,.003px);transform: translate3d(0,-30px,.003px);opacity: 0;}}
@keyframes key-anim-no {0% {opacity: 0;}
	to {opacity: 0;}}
@keyframes fade-in {0% {opacity: 0;}
	to {opacity: 1;}}
@keyframes fade-out {0% {opacity: 1;}
	to {opacity: 0;}}
@keyframes key-button-exp {0% {-webkit-transform: scale(.4);transform: scale(.4);opacity: 1;}
	20% {height: var(--cta-height);width: var(--cta-height);-webkit-transform: scale(1);transform: scale(1);opacity: 1;}
	24% {height: var(--cta-height);width: var(--cta-height);-webkit-transform: scale(1);transform: scale(1);opacity: 1;}
	to {-webkit-transform: scale(1);transform: scale(1);width: var(--cta-width);opacity: 1;}}
@keyframes key-cta-copy-in {0% {-webkit-transform: translate3d(0,10px,.003px);transform: translate3d(0,10px,.003px);opacity: 0;}
	to {-webkit-transform: translateZ(.003px);transform: translateZ(.003px);opacity: 1;}}
@keyframes key-cta-copy-hover {0% {-webkit-transform: translateZ(.003px);transform: translateZ(.003px);opacity: 1;}
	49% {-webkit-transform: translate3d(0,-10px,.003px);transform: translate3d(0,-10px,.003px);opacity: 0;}
	50% {-webkit-transform: translate3d(0,10px,.003px);transform: translate3d(0,10px,.003px);opacity: 0;}
	to {-webkit-transform: translateZ(.003px);transform: translateZ(.003px);opacity: 1;}}
@keyframes key-bg-side {0% {-webkit-transform: translateZ(.003px);transform: translateZ(.003px);-webkit-clip-path: polygon(0 0,0 0,0 0,0 0,0 0);clip-path: polygon(0 0,0 0,0 0,0 0,0 0);animation-timing-function: ease-in;opacity: 0;}
	8% {-webkit-clip-path: polygon(140% 0,89% 0,0 100%,0 100%,0 0);clip-path: polygon(140% 0,89% 0,0 100%,0 100%,0 0);opacity: 1;animation-timing-function: linear;}
	16% {-webkit-clip-path: polygon(160% 0,160% 100%,140% 140%,0 140%,0 0);clip-path: polygon(160% 0,160% 100%,140% 140%,0 140%,0 0);animation-timing-function: ease-out;}
	to {-webkit-transform: translateZ(.003px);transform: translateZ(.003px);opacity: 1;}}
:root {--main-width: 480px;--main-height: 300px;--cta-width: 124px;--cta-height: 44px;--cta-top: 236px;--cta-left: -158px;--facet-width: 800px;--facet-height: 800px;--facet-top-top: -645px;--facet-top-left: 0px;--facet-bottom-top: 155px;--facet-bottom-left: -110px;--facet-top-out-translateY: -88px;--facet-top-out-translateX: -120px;--facet-bottom-out-translateY: 340px;--facet-bottom-out-translateX: -200px;}
.wrapper {width: 480px;height: 300px;overflow: hidden;}
.dealer__logo--horizontal {right: 18px;bottom: 18px;width: 124px;height: 40px;background-position: 100%;object-fit: contain;}
.button {height: var(--cta-height);width: var(--cta-height);background: #78faae;border: none;border-radius: var(--cta-height);cursor: pointer;display: flex;align-items: center;justify-content: center;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
#layer-bg {opacity: 1;}
#layer-bg, #layer-bg2 {-webkit-animation: none;animation: none;top: 0;left: 0;}
#layer-bg2 {opacity: 0;}
#layer-bg-lights1 .lights1, #layer-bg-lights2 .lights2, #layer-copy-1, #layer-copy-2, #layer-copy-3, #layer-copy-4, #layer-dealer, #layer-logo2-a, #layer-logo2-d, #layer-logo2-k, #layer-logo2-o, #layer-logo2-s, #layer-logo-a, #layer-logo-d, #layer-logo-k, #layer-logo-o, #layer-logo-s {-webkit-animation: none;animation: none;opacity: 0;}
#layer-rectangle-top {left: var(--facet-top-left);top: var(--facet-top-top);}
#layer-rectangle-bottom, #layer-rectangle-top {-webkit-animation: none;animation: none;width: var(--facet-width);height: var(--facet-height);background-color: #78faae;opacity: 1;}
#layer-rectangle-bottom {left: var(--facet-bottom-left);top: var(--facet-bottom-top);}
#layer-cta {top: var(--cta-top);left: var(--cta-left);opacity: 1;}