#ud-icon *{box-sizing:border-box}#ud-icon{display:flex;flex-wrap:wrap;align-content:center;justify-content:flex-end;position:relative}#ud-icon a{display:flex;width:28px;height:28px;padding:4px;border-radius:50%;transition:background-color .3s}#ud-icon:focus a,#ud-icon:hover a{background-color:#0093d0}#ud-icon svg{width:20px;height:20px}#ud-icon .cls-1{fill:#fff;transition:fill .3s}#ud-icon.light .cls-1{fill:#fff}#ud-icon.dark .cls-1{fill:#000}#ud-icon .ud-note{color:#fff;font-family:sans-serif;height:24px;font-size:10px;text-transform:uppercase;line-height:1.1;white-space:nowrap;padding:6px 10px;border-radius:1px;position:absolute;top:2px;right:40px;transform:translateX(30px);opacity:0;transition:opacity .3s,transform .3s;pointer-events:none;background-color:#000}#ud-icon .ud-note:after{content:"";display:block;width:1px;height:1px;border:4px solid transparent;border-left-width:6px;border-left-color:#000;position:absolute;left:100%;top:8px}#ud-icon:focus .ud-note,#ud-icon:hover .ud-note{transform:translateX(0);opacity:1}