porteo-carousel,.porteo-carousel{display:block;width:100%;max-width:100%;margin-top:28px;position:relative;overflow:hidden;box-sizing:border-box}.porteo-carousel-track{display:flex;transition:transform .4s ease;will-change:transform;width:100%}.porteo-carousel-slide{flex:0 0 100%;max-width:100%;width:100%;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 24px;box-sizing:border-box}.porteo-carousel-icon{width:var(--porteo-icon-size, 56px);height:var(--porteo-icon-size, 56px);margin-bottom:16px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.porteo-carousel-icon img{width:100%;height:100%;object-fit:contain}.icon-square .porteo-carousel-icon{border-radius:0}.icon-rounded .porteo-carousel-icon{border-radius:10px;overflow:hidden}.icon-circle .porteo-carousel-icon{border-radius:50%;overflow:hidden}.porteo-carousel-text{font-family:var(--font-body-family);font-size:var(--porteo-text-size, 15px);line-height:1.5;color:rgb(var(--color-foreground));max-width:100%;word-wrap:break-word}.porteo-carousel-text strong{font-weight:700;display:block;margin-bottom:4px}.porteo-carousel-dots{display:flex;justify-content:center;gap:8px;margin-top:20px}.porteo-carousel-dots button{width:8px;height:8px;border-radius:50%;border:none;padding:0;background:rgba(var(--color-foreground),.25);cursor:pointer}.porteo-carousel-dots button.active{background:rgb(var(--color-foreground))}@media screen and (min-width:750px){.porteo-carousel{overflow:visible}.porteo-carousel-track{display:grid;grid-template-columns:repeat(var(--porteo-cols-desktop, 3),minmax(160px,280px));justify-content:center;gap:24px;transform:none!important;width:100%}.porteo-carousel-slide{flex:none;max-width:100%;width:100%;padding:0 8px}.porteo-carousel-dots{display:none}}@media screen and (max-width:749px){.porteo-carousel.mobile-slider{overflow:hidden;width:100%}.porteo-carousel.mobile-slider .porteo-carousel-track{flex-wrap:nowrap}.porteo-carousel.mobile-slider .porteo-carousel-dots{display:flex}.porteo-carousel.mobile-grid{overflow:visible}.porteo-carousel.mobile-grid .porteo-carousel-track{flex-wrap:wrap;transform:none!important;width:100%}.porteo-carousel.mobile-grid .porteo-carousel-slide{flex:0 0 50%;max-width:50%;width:50%;padding:0 12px;margin-bottom:24px}.porteo-carousel.mobile-grid .porteo-carousel-dots{display:none}}
/*# sourceMappingURL=/cdn/shop/t/82/assets/component-porteo-carousel.css.map */