.text-with-media__wrapper{display:grid;grid-template-columns:repeat(2,auto);grid-template-rows:repeat(2,auto);gap:40px}.text-with-media__wrapper.card{padding:40px;border-radius:var(--text-boxes-radius);border:1px solid rgb(var(--color-accent-foreground))}.text-with-media__text-content{max-width:600px;width:100%}.text-with-media__text-content .caption{transition:.5s ease-in;opacity:0}.text-with-media__wrapper.animate .caption{opacity:1}.text-with-media__text-content .button{margin-top:30px;margin-left:0;opacity:0}.text-with-media__text-content .heading{opacity:0}.text-with-media__description{margin-top:4px;opacity:0}.text-with-media__description *{color:rgba(var(--color-foreground));font-family:var(--font-body-heading);font-size:16px;font-style:normal;font-weight:500;margin:0;letter-spacing:0}.text-with-media__image{max-width:100%;width:100%;grid-area:2 / 1 / 3 / 3;border-radius:var(--border-radius);overflow:hidden;opacity:0}.text-with-media__image img{display:block;width:100%;height:auto;object-fit:cover}.key-metrics{width:100%;grid-area:2 / 1 / 3 / 3;height:100%;max-height:var(--key-metrics-size);overflow:hidden;position:relative;background:transparent;margin-left:auto}@keyframes key-metrics{0%{max-height:50px}to{max-height:var(--block-height)}}@keyframes key-metrics-false{0%{max-height:var(--block-height)}to{max-height:50px}}.key-metrics__container{width:100%;height:100%;transition:all .3s;scale:.03;opacity:0;transform-origin:right bottom}.text-with-media__wrapper.animate .key-metrics__container{animation:key-metrics-container ease 1.3s forwards;animation-delay:.4s}@keyframes key-metrics-container{0%{scale:.03;opacity:0}to{scale:1;opacity:1}}.key-metrics svg{position:absolute;top:0;z-index:0;left:0;width:100%;height:100%}.key-metrics__content{position:relative;z-index:1}.icon-field path{fill:rgb(var(--color-background))}.icon-field--desktop{opacity:1}.icon-field--mobile{opacity:0}.key-metrics__list{display:flex;justify-content:space-between;gap:var(--key-metrics-gap-padding);padding:40px;clip-path:polygon(calc(100% - 30px) 0px,calc(100% - 30px) 0px,calc(100% - 25.13349px) .3926505px,calc(100% - 20.51712px) 1.529424px,calc(100% - 16.21263px) 3.3485535px,calc(100% - 12.28176px) 5.788272px,calc(100% - 8.7862500000001px) 8.7868125px,calc(100% - 5.78784px) 12.282408px,calc(100% - 3.34827px) 16.2132915px,calc(100% - 1.5292800000002px) 20.517696px,calc(100% - .39260999999988px) 25.1338545px,calc(100% - 2.2737367544323E-13px) 30px,calc(100% + -0px) calc(100% - 90px),calc(100% + -0px) calc(100% - 90px),calc(100% - .39260999999988px) calc(100% - 85.133733px),calc(100% - 1.52928px) calc(100% - 80.517504px),calc(100% - 3.34827px) calc(100% - 76.213071px),calc(100% - 5.78784px) calc(100% - 72.282192px),calc(100% - 8.7862500000001px) calc(100% - 68.786625px),calc(100% - 12.28176px) calc(100% - 65.788128px),calc(100% - 16.21263px) calc(100% - 63.348459px),calc(100% - 20.51712px) calc(100% - 61.529376px),calc(100% - 25.13349px) calc(100% - 60.392637px),calc(100% - 30px) calc(100% - 60px),calc(100% - 30px) calc(100% - 60px),calc(100% - 34.86651px) calc(100% - 59.607363px),calc(100% - 39.48288px) calc(100% - 58.470624px),calc(100% - 43.78737px) calc(100% - 56.651541px),calc(100% - 47.71824px) calc(100% - 54.211872px),calc(100% - 51.21375px) calc(100% - 51.213375px),calc(100% - 54.21216px) calc(100% - 47.717808px),calc(100% - 56.65173px) calc(100% - 43.786929px),calc(100% - 58.47072px) calc(100% - 39.482496px),calc(100% - 59.60739px) calc(100% - 34.866267px),calc(100% - 60px) calc(100% - 30px),calc(100% - 60px) calc(100% - 30px),calc(100% - 60.39261px) calc(100% - 25.133733px),calc(100% - 61.52928px) calc(100% - 20.517504px),calc(100% - 63.34827px) calc(100% - 16.213071px),calc(100% - 65.78784px) calc(100% - 12.282192px),calc(100% - 68.78625px) calc(100% - 8.786625px),calc(100% - 72.28176px) calc(100% - 5.788128px),calc(100% - 76.21263px) calc(100% - 3.348459px),calc(100% - 80.51712px) calc(100% - 1.529376px),calc(100% - 85.13349px) calc(100% - .39263700000001px),calc(100% - 90px) calc(100% - 2.8421709430404E-14px),30px calc(100% + -0px),30px calc(100% + -0px),25.1338302px calc(100% - .39263699999998px),20.5176576px calc(100% - 1.529376px),16.2132474px calc(100% - 3.348459px),12.2823648px calc(100% - 5.788128px),8.786775px calc(100% - 8.786625px),5.7882432px calc(100% - 12.282192px),3.3485346px calc(100% - 16.213071px),1.5294144px calc(100% - 20.517504px),.3926478px calc(100% - 25.133733px),4.9666436073682E-31px calc(100% - 30px),0px 30px,0px 30px,.3926505px 25.1338545px,1.529424px 20.517696px,3.3485535px 16.2132915px,5.788272px 12.282408px,8.7868125px 8.7868125px,12.282408px 5.788272px,16.2132915px 3.3485535px,20.517696px 1.529424px,25.1338545px .3926505px,30px 4.9666805852231E-31px,calc(100% - 30px) 0px);background-color:rgb(var(--color-background))}.key-metrics__item{max-width:350px;width:100%;display:flex;flex-direction:column;gap:12px}.key-metrics__number{display:flex;width:max-content;color:rgba(var(--color-accent-foreground));font-family:var(--font-number-family);font-size:60px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:1.6px;text-transform:uppercase}.key-metrics__text{color:rgba(var(--color-foreground));font-family:var(--font-body-family);font-size:22px;font-style:normal;font-weight:500;line-height:normal;text-transform:capitalize;margin:0}.key-metrics__button{position:absolute;bottom:0;right:0;width:40px;height:40px;border-radius:50%;border:none;outline:none;cursor:pointer;background-color:rgb(var(--color-background));z-index:1;display:flex;justify-content:center;align-items:center;font-family:rgb(var(--font-body-family));font-weight:700;font-size:17px;line-height:100%;letter-spacing:0;text-transform:uppercase;color:rgb(var(--color-foreground))}.text-with-media__wrapper.animate .button{transform:translateY(65%);animation:text-with-media-content .4s ease .4s forwards}.text-with-media__wrapper.animate .text-with-media__text-content .heading{transform:translateY(65%);animation:text-with-media-content .5s ease .1s forwards}@keyframes text-with-media-content{0%{opacity:0;transform:translateY(65%)}to{opacity:1;transform:translateY(0)}}.text-with-media__wrapper.animate .text-with-media__description{transform:translate(90%);animation:text-with-media-description .4s ease .7s forwards}@keyframes text-with-media-description{0%{opacity:0;transform:translate(90%)}to{opacity:1;transform:translate(0)}}.text-with-media__wrapper.animate .text-with-media__image{transform:translate(-90%);animation:text-with-media-image .4s ease 1s forwards}@keyframes text-with-media-image{0%{opacity:0;transform:translate(-90%)}to{opacity:1;transform:translate(0)}}@media screen and (max-width:990px){.text-with-media__wrapper{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(3,auto)}.text-with-media__wrapper.card{border-radius:var(--text-boxes-radius-mobile);padding:40px 20px 20px;gap:20px}.text-with-media__image,.key-metrics{grid-area:3 / 1 / 4 / 2}.text-with-media__image{border-radius:var(--border-radius-mobile)}}@media screen and (max-width:630px){.key-metrics__button{width:var(--key-metrics-max-height);height:var(--key-metrics-max-height);font-size:20px}.key-metrics__list{gap:35px 10px;padding:20px;display:grid;grid-template-columns:auto 1fr;align-items:center}.key-metrics__item{display:contents}.key-metrics__number{max-width:max-content;font-size:50px}.key-metrics__text{font-size:16px;max-width:90px}.icon-field--desktop{opacity:0}.icon-field--mobile{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-text-with-media.css.map */