.section-featured-icon{overflow:hidden}.featured-icon{background-color:var(--color-bg);color:var(--color-body)}.featured-icon .section-header--content{max-width:100%}.featured-icon--column{margin-bottom:40px}.js .animations-true .multicolumn--column-inner{opacity:0;transform:translateY(50px)}.featured-icon--column.carousel__slide{margin-bottom:0;float:left;width:100%}.featured-icon--column h4{margin-bottom:8px}.featured-icon--column p{margin-bottom:12px;font-size:.9375rem}.featured-icon--column .text-button{margin-right:0}.featured-icon--image{display:inline-block;width:100%;overflow:hidden;margin-bottom:15px;max-width:100%;position:relative}.featured-icon--image--inner{position:relative;padding-bottom:var(--ratio-percent)}.featured-icon--image--inner.aspect-ratio--portrait{padding-bottom:125%}.featured-icon--image--inner.aspect-ratio--square,.featured-icon--image--inner.aspect-ratio--circle{padding-bottom:100%}.featured-icon--image--inner.aspect-ratio--circle{border-radius:50%}.featured-icon--image--inner img{position:absolute;top:0;left:0;width:100%;height:100%}@media only screen and (max-width:767px){.featured-icon.swipe-on-mobile .row{display:grid;grid-gap:8px;grid-auto-flow:column;grid-auto-columns:minmax(calc(90vw - 15px),1fr);overflow-x:auto;grid-template-columns:repeat(auto-fill,minmax(calc(90vw - 15px),1fr));margin-left:-8px;width:calc(100% + 16px);padding:0 15px;scroll-snap-type:x mandatory;scrollbar-width:none}.featured-icon.swipe-on-mobile .row::-webkit-scrollbar{display:none}.featured-icon.swipe-on-mobile .row .columns{padding:0;scroll-snap-stop:always}}.featured-icon.swipe-on-mobile .featured-icon--column{margin-bottom:0}@media only screen and (max-width:767px){.featured-icon.swipe-on-mobile .featured-icon--column{width:calc(90vw - 15px)}}@media only screen and (max-width:767px){.featured-icon--inner.display-type--carousel{overflow:hidden;margin-left:-15px;padding:0 15px;width:calc(100% + 30px)}.featured-icon--inner.display-type--carousel .featured-icon--column{width:calc(90vw - 15px)}.featured-icon--inner.display-type--carousel .flickity-viewport{overflow:visible}}.featured-icon.text-center .rte{padding:0 15px}.featured-icon--inner .gap-y{row-gap:4rem;justify-content:center}
/*# sourceMappingURL=/cdn/shop/t/16/assets/featured-icons.css.map */