.ux-science__inner{display:flex;flex-direction:column;gap:1.6rem}.ux-science__heading{--min-fs: var(--sci-hl-min, 2);--max-fs: var(--sci-hl-max, 2.6);margin:0;text-align:center;font-weight:var(--ux-heading-font-weight);line-height:1.2;color:var(--ux-color-onyx)}.ux-science__text{--min-fs: var(--sci-txt-min, 1.3);--max-fs: var(--sci-txt-max, 1.5);text-align:center;line-height:1.5;color:var(--ux-color-slate)}.ux-science__text p{margin:0}.ux-science__details{--min-fs: var(--sci-det-min, 1.2);--max-fs: var(--sci-det-max, 1.4);line-height:1.6;color:var(--ux-color-onyx);background:#f3ece4;border-radius:var(--ux-border-radius-big);padding:2.4rem}.ux-science__details p{margin:0}.ux-science__details p+p{margin-top:.8rem}.ux-science__details :is(ul,ol){margin:0;padding-left:1.6rem}.ux-science__details ul li strong{font-weight:var(--ux-heading-font-weight)}.ux-science__details ul,.ux-science__details ol{list-style:none;counter-reset:item;margin:0;padding:0}.ux-science__details ul li,.ux-science__details ol li{counter-increment:item;position:relative;padding-left:2rem;padding-bottom:1.5rem}.ux-science__details ul li:before,.ux-science__details ol li:before{content:counter(item) ".";position:absolute;left:0;top:0}.ux-science__details ul li:after,.ux-science__details ol li:after{content:"";display:block;border-bottom:1px solid var(--ux-color-sienna);margin-top:1.5rem;margin-left:-2rem}.ux-science__details ul li:last-child:after,.ux-science__details ol li:last-child:after{display:none}.ux-science__heading,.ux-science__text,.ux-science__details{font-size:clamp(calc(var(--min-fs) * 1rem),calc(var(--min-fs) * 1rem + (var(--max-fs) - var(--min-fs)) * (100vw - 37.5rem) / 62.5),calc(var(--max-fs) * 1rem))}.ux-science__cols{display:flex;flex-direction:column;gap:1.6rem}.ux-science__media{display:flex;align-items:center;justify-content:center;padding:2rem;background:#f3ece4;border-radius:var(--ux-border-radius-big)}.ux-science__img{display:block;width:100%;height:auto;object-fit:contain;border-radius:var(--ux-border-radius);max-width:32rem}@media screen and (min-width:750px){.ux-science__inner{gap:2.4rem}.ux-science__heading,.ux-science__text{text-align:left}.ux-science__cols{display:grid;grid-template-columns:1fr 1fr;gap:2.4rem;align-items:stretch}.ux-science__details{padding:3rem}}
/*# sourceMappingURL=/cdn/shop/t/231/assets/component-ux-science.css.map */