.ts-feature-banner{width:100%;max-width:1440px;margin:0 auto;padding:48px 50px 140px}.ts-feature-banner__title{margin:0 0 32px;color:var(--grey-800)}.ts-feature-banner__media{display:flex;width:100%;max-height:500px;margin:0 0 32px}.ts-feature-banner__media img{width:100%;height:100%;object-fit:cover;border-radius:4px}.ts-feature-banner__media .ts-placeholder{width:100%;height:100%;background-color:#dadada;border-radius:4px;max-height:500px}.ts-media-desk{width:100%;display:flex}.ts-media-desk video,.ts-media-desk img,.ts-media-mob video,.ts-media-mob img{width:100%;height:fit-content;object-fit:cover;border-radius:4px;max-height:500px}.ts-media-mob{width:100%;display:none}.ts-feature-banner__subtitle{margin:0 0 32px;color:var(--grey-800)}.ts-feature-banner__features{display:flex;gap:20px}.ts-feature-banner__feature{width:100%}.ts-feature-banner__step{margin:0 0 24px;color:var(--primary-orange)}.ts-feature-banner__content *{margin:0 0 16px;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;font-family:inherit;color:var(--grey-800)}.ts-feature-banner__content *:last-child{margin:0}.ts-feature-banner__dots{display:none;align-items:center;background-color:#ccc}.ts-feature-banner__dot{width:100%;height:1px;display:flex;background-color:transparent}.ts-feature-banner__dot span{width:0;height:1px;background-color:var(--grey-800);transition:width .5s ease-in-out}.ts-feature-banner__dot.active span{width:100%}@media screen and (max-width: 749px){.ts-feature-banner{padding:48px 20px 80px}.ts-feature-banner__media .ts-placeholder{max-height:220px}.ts-media-desk{display:none}.ts-media-mob{display:flex}.ts-feature-banner__media,.ts-feature-banner__subtitle{margin:0 0 24px}.ts-feature-banner__features{overflow-x:scroll;overflow-y:hidden;margin:0 0 32px;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none}.ts-feature-banner__features::-webkit-scrollbar{display:none}.ts-feature-banner__feature{min-width:100%;scroll-snap-align:start}.ts-feature-banner__step{font-size:16px}.ts-feature-banner__dots{display:flex}.ts-media-desk video,.ts-media-desk img,.ts-media-mob video,.ts-media-mob img{height:auto}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/ts-feature-banner.css.map */
