@property --motion-scale-x { syntax: '<number>'; initial-value: 1; inherits: false; } @property --motion-scale-y { syntax: '<number>'; initial-value: 1; inherits: false; } 
.cover-start {--motion-origin-x: 50; --motion-origin-y: 50; --motion-scale-x: 1; --motion-scale-y: 1; transform: var(--motion-layout-transform, translate(0px)) translate(calc(var(--motion-origin-x, 0) * 1%), calc(var(--motion-origin-y, 0) * 1%)) var(--motion-design-transform-inverse, matrix(1, 0, 0, 1, 0, 0)) scale(var(--motion-scale-x, 1), var(--motion-scale-y, 1)) var(--motion-design-transform, matrix(1, 0, 0, 1, 0, 0)) translate(calc(var(--motion-origin-x, 0) * -1%), calc(var(--motion-origin-y, 0) * -1%)); transform-origin: 0 0; animation: kf_97_376_--motion-scale-x_0 4.2s linear, kf_97_376_--motion-scale-y_0 4.2s linear, kf_97_376_border-color_0 4.2s linear, kf_97_376_box-shadow_0 4.2s linear; animation-iteration-count: infinite; }
@keyframes kf_97_376_--motion-scale-x_0 { 0% { animation-timing-function: ease-in-out; --motion-scale-x: 1; } 16.667% { animation-timing-function: ease-in-out; --motion-scale-x: 1.015; } 33.333% { animation-timing-function: ease-in-out; --motion-scale-x: 1; } 50% { animation-timing-function: ease-in-out; --motion-scale-x: 1.015; } 66.667% { animation-timing-function: ease-in-out; --motion-scale-x: 1; } 83.333% { animation-timing-function: ease-in-out; --motion-scale-x: 1.015; } 100% { --motion-scale-x: 1; } } @keyframes kf_97_376_--motion-scale-y_0 { 0% { animation-timing-function: ease-in-out; --motion-scale-y: 1; } 16.667% { animation-timing-function: ease-in-out; --motion-scale-y: 1.015; } 33.333% { animation-timing-function: ease-in-out; --motion-scale-y: 1; } 50% { animation-timing-function: ease-in-out; --motion-scale-y: 1.015; } 66.667% { animation-timing-function: ease-in-out; --motion-scale-y: 1; } 83.333% { animation-timing-function: ease-in-out; --motion-scale-y: 1.015; } 100% { --motion-scale-y: 1; } } @keyframes kf_97_376_border-color_0 { 0% { animation-timing-function: ease-in-out; border-color: #071426; } 16.667% { animation-timing-function: ease-in-out; border-color: #FFF5C7; } 33.333% { animation-timing-function: ease-in-out; border-color: #071426; } 50% { animation-timing-function: ease-in-out; border-color: #FFF5C7; } 66.667% { animation-timing-function: ease-in-out; border-color: #071426; } 83.333% { animation-timing-function: ease-in-out; border-color: #FFF5C7; } 100% { border-color: #071426; } } @keyframes kf_97_376_box-shadow_0 { 0% { animation-timing-function: ease-in-out; box-shadow: 0px 0px 12px 0px rgba(255, 219, 77, 0.12), 0px 12px 10px 0px rgba(0, 6, 18, 0.75), 0px 8px 0px 0px #8C4D06, 0px -5px 0px 0px rgba(122, 61, 0, 0.22) inset, 0px 3px 0px 0px rgba(255, 255, 229, 0.65) inset; } 16.667% { animation-timing-function: ease-in-out; box-shadow: 0px 0px 26px 0px rgba(255, 240, 166, 0.78), 0px 12px 10px 0px rgba(0, 6, 18, 0.75), 0px 8px 0px 0px #8C4D06, 0px -5px 0px 0px rgba(122, 61, 0, 0.22) inset, 0px 3px 0px 0px rgba(255, 255, 229, 0.65) inset; } 33.333% { animation-timing-function: ease-in-out; box-shadow: 0px 0px 12px 0px rgba(255, 219, 77, 0.12), 0px 12px 10px 0px rgba(0, 6, 18, 0.75), 0px 8px 0px 0px #8C4D06, 0px -5px 0px 0px rgba(122, 61, 0, 0.22) inset, 0px 3px 0px 0px rgba(255, 255, 229, 0.65) inset; } 50% { animation-timing-function: ease-in-out; box-shadow: 0px 0px 26px 0px rgba(255, 240, 166, 0.78), 0px 12px 10px 0px rgba(0, 6, 18, 0.75), 0px 8px 0px 0px #8C4D06, 0px -5px 0px 0px rgba(122, 61, 0, 0.22) inset, 0px 3px 0px 0px rgba(255, 255, 229, 0.65) inset; } 66.667% { animation-timing-function: ease-in-out; box-shadow: 0px 0px 12px 0px rgba(255, 219, 77, 0.12), 0px 12px 10px 0px rgba(0, 6, 18, 0.75), 0px 8px 0px 0px #8C4D06, 0px -5px 0px 0px rgba(122, 61, 0, 0.22) inset, 0px 3px 0px 0px rgba(255, 255, 229, 0.65) inset; } 83.333% { animation-timing-function: ease-in-out; box-shadow: 0px 0px 26px 0px rgba(255, 240, 166, 0.78), 0px 12px 10px 0px rgba(0, 6, 18, 0.75), 0px 8px 0px 0px #8C4D06, 0px -5px 0px 0px rgba(122, 61, 0, 0.22) inset, 0px 3px 0px 0px rgba(255, 255, 229, 0.65) inset; } 100% { box-shadow: 0px 0px 12px 0px rgba(255, 219, 77, 0.12), 0px 12px 10px 0px rgba(0, 6, 18, 0.75), 0px 8px 0px 0px #8C4D06, 0px -5px 0px 0px rgba(122, 61, 0, 0.22) inset, 0px 3px 0px 0px rgba(255, 255, 229, 0.65) inset; } }