.color-highlight-yellow{outline:2px solid hsl(48,100%,50%);box-shadow:0 0 8px #ffcc004d}.color-highlight-red{outline:2px solid hsl(6,100%,50%);box-shadow:0 0 8px #ff1a0047}.color-highlight-green{outline:2px solid hsl(140,60%,40%);box-shadow:0 0 8px #29a35247}.color-highlight-blue{outline:2px solid hsl(220,90%,55%);box-shadow:0 0 8px #256af447}.color-highlight-purple{outline:2px solid hsl(270,80%,55%);box-shadow:0 0 8px #8c30e847}.color-highlight-teal{outline:2px solid hsl(180,70%,40%);box-shadow:0 0 8px #1fadad47}.color-highlight-orange{outline:2px solid hsl(24,100%,50%);box-shadow:0 0 8px #ff660047}.color-highlight-pink{outline:2px solid hsl(330,85%,55%);box-shadow:0 0 8px #ee2b8c47}.color-highlight-cyan{outline:2px solid hsl(190,85%,45%);box-shadow:0 0 8px #11b4d447}.color-highlight-lime{outline:2px solid hsl(85,80%,40%);box-shadow:0 0 8px #74b81447}.color-highlight-slate{outline:2px solid hsl(215,20%,60%);box-shadow:0 0 8px #8596ad40}.color-highlight-navy{outline:2px solid hsl(220,80%,35%);box-shadow:0 0 10px #1241a14d}.color-highlight-black{outline:2px solid hsl(220,15%,15%);box-shadow:0 0 10px #21242c4d}.color-highlight-maroon{outline:2px solid hsl(0,70%,35%);box-shadow:0 0 10px #981b1b4d}.color-highlight-gray{outline:2px solid hsl(210,10%,60%);box-shadow:0 0 8px #8f99a340}