.mx-story-carousel{background:var(--section-bg);font-family:Inter,sans-serif;overflow:hidden;padding:28px 0 34px}.mx-story-carousel *{box-sizing:border-box}.mx-story-carousel__wrap{--card-width:280px;--card-gap:24px;--arrow-space:108px;margin:0 auto;padding:0 54px;position:relative;width:min(calc(var(--visible-cards-desktop)*var(--card-width) + (var(--visible-cards-desktop) - 1)*var(--card-gap) + var(--arrow-space)),100%)}.mx-story-carousel__viewport{overflow:hidden;width:100%}.mx-story-carousel__track{align-items:stretch;display:flex;gap:var(--card-gap);transition:transform .4s ease;will-change:transform}.mx-story-card{align-items:center;background:var(--card-bg);color:var(--card-text);display:flex;flex:0 0 var(--card-width);flex-direction:column;min-height:350px;padding:22px 18px 18px;text-align:center;transition:background-color .28s ease,color .28s ease;width:var(--card-width)}.mx-story-card:hover{background:var(--card-bg-hover);color:var(--card-text-hover)}.mx-story-card__media{display:flex;justify-content:center;margin-bottom:18px;min-height:138px;width:100%}.mx-story-card__image-ring{border:1px solid #fff;border-radius:50%;display:grid;height:160px;place-items:center;position:relative;transition:transform .3s ease,border-color .3s ease;width:160px}.mx-story-card__image-ring img{border-radius:50%;display:block;height:137px;object-fit:cover;object-position:center;width:137px}.mx-story-card__dot{background:currentColor;border-radius:50%;height:8px;left:50%;position:absolute;top:50%;transform-origin:center center;transition:transform .35s ease,background-color .28s ease;width:8px}.mx-story-card__dot--one{transform:translate(-50%,-50%) rotate(38deg) translateY(-73px)}.mx-story-card__dot--two{transform:translate(-50%,-50%) rotate(228deg) translateY(-73px)}.mx-story-card:hover .mx-story-card__dot--one{transform:translate(-50%,-50%) rotate(120deg) translateY(-73px)}.mx-story-card:hover .mx-story-card__dot--two{transform:translate(-50%,-50%) rotate(305deg) translateY(-73px)}.mx-story-card__content{width:100%}.mx-story-card__title{color:inherit;font-family:degular-display,sans-serif;font-size:23px;font-weight:900;line-height:1.05;margin:0 0 12px;text-transform:uppercase}@media (min-width:900px){.mx-story-card__title{font-size:26px}}.mx-story-card__description{color:inherit;font-size:14px;line-height:1.35}@media (min-width:900px){.mx-story-card__description{font-size:16px}}.mx-story-card__description p{margin:0}.mx-story-card__description p+p{margin-top:8px}.mx-story-card__footer{margin-top:auto;padding-top:18px;width:100%}.mx-story-card__button{align-items:center;background:var(--button-bg);border:1px solid var(--button-bg);border-radius:999px;color:var(--button-text);display:inline-flex;font-size:16px;font-weight:600;gap:10px;justify-content:space-between;line-height:1;padding:10px 16px;text-decoration:none;transition:background-color .28s ease,color .28s ease,border-color .28s ease;width:100%}.mx-story-card:hover .mx-story-card__button,.mx-story-card__button:hover{background:var(--button-bg-hover);border-color:var(--button-bg-hover);color:var(--button-text-hover)}.mx-story-card__button-icon{align-items:center;display:inline-flex;height:14px;justify-content:center;width:14px}.mx-story-card__button-icon svg{height:100%;width:100%}.mx-story-carousel__arrow{align-items:center;background:#fff;border:1px solid rgba(0,0,0,.15);border-radius:50%;color:#111222;cursor:pointer;display:inline-flex;height:42px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:42px;z-index:3}.mx-story-carousel__arrow svg{height:20px;width:20px}.mx-story-carousel__arrow--prev{left:0}.mx-story-carousel__arrow--next{right:0}.mx-story-carousel__arrow:disabled{cursor:not-allowed;opacity:.35}@media (max-width:1199px){.mx-story-carousel__wrap{--card-width:220px}.mx-story-card{min-height:338px}}@media (max-width:991px){.mx-story-carousel__wrap{--card-width:210px;--card-gap:20px;padding:0 42px;width:min(calc(var(--card-width)*2 + var(--card-gap) + 84px),100%)}.mx-story-card{min-height:328px}}@media (max-width:767px){.mx-story-carousel__wrap{padding:0 16px;width:100%}.mx-story-carousel__arrow{display:none}.mx-story-carousel__viewport{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.mx-story-carousel__viewport::-webkit-scrollbar{display:none}.mx-story-carousel__track{gap:18px;transition:none;width:max-content}.mx-story-card{flex:0 0 min(78vw,245px);min-height:320px;scroll-snap-align:start;width:min(78vw,245px)}}