.banner-animations-component{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;background-color:var(--banner-animations-bg-color,var(--primary-color-bg));color:var(--banner-animations-fg-color,var(--primary-color-fg))}
.banner-animations-component__pretitle .cmp-text{font-family:unset;font-size:unset;font-style:unset;font-weight:unset;line-height:unset;letter-spacing:unset}
.banner-animations-component__title{color:currentColor;font-family:var(--primary-font);font-style:normal;font-weight:700;line-height:1;font-size:24px;letter-spacing:-1.68px}
@media(min-width:768px){.banner-animations-component__title{font-family:var(--primary-font);font-style:normal;font-weight:700;line-height:1;font-size:48px;letter-spacing:-3.36px}
}
.banner-animations-component__title .cmp-title__text{font-family:unset;font-size:unset;font-style:unset;font-weight:unset;line-height:unset;letter-spacing:unset}
.banner-animations-component__description .cmp-text{font-family:unset;font-size:unset;font-style:unset;font-weight:unset;line-height:unset;letter-spacing:unset}
.banner-animations-component--horizontal{overflow:clip visible}
.banner-animations-component--horizontal .banner-animations-component__container{position:relative;padding:60px 0}
.banner-animations-component--horizontal .banner-animations-component__images__image{position:absolute;max-width:200px;will-change:tranform}
.banner-animations-component--horizontal .banner-animations-component__images__image .banner-animations-component__image{object-fit:cover;object-position:center}
.banner-animations-component--horizontal .banner-animations-component__images__image:nth-child(1){top:16%;left:0;z-index:2}
@media(min-width:768px){.banner-animations-component--horizontal .banner-animations-component__images__image:nth-child(1){top:-4%;left:0}
}
.banner-animations-component--horizontal .banner-animations-component__images__image:nth-child(1) .banner-animations-component__image{width:128px;height:240px}
@media(min-width:768px){.banner-animations-component--horizontal .banner-animations-component__images__image:nth-child(1) .banner-animations-component__image{width:170px;height:150px}
}
.banner-animations-component--horizontal .banner-animations-component__images__image:nth-child(2){display:none}
@media(min-width:768px){.banner-animations-component--horizontal .banner-animations-component__images__image:nth-child(2){top:22%;left:-9%;z-index:1;display:block}
}
.banner-animations-component--horizontal .banner-animations-component__images__image:nth-child(2) .banner-animations-component__image{width:130px;height:100px}
.banner-animations-component--horizontal .banner-animations-component__images__image:nth-child(3){bottom:42%;left:50%}
@media(min-width:768px){.banner-animations-component--horizontal .banner-animations-component__images__image:nth-child(3){bottom:-20%;left:-8%}
}
.banner-animations-component--horizontal .banner-animations-component__images__image:nth-child(3) .banner-animations-component__image{width:150px;height:110px}
@media(min-width:768px){.banner-animations-component--horizontal .banner-animations-component__images__image:nth-child(3) .banner-animations-component__image{width:90px;height:175px}
}
.banner-animations-component--horizontal .banner-animations-component__images__image:nth-child(4){top:-2%;right:24%;z-index:2}
@media(min-width:768px){.banner-animations-component--horizontal .banner-animations-component__images__image:nth-child(4){top:6%;right:4%}
}
.banner-animations-component--horizontal .banner-animations-component__images__image:nth-child(4) .banner-animations-component__image{width:110px;height:100px}
@media(min-width:768px){.banner-animations-component--horizontal .banner-animations-component__images__image:nth-child(4) .banner-animations-component__image{width:110px;height:130px}
}
.banner-animations-component--horizontal .banner-animations-component__images__image:nth-child(5){top:6%;right:11px;bottom:auto;z-index:1}
@media(min-width:768px){.banner-animations-component--horizontal .banner-animations-component__images__image:nth-child(5){top:auto;right:-4%;bottom:28%}
}
.banner-animations-component--horizontal .banner-animations-component__images__image:nth-child(5) .banner-animations-component__image{width:120px;height:200px}
@media(min-width:768px){.banner-animations-component--horizontal .banner-animations-component__images__image:nth-child(5) .banner-animations-component__image{width:90px;height:110px}
}
.banner-animations-component--horizontal .banner-animations-component__images__image:nth-child(6){display:none}
@media(min-width:768px){.banner-animations-component--horizontal .banner-animations-component__images__image:nth-child(6){right:2%;bottom:14%;display:block}
}
.banner-animations-component--horizontal .banner-animations-component__images__image:nth-child(6) .banner-animations-component__image{overflow:hidden;width:200px;height:215px}
.banner-animations-component--horizontal .banner-animations-component__content{position:relative;z-index:3;display:flex;flex-direction:column;align-items:start;gap:8px;padding-top:380px;padding-bottom:0}
@media(min-width:768px){.banner-animations-component--horizontal .banner-animations-component__content{align-items:center;gap:20px;padding-top:32px;padding-bottom:128px}
}
.banner-animations-component--horizontal .banner-animations-component__pretitle{line-height:1;letter-spacing:0;font-optical-sizing:auto;font-family:var(--secondary-font);font-style:normal;font-weight:400;font-size:16px;line-height:1.5;margin-bottom:10px;max-width:600px;text-align:start;color:currentColor}
@media(min-width:768px){.banner-animations-component--horizontal .banner-animations-component__pretitle{line-height:1;letter-spacing:0;font-optical-sizing:auto;font-family:var(--secondary-font);font-style:normal;font-weight:400;font-size:24px;line-height:1.25;text-align:center}
}
.banner-animations-component--horizontal .banner-animations-component__title{max-width:600px;text-align:start}
@media(min-width:768px){.banner-animations-component--horizontal .banner-animations-component__title{text-align:center}
}
.banner-animations-component--horizontal .banner-animations-component__description{line-height:1;letter-spacing:0;font-optical-sizing:auto;font-family:var(--secondary-font);font-style:normal;font-weight:400;font-size:16px;line-height:1.5;margin-top:10px;max-width:500px;text-align:start;color:currentColor}
@media(min-width:768px){.banner-animations-component--horizontal .banner-animations-component__description{text-align:center}
}
.banner-animations-component--vertical{overflow:clip visible;min-height:1050px}
@media(min-width:1280px){.banner-animations-component--vertical{display:block;min-height:1870px}
}
.banner-animations-component--vertical .banner-animations-component__container{padding:40px 0}
.banner-animations-component--vertical .banner-animations-component__content--up{position:relative;z-index:1;display:flex;flex-direction:column;gap:16px;margin-top:454px;margin-bottom:32px}
@media(min-width:1280px){.banner-animations-component--vertical .banner-animations-component__content--up{margin-top:292px;margin-left:564px}
}
.banner-animations-component--vertical .banner-animations-component__content--down{position:relative;z-index:1}
@media(min-width:1280px){.banner-animations-component--vertical .banner-animations-component__content--down{position:absolute;bottom:80px;margin:40px 0 40px 210px;max-width:350px}
}
.banner-animations-component--vertical .banner-animations-component__description{line-height:1;letter-spacing:0;font-optical-sizing:auto;font-family:var(--secondary-font);font-style:normal;font-weight:400;font-size:16px;line-height:1.5}
@media(min-width:768px){.banner-animations-component--vertical .banner-animations-component__description{line-height:1;letter-spacing:0;font-optical-sizing:auto;font-family:var(--secondary-font);font-style:normal;font-weight:400;font-size:24px;line-height:1.25}
}
.banner-animations-component--vertical .banner-animations-component__images{margin:0;padding:0}
.banner-animations-component--vertical .banner-animations-component__images__image{position:absolute;display:none;will-change:tranform}
.banner-animations-component--vertical .banner-animations-component__images__image .banner-animations-component__image{object-fit:cover;object-position:center}
.banner-animations-component--vertical .banner-animations-component__images__image:nth-child(1){top:-20px;left:calc(50% - 80px);display:block}
@media(min-width:1280px){.banner-animations-component--vertical .banner-animations-component__images__image:nth-child(1){top:-120px;left:calc(50% - 10px)}
}
.banner-animations-component--vertical .banner-animations-component__images__image:nth-child(1) .banner-animations-component__image{width:155px;height:104px}
@media(min-width:1280px){.banner-animations-component--vertical .banner-animations-component__images__image:nth-child(1) .banner-animations-component__image{width:345px;height:232px}
}
.banner-animations-component--vertical .banner-animations-component__images__image:nth-child(2){top:126px;left:16px;display:block}
@media(min-width:1280px){.banner-animations-component--vertical .banner-animations-component__images__image:nth-child(2){top:204px;left:calc(50% - 582px)}
}
.banner-animations-component--vertical .banner-animations-component__images__image:nth-child(2) .banner-animations-component__image{width:155px;height:264px}
@media(min-width:1280px){.banner-animations-component--vertical .banner-animations-component__images__image:nth-child(2) .banner-animations-component__image{width:462px;height:630px}
}
.banner-animations-component--vertical .banner-animations-component__images__image:nth-child(3){top:360px;left:calc(50% - 38px);display:block}
@media(min-width:1280px){.banner-animations-component--vertical .banner-animations-component__images__image:nth-child(3){top:970px;left:calc(50% - 345px)}
}
.banner-animations-component--vertical .banner-animations-component__images__image:nth-child(3) .banner-animations-component__image{width:154px;height:104px}
@media(min-width:1280px){.banner-animations-component--vertical .banner-animations-component__images__image:nth-child(3) .banner-animations-component__image{width:338px;height:220px}
}
.banner-animations-component--vertical .banner-animations-component__images__image:nth-child(4){top:40px;right:-15px;display:block}
@media(min-width:1280px){.banner-animations-component--vertical .banner-animations-component__images__image:nth-child(4){top:640px;right:auto;left:calc(50% + 10px)}
}
.banner-animations-component--vertical .banner-animations-component__images__image:nth-child(4) .banner-animations-component__image{width:156px;height:266px}
@media(min-width:1280px){.banner-animations-component--vertical .banner-animations-component__images__image:nth-child(4) .banner-animations-component__image{width:690px;height:885px}
}
.banner-animations-component--vertical .banner-animations-component__images__image:nth-child(5){position:static;display:block;margin-bottom:16px}
@media(min-width:1280px){.banner-animations-component--vertical .banner-animations-component__images__image:nth-child(5){position:absolute;bottom:100px;left:calc(50% - 700px)}
}
.banner-animations-component--vertical .banner-animations-component__images__image:nth-child(5) .banner-animations-component__image{width:200px;height:240px}
@media(min-width:1280px){.banner-animations-component--vertical .banner-animations-component__images__image:nth-child(5) .banner-animations-component__image{width:335px;height:424px}
}
.banner-animations-component.bg-primary{--banner-animations-bg-color:var(--primary-color-bg);--banner-animations-fg-color:var(--primary-color-fg)}
.banner-animations-component.bg-secondary{--banner-animations-bg-color:var(--secondary-color-bg);--banner-animations-fg-color:var(--secondary-color-fg)}
.banner-animations-component.bg-tertiary{--banner-animations-bg-color:var(--tertiary-color-bg);--banner-animations-fg-color:var(--tertiary-color-fg)}
@media(prefers-reduced-motion:no-preference){.banner-animations-component--horizontal .banner-animations-component__images__image{transition:transform 300ms ease-in-out;animation:show 1s ease-in-out forwards}
}