/**
* MAIN CSS FILE OF AW WEBSITE
* @author MineDragonCZ_
*/

@import url('https://fonts.googleapis.com/css2?family=Krona+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

:root {
	--author: "MineDragonCZ_";
}

/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
	scrollbar-width: 6px;
	scrollbar-color: var(--secondary);
	scrollbar-track-color: transparent;
}

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

*::-webkit-scrollbar-track {
	background: transparent;
}

*::-webkit-scrollbar-thumb {
	background-color: var(--secondary);
	border-radius: 4px;
	border: none;
}

/* =========================== */
html,
body {
	max-width: 100%;
}

html {
	scroll-behavior: smooth;
	overflow-x: hidden;

	--primary-shapes-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1064%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(0%2c 179%2c 255%2c 0.26666666666666666)'%3e%3c/rect%3e%3cpath d='M1032.367579336367 74.82127379865936L911.4005780836436 2.1369665440402628 838.7162708290246 123.10396779676373 959.683272081748 195.7882750513828z' fill='rgba(0%2c 179%2c 255%2c 0.4666666666666667)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M264.0269838476228 355.1933331901108L198.93740860368408 311.28986033041815 165.62698693611452 430.8759596261726z' fill='rgba(0%2c 179%2c 255%2c 0.4666666666666667)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M1041.6689105273374 491.15005304742556L889.819761957078 458.8735201348109 857.5432290444633 610.7226687050703 1009.3923776147227 642.999201617685z' fill='rgba(0%2c 179%2c 255%2c 0.4666666666666667)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M34.153122358679816 58.50881297539111L29.829895740160723 179.01692233879052 123.7516132521297 131.16141700621574z' fill='rgba(0%2c 179%2c 255%2c 0.4666666666666667)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M725.6034811161222 110.65357588024327L806.078670953988 234.57450116790005 929.9995962416447 154.09931133003437 849.524406403779 30.178386042377568z' fill='rgba(0%2c 179%2c 255%2c 0.4666666666666667)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M686.651%2c155.837C728.11%2c157.793%2c776.149%2c152.78%2c795.879%2c116.265C815.117%2c80.661%2c787.424%2c41.751%2c767.253%2c6.667C746.982%2c-28.591%2c727.312%2c-72.842%2c686.651%2c-73.719C645.245%2c-74.613%2c618.719%2c-33.784%2c599.791%2c3.054C582.835%2c36.054%2c575.592%2c74.483%2c593.928%2c106.736C612.454%2c139.323%2c649.208%2c154.07%2c686.651%2c155.837' fill='rgba(0%2c 179%2c 255%2c 0.4666666666666667)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M-34.069717033891806 116.8698186597037L65.37217530057893 120.34240605973898 68.84476270061421 20.90051372526824-30.597129633856525 17.42792632523296z' fill='rgba(0%2c 179%2c 255%2c 0.4666666666666667)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M1329.7492473152456 560.3561238728842L1399.221201232408 497.8032956005979 1336.6683729601218 428.3313416834354 1267.1964190429594 490.88416995572175z' fill='rgba(0%2c 179%2c 255%2c 0.4666666666666667)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M404.822%2c284.549C443.399%2c284.734%2c477.389%2c261.112%2c496.597%2c227.657C515.72%2c194.349%2c519.907%2c152.528%2c499.191%2c120.187C479.741%2c89.822%2c440.88%2c84.709%2c404.822%2c84.378C367.955%2c84.039%2c327.139%2c87.284%2c307.401%2c118.425C286.631%2c151.194%2c294.935%2c193.316%2c314.561%2c226.783C333.929%2c259.809%2c366.536%2c284.365%2c404.822%2c284.549' fill='rgba(0%2c 179%2c 255%2c 0.4666666666666667)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M1032.421%2c721.233C1075.157%2c720.7%2c1114.166%2c699.921%2c1137.548%2c664.145C1163.615%2c624.261%2c1178.353%2c574.176%2c1156.054%2c532.069C1132.587%2c487.756%2c1082.537%2c463.986%2c1032.421%2c465.636C984.968%2c467.198%2c944.867%2c498.092%2c922.126%2c539.771C900.385%2c579.619%2c899.071%2c628.037%2c922.648%2c666.827C945.382%2c704.231%2c988.653%2c721.779%2c1032.421%2c721.233' fill='rgba(0%2c 179%2c 255%2c 0.4666666666666667)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M500.0770514603436 401.8653563645516L444.7248089873053 423.1130915085108 504.27253293976327 495.51758764608866z' fill='rgba(0%2c 179%2c 255%2c 0.4666666666666667)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M847.5031935720727 247.66540289829018L966.2683059800572 215.84238693957923 934.4452900213463 97.07727453159472 815.6801776133618 128.90029049030568z' fill='rgba(0%2c 179%2c 255%2c 0.4666666666666667)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M1148.0423230208999 342.12685224017093L1206.2173373972175 359.9127390293099 1203.808660392767 263.7572740702641z' fill='rgba(0%2c 179%2c 255%2c 0.4666666666666667)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M451.805%2c349.093C504.187%2c348.543%2c554.656%2c322.948%2c579.341%2c276.744C602.831%2c232.776%2c592.959%2c178.984%2c564.584%2c137.999C539.855%2c102.281%2c495.242%2c91.84%2c451.805%2c92.534C409.864%2c93.204%2c369.324%2c107.261%2c345.097%2c141.503C316.144%2c182.426%2c296.629%2c234.887%2c319.547%2c279.471C343.959%2c326.962%2c398.41%2c349.653%2c451.805%2c349.093' fill='rgba(0%2c 179%2c 255%2c 0.4666666666666667)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M407.4471366664559 525.1059954215824L345.3116050895726 467.1636748409557 349.5048160858292 587.2415269984657z' fill='rgba(0%2c 179%2c 255%2c 0.4666666666666667)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M1018.4691956936069 264.29509693487347L972.0688872685774 173.22936416123156 858.6704423206293 288.3626931855967z' fill='rgba(0%2c 179%2c 255%2c 0.4666666666666667)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M1167.4083482105382 5.845823064023577L1070.9735010021686-97.56788963824302 967.559788299902-1.1330424298734698 1063.9946355082716 102.28067027239312z' fill='rgba(0%2c 179%2c 255%2c 0.4666666666666667)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M547.0041712462785 158.57451796006106L489.73396700003167 237.40019166628662 568.5596407062573 294.6703959125334 625.829844952504 215.8447222063079z' fill='rgba(0%2c 179%2c 255%2c 0.4666666666666667)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M983.5557213151147 174.4345677660103L970.7304698552521 296.45868437219394 1092.7545864614358 309.2839358320566 1105.5798379212983 187.25981922587297z' fill='rgba(0%2c 179%2c 255%2c 0.4666666666666667)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M336.437%2c100.823C351.085%2c100.123%2c362.386%2c89.639%2c369.897%2c77.043C377.643%2c64.052%2c382.544%2c48.549%2c375.628%2c35.098C368.194%2c20.638%2c352.696%2c11.992%2c336.437%2c11.963C320.128%2c11.934%2c305.144%2c20.825%2c297.003%2c34.957C288.876%2c49.065%2c288.575%2c66.56%2c296.938%2c80.529C305.088%2c94.141%2c320.59%2c101.58%2c336.437%2c100.823' fill='rgba(0%2c 179%2c 255%2c 0.4666666666666667)' class='triangle-float3'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1064'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3cstyle%3e %40keyframes float1 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-10px%2c 0)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float1 %7b animation: float1 5s infinite%3b %7d %40keyframes float2 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-5px%2c -5px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float2 %7b animation: float2 4s infinite%3b %7d %40keyframes float3 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(0%2c -10px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float3 %7b animation: float3 6s infinite%3b %7d %3c/style%3e%3c/defs%3e%3c/svg%3e");
	--danger-shapes-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1052%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(145%2c 12%2c 12%2c 0.26666666666666666)'%3e%3c/rect%3e%3cpath d='M1107.9993185910294 99.89632306371941L1116.9259207706316-2.135206735078796 1014.8943909718334-11.061808914681123 1005.9677887922312 90.9697208841171z' fill='rgba(145%2c 12%2c 12%2c 0.4666666666666667)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M1236.2991590344725 486.9160822231807L1319.5477573936769 536.9368865664688 1352.954664729007 387.05358685601846z' fill='rgba(145%2c 12%2c 12%2c 0.4666666666666667)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M807.8756047540422 479.8690509470679L784.0021836841481 367.55343536538686 671.6865681024672 391.4268564352809 695.5599891723612 503.7424720169619z' fill='rgba(145%2c 12%2c 12%2c 0.4666666666666667)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M422.6786082108816 93.16818723903663L334.44193005597174 181.40486539394647 422.6786082108816 269.64154354885625 510.9152863657914 181.40486539394644z' fill='rgba(145%2c 12%2c 12%2c 0.4666666666666667)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M817.3156815063596 357.48715497604564L732.9207346428266 404.26803791937755 779.7016175861584 488.6629847829106 864.0965644496915 441.88210183957875z' fill='rgba(145%2c 12%2c 12%2c 0.4666666666666667)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M1082.2677296558816 290.2573688441677L1054.2807608636886 204.12233573699774 968.1457277565187 232.10930452919072 996.1326965487116 318.2443376363607z' fill='rgba(145%2c 12%2c 12%2c 0.4666666666666667)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M649.6729488760236 593.2132256440007L797.8486724561151 593.2132256440007 797.8486724561151 445.0375020639091 649.6729488760236 445.03750206390913z' fill='rgba(145%2c 12%2c 12%2c 0.4666666666666667)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M838.628%2c668.183C883.611%2c665.93%2c925.441%2c644.939%2c948.4%2c606.191C971.822%2c566.663%2c975.829%2c516.626%2c951.54%2c477.625C928.391%2c440.453%2c882.372%2c427.889%2c838.628%2c429.925C798.686%2c431.784%2c765.357%2c454.498%2c742.566%2c487.352C715%2c527.09%2c685.309%2c575.524%2c707.998%2c618.234C731.439%2c662.359%2c788.726%2c670.683%2c838.628%2c668.183' fill='rgba(145%2c 12%2c 12%2c 0.4666666666666667)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M945.9845081068381 357.8045211936982L789.0797735352004 366.02754989159274 797.302802233095 522.9322844632304 954.2075368047327 514.7092557653359z' fill='rgba(145%2c 12%2c 12%2c 0.4666666666666667)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M643.929%2c532.671C677.714%2c534.277%2c713.998%2c525.856%2c731.616%2c496.984C749.814%2c467.163%2c741.805%2c430.17%2c725.25%2c399.407C707.586%2c366.582%2c681.205%2c334.187%2c643.929%2c334.037C606.48%2c333.886%2c577.64%2c364.971%2c561.465%2c398.747C547.438%2c428.037%2c552.555%2c461.629%2c569.582%2c489.282C585.707%2c515.47%2c613.21%2c531.211%2c643.929%2c532.671' fill='rgba(145%2c 12%2c 12%2c 0.4666666666666667)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M129.37582603051698-99.62141465255587L77.7737774377753 59.193360785842685 236.58855287617385 110.79540937858437 288.19060146891553-48.01936605981418z' fill='rgba(145%2c 12%2c 12%2c 0.4666666666666667)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M1123.8795610545476 296.82703212771537L1113.4752340968212 212.09058903407643 991.572732935226 270.0653010174855z' fill='rgba(145%2c 12%2c 12%2c 0.4666666666666667)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M239.586%2c779.794C291.399%2c781.798%2c341.181%2c753.662%2c365.706%2c707.977C389.101%2c664.398%2c378.655%2c611.931%2c352.104%2c570.199C327.608%2c531.698%2c285.172%2c511.825%2c239.586%2c509.746C189.356%2c507.455%2c133.097%2c515.62%2c107.764%2c559.054C82.308%2c602.701%2c103.397%2c655.452%2c129.303%2c698.833C154.363%2c740.798%2c190.745%2c777.905%2c239.586%2c779.794' fill='rgba(145%2c 12%2c 12%2c 0.4666666666666667)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M485.83369747289186 511.5218643566561L411.4825626166152 437.0288778373021 386.12283771533953 525.468748749843z' fill='rgba(145%2c 12%2c 12%2c 0.4666666666666667)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M36.10312317357478 278.74095749629055L161.5630425180647 280.9308685343375 163.75295355611163 155.4709491898476 38.293034211621745 153.28103815180066z' fill='rgba(145%2c 12%2c 12%2c 0.4666666666666667)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M354.235%2c396.603C405.614%2c398.503%2c464.04%2c397.847%2c491.889%2c354.629C521.301%2c308.985%2c507.105%2c249.577%2c478.857%2c203.204C451.867%2c158.895%2c406.105%2c129.761%2c354.235%2c128.651C300.328%2c127.497%2c246.345%2c150.609%2c220.018%2c197.664C194.203%2c243.802%2c203.584%2c301.234%2c233.153%2c345.061C259.448%2c384.035%2c307.252%2c394.866%2c354.235%2c396.603' fill='rgba(145%2c 12%2c 12%2c 0.4666666666666667)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M1014.8745792229957 415.4463446289759L1133.741743603336 411.29541178151226 1129.5908107558723 292.42824740117203 1010.7236463755321 296.5791802486357z' fill='rgba(145%2c 12%2c 12%2c 0.4666666666666667)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M1032.327%2c661.576C1089.923%2c661.544%2c1136.28%2c620.074%2c1165.182%2c570.255C1194.209%2c520.22%2c1209.661%2c457.915%2c1178.9%2c408.927C1149.462%2c362.046%2c1087.65%2c356.731%2c1032.327%2c358.68C981.301%2c360.477%2c929.787%2c375.435%2c902.611%2c418.66C873.749%2c464.567%2c873.672%2c522.571%2c899.215%2c570.404C926.367%2c621.251%2c974.685%2c661.608%2c1032.327%2c661.576' fill='rgba(145%2c 12%2c 12%2c 0.4666666666666667)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M1406.4630999406788 455.4104847709618L1286.6529206957089 516.4568202047633 1467.5094353744803 575.2206640159318z' fill='rgba(145%2c 12%2c 12%2c 0.4666666666666667)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M620.1294848870044-1.8890459025923647L503.43932143405414-51.42108158775215 570.5974492018446 114.80111755035793z' fill='rgba(145%2c 12%2c 12%2c 0.4666666666666667)' class='triangle-float1'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1052'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3cstyle%3e %40keyframes float1 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-10px%2c 0)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float1 %7b animation: float1 5s infinite%3b %7d %40keyframes float2 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-5px%2c -5px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float2 %7b animation: float2 4s infinite%3b %7d %40keyframes float3 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(0%2c -10px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float3 %7b animation: float3 6s infinite%3b %7d %3c/style%3e%3c/defs%3e%3c/svg%3e");
	--success-shapes-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1055%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(23%2c 135%2c 11%2c 0.26666666666666666)'%3e%3c/rect%3e%3cpath d='M1315.7766525945185 217.9724309434323L1332.1387002052443 310.7662140898598 1424.9324833516716 294.4041664791341 1408.570435740946 201.61038333270662z' fill='rgba(23%2c 135%2c 11%2c 0.4666666666666667)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M434.252696879439 386.7359349079213L446.5931630691998 286.23090317580153 333.7476651473192 374.3954687181605z' fill='rgba(23%2c 135%2c 11%2c 0.4666666666666667)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M434.879%2c66.639C455.605%2c67.197%2c471.009%2c48.878%2c480.073%2c30.23C487.97%2c13.984%2c485.767%2c-4.39%2c477.111%2c-20.245C468.009%2c-36.917%2c453.85%2c-51.602%2c434.879%2c-52.547C414.418%2c-53.566%2c394.005%2c-43.086%2c384.673%2c-24.849C375.963%2c-7.826%2c384.514%2c11.14%2c393.714%2c27.904C403.429%2c45.607%2c414.692%2c66.095%2c434.879%2c66.639' fill='rgba(23%2c 135%2c 11%2c 0.4666666666666667)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M357.013%2c309.773C405.065%2c308.727%2c444.539%2c276.2%2c468.563%2c234.572C492.579%2c192.959%2c500.36%2c142.85%2c477.84%2c100.409C453.931%2c55.35%2c407.993%2c22.616%2c357.013%2c24.345C308.366%2c25.995%2c273.341%2c65.661%2c249.597%2c108.152C226.576%2c149.35%2c214.53%2c197.968%2c236.72%2c239.62C260.113%2c283.528%2c307.274%2c310.856%2c357.013%2c309.773' fill='rgba(23%2c 135%2c 11%2c 0.4666666666666667)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M1077.7476593288745 446.3448445382889L1040.6371416064726 349.6686406345343 943.9609377027181 386.77915835693614 981.0714554251199 483.4553622606907z' fill='rgba(23%2c 135%2c 11%2c 0.4666666666666667)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M71.26959230289576 132.92841674207742L-1.1932974847186557 179.98636759518857 118.32754315600693 205.39130652969183z' fill='rgba(23%2c 135%2c 11%2c 0.4666666666666667)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M726.711441588902 269.6748773410017L643.167842375838 342.2982201663524 715.7911852011887 425.84181937941645 799.3347844142527 353.2184765540658z' fill='rgba(23%2c 135%2c 11%2c 0.4666666666666667)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M1212.6940562116833 4.691364698333665L1107.5065831237416 30.91754728747104 1133.732765712879 136.1050203754129 1238.9202388008207 109.87883778627551z' fill='rgba(23%2c 135%2c 11%2c 0.4666666666666667)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M625.0923152008568 436.4907740267121L575.2826915231387 353.41440270995645 532.9453989650265 426.7447444755146z' fill='rgba(23%2c 135%2c 11%2c 0.4666666666666667)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M357.71863777954684-22.806588964810725L276.52040419538986 36.18738093299248 335.51437409319306 117.38561451714945 416.71260767735004 58.39164461934624z' fill='rgba(23%2c 135%2c 11%2c 0.4666666666666667)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M247.34248837445202 210.84162925642846L104.54143857874504 293.28785379654107 186.98766311885763 436.088903592248 329.7887129145646 353.64267905213546z' fill='rgba(23%2c 135%2c 11%2c 0.4666666666666667)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M462.76180594835444 344.24692414199933L318.1821275217949 313.51556480829237 432.0304466146475 488.8266025685589z' fill='rgba(23%2c 135%2c 11%2c 0.4666666666666667)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M1171.1244396239993 241.33326610252442L1156.6251937137963 123.2463844654379 1038.5383120767099 137.74563037564084 1053.0375579869128 255.83251201272736z' fill='rgba(23%2c 135%2c 11%2c 0.4666666666666667)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M245.718%2c468.825C266.043%2c469.03%2c284.259%2c456.544%2c293.977%2c438.692C303.285%2c421.593%2c301.673%2c401.002%2c291.762%2c384.246C282.041%2c367.811%2c264.812%2c356.922%2c245.718%2c357.104C226.92%2c357.283%2c210.576%2c368.833%2c201.169%2c385.109C191.754%2c401.399%2c190.279%2c421.124%2c199.118%2c437.734C208.52%2c455.402%2c225.705%2c468.623%2c245.718%2c468.825' fill='rgba(23%2c 135%2c 11%2c 0.4666666666666667)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M1361.9563273754027 14.197948517665921L1217.6986588367688-47.03579882209679 1156.464911497006 97.22186971653717 1300.72258003564 158.4556170562999z' fill='rgba(23%2c 135%2c 11%2c 0.4666666666666667)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M1147.818442975439 442.48085825931275L1089.5573395731385 345.5180992477621 1050.8556839638884 500.7419616616133z' fill='rgba(23%2c 135%2c 11%2c 0.4666666666666667)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M309.19083839021994 360.37933907L261.3709654278009 498.8295617618992 387.4687231764111 476.5951248639792z' fill='rgba(23%2c 135%2c 11%2c 0.4666666666666667)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M56.48%2c453.34C96.312%2c450.525%2c130.039%2c427.362%2c150.673%2c393.175C172.136%2c357.614%2c181.521%2c314.5%2c162.596%2c277.526C142.047%2c237.378%2c101.58%2c209.44%2c56.48%2c209.148C10.918%2c208.853%2c-28.462%2c237.15%2c-52.04%2c276.138C-76.582%2c316.719%2c-88.753%2c367.9%2c-63.985%2c408.343C-39.991%2c447.522%2c10.652%2c456.578%2c56.48%2c453.34' fill='rgba(23%2c 135%2c 11%2c 0.4666666666666667)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M415.51509643516965 289.0236658666431L339.2198741105892 229.29812372988968 325.97002591746747 312.95437282842664z' fill='rgba(23%2c 135%2c 11%2c 0.4666666666666667)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M1217.671192135349 291.85830703009754L1059.6481771121737 269.6496205965519 1037.439490678628 427.6726356197273 1195.4625057018034 449.8813220532729z' fill='rgba(23%2c 135%2c 11%2c 0.4666666666666667)' class='triangle-float2'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1055'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3cstyle%3e %40keyframes float1 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-10px%2c 0)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float1 %7b animation: float1 5s infinite%3b %7d %40keyframes float2 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-5px%2c -5px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float2 %7b animation: float2 4s infinite%3b %7d %40keyframes float3 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(0%2c -10px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float3 %7b animation: float3 6s infinite%3b %7d %3c/style%3e%3c/defs%3e%3c/svg%3e");
	--warning-shapes-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1058%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(223%2c 171%2c 27%2c 0.26666666666666666)'%3e%3c/rect%3e%3cpath d='M1153.5585354053355 48.29992941387269L1090.7323876221794-41.42510831392718 987.5579049220577 97.67663222470696z' fill='rgba(223%2c 171%2c 27%2c 0.4666666666666667)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M1341.1761260974013 230.50808578296898L1235.831171760269 174.36633522524846 1237.6523146847558 278.6995434932214z' fill='rgba(223%2c 171%2c 27%2c 0.4666666666666667)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M830.1459170463163 58.62087314760433L704.3090424049524-54.900496159644646 670.982895659426 89.45090445145614z' fill='rgba(223%2c 171%2c 27%2c 0.4666666666666667)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M197.45162701737027 372.8574371226395L153.7514792723108 430.8494918917675 262.5896352985325 467.4036861247927z' fill='rgba(223%2c 171%2c 27%2c 0.4666666666666667)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M509.332%2c386.64C561.979%2c388.785%2c605.868%2c350.758%2c632.259%2c305.152C658.702%2c259.456%2c669.351%2c202.737%2c641.821%2c157.688C615.189%2c114.108%2c560.404%2c104.257%2c509.332%2c103.997C457.657%2c103.734%2c399.612%2c111.171%2c374.486%2c156.327C349.771%2c200.744%2c376.93%2c251.93%2c402.612%2c295.795C427.911%2c339.005%2c459.303%2c384.602%2c509.332%2c386.64' fill='rgba(223%2c 171%2c 27%2c 0.4666666666666667)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M581.24506575122 573.8251236617422L593.9490360030537 483.4316783777746 503.5555907190861 470.7277081259408 490.85162046725236 561.1211534099084z' fill='rgba(223%2c 171%2c 27%2c 0.4666666666666667)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M1238.442%2c496.455C1269.145%2c497.771%2c1298.751%2c481.779%2c1313.802%2c454.986C1328.575%2c428.687%2c1324.27%2c396.754%2c1309.093%2c370.687C1294.022%2c344.803%2c1268.39%2c325.086%2c1238.442%2c325.554C1209.17%2c326.011%2c1185.146%2c346.927%2c1171.513%2c372.835C1158.842%2c396.915%2c1160.544%2c425.044%2c1173.499%2c448.972C1187.183%2c474.247%2c1209.726%2c495.224%2c1238.442%2c496.455' fill='rgba(223%2c 171%2c 27%2c 0.4666666666666667)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M989.158%2c320.105C1034.724%2c321.566%2c1080.207%2c302.136%2c1103.138%2c262.734C1126.19%2c223.124%2c1119.419%2c174.635%2c1097.12%2c134.596C1074.117%2c93.292%2c1036.377%2c60.415%2c989.158%2c58.073C937.882%2c55.529%2c884.432%2c77.249%2c860.899%2c122.877C838.708%2c165.902%2c860.779%2c215.226%2c887.171%2c255.81C910.653%2c291.919%2c946.107%2c318.725%2c989.158%2c320.105' fill='rgba(223%2c 171%2c 27%2c 0.4666666666666667)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M312.903%2c428.477C332.38%2c428.771%2c352.893%2c421.231%2c361.497%2c403.755C369.471%2c387.558%2c359.416%2c369.629%2c349.205%2c354.74C340.644%2c342.257%2c328.019%2c333.684%2c312.903%2c332.897C296.15%2c332.025%2c278.688%2c336.611%2c269.405%2c350.585C259.164%2c366.002%2c257.757%2c386.168%2c266.781%2c402.328C276.017%2c418.866%2c293.963%2c428.192%2c312.903%2c428.477' fill='rgba(223%2c 171%2c 27%2c 0.4666666666666667)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M1434.212%2c702.587C1479.069%2c703.02%2c1505.774%2c657.783%2c1527.488%2c618.529C1548.248%2c581%2c1565.232%2c538.447%2c1546.295%2c499.966C1525.367%2c457.438%2c1481.602%2c429.87%2c1434.212%2c428.983C1385.308%2c428.068%2c1335.8%2c451.54%2c1314.619%2c495.629C1295.336%2c535.768%2c1321.725%2c578.202%2c1344.005%2c616.758C1366.262%2c655.275%2c1389.729%2c702.158%2c1434.212%2c702.587' fill='rgba(223%2c 171%2c 27%2c 0.4666666666666667)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M1103.6876980887425 11.127045267774328L959.1730900192537 69.354591133377 1065.0182652856765 155.06632405485328z' fill='rgba(223%2c 171%2c 27%2c 0.4666666666666667)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M879.445%2c378.556C896.853%2c378.969%2c916.499%2c377.446%2c925.474%2c362.524C934.627%2c347.307%2c928.16%2c328.314%2c918.705%2c313.283C909.958%2c299.378%2c895.869%2c289.688%2c879.445%2c289.35C862.416%2c289%2c846.009%2c296.98%2c837.284%2c311.608C828.35%2c326.587%2c827.756%2c345.669%2c837.05%2c360.427C845.828%2c374.366%2c862.977%2c378.165%2c879.445%2c378.556' fill='rgba(223%2c 171%2c 27%2c 0.4666666666666667)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M865.528%2c295.477C894.732%2c296.304%2c923.168%2c280.403%2c936.138%2c254.224C948.015%2c230.25%2c936.21%2c203.538%2c922.441%2c180.598C909.212%2c158.557%2c891.2%2c137.89%2c865.528%2c136.578C837.806%2c135.161%2c811.162%2c150.018%2c797.558%2c174.214C784.198%2c197.975%2c788.196%2c226.632%2c801.524%2c250.41C815.198%2c274.805%2c837.573%2c294.685%2c865.528%2c295.477' fill='rgba(223%2c 171%2c 27%2c 0.4666666666666667)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M172.0666968519858 255.3545437296442L57.2270747765058 174.94297466723896-23.184494285899433 289.78259674271897 91.65512778958056 370.1941658051242z' fill='rgba(223%2c 171%2c 27%2c 0.4666666666666667)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M290.16633074917803 216.80391270828096L197.4411329815586 197.094563490623 177.73178376390064 289.8197612582424 270.45698153152006 309.5291104759004z' fill='rgba(223%2c 171%2c 27%2c 0.4666666666666667)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M-101.34337711289568 525.4783581702778L-28.52384000289561 646.670419696713 19.84868441353946 452.6588210602778z' fill='rgba(223%2c 171%2c 27%2c 0.4666666666666667)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M1030.535013345881 272.4877812617534L1063.452946158618 350.0375711566671 1141.0027360535319 317.1196383439301 1108.0848032407948 239.56984844901635z' fill='rgba(223%2c 171%2c 27%2c 0.4666666666666667)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M627.328177120295 259.0260705378297L722.6779048843928 262.3557564021807 726.0075907487438 167.00602863808285 630.6578629846459 163.67634277373188z' fill='rgba(223%2c 171%2c 27%2c 0.4666666666666667)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M490.5807641010715 333.47553175401583L390.69018986614157 326.49050235456065 430.15793288442376 479.8188784066832z' fill='rgba(223%2c 171%2c 27%2c 0.4666666666666667)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M1337.521530110774 574.5101888684035L1398.2462497864215 560.4907826802798 1346.8547806664121 476.4134062608704z' fill='rgba(223%2c 171%2c 27%2c 0.4666666666666667)' class='triangle-float2'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1058'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3cstyle%3e %40keyframes float1 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-10px%2c 0)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float1 %7b animation: float1 5s infinite%3b %7d %40keyframes float2 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-5px%2c -5px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float2 %7b animation: float2 4s infinite%3b %7d %40keyframes float3 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(0%2c -10px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float3 %7b animation: float3 6s infinite%3b %7d %3c/style%3e%3c/defs%3e%3c/svg%3e");
	--purple-shapes-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1061%26quot%3b)' fill='none'%3e%3crect width='1440' height='560' x='0' y='0' fill='rgba(191%2c 27%2c 223%2c 0.26666666666666666)'%3e%3c/rect%3e%3cpath d='M1361.364%2c459.747C1380.591%2c459.937%2c1397.177%2c447.59%2c1406.843%2c430.968C1416.568%2c414.246%2c1420.12%2c393.091%2c1409.549%2c376.891C1399.659%2c361.735%2c1379.457%2c361.664%2c1361.364%2c361.272C1342.199%2c360.857%2c1319.738%2c358.565%2c1309.42%2c374.721C1298.663%2c391.564%2c1306.997%2c413.03%2c1317.416%2c430.084C1327.292%2c446.249%2c1342.422%2c459.56%2c1361.364%2c459.747' fill='rgba(191%2c 27%2c 223%2c 0.4666666666666667)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M372.8461611611324 289.06121263208854L424.01048348708673 221.16386363771323 296.58229883254666 178.3660546459694z' fill='rgba(191%2c 27%2c 223%2c 0.4666666666666667)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M220.225%2c611.191C275.838%2c606.597%2c306.263%2c551.869%2c332.521%2c502.631C356.657%2c457.374%2c377.263%2c406.284%2c353.834%2c360.657C328.691%2c311.692%2c275.268%2c284.149%2c220.225%2c283.942C164.816%2c283.734%2c114.171%2c312.622%2c84.863%2c359.645C53.631%2c409.754%2c42.447%2c472.288%2c70.426%2c524.283C99.746%2c578.768%2c158.562%2c616.285%2c220.225%2c611.191' fill='rgba(191%2c 27%2c 223%2c 0.4666666666666667)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M1367.961%2c165.673C1407.825%2c165.869%2c1439.618%2c135.999%2c1459.005%2c101.167C1477.789%2c67.418%2c1483.402%2c26.552%2c1463.971%2c-6.829C1444.646%2c-40.029%2c1406.372%2c-54.706%2c1367.961%2c-55.243C1328.437%2c-55.796%2c1286.898%2c-43.842%2c1267.181%2c-9.583C1247.5%2c24.614%2c1258.783%2c66.076%2c1278.452%2c100.28C1298.194%2c134.611%2c1328.358%2c165.479%2c1367.961%2c165.673' fill='rgba(191%2c 27%2c 223%2c 0.4666666666666667)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M515.5712076420859 303.9435269011347L371.8714514359275 374.0305809718476 441.95850550664034 517.730337178006 585.6582617127988 447.64328310729314z' fill='rgba(191%2c 27%2c 223%2c 0.4666666666666667)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M1196.723%2c550.748C1228.719%2c548.646%2c1247.174%2c518.146%2c1263.064%2c490.295C1278.748%2c462.804%2c1295.098%2c431.692%2c1280.739%2c403.487C1265.404%2c373.364%2c1230.525%2c359.956%2c1196.723%2c359.981C1162.968%2c360.006%2c1130.178%2c374.6%2c1112.92%2c403.61C1095.289%2c433.247%2c1096.278%2c470.167%2c1113.345%2c500.132C1130.591%2c530.412%2c1161.951%2c553.033%2c1196.723%2c550.748' fill='rgba(191%2c 27%2c 223%2c 0.4666666666666667)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M227.5133988659275 251.81033110680897L306.82439611703194 285.47585208837194 340.4899170985949 206.16485483726757 261.1789198474905 172.49933385570458z' fill='rgba(191%2c 27%2c 223%2c 0.4666666666666667)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M657.1052766228805 130.66880291001434L692.1559625860649 48.09456145990109 609.5817211359516 13.043875496716765 574.5310351727672 95.61811694683001z' fill='rgba(191%2c 27%2c 223%2c 0.4666666666666667)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M230.887%2c628.948C266.632%2c629.142%2c303.157%2c613.905%2c319.23%2c581.976C334.181%2c552.277%2c319.176%2c518.282%2c300.418%2c490.828C284.434%2c467.433%2c259.201%2c453.746%2c230.887%2c452.679C200.304%2c451.526%2c168.774%2c459.859%2c151.643%2c485.22C132.427%2c513.669%2c127.618%2c550.96%2c144.194%2c581.024C161.281%2c612.016%2c195.498%2c628.755%2c230.887%2c628.948' fill='rgba(191%2c 27%2c 223%2c 0.4666666666666667)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M820.445%2c102.78C842.344%2c102.174%2c862.097%2c89.242%2c872.113%2c69.759C881.366%2c51.76%2c876.346%2c31.021%2c866.391%2c13.401C856.231%2c-4.581%2c841.098%2c-21.484%2c820.445%2c-21.688C799.528%2c-21.895%2c783.685%2c-5.445%2c772.895%2c12.475C761.652%2c31.146%2c753.417%2c53.479%2c763.571%2c72.764C774.275%2c93.093%2c797.479%2c103.416%2c820.445%2c102.78' fill='rgba(191%2c 27%2c 223%2c 0.4666666666666667)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M88.15622619246204 322.53932925562947L146.64379092343208 261.9736829969218 26.551539169885615 204.5251590298206z' fill='rgba(191%2c 27%2c 223%2c 0.4666666666666667)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M974.4793981584274 229.4946414992673L1027.975137928922 140.4627794060704 938.9432758357252 86.96703963557573 885.4475360652306 175.99890172877264z' fill='rgba(191%2c 27%2c 223%2c 0.4666666666666667)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M638.669%2c46.061C659.943%2c46.165%2c679.32%2c35.448%2c691.013%2c17.675C704.138%2c-2.276%2c711.298%2c-26.971%2c700.841%2c-48.441C689.16%2c-72.423%2c665.344%2c-89.55%2c638.669%2c-89.791C611.622%2c-90.035%2c586.249%2c-73.954%2c574.521%2c-49.581C563.996%2c-27.708%2c573.681%2c-2.992%2c587.202%2c17.168C598.948%2c34.681%2c617.582%2c45.958%2c638.669%2c46.061' fill='rgba(191%2c 27%2c 223%2c 0.4666666666666667)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M1343.386%2c534.005C1390.951%2c537.409%2c1436.424%2c511.594%2c1460.868%2c470.648C1485.927%2c428.672%2c1488.193%2c375.654%2c1462.888%2c333.826C1438.374%2c293.304%2c1390.627%2c273.096%2c1343.386%2c276.451C1301.274%2c279.442%2c1269.271%2c311.345%2c1250.064%2c348.941C1232.711%2c382.908%2c1234.641%2c421.631%2c1251.815%2c455.689C1271.198%2c494.126%2c1300.448%2c530.932%2c1343.386%2c534.005' fill='rgba(191%2c 27%2c 223%2c 0.4666666666666667)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M629.7970750151165 29.735313352344736L518.2383546680119 113.80083889419043 602.3038802098577 225.35955924129507 713.8626005569622 141.29403369944936z' fill='rgba(191%2c 27%2c 223%2c 0.4666666666666667)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M430.5974541878053 639.3765303006926L564.4178948567491 608.4816472278278 533.5230117838842 474.66120655888403 399.70257111494044 505.5560896317488z' fill='rgba(191%2c 27%2c 223%2c 0.4666666666666667)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M227.528%2c590.689C272.876%2c590.189%2c320.419%2c577.966%2c343.413%2c538.876C366.664%2c499.349%2c356.956%2c450.188%2c333.276%2c410.916C310.451%2c373.062%2c271.731%2c346.732%2c227.528%2c346.687C183.251%2c346.642%2c144.685%2c373.037%2c121.406%2c410.701C96.696%2c450.681%2c83.263%2c500.993%2c107.134%2c541.48C130.734%2c581.508%2c181.064%2c591.201%2c227.528%2c590.689' fill='rgba(191%2c 27%2c 223%2c 0.4666666666666667)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M1380.9434288442972 107.18265553447635L1342.643170996241-26.868246933719803 1256.467590838115 59.30733322440631z' fill='rgba(191%2c 27%2c 223%2c 0.4666666666666667)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M1427.561106543777 479.56371001396997L1282.463350397003 446.0652535159862 1394.0626500457934 624.6614661607439z' fill='rgba(191%2c 27%2c 223%2c 0.4666666666666667)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M380.428%2c452.59C408.148%2c453.647%2c438.279%2c446.442%2c451.912%2c422.283C465.387%2c398.406%2c455.227%2c369.444%2c440.343%2c346.419C426.912%2c325.641%2c405.169%2c311.847%2c380.428%2c311.696C355.42%2c311.543%2c332%2c324.177%2c319.232%2c345.68C306.189%2c367.645%2c305.107%2c395%2c317.798%2c417.171C330.568%2c439.481%2c354.741%2c451.611%2c380.428%2c452.59' fill='rgba(191%2c 27%2c 223%2c 0.4666666666666667)' class='triangle-float3'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1061'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3cstyle%3e %40keyframes float1 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-10px%2c 0)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float1 %7b animation: float1 5s infinite%3b %7d %40keyframes float2 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-5px%2c -5px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float2 %7b animation: float2 4s infinite%3b %7d %40keyframes float3 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(0%2c -10px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float3 %7b animation: float3 6s infinite%3b %7d %3c/style%3e%3c/defs%3e%3c/svg%3e");

}

body {
	background: var(--cardbacks);
	font-family: "Rubik", sans-serif;
	transition: all 0.3s ease-in-out;
	position: relative;
	min-height: 100vh;
	position: relative;
}

* {
	scroll-padding-top: 150px !important;
}

.div-center {
	display: flex;
	justify-content: center;
	align-items: center;
}

#bodyLoading {
	height: 100vh;
	opacity: 0;
	transition: all 0.3s ease-in-out;
}

#bodyContent {
	opacity: 0;
	transition: all 0.3s ease-in-out;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
a,
td {
	color: var(--fifth);
}

a {
	font-weight: bold;
}

.nodecor {
	text-decoration: none !important;
}

.nobold {
	font-weight: normal !important;
}

a:hover {
	color: var(--secondary) !important;
}

a.pp-active {
	color: var(--secondary) !important;
	opacity: 1 !important;
}

a:focus {
	color: var(--secondary) !important;
}

.pp-page {
	display: none;
}

.backImg {
	padding-top: 50px;
	background-image: var(--backimg1) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	position: relative;
	width: 100%;
	left: 0;
	/*z-index: -2;*/
	transition: all 0.5s ease-in-out;
}

.backImg-noindex {
	z-index: initial !important;
}

.backImg-fixed {
	background-attachment: fixed !important;
}

.slideshow-background {
	background-image: linear-gradient(var(--waves2) 0%, var(--waves5) 90%), var(--backImg) !important;
	background-position: center;
	background-repeat: no-repeat !important;
	background-size: cover;
}

.b-radius-none {
	border-radius: 0 !important;
}

.pixel-img {
	image-rendering: pixelated;
}

.skin {
	aspect-ratio: 1/1;
	position: relative;
	filter: drop-shadow(5px 5px 5px #00000077);
}

.skin>img {
	width: 85%;
}

header>.waves {
	position: absolute;
	width: 150%;
	bottom: 0;
	overflow: hidden;
}

header {
	overflow: hidden;
	height: max(70vh, 700px);
	max-height: 80vw;
}

header.small-header {
	height: max(35vh, 450px);
}

.check-validity:invalid {
	border: 2px solid #b10f0f77 !important;
}

.check-validity:valid {
	border: 2px solid #1db10f77 !important;
}

.draggable-cursor {
	cursor: move;
}

.avatar {
	margin: 3px;
	transition: margin .3s;
	position: relative;
	--imgWidth: 40px;
}

.avatar>img {
	border-radius: 50% !important;
	object-fit: cover;
	width: var(--imgWidth);
	height: var(--imgWidth);
}

.avatar>span {
	position: absolute;
	opacity: 0;
	transition: opacity .3s;
	top: 20px;
	left: -15000px;
	text-align: center;
	z-index: 99;
}

.avatar>span>span {
	z-index: 99;
}

.avatar img:hover+span {
	opacity: 1;
	left: 0;
}

.avatars-list {
	position: relative;
}


@keyframes waving {
	0% {
		transform: translateX(0);
	}

	50% {
		transform: translateX(-25%);
	}

	100% {
		transform: translateX(0);
	}
}

@keyframes waving-reverse {
	0% {
		transform: translateX(-25%);
	}

	50% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(-25%);
	}
}

header>.waves>.p1 {
	fill: var(--waves1);
	/*animation: waving 25s infinite ease-in-out;*/
	transition: all 0.5s ease-in-out;
}

header>.waves>.p2 {
	fill: var(--waves2);
	/*animation: waving-reverse 45s infinite ease-in-out;*/
	transition: all 0.5s ease-in-out;
}

header>.waves>.p3 {
	fill: var(--waves3);
	/*animation: waving 55s infinite ease-in-out;*/
	transition: all 0.5s ease-in-out;
}

header>.waves>.p4 {
	fill: var(--waves4);
	/*animation: waving-reverse 68s infinite ease-in-out;*/
	transition: all 0.5s ease-in-out;
}

header>.waves>.p5 {
	fill: var(--waves5);
	/*animation: waving 75s infinite ease-in-out;*/
	transition: all 0.5s ease-in-out;
}

.h-title {
	margin-top: 120px;
	font-family: "Krona One", sans-serif;
	font-size: min(105px, 11vw);
	text-align: center;
	color: #fff;

}

.h-desc {
	font-size: min(35px, 6vw);
	text-align: left;
	font-weight: bold;
	text-align: center;
	color: #fff;
	white-space: nowrap;
	/*padding-bottom: 150px;*/
}

header>.text-dec {
	position: absolute;
	height: 100%;
	top: 0;
	left: -25px;
	z-index: -1;
	border-radius: 0 25% 100% 0;
}

header>.text-dec-1 {
	width: 45%;
	backdrop-filter: blur(15px);
}

header>.text-dec-2 {
	width: 55%;
	backdrop-filter: blur(5px);
}

header>.text-dec-3 {
	width: 65%;
	backdrop-filter: blur(2px);
}


.navbar {
	transition: all 0.5s ease-in-out !important;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	background: var(--navback);
}

.mobile-navbar {
	transition: all 0.5s ease-in-out !important;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: var(--primary);
	z-index: 99;
}

.mobile-navbar.hidden {
	transform: translateX(-100%);
}

.nav-link {
	cursor: pointer;
	font-size: 110%;
	color: var(--navlink);
	font-weight: bold;
	opacity: 0.7;
	transition: opacity .3s;
}

.nav-link:hover {
	color: var(--navlink) !important;
	opacity: 1;
}

.nav-link:focus {
	color: var(--navlink);
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
	background-color: var(--secondary-opacity4) !important;
	color: var(--navlink);
}

.nav-pills .nav-link {
	padding-right: 2rem;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}

.nav-pills {
	box-shadow: none;
}

.nav-pills .nav-link:is(:active, :focus) {
	color: var(--navlink) !important;
}

.disabledd {
	font-size: 130%;
	opacity: 0.3 !important;
	cursor: not-allowed !important;
}

.disabledd-2 {
	font-size: 100% !important;
}

.disabledd:hover {
	opacity: 0.3 !important;
}

.navbar-toggler {
	color: var(--navlink) !important;
	background: transparent;
	border: none;
	box-shadow: none;
}

.navbar-toggler:focus {
	text-decoration: none;
	outline: 0;
	box-shadow: none;
}

.dropdown-button {
	cursor: pointer;
}

.dropdown-button::after {
	content: "";
}

.dropdown-content {
	list-style-type: none;
	position: absolute;
	padding-left: 5px;
	display: none;
	background: var(--cardbacks);
	padding: 15px;
	border: none;
	border-radius: 3px;
	min-width: 100%;
	width: fit-content;
}

.dropdown-content-up {
	bottom: 30px !important;
}

.dropdown:hover .dropdown-content {
	display: block;
}

.dropdown-content>li {
	left: 0;
}

.dropdown-link {
	text-decoration: none;
	font-size: 130%;
	color: var(--navlink);
	opacity: 0.7;
	transition: opacity .3s;
}

.dropdown-link:hover {
	color: var(--navlink) !important;
	opacity: 1;
}

.toggleDown {
	display: none;
}

.toggleDown:has(> li > a.pp-active) {
	display: block;
}

.underlined:after,
.underlined-80:after,
.underlined-40:after,
.underlined-120:after {
	content: "" !important;
	display: block !important;
	height: 4px !important;
	width: var(--width);
	margin: 10px auto auto !important;
	border-radius: 50px !important;
	opacity: 1 !important;
	background: var(--secondary) !important;
	box-sizing: border-box !important;
	transform: translateY(-10px);
}

.underlined-40:after {
	--width: 40px !important;
}

.underlined-80:after {
	--width: 80px !important;
}

.underlined-120:after {
	--width: 120px !important;
}

.underlined {
	padding-bottom: 0;
}

.underlined-left:after {
	margin: 10px 0 auto !important;
}

.underlined-right:after {
	margin: 10px auto 0 !important;
	margin-right: 0 !important;
}


.topic-title {
	font-size: min(35px, 8dvw);
	text-align: center;
	color: var(--fifth);
	text-transform: uppercase;
	font-weight: bold;
}

.card-title {
	font-size: min(27px, 6dvw);
	text-align: center;
	color: var(--fifth);
	text-transform: uppercase;
	font-weight: bold;
}

.no-transform {
	text-transform: none !important;
}

.card-desc,
p {
	font-size: min(17px, 4dvw);
	text-align: left;
	color: var(--third);
}

.hr {
	border-color: var(--third);
}

.card-desc-larger {
	font-size: min(21px, 5dvw);
	text-align: left;
	color: var(--third);
}

.card-foot {
	font-size: min(17px, 4dvw);
	color: var(--secondary);
	text-align: left;
	opacity: 0.8;
}

.karta-normal {
	background: var(--cardbacks);
	color: var(--fifth);
	padding: 45px;
	border-radius: 10px;

	box-shadow: var(--card-shadow);
	z-index: 11;
	position: relative;
}

.karta-normal-back {
	background: var(--cardbacks) !important;
	color: var(--fifth);
}

.karta-normal-p-min {
	background: var(--cardbacks);
	color: var(--fifth);
	padding: 25px;
	border-radius: 8px;

	box-shadow: var(--card-shadow);
	z-index: 11;
	position: relative;
}

.img-shadow {
	filter: drop-shadow(-25px 80px 20px rgba(0, 0, 0, 0.3));
	z-index: 8;
}

.no-shadow {
	box-shadow: none;
}

.img-100 {
	width: 100%;
	aspect-ratio: initial !important;
}

footer {
	background: var(--primary);
	margin-top: 125px;
	padding-top: 25px;
	padding-bottom: 25px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.disabled-footer-back {
	background: var(--footer) !important;
}

.mode-switcher:after {
	content: var(--icon);
	font-size: 130%;
}

.card {
	background: transparent;
	border: none;
	border-radius: 0;
}

.karta {
	border-radius: 5px;
	background: var(--cardbacks);
	color: var(--fifth);
	position: relative;
}

.offset {
	margin: 1rem;
}

.a-team-colored-line {
	background: var(--bcolor);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 35px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.a-team-colored-line-left {
	background: var(--bcolor);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: calc(100% - 35px);
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

.a-team-colored-line-bottom {
	background: var(--bcolor);
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	top: calc(100% - 35px);
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.social-circle {
	background: var(--primary);
	padding: 12px;
	margin: 2px;
	border-radius: 25px;
}

.social-circle-text {
	text-align: left;
	font-size: 130%;
	font-weight: bold;
	transform: translateY(15%);
}

.back-primary {
	background: var(--primary);
}

.back-karta {
	background: var(--primary);
	padding: 12px;
	border-radius: calc(.25rem + 12px);
	position: relative;
}

.embed-karta {
	--width: 5px;

	border-bottom-style: solid;
	border-bottom-width: var(--width);
	border-bottom-color: var(--color) !important;
}

.embed-karta-top {
	--width: 5px;

	border-top-style: solid;
	border-top-width: var(--width);
	border-top-color: var(--color) !important;
}

.embed-karta-right {
	--width: 5px;

	border-right-style: solid;
	border-right-width: var(--width);
	border-right-color: var(--color) !important;
}

.embed-karta-left {
	--width: 5px;

	border-left-style: solid;
	border-left-width: var(--width);
	border-left-color: var(--color) !important;
}

.bordered-karta-orange {
	border: 2px dashed;
	border-color: var(--secondary);
	padding: 12px;
	border-radius: 12px;
	position: relative;
}

.bordered-input-orange {
	border: 1px solid !important;
	border-color: var(--secondary) !important;
}

.alert {
	border: 2px;
	border-style: var(--style);
	border-color: var(--border);
	padding: 12px;
	border-radius: 12px;
	position: relative;
	background-color: var(--back);
}

.spacer {
	padding-bottom: 50px;
}

.spacer-md {
	padding-bottom: 100px;
}

.spacer-lg {
	padding-bottom: 150px;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.t-capital {
	text-transform: capitalize;
}

.y-25 {
	transform: translateY(-25%);
}

.y-20 {
	transform: translateY(-20%);
}

.y-23 {
	transform: translateY(-23%);
}

.x-20 {
	transform: translateX(20%);
}

.x-23 {
	transform: translateX(23%);
}

.x-25 {
	transform: translateX(25%);
}

.container-header {
	position: absolute;
	top: 35vh;
	left: 0;
	right: 0;
}

.new-thing {
	display: inline-block;
	transform: rotateZ(30deg) translateX(-20px);
}

.text-sm {
	font-size: min(13px, 3.25dvw);
}

.text-md {
	font-size: min(17px, 4dvw);
}

.text-lg {
	font-size: min(19px, 4.8dvw);
}

.text-xl {
	font-size: min(25px, 5.5dvw);
}

.text-xml {
	font-size: min(32px, 7.5dvw);
}

.text-xxl {
	font-size: min(45px, 9dvw);
}

.text-xxxl {
	font-size: min(55px, 11dvw);
}

.text-orange {
	color: var(--secondary);
}

.text-nocolor {
	color: var(--fifth);
}

.bublifuk {
	background: var(--back);
	border-radius: 10px;
	padding: 4px 6px;
	color: var(--fifth);
}

.bublifuk-2 {
	border-radius: 10px;
	padding: 4px 6px;
	color: var(--fifth);
}

.table-center {
	vertical-align: middle;
}


.table.table-colored {
	--back: var(--secondary-opacity4);
}

.table.table-colored thead {
	background: var(--back);
}

.table {
	border-radius: 0.25rem !important;
	overflow: hidden;
	margin-bottom: 0;
}

.table-hover tbody tr:hover td {
	background: #00000077 !important;
}

a.hoverable:hover .back-karta {
	background: #00000077 !important;
}

a.hoverable .back-karta {
	transition: .3s ease-in-out;
}

.no-wrap {
	white-space: nowrap;
}

.no-br br {
	display: none !important;
}

.wrap {
	white-space: wrap;
}

.break-word {
	word-wrap: break-word;
	word-break: break-all;
}

textarea,
input,
.input-group-text,
select {
	background-color: var(--inputsback) !important;
	color: var(--fifth) !important;
	border: none !important;
	box-shadow: none !important;
}

input[type="checkbox"]:checked,
input[type="radio"]:checked {
	background-color: var(--inputsback-active) !important;
}

input[type="range"]::-webkit-slider-thumb,
input[type="range"]::-moz-range-thumb,
input[type="range"]::-ms-thumb {
	color: var(--inputsback-active) !important;
}

input[type="range"]::-webkit-slider-runnable-track,
input[type="range"]::-moz-range-track,
input[type="range"]::-ms-track {
	color: var(--inputsback) !important;
	border: none !important;
	box-shadow: none !important;
}

.force-parent-lh {
	line-height: inherit !important;
}

.sticky-top-2 {
	position: sticky !important;
	top: 0;
	z-index: 99;
}

.sticky-top-offset {
	position: sticky !important;
	top: 50px !important;
}

.absolute-bottom-right {
	position: absolute;
	bottom: 0;
	right: 0;
}

.absolute-bottom-right-5 {
	position: absolute;
	bottom: 5px;
	right: 5px;
}

.absolute-bottom-right-10 {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.absolute-bottom-left-10 {
	position: absolute;
	bottom: 10px;
	left: 10px;
}

.absolute-top-right-10 {
	position: absolute;
	top: 10px;
	right: 10px;
}

.absolute-top-left-10 {
	position: absolute;
	top: 10px;
	left: 10px;
}

.absolute-top-right-5 {
	position: absolute;
	top: 5px;
	right: 5px;
}

.absolute-top-left-5 {
	position: absolute;
	top: 5px;
	left: 5px;
}

.absolute-top-right--5 {
	position: absolute;
	top: -5px;
	right: -5px;
}

.fixed-bottom-right {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fixed-bottom-right-10 {
	position: fixed;
	bottom: 10px;
	right: 10px;
}

.fixed-bottom-left-10 {
	position: fixed;
	bottom: 10px;
	left: 10px;
}

.fixed-top-right-10 {
	position: fixed;
	top: 10px;
	right: 10px;
}

.fixed-top-left-10 {
	position: fixed;
	top: 10px;
	left: 10px;
}

/**
  * BUTTONS
  */
.btn-primary {
	background: var(--btn1back) !important;
	background-size: 400% 100% !important;
	border: none;
	color: var(--secondary) !important;
	transition: 0.3s;
	background-position: left center !important;
}

.btn-primary:hover {
	background: var(--btn1back) !important;
	background-size: 400% 100% !important;
	border: none;
	box-shadow: none !important;
	background-position: right center !important;
	color: var(--secondary) !important;
}

.btn-primary:focus {
	border: none;
	background-position: right center !important;
	box-shadow: none !important;
}

.btn-success {
	background: var(--btn-success-back) !important;
	background-size: 400% 100% !important;
	border: none !important;
	color: #1db10f !important;
	transition: 0.3s;
	background-position: left center !important;
}

.btn-success:hover {
	background: var(--btn-success-back) !important;
	background-size: 400% 100% !important;
	border: none;
	box-shadow: none !important;
	background-position: right center !important;
	color: #1db10f !important;
}

.btn-danger {
	background: var(--btn-danger-back) !important;
	background-size: 400% 100% !important;
	border: none !important;
	color: #b10f0f !important;
	transition: 0.3s;
	background-position: left center !important;
}

.btn-danger:hover {
	background: var(--btn-danger-back) !important;
	background-size: 400% 100% !important;
	border: none;
	box-shadow: none !important;
	background-position: right center !important;
	color: #b10f0f !important;
}

.btn-warning {
	background: var(--btn-warning-back) !important;
	background-size: 400% 100% !important;
	border: none !important;
	color: #DFAB1B !important;
	transition: 0.3s;
	background-position: left center !important;
}

.btn-warning:hover {
	background: var(--btn-warning-back) !important;
	background-size: 400% 100% !important;
	border: none;
	box-shadow: none !important;
	background-position: right center !important;
	color: #DFAB1B !important;
}

.btn-purple {
	background: var(--btn-purple-back) !important;
	background-size: 400% 100% !important;
	border: none !important;
	color: #BF1BDF !important;
	transition: 0.3s;
	background-position: left center !important;
}

.btn-purple:hover {
	background: var(--btn-purple-back) !important;
	background-size: 400% 100% !important;
	border: none;
	box-shadow: none !important;
	background-position: right center !important;
	color: #BF1BDF !important;
}

.btn-check:checked+.btn-outline-success {
	background: var(--btn-success-back) !important;
	background-size: 400% 100% !important;
	border: none !important;
	color: #1db10f !important;
	transition: 0.3s;
	background-position: left center !important;
}

.btn-discord {
	background: var(--btn-discord-back) !important;
	background-size: 400% 100% !important;
	border: none !important;
	color: #7289da !important;
	transition: 0.3s;
	background-position: left center !important;
}

.btn-discord:hover {
	background: var(--btn-discord-back) !important;
	background-size: 400% 100% !important;
	border: none;
	box-shadow: none !important;
	background-position: right center !important;
	color: #7289da !important;
}

.btn-check:checked+.btn-outline-success:hover {
	background: var(--btn-success-back) !important;
	background-size: 400% 100% !important;
	border: none !important;
	box-shadow: none !important;
	background-position: right center !important;
	color: #1db10f !important;
}

.btn-check:checked+.btn-outline-danger {
	background: var(--btn-danger-back) !important;
	background-size: 400% 100% !important;
	border: none !important;
	color: #b10f0f !important;
	transition: 0.3s;
	background-position: left center !important;
}

.btn-check:checked+.btn-outline-danger:hover {
	background: var(--btn-danger-back) !important;
	background-size: 400% 100% !important;
	border: none;
	box-shadow: none !important;
	background-position: right center !important;
	color: #b10f0f !important;
}

.btn-outline-danger {
	background: var(--btn-danger-back) !important;
	background-size: 400% 100% !important;
	background-repeat: no-repeat !important;
	box-shadow: none !important;
	background-position: -200% center !important;
	color: #b10f0f !important;
	transition: all 0.3s;
	border: none;
	/*1px solid #b10f0fc5 !important;*/
}

.btn-outline-danger:hover {
	background: var(--btn-danger-back) !important;
	background-size: 400% 100% !important;
	background-repeat: no-repeat !important;
	border: none;
	box-shadow: none !important;
	background-position: right center !important;
	transition: all 0.3s;
	color: #b10f0f !important;
}

.btn-outline-success {
	background: var(--btn-success-back) !important;
	background-size: 400% 100% !important;
	background-repeat: no-repeat !important;
	box-shadow: none !important;
	background-position: -200% center !important;
	color: #1db10f !important;
	transition: all 0.3s;
	border: none;
	/*1px solid #1db10fc5 !important;*/
}

.btn-outline-success:hover {
	background: var(--btn-success-back) !important;
	background-size: 400% 100% !important;
	background-repeat: no-repeat !important;
	border: none;
	box-shadow: none !important;
	background-position: right center !important;
	transition: all 0.3s;
	color: #1db10f !important;
}

.btn-outline-success:focus {
	border: none;
	background-position: right center !important;
	box-shadow: none !important;
}

.btn-outline-danger:focus {
	border: none;
	background-position: right center !important;
	box-shadow: none !important;
}

input::file-selector-button {
	background: var(--btn1back) !important;
	background-size: 400% 100% !important;
	border: none !important;
	color: var(--secondary) !important;
	transition: 0.3s !important;
	background-position: left center !important;
}

input:hover::file-selector-button {
	background: var(--btn1back) !important;
	background-size: 400% 100% !important;
	border: none !important;
	box-shadow: none !important;
	background-position: right center !important;
	color: var(--secondary) !important;
}

input:focus::file-selector-button {
	border: none !important;
	background-position: right center !important;
	box-shadow: none !important;
}

.btn-secondary {
	background: transparent;
	/*border: var(--btn2border);*/
	border: none;
	color: var(--btn2color) !important;
}

.btn-secondary:hover {
	background: transparent;
	/*border: var(--btn2border-hover);*/
	border: none;
	box-shadow: none !important;
	color: var(--btn2color-hover) !important;
}

.btn-secondary:focus {
	background: transparent;
	/*border: var(--btn2border-focus);*/
	border: none;
	box-shadow: none !important;
	color: var(--btn2color-focus) !important;
}

.btn-third {
	--bs: solid;
	background: transparent;
	border: var(--btn2border);
	border-style: var(--bs);
	color: var(--btn2color) !important;
}

.btn-third:hover {
	--bs: solid;
	background: transparent;
	border: var(--btn2border-hover);
	border-style: var(--bs);
	box-shadow: none !important;
	color: var(--btn2color-hover) !important;
}

.btn-third:focus {
	--bs: solid;
	background: transparent;
	border: var(--btn2border-focus);
	border-style: var(--bs);
	box-shadow: none !important;
	color: var(--btn2color-focus) !important;
}

.btn-green {
	background: var(--btn-success-back);
	border: none;
	color: #fff !important;
	background-size: 400% 100%;
	transition: 0.3s;
	background-position: left center;
}

.btn-green:hover {
	border: none;
	box-shadow: none !important;
	background-position: right center;
}

.btn-green:focus {
	border: none;
	box-shadow: none !important;
}

.btn-check:active+.btn-outline-success,
.btn-check:checked+.btn-outline-success,
.btn-outline-success.active,
.btn-outline-success.dropdown-toggle.show,
.btn-outline-success:active {
	color: #fff;
	background-color: #17870Bc5;
	border-color: #17870Bc5;
}

.btn-outline-success {
	color: #17870Bc5;
	border-color: #17870Bc5;
}

.btn-outline-success:focus {
	border: none !important;
	box-shadow: none !important;
}

.btn-check:active+.btn-outline-danger,
.btn-check:checked+.btn-outline-danger,
.btn-outline-danger.active,
.btn-outline-danger.dropdown-toggle.show,
.btn-outline-danger:active {
	color: #fff;
	background-color: #910C0Cc5;
	border-color: #910C0Cc5;
}

.btn-outline-danger {
	color: #910C0Cc5;
	border-color: #910C0Cc5;
}

.btn-outline-danger:focus {
	border: none !important;
	box-shadow: none !important;
}

.btn-red {
	background: var(--btn-danger-back);
	border: none;
	color: #fff !important;
	background-size: 400% 100%;
	transition: 0.3s;
	background-position: left center;
}

.btn-red:hover {
	border: none;
	box-shadow: none !important;
	background-position: right center;
}

.btn-red:focus {
	border: none;
	box-shadow: none !important;
}

.btn-disabled {
	background: transparent;
	border: none;
	color: var(--btn2color) !important;
	opacity: 0.7 !important;
	cursor: default;
}

.btn-disabled:hover {
	background: transparent;
	border: none;
	color: var(--btn2color) !important;
	opacity: 0.7 !important;
}

.btn-disabled:focus {
	background: transparent;
	border: none;
	color: var(--btn2color) !important;
	opacity: 0.7 !important;
}

.btn {
	color: var(--fifth);
	/*border-radius: 10px !important;*/
}

.btn-square {
	--size: 40px;
	width: var(--size);
	height: var(--size);
	text-align: center;
	vertical-align: middle;
	line-height: var(--size);
	padding: 0 !important;
}

.ajs-message {
	background: var(--cardbacks) !important;
	color: var(--secondary) !important;
}

.success-check {
	color: #1db10fc5 !important;
}

.error-check {
	color: #b10f0fc5 !important;
}

.loading-check {
	color: #b1a60fc5 !important;
}

.gray-check {
	color: #383838c5 !important;
}

.check-lg {
	font-size: 180%;
}

.add-between-row {
	margin-top: 7px;
	margin-bottom: 7px;
	padding-top: 6px;
	padding-bottom: 6px;
	width: 100%;
	cursor: pointer;
	position: relative;
	opacity: 0;
	display: block;
}

.add-between-row::before {
	opacity: 0;
	display: block;
	content: "+";
	background-color: #1db10fc5;
	width: 20px;
	height: 20px;
	position: absolute;
	left: -7px;
	top: -2px;
	font-size: 1.1vw;
	padding: 0;
	margin: 0;
	line-height: 1.1vw;
	font-weight: bold;
	text-align: center;
}

.add-between-row>div {
	width: 100%;
	opacity: 0;
	display: block;
	border: 2px solid #1db10fc5;
}

.add-between-row:hover {
	opacity: 1;
}

.add-between-row:hover::before {
	opacity: 1;
}

.add-between-row:hover>div {
	opacity: 1;
}



/****** Style Star Rating Widget *****/

.rating {
	border: none;
	float: left;
}

.rating>input {
	display: none;
}

.rating>label:before {
	margin: 5px;
	font-size: 1.25em;
	font-family: FontAwesome;
	display: inline-block;
	content: "\f005";
}

.rating>.half:before {
	content: "\f089";
	position: absolute;
}

.rating>label {
	color: #ddd;
	float: right;
}

/***** CSS Magic to Highlight Stars on Hover *****/
.rating>input:checked~label,
/* show gold star when clicked */
.rating:not(:checked)>label:hover,
/* hover current star */
.rating:not(:checked)>label:hover~label {
	color: var(--secondary);
}

/* hover previous stars in list */

.rating>input:checked+label:hover,
/* hover current star when changing rating */
.rating>input:checked~label:hover,
.rating>label:hover~input:checked~label,
/* lighten current selection */
.rating>input:checked~label:hover~label {
	color: #6c757d;
}

/* LOADING BAR */
.dotsLoader {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	color: var(--secondary);
	box-shadow: 33.4px 0 0 12.3px, 66.8px 0 0 5.3px, 100.19999999999999px 0 0 0;
	transform: translateX(-66.8px);
	animation: dots-ijr34dhg 0.6s infinite alternate linear;
}

@keyframes dots-ijr34dhg {
	50% {
		box-shadow: 33.4px 0 0 5.3px, 66.8px 0 0 12.3px, 100.19999999999999px 0 0 5.3px;
	}

	100% {
		box-shadow: 33.4px 0 0 0, 66.8px 0 0 5.3px, 100.19999999999999px 0 0 12.3px;
	}
}


.notifer {
	position: relative !important;
}

.notifer-card {
	overflow: scroll;
	height: 350px;
}

.notifer-buble {
	position: absolute !important;
	top: -18px !important;
	right: -13px !important;
	border-radius: 100% !important;
	background: #b10f0fc5 !important;
	color: white !important;
	padding: 0px 7px 0px 7px;
	text-align: center;
	width: 25px;
	aspect-ratio: 1/1;
}

.after-hidden::after {
	display: none !important;
}

.bordered-row {
	border-left: 5px solid;
	border-left-color: var(--back);
	font-weight: bold;
	background: linear-gradient(45deg, var(--back1), var(--back2));
}

.as-button {
	cursor: pointer;
}

.code {
	background: var(--inputsback);
	color: inherit;
	padding: 3px;
	border-radius: 2px;
}

/*.code::before{
	content: "> ";
}*/


.tooltip1 {
	position: relative;
	cursor: pointer;
}

.tooltiptext1 {
	visibility: hidden;
	width: 250px;
	background-color: rgba(0, 0, 0, 0.5);
	color: #fff;
	text-align: center;
	padding: 5px 0;
	border-radius: 6px;

	position: absolute;
	z-index: 1;
	bottom: 150%;
	left: 50%;
	margin-left: -125px;
}

.tooltip1:hover .tooltiptext1 {
	visibility: visible;
}

.circle {
	display: inline-block;
	margin-right: 15px;
	transform: translateY(28%);
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: var(--color);
	box-shadow: attr(color) 0px 0px 25px;
}

.circle-sm {
	display: inline-block;
	margin-right: 15px;
	transform: translateY(28%);
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: var(--color);
}

.circle-only {
	display: inline-block;
	border-radius: 50%;
}

.working-circle {
	background: rgba(0, 200, 10, .8);
	box-shadow: rgba(0, 200, 10, .8) 0px 0px 25px;
}

.error-circle {
	background: rgba(200, 10, 0, .8);
	box-shadow: rgba(200, 10, 0, .8) 0px 0px 25px;
}

.dialy-ratio {
	display: inline-block;
	width: calc(1.111% - 4px);
	margin-right: 4px;
	height: 25px;
	border-radius: 3px;
}

.disk {
	background: var(--secondary-opacity3);
	height: 10px;
}

.disk-used {
	height: 100%;
	width: var(--width);
	background: var(--secondary);
}

/*
ALERTS
*/

.swal2-popup {
	background: var(--primary) !important;
	color: var(--fifth) !important;
}


.ribbon-corner {
	position: fixed;
	background: var(--back);
	box-shadow: 0 0 0 999px var(--back);
	clip-path: inset(0 -100%);
}

.ribbon-left {
	inset: 0 auto auto 0;
	transform-origin: 100% 0;
	transform: translate(-29.3%) rotate(-45deg);
}

.ribbon-right {
	inset: 0 0 auto auto;
	transform-origin: 0 0;
	transform: translate(29.3%) rotate(45deg);
}

.ribbon-normal {
	--f: 10px;
	/* control the folded part*/
	--r: 15px;
	/* control the ribbon shape */
	--t: 10px;
	/* the top offset */

	position: absolute;
	inset: var(--t) calc(-1*var(--f)) auto auto;
	padding: 0 10px var(--f) calc(10px + var(--r));
	clip-path:
		polygon(0 0, 100% 0, 100% calc(100% - var(--f)), calc(100% - var(--f)) 100%,
			calc(100% - var(--f)) calc(100% - var(--f)), 0 calc(100% - var(--f)),
			var(--r) calc(50% - var(--f)/2));
	background: var(--back);
	box-shadow: 0 calc(-1*var(--f)) 0 inset #0005;
}

.cs-elo-karta {
	border-left: 15px double;
	border-left-color: var(--border);
	background: var(--back);
	padding-left: 7px;
	padding-right: 7px;
	display: inline-block;
	color: var(--color);
	width: 75px;
	font-weight: bold;
	transform: skew(-10deg);
	/*filter: drop-shadow(0px 0px 3px var(--third));*/
}


.devided-slash {
	--width: 50%;
}

.devided-slash::before {
	content: "";
	display: inline-block;
	width: var(--width);
	height: 7px;
	bottom: 10px;
	margin-left: calc(var(--width)/-2);
	position: fixed;
	background: linear-gradient(110deg, #17870B00 5%, #17870B 50%, #910C0C 50%, #910C0C00 95%);
	transform: skew(-20deg);
	z-index: -2;
}

/* The actual timeline (the vertical ruler) */
.timeline {
	box-sizing: border-box;
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
}

/* The actual timeline (the vertical ruler) */
.timeline::after {
	content: '';
	position: absolute;
	width: 6px;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, var(--secondary-opacity4) 5%, var(--secondary-opacity4) 95%, rgba(0, 0, 0, 0) 100%);
	/*background-color: var(--secondary-opacity4);*/
	top: 0;
	bottom: 0;
	left: 50%;
	margin-left: -3px;
}

/* Container around content */
.timeline-container {
	box-sizing: border-box;
	padding: 10px 40px;
	position: relative;
	background-color: inherit;
	width: 50%;
}

/* The circles on the timeline */
.timeline-container::after {
	box-sizing: border-box;
	content: '';
	position: absolute;
	width: 25px;
	height: 25px;
	right: -12px;
	background-color: var(--secondary);
	border: 4px solid var(--secondary);
	top: 15px;
	border-radius: 50%;
	z-index: 1;
}

/* Place the container to the left */
.timeline-left {
	box-sizing: border-box;
	left: 0;
}

/* Place the container to the right */
.timeline-right {
	box-sizing: border-box;
	left: 50%;
}

/* Add arrows to the left container (pointing right) */
.timeline-left::before {
	box-sizing: border-box;
	content: " ";
	height: 0;
	position: absolute;
	top: 22px;
	width: 0;
	z-index: 1;
	right: 30px;
	border: medium solid var(--cardbacks);
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent var(--cardbacks);
}

/* Add arrows to the right container (pointing left) */
.timeline-right::before {
	box-sizing: border-box;
	content: " ";
	height: 0;
	position: absolute;
	top: 22px;
	width: 0;
	z-index: 1;
	left: 30px;
	border: medium solid var(--cardbacks);
	border-width: 10px 10px 10px 0;
	border-color: transparent var(--cardbacks) transparent transparent;
}

/* Fix the circle for containers on the right side */
.timeline-right::after {
	box-sizing: border-box;
	left: -12px;
}

/* The actual content */
.timeline-content {
	box-sizing: border-box;
	padding: 20px 30px;
	background-color: var(--cardbacks);
	position: relative;
	border-radius: 6px;
}

@media screen and (max-width: 992px) {
	.timeline::after {
		left: 27px;
	}

	/* Place the timelime to the left */
	.timeline-timeline::after {
		box-sizing: border-box;
		left: 31px;
	}

	/* Full-width containers */
	.timeline-container {
		box-sizing: border-box;
		width: 100%;
		padding-left: 70px;
		padding-right: 25px;
	}

	/* Make sure that all arrows are pointing leftwards */
	.timeline-container::before {
		box-sizing: border-box;
		left: 60px;
		border: medium solid var(--cardbacks);
		border-width: 10px 10px 10px 0;
		border-color: transparent var(--cardbacks) transparent transparent;
	}

	/* Make sure all circles are at the same spot */
	.timeline-left::after,
	.timeline-right::after {
		box-sizing: border-box;
		left: 15px;
	}

	/* Make all right containers behave like the left ones */
	.timeline-right {
		box-sizing: border-box;
		left: 0%;
	}
}


.id-card {
	position: relative;
	overflow: hidden;
	border-radius: 15px;
	transition: transform 0.1s;
	--x: 0;
	--y: 0;

	transform: perspective(2000px) rotate3d(0, 1, 0, var(--x)) rotate3d(1, 0, 0, calc(var(--y)))
}

.id-card-shine {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: radial-gradient(circle, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 25%);
	transition: transform 0.1s;
	transform: translate(var(--xPos), var(--yPos));
}

.id-card-shine-plane {
	position: absolute;
	left: -3000px;
	right: -3000px;
	top: -3000px;
	bottom: -3000px;
	background: linear-gradient(30deg, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 54%);
	transition: transform 0.1s;
	transform: translate(var(--xPos2), var(--yPos2));
	z-index: -10 !important;
}

.id-card-info-title {
	color: #2C3E9B;
	font-size: 17px;
	font-weight: 500;
	padding-right: 5px;
	line-height: 15px;
	z-index: 10
}

.id-card-info-value-big {
	color: #A51E1E;
	font-size: 23px;
	font-weight: 550;
	line-height: 15px;
	z-index: 10
}

.id-card-info-value {
	color: #A51E1E;
	font-size: 20px;
	font-weight: 550;
	line-height: 15px;
	z-index: 10
}

.id-card-info-value-black {
	color: #000;
	font-size: 20px;
	font-weight: 550;
	line-height: 15px;
	z-index: 10
}

.id-card-info-address {
	color: #000;
	font-size: 17px;
	font-weight: 550;
	line-height: 10px;
	z-index: 10
}

.id-card-watermark {
	background: url("/src/imgs/id-card-watermark.png");
}

.id-card-img-wrapper {
	width: 100%;
	aspect-ratio: 9/13;
	align-items: center;
	background: #fff;
	display: flex;
	align-items: end;
	background: #cececec5 var(--img);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.id-card-number-holo {
	font-size: 32px;
	font-weight: bold;
	text-shadow: 1px 0 #ffffff10, -1px 0 #ffffff10, 0 1px #ffffff10, 0 -1px #ffffff10,
		1px 1px #ffffff10, -1px -1px #ffffff10, 1px -1px #ffffff10, -1px 1px #ffffff10;
	color: #00000020;
	position: absolute;
	bottom: 5%;
	left: 0;
	right: 0;
}

.id-card-content {
	background: #ffffffaa;
	border-radius: 15px;
	border: 3px solid var(--secondary-opacity2);
	color: #000;
	overflow: hidden;
}

.id-card-header {
	background: var(--secondary-opacity);
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
	padding-top: 15px;
	padding-left: 5px;
	padding-right: 5px;
	border-bottom: 2px solid #2C3E9B;
}

.id-card-state {
	color: #2C3E9B;
}

.id-card-desc {
	color: #0E801D;
}

.id-card-body {
	padding: 25px;
}

.scale-150 {
	--tw-scale-x: 1.5;
	--tw-scale-y: 1.5;
	transform: scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

#mainContentWrraper {
	transition: transform .3s ease-in-out;
}

.nav-tabs .nav-link {
	border: none;
	border-radius: 0;
}

.nav-tabs .nav-link.active {
	background: var(--btn1back) !important;
	border: none;
	color: var(--secondary) !important;
	background-size: 400% 100% !important;
	transition: 0.3s;
	background-position: left center !important;
}

.nav-tabs .nav-link.active:hover {
	background: var(--btn1back) !important;
	border: none;
	box-shadow: none !important;
	background-position: right center !important;
	background-size: 400% 100% !important;
}

.nav-tabs .nav-link.active:focus {
	background: var(--btn1back) !important;
	border: none;
	box-shadow: none !important;
	background-position: right center !important;
	background-size: 400% 100% !important;
}

.nav-tabs {
	border-bottom: 2px solid var(--secondary);
}

.static-alert {
	background: var(--back);
	background-size: cover;
	background-position: center;
	padding: 0;
	border-radius: calc(.25rem + 12px);
	position: relative;
}

.static-alert .static-alert-glass {
	padding: 24px;
	border-radius: calc(.25rem + 12px);
	position: relative;
	backdrop-filter: blur(10px);
	background: #00000020;
}

.static-alert-danger {
	--back: var(--danger-shapes-bg);
}

.static-alert-danger .static-alert-icon {
	color: #910C0C;
}

.static-alert-warning {
	--back: var(--warning-shapes-bg);
}

.static-alert-warning .static-alert-icon {
	color: #DFAB1B;
}

.static-alert-primary {
	--back: var(--primary-shapes-bg);
}

.static-alert-primary .static-alert-icon {
	color: #00b3ff;
}

.static-alert-success {
	--back: var(--success-shapes-bg);
}

.static-alert-success .static-alert-icon {
	color: #17870B;
}

.static-alert-purple {
	--back: var(--purple-shapes-bg);
}

.static-alert-purple .static-alert-icon {
	color: #BF1BDF;
}

.static-alert-custom {
	--back: var(--customback), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1003%26quot%3b)' fill='none'%3e%3cpath d='M1147.994%2c429.9C1201.673%2c426.289%2c1234.796%2c376.983%2c1260.357%2c329.643C1284.243%2c285.406%2c1300.418%2c234.744%2c1277.541%2c189.976C1252.77%2c141.501%2c1202.417%2c108.518%2c1147.994%2c109.758C1095.368%2c110.957%2c1055.338%2c150.499%2c1028.282%2c195.654C1000.236%2c242.462%2c981.161%2c298.165%2c1005.993%2c346.754C1032.746%2c399.103%2c1089.338%2c433.846%2c1147.994%2c429.9' fill='rgba(255%2c 255%2c 255%2c 0.4666666666666667)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M1142.8493724992586 408.1385347212955L1100.2616894692321 488.234317293647 1180.3574720415838 530.8220003236734 1222.94515507161 450.7262177513219z' fill='rgba(255%2c 255%2c 255%2c 0.4666666666666667)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M530.332%2c535.213C546.233%2c535.284%2c561.676%2c528.22%2c569.73%2c514.51C577.883%2c500.632%2c577.406%2c483.163%2c568.957%2c469.463C560.898%2c456.394%2c545.66%2c451.517%2c530.332%2c450.62C512.746%2c449.591%2c492.177%2c449.4%2c482.998%2c464.435C473.606%2c479.82%2c481.52%2c499.176%2c491.54%2c514.159C500.306%2c527.266%2c514.564%2c535.142%2c530.332%2c535.213' fill='rgba(255%2c 255%2c 255%2c 0.4666666666666667)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M727.291%2c410.708C769.767%2c408.756%2c800.563%2c374.705%2c821.115%2c337.481C840.831%2c301.772%2c849.457%2c259.839%2c830.543%2c223.699C810.288%2c184.995%2c770.972%2c157.673%2c727.291%2c158.203C684.395%2c158.724%2c649.907%2c189.099%2c628.29%2c226.154C606.471%2c263.556%2c596.769%2c308.693%2c617.238%2c346.851C638.727%2c386.909%2c681.881%2c412.795%2c727.291%2c410.708' fill='rgba(255%2c 255%2c 255%2c 0.4666666666666667)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M392.8888605824845 556.9446090212198L382.74526500973894 474.33165265151075 263.89762824154826 530.8535241954835z' fill='rgba(255%2c 255%2c 255%2c 0.4666666666666667)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M432.9458420573787 356.43059377711916L492.86064178681363 373.6108861381977 488.67368046371394 275.1485403635061z' fill='rgba(255%2c 255%2c 255%2c 0.4666666666666667)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M943.678%2c462.229C978.955%2c461.558%2c1016.327%2c453.058%2c1034.135%2c422.599C1052.071%2c391.919%2c1043.638%2c353.669%2c1024.743%2c323.57C1007.125%2c295.505%2c976.767%2c280.289%2c943.678%2c278.502C906.573%2c276.498%2c866.228%2c282.817%2c845.882%2c313.911C823.924%2c347.468%2c824.984%2c392.675%2c847.06%2c426.155C867.343%2c456.916%2c906.839%2c462.929%2c943.678%2c462.229' fill='rgba(255%2c 255%2c 255%2c 0.4666666666666667)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M393.5836475254055 275.1229481744953L466.50531729763327 447.3718618592542 567.1721745496636 318.52416028034287z' fill='rgba(255%2c 255%2c 255%2c 0.4666666666666667)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M946.869%2c442.88C972.043%2c442.491%2c997.304%2c433.915%2c1010.421%2c412.425C1024.051%2c390.094%2c1022.403%2c362.312%2c1010.152%2c339.196C996.996%2c314.371%2c974.958%2c293.133%2c946.869%2c292.507C917.878%2c291.861%2c892.477%2c310.853%2c878.505%2c336.263C865.045%2c360.741%2c864.741%2c390.928%2c879.82%2c414.444C893.865%2c436.348%2c920.852%2c443.282%2c946.869%2c442.88' fill='rgba(255%2c 255%2c 255%2c 0.4666666666666667)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M1027.118%2c255.693C1062.261%2c258.61%2c1095.452%2c236.69%2c1112.203%2c205.658C1128.207%2c176.01%2c1122.184%2c140.547%2c1104.879%2c111.639C1088.099%2c83.607%2c1059.733%2c61.626%2c1027.118%2c63.52C996.831%2c65.279%2c976.935%2c92.609%2c963.569%2c119.844C952.006%2c143.406%2c952.305%2c169.534%2c963.426%2c193.307C976.922%2c222.158%2c995.375%2c253.058%2c1027.118%2c255.693' fill='rgba(255%2c 255%2c 255%2c 0.4666666666666667)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M1205.705847816258 267.1616641198766L1123.4883610934546 307.2618117445689 1163.5885087181468 389.4792984673723 1245.8059954409503 349.37915084268z' fill='rgba(255%2c 255%2c 255%2c 0.4666666666666667)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M222.775%2c692.147C261.365%2c689.042%2c291.482%2c662.884%2c311.275%2c629.611C331.637%2c595.382%2c343.049%2c554.939%2c325.734%2c519.072C306.15%2c478.506%2c267.806%2c447.449%2c222.775%2c446.292C175.95%2c445.089%2c133.915%2c473.127%2c110.227%2c513.536C86.251%2c554.437%2c80.337%2c606.048%2c105.612%2c646.159C129.585%2c684.203%2c177.953%2c695.754%2c222.775%2c692.147' fill='rgba(255%2c 255%2c 255%2c 0.4666666666666667)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M672.5571430898774 64.45635505251411L672.6811261766447-65.63837358846675 573.2164822254751-10.504221146806508z' fill='rgba(255%2c 255%2c 255%2c 0.4666666666666667)' class='triangle-float3'%3e%3c/path%3e%3cpath d='M847.0564582801484 352.6845072933069L753.7772861634814 365.79404000293135 860.1659909897728 445.9636794099739z' fill='rgba(255%2c 255%2c 255%2c 0.4666666666666667)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M568.551%2c116.624C589.226%2c118.027%2c611.248%2c110.113%2c620.986%2c91.821C630.327%2c74.275%2c621.953%2c53.618%2c610.885%2c37.106C601.252%2c22.736%2c585.848%2c13.926%2c568.551%2c13.597C550.614%2c13.256%2c532.293%2c19.899%2c523.336%2c35.443C514.39%2c50.968%2c518.429%2c69.798%2c527.148%2c85.452C536.157%2c101.628%2c550.078%2c115.37%2c568.551%2c116.624' fill='rgba(255%2c 255%2c 255%2c 0.4666666666666667)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M991.6923722035957 562.0812002987535L1141.3456999650145 599.393965628344 1178.6584652946049 449.7406378669251 1029.0051375331861 412.4278725373347z' fill='rgba(255%2c 255%2c 255%2c 0.4666666666666667)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M316.8363095838 479.72598339175363L274.17298232086097 527.1084085742273 366.57828372604087 567.412186877399z' fill='rgba(255%2c 255%2c 255%2c 0.4666666666666667)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M100.77692008908998 293.5936792971533L268.8478485148287 326.4296163596325 222.58859495730582 184.05827324362878z' fill='rgba(255%2c 255%2c 255%2c 0.4666666666666667)' class='triangle-float1'%3e%3c/path%3e%3cpath d='M281.243%2c494.815C335.097%2c492.631%2c387.269%2c468.085%2c412.513%2c420.464C436.436%2c375.335%2c422.5%2c322.085%2c395.935%2c278.458C370.616%2c236.878%2c329.779%2c208.655%2c281.243%2c204.882C224.453%2c200.468%2c162.425%2c210.436%2c130.865%2c257.855C96.409%2c309.624%2c96.816%2c379.411%2c130.137%2c431.917C161.469%2c481.289%2c222.816%2c497.185%2c281.243%2c494.815' fill='rgba(255%2c 255%2c 255%2c 0.4666666666666667)' class='triangle-float2'%3e%3c/path%3e%3cpath d='M542.3432450944581 450.6575880459884L514.4840975988932 554.2343973542396 605.4594107240703 531.5517042247062z' fill='rgba(255%2c 255%2c 255%2c 0.4666666666666667)' class='triangle-float3'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1003'%3e%3crect width='1440' height='560' fill='white'%3e%3c/rect%3e%3c/mask%3e%3cstyle%3e %40keyframes float1 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-10px%2c 0)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float1 %7b animation: float1 5s infinite%3b %7d %40keyframes float2 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(-5px%2c -5px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float2 %7b animation: float2 4s infinite%3b %7d %40keyframes float3 %7b 0%25%7btransform: translate(0%2c 0)%7d 50%25%7btransform: translate(0%2c -10px)%7d 100%25%7btransform: translate(0%2c 0)%7d %7d .triangle-float3 %7b animation: float3 6s infinite%3b %7d %3c/style%3e%3c/defs%3e%3c/svg%3e");
}

.shiny-image {
	filter: drop-shadow(0px 0px 5px #000000);
}