.image-with-content{--content-width: min( calc((100dvw - 10rem)/2) , var(--page-width) / 2);max-width:100%;display:grid;grid-template-columns:50% var(--content-width) minmax(5rem,1fr);border-block:1px solid var(--df-black);overflow:hidden}.image-with-content__grid--reverse{grid-template-columns:minmax(5rem,1fr) var(--content-width) 50%}.image-with-content__media{height:100%;width:100%;grid-column:1 / 2;aspect-ratio:1 / 1;line-height:0;border-right:1px solid var(--df-black)}.image-with-content__media--reverse{grid-column:3 / 4;border-left:1px solid var(--df-black);border-right:none}.image-with-content__media img,.image-with-content__media video,.image-with-content__media svg{height:100%;width:100%;object-fit:cover}@media screen and (min-width:750px){.content{padding:5rem;padding-right:0;grid-row:1;grid-column:2 / 3;display:flex;flex-direction:column}.image-with-content__content--reverse{grid-column:2 / 3;padding:5rem;padding-left:0}.image-with-content__content--top{justify-content:flex-start}.image-with-content__content--bottom{justify-content:flex-end}.image-with-content__content--middle{justify-content:center}.image-with-content__content--desktop-left{align-items:flex-start}.image-with-content__content--desktop-right{align-items:flex-end;text-align:right}.image-with-content__content--desktop-center{align-items:center;text-align:center}}.image-with-content__heading{letter-spacing:-2px;margin-bottom:5rem}.button.button--secondary.h4{margin-top:3rem}@media screen and (max-width:750px){.image-with-content,.image-with-content__grid--reverse{display:flex;flex-direction:column;max-width:100%;padding:2.5rem 2.5rem 5rem;gap:5rem}.image-with-content__media{width:100%;height:auto;flex:1 1 auto;aspect-ratio:unset}.image-with-content__media img,.image-with-content__media video,.image-with-content__media svg{width:100%;height:auto;object-fit:cover;aspect-ratio:1 / 1}}.image-with-content__text{color:var(--DF-White);font-family:Times New Roman,Times,serif;font-size:22px;line-height:30px}.application-steps{display:flex;flex-direction:column;gap:3rem;margin:0;padding:0;list-style:none;counter-reset:application-steps}.application-steps li{font-family:Times New Roman,Times,serif;font-size:2.2rem;line-height:3rem;counter-increment:application-steps;display:flex;align-items:center}.application-steps li:before{content:counter(application-steps);font-size:3.2rem;font-family:var(--font-display-list);font-weight:700;display:grid;place-items:center;text-align:center;width:6rem;height:6rem;padding:5px 5px 5px 6px;border-radius:50%;border:1px solid rgba(var(--color-foreground));margin-right:3rem;aspect-ratio:1/1}@media screen and (max-width:750px){.application-steps{gap:3rem}.application-steps li:before{content:counter(application-steps);font-size:3.2rem;font-family:var(--font-display-list);font-weight:700;display:grid;place-items:center;width:6rem;height:6rem;padding:15px;border-radius:50%;border:1px solid rgba(var(--color-foreground));margin-right:3rem}}.product-faqs{display:flex;flex-direction:column;gap:3rem}.product-faqs__faq{display:grid;gap:0 3rem;grid-template-columns:6rem 1fr;grid-template-rows:auto auto}.product-faqs__question{text-align:unset;border:none;background:none;padding:0;margin:0;width:100%;line-height:3.6rem;cursor:pointer;border-radius:10px;display:flex;align-items:center;gap:3rem;grid-column:1 / -1}.product-faqs__question:before{content:"+";font-family:var(--font-display-list);text-align:center;font-size:3.2rem;display:grid;place-items:center;width:6rem;height:6rem;padding:5px 5px 5px 6px;border-radius:50%;border:1px solid rgba(var(--color-foreground));aspect-ratio:1/1}.product-faqs__question.is-open:before{content:"-"}.product-faqs .animation-wrapper{grid-column:2 / -1;overflow:hidden;max-height:1px;transition:max-height .6s ease-out}.product-faqs .animation-wrapper .product-faqs__answer{opacity:0;transform:translateY(-20%);animation:closeAnimation .3s forwards;animation-fill-mode:forwards;animation-timing-function:ease-out;margin-top:2rem;font-size:2.2rem;line-height:3rem}.product-faqs .animation-wrapper.is-open{transition:max-height .4s ease-in .3}.product-faqs .animation-wrapper.is-open .product-faqs__answer{animation:openAnimation .4s forwards;animation-delay:.2s;animation-fill-mode:forwards;animation-timing-function:ease-in-out}@keyframes openAnimation{0%{opacity:0;transform:translateY(-20%)}to{opacity:1;transform:translateY(0)}}@keyframes closeAnimation{0%{opacity:1;transform:translateY(0)}80%{opacity:0}to{opacity:0;transform:translateY(-30%)}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/component-image-with-content.css.map */