.primary-navigation-buttons{position:absolute;top:100%;margin-top:32px;font-size:0;line-height:0;border:0;width:45px;height:45px;z-index:2}
.navigation-prev-button{background:url('../clientlib-site/resources/images/previous.png') no-repeat center;right:55px;width:45px;height:45px;background-size:contain;border:0}
.navigation-prev-button:hover{background:url('../clientlib-site/resources/images/previous-hover.png') no-repeat center;background-size:45px 45px}
.navigation-next-button{background:url('../clientlib-site/resources/images/next.png') no-repeat center;right:0;width:45px;height:45px;background-size:contain;border:0}
.navigation-next-button:hover{background:url('../clientlib-site/resources/images/next-hover.png') no-repeat center;background-size:45px 45px}
.pause-button{border:0;background:url('../clientlib-site/resources/images/pause_white.svg') no-repeat center;width:42px;height:43px}
.play-button{border:0;background:url('../clientlib-site/resources/images/play_white.svg') no-repeat center;width:42px;height:43px}
.pause-button-animated{position:relative;width:45px;height:45px;border:0;background:url('../clientlib-site/resources/images/pause-icon.svg') no-repeat center;background-size:contain}
.pause-button-animated svg{position:absolute;top:0;left:0;width:45px;height:45px;transform:rotate(-90deg);pointer-events:none}
.pause-button-animated .progress-circle{fill:none;stroke:var(--white);stroke-width:2.5;stroke-linecap:round;transition:none}
.swiper-pagination-bullet{border-radius:8px;height:8px;border:0;opacity:1;padding:0;background:var(--white);width:8px}
.swiper-pagination-bullet-active{width:24px;background:var(--accent-primary);box-shadow:none}
@keyframes spin{0{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.cards-carousel-container{background:var(--background-primary);color:var(--text-primary-card);max-width:var(--component-global-max-width);margin:0 auto;position:relative}
.cards-carousel-container .cards-container{display:flex;flex-direction:column;align-items:center;max-width:var(--cards-container-max-width-desktop);padding-inline:var(--padding-x-mobile) 0;padding-bottom:var(--mobile-padding-bottom);margin:auto}
@media(min-width:768px){.cards-carousel-container .cards-container{padding-inline:var(--padding-x-desktop)}
}
@media(min-width:768px){.cards-carousel-container .cards-container{padding-bottom:var(--desktop-padding-bottom)}
}
.cards-carousel-container .cards-container .cards-margin{display:inline-block;width:100%;margin:auto auto 32px;position:relative}
@media(min-width:768px){.cards-carousel-container .cards-container .cards-margin{margin:auto auto 126px}
}
.cards-carousel-container .cards-container .cards-margin .card{color:var(--text-primary-card);font-family:var(--font-f1);display:flex !important;flex-direction:column;margin:0 8px;background:var(--card-background-primary);width:242px;height:100%}
@media(min-width:768px){.cards-carousel-container .cards-container .cards-margin .card{width:320px}
}
.cards-carousel-container .cards-container .cards-margin .card__body{padding:16px 12px;display:flex;flex-direction:column;flex:1;height:100%}
.cards-carousel-container .cards-container .cards-margin .card__image-container{display:flex;justify-content:center;align-items:center;padding:12px;width:218px;height:196px}
@media(min-width:768px){.cards-carousel-container .cards-container .cards-margin .card__image-container{width:296px;height:272px}
}
.cards-carousel-container .cards-container .cards-margin .card__image{margin:0 auto;flex-shrink:0;max-width:218px;max-height:196px}
@media(min-width:768px){.cards-carousel-container .cards-container .cards-margin .card__image{max-width:296px;max-height:272px}
}
.cards-carousel-container .cards-container .cards-margin .card__title{height:fit-content;font-size:16px;font-weight:400;line-height:22px;margin:0 0 16px;flex-shrink:0}
@media(min-width:768px){.cards-carousel-container .cards-container .cards-margin .card__title{font-size:18px;line-height:24px}
}
.cards-carousel-container .cards-container .cards-margin .card a{color:var(--surface-action-tertiary);font-family:var(--font-f1);font-size:14px;font-weight:700;line-height:14px;text-decoration:none;margin-top:auto}
@media(min-width:768px){.cards-carousel-container .cards-container .cards-margin .card a{font-size:16px;line-height:24px}
}
.cards-carousel-container .cards-container .cards-margin .card a:hover{color:var(--text-on-action-tertiary-hover)}
@media(min-width:768px){.cards-carousel-container .cards-container .cards-margin .slick-list{margin-left:0}
}
.cards-carousel-container .cards-container .cards-margin .slick-track{display:flex !important;align-items:stretch}
.cards-carousel-container .cards-container .cards-margin .slick-slide{height:auto}
.cards-carousel-container .cards-container .cards-margin .slick-slide>div{height:100%}
.cards-carousel-container .card-button{margin:12px auto}
@media(min-width:768px){.cards-carousel-container .card-button{padding:0}
}
.cards-carousel-container .card-button .link-banner{position:relative;border:0;padding:var(--spacing-12) var(--spacing-20);text-decoration:none;z-index:1;text-wrap:nowrap;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px);background-color:var(--surface-primary-button);margin-right:16px}
.cards-carousel-container .card-button .link-banner span{font-size:var(--font-size-button-body-2);line-height:var(--font-size-button-body-2);font-weight:var(--font-weight-bold);width:max-content;position:relative;z-index:2;color:var(--white)}
.cards-carousel-container .card-button .link-banner:hover{background:var(--surface-action-primary-hover)}
@media(min-width:768px){.cards-carousel-container .card-button .link-banner span{font-size:var(--font-size-body-1);line-height:var(--line-height-body-1)}
}
.cards-carousel-container .slick-slider{position:relative}
.cards-carousel-container .slick-prev,.cards-carousel-container .slick-next{position:absolute;top:100%;margin-top:32px;font-size:0;line-height:0;border:0;width:45px;height:45px;z-index:2}
.cards-carousel-container .slick-prev{background:url('../clientlib-site/resources/images/previous.png') no-repeat center;right:55px;width:45px;height:45px;background-size:contain;border:0}
.cards-carousel-container .slick-prev:hover{background:url('../clientlib-site/resources/images/previous-hover.png') no-repeat center;background-size:45px 45px}
.cards-carousel-container .slick-next{background:url('../clientlib-site/resources/images/next.png') no-repeat center;right:0;width:45px;height:45px;background-size:contain;border:0}
.cards-carousel-container .slick-next:hover{background:url('../clientlib-site/resources/images/next-hover.png') no-repeat center;background-size:45px 45px}
.cards-carousel-container .slick-dots{position:absolute;top:100%;margin-top:40px;gap:8px;padding:0;z-index:2;list-style:none;display:flex}
.cards-carousel-container .slick-dots li{width:8px}
.cards-carousel-container .slick-dots li button{font-size:0;border:0;padding:0;border-radius:4px;width:8px;height:8px;background:var(--pagination-button-background)}
.cards-carousel-container .slick-dots li.slick-active{width:24px}
.cards-carousel-container .slick-dots li.slick-active button{height:8px;border:0;width:24px;background:var(--accent-primary)}