.grid-of-icons{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));grid-gap:15px}.grid-of-icons__item{position:relative;padding-top:100%;animation-fill-mode:backwards}.grid-of-icons__icon{width:60px;height:60px;position:relative;margin:0 auto 5px;overflow:hidden}.grid-of-icons__name{display:block;text-align:center;margin:0 1em}.grid-of-icons__link{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#ffffffb3;border-radius:30px;box-shadow:0 0 1em #0000000d;transition-duration:.2s;transition-property:background-color box-shadow;overflow:hidden}.grid-of-icons__link:focus{outline:none}.grid-of-icons__link:focus-visible{border:3px solid var(--primary)}.grid-of-icons__link>*{transition:.2s transform}.grid-of-icons__link:hover,.grid-of-icons__link:focus{background-color:#fff}.grid-of-icons__link:hover>*,.grid-of-icons__link:focus>*{transform:scale(1.2)}@media(min-width:960px){.grid-of-icons{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.grid-of-icons__icon{width:70px;height:70px}}@media(min-width:1200px){.grid-of-icons{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.grid-of-icons__icon{width:80px;height:80px}}.themes-page-image{stroke:var(--primary);width:100%;height:100%}.themes-page-image svg{width:100%;height:100%}