.branding-ms { width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='21' viewBox='0 0 21 21'%3E%3Ctitle%3EMS-SymbolLockup%3C/title%3E%3Crect x='1' y='1' width='9' height='9' fill='%23f25022'/%3E%3Crect x='1' y='11' width='9' height='9' fill='%2300a4ef'/%3E%3Crect x='11' y='1' width='9' height='9' fill='%237fba00'/%3E%3Crect x='11' y='11' width='9' height='9' fill='%23ffb900'/%3E%3C/svg%3E"); }
.branding-fb { width: 23px; height: 23px; background-image: url("data:image/svg+xml,%3Csvg version='1.0' id='fbl' xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='340 340 1194.4 846.11' style='enable-background:new 0 0 1194.4 846.11;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%230866FF;%7D .st1%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cg id='Logo'%3E%3Cpath id='Initiator' class='st0' d='M847.2,423.05c0-138.07-111.93-250-250-250s-250,111.93-250,250 c0,117.24,80.72,215.62,189.61,242.64V499.45h-51.55v-76.4h51.55v-32.92c0-85.09,38.51-124.53,122.05-124.53 c15.84,0,43.17,3.11,54.35,6.21v69.25c-5.9-0.62-16.15-0.93-28.88-0.93c-40.99,0-56.83,15.53-56.83,55.9v27.02h81.66l-14.03,76.4 h-67.63v171.77C751.27,656.27,847.2,550.87,847.2,423.05z'/%3E%3Cpath id='F' class='st1' d='M695.12,499.45l14.03-76.4h-81.66v-27.02c0-40.37,15.84-55.9,56.83-55.9c12.73,0,22.98,0.31,28.88,0.93 v-69.25c-11.18-3.11-38.51-6.21-54.35-6.21c-83.54,0-122.05,39.44-122.05,124.53v32.92h-51.55v76.4h51.55v166.24 c19.34,4.8,39.57,7.36,60.39,7.36c10.25,0,20.36-0.63,30.29-1.83V499.45H695.12z'/%3E%3C/g%3E%3C/svg%3E%0A"); }

@keyframes bk {
    0% { background-color: #fff }
    100% { background-color: #ddd }
}