.icon-features{position:relative;overflow:hidden}.icon-features__container{width:100%;margin:0 auto;max-width:1280px;padding-left:2.4rem;padding-right:2.4rem}@media screen and (min-width:750px){.icon-features__container{padding-left:4rem;padding-right:4rem}}.icon-features__heading{margin:0 0 4rem;text-align:center}@media screen and (min-width:750px){.icon-features__heading{margin-bottom:6rem}}.icon-features__heading p{margin:0}.icon-features__heading em{font-style:italic}.icon-features__heading strong{font-weight:700}.icon-features__base,.icon-features__layout{position:relative}.icon-features__swiper{position:relative;overflow:hidden}.icon-features__swiper.swiper{overflow:hidden}@media screen and (max-width:749px){.icon-features__swiper.swiper{overflow:visible}}.icon-features__swiper .swiper-wrapper{align-items:stretch}@media screen and (min-width:1200px){.icon-features__swiper .swiper-wrapper{display:grid;grid-template-columns:repeat(4,1fr);gap:1.6rem}.icon-features__swiper .swiper-slide{width:100%!important;margin:0!important}}@media screen and (max-width:1199px){.icon-features__swiper .swiper-slide{width:auto;height:auto}}.icon-feature{display:flex;flex-direction:column;align-items:center;text-align:center;gap:2rem;padding:4rem 3rem;border-radius:1.6rem;height:100%;width:100%;transition:transform var(--duration-default),box-shadow var(--duration-default)}@media screen and (min-width:750px)and (max-width:1199px){.icon-feature{padding:3rem;gap:2.4rem;width:28.4rem}}@media screen and (min-width:990px)and (max-width:1199px){.icon-feature{width:29rem}}@media screen and (min-width:1200px){.icon-feature{padding:3rem;gap:2.4rem;width:100%}}.icon-feature:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014}@media screen and (max-width:749px){.icon-features__swiper .swiper-slide{width:80vw!important}.icon-feature{width:100%}.icon-feature:only-child{width:100%}}.icon-feature__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.icon-feature__icon img,.icon-feature__icon svg{display:block;width:48px;height:48px;object-fit:contain}@media screen and (min-width:750px){.icon-feature__icon img,.icon-feature__icon svg{width:56px;height:56px}}.icon-feature__icon svg{color:rgb(var(--color-foreground))}.icon-feature__icon--placeholder svg{opacity:.3}.icon-feature__heading{margin:0;color:rgb(var(--color-foreground));font-weight:600;line-height:1.3}.icon-feature__text{color:rgb(var(--color-foreground));line-height:1.6;opacity:.9}.icon-feature__text p{margin:0}.icon-feature__text p+p{margin-top:1.2rem}.icon-features__scrollbar.swiper-scrollbar{position:static;width:100%;display:none;height:.4rem;background:rgba(var(--color-foreground),.1);border-radius:.2rem}.icon-features__scrollbar.swiper-scrollbar .swiper-scrollbar-drag{background:rgb(var(--color-foreground));border-radius:.2rem;cursor:grab}.icon-features__scrollbar.swiper-scrollbar .swiper-scrollbar-drag:active{cursor:grabbing}@media(min-width:750px)and (max-width:1199px){.icon-features__scrollbar.swiper-scrollbar{display:block;margin-top:6.4rem}}.button.icon-features-drag-button{position:fixed;display:none;align-items:center;column-gap:.8rem;padding:.9rem 2.6rem;border-radius:var(--border-radius-button);pointer-events:none;width:max-content;box-shadow:0 2px 28px rgba(var(--color-shadow),.06);opacity:0;visibility:hidden;transition:background-color .3s ease,padding .3s ease,visibility .3s;z-index:10}.button.icon-features-drag-button .icon-features-drag-button__text.button__label{transition:color .3s ease}.button.icon-features-drag-button svg.icon{width:1.2rem;height:1.2rem}.button.icon-features-drag-button svg.icon path{transition:stroke .3s ease}@media screen and (pointer:fine)and (min-width:750px)and (max-width:1199px){html:not(.no-js) .icon-features__swiper.swiper-initialized:has(.swiper-slide:not(.swiper-slide-fully-visible)) .swiper-wrapper{cursor:none}html:not(.no-js) .icon-features__swiper.swiper-initialized:has(.swiper-slide:not(.swiper-slide-fully-visible)) .icon-features-drag-button{display:flex}html:not(.no-js) .icon-features__swiper.swiper-initialized:has(.swiper-slide:not(.swiper-slide-fully-visible)).cursor-active .icon-features-drag-button{opacity:1;visibility:visible}html:not(.no-js) .icon-features__swiper.swiper-initialized:has(.swiper-slide:not(.swiper-slide-fully-visible)).cursor-active .icon-features-drag-button.drag-active{padding:.9rem 1.8rem}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-icon-features.css.map */