.popular-skills-container{background-image:url("../../../../../content/dam/pluralsight2/product/skills/why-skills-2022/white-halftone-zigzag.png");background-blend-mode:overlay;background-size:80%,cover;background-repeat:no-repeat;background-position:bottom left;display:flex;padding:80px 100px;flex-direction:column;align-items:flex-start;gap:50px;align-self:stretch}
@media(max-width:480px){.popular-skills-container{padding:0;background-size:auto,auto;background-position:top,left bottom}
}
@media screen and (min-width:481px) and (max-width:1024px){.popular-skills-container{padding:24px}
}
.skills-section{display:flex;align-items:flex-start;align-self:stretch;gap:50px;flex:1 0 0;max-width:1240px;margin:0 auto;width:100%}
@media(max-width:480px){.skills-section{padding:28px 24px 20px 24px;flex-direction:column;align-items:flex-start;gap:32px;align-self:stretch}
}
@media screen and (min-width:481px) and (max-width:1024px){.skills-section{flex-direction:column;gap:0}
}
.skills-header{font-family:"PS Commons Bold" !important;display:flex;flex-direction:column;justify-content:center;align-items:flex-start !important;gap:16px}
.skills-header h2{margin-bottom:0 !important;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4px;align-self:stretch;color:var(--Tertiary-Dark-text-white,#fff);font-size:32px !important;font-style:normal !important;font-weight:700 !important;line-height:40px !important}
.view-all-link{text-decoration:none !important;display:flex;align-items:center;cursor:pointer}
.link-text{color:var(--CTAs-Text-Link-On-Dark,#ff5297);font-family:"PS Commons";font-size:16px;font-style:normal;font-weight:600;line-height:24px !important}
.link-arrow{width:24px;height:24px;transition:transform .3s}
.link-arrow path{transition:fill .3s}
.view-all-link:hover .link-arrow{transform:scale(1.1) translateX(5px)}
.view-all-link:hover .link-arrow path{fill:#ff5297}
.skills-grid{display:flex;width:800px;height:138px;padding:16px 0;flex-direction:column;align-items:center;align-self:flex-start}
@media(max-width:480px){.skills-grid{width:100%;height:100%;padding:0 12px;align-items:flex-start;gap:24px;align-self:stretch}
}
@media screen and (min-width:481px) and (max-width:1024px){.skills-grid{width:100%;height:100%;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:16px}
}
.skills-row{display:flex;justify-content:center;width:100%}
@media(max-width:480px){.skills-row{align-items:flex-start;align-self:stretch;gap:24px}
}
@media screen and (min-width:481px) and (max-width:1024px){.skills-row{justify-content:left}
}
.skill-item{flex:0 1 10%;max-width:10%;margin:5px 5px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:8px;background:linear-gradient(281deg,rgba(142,147,194,0) 7.29%,rgba(142,147,194,0.1) 88.54%),rgba(43,42,89,0.87);box-shadow:0 10px 10px 0 rgba(0,0,0,0.2);backdrop-filter:blur(5px)}
@media(max-width:480px){.skill-item{flex:1 1 calc(13.33%);max-width:fit-content}
}
.skill-item a{display:block;width:100%;height:100%}
.skill-item img{width:100%;height:100%;transition:transform .3s}
@media(max-width:480px){.skill-item img{display:flex;width:80px;height:75px;justify-content:center;align-items:center}
}
.skill-item img:hover{transform:scale(1.1);border:2px solid #ff166d;border-radius:8px}
.gradient{background-color:transparent !important;background-image:url("../../../../../content/dam/pluralsight2/product/skills/why-skills-2022/white-halftone-zigzag.png"),linear-gradient(77deg,#711245 3.73%,#3b0f79 30.46%,#1b1834 77.33%) !important}
@media(max-width:480px){.gradient{background-size:auto,auto;background-position:top,left bottom}
}