.gradient-icon[data-v-796343ba],.gradient-icon[data-v-796343ba]:after,.gradient-icon[data-v-796343ba]:before{background:linear-gradient(0deg,red,#00f);-webkit-background-clip:text;color:transparent;display:initial}.test_div[data-v-796343ba]{transition:all .75s ease;background:linear-gradient(0deg,red,#00f) bottom;background-repeat:no-repeat}.with_background[data-v-796343ba]{background-size:100% 100%}.without_background[data-v-796343ba]{background-size:100% 0}.topbar[data-v-796343ba]{height:150px;background:linear-gradient(-63deg,#1c1954 50%,transparent 0) calc(50% - 100px) 10px/200px 100%,linear-gradient(180deg,red,#00f) top/100% 50%;background-repeat:no-repeat;background-size:100% 100%}