.section-background{--section-bg-start-scale:102.5%;--section-bg-start-shift:1.125%;--section-bg-end-scale:112.5%;--section-bg-end-shift:5.125%}@media (orientation:landscape) and (min-width:709px) and (min-height:708px),(orientation:portrait) and (min-width:1096px){.section-background{--section-bg-start-scale:101%;--section-bg-start-shift:0.5%;--section-bg-end-scale:105%;--section-bg-end-shift:2%}}@keyframes section-background-ken-burns{0%{scale:var(--section-bg-start-scale);translate:var(--section-bg-start-shift) calc(-1 * var(--section-bg-start-shift))}75%{opacity:1}to{scale:var(--section-bg-end-scale);translate:var(--section-bg-end-shift) calc(-1 * var(--section-bg-end-shift));opacity:0}}@keyframes section-background-next-ken-burns{0%,75%{translate:0;scale:1}to{scale:var(--section-bg-start-scale);translate:var(--section-bg-start-shift) calc(-1 * var(--section-bg-start-shift))}}.section-background-current{animation:section-background-ken-burns var(--section-bg-show-time) linear forwards}.section-background-next{animation:section-background-next-ken-burns var(--section-bg-show-time) linear forwards}.section-background-still{scale:var(--section-bg-start-scale);translate:var(--section-bg-start-shift) calc(-1 * var(--section-bg-start-shift))}
.sdfsdfdfg{width:100%}@media (orientation:landscape) and (max-height:707px){.sdfsdfdfg{width:424px;max-width:calc(var(--card-amount) * var(--card-width) + (var(--card-amount) - 1) * var(--card-gap) + 2 * var(--card-px) + 2 * var(--card-gap) + 2 * var(--button-size));margin:0 auto}}@media (orientation:landscape) and (max-height:707px) and (min-width:748px){.sdfsdfdfg{width:748px}}@media (orientation:landscape) and (max-height:707px) and (min-width:1072px){.sdfsdfdfg{width:1072px}}
