.icon-container{height:1rem;margin:0 .25rem;vertical-align:sub;display:inline-block}.icon-container__icon{height:100%;width:auto;cursor:pointer}.icon-container__popup{position:absolute;transform:translate(-50%);max-width:min(80vw,40ch);padding:.75rem;font-size:.9rem;font-style:italic;background-color:var(--background);box-shadow:var(--drop-shadow--even--light);box-shadow:0 8px 58px -6px rgba(24,39,75,.12),0 18px 88px -4px rgba(24,39,75,.14);border-radius:.75rem;text-align:center;transition:opacity .3s ease-in-out,visibility .3s ease-in-out,transform .3s ease-in-out;z-index:1000;animation:fadeInSlideUp .3s ease-in-out forwards}@keyframes fadeInSlideUp{0%{opacity:0;transform:translate(-50%,25%)}to{opacity:1;transform:translate(-50%)}}