.skin-float{display:flex;flex-direction:column;gap:5px}.skin-float__line{display:flex;height:5px;position:relative}.skin-float__line span{display:inline-block;height:100%}.skin-float__line--fn{background-color:var(--green-dark);width:7%}.skin-float__line--mw{background-color:var(--green);width:8%}.skin-float__line--ft{background-color:var(--yellow);width:23%}.skin-float__line--ww{background-color:var(--orange);width:7%}.skin-float__line--bs{background-color:var(--red);width:55%}.skin-float__line .icon{color:var(--gray-2);height:7px;left:0;min-height:0;min-width:0;position:absolute;top:0;transform:translateY(-100%) translate(-5px);width:10px}.skin-float__list{display:flex;gap:1px}.skin-float__list span{background:var(--dark-light,#011d2d);flex:1;font-size:.75rem;line-height:normal;padding:5px;text-align:center;text-transform:uppercase;transition:background var(--transition)}