.info-cards-section__header{max-width:64ch;margin:0 auto clamp(1.6rem,4vw,2.8rem);text-align:center;display:flex;flex-direction:column;gap:clamp(.8rem,2.5vw,1.4rem)}.info-cards-section__title{margin:0;font-size:clamp(2.2rem,3vw,3rem);font-weight:700}.info-cards-section__body{color:rgba(var(--color-foreground),.75)}.info-cards-tabs{display:flex;align-items:center;justify-content:flex-start;gap:clamp(.8rem,2.4vw,1.6rem);padding:clamp(.6rem,2vw,.9rem);margin:0 auto clamp(1.8rem,4vw,2.6rem);background:rgba(var(--color-background),.58);border-radius:999px;border:1px solid rgba(var(--color-base-border-1),.28);position:relative;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;width:fit-content;max-width:100%}.info-cards-section{position:relative;overflow:visible}.info-cards-tabs::-webkit-scrollbar{display:none}.info-cards-tab{position:relative;display:inline-flex;align-items:center;gap:.6rem;padding:clamp(.6rem,2.6vw,1rem) clamp(1.4rem,4vw,2.4rem);border:none;border-radius:999px;background:transparent;color:rgba(var(--color-foreground),.68);font-weight:600;font-size:clamp(1.35rem,2.5vw,1.55rem);cursor:pointer;transition:color .25s ease;scroll-snap-align:center}.info-cards-tab:is(:hover,:focus-visible){color:rgb(var(--color-foreground));outline:none}.info-cards-tab.is-active{color:rgb(var(--color-foreground))}.info-cards-tab__count{display:inline-flex;align-items:center;justify-content:center;min-width:1.8rem;height:1.8rem;padding:0 .5rem;border-radius:999px;font-size:1.2rem;font-weight:600;background:rgba(var(--color-background),.8);border:1px solid rgba(var(--color-base-border-1),.2)}.info-cards-tabs__glider{position:absolute;top:0;left:0;width:calc(100%/max(1,var(--info-cards-tab-count, 1)));height:100%;border-radius:inherit;background:linear-gradient(140deg,rgba(var(--color-background),.95),rgba(var(--color-background),.65));box-shadow:inset 0 0 0 1px rgba(var(--color-base-border-1),.18),0 12px 30px rgba(var(--color-shadow),.18);transform:translate(var(--info-cards-glider-x, 0));transition:transform .35s ease,width .35s ease;z-index:0}.info-cards-tab{z-index:1}.info-cards-tab-panels{position:relative}.info-cards-tab-panel{display:none;animation:info-cards-panel-fade .3s ease}.info-cards-tab-panel.is-active{display:block}@keyframes info-cards-panel-fade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.info-cards-tab-panel[hidden]{display:none!important}.infocards{display:flex;gap:0;padding:0;justify-content:center}.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:center;align-items:center;padding:2.5rem;overflow:hidden}.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:10;justify-content:flex-start;align-items:flex-start;overflow:auto}.infocard-image--product{display:none;justify-content:center;align-items:center}.infocard--expanded .infocard-image--product{display:flex;margin-left:clamp(1.2rem,2.4vw,2.4rem)}.infocard__user-image--product{width:clamp(8rem,5vw,11rem);height:clamp(8rem,5vw,11rem);border-radius:clamp(1.2rem,3vw,2rem);opacity:0;visibility:hidden;transition:opacity .35s ease}.infocard--expanded .infocard__user-image--product{opacity:1;visibility:visible}.infocard__user-image,.infocards svg.placeholder-svg{border-radius:50%;width:200px;height:200px;object-fit:cover;will-change:transform;transform-origin:0 0}.infocard--expanded .infocard__user-image,.infocard--expanded svg.placeholder-svg{width:150px;height:150px}.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:clamp(1.8rem,1.2vw + 1.4rem,2.4rem);font-weight:700;transform-origin:0 0;line-height:1.1}.infocard--expanded .infocard__title{font-size:clamp(2rem,1.4vw + 1.6rem,3rem)}.infocard__subtitle{font-size:clamp(1.4rem,.6vw + 1.2rem,1.7rem);line-height:1.3}.infocard__header{display:flex;flex-direction:column;align-items:center;gap:10px 14px;margin:0 auto}.infocard--expanded .infocard__header{flex-direction:row;align-items:flex-start;gap:clamp(1rem,2vw,2.4rem)}.infocard__user-info{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center}.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}.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-tabs{width:100%;justify-content:center;gap:clamp(.6rem,3vw,1.2rem)}.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__user-image,.infocards svg.placeholder-svg{width:80px;height:80px}.infocard__user-info{font-size:clamp(1.2rem,1.2vw + 1rem,1.5rem);gap:.4rem}.infocard__content{padding:1rem}}@media screen and (max-width: 749px){.infocard--expanded .infocard__content{position:fixed;top:clamp(6rem,14vw,8rem);right:1.5rem;bottom:1.5rem;left:1.5rem;width:auto;height:auto;max-height:calc(100vh - clamp(7.5rem,20vw,10rem));border-radius:clamp(16px,6vw,24px);padding:clamp(1.2rem,5vw,1.8rem);align-items:stretch;justify-content:flex-start;overflow-y:auto}.infocard--expanded .infocard__header{flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:clamp(1rem,5vw,1.8rem);width:100%;flex-wrap:nowrap}.infocard--expanded .infocard__user-info{align-items:flex-start;text-align:left;flex:1;min-width:0}.infocard--expanded .infocard__title{font-size:clamp(1.6rem,4.6vw,2.2rem)}.infocard--expanded .infocard__bio{margin:1.2rem 0 0;font-size:clamp(1.35rem,4.2vw,1.55rem);line-height:1.6}.infocard--expanded .infocard__user-image,.infocard--expanded svg.placeholder-svg{width:clamp(72px,24vw,96px);height:clamp(72px,24vw,96px);flex-shrink:0}.infocard__subtitle{font-size:clamp(1.2rem,3.2vw,1.4rem)}.infocard--expanded .infocard__close{right:1.2rem;top:1.2rem;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/section-info-cards.css.map */