{"version":3,"file":"loader/index.css","mappings":";;;AAAA;EACC;EACA;EACA;EACA;EACA;AACD;;AAEA;EACC;EACA;EACA;EACA;AACD;AACC;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;AAAF;AAGC;EACC;EACA;EACA;AADF;;AAKA;EACC;IACC;EAFA;EAKD;IACC;EAHA;AACF;AAMA;EACC;IACC;EAJA;EAOD;IACC;EALA;AACF;AAQA;;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAND;;AASA;EACC;AAND;;AASA;EACC;IACC;EANA;EASD;IACC;EAPA;EAUD;IACC;EARA;EAWD;IACC;EATA;EAYD;IACC;EAVA;AACF;AAaA;EACC;EACA;EACA;EACA;AAXD;;AAcA;EACC;IACC,wIACC;IAED;EAbA;EAgBD;IACC,wIACC;IAED;EAhBA;EAmBD;IACC,wIACC;IAED;EAnBA;EAsBD;IACC,wIACC;IAED;EAtBA;AACF;AAyBA;EACC;EAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kIACC;EACD;AAxBD;;AA2BA;EACC;AAxBD;;AA2BA;EACC;IACC;EAxBA;AACF;AA2BA;EACC;EACA;EACA;EACA,iUACC;EAGD;EACA;AA5BD;;AA+BA;EAEC;IAEC;EA9BA;EAiCD;IAEC;EAhCA;EAmCD;IAEC;EAlCA;EAqCD;IAEC;EApCA;EAuCD;IAEC;EAtCA;AACF;AAyCA;EACC;EACA;EACA;EACA;EACA;EACA;;wCAAA;EAGA;EACA;EACA;EACA;EACA;AAvCD;;AA0CA;EACC;IACC;EAvCA;AACF;AA0CA;EACC;EAAA;EACA;EACA;EACA;EACA;EACA;EACA,2HACC;EAED;EACA;EACA;EACA;EACA;EACA;AA1CD;;AA6CA;EACC;AA1CD;;AA6CA;EACC;EACA;EACA;EACA;EACA;EACA;EACA,kpBACC;EAID;EACA;AA9CD;;AAiDA;EAEC;IAEC;EAhDA;EAmDD;IAEC;EAlDA;EAqDD;IAEC;EApDA;AACF;AAuDA;EACC;IACC;IACA;EArDA;EAwDD;IACC;IACA;EAtDA;EAyDD;IACC;IACA;EAvDA;EA0DD;IACC;IACA;EAxDA;EA2DD;IACC;IACA;EAzDA;AACF;AA4DA;EACC;EACA;EACA;EACA,gEACC;EAGD;EACA;AA7DD;;AAgEA;EACC;IACC;EA7DA;EAgED;IACC;EA9DA;EAiED;IACC;EA/DA;EAkED;IACC;EAhEA;EAmED;IACC;EAjEA;AACF;AAoEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA,iIACC;EACD;EACA;EACA;AAnED;;AAsEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA,2aACC;EAID;AAvED;;AA0EA;EACC;IACC;EAvEA;AACF;AA0EA;EACC;EACA;EACA;EACA;EACA;EACA;EACA,uHACC;AAzEF;;AA6EA;EACC;IACC;EA1EA;AACF;AA6EA;EACC;IACC;EA3EA;EA8ED;IACC;EA5EA;EA+ED;IACC;EA7EA;AACF;AAgFA;EACC;EACA;EACA;EACA,6KACC;EAED;EACA;EACA;AAhFD;;AAmFA;EACC;IACC;EAhFA;AACF;AAmFA;EACC;EACA;EACA;AAjFD;;AAoFA;;EAEC;EACA;EACA;EACA;EACA;EACA,oHACC;EAED;EACA;EACA;EACA;AAnFD;;AAsFA;EACC;AAnFD;;AAsFA;EAEC;IAEC;EArFA;AACF;AAwFA;EACC;EACA;EACA;EACA;AAtFD;;AAyFA;;EAEC;EACA;AAtFD;;AAyFA;EACC;EACA;EACA;EACA;AAtFD;;AAyFA;EACC;EACA;EACA;AAtFD;;AAyFA;EACC;IACC;EAtFA;AACF;AAyFA;EACC;IACC;EAvFA;AACF;AA0FA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,6GACC;AAzFF;;AA6FA;EACC;EACA;EACA;EACA;EACA;AA1FD;;AA6FA;EACC;IACC;EA1FA;EA6FD;IACC;EA3FA;EA8FD;IACC;EA5FA;AACF;AA+FA;EACC;IACC;EA7FA;EAgGD;IACC;EA9FA;AACF;AAiGA;EACC;IACC;IACA;EA/FA;EAkGD;IACC;EAhGA;EAmGD;IACC;EAjGA;EAoGD;IACC;IACA;EAlGA;AACF;AAqGA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAnGD;;AAsGA;;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;AAnGD;;AAsGA;EACC;AAnGD;;AAsGA;EACC;IACC;EAnGA;AACF;AAsGA;EACC;EACA;EACA;EACA;EACA,iXACC;EAID;EACA;EACA;AAxGD;;AA2GA;;EAEC;EACA;EACA;EACA;EACA;AAxGD;;AA2GA;EACC;AAxGD;;AA2GA;EACC;IACC;EAxGA;AACF;AA2GA;EACC;EACA;EACA;EACA;EACA;AAzGD;;AA4GA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA,yFACC;AA1GF;;AA8GA;EAEC;IAEC;EA7GA;EAgHD;IACC;EA9GA;EAiHD;IACC;EA/GA;EAkHD;IACC;EAhHA;EAmHD;IAEC;EAlHA;AACF;AAqHA;EAEC;IAEC;EArHA;EAwHD;IACC;EAtHA;AACF;AAyHA;EACI;EACA;EACA;EACA;EACA;EACA;AAvHJ;;AA0HA;EACI;IACI,6eACI;EAxHV;EAgIE;IACI,kkBACI;EA/HV;EAwIE;IACI,ghBACI;EAvIV;EAgJE;IACI,wkBACI;EA/IV;EAwJE;IACI,giBACI;EAvJV;EAgKE;IACI,ulBACI;EA/JV;EAwKE;IACI,yfACI;EAvKV;EA+KE;IACI,siBACI;EA9KV;EAsLE;IACI,yeACI;EArLV;AACF;AA8LA;EACC;EACA;EACA;EACA;EACA;EACA;EACA,8MACC;EAGD;EACA;EACA;AA/LD;;AAkMA;;EAEC;EACA;EACA;EACA;EACA;EACA,8GACC;EAED;AAjMD;;AAoMA;EACC;AAjMD;;AAoMA;EACC;IAAe;EAhMd;EAiMD;IAAe;EA9Ld;EA+LD;IAAU;EA5LT;AACF;AA8LA;EACC;AA5LD,C","sources":["webpack://templazee/./src/loader/editor.scss"],"sourcesContent":[".templazee.loader-display {\n\tdisplay: grid;\n\tjustify-content: center;\n\talign-items: center;\n\tmin-height: 200px;\n\tbackground: var(--loader-background-color, #393535);\n}\n\n.templazee .inwardSpiral {\n\tdisplay: flex;\n\twidth: calc(var(--loader-size, 90px) * 2);\n\taspect-ratio: 2;\n\tanimation: loaderInwardSpiralrev 1s linear infinite;\n\n\t&:before,\n\t&:after {\n\t\tcontent: \"\";\n\t\tflex: 1;\n\t\tbackground: var(--loader-color, #F6CFF4);\n\t\tanimation: loaderInwardSpiral 1s linear infinite;\n\t\ttransform-origin: right;\n\t\twidth: var(--loader-size, 40px);\n\t\theight: var(--loader-size, 40px);\n\t}\n\n\t&:after {\n\t\tscale: -1 1;\n\t\ttranslate: -70% 0;\n\t\tanimation-direction: reverse;\n\t}\n}\n\n@keyframes loaderInwardSpiralrev {\n\t0% {\n\t\ttranslate: 0 -35.35%;\n\t}\n\n\tto {\n\t\ttranslate: 0 35.35%;\n\t}\n}\n\n@keyframes loaderInwardSpiral {\n\t0% {\n\t\trotate: -45deg;\n\t}\n\n\tto {\n\t\trotate: 45deg;\n\t}\n}\n\n.templazee .rotatingElement:before,\n.templazee .rotatingElement:after {\n\tdisplay: flex;\n\tcontent: \"\";\n\tgrid-area: 1/1;\n\twidth: var(--loader-size, 40px);\n\theight: var(--loader-size, 40px);\n\tborder-radius: var(--loader-radius);\n\tbackground: var(--loader-color, #F6CFF4);\n\tanimation: rotatingElement 2s infinite;\n}\n\n.templazee .rotatingElement:after {\n\tanimation-delay: -1s;\n}\n\n@keyframes rotatingElement {\n\t0% {\n\t\ttransform: translate(0, 0)\n\t}\n\n\t25% {\n\t\ttransform: translate(100%, 0)\n\t}\n\n\t50% {\n\t\ttransform: translate(100%, 100%)\n\t}\n\n\t75% {\n\t\ttransform: translate(0, 100%)\n\t}\n\n\t100% {\n\t\ttransform: translate(0, 0)\n\t}\n}\n\n.templazee .dots {\n\twidth: calc(var(--loader-size, 40px) * 0.754);\n\taspect-ratio: 1;\n\tborder-radius: var(--loader-radius);\n\tanimation: loaderDot 1s infinite linear alternate;\n}\n\n@keyframes loaderDot {\n\t0% {\n\t\tbox-shadow:\n\t\t\tvar(--loader-size, 200px) 0 var(--loader-color, #F6CFF4),\n\t\t\tcalc(-1 * var(--loader-size, 200px)) 0 #0002;\n\t\tbackground: var(--loader-color, #F6CFF4);\n\t}\n\n\t33% {\n\t\tbox-shadow:\n\t\t\tvar(--loader-size, 200px) 0 var(--loader-color, #F6CFF4),\n\t\t\tcalc(-1 * var(--loader-size, 200px)) 0 #0002;\n\t\tbackground: #0002;\n\t}\n\n\t66% {\n\t\tbox-shadow:\n\t\t\tvar(--loader-size, 200px) 0 #0002,\n\t\t\tcalc(-1 * var(--loader-size, 200px)) 0 var(--loader-color, #F6CFF4);\n\t\tbackground: #0002;\n\t}\n\n\t100% {\n\t\tbox-shadow:\n\t\t\tvar(--loader-size, 200px) 0 #0002,\n\t\t\tcalc(-1 * var(--loader-size, 200px)) 0 var(--loader-color, #F6CFF4);\n\t\tbackground: var(--loader-color, #F6CFF4);\n\t}\n}\n\n.templazee .letter {\n\twidth: fit-content;\n\tfont-size: var(--loader-size, 40px);\n\tfont-family: system-ui, sans-serif;\n\tfont-weight: bold;\n\ttext-transform: uppercase;\n\tcolor: transparent;\n\t-webkit-text-stroke: 1px var(--loader-color, #F6CFF4);\n\tbackground:\n\t\tlinear-gradient(-60deg, transparent 45%, var(--loader-color, #F6CFF4) 0 55%, transparent 0) 0/300% 100% no-repeat text;\n\tanimation: letterLoader 2s linear infinite;\n}\n\n.templazee .letter:before {\n\tcontent: \"Loading\";\n}\n\n@keyframes letterLoader {\n\t0% {\n\t\tbackground-position: 100%\n\t}\n}\n\n.templazee .eyes {\n\theight: var(--loader-size, 40px);\n\taspect-ratio: 2;\n\tdisplay: grid;\n\tbackground:\n\t\tradial-gradient(farthest-side, var(--loader-background-color, #393535) 15%, #0000 18%)0 0/50% 100%,\n\t\tradial-gradient(50% 100% at 50% 160%, var(--loader-color, #ffffff) 95%, transparent) 0 0 /50% 50%,\n\t\tradial-gradient(50% 100% at 50% -60%, var(--loader-color, #ffffff) 95%, transparent) 0 100%/50% 50%;\n\tbackground-repeat: repeat-x;\n\tanimation: eyeAnimationLoader 1.5s infinite linear;\n}\n\n@keyframes eyeAnimationLoader {\n\n\t0%,\n\t15% {\n\t\tbackground-position: 0 0, 0 0, 0 100%\n\t}\n\n\t20%,\n\t40% {\n\t\tbackground-position: 5px 0, 0 0, 0 100%\n\t}\n\n\t45%,\n\t55% {\n\t\tbackground-position: 0 0, 0 0, 0 100%\n\t}\n\n\t60%,\n\t80% {\n\t\tbackground-position: -5px 0, 0 0, 0 100%\n\t}\n\n\t85%,\n\t100% {\n\t\tbackground-position: 0 0, 0 0, 0 100%\n\t}\n}\n\n.templazee .spinning {\n\twidth: var(--loader-size, 40px);\n\tpadding: var(--spinner-width, 8px);\n\taspect-ratio: 1;\n\tborder-radius: 50%;\n\tbackground: var(--loader-color, #F6CFF4);\n\t--_m:\n\t\tconic-gradient(#0000 10%, #000),\n\t\tlinear-gradient(#000 0 0) content-box;\n\t-webkit-mask: var(--_m);\n\tmask: var(--_m);\n\t-webkit-mask-composite: source-out;\n\tmask-composite: subtract;\n\tanimation: spinner-animation 1s infinite linear;\n}\n\n@keyframes spinner-animation {\n\tto {\n\t\ttransform: rotate(1turn);\n\t}\n}\n\n.templazee .arcade {\n\twidth: fit-content;\n\tfont-size: calc(var(--loader-size, 40px)*0.75);\n\tfont-family: monospace;\n\tline-height: 1.4;\n\tfont-weight: bold;\n\tcolor: var(--loader-color, #F6CFF4);\n\tbackground:\n\t\tlinear-gradient(var(--loader-color, #F6CFF4) 0 0) left,\n\t\tlinear-gradient(var(--loader-color, #F6CFF4) 0 0) right;\n\tbackground-repeat: no-repeat;\n\tborder-right: 5px solid #0000;\n\tborder-left: 5px solid #0000;\n\tbackground-origin: border-box;\n\tposition: relative;\n\tanimation: loader-arcade-animation-0 2s infinite;\n}\n\n.templazee .arcade::before {\n\tcontent: \"Loading\";\n}\n\n.templazee .arcade::after {\n\tcontent: \"\";\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 0;\n\twidth: calc(var(--loader-size, 40px) / 2);\n\theight: calc(var(--loader-size, 40px) * 1.5);\n\tbackground:\n\t\tlinear-gradient(90deg, var(--loader-color, #F6CFF4) 4px, #0000 0 calc(100% - 4px), var(--loader-color, #F6CFF4) 0) bottom / calc(var(--loader-size, 80px) / 2) calc(var(--loader-size, 80px) / 2),\n\t\tlinear-gradient(90deg, red 4px, #0000 0 calc(100% - 4px), red 0) bottom 10px left 0 / calc(var(--loader-size, 80px) / 2) calc(var(--loader-size, 80px) / 6),\n\t\tlinear-gradient(var(--loader-color, #F6CFF4) 0 0) bottom 3px left 0 / calc(var(--loader-size, 80px) / 2) calc(var(--loader-size, 80px) / 5),\n\t\tlinear-gradient(var(--loader-color, #F6CFF4) 0 0) bottom 0 left 50% / calc(var(--loader-size, 80px) / 5) calc(var(--loader-size, 80px) / 2);\n\tbackground-repeat: no-repeat;\n\tanimation: loader-arcade-animation-1 2s infinite;\n}\n\n@keyframes loader-arcade-animation-0 {\n\n\t0%,\n\t25% {\n\t\tbackground-size: 50% 100%;\n\t}\n\n\t25.1%,\n\t75% {\n\t\tbackground-size: 0 0, 50% 100%;\n\t}\n\n\t75.1%,\n\t100% {\n\t\tbackground-size: 0 0, 0 0;\n\t}\n}\n\n@keyframes loader-arcade-animation-1 {\n\t25% {\n\t\tbackground-position: bottom, bottom 54px left 0, bottom 3px left 0, bottom 0 left 50%;\n\t\tleft: 0;\n\t}\n\n\t25.1% {\n\t\tbackground-position: bottom, bottom 10px left 0, bottom 3px left 0, bottom 0 left 50%;\n\t\tleft: 0;\n\t}\n\n\t50% {\n\t\tbackground-position: bottom, bottom 10px left 0, bottom 3px left 0, bottom 0 left 50%;\n\t\tleft: calc(100% - 22px);\n\t}\n\n\t75% {\n\t\tbackground-position: bottom, bottom 54px left 0, bottom 3px left 0, bottom 0 left 50%;\n\t\tleft: calc(100% - 22px);\n\t}\n\n\t75.1% {\n\t\tbackground-position: bottom, bottom 10px left 0, bottom 3px left 0, bottom 0 left 50%;\n\t\tleft: calc(100% - 22px);\n\t}\n}\n\n.templazee .bar {\n\twidth: var(--loader-size, 45px);\n\taspect-ratio: 1;\n\t--c: no-repeat linear-gradient(var(--loader-color, #F6CFF4) 0 0);\n\tbackground:\n\t\tvar(--c) 0% 50%,\n\t\tvar(--c) 50% 50%,\n\t\tvar(--c) 100% 50%;\n\tbackground-size: 20% 100%;\n\tanimation: templazee-bar 1s infinite linear;\n}\n\n@keyframes templazee-bar {\n\t0% {\n\t\tbackground-size: 20% 100%, 20% 100%, 20% 100%\n\t}\n\n\t33% {\n\t\tbackground-size: 20% 10%, 20% 100%, 20% 100%\n\t}\n\n\t50% {\n\t\tbackground-size: 20% 100%, 20% 10%, 20% 100%\n\t}\n\n\t66% {\n\t\tbackground-size: 20% 100%, 20% 100%, 20% 10%\n\t}\n\n\t100% {\n\t\tbackground-size: 20% 100%, 20% 100%, 20% 100%\n\t}\n}\n\n.templazee .progress {\n\twidth: var(--loader-size, 50px);\n\theight: calc(var(--loader-size, 50px) * 0.5);\n\tcolor: var(--loader-color, #F6CFF4);\n\tborder: 2px solid currentColor;\n\tborder-right-color: transparent;\n\tpadding: calc(var(--loader-size, 3px) * 0.05);\n\tbackground:\n\t\trepeating-linear-gradient(90deg, currentColor 0 10px, #0000 0 15px) 0/0% no-repeat content-box content-box;\n\tposition: relative;\n\tbox-sizing: border-box;\n\tanimation: templazee-progress 2s infinite steps(6);\n}\n\n.progress::before {\n\tcontent: \"\";\n\tposition: absolute;\n\ttop: -2px;\n\tbottom: -2px;\n\tleft: 100%;\n\twidth: 10px;\n\tbackground:\n\t\tlinear-gradient(#0000 calc(50% - 7px), currentColor 0 calc(50% - 5px),\n\t\t\t#0000 0 calc(50% + 5px), currentColor 0 calc(50% + 7px), #0000 0) left /100% 100%,\n\t\tlinear-gradient(currentColor calc(50% - 5px), #0000 0 calc(50% + 5px), currentColor 0) left /2px 100%,\n\t\tlinear-gradient(#0000 calc(50% - 5px), currentColor 0 calc(50% + 5px), #0000 0) right/2px 100%;\n\tbackground-repeat: no-repeat;\n}\n\n@keyframes templazee-progress {\n\t100% {\n\t\tbackground-size: 120%\n\t}\n}\n\n.templazee .wobbling {\n\twidth: var(--loader-size, 50px);\n\taspect-ratio: 1;\n\tbackground: var(--loader-color, #F6CFF4);\n\tbox-shadow: 0 0 60px 15px var(--loader-color, #F6CFF4);\n\ttransform: translate(-80px);\n\tclip-path: inset(0);\n\tanimation:\n\t\ttemplazee-wobbling-alternate 0.5s ease-in-out infinite alternate,\n\t\ttemplazee-wobbling 1s ease-in-out infinite;\n}\n\n@keyframes templazee-wobbling-alternate {\n\t100% {\n\t\ttransform: translateX(calc(var(--loader-size, 50px) * 2))\n\t}\n}\n\n@keyframes templazee-wobbling {\n\t33% {\n\t\tclip-path: inset(0 0 0 -100px)\n\t}\n\n\t100% {\n\t\tclip-path: inset(0 0 0 0)\n\t}\n\n\t83% {\n\t\tclip-path: inset(0 -100px 0 0)\n\t}\n}\n\n.templazee .infinity {\n\twidth: calc(var(--loader-size, 50px)*4);\n\theight: var(--loader-size, 50px);\n\t--c: 50%, var(--loader-color, #F6CFF4) 90deg, #0000 0;\n\tbackground:\n\t\tconic-gradient(from 45deg at calc(100% - calc(var(--loader-size, 50px)*0.3)) var(--c)),\n\t\tconic-gradient(from -135deg at calc(var(--loader-size, 50px)*0.3) var(--c));\n\tbackground-position: calc(100%/3) 0;\n\tbackground-size: calc(100%/4) 100%;\n\tanimation: templazee-infinity 0.5s infinite linear;\n}\n\n@keyframes templazee-infinity {\n\t100% {\n\t\tbackground-position: 0 0\n\t}\n}\n\n.templazee .zigzag {\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n}\n\n.templazee .zigzag:before,\n.templazee .zigzag:after {\n\tcontent: \"\";\n\tdisplay: block;\n\theight: var(--loader-size, 50px);\n\taspect-ratio: 5;\n\t--c: var(--loader-color, #F6CFF4) 90deg, #0000 0;\n\tbackground:\n\t\tconic-gradient(from 135deg at top, var(--c)),\n\t\tconic-gradient(from -45deg at bottom, var(--c)) 12.5% 100%;\n\tbackground-size: 20% 50%;\n\tbackground-repeat: repeat-x;\n\tclip-path: inset(0 50%);\n\tanimation: templazee-zigzag 1s infinite steps(5) alternate;\n}\n\n.templazee .zigzag:after {\n\tanimation-delay: -1s;\n}\n\n@keyframes templazee-zigzag {\n\n\t90%,\n\tto {\n\t\tclip-path: inset(0);\n\t}\n}\n\n.templazee .mechanic {\n\tdisplay: inline-grid;\n\twidth: var(--loader-size, 50px);\n\taspect-ratio: 1;\n\tanimation: templazee-mechanic-rotate 6s linear infinite;\n}\n\n.templazee .mechanic:before,\n.templazee .mechanic:after {\n\tcontent: \"\";\n\tgrid-area: 1/1;\n}\n\n.templazee .mechanic:before {\n\tclip-path: polygon(100% 50%, 83.81% 59.06%, 93.3% 75%, 74.75% 74.75%, 75% 93.3%, 59.06% 83.81%, 50% 100%, 40.94% 83.81%, 25% 93.3%, 25.25% 74.75%, 6.7% 75%, 16.19% 59.06%, 0% 50%, 16.19% 40.94%, 6.7% 25%, 25.25% 25.25%, 25% 6.7%, 40.94% 16.19%, 50% 0%, 59.06% 16.19%, 75% 6.7%, 74.75% 25.25%, 93.3% 25%, 83.81% 40.94%);\n\tbackground: var(--loader-color, #F6CFF4);\n\ttransform: rotate(0turn) translate(-12.5%) rotate(0turn);\n\tanimation: templazee-mechanic-transform 2s linear infinite;\n}\n\n.templazee .mechanic:after {\n\tmargin: 12.5%;\n\tclip-path: polygon(100% 50%, 78.19% 60.26%, 88.3% 82.14%, 65% 75.98%, 58.68% 99.24%, 44.79% 79.54%, 25% 93.3%, 27.02% 69.28%, 3.02% 67.1%, 20% 50%, 3.02% 32.9%, 27.02% 30.72%, 25% 6.7%, 44.79% 20.46%, 58.68% 0.76%, 65% 24.02%, 88.3% 17.86%, 78.19% 39.74%);\n\tbackground: var(--loader-background-color, #393535);\n}\n\n@keyframes templazee-mechanic-rotate {\n\tto {\n\t\trotate: 1turn;\n\t}\n}\n\n@keyframes templazee-mechanic-transform {\n\tto {\n\t\ttransform: rotate(-1turn) translate(-12.5%) rotate(.75turn);\n\t}\n}\n\n.templazee .flipping {\n\twidth: var(--loader-size, 50px);\n\taspect-ratio: 1;\n\tdisplay: grid;\n\tgrid: 50%/50%;\n\tcolor: var(--loader-color, #F6CFF4);\n\t--_g: no-repeat linear-gradient(currentColor 0 0);\n\tbackground: var(--_g), var(--_g), var(--_g);\n\tbackground-size: 49% 49%;\n\tanimation:\n\t\ttemplazee-flipping-0 1.5s infinite steps(1) alternate,\n\t\ttemplazee-flipping-0-0 3s infinite steps(1);\n}\n\n.templazee .flipping::before {\n\tcontent: \"\";\n\tbackground: currentColor;\n\ttransform: perspective(150px) rotateY(0deg) rotateX(0deg);\n\ttransform-origin: bottom right;\n\tanimation: templazee-flipping-1 1.5s infinite linear alternate;\n}\n\n@keyframes templazee-flipping-0 {\n\t0% {\n\t\tbackground-position: 0 100%, 100% 100%, 100% 0\n\t}\n\n\t33% {\n\t\tbackground-position: 100% 100%, 100% 100%, 100% 0\n\t}\n\n\t66% {\n\t\tbackground-position: 100% 0, 100% 0, 100% 0\n\t}\n}\n\n@keyframes templazee-flipping-0-0 {\n\t0% {\n\t\ttransform: scaleX(1) rotate(0deg)\n\t}\n\n\t50% {\n\t\ttransform: scaleX(-1) rotate(-90deg)\n\t}\n}\n\n@keyframes templazee-flipping-1 {\n\t16.5% {\n\t\ttransform: perspective(150px) rotateX(-90deg) rotateY(0deg) rotateX(0deg);\n\t\tfilter: grayscale(0.8)\n\t}\n\n\t33% {\n\t\ttransform: perspective(150px) rotateX(-180deg) rotateY(0deg) rotateX(0deg)\n\t}\n\n\t66% {\n\t\ttransform: perspective(150px) rotateX(-180deg) rotateY(-180deg) rotateX(0deg)\n\t}\n\n\t100% {\n\t\ttransform: perspective(150px) rotateX(-180deg) rotateY(-180deg) rotateX(-180deg);\n\t\tfilter: grayscale(0.8)\n\t}\n}\n\n.templazee .pulsing {\n\twidth: var(--loader-size, 50px);\n\taspect-ratio: 1;\n\tborder-radius: 50%;\n\tbackground: var(--loader-color, #F6CFF4);\n\tbox-shadow: 0 0 0 0 rgba(var(--loader-rgb, 246, 207, 244), 0.25);\n\tanimation: templazee-pulsing 1.5s infinite linear;\n\tposition: relative;\n}\n\n.templazee .pulsing:before,\n.templazee .pulsing:after {\n\tcontent: \"\";\n\tposition: absolute;\n\tinset: 0;\n\tborder-radius: inherit;\n\tbox-shadow: 0 0 0 0 rgba(var(--loader-rgb, 246, 207, 244), 0.15);\n\tanimation: inherit;\n\tanimation-delay: -0.5s;\n}\n\n.templazee .pulsing:after {\n\tanimation-delay: -1s;\n}\n\n@keyframes templazee-pulsing {\n\t100% {\n\t\tbox-shadow: 0 0 0 40px rgba(var(--loader-rgb, 246, 207, 244), 0);\n\t}\n}\n\n.templazee .hypnotic {\n\twidth: var(--loader-size, 50px);\n\theight: calc(var(--loader-size, 50px) * 2);\n\tdisplay: grid;\n\tcolor: var(--loader-color, #F6CFF4);\n\tbackground:\n\t\tlinear-gradient(currentColor 0 0) top/100% 2px,\n\t\tradial-gradient(farthest-side at top, #0000 calc(100% - 2px), currentColor calc(100% - 1px), #0000) top,\n\t\tlinear-gradient(currentColor 0 0) bottom/100% 2px,\n\t\tradial-gradient(farthest-side at bottom, #0000 calc(100% - 2px), currentColor calc(100% - 1px), #0000) bottom;\n\tbackground-size: 100% 1px, 100% 50%;\n\tbackground-repeat: no-repeat;\n\tanimation: templazee-hypnotic 4s infinite linear;\n}\n\n.templazee .hypnotic::before,\n.templazee .hypnotic::after {\n\tcontent: \"\";\n\tgrid-area: 1/1;\n\tbackground: inherit;\n\tborder: inherit;\n\tanimation: inherit;\n}\n\n.templazee .hypnotic::after {\n\tanimation-duration: 2s;\n}\n\n@keyframes templazee-hypnotic {\n\t100% {\n\t\ttransform: rotate(1turn)\n\t}\n}\n\n.templazee .factory {\n\twidth: calc(var(--loader-size, 50px) * 1.8);\n\theight: calc(var(--loader-size, 50px) * 0.28);\n\tbox-shadow: 0 calc(var(--loader-size, 50px) * 0.06) 0 var(--loader-color, #F6CFF4);\n\tposition: relative;\n\tclip-path: inset(calc(var(--loader-size, 50px) * -0.8) 0 calc(var(--loader-size, 50px) * -0.1));\n}\n\n.templazee .factory:before {\n\tcontent: \"\";\n\tposition: absolute;\n\tinset: auto calc(50% - calc(var(--loader-size, 50px) * 0.34)) 0;\n\theight: calc(var(--loader-size, 50px));\n\t--g: no-repeat linear-gradient(rgba(var(--loader-rgb), 0.7) 0 0);\n\tbackground: var(--g), var(--g), var(--g), var(--g);\n\tbackground-size: calc(var(--loader-size, 50px) * 0.32) calc(var(--loader-size, 50px) * 0.28);\n\tanimation:\n\t\ttemplazee-factory-1 2s infinite linear,\n\t\ttemplazee-factory-2 2s infinite linear;\n}\n\n@keyframes templazee-factory-1 {\n\n\t0%,\n\t100% {\n\t\tbackground-position: 0 calc(var(--loader-size, 50px) * -1), 100% calc(var(--loader-size, 50px) * -1);\n\t}\n\n\t17.5% {\n\t\tbackground-position: 0 100%, 100% calc(var(--loader-size, 50px) * -1), 0 calc(var(--loader-size, 50px) * -1), 100% calc(var(--loader-size, 50px) * -1);\n\t}\n\n\t35% {\n\t\tbackground-position: 0 100%, 100% 100%, 0 calc(var(--loader-size, 50px) * -1), 100% calc(var(--loader-size, 50px) * -1);\n\t}\n\n\t52.5% {\n\t\tbackground-position: 0 100%, 100% 100%, 0 calc(100% - calc(var(--loader-size, 50px) * 0.32)), 100% calc(var(--loader-size, 50px) * -1);\n\t}\n\n\t70%,\n\t98% {\n\t\tbackground-position: 0 100%, 100% 100%, 0 calc(100% - calc(var(--loader-size, 50px) * 0.32)), 100% calc(100% - calc(var(--loader-size, 50px) * 0.32));\n\t}\n}\n\n@keyframes templazee-factory-2 {\n\n\t0%,\n\t70% {\n\t\ttransform: translate(0);\n\t}\n\n\t100% {\n\t\ttransform: translate(200%);\n\t}\n}\n\n.templazee .clones {\n    width: var(--loader-size, 50px); /* Dynamically adjust the size */\n    height: var(--loader-size, 50px); /* Ensure the height follows the same size */\n    aspect-ratio: 1;\n    border-radius: 50%;\n    background: var(--loader-color, #F6CFF4); /* Dynamically adjust background color */\n    animation: templazee-clones 1.5s infinite linear;\n}\n\n@keyframes templazee-clones {\n    0%    {\n        box-shadow: \n            0 calc(-1 * var(--loader-size, 50px) / 2) rgba(var(--loader-rgb, 246, 207, 244), 0.7), \n            calc(var(--loader-size, 50px) * 0.707) calc(-1 * var(--loader-size, 50px) * 0.707) rgba(var(--loader-rgb, 246, 207, 244), 0.7), \n            var(--loader-size, 50px) 0 rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            0 0 rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            0 0 rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            0 0 rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            0 0 rgba(var(--loader-rgb, 246, 207, 244), 0.7)\n    }\n    12.5% { \n        box-shadow: \n            0 0 rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            calc(var(--loader-size, 50px) * 0.707) calc(-1 * var(--loader-size, 50px) * 0.707) rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            var(--loader-size, 50px) 0 rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            calc(var(--loader-size, 50px) * 0.707) calc(var(--loader-size, 50px) * 0.707) rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            0 0 rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            0 0 rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            0 0 rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            0 0 rgba(var(--loader-rgb, 246, 207, 244), 0.7)\n    }\n    25%   { \n        box-shadow: \n            0 0 rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            0 0 rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            var(--loader-size, 50px) 0 rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            calc(var(--loader-size, 50px) * 0.707) calc(var(--loader-size, 50px) * 0.707) rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            0 calc(var(--loader-size, 50px)) rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            0 0 rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            0 0 rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            0 0 rgba(var(--loader-rgb, 246, 207, 244), 0.7)\n    }\n    37.5% { \n        box-shadow: \n            0 0 rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            0 0 rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            0 0 rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            calc(var(--loader-size, 50px) * 0.707) calc(var(--loader-size, 50px) * 0.707) rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            0 calc(var(--loader-size, 50px)) rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            calc(-1 * var(--loader-size, 50px) * 0.707) calc(var(--loader-size, 50px) * 0.707) rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            0 0 rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            0 0 rgba(var(--loader-rgb, 246, 207, 244), 0.7)\n    }\n    50%   { \n        box-shadow: \n            0 0 rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            0 0 rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            0 0 rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            0 0 rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            0 calc(var(--loader-size, 50px)) rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            calc(-1 * var(--loader-size, 50px) * 0.707) calc(var(--loader-size, 50px) * 0.707) rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            calc(-1 * var(--loader-size, 50px)) 0 rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            0 0 rgba(var(--loader-rgb, 246, 207, 244), 0.7)\n    }\n    62.5% { \n        box-shadow: \n            0 0 rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            0 0 rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            0 0 rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            0 0 rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            0 0 rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            calc(-1 * var(--loader-size, 50px) * 0.707) calc(var(--loader-size, 50px) * 0.707) rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            calc(-1 * var(--loader-size, 50px)) 0 rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            calc(-1 * var(--loader-size, 50px) * 0.707) calc(-1 * var(--loader-size, 50px) * 0.707) rgba(var(--loader-rgb, 246, 207, 244), 0.7)\n    }\n    75%   { \n        box-shadow: \n            0 calc(-1 * var(--loader-size, 50px)) rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            0 0 rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            0 0 rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            0 0 rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            0 0 rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            calc(-1 * var(--loader-size, 50px)) 0 rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            calc(-1 * var(--loader-size, 50px) * 0.707) calc(-1 * var(--loader-size, 50px) * 0.707) rgba(var(--loader-rgb, 246, 207, 244), 0.7)\n    }\n    87.5% { \n        box-shadow: \n            0 calc(-1 * var(--loader-size, 50px)) rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            calc(var(--loader-size, 50px) * 0.707) calc(-1 * var(--loader-size, 50px) * 0.707) rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            0 0 rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            0 0 rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            0 0 rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            0 0 rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            calc(-1 * var(--loader-size, 50px) * 0.707) calc(-1 * var(--loader-size, 50px) * 0.707) rgba(var(--loader-rgb, 246, 207, 244), 0.7)\n    }\n    100%  { \n        box-shadow: \n            0 calc(-1 * var(--loader-size, 50px)) rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            calc(var(--loader-size, 50px) * 0.707) calc(-1 * var(--loader-size, 50px) * 0.707) rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            var(--loader-size, 50px) 0 rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            0 0 rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            0 0 rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            0 0 rgba(var(--loader-rgb, 246, 207, 244), 0.7),\n            0 0 rgba(var(--loader-rgb, 246, 207, 244), 0.7)\n    }\n}\n\n.templazee .clock {\n\twidth: var(--loader-size, 50px); /* Dynamically set the size */\n\taspect-ratio: 1;\n\tcolor: var(--loader-color, #F6CFF4); /* Use the loader color */\n\tborder: 7px solid;\n\tbox-sizing: border-box;\n\tborder-radius: 50%;\n\tbackground: \n\t\tradial-gradient(circle 3px, #000 95%, #0000),\n\t\tlinear-gradient(180deg, #000 50%, #0000 0) center/3px 70%,\n\t\tlinear-gradient(90deg, #000 50%, #0000 0) center/50% 3px;\n\tbackground-repeat: no-repeat;\n\tposition: relative;\n\tanimation: templazee-clock 1s infinite;\n}\n\n.templazee .clock:before,\n.templazee .clock:after {\n\tcontent: \"\";\n\tposition: absolute;\n\tborder-radius: 20px 20px 0 0;\n\tinset: -20px calc(50% - 10px);\n\ttransform: rotate(40deg);\n\tbackground: \n\t\tlinear-gradient(currentColor 0 0) top /100% 10px,\n\t\tlinear-gradient(currentColor 0 0) bottom/3px 10px;\n\tbackground-repeat: no-repeat;\n}\n\n.templazee .clock:after {\n\ttransform: rotate(-40deg);\n}\n\n@keyframes templazee-clock {\n\t0%, 70%, 100% {transform: translateY(0) rotate(0);}\n\t75%, 85%, 95% {transform: translateY(-3px) rotate(10deg);}\n\t80%, 90% {transform: translateY(-3px) rotate(-10deg);}\n}\n\n.templazee .clock {\n\tbox-shadow: 0 0 10px rgba(var(--loader-rgb, 246, 207, 244), 0.7); /* Add color variant with transparency */\n}\n\n\n"],"names":[],"sourceRoot":""}