@keyframes s5ttdr3{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}
.s5ttdr0{align-self:center;gap:var(--nova-ui-spacing-16);grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;display:grid}
.s5ttdr1{background:var(--nova-ui-color-primary-xxxlight);border-radius:var(--nova-ui-spacing-48);padding:var(--nova-ui-spacing-48)var(--nova-ui-spacing-32);aspect-ratio:1;flex-direction:column;justify-content:flex-end;align-self:center;width:100%;display:flex}
.s5ttdr2{aspect-ratio:1;align-self:center;gap:var(--nova-ui-spacing-12);flex-direction:row;width:100%;display:flex;position:relative;overflow:hidden}
.s5ttdr4{border-radius:var(--nova-ui-spacing-48);animation-name:s5ttdr3;animation-timing-function:cubic-bezier(.22,1,.74,1);animation-fill-mode:backwards;position:relative;overflow:hidden}
.s5ttdr5{width:70%;animation-duration:.65s}
.s5ttdr6{width:20%;animation-duration:.5s;animation-delay:.3s}
.s5ttdr7{width:10%;animation-duration:.35s;animation-delay:.5s}
.s5ttdr8{width:auto;height:100%;position:absolute}
.s5ttdr9{left:0}
.s5ttdra{left:calc(-350% - var(--nova-ui-spacing-12))}
.s5ttdrb{left:calc(-900% - 2*var(--nova-ui-spacing-12))}
.s5ttdrc{align-items:center;height:clamp(2rem,4cqi,4rem);padding-left:clamp(1.5rem,3cqi,2.75rem);display:flex}
.s5ttdrd{max-width:40ch}
@media screen and (max-width:768px){.s5ttdr0{grid-template-rows:min-content min-content;grid-template-columns:minmax(0,1fr)}.s5ttdr1{aspect-ratio:3/2}}