.to-feature-tile{display:flex}.feature-tile-content{background-color:var(--backgroundColor);border-radius:8px;display:flex;flex:1 1 0;height:100%;justify-content:space-between}.feature-tile-content.horizontal{flex-direction:column}@media(min-width:48em){.feature-tile-content.horizontal{flex-direction:row}}.feature-tile-content.vertical{flex-direction:column}.feature-tile-content .assets-wrapper{display:flex;max-width:fit-content;position:relative;width:100%}.feature-tile-content .assets-wrapper img{border-radius:8px;height:100%;min-height:100%;min-width:100%;object-fit:cover;width:100%}.feature-tile-content .assets-wrapper .info-button{bottom:16px;right:16px}.feature-tile-content .assets-wrapper .gradient{--innerGradient:transparent}.feature-tile-content .assets-wrapper .gradient.desktop{display:none}@media(min-width:48em){.feature-tile-content .assets-wrapper .gradient.desktop{display:block}}.feature-tile-content .assets-wrapper .gradient.mobile{display:block}@media(min-width:48em){.feature-tile-content .assets-wrapper .gradient.mobile{display:none}}.feature-tile-content .assets-wrapper .gradient{position:absolute}.feature-tile-content .assets-wrapper .gradient.left,.feature-tile-content .assets-wrapper .gradient.leftMobile{background:linear-gradient(90deg,var(--outerGradient),var(--innerGradient));bottom:0;left:0;top:0;width:var(--gradientSize)}.feature-tile-content .assets-wrapper .gradient.top,.feature-tile-content .assets-wrapper .gradient.topMobile{background:linear-gradient(180deg,var(--outerGradient),var(--innerGradient));height:var(--gradientSize);left:0;width:100%}.feature-tile-content .assets-wrapper .gradient.right,.feature-tile-content .assets-wrapper .gradient.rightMobile{background:linear-gradient(270deg,var(--outerGradient),var(--innerGradient));bottom:0;right:0;top:0;width:var(--gradientSize)}.feature-tile-content .assets-wrapper .gradient.bottom,.feature-tile-content .assets-wrapper .gradient.bottomMobile{background:linear-gradient(1turn,var(--outerGradient),var(--innerGradient));bottom:0;height:var(--gradientSize);left:0;width:100%}@media(max-width:767px){.feature-tile-content .assets-wrapper .gradient.left,.feature-tile-content .assets-wrapper .gradient.right,.feature-tile-content .assets-wrapper .gradient.top{background:linear-gradient(1turn,var(--outerGradient),var(--innerGradient));bottom:0;height:var(--gradientSize);left:0;right:0;top:unset;width:100%}}.feature-tile-content .content-container{display:flex;flex-direction:column;height:100%;justify-content:flex-start;padding:32px}@media(min-width:90em){.feature-tile-content .content-container.pixels-56{padding:56px}}.feature-tile-content .content-container.left,.feature-tile-content .content-container.top{order:2}.feature-tile-content .content-container .icon{height:72px;width:72px}.feature-tile-content .content-container .icon-container+.heading{margin-top:16px}.feature-tile-content .content-container .step-container{align-items:center;display:flex;margin-bottom:16px}.feature-tile-content .content-container .step-container .step-icon{align-items:center;background:#000;border-radius:100%;color:#fff;display:flex;height:24px;justify-content:center;margin-right:16px;position:relative;width:24px}.feature-tile-content .content-container .step-container .step-icon-number{font-size:12px;left:50%;line-height:12px;margin-bottom:2px;position:absolute;text-align:center;top:46%;transform:translate(-50%,-50%)}.feature-tile-content .content-container .step-container .step-word{font-size:14px;font-weight:350;letter-spacing:-.05px;line-height:22px;text-transform:uppercase}.feature-tile-content .content-container .heading{font-size:24px;line-height:32px}@media(min-width:90em){.feature-tile-content .content-container .heading{font-size:32px;line-height:40px}.feature-tile-content .content-container .description{font-size:14px;line-height:22px}}.feature-tile-content .content-container .copy-container{margin-top:16px}@media(min-width:48em){.feature-tile-content .content-container.two-columns{align-items:center;flex-direction:row}.feature-tile-content .content-container.two-columns .copy-container,.feature-tile-content .content-container.two-columns .header-content{width:100%}.feature-tile-content .content-container.two-columns .copy-container{margin-top:0}}.feature-tiles[data-add-steps=true] .feature-tile-content .assets-wrapper{order:-1}.feature-tiles[data-add-steps=true] .feature-tile-content .content-container{max-width:400px;padding-left:0}.feature-tiles[data-add-steps=true] .feature-tile-content .heading{font-size:16px;line-height:24px}@media(min-width:48em){.feature-tiles[data-add-steps=true] .feature-tile-content.vertical{flex-direction:row;justify-content:flex-start}.feature-tiles[data-add-steps=true] .feature-tile-content.vertical .assets-wrapper{margin-right:36px;width:300px}}@media(min-width:64em){.feature-tiles[data-add-steps=true] .feature-tile-content.vertical{flex-direction:column;justify-content:space-between}.feature-tiles[data-add-steps=true] .feature-tile-content.vertical .assets-wrapper{margin-right:0;width:100%}}
/*# sourceMappingURL=tofeaturetile.css.map*/