/*
===========================================================
-- DO NOT EDIT!!!----------------------------------------
-- THIS IS A GENERATED FILE. CHANGES WILL BE OVERWRITTEN --
===========================================================
*/
.product-modal{position:relative;padding:68px 0 64px;overflow:hidden}.product-modal__subline{display:block;margin-bottom:25px;font-family:"Sharp Grotesk Book 19",helvetica,arial,sans-serif;font-size:1.2rem;line-height:1.1rem;text-align:center}@media screen and (min-width: 750px){.product-modal__subline{margin-bottom:53px}}.product-modal__headline{margin:0 auto 10px;font-family:"Sharp Grotesk Book 23",helvetica,arial,sans-serif;font-size:2.4rem;line-height:3.2rem;text-align:center}@media screen and (min-width: 750px){.product-modal__headline{max-width:none;font-size:3.2rem;line-height:3.8rem}}.product-modal__steps{display:flex;flex-direction:column;align-items:center;margin-bottom:20px}@media screen and (min-width: 750px){.product-modal__steps{flex-direction:row;align-items:flex-start;justify-content:center}}.product-modal__step{display:flex;flex-direction:column;align-items:center;width:100%;max-width:300px;margin:0 0 20px}.product-modal__step:last-of-type{margin:0 40px}@media screen and (min-width: 750px){.product-modal__step{margin:0 40px}}.product-modal__icon{margin-bottom:12px;font-family:"Sharp Grotesk Book 23",helvetica,arial,sans-serif;font-size:5.5rem;line-height:4rem;position:relative}@media screen and (min-width: 750px){.product-modal__icon:hover>span:last-of-type,.product-modal__icon:focus>span:last-of-type{height:100%}}.product-modal__icon>span:first-of-type{display:block;position:relative;z-index:2;-webkit-text-fill-color:rgba(0,0,0,0);-webkit-text-stroke-width:1px;-webkit-text-stroke-color:var(--text-fill-color, #b47559)}.product-modal__icon>span:last-of-type{display:block;position:absolute;z-index:1;bottom:0;left:0;width:100%;height:0;overflow:hidden;transition:height .75s ease-out;opacity:.5;will-change:height}.product-modal__icon>span:last-of-type::after{content:attr(data-content);position:absolute;bottom:0;left:0;width:100%;color:var(--text-fill-color, #b47559)}@media screen and (min-width: 750px){.product-modal__icon{margin-bottom:26px;font-size:6rem;line-height:4.8rem}}@media screen and (max-width: 750px){.product-modal__copy{margin:10px 0 35px}}.product-modal__copy h4{margin-bottom:8px;font-family:"Sharp Grotesk Book 23",helvetica,arial,sans-serif;font-size:1.4rem;font-weight:600;line-height:1.2rem;text-align:center;text-transform:inherit}@media screen and (min-width: 750px){.product-modal__copy h4{margin-bottom:16px;font-size:1.6rem;line-height:1.4rem}}@media screen and (max-width: 750px){.product-modal__copy h4 br{display:none}}.product-modal__copy p{font-family:"Sharp Grotesk Book 19",helvetica,arial,sans-serif;font-size:1.6rem;line-height:2.4rem;text-align:center}@media screen and (min-width: 750px){.product-modal__copy p{font-size:1.6rem;line-height:2.4rem}}.product-modal__line{position:absolute}.product-modal__line--left{top:35px;left:-76px;transform:rotate(25deg)}@media screen and (min-width: 750px){.product-modal__line--left{top:4px;left:-40px}}.product-modal__line--left svg{width:150px}@media screen and (min-width: 750px){.product-modal__line--left svg{width:178px}}.product-modal__line--right{right:-80px;bottom:0;transform:rotateY(180deg)}@media screen and (min-width: 750px){.product-modal__line--right{right:-154px;transform:rotateY(180deg)}}.product-modal__line--right svg{width:200px}@media screen and (min-width: 750px){.product-modal__line--right svg{width:330px}}