[tone-slider]{background:#f7f8fe;padding:4.5rem 0}@media (min-width:992px){[tone-slider]{padding:7rem 0}}[tone-slider] .section-row{align-items:center;display:flex;flex-flow:column;gap:1rem}[tone-slider] .section-title{font-size:2.5rem;font-weight:300;line-height:1.2}[tone-slider] .section-description,[tone-slider] .section-title{color:#121217;text-align:center;transition:color .3s ease-in-out}[tone-slider] .section-description{font-size:1.25rem;font-weight:400;line-height:1.5}[tone-slider] .section-tones{display:flex;flex-flow:column;gap:2.1875rem;margin-top:4rem;width:100%}@media (min-width:992px){[tone-slider] .section-tones{max-width:62.5rem}}[tone-slider] [tone-slide]{align-items:center;display:flex;display:grid;gap:.625rem 3.4375rem;grid-template-areas:"left right" "slider slider";grid-template-columns:1fr 1fr;justify-content:center;width:100%}@media (min-width:768px){[tone-slider] [tone-slide]{gap:3.4375rem;grid-template-areas:"left slider right";grid-template-columns:9.375rem 1fr 9.375rem}}@media (min-width:992px){[tone-slider] [tone-slide]{grid-template-columns:12.5rem 1fr 12.5rem}}[tone-slider] [tone-slide] .tone-left,[tone-slider] [tone-slide] .tone-right{color:#121217;display:block;font-size:1rem;font-weight:500;line-height:1.5;transition:color .3s ease-in-out}@media (min-width:768px){[tone-slider] [tone-slide] .tone-left,[tone-slider] [tone-slide] .tone-right{font-size:1.25rem}}[tone-slider] [tone-slide] .tone-left{grid-area:left;text-align:left}@media (min-width:768px){[tone-slider] [tone-slide] .tone-left{text-align:right}}[tone-slider] [tone-slide] .tone-right{grid-area:right;text-align:right}@media (min-width:768px){[tone-slider] [tone-slide] .tone-right{text-align:left}}[tone-slider] [tone-slide] .tone-slider{background:#4c23cc1a;border-radius:1.03125rem;display:block;grid-area:slider;height:.75rem;position:relative;width:100%}[tone-slider] [tone-slide] .tone-slider:after{background:#bf3bd9;border-radius:50%;content:"";height:1.25rem;left:var(--slider-thumb-position);position:absolute;top:50%;transform:translateY(-50%);width:1.25rem}