.framework-icon-wrapper{position:relative;display:inline-block}.framework-icon{position:absolute;height:var(--icon-height);width:var(--icon-width);top:calc(-1 * var(--icon-height));transition:all 1s;background-repeat:no-repeat;background-size:cover}.framework-icon:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);transition:all 1s}@media (max-width: 768px){.framework-icon{top:calc(-.6 * var(--icon-height))}}.framework-icon.animate{width:calc(5 * var(--icon-width));height:calc(5 * var(--icon-height));top:calc(-1 * var(--icon-height));transition:all 1s;-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}.framework-icon.react{--icon-width: 32px;--icon-height: 28.5px;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0xMS41IC0xMC4yMzE3NCAyMyAyMC40NjM0OCI+CiAgPHRpdGxlPlJlYWN0IExvZ288L3RpdGxlPgogIDxjaXJjbGUgY3g9IjAiIGN5PSIwIiByPSIyLjA1IiBmaWxsPSIjNjFkYWZiIi8+CiAgPGcgc3Ryb2tlPSIjNjFkYWZiIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiPgogICAgPGVsbGlwc2Ugcng9IjExIiByeT0iNC4yIi8+CiAgICA8ZWxsaXBzZSByeD0iMTEiIHJ5PSI0LjIiIHRyYW5zZm9ybT0icm90YXRlKDYwKSIvPgogICAgPGVsbGlwc2Ugcng9IjExIiByeT0iNC4yIiB0cmFuc2Zvcm09InJvdGF0ZSgxMjApIi8+CiAgPC9nPgo8L3N2Zz4K)}.framework-icon.vue{--icon-width: 32px;--icon-height: 27.5px;background-image:url(/assets/vue-logo.277e0e97.svg)}.framework-icon.vanilla{--icon-width: 32px;--icon-height: 32px;background-image:url(/assets/javascript-logo.79cc48c8.svg)}