.pesto-card-block-section{position:relative;padding-top:160px;padding-bottom:160px;background:rgba(var(--color-background),1);overflow-x:hidden}.pesto-card-block-section .flickity-viewport{overflow:visible}.pesto-card-block-section .pesto-card-block-progress-bar{height:100%;background:rgba(var(--color-foreground),1);width:0}.pesto-card-block-section .pesto-card-block-progress{height:8px;background:rgba(var(--color-foreground),.5);width:90%}.pesto-card-block-item{width:75%;margin:0 12px;overflow:hidden;padding:40px;background:rgba(var(--color-secondary-background),1)}.pesto-card-block-item .pesto-card-block-button .theme-btn{background-color:rgb(var(--color-secondary-button));color:rgb(var(--color-secondary-button-text))}.pesto-card-block-item .pesto-card-block-button .theme-btn:hover{color:rgb(var(--color-secondary-button-text-hover))}.pesto-card-block-item .pesto-card-block-button .theme-btn:hover:before{background-color:rgb(var(--color-secondary-button-hover))}.pesto-card-block-item .pesto-card-block-image{display:flex;position:absolute;left:0;top:0;height:100%;width:100%}.pesto-card-block-item .pesto-card-block-text{background:rgba(var(--color-highlight-bg),1);transform:rotate(-2deg);padding:10px 75px 25px 16px;margin-bottom:342px;max-width:max-content}.pesto-card-block-item .pesto-card-block-text .pesto-card-block-sub-title{display:block;color:rgba(var(--color-secondary-foreground),1);font-size:80px;font-family:var(--sds-ff-heading);text-transform:uppercase;line-height:1}.pesto-card-block-item .pesto-card-block-text .pesto-card-block-sub-title.active-color{color:rgba(var(--color-highlight-text),1)}.pesto-card-block-section .pesto-card-block-slide-wrapper{position:relative;margin-top:48px}.pesto-card-block-section .pesto-card-block-navigation{display:flex;column-gap:24px;position:absolute;right:0;top:50%;transform:translateY(-50%)}.pesto-card-block-section .pesto-card-block-navigation button.disabled{opacity:.5}.pesto-card-block-section .pesto-card-block-navigation button:hover{background:rgb(var(--color-button-hover));color:rgb(var(--color-button-text-hover))}.pesto-card-block-section .pesto-card-block-navigation button{border-radius:50%;width:55px;height:55px;background:rgb(var(--color-button));color:rgb(var(--color-button-text));transition:.3s}@media(max-width:767px){.pesto-card-block-section .pesto-card-block-navigation button{width:40px;height:40px}}.pesto-card-block-section .pesto-card-block-navigation button span svg{width:18px;height:18px;margin:0 auto;color:currentColor}@media(max-width:1399px){.pesto-card-block-section .pesto-card-block-progress{width:85%}.pesto-card-block-item .pesto-card-block-text .pesto-card-block-sub-title{font-size:60px}}@media(max-width:1199px){.pesto-card-block-section{padding-top:115px;padding-bottom:115px}.pesto-card-block-section .pesto-card-block-progress{width:84%}.pesto-card-block-item .pesto-card-block-text .pesto-card-block-sub-title{font-size:50px}.pesto-card-block-section .pesto-card-block-navigation{column-gap:15px}}@media(max-width:991px){.pesto-card-block-section{padding-top:95px;padding-bottom:95px}.pesto-card-block-item .pesto-card-block-text .pesto-card-block-sub-title{font-size:40px}.pesto-card-block-item .pesto-card-block-text{padding:10px 30px 25px 16px}.pesto-card-block-section .pesto-card-block-progress{width:80%}}@media(max-width:767px){.pesto-card-block-item{width:90%}.pesto-card-block-section .pesto-card-block-navigation button span img{max-width:8px}.pesto-card-block-section .pesto-card-block-navigation{column-gap:10px}.pesto-card-block-section .pesto-card-block-progress{width:78%}}@media(max-width:575px){.pesto-card-block-section:before{height:10px}.pesto-card-block-item{width:95%}.pesto-card-block-item .pesto-card-block-text .pesto-card-block-sub-title{font-size:30px}.pesto-card-block-section .pesto-card-block-progress{width:65%}}@keyframes slideInOut{0%{transform:translate(0)}50%{transform:translate(40px)}50.001%{transform:translate(-40px)}to{transform:translate(0)}}.ui-layout-ratromix .pesto-card-block-item .pesto-card-block-text .pesto-card-block-sub-title{font-family:var(--font-heading-family)}
/*# sourceMappingURL=/cdn/shop/t/126/assets/ui-card-block.css.map */