@media only screen and (min-width: 801px){.mobile-only{display:none !important}}@media only screen and (max-width: 800px){.desktop-only{display:none !important}}.s-skills{list-style:none;padding:5rem;width:100%;display:flex;flex-wrap:wrap;gap:2rem}.s-skills__item{border:1px solid #d9d9d9;height:4.5rem;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 3rem;position:relative}.s-skills__item *{position:relative;z-index:2}.s-skills__item span{font-size:1.9rem;line-height:1.4;letter-spacing:.1em;font-weight:700;display:block;opacity:1;transition:opacity .3s ease}@media only screen and (max-height: 768px){.s-skills__item span{font-size:1.6rem}}@media only screen and (max-width: 800px){.s-skills__item span{font-size:1.8rem}}.s-skills__item svg,.s-skills__item img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);max-height:75%;width:auto;opacity:0;transition:opacity .3s ease}.s-skills__item svg circle,.s-skills__item svg path,.s-skills__item img circle,.s-skills__item img path{fill:#d9d9d9}.s-skills__item img{filter:invert(1)}.s-skills__item--stroke svg path:first-child{fill:none;stroke:#d9d9d9}.s-skills__item:hover span{opacity:0}.s-skills__item:hover svg,.s-skills__item:hover img{opacity:1}.s-skills__item:not(:hover) .progress{max-width:0% !important}@media only screen and (max-width: 800px){.s-skills__item{padding:0 1.5rem}}@media only screen and (max-height: 768px){.s-skills__item{padding:0 1rem;height:4rem}}@media only screen and (max-width: 800px){.s-skills{padding:5rem 5% 17.5rem}}/*# sourceMappingURL=skills.css.map */