.m-icon-box-section__wrapper{position:relative}.m-icon-box__inner{display:flex}.m-icon-box__icon{overflow:hidden;display:flex;flex-shrink:0;justify-content:center;width:100%;max-width:100%}@media screen and (min-width: 768px){.m-icon-box__icon{margin-bottom:0}}.m-icon-box__heading{font-weight:500;margin-bottom:6px}.m-icon-box__description{color:rgb(var(--color-foreground-secondary))}.m-icon-box .m-button{margin-top:12px}.m-icon-box--vertical .m-icon-box__content{margin-top:20px}.m-icon-box--horizontal .m-icon-box__icon{margin-right:12px}@media screen and (min-width: 640px){.m-icon-box--horizontal .m-icon-box__icon{margin-right:20px}}@media screen and (max-width: 639px){.m-icon-box--horizontal.m-icon-box--col-1 .m-icon-box__icon{margin-right:20px}}

.m-icon-box__fade{display:grid;grid-template-columns:minmax(0,1fr)}
.m-icon-box__fade-page{grid-area:1/1;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--fade-duration, 600ms) ease-in-out,visibility 0s linear var(--fade-duration, 600ms)}
.m-icon-box__fade-page.is-active{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s,0s}
.m-icon-box__fade-page.is-partial{display:flex;flex-wrap:wrap;justify-content:center}
.m-icon-box__fade-page.is-partial>.m\:column{width:100%}
@media screen and (min-width: 768px){.m-icon-box__fade-page.is-partial>.m\:column{width:50%}}
@media screen and (min-width: 1024px){.m-icon-box__fade-page.is-partial>.m\:column{width:calc(100% / var(--items, 2))}}
.m-icon-box__fade-dots{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:24px}
.m-icon-box__fade-dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;cursor:pointer;background-color:rgba(var(--color-foreground), .25);transition:background-color .3s ease,transform .3s ease}
.m-icon-box__fade-dot:hover{background-color:rgba(var(--color-foreground), .5)}
.m-icon-box__fade-dot.is-active{background-color:rgb(var(--color-foreground));transform:scale(1.25)}
@media (prefers-reduced-motion: reduce){.m-icon-box__fade-page{transition:none}}
.m-icon-box__custom-svg{display:flex;align-items:center;line-height:0;color:var(--svg-color, currentColor)}
.m-icon-box__custom-svg>svg{width:var(--svg-width, 100%);height:auto;max-width:100%;display:block}
