.client-tools-developer-credit{align-items:center;color:inherit;display:inline-flex;font:inherit;line-height:inherit;margin-inline-start:.4em;max-inline-size:100%;min-block-size:24px;min-inline-size:24px;text-decoration:none;vertical-align:middle}.client-tools-developer-credit__icon{background-color:currentColor;block-size:1em;flex:0 0 1em;inline-size:1em;mask:url(../images/twirling-umbrellas-icon.png) center/contain no-repeat;transition:transform .65s ease-in-out}.client-tools-developer-credit__text{display:inline-block;max-inline-size:0;opacity:0;overflow:hidden;transition:max-inline-size .35s ease-in-out,opacity .2s ease-in-out;white-space:nowrap}.client-tools-developer-credit:hover,.client-tools-developer-credit:focus-visible{color:inherit;text-decoration:none}.client-tools-developer-credit:hover .client-tools-developer-credit__icon,.client-tools-developer-credit:focus-visible .client-tools-developer-credit__icon{transform:rotate(180deg)}.client-tools-developer-credit:hover .client-tools-developer-credit__text,.client-tools-developer-credit:focus-visible .client-tools-developer-credit__text{margin-inline-start:.4em;max-inline-size:24em;opacity:1}.client-tools-developer-credit:focus-visible{outline:2px solid currentColor;outline-offset:3px}@media(hover: none){.client-tools-developer-credit__text{margin-inline-start:.4em;max-inline-size:24em;opacity:1;white-space:normal}}@media(prefers-reduced-motion: reduce){.client-tools-developer-credit__icon,.client-tools-developer-credit__text{transition:none}.client-tools-developer-credit:hover .client-tools-developer-credit__icon,.client-tools-developer-credit:focus-visible .client-tools-developer-credit__icon{transform:none}}