.alt-text-container{display:inline-block;position:relative}.alt-text-container:after{background-color:#000000b3;border-radius:var(--border-radius-1);color:#fff;content:attr(aria-roledescription);display:none;font-size:.875rem;left:50%;letter-spacing:1px;padding:var(--spacing-2) var(--spacing-3);position:absolute;text-align:center;transform:translate(-50%);width:-moz-max-content;width:max-content}.alt-text-container.top:after{bottom:calc(100% + 4px)}.alt-text-container.bottom:after{top:calc(100% + 4px)}@media (min-width:770px) and (hover:hover){.alt-text-container:hover:after{display:block}}.alt-text-container:focus-within:after{display:block}