.branding-login { width: 80px; border-radius: 5px; border: solid 1px #ccc; box-sizing: border-box; display: inline-block; margin-right: 6px; background-color: #fff; transition-duration: 0.5s; cursor: pointer }
    .branding-login:hover { background-color: #ddd; }
    .branding-login:active:hover { margin-top: 1px; margin-bottom: -1px }

.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-goog { width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='10 10 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_710_6223)'%3E%3Cpath d='M29.6 20.2273C29.6 19.5182 29.5364 18.8364 29.4182 18.1818H20V22.05H25.3818C25.15 23.3 24.4455 24.3591 23.3864 25.0682V27.5773H26.6182C28.5091 25.8364 29.6 23.2727 29.6 20.2273Z' fill='%234285F4'/%3E%3Cpath d='M20 30C22.7 30 24.9636 29.1045 26.6181 27.5773L23.3863 25.0682C22.4909 25.6682 21.3454 26.0227 20 26.0227C17.3954 26.0227 15.1909 24.2636 14.4045 21.9H11.0636V24.4909C12.7091 27.7591 16.0909 30 20 30Z' fill='%2334A853'/%3E%3Cpath d='M14.4045 21.9C14.2045 21.3 14.0909 20.6591 14.0909 20C14.0909 19.3409 14.2045 18.7 14.4045 18.1V15.5091H11.0636C10.3864 16.8591 10 18.3864 10 20C10 21.6136 10.3864 23.1409 11.0636 24.4909L14.4045 21.9Z' fill='%23FBBC04'/%3E%3Cpath d='M20 13.9773C21.4681 13.9773 22.7863 14.4818 23.8227 15.4727L26.6909 12.6045C24.9591 10.9909 22.6954 10 20 10C16.0909 10 12.7091 12.2409 11.0636 15.5091L14.4045 18.1C15.1909 15.7364 17.3954 13.9773 20 13.9773Z' fill='%23E94235'/%3E%3C/g%3E%3C/svg%3E%0A"); }
.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"); }
.branding-apple { width: 23px; height: 23px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='30' width='30' viewBox='200 0 1300 1780.7955'%3E%3Cpath d='M979.042 925.187c-17.954 41.478-39.206 79.657-63.828 114.76-33.563 47.852-61.044 80.975-82.222 99.37-32.83 30.191-68.006 45.654-105.672 46.533-27.041 0-59.652-7.695-97.611-23.304-38.085-15.535-73.084-23.23-105.086-23.23-33.563 0-69.56 7.695-108.061 23.23-38.561 15.61-69.625 23.744-93.376 24.55-36.12 1.539-72.123-14.364-108.06-47.78-22.938-20.006-51.627-54.302-85.997-102.887-36.875-51.884-67.191-112.048-90.942-180.64C12.751 781.703 0 709.96 0 640.504c0-79.562 17.192-148.183 51.627-205.687 27.063-46.189 63.066-82.625 108.127-109.372 45.06-26.748 93.749-40.379 146.182-41.25 28.69 0 66.312 8.874 113.066 26.315 46.622 17.5 76.557 26.374 89.682 26.374 9.812 0 43.068-10.377 99.443-31.064 53.313-19.185 98.307-27.13 135.168-24 99.883 8.061 174.923 47.435 224.828 118.372-89.33 54.126-133.52 129.935-132.64 227.187.806 75.751 28.287 138.788 82.295 188.84 24.476 23.23 51.81 41.184 82.222 53.935-6.595 19.126-13.557 37.447-20.958 55.034zM749.964 23.751c0 59.373-21.692 114.81-64.928 166.122-52.176 61-115.286 96.248-183.724 90.686a184.836 184.836 0 01-1.378-22.498c0-56.998 24.813-117.998 68.878-167.873 21.999-25.253 49.978-46.25 83.907-63 33.856-16.5 65.88-25.625 95.999-27.188.88 7.937 1.246 15.875 1.246 23.75z'/%3E%3C/svg%3E"); }
.branding-li { width: 22px; height: 22px; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg width='22' height='22' viewBox='0 0 72 72' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M8,72 L64,72 C68.418278,72 72,68.418278 72,64 L72,8 C72,3.581722 68.418278,-8.11624501e-16 64,0 L8,0 C3.581722,8.11624501e-16 -5.41083001e-16,3.581722 0,8 L0,64 C5.41083001e-16,68.418278 3.581722,72 8,72 Z' fill='%23007EBB'/%3E%3Cpath d='M62,62 L51.315625,62 L51.315625,43.8021149 C51.315625,38.8127542 49.4197917,36.0245323 45.4707031,36.0245323 C41.1746094,36.0245323 38.9300781,38.9261103 38.9300781,43.8021149 L38.9300781,62 L28.6333333,62 L28.6333333,27.3333333 L38.9300781,27.3333333 L38.9300781,32.0029283 C38.9300781,32.0029283 42.0260417,26.2742151 49.3825521,26.2742151 C56.7356771,26.2742151 62,30.7644705 62,40.051212 L62,62 Z M16.349349,22.7940133 C12.8420573,22.7940133 10,19.9296567 10,16.3970067 C10,12.8643566 12.8420573,10 16.349349,10 C19.8566406,10 22.6970052,12.8643566 22.6970052,16.3970067 C22.6970052,19.9296567 19.8566406,22.7940133 16.349349,22.7940133 Z M11.0325521,62 L21.769401,62 L21.769401,27.3333333 L11.0325521,27.3333333 L11.0325521,62 Z' fill='%23FFF'/%3E%3C/g%3E%3C/svg%3E"); }


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