.infocards{display:flex;gap:0;padding:0;justify-content:center}.infocards--grid{flex-wrap:wrap}.infocards--grid .infocard{flex:0 0 25%;min-width:25%;max-width:25%}.infocards--carousel{position:relative;flex-direction:column;flex-wrap:wrap}.infocards--carousel .infocards__viewport{overflow:hidden;width:100%}.infocards--carousel .infocards__track{display:flex;transition:transform .5s ease-in-out}.infocards--carousel .infocard{flex:0 0 280px;min-width:280px;max-width:280px;flex-shrink:0}.infocards-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:100;width:48px;height:48px;border-radius:50%;background:#ffffffe6;border:1px solid rgba(0,0,0,.2);color:rgb(var(--color-foreground));cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 8px #00000026}.infocards-carousel__arrow:hover{background:#fff;border-color:#0000004d;box-shadow:0 4px 12px #0003}.infocards-carousel__arrow:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.infocards-carousel__arrow svg{width:24px;height:24px;pointer-events:none}.infocards-carousel__arrow--prev{left:16px}.infocards-carousel__arrow--next{right:16px}.infocards-carousel__dots{display:flex;justify-content:center;gap:10px;padding:20px 0 10px;position:relative;width:100%;flex-basis:100%;order:10;z-index:50}.infocards-carousel__dot{width:10px;height:10px;border-radius:50%;border:none;background:rgba(var(--color-foreground),.25);cursor:pointer;padding:0;transition:all .3s ease}.infocards-carousel__dot:hover{background:rgba(var(--color-foreground),.4)}.infocards-carousel__dot--active{background:rgb(var(--color-foreground));transform:scale(1.2)}.infocard{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer}.infocard--expanded{cursor:default}.infocard__content{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow:hidden;text-align:center}.infocards .infocard__header .button-arrow{display:none}.infocard--expanded .infocard__header .button-arrow{display:flex;margin-top:.5rem}.infocard--expanded .infocard__content{border-radius:0;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;justify-content:flex-start;align-items:flex-start;overflow:auto;padding:2.5rem!important;background:var(--card-background, #F2F2F2)!important}.infocard-image{width:100%;display:flex;justify-content:center}.infocard-media{width:100%;max-width:280px;overflow:hidden}.infocard__user-image,.infocards svg.placeholder-svg{width:100%;height:auto;max-width:280px;max-height:280px;aspect-ratio:1 / 1;object-fit:cover;will-change:transform;transform-origin:0 0;border-radius:50%}.infocard__user-image--circle,.infocards svg.placeholder-svg--circle{border-radius:50%;aspect-ratio:1 / 1;max-width:280px;max-height:280px}.infocard-image--circle .infocard-media{border-radius:50%;max-width:280px}.infocard__user-image--square,.infocards svg.placeholder-svg--square{border-radius:var(--media-radius, 8px);aspect-ratio:1 / 1;max-width:280px;max-height:280px}.infocard-image--square .infocard-media{border-radius:var(--media-radius, 8px);max-width:280px}.infocard__user-image--portrait,.infocards svg.placeholder-svg--portrait{border-radius:var(--media-radius, 8px);aspect-ratio:3 / 4;max-width:210px;max-height:280px}.infocard-image--portrait .infocard-media{border-radius:var(--media-radius, 8px);max-width:210px}.infocard__user-image--landscape,.infocards svg.placeholder-svg--landscape{border-radius:var(--media-radius, 8px);aspect-ratio:4 / 3;max-width:320px;max-height:240px}.infocard-image--landscape .infocard-media{border-radius:var(--media-radius, 8px);max-width:320px}.infocard--expanded .infocard__user-image,.infocard--expanded svg.placeholder-svg{width:150px;height:150px}.infocard-product{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:280px}.infocard-product__link{text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:center;transition:transform .3s ease;width:100%}.infocard-product__link:hover{transform:scale(1.02)}.infocard-product__image-wrapper{width:100%;max-width:280px;aspect-ratio:1 / 1;overflow:hidden;border-radius:var(--media-radius, 8px)}.infocard-product__image{width:100%;height:100%;object-fit:cover}.infocard-product__info{margin-top:10px}.infocard-product__title{margin:0;font-size:14px;font-weight:600}.infocard-product__price{margin:4px 0 0;font-size:13px;opacity:.8}.infocard-product--placeholder{opacity:.5;width:100%}.infocard-product--placeholder .placeholder-svg{width:100%;max-width:280px;aspect-ratio:1 / 1;border-radius:var(--media-radius, 8px)}.infocard-product__placeholder-text{font-size:12px;margin-top:8px;opacity:.7}.infocard-video{width:100%;max-width:320px;aspect-ratio:4 / 3;border-radius:var(--media-radius, 8px);overflow:hidden;position:relative}.infocard-video__iframe{width:100%;height:100%;border:none}.infocard-video__wrapper{width:100%;height:100%;position:relative;cursor:pointer}.infocard-video__poster{width:100%;height:100%;object-fit:cover}.infocard-video__poster--default{display:flex;align-items:center;justify-content:center;background:#0000001a}.infocard-video__poster--default .placeholder-svg{width:80px;height:80px;opacity:.5}.infocard-video__play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;border-radius:50%;background:#000000b3;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.infocard-video__play-btn svg{width:30px;height:30px;fill:#fff;margin-left:4px}.infocard-video__play-btn:hover{background:#000000e6;transform:translate(-50%,-50%) scale(1.1)}.infocard-video--placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0000000d;opacity:.5}.infocard-video--placeholder .placeholder-svg{width:50px;height:50px}.infocard-video__placeholder-text{font-size:12px;margin-top:8px;opacity:.7}.infocard__images{display:grid;gap:10px;margin:50px auto 0;transform-origin:0 0;position:absolute;top:100%}.infocard--expanded .infocard__images{position:static}.infocard__image{border-radius:5px;aspect-ratio:1}.infocard__title{margin:0;font-size:20px;font-weight:700;transform-origin:center center;line-height:1.1;text-align:center;width:100%}.infocard--expanded .infocard__title{font-size:30px}.infocard__header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;margin:0 auto;width:100%;text-align:center}.infocard--expanded .infocard__header{flex-direction:row}.infocard__user-info{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;gap:2px}.infocard__subtitle{margin:0;font-size:14px;line-height:1.2}.infocard--expanded .infocard__user-info{align-items:flex-start;gap:2px 0;text-align:left}.infocard__bio{opacity:0;height:0;transform-origin:0 0;text-align:center;width:100%}.infocard--expanded .infocard__bio{max-width:800px;margin:20px auto 0;opacity:1;height:auto}.infocard__close{position:absolute;right:-40px;top:10px;z-index:10;opacity:0;pointer-events:none;cursor:pointer;background:none;border:none;width:44px;height:44px;color:#fff;padding:10px}.infocard--expanded .infocard__close{transition:.3s all ease;transition-delay:.3s;opacity:1;pointer-events:all;transform:translate(-100%) translate(-5px)}.infocard--animatable .infocard__user-image,.infocard--animatable .infocard__title,.infocard--animatable .infocard__subtitle,.infocard--animatable .infocard__bio,.infocard--animatable .infocard__images,.infocard--animatable .infocard__content{transition:all .5s cubic-bezier(0,0,.21,1)}p.infocard__subtitle.image-with-text-text--caption{margin-bottom:.5rem}@media screen and (min-width:990px){.page-width .infocard:first-child .infocard__content{border-bottom-left-radius:var(--media-radius);border-top-left-radius:var(--media-radius)}.page-width .infocard:last-child .infocard__content{border-bottom-right-radius:var(--media-radius);border-top-right-radius:var(--media-radius)}}@media screen and (max-width:990px){.info-cards-section.page-width{padding:0}.infocards{display:flex;gap:0;flex-wrap:wrap;padding:0;row-gap:0;width:100%}infocard-element.infocard{width:25%;max-width:25%}.style-1 .infocards{flex-direction:column}.style-2 infocard-element.infocard{width:50%;max-width:50%}.style-3 infocard-element.infocard{width:33.33%;max-width:33.33%}.style-1 infocard-element.infocard{width:100%;max-width:100%}.infocard-media{max-width:200px}.infocard__user-image,.infocards svg.placeholder-svg{width:100%;height:auto;max-width:200px;max-height:200px}.infocard__user-image--circle,.infocards svg.placeholder-svg--circle{aspect-ratio:1 / 1;max-width:200px;max-height:200px}.infocard-image--circle .infocard-media{max-width:200px}.infocard__user-image--square,.infocards svg.placeholder-svg--square{aspect-ratio:1 / 1;max-width:200px;max-height:200px}.infocard-image--square .infocard-media{max-width:200px}.infocard__user-image--portrait,.infocards svg.placeholder-svg--portrait{aspect-ratio:3 / 4;max-width:150px;max-height:200px}.infocard-image--portrait .infocard-media{max-width:150px}.infocard__user-image--landscape,.infocards svg.placeholder-svg--landscape{aspect-ratio:4 / 3;max-width:220px;max-height:165px}.infocard-image--landscape .infocard-media{max-width:220px}.infocard-product{max-width:200px}.infocard-product__image-wrapper{width:100%;max-width:200px;aspect-ratio:1 / 1}.infocard-product__title{font-size:12px}.infocard-product__price{font-size:11px}.infocard-product--placeholder .placeholder-svg{width:100%;max-width:200px;aspect-ratio:1 / 1}.infocard-video{width:100%;max-width:220px;aspect-ratio:4 / 3}.infocard-video__play-btn{width:36px;height:36px}.infocard-video__play-btn svg{width:18px;height:18px;margin-left:2px}.infocard__user-info,.infocard__title{font-size:1.2rem}.infocards-carousel__arrow{width:36px;height:36px}.infocards-carousel__arrow svg{width:18px;height:18px}.infocards-carousel__arrow--prev{left:8px}.infocards-carousel__arrow--next{right:8px}.infocards-carousel__dots{padding:16px 0 8px;gap:8px}.infocards-carousel__dot{width:8px;height:8px}.infocards--carousel .infocard{flex:0 0 100%;min-width:100%;width:100%;max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/75/assets/section-info-cards.css.map */
