.flow-border-4{position:relative;width:1210px;border-radius:10px;overflow:hidden}.flow-border-4::before,.flow-border-4::after,.flow-border-4-inner::before,.flow-border-4-inner::after{content:"";position:absolute;background:linear-gradient(90deg, #ff0000, #ff8000, #ffff00, #80ff00, #00ff80, #00ffff, #0080ff, #0000ff, #8000ff, #ff00ff, #ff0080, #ff0000);background-size:200% 100%;animation:rainbow 3s linear infinite}.flow-border-4::before{top:0;left:0;width:100%;height:3px;animation-direction:normal}.flow-border-4::after{top:0;right:0;width:3px;height:100%;background:linear-gradient(180deg, #ff0000, #ff8000, #ffff00, #80ff00, #00ff80, #00ffff, #0080ff, #0000ff, #8000ff, #ff00ff, #ff0080, #ff0000);background-size:100% 200%;animation:rainbow-vertical 3s linear infinite}.flow-border-4-inner{position:static;top:5px;left:0px;right:5px;bottom:0px;border-radius:5px}.flow-border-4-inner::before{bottom:0;left:0;width:100%;height:3px;animation-direction:reverse}.flow-border-4-inner::after{top:0;left:0;width:3px;height:100%;background:linear-gradient(180deg, #ff0000, #ff8000, #ffff00, #80ff00, #00ff80, #00ffff, #0080ff, #0000ff, #8000ff, #ff00ff, #ff0080, #ff0000, #ff8000, #ffff00, #80ff00, #00ff80, #00ffff, #0080ff, #0000ff, #8000ff, #ff00ff, #ff0080);background-size:100% 200%;animation:rainbow-vertical 3s linear infinite reverse}@keyframes rainbow{0%{background-position:0% 50%}100%{background-position:100% 50%}}@keyframes rainbow-vertical{0%{background-position:50% 0%}100%{background-position:50% 100%}}.flow-border-4 .item:hover .a1{display:none}.flow-border-4 .item:hover .a2{display:block}.flow-border-4 .item:hover{background:red}.flow-border-4 .item .a2{display:none}.flow-border-4 .item:nth-child(1){flex-basis:150px}.flow-border-4 .item:nth-child(2){flex-basis:160px}.flow-border-4 .item:nth-child(3){flex-basis:120px}.flow-border-4 .item:nth-child(4){flex-basis:160px}.flow-border-4 .item:nth-child(5){flex-basis:155px}.flow-border-4 .item:nth-child(6){flex-basis:100px}.flow-border-4 .item:nth-child(7){flex-basis:180px}.flow-border-4 .item:nth-child(8){flex-basis:130px}.flow-border-4 .item:nth-child(9){flex-basis:200px}.flow-border-4 .item:nth-child(10){flex-basis:155px}/*# sourceMappingURL=flow-border-4.css.map */