.section__how-it-works{--border-color: #dbdbdb}@media (min-width: 768px){.how-it-works-details{display:grid;grid-template-columns:45fr 55fr;gap:2rem}}@media (min-width: 990px){.how-it-works-details{grid-template-columns:1fr 2fr;gap:4rem}}.how-it-works__example{display:flex;align-items:center;justify-content:space-between;position:relative}.how-it-works__example--score{width:9rem;height:auto}.how-it-works__example--score__depth-label:after,.how-it-works__example--score__tone-label:after{content:"";position:absolute;display:inline-block;width:calc(50% - 5rem);height:1px;top:50%;left:3.5rem;background-color:var(--color--text);z-index:2}.how-it-works__example--score__tone-label:after{left:7rem;transform:translate(100%)}@media (min-width: 768px){.section__colour-chart+*:not(.section__colour-chart){margin-top:-50px}}@media (min-width: 1280px){.section__colour-chart+*:not(.section__colour-chart){margin-top:-100px}}.how-it-works__table-wrap{padding:2rem;border:1px solid var(--border-color);display:grid;gap:2rem}@media (min-width: 768px){.how-it-works__table-wrap{grid-template-columns:1fr 1fr;margin-bottom:auto}}.how-it-works__table{display:flex;flex-direction:column;margin:auto 0}.how-it-works__table table{height:100%}.how-it-works__table thead{display:none}.how-it-works__table td{border:unset}.how-it-works__table tr+tr{border-top:1px solid var(--border-color)}.how-it-works__table td+td{border-left:1px solid var(--border-color);width:100%}.how-it-works__content--item{margin:2rem 0}.how-it-works__content--item:last-child{margin-bottom:2.5rem}@media (max-width: 767px){.how-it-works__content-extended--item+.how-it-works__content-extended--item{margin-top:2rem}}.how-it-works__content--item h5,.how-it-works__content-extended--item h5{margin-bottom:.2rem}.how-it-works__content--item p,.how-it-works__content-extended--item p{line-height:1.8}.how-it-works__content--item p:last-child,.how-it-works__content-extended--item p:last-child{margin-bottom:0}.how-it-works__content-extended{margin-top:3rem}@media (min-width: 768px){.how-it-works__content-extended{margin-top:4rem;padding:3rem 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);display:flex;gap:2rem}}.how-it-works__example-caption p{margin:.6rem 2rem 0 calc(50% - 4rem);font-size:.8rem;line-height:1.4}.how-it-works__example-caption strong,.how-it-works__example-caption b{font-weight:700}
/*# sourceMappingURL=/cdn/shop/t/298/assets/section-how-it-works.css.map */