.b-icon.bi{width:60px;background:#fafafa}.icon-div{padding:0 20px;background:#fafafa}.background-div{height:160px;background:#fafafa;width:100%}.dots{height:128px}.dots:after{content:". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .";font-size:1.5rem;overflow:hidden;white-space:nowrap}.icon-loader{height:160px}.arrow{margin-top:1rem;height:2px;width:80%;background:#000}.arrow:after{content:"→";color:#000;font-size:2rem;left:99%;position:relative;transform:translateY(-9%)}.icon-description{text-align:center}.loading{z-index:3;-webkit-animation:fadein 6s ease forwards;animation:fadein 6s ease forwards;pointer-events:none}.loading-bg{width:30%;background:#fff}.loading-bg,.loading-progress{left:35%;height:5px;border-radius:10px}.loading-progress{background:#079b1d;-webkit-animation:progress 5s ease-in-out forwards;animation:progress 5s ease-in-out forwards}.metrics-container{width:70%}@-webkit-keyframes fadein{0%{opacity:1}25%{opacity:1}50%{opacity:1}90%{opacity:1}to{opacity:0}}@keyframes fadein{0%{opacity:1}25%{opacity:1}50%{opacity:1}90%{opacity:1}to{opacity:0}}@-webkit-keyframes progress{0%{width:10%}25%{width:15%}50%{width:20%}75%{width:25%}to{width:30%}}@keyframes progress{0%{width:10%}25%{width:15%}50%{width:20%}75%{width:25%}to{width:30%}}