.icon{position:relative;height:1.5rem;padding-right:1rem}.bg-prod{background-color:#fff;background-image:repeating-radial-gradient(circle at 0 0,transparent 0,#ffffff 10px),repeating-linear-gradient(#fba2a255,#fba2a2)}.bg-dev{background-color:#e5e5f7;background-size:10px 10px;background-image:repeating-linear-gradient(45deg,#caccfc 0,#caccfc 1px,#e5e5f7 0,#e5e5f7 50%)}.bg-qa{--size: 17px;--c1: #ffe545;--c2: #c2a34f;--c: var(--c1) calc(100% - 2px), #0000;--r: calc(2.414 * var(--size));--p: calc(1.414 * var(--size));--g: radial-gradient(var(--size), var(--c));background:radial-gradient(var(--r) at 0 0,var(--c)),radial-gradient(var(--r) at 0 100%,var(--c)),radial-gradient(var(--r) at 100% 0,var(--c)),radial-gradient(var(--r) at 100% 100%,var(--c)),var(--g),var(--g),var(--g),var(--g) var(--c2);background-position:var(--r) var(--r),0 var(--p),var(--p) 0,calc(-1 * var(--size)) calc(-1 * var(--size));background-size:calc(2 * var(--r)) calc(2 * var(--r))}.bg-local{--size: 144px;--c1: #f6edb3;--c2: #acc4a3;--c3: #55897c;--_l: #0000 calc(25% / 3), var(--c1) 0 25%, #0000 0;--_g: conic-gradient(from 120deg at 50% 87.5%, var(--c1) 120deg, #0000 0);background:var(--_g),var(--_g) 0 calc(var(--size) / 2),conic-gradient(from 180deg at 75%,var(--c2) 60deg,#0000 0),conic-gradient(from 60deg at 75% 75%,var(--c1) 0 60deg,#0000 0),linear-gradient(150deg,var(--_l)) 0 calc(var(--size) / 2),conic-gradient(at 25% 25%,#0000 50%,var(--c2) 0 240deg,var(--c1) 0 300deg,var(--c2) 0),linear-gradient(-150deg,var(--_l)) var(--c3);background-size:calc(.866 * var(--size)) var(--size)}.visible{visibility:visible;opacity:1;transition:opacity 1s 1s linear}.hidden{visibility:hidden;opacity:0;height:0px;transition:1s}