.why-wrapper{padding:0;margin-bottom:160px}.why-content{width:100%;overflow-x:scroll;display:flex;gap:24px;flex-wrap:nowrap;margin-top:16px;overflow-x:hidden;max-width:100vw}.why-content::-webkit-scrollbar{display:none}.why-tile{height:240px;flex:1;border-radius:16px;padding:25px 16px;display:flex;flex-direction:column;gap:30px;cursor:pointer;background:var(--color-primary-20);color:var(--color-primary-100);justify-content:space-between;transition:all .3s ease-in-out}.why-tile.active{background:var(--color-primary-100);color:var(--color-white-100)}.why-tile__title{font-weight:700;font-size:24px;line-height:32px;letter-spacing:0px}.why-tile__text{font-weight:400;font-size:14px;line-height:20px;letter-spacing:0px;overflow:hidden;opacity:0;transform:translateY(10px);max-height:0;margin:0;transition:opacity .3s ease-in-out,transform .3s ease-in-out,max-height .3s ease-in-out,margin .3s ease-in-out}.why-tile.active .why-tile__text{opacity:1;transform:translateY(0);max-height:200px;margin-top:8px}.why-tile__icon{position:relative;height:40px;flex:0 0 40px}.why-tile__icon img{position:absolute}.why-tile__icon-base{transition:all .3s ease-in-out}.why-tile.active .why-tile__icon-base{opacity:0;visibility:hidden}.why-tile__icon-active{opacity:0;visibility:hidden;transition:all .3s ease-in-out}.why-tile.active .why-tile__icon-active{opacity:1;visibility:visible}@media (max-width: 1024px){.why-tile{height:256px}}@media (max-width: 960px){.why-tile{height:280px;padding:25px 12px}}@media screen and (min-width: 768px){\e7  .why-tile:hover{background:var(--color-primary-100);color:var(--color-white-100)}.why-tile:hover .why-tile__text{opacity:1;transform:translateY(0);max-height:200px;margin-top:8px}.why-tile:hover .why-tile__icon-base{opacity:0;visibility:hidden}.why-tile:hover .why-tile__icon-active{opacity:1;visibility:visible}}@media screen and (max-width: 768px){.why-wrapper{margin-bottom:100px}.why-wrapper.page-width{width:100%;margin-right:0;margin-left:0}.why-wrapper .section-header{margin:0 32px}.why-content{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.why-wrapper .section-header__subtitle{margin-top:8px}.why-tile{width:220px;height:240px;padding:25px 16px;flex:0 0 auto;scroll-snap-align:center}.why-tile__title{font-weight:700;font-size:24px;line-height:32px;letter-spacing:0px}.why-tile__text{font-weight:400;font-size:14px;line-height:20px;letter-spacing:0px}}@media screen and (max-width: 480px){.why-wrapper .section-header{max-width:100%;margin:0 16px}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/why-section.css.map */