.Tones-module-scss-module__6Jm8Rq__tones{margin:0 auto;display:block}.Tones-module-scss-module__6Jm8Rq__toneCards{grid-template-columns:repeat(auto-fit,minmax(225px,1fr));justify-items:center;display:grid}.Tones-module-scss-module__6Jm8Rq__toneDescription{height:fit-content}.Tones-module-scss-module__6Jm8Rq__toneDescription p{font-size:clamp(1.1rem,.5rem + 1vw,1.4rem)}@media screen and (max-width:768px){.Tones-module-scss-module__6Jm8Rq__toneCards{grid-template-columns:repeat(auto-fit,minmax(125px,1fr))}}
.ToneCard-module-scss-module__lTXT-a__toneCard{border:2px solid #0000;justify-content:flex-start;align-items:center;width:200px;margin:.5rem clamp(0rem,2vw,2rem);padding:1rem 1.5rem;display:flex}.ToneCard-module-scss-module__lTXT-a__toneCard svg{width:1.5rem;height:1.5rem;margin-right:1rem}.ToneCard-module-scss-module__lTXT-a__toneCard .ToneCard-module-scss-module__lTXT-a__tone{color:#333;margin:0;font-size:1.2rem;font-weight:700}.ToneCard-module-scss-module__lTXT-a__toneCard:hover{cursor:pointer;border:2px solid var(--primary-color);border-radius:10px}.ToneCard-module-scss-module__lTXT-a__toneActive{border:2px solid var(--primary-color);box-shadow:0px 2px 10px 1px var(--box-shadow-color);-webkit-box-shadow:0px 2px 10px 1px var(--box-shadow-color);-moz-box-shadow:0px 2px 10px 1px var(--box-shadow-color);border-radius:10px}@media screen and (max-width:768px){.ToneCard-module-scss-module__lTXT-a__toneCard{flex-direction:column;justify-content:center;align-items:center;width:125px;padding:1rem .75rem}.ToneCard-module-scss-module__lTXT-a__toneCard .ToneCard-module-scss-module__lTXT-a__tone{font-size:1rem}.ToneCard-module-scss-module__lTXT-a__toneCard svg{margin:0 0 .5rem;font-size:1rem}}