.dof-notification{display:flex;flex-direction:column;align-items:end;position:fixed;color:white;top:0;right:20px;z-index:10}.dof-notification-message{display:flex;align-items:center;position:relative;background-color:#333;margin-top:1em;padding:6px 15px;border:1px solid #272727;border-radius:3px;box-shadow:0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);opacity:0;transition:opacity 0.4s}.dof-notification [data-error]{background-color:#f44336;border:1px solid #d52c20}.dof-notification [data-info]{background-color:#2196f3;border:1px solid #1a85db}.dof-notification [data-success]{background-color:#4caf50;border:1px solid #329f36}.dof-notification [data-warning]{background-color:#ff9800;border:1px solid #d08311}.dof-notification-close{color:#e9e9e9;font-size:24px;font-weight:bold;margin-left:1em;cursor:pointer}.dof-notification-close:hover{color:white}[data-panel]{cursor:pointer}[data-panel-content]:after{margin-left:0.5em;content:attr(data-panel-content)}.dof-panel{overflow:hidden}.tooltip{display:inline-block;position:relative}.tooltip-bottom,.tooltip-left,.tooltip-right,.tooltip-top{position:absolute;color:#fff;background-color:rgba(51, 51, 51, 0.9);padding:7px;border-radius:3px;line-height:1.2;visibility:hidden;white-space:nowrap;z-index:9;opacity:0;transition:opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24)}.tooltip-top{left:50%;bottom:100%;transform:translate(-50%, 0)}.tooltip-left{right:110%;bottom:50%;transform:translate(0, 50%)}.tooltip-right{left:110%;bottom:50%;transform:translate(0, 50%)}.tooltip-bottom{left:50%;top:100%;transform:translate(-50%, 0)}.tooltip:hover .tooltip-bottom,.tooltip:hover .tooltip-left,.tooltip:hover .tooltip-right,.tooltip:hover .tooltip-top{visibility:visible;opacity:1}.tooltip:hover .tooltip-top{transform:translate(-50%, -10px)}.tooltip:hover .tooltip-left{transform:translate(-10px, 50%)}.tooltip:hover .tooltip-right{transform:translate(10px, 50%)}.tooltip:hover .tooltip-bottom{transform:translate(-50%, 10px)}