.personas{padding:16px 0}.personas.hidden{display:none}.personas__title{text-align:center;margin-bottom:32px}.personas__scroller{display:flex;width:auto;flex-flow:row nowrap;scroll-snap-type:x proximity;scroll-padding-left:24px;scroll-padding-right:24px;overflow-x:auto;overflow-y:hidden;-ms-overflow-style:none;padding:2px 24px 12px;margin:0 -24px;gap:8px}.personas__scroller::-webkit-scrollbar{display:none}.personas__item{position:relative;flex:0 0 auto;width:clamp(170px,33vw,250px);scroll-snap-align:start;color:var(--color-primary);border:0;border-radius:8px;background:#dae3f5;box-shadow:0 2px 10px #0000004d;will-change:transform;transition:.3s transform ease-in-out;overflow:hidden}.persona-card{display:block;position:relative;text-decoration:none;color:var(--color-white, #ffffff);transition:transform .2s ease-in-out}.persona-card__media{position:relative;aspect-ratio:3 / 4;overflow:hidden}.persona-card__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;will-change:transform;transition:.5s transform ease-in-out}.persona-card__content{position:relative;display:flex;justify-content:center;align-items:center;color:var(--color-primary);padding:1em 1.25em;gap:8px;z-index:1}.persona-card__label{font-family:var(--font-headings);font-size:.875rem;font-weight:600;line-height:1;color:inherit;text-align:center;text-wrap:balance;margin:0}.persona-card__content .mt-icon{display:none;width:7px;height:10px;margin:0 0 0 auto}.persona-card:hover .persona-card__image{transform:scale(1.05)}.persona-card:hover .persona-card__content{color:var(--color-white);background:linear-gradient(0deg,#07213c,#07213c),linear-gradient(107.64deg,#2489d18f,#07213c00),linear-gradient(72.11deg,#332ba08f,#07213c00),linear-gradient(287.3deg,#332ba066,#07213c00)}.persona-card:hover .persona-card__content .mt-icon{display:block}@media screen and (min-width: 768px) and (max-width: 1360px){.personas .container{max-width:100%}}@media screen and (min-width: 992px){.personas__scroller{gap:16px}.persona-card__label{font-size:1rem}.persona-card__content .mt-icon{width:10px;height:14px}}@media screen and (min-width: 1360px){.personas__scroller{width:100%;gap:24px;padding:2px 10px 12px;margin:0;overflow:hidden}.personas__item{flex:1 1 100%;width:auto}}@media screen and (min-width: 1500px){.persona-card__label{font-size:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/189/assets/personas.css.map */