*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#cfcfcf;overflow-x:hidden;background-color:#444;min-height:640px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}button{color:#cfcfcf;user-select:none;cursor:pointer;background-color:#212121;border:none;border-radius:4px;padding:4px 12px;font-size:16px}button:hover{background-color:#323232}button.active{outline:1px solid #ff9800a0}.app{display:flex;flex-direction:column;place-items: center;gap:8px}.controls{display:flex;align-items:baseline;gap:4px}.image-container{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.size-icon{width:24px;height:24px}.size-small{width:48px;height:48px}.size-medium{width:64px;height:64px}.size-large{width:104px;height:104px}.size-portrait{width:104px;height:130px}.atlas-image{grid-column:1;grid-row:1;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;padding:var(--atlas-image-padding,0px);place-content: center}.atlas-image picture{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;border-radius:var(--atlas-image-border-radius,0px);overflow:hidden;place-content: center;width:100%;height:100%}.atlas-image img{position:relative;top:var(--atlas-image-y-offset,0px);left:var(--atlas-image-x-offset,0px);width:var(--atlas-image-width,100%)}.awakening-circle{--awakening-circle-fade-gap:.5deg;--awakening-circle-s0:18deg;--awakening-circle-s1:41deg;--awakening-circle-s2:64.5deg;--awakening-circle-s3:90deg;--awakening-circle-s4:115.5deg;--awakening-circle-s5:139deg;--awakening-circle-s6:162deg;--awakening-circle-s7:180deg;grid-column:1;grid-row:1;display:grid;border-radius:var(--awakening-circle-radius,0px);border-width:var(--awakening-circle-width,0px);mask-image:repeating-conic-gradient(from 0deg,transparent 0deg calc(var(--awakening-circle-sector-gap) - var(--awakening-circle-fade-gap)),#000 calc(var(--awakening-circle-sector-gap) + var(--awakening-circle-fade-gap))calc(var(--awakening-circle-s0) - var(--awakening-circle-sector-gap) - var(--awakening-circle-fade-gap) - 3deg),transparent calc(var(--awakening-circle-s0) - var(--awakening-circle-sector-gap) + var(--awakening-circle-fade-gap) - 3deg)calc(var(--awakening-circle-s0) + var(--awakening-circle-sector-gap) - var(--awakening-circle-fade-gap)),#000 calc(var(--awakening-circle-s0) + var(--awakening-circle-sector-gap) + var(--awakening-circle-fade-gap))calc(var(--awakening-circle-s1) - var(--awakening-circle-sector-gap) - var(--awakening-circle-fade-gap)),transparent calc(var(--awakening-circle-s1) - var(--awakening-circle-sector-gap) + var(--awakening-circle-fade-gap))calc(var(--awakening-circle-s1) + var(--awakening-circle-sector-gap) - var(--awakening-circle-fade-gap)),#000 calc(var(--awakening-circle-s1) + var(--awakening-circle-sector-gap) + var(--awakening-circle-fade-gap))calc(var(--awakening-circle-s2) - var(--awakening-circle-sector-gap) - var(--awakening-circle-fade-gap)),transparent calc(var(--awakening-circle-s2) - var(--awakening-circle-sector-gap) + var(--awakening-circle-fade-gap))calc(var(--awakening-circle-s2) + var(--awakening-circle-sector-gap) - var(--awakening-circle-fade-gap)),#000 calc(var(--awakening-circle-s2) + var(--awakening-circle-sector-gap) + var(--awakening-circle-fade-gap))calc(var(--awakening-circle-s3) - var(--awakening-circle-sector-gap) - var(--awakening-circle-fade-gap)),transparent calc(var(--awakening-circle-s3) - var(--awakening-circle-sector-gap) + var(--awakening-circle-fade-gap))calc(var(--awakening-circle-s3) + var(--awakening-circle-sector-gap) - var(--awakening-circle-fade-gap)),#000 calc(var(--awakening-circle-s3) + var(--awakening-circle-sector-gap) + var(--awakening-circle-fade-gap))calc(var(--awakening-circle-s4) - var(--awakening-circle-sector-gap) - var(--awakening-circle-fade-gap)),transparent calc(var(--awakening-circle-s4) - var(--awakening-circle-sector-gap) + var(--awakening-circle-fade-gap))calc(var(--awakening-circle-s4) + var(--awakening-circle-sector-gap) - var(--awakening-circle-fade-gap)),#000 calc(var(--awakening-circle-s4) + var(--awakening-circle-sector-gap) + var(--awakening-circle-fade-gap))calc(var(--awakening-circle-s5) - var(--awakening-circle-sector-gap) - var(--awakening-circle-fade-gap)),transparent calc(var(--awakening-circle-s5) - var(--awakening-circle-sector-gap) + var(--awakening-circle-fade-gap))calc(var(--awakening-circle-s5) + var(--awakening-circle-sector-gap) - var(--awakening-circle-fade-gap)),#000 calc(var(--awakening-circle-s5) + var(--awakening-circle-sector-gap) + var(--awakening-circle-fade-gap))calc(var(--awakening-circle-s6) - var(--awakening-circle-sector-gap) - var(--awakening-circle-fade-gap)),transparent calc(var(--awakening-circle-s6) - var(--awakening-circle-sector-gap) + var(--awakening-circle-fade-gap))calc(var(--awakening-circle-s6) + var(--awakening-circle-sector-gap) - var(--awakening-circle-fade-gap)),#000 calc(var(--awakening-circle-s6) + var(--awakening-circle-sector-gap) + var(--awakening-circle-fade-gap))calc(var(--awakening-circle-s7) - var(--awakening-circle-sector-gap) - var(--awakening-circle-fade-gap)),transparent calc(var(--awakening-circle-s7) - var(--awakening-circle-sector-gap) + var(--awakening-circle-fade-gap))180deg),linear-gradient(#000,#000);mask-clip:border-box,padding-box;mask-composite:subtract;border-style:solid;border-color:#0000;place-items: center;width:100%;height:100%}.awakening-color-1{--color-p1:#11c4ff;--color-p2:#ff9800;--color-p3:#a82eff;--color-p4:#df0134;--color-p4:#ff0040}.awakening-circle-solid{--awakening-circle-angle-l:calc(360deg - var(--awakening-circle-s6));grid-column:1;grid-row:1;width:calc(100% + 2*var(--awakening-circle-width,0px));height:calc(100% + 2*var(--awakening-circle-width,0px));background-image:conic-gradient(var(--awakening-circle-color-solid-r,transparent)0deg var(--awakening-circle-angle-r),transparent var(--awakening-circle-angle-r)var(--awakening-circle-angle-l),var(--awakening-circle-color-solid-l,transparent)var(--awakening-circle-angle-l)360deg)}.awakening-circle-mask{mask-image:conic-gradient(rgba(0,0,0,var(--awakening-circle-alpha-0,0))0deg var(--awakening-circle-s0),rgba(0,0,0,var(--awakening-circle-alpha-1,0))var(--awakening-circle-s0)var(--awakening-circle-s1),rgba(0,0,0,var(--awakening-circle-alpha-2,0))var(--awakening-circle-s1)var(--awakening-circle-s2),rgba(0,0,0,var(--awakening-circle-alpha-3,0))var(--awakening-circle-s2)var(--awakening-circle-s3),rgba(0,0,0,var(--awakening-circle-alpha-4,0))var(--awakening-circle-s3)var(--awakening-circle-s4),rgba(0,0,0,var(--awakening-circle-alpha-5,0))var(--awakening-circle-s4)var(--awakening-circle-s5),rgba(0,0,0,var(--awakening-circle-alpha-6,0))var(--awakening-circle-s5)var(--awakening-circle-s6),rgba(0,0,0,var(--awakening-circle-alpha-7,0))var(--awakening-circle-s6)var(--awakening-circle-s7),rgba(0,0,0,var(--awakening-circle-alpha-8,0))var(--awakening-circle-s7)180deg,transparent 180deg 360deg)}.awakening-circle-gradient-left,.awakening-circle-gradient-right{grid-column:1;grid-row:1}.awakening-circle-l1{--awakening-circle-color-solid-l:var(--color-p1);--awakening-circle-color-gradient-l:var(--color-p3)}.awakening-circle-l1 .awakening-circle-gradient-left{width:calc(100% + 2*var(--awakening-circle-width,0px));height:calc(100% + 2*var(--awakening-circle-width,0px))}.awakening-circle-r1{--awakening-circle-color-solid-r:var(--color-p2);--awakening-circle-color-gradient-r:var(--color-p4)}.awakening-circle-r1 .awakening-circle-gradient-right{width:calc(100% + 2*var(--awakening-circle-width,0px));height:calc(100% + 2*var(--awakening-circle-width,0px));border-radius:var(--awakening-circle-radius,0px);background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAANHSURBVHgB7Vq9axRBHH17HudhLrJRi9NE2IBiIWgCFum8lNokVdqQRrBK/AMkm7/ANKLYRCtLk0bLXDqxiREigsotGk0EP4Kecjmi63uze3LkS212NrAPfuzHTMJ78/vNzLFvHOyBEBWXl3FGheHFkQTWGU8Zs4w5B9Vgt47OTi9J3ONlBoXNCk6vAWX+vyN1oLOBRPCtCNQZr8rAqqv7u3w7tZOQbQJIfpzEfZxdcXFuBTixCRxmwyHGQSSDDcYPxhfGR8aip1BWJGK6vauzhfwkSg0fl5m9kxztXr7Mo8qGe7yrOlcRIAGEN9GHHMPBEMUM4x1fBszIwz5lw6eIqe1/xJEPSwNhOFIMQx9heBu18JapfasgB89wuY6ImziiMtFqNxmIa34RI49dnOHI93ACFTDojJnJZB3hDbgoYh4fmJXnzMTshXU08/2aE7m4j4/+wIVH8t0skxSRF5xr5NLAIMrkptLW/NQiozYz+qVGjaMPnOebAnqTqvX/hSnpX8zEkzxwfwDMQpcyMIzjHOxjEPm5tJIXyK2KA4xuroxa3oEJCRjCKT508S6HB0g7tCJ2ItqbgIsS0Gc2qAI0pZeQflTNnnS0rntPAlzOAaCD/K+Y7TvVMCWuDbVkfhV4OexzZAJsIxNgG5kA28gE2EYmwDYyAbaRCbCNTIBtZAJsIxNgG5kA28gE2IYEBMaP2ojMBKQc4R1+Cv2OyEOjGRgJ+FSKPCnYd2T+ip8U0ERkBNLJlIAFrNEv+Ap93B1F2pHj13SZfy/LepqTgGnz8D4vdZU0+GK7wZR4g36GnEsNOs2mHH0m+U1VPOsBXkNZmAln4CJlMJwcujNyLGW70jtu98jGsNyzjresqzWqbGI+TSIMl6Yh76FW/OMZq80IMA54Mz+FR/Rhl9lhhRNlA4tpWJVMSZMLVsnpBbmJY5trv9Xo9mkcTOISfY5e41jKnZ9lL8VSUgZIPHAVs6hs8lrj05uYfL0o8n6r705HDWQiTxrbtT+IzD/5Z7KgOpAMWkcNtDJqcdH8VImzSvY8atBCbHwrG6PGTJMjKEsnycMen0vRQQ8d+NAiw3n6T4c92hELGYKsWJmBSGxiB3EsMKbNSrkLfgN7lxfanSWT/QAAAABJRU5ErkJggg==)}.alpha-variant1 .awakening-circle-s0{--awakening-circle-angle-r:var(--awakening-circle-s0);--awakening-circle-alpha-0:.7}.alpha-variant1 .awakening-circle-s1{--awakening-circle-angle-r:var(--awakening-circle-s1);--awakening-circle-alpha-0:.1;--awakening-circle-alpha-1:.75}.alpha-variant1 .awakening-circle-s2{--awakening-circle-angle-r:var(--awakening-circle-s2);--awakening-circle-alpha-0:.1;--awakening-circle-alpha-1:.7;--awakening-circle-alpha-2:.8}.alpha-variant1 .awakening-circle-s3{--awakening-circle-angle-r:var(--awakening-circle-s3);--awakening-circle-alpha-0:.1;--awakening-circle-alpha-1:.65;--awakening-circle-alpha-2:.75;--awakening-circle-alpha-3:.85}.alpha-variant1 .awakening-circle-s4{--awakening-circle-angle-r:var(--awakening-circle-s4);--awakening-circle-alpha-0:.1;--awakening-circle-alpha-1:.6;--awakening-circle-alpha-2:.7;--awakening-circle-alpha-3:.8;--awakening-circle-alpha-4:.9}.alpha-variant1 .awakening-circle-s5{--awakening-circle-angle-r:var(--awakening-circle-s5);--awakening-circle-alpha-0:.1;--awakening-circle-alpha-1:.55;--awakening-circle-alpha-2:.65;--awakening-circle-alpha-3:.75;--awakening-circle-alpha-4:.85;--awakening-circle-alpha-5:.95}.alpha-variant1 .awakening-circle-s6{--awakening-circle-angle-r:var(--awakening-circle-s6);--awakening-circle-alpha-0:.1;--awakening-circle-alpha-1:.5;--awakening-circle-alpha-2:.6;--awakening-circle-alpha-3:.7;--awakening-circle-alpha-4:.8;--awakening-circle-alpha-5:.9;--awakening-circle-alpha-6:1}.alpha-variant2 .awakening-circle-s0{--awakening-circle-angle-r:var(--awakening-circle-s0);--awakening-circle-alpha-0:.7}.alpha-variant2 .awakening-circle-s1{--awakening-circle-angle-r:var(--awakening-circle-s1);--awakening-circle-alpha-1:.55}.alpha-variant2 .awakening-circle-s2{--awakening-circle-angle-r:var(--awakening-circle-s2);--awakening-circle-alpha-1:.55;--awakening-circle-alpha-2:.55}.alpha-variant2 .awakening-circle-s3{--awakening-circle-angle-r:var(--awakening-circle-s3);--awakening-circle-alpha-1:.45;--awakening-circle-alpha-2:.45;--awakening-circle-alpha-3:.8}.alpha-variant2 .awakening-circle-s4{--awakening-circle-angle-r:var(--awakening-circle-s4);--awakening-circle-alpha-1:.45;--awakening-circle-alpha-2:.45;--awakening-circle-alpha-3:.8;--awakening-circle-alpha-4:.8}.alpha-variant2 .awakening-circle-s5{--awakening-circle-angle-r:var(--awakening-circle-s5);--awakening-circle-alpha-1:.35;--awakening-circle-alpha-2:.35;--awakening-circle-alpha-3:.62;--awakening-circle-alpha-4:.65;--awakening-circle-alpha-5:1}.alpha-variant2 .awakening-circle-s6{--awakening-circle-angle-r:var(--awakening-circle-s6);--awakening-circle-alpha-1:.35;--awakening-circle-alpha-2:.35;--awakening-circle-alpha-3:.62;--awakening-circle-alpha-4:.65;--awakening-circle-alpha-5:1;--awakening-circle-alpha-6:1}.alpha-variant2 .awakening-circle-s0a{--awakening-circle-angle-r:var(--awakening-circle-s0);--awakening-circle-alpha-0:.8}.alpha-variant2 .awakening-circle-s1a{--awakening-circle-angle-r:var(--awakening-circle-s1);--awakening-circle-alpha-1:.8}.alpha-variant2 .awakening-circle-s2a{--awakening-circle-angle-r:var(--awakening-circle-s2);--awakening-circle-alpha-1:.8;--awakening-circle-alpha-2:.8}.alpha-variant2 .awakening-circle-s3a{--awakening-circle-angle-r:var(--awakening-circle-s3);--awakening-circle-alpha-1:.7;--awakening-circle-alpha-2:.7;--awakening-circle-alpha-3:.9}.alpha-variant2 .awakening-circle-s4a{--awakening-circle-angle-r:var(--awakening-circle-s4);--awakening-circle-alpha-1:.7;--awakening-circle-alpha-2:.7;--awakening-circle-alpha-3:.9;--awakening-circle-alpha-4:.9}.alpha-variant2 .awakening-circle-s5a{--awakening-circle-angle-r:var(--awakening-circle-s5);--awakening-circle-alpha-1:.6;--awakening-circle-alpha-2:.6;--awakening-circle-alpha-3:.62;--awakening-circle-alpha-4:.65;--awakening-circle-alpha-5:1}.alpha-variant2 .awakening-circle-s6a{--awakening-circle-angle-r:var(--awakening-circle-s6);--awakening-circle-alpha-1:.6;--awakening-circle-alpha-2:.6;--awakening-circle-alpha-3:.75;--awakening-circle-alpha-4:.75;--awakening-circle-alpha-5:1;--awakening-circle-alpha-6:1}.alpha-variant3 .awakening-circle-s0{--awakening-circle-angle-r:var(--awakening-circle-s0);--awakening-circle-alpha-0:.7}.alpha-variant3 .awakening-circle-s1{--awakening-circle-angle-r:var(--awakening-circle-s1);--awakening-circle-alpha-1:1;--awakening-circle-alpha-2:1}.alpha-variant3 .awakening-circle-s2{--awakening-circle-angle-r:var(--awakening-circle-s2);--awakening-circle-alpha-1:1;--awakening-circle-alpha-2:1}.alpha-variant3 .awakening-circle-s3{--awakening-circle-angle-r:var(--awakening-circle-s3);--awakening-circle-alpha-1:1;--awakening-circle-alpha-2:1;--awakening-circle-alpha-3:1}.alpha-variant3 .awakening-circle-s4{--awakening-circle-angle-r:var(--awakening-circle-s4);--awakening-circle-alpha-1:1;--awakening-circle-alpha-2:1;--awakening-circle-alpha-3:1;--awakening-circle-alpha-4:1}.alpha-variant3 .awakening-circle-s5{--awakening-circle-angle-r:var(--awakening-circle-s5);--awakening-circle-alpha-1:1;--awakening-circle-alpha-2:1;--awakening-circle-alpha-3:1;--awakening-circle-alpha-4:1;--awakening-circle-alpha-5:1}.alpha-variant3 .awakening-circle-s6{--awakening-circle-angle-r:var(--awakening-circle-s6);--awakening-circle-alpha-1:1;--awakening-circle-alpha-2:1;--awakening-circle-alpha-3:1;--awakening-circle-alpha-4:1;--awakening-circle-alpha-5:1;--awakening-circle-alpha-6:1}.test-card{display:grid;grid-template-columns:1fr;grid-template-rows:1fr}.border-container{grid-column:1;grid-row:1;padding:var(--padding,0px);width:100%;height:100%}