decentraland-ui/dist/components/Loader/Loader.css

Decentraland's UI components and styles

.ui.loader:before {
  border-color: var(--secondary) !important;
}

.ui.loader:after {
  border-color: var(--primary) transparent transparent !important;
}

.ui.loader.injected,
.ui.loader.formatic,
.ui.loader.wallet_connect {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 75%;
}

.ui.loader.injected {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='64' height='64' viewBox='0 0 1025 1025' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url%28%23clip0_542_3186%29'%3E%3Cpath d='M862.005 871.546L689.114 820.065L558.73 898.006L467.763 897.968L337.303 820.065L164.488 871.546L111.92 694.087L164.488 497.133L111.92 330.613L164.488 124.233L434.526 285.567H591.967L862.005 124.233L914.573 330.613L862.005 497.133L914.573 694.087L862.005 871.546Z' fill='%23FF5C16'/%3E%3Cpath d='M164.527 124.233L434.566 285.68L423.826 396.479L164.527 124.233Z' fill='%23FF5C16'/%3E%3Cpath d='M337.34 694.163L456.155 784.672L337.34 820.065V694.163Z' fill='%23FF5C16'/%3E%3Cpath d='M446.659 544.525L423.823 396.554L277.65 497.169L277.574 497.132V497.207L278.026 600.776L337.302 544.525H337.34H446.659Z' fill='%23FF5C16'/%3E%3Cpath d='M862.005 124.233L591.967 285.68L602.669 396.479L862.005 124.233Z' fill='%23FF5C16'/%3E%3Cpath d='M689.19 694.163L570.375 784.672L689.19 820.065V694.163Z' fill='%23FF5C16'/%3E%3Cpath d='M748.922 497.207H748.96H748.922V497.132L748.884 497.169L602.711 396.554L579.875 544.525H689.194L748.508 600.776L748.922 497.207Z' fill='%23FF5C16'/%3E%3Cpath d='M337.303 820.062L164.488 871.544L111.92 694.16H337.303V820.062Z' fill='%23E34807'/%3E%3Cpath d='M446.623 544.487L479.634 758.4L433.886 639.463L277.953 600.776L337.267 544.487H446.586H446.623Z' fill='%23E34807'/%3E%3Cpath d='M689.188 820.062L862.003 871.544L914.571 694.16H689.188V820.062Z' fill='%23E34807'/%3E%3Cpath d='M579.87 544.487L546.859 758.4L592.607 639.463L748.54 600.776L689.189 544.487H579.87Z' fill='%23E34807'/%3E%3Cpath d='M111.92 694.085L164.488 497.131H277.538L277.952 600.737L433.886 639.424L479.633 758.361L456.119 784.556L337.304 694.047H111.92V694.085Z' fill='%23FF8D5D'/%3E%3Cpath d='M914.573 694.085L862.004 497.131H748.955L748.54 600.737L592.607 639.424L546.859 758.361L570.374 784.556L689.189 694.047H914.573V694.085Z' fill='%23FF8D5D'/%3E%3Cpath d='M591.969 285.567H513.249H434.528L423.826 396.366L479.635 758.25H546.862L602.709 396.366L591.969 285.567Z' fill='%23FF8D5D'/%3E%3Cpath d='M164.488 124.233L111.92 330.613L164.488 497.133H277.538L423.787 396.479L164.488 124.233Z' fill='%23661800'/%3E%3Cpath d='M413.951 587.451H362.739L334.854 614.781L433.923 639.349L413.951 587.413V587.451Z' fill='%23661800'/%3E%3Cpath d='M862.006 124.233L914.574 330.613L862.006 497.133H748.956L602.707 396.479L862.006 124.233Z' fill='%23661800'/%3E%3Cpath d='M612.617 587.451H663.904L691.79 614.819L592.607 639.424L612.617 587.413V587.451Z' fill='%23661800'/%3E%3Cpath d='M558.692 827.41L570.373 784.635L546.859 758.44H479.594L456.08 784.635L467.762 827.41' fill='%23661800'/%3E%3Cpath d='M558.689 827.407V898.043H467.76V827.407H558.689Z' fill='%23C0C4CD'/%3E%3Cpath d='M337.34 819.99L467.837 898.007V827.372L456.155 784.597L337.34 819.99Z' fill='%23E7EBF6'/%3E%3Cpath d='M689.19 819.99L558.693 898.007V827.372L570.375 784.597L689.19 819.99Z' fill='%23E7EBF6'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_542_3186'%3E%3Crect width='1024' height='1024' fill='white' transform='translate%280.986328 0.5%29'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.ui.loader.formatic {
  background-image: url('../../assets/f0de0fc393f12f9f.png');
}

.ui.loader.wallet_connect {
  background-image: url('../../assets/405a77eb97c6d08b.png');
}

.ui.loader.wallet_link {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='100%25' height='100%25' viewBox='0 0 1250 1250' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' xmlns:serif='http://www.serif.com/' style='fill-rule:evenodd%3Bclip-rule:evenodd%3Bstroke-linejoin:round%3Bstroke-miterlimit:2%3B'%3E%3Cpath d='M145.833%2C625.001c0%2C-264.46 214.708%2C-479.168 479.168%2C-479.168c264.458%2C0 479.166%2C214.708 479.166%2C479.168c-0%2C264.458 -214.708%2C479.166 -479.166%2C479.166c-264.46%2C-0 -479.168%2C-214.708 -479.168%2C-479.166Z' style='fill:url%28%23_Linear1%29%3B'/%3E%3Cpath d='M624.617%2C346.7c153.386%2C-0 277.916%2C124.53 277.916%2C277.917c0%2C153.386 -124.53%2C277.916 -277.916%2C277.916c-153.387%2C0 -277.917%2C-124.53 -277.917%2C-277.916c-0%2C-153.387 124.53%2C-277.917 277.917%2C-277.917Zm91.318%2C208.515c0%2C-12.096 -9.821%2C-21.916 -21.917%2C-21.916l-138.803%2C-0c-12.096%2C-0 -21.916%2C9.82 -21.916%2C21.916l-0%2C138.803c-0%2C12.096 9.82%2C21.917 21.916%2C21.917l138.803%2C0c12.096%2C0 21.917%2C-9.821 21.917%2C-21.917l0%2C-138.803Z' style='fill:%23fff%3B'/%3E%3Cdefs%3E%3ClinearGradient id='_Linear1' x1='0' y1='0' x2='1' y2='0' gradientUnits='userSpaceOnUse' gradientTransform='matrix%285.8681e-14%2C-958.333%2C958.333%2C5.8681e-14%2C625.001%2C1104.17%29'%3E%3Cstop offset='0' style='stop-color:%23124bdc%3Bstop-opacity:1'/%3E%3Cstop offset='1' style='stop-color:%232d65f8%3Bstop-opacity:1'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}