:root{--spacing-0:0;--spacing-xs:2px;--spacing-sm:4px;--spacing-md:8px;--spacing-lg:10px;--spacing-xl:12px;--spacing-2x:16px;--spacing-3x:20px;--spacing-4x:26px;--spacing-5x:32px;--spacing-6x:40px;--size-0:0;--size-20:20px;--size-26:26px;--size-32:32px;--size-40:40px;--size-80:80px;--size-100:100px;--size-120:120px;--size-160:160px;--size-200:200px;--size-260:260px;--size-320:320px;--size-400:400px;--round-0:0px;--round-unset:unset;--round-xs:4px;--round-sm:8px;--round-md:12px;--round-lg:16px;--round-xl:20px;--round-full:999px;--weight-extra-light:200;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semi-bold:600;--weight-bold:700;--weight-extra-bold:800;--line-h-normal:1.5;--line-h-dense:1.25;--line-h-loose:2;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-serif:Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--shadow-sm:0 0 2px rgba(0, 0, 0, .1);--shadow-md:0 0 4px rgba(0, 0, 0, .1);--shadow-lg:0 0 8px rgba(15, 3, 93, .16);--shadow-xl:0 0 16px rgba(0, 0, 0, .2);--shadow-2x:0 0 24px rgba(0, 0, 0, .2);--shadow-bottom:0 3px 8px rgba(0, 0, 0, .1);--shadow-top:0 -3px 6px rgba(0, 0, 0, .1);--shadow-top-sm:0 -2px 4px rgba(0, 0, 0, .1);--shadow-focus:0px 0px rgba(32, 211, 238,.1);--shadow-error:0px 0px rgba(231, 53, 60,.1);--shadow-none:none;--text-xs:8px;--text-sm:10px;--text-md:12px;--text-lg:14px;--text-xl:16px;--text-2x:18px;--text-3x:20px;--text-4x:22px;--text-5x:24px;--text-6x:26px;--border-none:0px;--border-thin:1px;--border-thick:2px;--border-none:none;--border-solid:solid;--border-dashed:dashed;--border-dotted:dotted;--transition-100:all .1s ease-in-out;--transition-200:all .2s ease-in-out;--transition-300:all .3s ease-in-out;--transition-400:all .4s ease-in-out;--transition-500:all .5s ease-in-out;--transition-600:all .6s ease-in-out;--transition-none:none;--z-0:0;--z-10:1;--z-20:2;--z-30:3;--z-40:4;--z-50:5;--z-60:6;--z-70:7;--z-80:8;--z-90:9;--z-100:10;--display-none:none;--display-block:block;--display-inline-block:inline-block;--display-inline:inline;--display-flex:flex;--display-inline-flex:inline-flex;--display-grid:grid;--display-inline-grid:inline-grid;--display-table:table;--display-table-row:table-row;--display-table-cell:table-cell;--display-list-item:list-item;--content-start:flex-start;--content-end:flex-end;--content-center:center;--content-between:space-between;--content-around:space-around;--content-evenly:space-evenly;--blur-0:0px;--blur-xs:2px;--blur-sm:4px;--blur-md:8px;--blur-lg:10px;--blur-xl:12px;--blur-2x:16px;--blur-3x:20px;--blur-4x:26px;--blur-5x:32px;--blur-6x:40px;--opacity-0:0;--opacity-100:1;--opacity-xs:.05;--opacity-sm:.1;--opacity-md:.2;--opacity-lg:.3;--opacity-xl:.4;--opacity-2x:.5;--opacity-3x:.6;--opacity-4x:.7;--opacity-5x:.8;--opacity-6x:.9;--filter-0:0;--filter-100:1;--filter-xs:.05;--filter-sm:.1;--filter-md:.2;--filter-lg:.3;--filter-xl:.4;--filter-2x:.5;--filter-3x:.6;--filter-4x:.7;--filter-5x:.8;--filter-6x:.9;--object-fit-contain:contain;--object-fit-cover:cover;--object-fit-fill:fill;--object-fit-none:none;--object-fit-scale-down:scale-down}.p-0{padding:var(--spacing-0)}.pb-0{padding-bottom:var(--spacing-0)}.inset-0{inset:var(--spacing-0)}.top-0{top:var(--spacing-0)}.left-0{left:var(--spacing-0)}.right-0{right:var(--spacing-0)}.bottom-0{bottom:var(--spacing-0)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.px-sm{padding-inline:var(--spacing-sm)}.py-sm{padding-block:var(--spacing-sm)}.mb-sm{margin-bottom:var(--spacing-sm)}.gap-sm{gap:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.py-md{padding-block:var(--spacing-md)}.gap-md{gap:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.px-lg{padding-inline:var(--spacing-lg)}.py-lg{padding-block:var(--spacing-lg)}.m-lg{margin:var(--spacing-lg)}.gap-lg{gap:var(--spacing-lg)}.right-lg{right:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.px-xl{padding-inline:var(--spacing-xl)}.py-xl{padding-block:var(--spacing-xl)}.m-xl{margin:var(--spacing-xl)}.mt-xl{margin-top:var(--spacing-xl)}.mb-xl{margin-bottom:var(--spacing-xl)}.gap-xl{gap:var(--spacing-xl)}.p-2x{padding:var(--spacing-2x)}.px-2x{padding-inline:var(--spacing-2x)}.gap-2x{gap:var(--spacing-2x)}.p-3x{padding:var(--spacing-3x)}.px-3x{padding-inline:var(--spacing-3x)}.p-4x{padding:var(--spacing-4x)}.py-6x{padding-block:var(--spacing-6x)}.size-40{height:var(--size-40);width:var(--size-40)}.round-xs{border-radius:var(--round-xs)}.round-sm{border-radius:var(--round-sm)}.round-md{border-radius:var(--round-md)}.round-t-md{border-top-left-radius:var(--round-md);border-top-right-radius:var(--round-md)}.round-b-md{border-bottom-right-radius:var(--round-md);border-bottom-left-radius:var(--round-md)}.round-lg{border-radius:var(--round-lg)}.round-xl{border-radius:var(--round-xl)}.round-full{border-radius:var(--round-full)}.weight-extra-light{font-weight:var(--weight-extra-light)}.weight-light{font-weight:var(--weight-light)}.weight-regular{font-weight:var(--weight-regular)}.weight-medium{font-weight:var(--weight-medium)}.weight-semi-bold{font-weight:var(--weight-semi-bold)}.weight-bold{font-weight:var(--weight-bold)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2x{font-size:var(--text-2x)}.border-thick{border-width:var(--border-thick)}.border-solid{border-style:var(--border-solid)}.border-dashed{border-style:var(--border-dashed)}.transition-200{transition:var(--transition-200)}.z-10{z-index:var(--z-10)}.z-20{z-index:var(--z-20)}.z-30{z-index:var(--z-30)}.z-40{z-index:var(--z-40)}.z-50{z-index:var(--z-50)}.opacity-0{opacity:var(--opacity-0)}.object-fit-contain{object-fit:var(--object-fit-contain)}:root{--rgb-red:248, 81, 73;--red:rgb(var(--rgb-red));--rgb-light-red:255, 245, 245;--light-red:rgb(var(--rgb-light-red));--rgb-orange:255, 166, 87;--orange:rgb(var(--rgb-orange));--rgb-sea:47, 129, 247;--sea:rgb(var(--rgb-sea));--rgb-old-green:63, 185, 80;--old-green:rgb(var(--rgb-old-green));--rgb-green:0, 166, 90;--green:rgb(var(--rgb-green));--rgb-light-green:126, 231, 135;--light-green:rgb(var(--rgb-light-green));--rgb-cyan:99, 207, 201;--cyan:rgb(var(--rgb-cyan));--rgb-nice:131, 214, 225;--nice:rgb(var(--rgb-nice));--rgb-cute:163, 228, 203;--cute:rgb(var(--rgb-cute));--rgb-white:255, 255, 255;--white:rgb(var(--rgb-white));--rgb-black:0, 0, 0;--black:rgb(var(--rgb-black));--rgb-error:248, 81, 73;--error:rgb(var(--rgb-error));--rgb-info:47, 129, 247;--info:rgb(var(--rgb-info));--rgb-purple-two:117, 81, 255;--purple-two:rgb(var(--rgb-purple-two));--rgb-purple:165, 92, 248;--purple:rgb(var(--rgb-purple));--rgb-primary:24, 7, 143;--primary:rgb(var(--rgb-primary));--rgb-secondary:54, 54, 54;--secondary:rgb(var(--rgb-secondary));--rgb-primary-hover:47, 129, 247;--primary-hover:rgb(var(--rgb-primary-hover));--rgb-primary-active:47, 129, 247;--primary-active:rgb(var(--rgb-primary-active));--rgb-primary-border:250, 95, 85;--primary-border:rgb(var(--rgb-primary-border));--rgb-primary-light:47, 129, 247;--primary-light:rgb(var(--rgb-primary-light));--rgb-grass:63, 185, 80;--grass:rgb(var(--rgb-grass));--rgb-light-grass:63, 185, 80;--light-grass:rgb(var(--rgb-light-grass));--rgb-light-blue:91, 192, 222;--light-blue:rgb(var(--rgb-light-blue));--rgb-secondary-hover:54, 54, 54;--secondary-hover:rgb(var(--rgb-secondary-hover));--rgb-secondary-active:54, 54, 54;--secondary-active:rgb(var(--rgb-secondary-active));--rgb-secondary-border:250, 95, 85;--secondary-border:rgb(var(--rgb-secondary-border));--rgb-secondary-light:54, 54, 54;--secondary-light:rgb(var(--rgb-secondary-light));--rgb-night:98, 98, 98;--night:rgb(var(--rgb-night));--rgb-night-hover:57, 57, 57;--night-hover:rgb(var(--rgb-night-hover));--rgb-night-active:39, 39, 42;--night-active:rgb(var(--rgb-night-active));--rgb-night-border:250, 95, 85;--night-border:rgb(var(--rgb-night-border));--rgb-night-light:255, 245, 245;--night-light:rgb(var(--rgb-night-light));--rgb-warning:252, 211, 77;--warning:rgb(var(--rgb-warning));--rgb-warning-hover:245, 158, 11;--warning-hover:rgb(var(--rgb-warning-hover));--rgb-warning-border:180, 83, 9;--warning-border:rgb(var(--rgb-warning-border));--rgb-warning-light:255, 251, 235;--warning-light:rgb(var(--rgb-warning-light));--rgb-success:134, 239, 172;--success:rgb(var(--rgb-success));--rgb-success-hover:34, 197, 94;--success-hover:rgb(var(--rgb-success-hover));--rgb-success-border:21, 128, 61;--success-border:rgb(var(--rgb-success-border));--rgb-success-light:134, 239, 172;--success-light:rgb(var(--rgb-success-light));--rgb-owl-border:98, 98, 98;--owl-border:rgb(var(--rgb-owl-border));--rgb-shark-border-old:232, 232, 232;--shark-border-old:rgb(var(--rgb-shark-border-old));--rgb-owl-disabled:232, 232, 232;--owl-disabled:rgb(var(--rgb-owl-disabled));--rgb-shark-disabled:246, 246, 246;--shark-disabled:rgb(var(--rgb-shark-disabled));--rgb-goat-icon:165, 165, 178;--goat-icon:rgb(var(--rgb-goat-icon));--rgb-new:250, 95, 85;--new:rgb(var(--rgb-new));--rgb-delivered:34, 197, 94;--delivered:rgb(var(--rgb-delivered));--rgb-pinned:245, 158, 11;--pinned:rgb(var(--rgb-pinned));--rgb-prepared:123, 97, 255;--prepared:rgb(var(--rgb-prepared));--rgb-received:66, 184, 221;--received:rgb(var(--rgb-received));--rgb-link:30, 167, 253;--link:rgb(var(--rgb-link));--main:rgb(var(--rgb-main));--prim:rgb(var(--rgb-prim));--king:rgb(var(--rgb-king));--prince:rgb(var(--rgb-prince));--lord:rgb(var(--rgb-lord));--throne:rgb(var(--rgb-throne));--hoverd:rgb(var(--rgb-hoverd));--bord:rgb(var(--rgb-bord));--shark-border:rgb(var(--rgb-shark-border));--goat-border:rgb(var(--rgb-goat-border));--owl:rgb(var(--rgb-owl));--shark:rgb(var(--rgb-shark));--goat-old:rgb(var(--rgb-goat-old));--goat:rgb(var(--rgb-goat));--nav:rgb(var(--rgb-nav));--nav-t:rgb(var(--rgb-nav-t));--dolphin:rgb(var(--rgb-dolphin));--whale:rgb(var(--rgb-whale));--icon:rgb(var(--rgb-icon));--sky:rgb(var(--rgb-sky));--danger:rgb(var(--rgb-danger));--outline:rgb(var(--rgb-outline))}.light{--rgb-main:244, 247, 254;--rgb-prim:255, 255, 255;--rgb-king:249, 249, 250;--rgb-prince:224, 224, 224;--rgb-lord:144, 144, 144;--rgb-throne:224, 224, 224;--rgb-hoverd:240, 240, 240;--rgb-bord:139, 148, 158;--rgb-shark-border:224, 229, 242;--rgb-goat-border:226, 232, 240;--rgb-primary:127, 18, 172;--rgb-primary-hover:59, 46, 150;--rgb-primary-active:37, 27, 102;--rgb-primary-border:22, 14, 75;--rgb-primary-light:24, 7, 143;--rgb-owl:27, 37, 75;--rgb-shark:159, 174, 192;--rgb-goat-old:140, 140, 151;--rgb-goat:163, 174, 208;--rgb-nav:176, 192, 242;--rgb-nav-t:0, 18, 74;--rgb-dolphin:131, 131, 145;--rgb-whale:246, 246, 246;--rgb-icon:165, 165, 178;--rgb-sky:217, 255, 253;--rgb-sea:132, 218, 214;--rgb-danger:248, 81, 73;--rgb-outline:255, 255, 255}.dark{--rgb-red:252, 146, 140;--rgb-green:27, 214, 154;--rgb-main:3, 63, 79;--rgb-prim:10, 35, 51;--rgb-king:12, 43, 62;--rgb-prince:14, 43, 62;--rgb-throne:24, 63, 87;--rgb-lord:13, 52, 75;--rgb-primary:0, 212, 255;--rgb-goat:0, 157, 255;--rgb-nav:3, 90, 114;--rgb-nav-t:227, 249, 255;--rgb-owl:255, 255, 255;--rgb-shark:211, 217, 223;--rgb-dolphin:71, 77, 87;--rgb-sky:26, 28, 36;--rgb-sea:247, 141, 167;--rgb-hoverd:10, 35, 51;--rgb-bord:10, 35, 51;--rgb-primary-hover:135, 206, 255;--rgb-primary-active:224, 122, 139;--rgb-primary-border:179, 98, 118;--rgb-primary-light:247, 226, 215;--rgb-night:58, 64, 75;--rgb-night-hover:67, 77, 87;--rgb-night-active:64, 75, 82;--rgb-night-border:#00d4ff40;--rgb-night-light:211, 217, 223;--rgb-owl-border:224, 224, 224;--rgb-shark-border:96, 98, 100;--rgb-goat-icon:253, 170, 75;--rgb-outline:10, 35, 51}.bg-red{background-color:var(--red)}.text-red{color:var(--red)}.fill-red{fill:var(--red)}.text-orange{color:var(--orange)}.bg-green{background-color:var(--green)}.text-green{color:var(--green)}.bg-cyan{background-color:var(--cyan)}.text-cyan{color:var(--cyan)}.text-nice{color:var(--nice)}.bg-white{background-color:var(--white)}.text-white{color:var(--white)}.fill-white{fill:var(--white)}.text-black{color:var(--black)}.bg-primary{background-color:var(--primary)}.text-primary{color:var(--primary)}.fill-primary{fill:var(--primary)}.fill-warning{fill:var(--warning)}.bg-main{background-color:var(--main)}.bg-prim{background-color:var(--prim)}.fill-prim{fill:var(--prim)}.bg-king{background-color:var(--king)}.bg-lord{background-color:var(--lord)}.border-shark-border{border-color:var(--shark-border)}.bg-owl{background-color:var(--owl)}.text-owl{color:var(--owl)}.fill-owl{fill:var(--owl)}.stroke-owl{stroke:var(--owl)}.border-shark{border-color:var(--shark)}.text-shark{color:var(--shark)}.bg-goat{background-color:var(--goat)}.border-goat{border-color:var(--goat)}.bg-nav{background-color:var(--nav)}.bg-outline{background-color:var(--outline)}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.static{position:static}.initial{position:initial}.inherit{position:inherit}.opacity-0{opacity:0}.opacity-20{opacity:.2}.opacity-70{opacity:.7}.overflow-auto{overflow:auto}.overflow-visible{overflow:visible}.m-auto{margin:auto}.mt-auto{margin-top:auto}.mr-auto{margin-right:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.overflow-auto::-webkit-scrollbar{height:var(--scroller-size);width:var(--scroller-size)}.overflow-auto::-webkit-scrollbar-thumb{border-radius:2px;background-color:var(--scroller-thumb)}.overflow-auto::-webkit-scrollbar-track{background-color:var(--scroller-bg);border-radius:2px}.overflow-auto::-webkit-scrollbar-track{background-color:var(--scroller-bg)}.flex-grow{flex-grow:1}.flex,.row,.col,.wrap,.center,.row-center,.col-center{display:flex}.row,.row-center{flex-direction:row}.row-center,.center{align-items:center}.col,.col-center{flex-direction:column}.col-center,.center{justify-content:center}.wrap{flex-wrap:wrap}.h-screen{height:100vh}.h-fill{height:100%}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.self-start{align-self:flex-start}.self-center{align-self:center}.col-span-full{grid-column:1 / -1}.text-center{text-align:center}.pointer{cursor:pointer}.w\:100\%{width:100%}.max-w\:720px{max-width:720px}.min-w\:200px{min-width:200px}.min-w\:100px{min-width:100px}.size\:20px{height:20px;width:20px}.min-w\:40px{min-width:40px}.line-h\:24px{line-height:24px}.size\:50px{height:50px;width:50px}.mb\:62px{margin-bottom:62px}.size\:40px{height:40px;width:40px}.bottom\:70px{bottom:70px}.hover\:\[w\:250px\]:hover{width:250px}.w\:0px{width:0px}.w\:250px{width:250px}.h\:30px{height:30px}.h\:12px{height:12px}.pt\:5px{padding-top:5px}.pb\:4px{padding-bottom:4px}.min-w\:21px{min-width:21px}.h\:38px{height:38px}.min-w\:300px{min-width:300px}.h\:300px{height:300px}.w\:300px{width:300px}.size\:70px{height:70px;width:70px}.size\:25px{height:25px;width:25px}.max-h\:90\%{max-height:90%}.max-w\:90vw{max-width:90vw}.size\:22px{height:22px;width:22px}.h\:50vh{height:50vh}.w\:90vw{width:90vw}.h\:90\%{height:90%}.size\:60px{height:60px;width:60px}.width\:300px{width:300px}.min-w\:70px{min-width:70px}.h\:92vh{height:92vh}.w\:90\%{width:90%}.h\:100px{height:100px}.max-w\:250px{max-width:250px}.h\:90vh{height:90vh}.min-w\:150px{min-width:150px}.h\:60px{height:60px}.max-w\:100px{max-width:100px}.size\:150px{height:150px;width:150px}.min-w\:80px{min-width:80px}.min-w\:90px{min-width:90px}.hover\:\[shadow-lg\]:hover{box-shadow:var(--shadow-lg)}.width\:96vw,.w\:96vw{width:96vw}.max-w\:450px{max-width:450px}.bottom\:100px{bottom:100px}.w\:40px{width:40px}.h\:40px{height:40px}.w\:900px{width:900px}.h\:900px{height:900px}.h\:16px{height:16px}.min-w\:280px{min-width:280px}.max-h\:50vh{max-height:50vh}:root{background-color:var(--main);color:var(--owl);--scroller-size: 4px;--scroller-bg: #eff4f8;--scroller-thumb: #626262;--line-height: 24px;--highlight: rgba(var(--rgb-prim), .15);--layout-radius: var(--round-md);--max-app-width: 2080px}body{color:var(--owl);padding:0!important;font-size:var(--text-lg);font-family:var(--font-family);letter-spacing:1;width:100vw;position:relative;margin:unset;overflow:hidden}#root{display:grid;padding:0;height:calc(100dvh - 2 * var(--spacing-md));gap:var(--spacing-md);grid-template-rows:auto 1fr auto;grid-template-columns:auto 1fr}#main{position:relative;display:flex;flex-direction:column;overflow:hidden;transition:all .3s ease-in-out;max-width:var(--max-app-width)}#top-bar{z-index:301;background-color:var(--nav);color:var(--white);box-shadow:var(--shadow-bottom);display:grid;grid-template-columns:1fr auto;position:relative;max-width:calc(var(--max-app-width) + 56px - var(--spacing-lg));border-radius:var(--layout-radius);padding-inline:var(--spacing-lg)}#top-bar-action{position:absolute;padding:6px var(--spacing-xl);inset-inline-end:0;z-index:100}#bottom-bar{z-index:301;background-color:var(--nav);color:var(--white);box-shadow:var(--shadow-top-sm);display:flex;flex-direction:row;padding-top:var(--spacing-lg);position:relative;padding:var(--spacing-sm);margin:calc(var(--spacing-md) * -1)}#top-bar{grid-column:1 / -1}#menu{--width: -400px}@media screen and (max-width: 768px){#root{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}#top-bar{grid-row:1}#main{grid-row:2}.toggle-menu-button{display:none}}@media screen and (max-width: 1200px){#root{gap:var(--spacing-md) 0}#menu{position:relative}#menu-content{z-index:100;position:absolute;right:var(--width);transition:right .3s ease-in-out;top:0;bottom:0;background-color:var(--nav);padding:var(--spacing-md);border-radius:var(--layout-radius);box-shadow:var(--shadow-md);overflow-y:auto;width:180px}[menu-opened=true] #menu-content{right:0}[menu-opened=true] #main{opacity:.7;transform:scale(.9) translate(-20px) translateY(10px) perspective(1000px) rotateY(10deg);transform:scale(.9) translate(-20px) translateY(10px);filter:blur(1px)}[menu-opened=true] #menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1}}@media screen and (min-width: 1200px){#menu{display:flex;flex-direction:column;transition:all .3s ease-in-out;background-color:var(--prim);background-color:var(--nav);box-shadow:var(--shadow-md);border-radius:var(--layout-radius);transition:width .3s ease-in-out;overflow-y:auto;overflow-x:hidden;padding-block:var(--spacing-lg);width:56px}[menu-opened=true] #menu{z-index:100;width:180px}.toggle-menu-button{display:none}}.toggle-menu-button{fill:var(--owl)}.menu-group-title{text-align:center;font-size:var(--text-sm);padding-block:var(--spacing-lg);margin-inline:-22px;padding-block:var(--spacing-sm);background-color:var(--king);color:var(--nav);margin-bottom:var(--spacing-md)}.menu-group-container:has(.button-menu-nav[active-route-tab=true]) .menu-group-title{opacity:1;background-color:var(--nav-t)}.button-menu-nav{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-md);fill:var(--white);transition:all .2s ease-in-out;padding:var(--spacing-md);border-radius:var(--round-md)}.button-menu-nav span{color:var(--nav-t);min-width:max-content!important;overflow:hidden;font-size:var(--text-md)}.button-menu-nav svg{transition:all .2s ease-in-out;min-width:32px!important;min-height:32px!important;filter:grayscale(1);padding-inline:var(--spacing-sm)}.button-menu-nav[active-route-tab=true]{background-color:var(--nav-t)}.button-menu-nav[active-route-tab=true] svg{transform:scale(1.2);filter:grayscale(0);fill:var(--nav-t)!important}.button-menu-nav[active-route-tab=true] span{color:var(--prim);opacity:1}.menu-group-container:has(.button-menu-nav-bottom[active-route-tab=true]) .menu-group-title{opacity:1;background-color:var(--nav-t)}.button-menu-nav-bottom{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);fill:var(--white);transition:all .2s ease-in-out;padding:var(--spacing-sm);border-radius:var(--round-md)}.button-menu-nav-bottom span{color:var(--nav-t);min-width:max-content!important;overflow:hidden;font-size:var(--text-sm)}.button-menu-nav-bottom svg{transition:all .2s ease-in-out;min-width:24px!important;min-height:24px!important;filter:grayscale(1);padding-inline:var(--spacing-xs)}.button-menu-nav-bottom[active-route-tab=true]{background-color:var(--nav-t)}.button-menu-nav-bottom[active-route-tab=true] svg{transform:scale(1.2);filter:grayscale(0);fill:var(--nav-t)!important}.button-menu-nav-bottom[active-route-tab=true] span{color:var(--prim);opacity:1}.form-wrapper,.wrapper{height:100%;width:100%;overflow:auto;display:flex;flex-direction:column;gap:var(--spacing-lg);columns:2;transition:all .3s ease-in-out}.table-wrapper{display:flex;flex-direction:column;background-color:var(--main-bg);position:relative}.query-container{background-color:var(--king);padding:var(--spacing-md);border-radius:var(--spacing-lg);box-shadow:var(--shadow-md);gap:var(--spacing-sm) var(--spacing-md)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));padding:var(--m);gap:var(--m)}@media screen and (max-width: 768px){.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@layer containers{.card{display:flex;flex-direction:column;color:var(--owl);box-shadow:var(--shadow-md);background-color:var(--prim);border-radius:var(--spacing-xl);padding:var(--spacing-md);gap:var(--spacing-lg);max-width:900px}}.card-owl{display:flex;flex-direction:column;color:var(--owl);box-shadow:var(--shadow-md);border-radius:var(--spacing-xl);padding:var(--spacing-md);gap:var(--spacing-lg);border:solid 2px var(--prim)}.grid{display:grid;gap:var(--l)}.small{grid-template-columns:repeat(2,minmax(auto,1fr))}.labels-cols{grid-template-columns:minmax(100px,auto) 1fr}.two-cols{grid-template-columns:1fr 1fr}.large{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.medium{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media screen and (max-width: 300px){.grid{display:flex!important;flex-direction:column!important}}@media screen and (min-width: 800px){.small{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.medium{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}}.table-parent{padding-top:0}td[has-popup]{position:sticky!important}.app-popup{box-shadow:var(--shadow-md);background-color:var(--prim);background-color:var(--king);border-radius:var(--spacing-xl);padding:var(--spacing-md);gap:var(--spacing-lg)}.form-popup-container{padding:50px 20px!important;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:rgba(var(--rgb-king),.4)}.form-popup{box-shadow:var(--shadow-md);border-radius:var(--spacing-xl);padding:var(--spacing-3x);gap:var(--spacing-lg);background-color:var(--main);position:relative;width:calc(98% - var(--spacing-3x) * 2);max-width:980px}.form-body{display:flex;flex-direction:column;gap:var(--spacing-5x)}@media screen and (max-width: 768px){.form-body{padding:var(--spacing-lg)}}.form-section{background-color:var(--prim);border-radius:var(--round-xl);padding:var(--spacing-3x);gap:var(--spacing-xl);display:flex;flex-direction:column;box-shadow:var(--shadow-md)}.form-actions{display:flex;flex-direction:row;gap:var(--spacing-xl);padding-inline:var(--spacing-xl) calc(var(--spacing-xl) * 2);justify-content:flex-end}.form-popup .form-actions{padding-inline:0}[data-size=sm]{max-width:480px}[data-size=md]{max-width:768px}[data-size=lg]{max-width:1280px}[data-size=auto]{max-width:1920px}.grid-container{display:grid;--col-width: 300px;grid-template-columns:repeat(auto-fill,minmax(var(--col-width),1fr))!important}@media screen and (max-width: 480px){.grid-container{grid-template-columns:auto!important}}.grid-container[data-grid-size=xs]{--col-width: 250px}.grid-container[data-grid-size=sm]{--col-width: 300px}.grid-container[data-grid-size=md]{--col-width: 350px}.grid-container[data-grid-size=lg]{--col-width: 400px}.grid-container[data-grid-size=xl],.grid-container[data-grid-size=auto]{--col-width: 450px}@media screen and (max-width: 1280px){.grid-container[data-grid-size=auto]{--col-width: 350px}}@media screen and (max-width: 820px){.grid-container[data-grid-size=auto]{--col-width: 300px}}@media screen and (max-width: 480px){.grid-container[data-grid-size=auto]{grid-template-columns:auto!important}}@media screen and (max-width: 820px){.form-popup-container{padding-block:var(--spacing-6x) var(--spacing-xs)!important;padding-inline:0!important}.form-popup{padding:var(--spacing-2x)}.form-popup .form-actions{justify-content:center}}.confirmer-popup{background-color:var(--king);padding:var(--spacing-3x);gap:var(--spacing-2x);border-radius:var(--spacing-xl);box-shadow:var(--shadow-md);display:grid;width:96%;max-width:300px;border:solid 2px var(--prim)}.popup-filter{background-color:var(--king);padding:var(--spacing-3x);gap:var(--spacing-md);border-radius:var(--spacing-xl);box-shadow:var(--shadow-md);display:flex;flex-direction:column;border:solid 2px var(--prim)}@media screen and (max-width: 768px){.popup-filter{max-width:300px}}.form-table{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-lg)}.form-table form{margin-top:0;min-width:fit-content}.paginator-cards-container{animation:first-fade .2s ease-in-out}@keyframes first-fade{0%{opacity:0;transform:translate(50%) scaleX(.5)}to{scale:1;opacity:1;transform:translate(0) scaleX(1)}}.paginator-cards-container{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.paginator-cards-container.xs-small-card{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.paginator-cards-container.small-card{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.paginator-cards-container.medium-card{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.paginator-cards-container.big-card{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.paginator-cards-container.v-big-card{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.paginator-cards-container.extra-big-card{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}.appear{animation:appear-frames .4s}@keyframes appear-frames{0%{opacity:.7}to{opacity:1}}.fade-in-top{animation:fade-in-top-frame .3s}@keyframes fade-in-top-frame{0%{opacity:0;transform:translateY(-35px)}50%{transform:translateY(0)}to{opacity:1}}.shake{animation:shake .3s ease-out}@keyframes shake{0%,to{transform:translate(0)}25%,75%{transform:translate(-5px)}50%{transform:translate(5px)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.products-container{display:grid;animation:first-fade .2s ease-in-out;grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}@media screen and (max-width: 400px){.products-container{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.border-shark{border:1px solid var(--shark-border)}.border-b-shark{border-bottom:1px solid var(--shark-border)}.border-t-shark{border-top:1px solid var(--shark-border)}.border-king{border:1px solid var(--king)}.tow-cols-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.variants-main-container{height:100%}[fade-type=fill-in] .variants-main-container{overflow:auto;animation:enable-scroll var(--scale-up-animation-duration) ease-in-out}@keyframes enable-scroll{0%{overflow:hidden}to{overflow:auto}}[fade-type=fill-out] .variants-main-container{overflow:auto;animation:disable-scroll var(--scale-up-animation-duration) ease-in-out}@keyframes disable-scroll{0%{overflow:auto}to{overflow:hidden}}.popup-variant-img{max-width:200px}[fade-type=fill-in] .popup-variant-img{height:150px;min-width:150px;animation:fill-img-in var(--scale-up-animation-duration) ease-out}[fade-type=fill-out] .popup-variant-img{height:120px;min-width:100%;animation:fill-img-out var(--scale-up-animation-duration) ease-in}@keyframes fill-img-in{0%{height:120px;min-width:100%}50%{min-width:150px;height:150px}to{height:150px}}@keyframes fill-img-out{0%{height:150px;min-width:150px}50%{min-width:100%;height:120px}to{height:120px}}.test-scale-me-class{width:calc(100vw - var(--spacing-md) * 2)}[fade-type=fill-in] .test-scale-me-class{animation:fill-in .7s ease-out}[fade-type=fill-out] .test-scale-me-class{opacity:0;animation:fill-out var(--scale-up-animation-duration) ease-in}@keyframes fill-in{0%{opacity:0;transform:scale(0);transform:translateY(200px)}to{opacity:1;transform:scale(1);transform:translateY(0)}}@keyframes fill-out{0%{opacity:1;transform:scale(1);transform:translateY(0)}to{opacity:0;transform:scale(0);transform:translateY(200px)}}.for-scale-me{z-index:1000!important}.trans-bg{animation:identifier .5s;background-color:var(--king)}@keyframes identifier{0%{background-color:#0000}to{background-color:var(--king)}}@font-face{font-family:Tajawal;font-weight:300;src:url(https://fonts.googleapis.com/css2?family=Tajawal:wght@300&display=swap)}@font-face{font-family:Tajawal;font-weight:500;src:url(https://fonts.googleapis.com/css2?family=Tajawal:wght@500&display=swap)}@font-face{font-family:Tajawal;font-weight:700;src:url(https://fonts.googleapis.com/css2?family=Tajawal:wght@700&display=swap)}.font-bold{font-family:var(--font-bold);font-weight:700}.font-medium{font-family:var(--font-medium);font-weight:500}.font-light{font-family:var(--font-medium);font-weight:300}*{-webkit-tap-highlight-color:var(--highlight)}*{-webkit-touch-callout:none!important;-webkit-user-drag:none!important}html,body{overscroll-behavior:none!important;overflow:hidden!important}body{padding-bottom:env(safe-area-inset-bottom)!important}@layer base{p,span,div,option,link,a{-webkit-user-select:none;user-select:none;margin:0;padding:0}a{text-decoration:none;color:var(--link)}}.iti__flag-container{display:none}.iti__flag{margin-top:-3px;margin-inline-end:4px}.iti__flag:before{content:"";position:absolute;background-color:var(--shark-border);height:100%;inset-block:0;left:0;width:1px}.iti__dropdown-content{background-color:var(--prim)!important;border:unset!important;border-radius:var(--round-lg)!important;padding:var(--spacing-lg)!important;overflow:hidden!important;z-index:999999!important}.iti__search-input{background-color:var(--prim)!important;border-color:var(--shark-border)!important}.iti__search-input{height:40px}.iti__country-name{width:120px}.routes-button{display:flex;flex-direction:row;gap:var(--spacing-xs);padding:var(--spacing-sm)}.routes-button span{color:var(--primary)}.routes-button svg{transform:rotate(0) translateY(-3px);transition:all .2s ease-in-out;width:20px}[has-popup].routes-button{background-color:var(--prim)}[has-popup].routes-button span{text-align:center;color:var(--king)}[has-popup].routes-button svg{transform:rotate(180deg) translateY(4px);fill:var(--king)}.routes-popup{padding:10px;left:auto!important;position:fixed!important;z-index:300!important}.routes-popup-child{width:200px;background-color:var(--white);box-shadow:var(--shadow-md);border-radius:var(--round-lg);padding:var(--spacing-3x);padding-top:55px}#toast-holder{z-index:99999!important}.toast-container{box-shadow:var(--shadow-lg);gap:var(--spacing-lg);padding:var(--spacing-xl)}.toast-x:before{transform:translateY(-2px) translate(5px)}.print-mode .hide-on-print{display:none!important}.print-mode :root{background-color:var(--main-bg)!important}.print-mode body,.print-mode #root,.print-mode{padding:0!important;margin:0!important}.print-mode .table-wrapper{padding:var(--spacing-lg);overflow:visible!important}@media print{.hide-on-print{display:none!important}}.path{padding:var(--spacing-md);background-color:var(--prim)}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.fill-none{fill:none}.ms-auto{margin-inline-start:auto}.me-auto{margin-inline-end:auto}.w-full{width:100%}.h-full{height:100%}.spliter_test{background-color:var(--shark-border);height:25%!important;margin-block:auto;width:4px!important;transition:all .2s ease-in-out!important;margin-inline:4px;border-radius:2px}.spliter_test:hover,.spliter_test:active{background-color:var(--shark);width:6px!important;margin-inline:3px}.checkbox-wrapper-43 input[type=checkbox]{display:none;visibility:hidden}.checkbox-wrapper-43 label{display:inline-block}.checkbox-wrapper-43 .check{cursor:pointer;position:relative;margin:auto;width:18px;height:18px;-webkit-tap-highlight-color:transparent;transform:translateZ(0)}.checkbox-wrapper-43 .check:before{content:"";position:absolute;top:-15px;left:-15px;width:48px;height:48px;border-radius:50%;background:#22325408;opacity:0;transition:opacity .2s ease}.checkbox-wrapper-43 .check svg{position:relative;z-index:1;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke:#c8ccd4;stroke-width:1.5;transform:translateZ(0);transition:all .2s ease}.checkbox-wrapper-43 .check svg path{stroke-dasharray:60;stroke-dashoffset:0}.checkbox-wrapper-43 .check svg polyline{stroke-dasharray:22;stroke-dashoffset:66}.checkbox-wrapper-43 .check:hover:before{opacity:1}.checkbox-wrapper-43 .check:hover svg{stroke:#4285f4}.checkbox-wrapper-43 input[type=checkbox]:checked+.check svg{stroke:#4285f4}.checkbox-wrapper-43 input[type=checkbox]:checked+.check svg path{stroke-dashoffset:60;transition:all .3s linear}.checkbox-wrapper-43 input[type=checkbox]:checked+.check svg polyline{stroke-dashoffset:42;transition:all .2s linear;transition-delay:.15s}.test img{object-fit:contain;max-height:700px}@layer services-lib{.local-wrapper{max-width:100%;max-height:100vh;flex-direction:column;transition:all .3s ease-in-out;overflow:auto;display:flex;gap:var(--md)}.local-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));padding:var(--md);gap:var(--md)}@media screen and (max-width: 768px){.local-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.local-card{color:var(--owl);box-shadow:var(--shadow-md);background-color:var(--prim);border-radius:var(--xl);padding:var(--md)}.hide-scroller::-webkit-scrollbar{display:none}#reloader-container{margin-inline:auto;width:100px;height:100px;margin-top:var(--reloader-m-top);z-index:399;pointer-events:none}.reloader-svg{border-radius:100px;width:100px!important;height:100px!important;box-shadow:0 0 10px #83d6e180!important;scale:.5;fill:#83d6e1;color:#83d6e1}.pulling{transition:unset}.reloading{opacity:1;transition:all .3s ease-out;margin-top:0!important;animation:reload .6s linear infinite}.disappearing{transition:all .3s ease-in-out;margin-top:var(--reloader-m-top)!important;opacity:0}@keyframes reload{0%{transform:rotate(360deg)}to{transform:rotate(720deg)}}}:root{--blur:#ffffff80;--base-color:#00000080}.dark{--blur:#00000080;--base-color:#ffffff80}.animate-bounce{animation:bounce 4s infinite ease-in-out}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.s-processing-container{background-color:var(--blur);z-index:99999999}.s-loading-container{z-index:99999999;pointer-events:none;touch-action:none}.s-loading{width:48px;height:48px;display:inline-block;position:relative;transform:rotate(45deg)}.s-loading:before{content:"";box-sizing:border-box;width:24px;height:24px;position:absolute;left:0;top:-24px;animation:animloader 4s ease infinite}.s-loading:after{content:"";box-sizing:border-box;position:absolute;left:0;top:0;width:24px;height:24px;background:#ffffffd9;box-shadow:0 0 10px #00000026;animation:animloader2 2s ease infinite}@keyframes animloader{0%{box-shadow:0 24px #fff0,24px 24px #fff0,24px 48px #fff0,0 48px #fff0}12%{box-shadow:0 24px var(--base-color),24px 24px #fff0,24px 48px #fff0,0 48px #fff0}25%{box-shadow:0 24px var(--base-color),24px 24px var(--base-color),24px 48px #fff0,0 48px #fff0}37%{box-shadow:0 24px var(--base-color),24px 24px var(--base-color),24px 48px var(--base-color),0 48px #fff0}50%{box-shadow:0 24px var(--base-color),24px 24px var(--base-color),24px 48px var(--base-color),0 48px var(--base-color)}62%{box-shadow:0 24px #fff0,24px 24px var(--base-color),24px 48px var(--base-color),0 48px var(--base-color)}75%{box-shadow:0 24px #fff0,24px 24px #fff0,24px 48px var(--base-color),0 48px var(--base-color)}87%{box-shadow:0 24px #fff0,24px 24px #fff0,24px 48px #fff0,0 48px var(--base-color)}to{box-shadow:0 24px #fff0,24px 24px #fff0,24px 48px #fff0,0 48px #fff0}}@keyframes animloader2{0%{transform:translate(0) rotateX(0) rotateY(0)}25%{transform:translate(100%) rotateX(0) rotateY(180deg)}50%{transform:translate(100%,100%) rotateX(-180deg) rotateY(180deg)}75%{transform:translateY(100%) rotateX(-180deg) rotateY(360deg)}to{transform:translate(0) rotateX(0) rotateY(360deg)}}.s-processing{width:60px;height:40px;position:relative;display:inline-block;--base-color:var(--prim)}.s-processing:before{content:"";left:0;top:0;position:absolute;width:36px;height:36px;border-radius:50%;background-color:#fff;background-image:radial-gradient(circle 8px at 18px 18px,var(--base-color) 100%,transparent 0),radial-gradient(circle 4px at 18px 0px,var(--base-color) 100%,transparent 0),radial-gradient(circle 4px at 0px 18px,var(--base-color) 100%,transparent 0),radial-gradient(circle 4px at 36px 18px,var(--base-color) 100%,transparent 0),radial-gradient(circle 4px at 18px 36px,var(--base-color) 100%,transparent 0),radial-gradient(circle 4px at 30px 5px,var(--base-color) 100%,transparent 0),radial-gradient(circle 4px at 30px 5px,var(--base-color) 100%,transparent 0),radial-gradient(circle 4px at 30px 30px,var(--base-color) 100%,transparent 0),radial-gradient(circle 4px at 5px 30px,var(--base-color) 100%,transparent 0),radial-gradient(circle 4px at 5px 5px,var(--base-color) 100%,transparent 0);background-repeat:no-repeat;box-sizing:border-box;animation:rotationBack 3s linear infinite}.s-processing:after{content:"";left:35px;top:15px;position:absolute;width:24px;height:24px;border-radius:50%;background-color:#fff;background-image:radial-gradient(circle 5px at 12px 12px,var(--base-color) 100%,transparent 0),radial-gradient(circle 2.5px at 12px 0px,var(--base-color) 100%,transparent 0),radial-gradient(circle 2.5px at 0px 12px,var(--base-color) 100%,transparent 0),radial-gradient(circle 2.5px at 24px 12px,var(--base-color) 100%,transparent 0),radial-gradient(circle 2.5px at 12px 24px,var(--base-color) 100%,transparent 0),radial-gradient(circle 2.5px at 20px 3px,var(--base-color) 100%,transparent 0),radial-gradient(circle 2.5px at 20px 3px,var(--base-color) 100%,transparent 0),radial-gradient(circle 2.5px at 20px 20px,var(--base-color) 100%,transparent 0),radial-gradient(circle 2.5px at 3px 20px,var(--base-color) 100%,transparent 0),radial-gradient(circle 2.5px at 3px 3px,var(--base-color) 100%,transparent 0);background-repeat:no-repeat;box-sizing:border-box;animation:rotationBack 4s linear infinite reverse}.s-reloading{animation:rotate 1s infinite;height:50px;width:50px}.s-reloading:before,.s-reloading:after{content:"";display:block;height:20px;width:20px}.s-reloading:before{animation:box1 1s infinite;background-color:#fff;box-shadow:30px 0 #ff3d00;margin-bottom:10px}.s-reloading:after{animation:box2 1s infinite;background-color:#ff3d00;box-shadow:30px 0 #fff}@keyframes rotate{0%{transform:rotate(0) scale(.8)}50%{transform:rotate(360deg) scale(1.2)}to{transform:rotate(720deg) scale(.8)}}@keyframes box1{0%{box-shadow:30px 0 #ff3d00}50%{box-shadow:0 0 #ff3d00;margin-bottom:0;transform:translate(15px,15px)}to{box-shadow:30px 0 #ff3d00;margin-bottom:10px}}@keyframes box2{0%{box-shadow:30px 0 #fff}50%{box-shadow:0 0 #fff;margin-top:-20px;transform:translate(15px,15px)}to{box-shadow:30px 0 #fff;margin-top:0}}.s-uploading{width:48px;height:12px;margin-top:40px;background:#fff;display:inline-block;position:relative}.s-uploading:after{content:"";left:50%;top:-47px;transform:translate(-50%);position:absolute;border:15px solid transparent;border-bottom-color:#fff;box-sizing:border-box;animation:bump .4s ease-in-out infinite alternate}.s-uploading:before{content:"";left:50%;bottom:15px;transform:translate(-50%);position:absolute;width:15px;height:20px;background:#fff;box-sizing:border-box;animation:bump .4s ease-in-out infinite alternate}@keyframes bump{0%{transform:translate(-50%,5px)}to{transform:translate(-50%,-5px)}}.s-loading-2{width:48px;height:48px;margin:auto;position:relative;--loader-clr:var(--owl)}.s-loading-2:before{content:"";width:48px;height:5px;background:#000;opacity:.25;position:absolute;top:60px;left:0;border-radius:50%;animation:shadow .5s linear infinite}.s-loading-2:after{content:"";width:100%;height:100%;background:var(--loader-clr);animation:bxSpin .5s linear infinite;position:absolute;top:0;left:0;border-radius:4px}@keyframes bxSpin{17%{border-bottom-right-radius:3px}25%{transform:translateY(9px) rotate(22.5deg)}50%{transform:translateY(18px) scaleY(.9) rotate(45deg);border-bottom-right-radius:40px}75%{transform:translateY(9px) rotate(67.5deg)}to{transform:translateY(0) rotate(90deg)}}@keyframes shadow{0%,to{transform:scale(1)}50%{transform:scaleX(1.2)}}.processing-container{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:10000;position:absolute!important;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.loading-container{z-index:99999999;pointer-events:none;touch-action:none}.loader-container{height:100px;width:100px}.squiggle{stroke-dashoffset:0;stroke-dasharray:650;animation:draw 1.6s linear infinite;filter:drop-shadow(0px 0px 15px #e7353c)}@keyframes draw{0%{stroke-dashoffset:1300}50%{stroke-dashoffset:650}to{stroke-dashoffset:0}}.reloading{animation:unset}.reload-squiggle-container{padding:15px}.reload-squiggle{stroke-dasharray:650;stroke-dashoffset:0;filter:drop-shadow(0px 0px 15px #e7353c)}.reloading .reload-squiggle{animation:reload-draw 1s linear infinite}@keyframes reload-draw{0%{stroke-dashoffset:1950}50%{stroke-dashoffset:1300}to{stroke-dashoffset:650}}.loader{width:48px;height:48px;border-radius:50%;display:inline-block;position:relative;border:3px solid;border-color:var(--shark) var(--shark) transparent;box-sizing:border-box;animation:rotation 1s linear infinite}.loader:after{content:"";box-sizing:border-box;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;border:3px solid;border-color:transparent var(--red) var(--red);width:24px;height:24px;border-radius:50%;animation:rotationBack .5s linear infinite;transform-origin:center center}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotationBack{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.loader-two{color:#fff;font-size:45px;text-indent:-9999em;overflow:hidden;width:1em;height:1em;border-radius:50%;position:relative;transform:translateZ(0);animation:mltShdSpin 1.7s infinite ease,round 1.7s infinite ease;scale:.4;margin:-8px}@keyframes mltShdSpin{0%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}5%,95%{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}10%,59%{box-shadow:0 -.83em 0 -.4em,-.087em -.825em 0 -.42em,-.173em -.812em 0 -.44em,-.256em -.789em 0 -.46em,-.297em -.775em 0 -.477em}20%{box-shadow:0 -.83em 0 -.4em,-.338em -.758em 0 -.42em,-.555em -.617em 0 -.44em,-.671em -.488em 0 -.46em,-.749em -.34em 0 -.477em}38%{box-shadow:0 -.83em 0 -.4em,-.377em -.74em 0 -.42em,-.645em -.522em 0 -.44em,-.775em -.297em 0 -.46em,-.82em -.09em 0 -.477em}to{box-shadow:0 -.83em 0 -.4em,0 -.83em 0 -.42em,0 -.83em 0 -.44em,0 -.83em 0 -.46em,0 -.83em 0 -.477em}}@keyframes round{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{font-weight:var(--font-bold)}@layer elements{.button,.icon-button{padding:0 var(--spacing-2x);cursor:pointer;transition:all .2s ease-in-out;fill:var(--shark);border:var(--element-border);color:var(--white);fill:var(--white);background-color:var(--king);line-height:48.4px!important}.icon-button{display:flex}.icon-button span{flex-grow:1;text-align:center}.button-icon{background-color:var(--prim);color:var(--white);fill:var(--white);gap:0!important}.button-table-action,.button-default{background-color:var(--prim);color:var(--white);fill:var(--white)}.button-big-icon{background-color:var(--prim);flex-direction:column!important;box-shadow:var(--shadow-md)!important;gap:0!important}.button-big-icon svg{width:50px!important;height:50px!important;fill:var(--owl)}.button-big-icon span{font-size:var(--text-md);color:var(--owl)}.button-big-icon:hover{box-shadow:var(--shadow-lg)!important;transform:translateY(-3px)}.button-big-icon:active{background-color:var(--prim)}.button-primary{background-color:var(--primary);fill:var(--white);color:var(--white)}.button-primary span{color:var(--white)}.button-primary:hover{background-color:var(--primary-hover)}.button-primary:active{background-color:var(--primary-active)}.button-bottom-nav{display:flex!important;flex-direction:column!important;gap:0!important;padding:0!important;fill:var(--shark);color:var(--shark);position:relative!important;transition:all .2s ease-in-out;background-color:transparent;border-radius:var(--round-sm)!important}.button-bottom-nav span{font-size:10px;color:transparent}.button-bottom-nav svg{transition:all .2s ease-in-out;width:26px!important;height:26px!important;padding:0!important}.bottom-bar-icon{fill:none}.button-bottom-nav[active-route-tab=true] span{color:var(--shark)}.button-bottom-nav[active-route-tab=true]{color:var(--primary);fill:var(--primary)}.button-bottom-nav [active-route-tab=true] svg{transform:translateY(-2px) scale(1.4)}.button-menu{background-color:var(--prim);fill:var(--owl);color:var(--owl);box-shadow:var(--shadow-md)}.button-menu:hover{background-color:var(--king)}.button-add{background-color:var(--prim);fill:var(--green);color:var(--green);box-shadow:var(--shadow-md);align-self:center}.button-add:hover{background-color:var(--king)}.button-secondary{background-color:var(--secondary);border-color:var(--primary);color:var(--primary);fill:var(--primary)}.button-secondary:hover{background-color:var(--secondary-hover)}.button-secondary:active{background-color:var(--secondary-active)}.button-goat{background-color:var(--prim);color:var(--owl);border-color:var(--owl);fill:var(--owl);box-shadow:var(--shadow-md)}.button-danger{background-color:var(--main);color:var(--owl);border-color:var(--danger);fill:var(--danger);box-shadow:var(--shadow-md)}.button-link{background-color:transparent;color:var(--primary);text-align:start;box-shadow:none}.button-link span{text-align:start}.button-dynamic{background-color:var(--bg);color:var(--color);border-color:var(--border);fill:var(--color)}.button-outline{background-color:var(--outline);border-color:var(--shark-border);color:var(--owl);fill:var(--owl)}.button-outline:hover{background-color:var(--shark-border)}.button-outline:active{background-color:var(--outline)}.button-night{background-color:var(--night);color:var(--prim);fill:var(--prim)}.button-night:hover{background-color:var(--night-hover)}.button-night:active{background-color:var(--night-active)}.button-form-action{background-color:var(--primary);color:var(--white);fill:var(--white);min-width:120px!important}.button-form-action:hover{background-color:var(--primary-hover)}.button-form-action:active{background-color:var(--primary-active)}[data-button-state=fade-out]{transition:all .2s ease-in-out;opacity:0;transform:translate(-100%)}[data-button-state=not-selected]{fill:transparent;color:var(--goat)}[data-button-state=readonly]{pointer-events:none!important;opacity:.7}[data-button-state=disabled]{cursor:not-allowed;background-color:var(--disabled);color:var(--icon-disabled);fill:var(--icon-disabled);opacity:.8;filter:grayscale(1)}[data-button-state=disabled]:hover{cursor:not-allowed;background-color:var(--disabled);color:var(--icon-disabled);fill:var(--icon-disabled)}[data-button-state=loading]{cursor:progress;overflow:hidden;position:relative}[data-button-state=loading]:after{content:"";position:absolute;padding:8px;left:10px;border:dashed 4px transparent;border-bottom-color:var(--currentColor);border-top-color:var(--currentColor);border-radius:50%;animation:loading 2.8s infinite linear}[data-button-state=loading].button-ghost:after{border-bottom-color:var(--prim)!important;border-top-color:var(--prim)!important}@keyframes loading{0%,to{transform:rotate(1080deg) scale(.8)}25%{transform:rotate(360deg) scale(.1)}50%{transform:rotate(0) scale(.8)}75%{transform:rotate(720deg) scale(.1)}}[data-button-state=error]{background-color:var(--error);color:var(--white);fill:var(--white);border-color:var(--error)}[data-button-state=success]{background-color:var(--success);color:var(--white);fill:var(--white);border-color:var(--success)}[data-button-state=warning]{background-color:var(--warning);color:var(--white);fill:var(--white);border-color:var(--warning)}[data-button-state=info]{background-color:var(--info);color:var(--white);fill:var(--white);border-color:var(--info)}[data-button-state=primary]{background-color:var(--king);color:var(--cyan);border-color:var(--cyan);fill:var(--cyan)}[data-button-state=secondary]{background-color:var(--secondary);color:var(--white);fill:var(--white);border-color:var(--secondary)}[data-button-state=active]{background-color:var(--sky);color:var(--white);fill:var(--white);border-color:var(--white)}[data-button-state=selected]{background-color:var(--red);color:var(--white);fill:var(--white);border-color:var(--red)}}@layer elements{.icon-input{outline:none;fill:var(--shark);border:var(--element-border);overflow:hidden;display:flex}.icon-input input{background-color:transparent;width:100%;line-height:48px!important;padding:0 var(--spacing-3x)}.input-default{background-color:var(--king)}.input-bordered{background-color:var(--throne);border-color:var(--shark)}.input-ghost{background-color:var(--dark)}.input-search{background-color:var(--prim);border-color:var(--shark-border);transition:all .1s ease-in;display:flex;padding-inline:var(--spacing-3x)}.input-search:focus-within{border-color:var(--primary)}.input-outline{background-color:transparent;background-color:var(--outline);border-color:var(--shark-border);color:var(--owl)}.input-outline::placeholder{color:var(--goat)}.input-checkbox{display:flex;flex-direction:row-reverse;padding-block:var(--spacing-sm);cursor:pointer;padding-top:8px!important;padding-inline:var(--spacing-xl);gap:var(--spacing-2x)}.input-checkbox input{pointer-events:none;height:20px;width:20px;accent-color:var(--primary)!important;border-radius:4px;vertical-align:middle}.input-checkbox input:after{content:"";background-color:var(--white);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);background-color:red}.input-checkbox input:checked{background-color:var(--primary)!important}[data-element-state=error]{border-color:var(--error);fill:var(--error)!important}[data-element-state=success]{border-color:var(--success);fill:var(--success)}}.last-4digits-container{border-radius:var(--round-lg);display:flex;flex-direction:row;align-items:center;border:solid 1px var(--shark-border)}.last-4digits-container input{padding-block:var(--spacing-xl);transform:translate(-10px)}.last-4digits-container input::placeholder{font-size:var(--text-md);color:var(--shark)}.input-date{position:relative;height:48px;direction:rtl;max-width:136px;max-width:190px}.input-date input{margin:0}.input-date svg{position:absolute;pointer-events:none;inset-inline-start:10px}.input-date input::-webkit-calendar-picker-indicator{cursor:pointer;height:20px;width:20px;inset-inline-start:10px;opacity:0}input[type=password]{direction:ltr}.trans-amount input{letter-spacing:2.5px}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:none;background:linear-gradient(270deg,var(--nice) 0%,#f000 calc(var(--value) * 2.5%),var(--white) calc(var(--value) * 1%),var(--white) 100%);border-radius:20px;box-shadow:0 0 3px #0003}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:20px;width:20px;background-color:#fff;border-radius:50%;cursor:pointer;box-shadow:0 0 3px #00000080}.slider::-moz-range-thumb{height:20px;width:20px;background:var(--cyan);border-radius:50%;cursor:pointer;box-shadow:0 0 3px #00000080}.image-controller-container{gap:var(--spacing-lg);background-color:var(--orange);border-radius:var(--round-md);display:flex}.image-controller-container img{width:100%;aspect-ratio:2/1;object-fit:cover;object-fit:contain;border-radius:var(--round-sm)}.image-controller-container input{display:none}.image-controller-container.image-contrller-big{flex-direction:column;align-items:center;min-height:100px;max-height:150px}.image-controller-container.image-contrller-big img{max-height:146px}.image-controller-container.image-contrller-small{flex-direction:column;align-items:center;max-height:50px;max-width:160px;object-fit:contain}.image-controller-container.image-contrller-view{flex-direction:column;height:50px;width:60px;object-fit:cover;background-color:var(--king)}.images-base64-default{max-height:180px;object-fit:contain;width:fit-content;max-width:100%;border-radius:var(--round-lg)}@layer elements{.label{font-size:var(--text-lg)}.icon-label{display:flex;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-2x);fill:var(--shark);border:var(--element-border)}[data-icon-position=start]{flex-direction:row;align-items:center;text-align:end}[data-icon-position=top]{flex-direction:column}[data-icon-position=end]{flex-direction:row-reverse;align-items:center;gap:var(--spacing-sm);text-align:start}[data-icon-position=bottom]{flex-direction:column-reverse;gap:var(--spacing-sm)}.icon-label-nice{fill:var(--nice)}.icon-label-test{fill:var(--orange);color:var(--orange)}.icon-label-test :nth-child(2){text-align:center;flex-grow:1}.icon-label-info{border-color:var(--info);align-items:center;width:fit-content;min-width:100px}[data-label-state=error]{color:var(--owl);fill:var(--error)}[data-label-state=success]{color:var(--owl);fill:var(--success)}[data-label-state=warning]{color:var(--owl);fill:var(--warning)}[data-label-state=info]{color:var(--owl);fill:var(--info)}[data-label-state=disabled]{color:var(--owl);fill:var(--red)}}.info-area{background-color:var(--king);min-height:20px;display:block;width:100%;padding:var(--spacing-xl);border-radius:var(--spacing-lg)}@layer elements{.selector-list-container{width:100%;pointer-events:none;min-width:70px!important;line-height:40px}.selector{display:flex;gap:0!important;position:relative;min-width:120px}.selector span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:start}.selector svg{transition:all .2s ease-in-out;width:20px;margin-right:-28px;fill:var(--goat);transform:rotate(0) translateY(-1px);min-width:30px}.selector-with-input{display:flex;border:solid 1px var(--shark-border);border-radius:var(--round-lg);background-color:transparent}.selector-with-input .selector-list-container{width:max-content;min-width:max-content}.selector-with-input .selector:before{content:"";position:absolute;background-color:var(--shark-border);width:2px;height:30px;inset-inline-start:0}.selector-with-input .selector{background-color:transparent;border-width:0;padding-inline:var(--spacing-md);border-radius:10.5px 0 0 10.5px;max-width:50%!important;min-width:30%!important}.selector-with-input .selector span{padding-inline-end:20px;padding-inline-start:5px}.selector-with-input .icon-input{background-color:transparent;padding-inline-end:var(--spacing-md);border-width:0;border-radius:0 10.5px 10.5px 0;flex-grow:1!important}.selector-with-input:focus-within{border-color:var(--goat)!important}.selector-with-input:focus-within .selector{border-color:var(--goat)!important}.selector[has-popup=true] svg,[has-popup=true]>.selector svg{transform:rotate(180deg) translateY(1px);fill:var(--primary)!important}.selector-list{background-color:var(--outline);padding:var(--spacing-md);border-radius:var(--round-lg);gap:var(--spacing-lg);display:flex;flex-direction:column;border:solid 1px var(--shark-border);max-height:40vh}.selector-list-item{font-weight:var(--font-light);background-color:var(--king);padding:0 var(--spacing-xl);border-radius:var(--round-sm);cursor:pointer;text-align:start;box-shadow:var(--shadow-sm);transition:all .1s ease-in-out;font-size:var(--text-md)}.selector-list-item:hover{background-color:var(--prim);box-shadow:var(--shadow-md)}[data-selected-list-item=true]{background-color:var(--prim)!important;color:var(--primary)!important;box-shadow:var(--shadow-md)!important}[data-list-item-disabled=true]{background-color:var(--king)!important;color:var(--goat)!important;cursor:not-allowed;opacity:.7}}@layer elements{input::placeholder,input{font-family:var(--font-bold)}input[type=file]{width:250px;max-width:100%;color:var(--prim);padding:var(--spacing-sm);background:var(--owl);border-radius:var(--spacing-lg);margin-inline:auto}input[type=file]::file-selector-button{margin-right:20px;border:none;padding:var(--spacing-md) 20px;color:var(--white);cursor:pointer;transition:background .2s ease-in-out;background:var(--night)}input[type=file]::file-selector-button:hover{background:var(--green)}textarea,input::placeholder{color:var(--shark);font-family:var(--font-regular)!important}textarea{color:var(--owl);font-family:var(--font-bold);font-weight:700;background-color:transparent;border:none;outline:none;min-height:80px!important;width:100%;margin:0!important;padding:var(--spacing-lg) var(--spacing-3x)!important}button,.button,.icon-button{font-family:var(--font-bold);font-weight:700}input,button{margin:0;padding:0;box-sizing:border-box;font-size:var(--text-lg);border:none;outline:none;color:var(--owl);min-height:20px;margin:0!important}input{background-color:transparent}.icon-input svg,.icon-button svg,.icon-label svg{padding-block:11.2px;height:24px;width:24px}.icon-input span,.icon-button span,.icon-label span{flex-grow:1}.icon-input,.icon-button,.icon-label,.button,.label,.selector{line-height:var(--line-height);border-radius:var(--round-lg);--element-border: solid 1px transparent;gap:var(--spacing-md)}.labled-element{width:100%;display:flex;flex-direction:column;gap:var(--spacing-xs)}.query-element-container,.query-element{flex-grow:1;flex-basis:1;max-width:180px}@media screen and (max-width: 768px){.query-element-container,.query-element{max-width:100%;max-width:unset}}.query-label{padding-inline-start:var(--spacing-md);font-size:var(--text-sm);line-height:1;color:var(--shark)}.popup-filter .query-element-container{min-width:300px}.popup-filter .query-label{font-family:var(--font-bold);font-weight:700;color:var(--owl);text-align:start!important;padding:unset}.query-element-container:has(.input-checkbox) .input-label{font-size:0}}[data-readonly=true]{pointer-events:none;opacity:.5;border-color:transparent}[data-form-error]{animation:shake .6s ease-out;position:relative;background-color:var(--light-red)!important;border-color:var(--error)!important;transition:all .3s ease-in-out;color:var(--error)!important;fill:var(--error)!important;z-index:10;overflow:visible;margin-bottom:12px}[data-form-error] ::placeholder{color:var(--error)!important}[data-form-error] svg,[data-form-error] input,[data-form-error] span,[data-form-error] p,[data-form-error] textarea,[data-form-error] button{color:var(--error)!important;fill:var(--error)!important}[data-form-error]:after{content:attr(data-form-error);color:var(--error);pointer-events:none;position:absolute;font-size:var(--text-lg);animation:fade-in-data-error .3s ease-in-out;font-family:var(--font-bold);font-weight:700;line-height:1;z-index:2;right:0;top:100%;width:max-content;background-color:inherit;margin-top:5px;padding-inline:var(--spacing-md);border-radius:var(--round-sm);padding:var(--spacing-sm) var(--spacing-md)}[data-position=top][data-form-error]{margin-top:25px;transition:all .3s ease-in-out}[data-position=bottom][data-form-error]{margin-bottom:25px;transition:all .3s ease-in-out}[data-position=top]:after{bottom:100%}[data-position=bottom]:after{top:100%}@keyframes fade-in-data-error{0%{opacity:0}to{opacity:1}}[data-sort-active=false]{color:var(--owl);fill:var(--shark)}[data-sort-active=true]{color:var(--primary)!important}[data-sort-active=true] svg{fill:var(--primary)!important}@layer icons{svg{height:26px}.icon{fill:var(--owl);color:var(--goat)}.icons-viewer-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));padding-block:var(--spacing-lg);gap:var(--spacing-lg)}.svg-outline{fill:none}.coloraful{fill:none;color:var(--sea)!important}.coloraful .stroke-1{stroke:var(--sea)!important}.coloraful .stroke-2{stroke:var(--shark)!important}.coloraful .fill-2{fill:var(--shark)!important}}.change-icon{height:40px;width:40px;fill:var(--goat);color:var(--goat);border-radius:var(--round-s);background-color:var(--prim);cursor:pointer}[data-business-selected=true] .change-icon{background-color:var(--red);fill:var(--white)}.svg-demo{fill:var(--dragon);height:100px;width:100px}.business-logo{height:75px;width:75px;padding:15px;fill:var(--goat)}.logo{fill:var(--crow);width:90%;margin:20px auto;max-width:250px}.logout{fill:var(--light-red);width:20px;height:20px;cursor:pointer}.bottom-action-tab{height:30px;width:30px}.cart-icon-delete{fill:var(--red)}.action-tab-icon{height:28px;width:28px;fill:var(--color)}.close-icon{position:absolute;width:40px;aspect-ratio:1;top:0;right:0;background-color:var(--prim);fill:var(--owl);border-radius:50px}.border-icon{width:36px;height:36px;fill:var(--goat);border-radius:var(--round-m);border:2px solid var(--icon-border)}.transcations-border-icon{width:36px;height:36px;fill:var(--goat);border-radius:var(--round-s);border:2px solid var(--shark)}.svg-prim-bg{padding:var(--m);width:40px;height:40px;fill:#bebec1;border-radius:10px;background-color:var(--prim);box-shadow:0 0 10px #2d303e26}.svg-active{width:36px;height:36px;fill:var(--shark);border-radius:10px;background-color:var(--prim);border:3px solid var(--dino)}.svg-border-shark{border-color:var(--shark);padding:6px}.icon-bordered{border:2px solid var(--dino);padding:5px;border-radius:10px;height:36px;width:36px}.svg-disabled{border-radius:10px;background-color:var(--dino)}.svg-l{width:36px;height:36px}.svg-x{width:42px;height:42px}.svg-2x{width:52px;height:52px}.svg-m{width:24px;height:24px}.svg-s{width:14px;height:14px}.svg-xs{width:12px;height:12px}.svg-absolute{position:absolute;top:-6px;right:-4px;border-radius:50%;fill:var(--red);cursor:pointer}.main-logo{fill:var(--black)}.main-logo :nth-child(1){fill:var(--white)}.main-logo :nth-child(2){fill:var(--red)}.camera{width:75px;margin:25px;height:75px}.business-icon{fill:var(--eagle);stroke:var(--eagle);width:100px;height:100px}.price-icon{padding:0!important;fill:var(--dolphin);border-radius:10px;border-color:var(--icon-border)}.totals-icon{width:36px;height:36px;fill:var(--white);border-radius:10px;border:2px solid var(--orange);background-color:var(--orange)}.report-business-icon{fill:#ffa44e;stroke:#ffa44e;width:36px;height:36px;border-radius:10px;background-color:var(--business-bg)}.stroke-drop-shdow{filter:drop-shadow(0px -6px 1px #d9dddd);stroke:#eff3f3;fill:#eff3f3}.dark .stroke-drop-shdow{filter:none;stroke:#474b60;fill:#474b60}@layer tools{.shake{animation:shakeFrame .5s linear!important;box-shadow:0 0 8px #f8717155!important;content:"Must Be Filled"!important}.shake::placeholder{color:var(--json-red)!important}@keyframes shakeFrame{0%,20%,40%,60%,80%{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-6px)}}.toast-holder{position:fixed;right:0;top:0;transition:all .45s linear;display:flex;flex-direction:column-reverse;align-items:flex-start;z-index:400;gap:var(--m)}.toast-container{position:relative;transition:all .45s linear;right:10px;top:30px;gap:var(--s);z-index:3333;display:flex;flex-direction:column;border-radius:var(--l);box-shadow:var(--shadow-l);padding:var(--m) var(--l);font-family:var(--font-bold);min-width:200px;max-width:400px}.toast-container .x{font-size:14px;color:#fff;opacity:.5;border-radius:5px;padding-inline:5px;margin-left:var(--s);cursor:pointer;font-weight:700;margin-right:-4px;margin-top:-4px}.toast-container .x:after{content:"x"}.toast-container .toast-content{font-weight:500;padding-inline:var(--m)}.info-fade-in{animation:fade-in .4s ease-out!important}.info-fade-out{overflow:hidden;opacity:0;scale:0;transition:all .4s ease-out;animation:fade-out .5s ease-out!important}@keyframes fade-in{0%{scale:0;opacity:0;right:-400px;padding:0}70%{scale:1.1;right:50px;padding:10px 40px}to{scale:1;opacity:1;right:10px}}@keyframes fade-out{0%{opacity:1;scale:1}70%{opacity:.1;scale:0}to{opacity:0;right:-400px;scale:0}}}@layer tools{:root{--json-yellow:#f3d60b;--json-green:#56e181;--json-cyan:#63cfc9;--json-frog:#bada55;--json-orange:#ffa44e;--json-fox:#f9c089;--json-sky:#84d7e2;--json-lion:#b59675;--json-red:#f87171;--json-light-red:#f87171aa;--json-prim:#2d303e;--json-prince:#393c4a;--json-shark:#c4c4c7;--json-king:#3b3e4c;--json-crow:#ffffff;--json-debug: #164e63;--json-debug-light: #84d7e277;--xs:2px;--s:4px;--m:8px;--l:12px;--x:16px;--2x:20px;--font-xs: 10px;--font-s: 12px;--font-m: 14px;--font-l: 16px;--font-x: 18px;--font-2x: 20px}.light{--json-prim:#fdfdfd;--json-king:#f6f6f6;--json-prince:#f6f6f6;--json-shark:#c4c4c7;--json-crow:#1f1d2b}.json-bg-prim{background-color:var(--json-prim)}.json-text-green{color:var(--json-green)}.json-builder{font-family:var(--font-bold);display:flex;flex-direction:column;font-size:var(--font-s);align-items:flex-start;border-radius:var(--x);font-weight:700;padding:var(--x);box-shadow:0 0 6px #5f141429;max-width:calc(100% - 20px);transition:all .1s ease-out;gap:var(--l)!important;letter-spacing:1.2px;background-color:var(--json-prim)}.obj{display:flex;flex-direction:row;flex-wrap:wrap;padding:var(--xs) var(--m);border-radius:var(--l);background-color:var(--json-king);cursor:grab;overflow-x:auto;transition:all .1s ease-out;gap:var(--m)}.json-builder[type=warn]:before{min-width:50px;text-align:center;background-color:var(--json-yellow)!important;filter:drop-shadow(0px 0px 6px var(--json-yellow))!important;content:"Warn";color:#fff;padding:2px 4px;border-radius:8px;font-size:10px}.json-builder[type=error]:before{min-width:50px;text-align:center;content:"Error";color:#fff;padding:2px 4px;border-radius:8px;background-color:var(--json-red)!important;filter:drop-shadow(0px 0px 6px var(--json-red))!important;font-size:10px}.json-builder[type=success]:before{min-width:50px;text-align:center;background-color:var(--json-green)!important;filter:drop-shadow(0px 0px 6px var(--json-green))!important;content:"Success";color:#fff;padding:2px 4px;border-radius:8px;font-size:10px}.json-builder[type=info]:before{min-width:50px;text-align:center;background-color:var(--json-sky)!important;filter:drop-shadow(0px 0px 6px var(--json-sky))!important;content:"Info";color:#fff;padding:2px 4px;border-radius:8px;font-size:10px}.json-builder[type=debug]:before{min-width:50px;text-align:center;background-color:var(--json-debug)!important;filter:drop-shadow(0px 0px 6px var(--json-debug-light))!important;content:"Debug";color:#fff;padding:2px 4px;border-radius:8px;font-size:10px}.obj-key{letter-spacing:2px}.obj-key:after{content:" :"}.obj-text-1{color:var(--json-crow)}.obj-text-2{color:var(--json-cyan)}.obj-text-3{color:var(--json-sky)}.String .obj-text-1{color:var(--json-fox)}.Number .obj-text-1{color:var(--json-sky)}.String{color:var(--json-orange);padding:4px 10px}.Number{color:var(--json-shark);padding:4px 10px}.Boolean{color:var(--json-frog);padding:4px 10px}.Object,.Array{color:var(--json-cyan);padding:4px 10px}.ArrayImages{color:var(--json-sky);padding:4px 10px}.Image{color:var(--json-lion);padding:4px 10px;grid-row:1}.Function{color:var(--json-frog);padding:4px 10px;filter:drop-shadow(0px 0px 3px #bada5599)}}@layer tools{.logger-container{position:fixed;top:10%;left:10px;z-index:3333;transition:all .25s cubic-bezier(.4,0,.2,1);border-radius:var(--x)!important;font-size:var(--font-s)!important;background:url(https://th.bing.com/th/id/R.543cfd72fa4a946ec8b777a289912314?rik=dJSUvpoqp8chlA&pid=ImgRaw&r=0) no-repeat center center;background-size:100%;filter:drop-shadow(0 0 3em var(--json-prince));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:400px;height:50vh;max-width:95vw;max-height:95vh;min-width:100px;min-height:100px;cursor:grab;display:flex;flex-direction:column;resize:both;direction:ltr;overflow:hidden}.logger-container:active{cursor:grabbing}@keyframes loop{0%,to{transform:translateY(3px)}50%{transform:translateY(-3px)}}.logger-container:active{transition:unset!important}.logger-child{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;gap:var(--m);padding:var(--x) var(--x);direction:rtl}[is=collapsed]:before{content:attr(log-count);background-color:var(--json-red);color:#fff;font-size:12px;text-align:center;counter-reset:0;width:18px!important;height:18px!important;place-content:center;display:inline-flex;border-radius:50px;position:absolute;padding:2px;top:-10px;right:-6px}[is=collapsed][log-count=hide]:before{display:none!important}[is=collapsed]{max-width:40px!important;max-height:40px!important;min-width:40px!important;min-height:40px!important;border-radius:50px!important;animation:loop 5s ease-in-out infinite;padding:var(--xs);resize:none;filter:drop-shadow(0 0 2.5em #bcbcbc);box-shadow:inset 0 0 10px #bcbcbc;background-size:150%}[is=expanded]{background-blend-mode:soft-light}.logger-clear-btn{background-color:var(--json-red);color:#fff;margin:4px 10px -13px auto;border-radius:20px;padding:2px 4px;animation:expanded 1s ease-out;z-index:339}@keyframes expanded{0%,90%{opacity:0;display:none}to{opacity:1;display:block}}[is=collapsed] .logger-clear-btn{display:none!important}.hide-child{overflow:visible}.hide-child div{display:none!important}.log-container{position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.log-container:before{content:attr(log-number);color:var(--crow);padding:2px 6px;border-radius:8px 8px 0;left:0;background-color:var(--json-prince);position:absolute;font-size:12px;letter-spacing:3px;font-weight:600;z-index:333}.fade-in-log:before{animation:fad-in-log-frame .3s ease-out}.hidden{opacity:.4!important}@keyframes fad-in-log-frame{0%{opacity:1;transform:translate(40px);scale:0;background-color:var(--json-sky)}50%{opacity:1;transform:translate(-5px);scale:1.1}to{opacity:1;transform:translate(0);scale:1;background-color:var(--json-prince)}}[is=collapsed]{overflow:hidden;--clr:255, 255, 255;animation:glow 10s ease-in-out infinite alternate}[is=collapsed]:after{content:"";background:linear-gradient(90deg,rgb(var(--clr),.02) 10%,rgb(var(--clr),.15),rgb(var(--clr),.02) 90%)!important;filter:drop-shadow(0 0 20px rgba(var(--clr),1))!important;animation:skeleton-log 3s ease-in infinite!important;height:180%!important;width:100%!important;position:absolute!important;top:-40%;transform:rotate(17deg);z-index:10000000}@keyframes skeleton-log{0%{left:-200%;transform:rotate(0)}to{left:130%;transform:rotate(50deg)}}@keyframes glow{0%{filter:drop-shadow(0 0 20px rgba(var(--clr),.5))}50%{filter:drop-shadow(0 0 20px rgba(var(--clr),1))}to{filter:drop-shadow(0 0 20px rgba(var(--clr),.5))}}}@layer popup{:root{--overlay: #2d303e55;--popup-animation-time: .4s}.dark{--overlay: #2d303e55}.provider-popup-child{padding:20px;border-radius:10px;background-color:#fff;box-shadow:0 0 10px #292a3922}.provider-overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#76798255}[popup-has-target=true]{position:absolute}[popup-has-target=false]{position:absolute;overflow:auto;display:flex;flex-direction:column}[placement]::-webkit-scrollbar{display:none}[placement=inside]{position:relative}[child-placement=center]{margin:auto}[child-placement=left],[child-placement=bottom-right],[child-placement=top-right]{margin-left:auto}[child-placement=right],[child-placement=bottom-left],[child-placement=top-left]{margin-right:auto}[child-placement=top],[child-placement=top-left],[child-placement=top-right]{border-top-left-radius:0!important;border-top-right-radius:0!important}[child-placement=bottom],[child-placement=bottom-left],[child-placement=bottom-right]{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}[popup-has-target=true]:before{content:"";position:absolute;padding:7px;transform:rotate(45deg);border-radius:2px;animation:before-frames-in var(--popup-animation-time) ease-in;background:var(--provider-child-background)}[placement=bottom-right]:before,[placement=bottom-left]:before{top:-7px;left:10px;box-shadow:-2px -2px 3px #0001}[placement=bottom-left]:before{left:unset;right:10px}[placement=top-left]:before,[placement=top-right]:before{bottom:-7px;right:10px;box-shadow:2px 2px 3px #0001}[placement=top-right]:before{right:unset;left:10px}[placement=inside]:before,[placement=list-top]:before,[placement=list-bottom]:before,[placement=center]:before,[placement=none]:before{all:unset!important}.opacity-out[popup-has-target=true]:before{animation:before-frames-out var(--popup-animation-time) ease-out}@keyframes before-frames-in{0%{opacity:0;transform:scale(0) rotate(0)}to{opacity:1;transform:scale(1) rotate(45deg)}}@keyframes before-frames-out{0%{opacity:1;transform:scale(1) rotate(45deg)}to{opacity:0;transform:scale(0) rotate(0)}}.provider-popup-overlay{top:0;right:0;bottom:0;left:0;position:fixed;background-color:var(--overlay);animation:opacity-in .2s ease-in;z-index:1000}.opacity-out{animation:opacity-out var(--popup-animation-time) ease-out!important;opacity:0}@keyframes opacity-in{0%{opacity:0}to{opacity:1}}@keyframes opacity-out{0%{opacity:1}50%{opacity:1}to{opacity:0}}}[has-popup=true]{position:relative;z-index:1000}.print-me{margin:0!important;padding:0!important;border:0!important;z-index:-1;position:absolute;opacity:0;pointer-events:none;background-color:#fff!important;color:#000!important}.test-button{padding:6px 12px;border-radius:6px;box-shadow:0 0 10px #292a3933;background-color:#fff;color:#565585;background-color:#b16dd8;color:#fff;cursor:pointer;font-family:Gill Sans,sans-serif;font-size:15px}.test-container{display:flex;flex-direction:column;align-items:center;gap:10px;background-color:#333;background-color:#fafafa;position:fixed;top:0;right:0;bottom:0;left:0;justify-content:center;font-family:Gill Sans,sans-serif}.test-label-red{color:#b16dd8;font-size:18px;font-family:Gill Sans,sans-serif}.test-label-gray{color:#767982;font-size:15px;font-family:Gill Sans,sans-serif}.test-input{padding:6px 12px;border-radius:6px;box-shadow:0 0 10px #292a3933;background-color:#fff;color:#565585;cursor:pointer;font-family:Gill Sans,sans-serif;border:none!important;outline:none!important}.min-w-max{min-width:max-content}.test-col{display:flex;flex-direction:column;gap:10px}.bg-white{background-color:#fff;color:#292a39}.test-label-white{color:#fff;font-size:16px}.test-label-gray{color:#999;font-size:16px}.test-wrap{display:flex;flex-wrap:wrap;max-width:500px;align-items:center;justify-content:center;gap:10px;padding:20px;border-radius:10px;background-color:#fff;box-shadow:0 0 10px #292a3922}[fade-type=height-in]{animation:provider-animation-height-in var(--popup-animation-time) ease-in-out}[fade-type=height-out]{animation:provider-animatoin-height-out var(--popup-animation-time) ease-in-out;max-height:0;opacity:0;padding:0;overflow:hidden}@keyframes provider-animation-height-in{0%{max-height:0;padding:0;overflow:hidden}90%{max-height:var(--provider-child-height);padding:var(--provider-child-padding);overflow:hidden}to{overflow:auto}}@keyframes provider-animatoin-height-out{0%{max-height:var(--provider-child-height);padding:var(--provider-child-padding);opacity:1}to{max-height:0;padding:0;opacity:0}}[fade-type=width-in]{animation:provider-animation-width-in var(--popup-animation-time) ease-in-out}[fade-type=width-out]{animation:provider-animatoin-width-out var(--popup-animation-time) ease-in-out;max-width:0;opacity:0;padding:0;overflow:hidden}@keyframes provider-animation-width-in{0%{max-width:0;padding:0;overflow:hidden}95%{max-width:var(--provider-child-width);padding:var(--provider-child-padding);overflow:hidden}to{overflow:auto}}@keyframes provider-animatoin-width-out{0%{max-width:var(--provider-child-width);padding:var(--provider-child-padding);opacity:1}to{max-width:0;opacity:0;padding:0}}[fade-type=width-height-in]{animation:provider-animation-width-in-height var(--popup-animation-time) ease-in-out}[fade-type=width-height-out]{animation:provider-animatoin-width-out-height var(--popup-animation-time) ease-in-out;max-width:0;max-height:0;opacity:0;padding:0;overflow:hidden}@keyframes provider-animation-width-in-height{0%{max-width:0;max-height:0;padding:0;overflow:hidden}90%{max-width:var(--provider-child-width);max-height:var(--provider-child-height);padding:var(--provider-child-padding);overflow:hidden}to{overflow:auto}}@keyframes provider-animatoin-width-out-height{0%{max-width:var(--provider-child-width);max-height:var(--provider-child-height);padding:var(--provider-child-padding);opacity:1}to{max-width:0;max-height:0;padding:0;opacity:0}}[fade-type=scale-x-in]{animation:provider-animation-scale-in-x var(--popup-animation-time) ease-in-out}[fade-type=scale-x-out]{animation:provider-animatoin-scale-out-x var(--popup-animation-time) ease-in-out;opacity:0}@keyframes provider-animation-scale-in-x{0%{transform:scaleX(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes provider-animatoin-scale-out-x{0%{transform:scale(1);opacity:1}to{transform:scaleX(0);opacity:0}}[fade-type=scale-y-in]{animation:provider-animation-scale-in-y var(--popup-animation-time) ease-in-out}[fade-type=scale-y-out]{animation:provider-animatoin-scale-out-y var(--popup-animation-time) ease-in-out;opacity:0}@keyframes provider-animation-scale-in-y{0%{transform:scaleY(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes provider-animatoin-scale-out-y{0%{transform:scale(1);opacity:1}to{transform:scaleY(0);opacity:0}}[fade-type=scale-both-in]{animation:provider-animation-scale-in-both var(--popup-animation-time) ease-in-out}[fade-type=scale-both-out]{animation:provider-animatoin-scale-out-both var(--popup-animation-time) ease-in-out;opacity:0}@keyframes provider-animation-scale-in-both{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes provider-animatoin-scale-out-both{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:0}}[fade-type=slide-bottom-in]{animation:provider-animation-slide-in-bottom var(--popup-animation-time) ease-in-out}[fade-type=slide-bottom-out]{animation:provider-animatoin-slide-out-bottom var(--popup-animation-time) ease-in-out;transform:translateY(100%)}@keyframes provider-animation-slide-in-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes provider-animatoin-slide-out-bottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}[fade-type=slide-top-in]{animation:provider-animation-slide-in-top var(--popup-animation-time) ease-in-out}[fade-type=slide-top-out]{animation:provider-animatoin-slide-out-top var(--popup-animation-time) ease-in-out;transform:translateY(-100%)}@keyframes provider-animation-slide-in-top{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes provider-animatoin-slide-out-top{0%{transform:translateY(0)}to{transform:translateY(-100%)}}[fade-type=slide-right-in]{animation:provider-animation-slide-in-right var(--popup-animation-time) ease-in-out}[fade-type=slide-right-out]{animation:provider-animatoin-slide-out-right var(--popup-animation-time) ease-in-out;transform:translate(100%)}@keyframes provider-animation-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes provider-animatoin-slide-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}[fade-type=slide-left-in]{animation:provider-animation-slide-in-left var(--popup-animation-time) ease-in-out}[fade-type=slide-left-out]{animation:provider-animatoin-slide-out-left var(--popup-animation-time) ease-in-out;transform:translate(-100%)}@keyframes provider-animation-slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes provider-animatoin-slide-out-left{0%{transform:translate(0)}to{transform:translate(-100%)}}[fade-type=fade-in]{animation:provider-animation-fade-in var(--popup-animation-time) ease-in-out}[fade-type=fade-out]{animation:provider-animatoin-fade-out var(--popup-animation-time) ease-in-out;opacity:0}@keyframes provider-animation-fade-in{0%{opacity:0}to{opacity:1}}@keyframes provider-animatoin-fade-out{0%{opacity:1}to{opacity:0}}@layer popup{:root{--scale-up-animation-duration: .4s}div:has(>.scale-up-target){position:fixed;top:0;right:0;bottom:0;left:0;opacity:1!important;pointer-events:none}.scale-up-target>div{width:calc(100% - var(--scale-up-target-padding-x));height:100%}.scale-up-target::-webkit-scrollbar{display:none}.scale-up-target{position:absolute!important;background:transparent!important;overflow:scroll;width:var(--scale-up-target-width);left:var(--scale-up-target-left);top:var(--scale-up-target-top);height:var(--scale-up-target-height)}[fade-type=fill-in]{height:100vh;width:100vw;top:var(--scale-up-target-offset-y);left:var(--scale-up-target-offset-x);animation:scale-up-target-frames-fill-in var(--scale-up-animation-duration) ease-in!important}@keyframes scale-up-target-frames-fill-in{0%,20%{width:var(--scale-up-target-width);left:var(--scale-up-target-left);height:var(--scale-up-target-height);top:var(--scale-up-target-top);opacity:.5}20%{opacity:1}to{height:100vh;width:100vw;left:var(--scale-up-target-offset-x);top:var(--scale-up-target-offset-y);opacity:1}}[fade-type=fill-out]{opacity:0;animation:scale-up-target-frames-out var(--scale-up-animation-duration) ease-out!important}@keyframes scale-up-target-frames-out{0%{width:100vw;height:100vh;left:var(--scale-up-target-offset-x);top:var(--scale-up-target-offset-y);opacity:1}50%{width:var(--scale-up-target-width);left:var(--scale-up-target-left);height:var(--scale-up-target-height);top:var(--scale-up-target-top);opacity:1}to{opacity:0}}[fade-type=horizontal-in]{width:100vw;left:var(--scale-up-target-offset-x);height:var(--scale-up-target-height);top:var(--scale-up-target-top);animation:scale-up-target-frames-horizontal-in var(--scale-up-animation-duration) ease-in-out!important}@keyframes scale-up-target-frames-horizontal-in{0%,20%{opacity:0;width:var(--scale-up-target-width);left:var(--scale-up-target-left)}20%{opacity:1}to{width:100vw;left:var(--scale-up-target-offset-x);opacity:1}}[fade-type=horizontal-out]{opacity:0;animation:scale-up-target-frames-horizontal-out var(--scale-up-animation-duration) ease-in-out!important}@keyframes scale-up-target-frames-horizontal-out{0%{width:100vw;left:var(--scale-up-target-offset-x);opacity:1}50%{width:var(--scale-up-target-width);left:var(--scale-up-target-left);opacity:1}to{opacity:0}}[fade-type=vertical-in]{height:100vh;top:var(--scale-up-target-offset-y);opacity:1;animation:scale-up-target-frames-vertical-in var(--scale-up-animation-duration) ease-in-out!important}@keyframes scale-up-target-frames-vertical-in{0%{height:var(--scale-up-target-height);top:var(--scale-up-target-top);opacity:0}20%{height:var(--scale-up-target-height);top:var(--scale-up-target-top);opacity:1}to{height:100vh;top:var(--scale-up-target-offset-y);opacity:1}}[fade-type=vertical-out]{opacity:0;animation:scale-up-target-frames-vertical-out var(--scale-up-animation-duration) ease-in-out!important}@keyframes scale-up-target-frames-vertical-out{0%{height:100vh;top:var(--scale-up-target-offset-y);opacity:1}50%{height:var(--scale-up-target-height);top:var(--scale-up-target-top);opacity:1}to{opacity:0}}[fade-type=fit-in]{width:var(--scale-up-target-width);left:var(--scale-up-target-left);height:var(--scale-up-target-height);top:var(--scale-up-target-top);animation:scale-up-target-frames-fit-in var(--scale-up-animation-duration) ease-in-out!important}@keyframes scale-up-target-frames-fit-in{0%{opacity:0}to{opacity:1}}[fade-type=fit-out]{opacity:0;animation:scale-up-target-frames-fit-out var(--scale-up-animation-duration) ease-in-out!important}@keyframes scale-up-target-frames-fit-out{0%{opacity:1}to{opacity:0}}}:root{--color: #9176FF;--dark-color: var(--main);--dark-icon-color: #fff;--light-color: #f7f7f7;--light-icon-color: #FFDE59}.btn{background-color:#fff;width:50px;height:30px;border-radius:10em;padding:0 2px;box-shadow:inset 0 2px 2px #00000012,inset 0 2px 2px #00000012,inset 0 -2px 2px #00000012;position:relative;display:flex;align-items:center;cursor:pointer}.btn__indicator{background-color:#fff;width:28px;height:28px;border-radius:50%;position:absolute;box-shadow:0 8px 40px #0000001a;transition:transform .3s ease}.btn__icon-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;box-shadow:var(--shadow-md);border-radius:20px}.btn__icon{color:var(--light-icon-color);font-size:16px}.btn__icon.animated{animation:spin .5s}@keyframes spin{to{transform:rotate(360deg)}}.dark{background-color:var(--dark-color)}.dark .btn{box-shadow:inset 0 2px 4px #0000004d,inset 0 2px 4px #0000004d,inset 0 -4px 4px #0000004d}.dark .btn__indicator{transform:translate(-20px);background-color:var(--dark-color);box-shadow:0 4px 20px #0003}.dark .btn__icon{color:var(--dark-icon-color)}[data-transitional-stage]{--time: .5s}[data-transitional-stage=next-entering]{animation:entering-next-frames var(--time) ease-out}[data-transitional-stage=next-leaving]{animation:leaving-next-frames var(--time) ease-out}[data-transitional-stage=prev-entering]{animation:entering-prev-frames var(--time) ease-out}[data-transitional-stage=prev-leaving]{animation:leaving-prev-frames var(--time) ease-out}[fade-type]{--time: .5s}[fade-type=custom-in]{animation:entering-next-frames var(--time) ease-out}[fade-type=custom-out]{animation:leaving-next-frames var(--time) ease-out}.stepper-con{position:relative}.stepper-con:before{content:"";background-color:var(--shark);width:100%;height:2px;position:absolute;left:0;right:0;z-index:1}.stepper-con:after{content:"";background-color:var(--primary);width:calc(var(--stepper-line-w) + 15px);height:2px;position:absolute;left:0;right:0;z-index:1;transition:width .4s ease-in-out}.stepper{transition:background .6s ease-in-out;min-height:16px;min-width:16px;border-radius:8px;padding-inline:var(--spacing-sm)}.stepper p{transition:all .4s ease;transform:translateY(2px);font-size:0;opacity:0}.stepper-active p{font-size:var(--text-md);opacity:1}.stepper-active{background-color:var(--owl);color:var(--prim);padding:var(--spacing-lg)}.stepper-none-active{background-color:var(--shark);color:var(--king)}.stepper-passed{background-color:var(--primary);color:var(--white)}[data-step-index].stepper-passed:after{content:attr(data-step-index);transform:translateY(2px);display:block;text-align:center}@keyframes entering-next-frames{0%{opacity:0;transform:translate(-100%) scaleX(0)}70%{opacity:1;transform:translate(10%) scaleX(1.05)}to{opacity:1;transform:translate(0) scaleX(1)}}@keyframes leaving-next-frames{0%{opacity:1;transform:translate(0) scaleX(1)}30%{opacity:1;transform:translate(-10%) scaleX(1.05)}to{opacity:0;transform:translate(100%) scaleX(0)}}@keyframes entering-prev-frames{0%{opacity:0;transform:translate(100%) scaleX(0)}70%{opacity:1;transform:translate(-10%) scaleX(1.05)}to{opacity:1;transform:translate(0) scaleX(1)}}@keyframes leaving-prev-frames{0%{opacity:1;transform:translate(0) scaleX(1)}30%{opacity:1;transform:translate(10%) scaleX(1.05)}to{opacity:0;transform:translate(-100%) scaleX(0)}}@keyframes entering-frames-2{0%{opacity:0;transform:scaleX(0) translateY(120%)}70%{opacity:1;transform:scaleX(1.1) translateY(-10%)}to{opacity:1;transform:scaleX(1) translateY(0)}}@keyframes leaving-frames-2{0%{opacity:1;transform:scaleX(1) translateY(0)}30%{opacity:1;transform:scaleX(1.1) translateY(10%)}to{opacity:0;transform:scaleX(0) translateY(-100%)}}@layer elements{.selector-list-container{width:100%;pointer-events:none;min-width:70px!important;line-height:40px}.selector{display:flex;gap:0!important;position:relative;min-width:120px}.selector span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:start}.selector svg{transition:all .2s ease-in-out;width:20px;margin-right:-28px;fill:var(--goat);transform:rotate(0) translateY(-1px);min-width:30px}.selector-with-input{display:flex;border:solid 1px var(--shark-border);border-radius:var(--round-lg);background-color:transparent}.selector-with-input .selector-list-container{width:max-content;min-width:max-content}.selector-with-input .selector:before{content:"";position:absolute;background-color:var(--shark-border);width:2px;height:30px;inset-inline-start:0}.selector-with-input .selector{background-color:transparent;border-width:0;padding-inline:var(--spacing-md);border-radius:10.5px 0 0 10.5px;max-width:50%!important;min-width:30%!important}.selector-with-input .selector span{padding-inline-end:20px;padding-inline-start:5px}.selector-with-input .icon-input{background-color:transparent;padding-inline-end:var(--spacing-md);border-width:0;border-radius:0 10.5px 10.5px 0;flex-grow:1!important}.selector-with-input:focus-within{border-color:var(--goat)!important}.selector-with-input:focus-within .selector{border-color:var(--goat)!important}.selector[has-popup=true] svg,[has-popup=true]>.selector svg{transform:rotate(180deg) translateY(1px);fill:var(--primary)!important}.selector-list{background-color:var(--outline);padding:var(--spacing-md);border-radius:var(--round-lg);gap:var(--spacing-lg);display:flex;flex-direction:column;border:solid 1px var(--shark-border);max-height:40vh}.selector-list-item{font-weight:var(--font-light);background-color:var(--king);padding:0 var(--spacing-xl);border-radius:var(--round-sm);cursor:pointer;text-align:start;box-shadow:var(--shadow-sm);transition:all .1s ease-in-out;font-size:var(--text-md)}.selector-list-item:hover{background-color:var(--prim);box-shadow:var(--shadow-md)}[data-selected-list-item=true]{background-color:var(--prim)!important;color:var(--primary)!important;box-shadow:var(--shadow-md)!important}[data-list-item-disabled=true]{background-color:var(--king)!important;color:var(--goat)!important;cursor:not-allowed;opacity:.7}}.multi-selector{border-radius:var(--round-lg);padding:var(--spacing-md)}.multi-selector input{line-height:32px;width:clamp(20%,20%,100%)}.selector-list-label{line-height:20px;display:flex;flex-direction:row;color:var(--white);border-radius:var(--round-sm);padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-md);cursor:pointer;background-color:var(--primary)}.selector-list-label:hover{background-color:var(--primary-hover)}@layer elements{.kit-toggled-container{display:inline-flex;align-items:center}.kit-toggle-button{cursor:pointer;margin:0 4px;border-radius:20px;transition:all .2s ease-in-out;background-color:var(--owl);box-shadow:var(--shadow-m);padding:2px 2px 2px 22px;display:inline-flex}.kit-toggle-button:after{content:"";padding:9px;border-radius:10px;background-color:var(--prim);box-shadow:var(--shadow-l)}.kit-toggle-active{padding-right:22px;padding-left:2px;background-color:var(--frog)}.selector-button-svg{fill:var(--owl)!important;transition:all .3s}.form-selector{gap:var(--m);cursor:pointer;align-items:center;display:inline-flex;color:var(--form-owl);padding:var(--m) var(--l);font-family:var(--font-bold);background-color:var(--form-prim);border-radius:var(--round-m);box-shadow:var(--shadow-m);font-size:var(--font-m)}.selector-option{font-family:var(--font-bold);font-weight:700;color:var(--owl);padding:10px 20px;border-radius:var(--m);cursor:pointer;transition:all .1s ease-in-out;box-shadow:var(--shadow-m);background-color:var(--prince)}.selector-option:hover{box-shadow:inset 0 0 6px #ccc3}.selected-option{opacity:.6;background-color:var(--shark);color:var(--prim)}.list-container{background-color:var(--form-prim)}.clear-icon{color:#fca5a5;font-size:24px;font-family:var(--font-bold);font-weight:300;left:var(--m);padding-right:3px;padding-top:2px;z-index:10;position:absolute;cursor:pointer}.clear-icon.hide{display:none}.search-input-container{position:relative;display:inline-flex;max-width:fit-content;fill:var(--form-shark);padding:var(--s) var(--m);border-radius:var(--l);box-shadow:var(--shadow-m);background-color:var(--form-prim);align-items:center}.form-search-input{background-color:transparent;font-family:var(--font-bold);color:var(--form-owl);padding:var(--s);outline:none;border:none;font-weight:700;box-shadow:unset}.delete-mark{background-color:inherit;z-index:2;cursor:pointer;top:4px;left:2px;bottom:4px}.delete-mark:after{content:"⨉";background-color:inherit;color:var(--form-light-red);font-size:13px;font-weight:700;padding:0 8px}[data-input-has-value=false]{opacity:0!important;pointer-events:none!important}[data-input-has-value=true]{opacity:1;pointer-events:all}.search-icon{position:relative;z-index:1}.toggle-options-parent{display:grid;height:auto}.toggle-options-container{box-shadow:var(--shadow-m);border-radius:var(--m);padding:var(--s);overflow-x:auto;gap:var(--m);display:grid;overflow-y:hidden;grid-auto-flow:column;transition:all .2s ease-out;background-color:var(--form-prim);grid-template-rows:repeat(auto-fill,minmax(20px,auto));grid-template-columns:repeat(auto-fill,auto);position:relative}.toggle-options-container::-webkit-scrollbar{height:4px;width:4px}.toggle-options-container::-webkit-scrollbar-track{background-color:#e4e4e4;border-radius:100px;margin:var(--m)}.toggle-options-container::-webkit-scrollbar-track{background-color:#e4e4e4}.toggle-options-container::-webkit-scrollbar-thumb{border-radius:6px}.toggle-options-container:hover::-webkit-scrollbar-thumb{background-color:#3f3c4d55}.toggle-options-title{font-family:var(--font-bold);font-weight:700}.toggle-option{border-radius:var(--s);padding:var(--s) var(--l);font-size:var(--font-s);box-shadow:var(--shadow-m);font-family:var(--font-bold);background-color:var(--form-king);color:var(--form-owl);min-width:max-content;cursor:pointer}.toggle-option:hover{transform:translateY(1px);opacity:1}.cut-words{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}}.multi-selector{display:flex;flex-wrap:wrap}.api-selector-container{color:var(--owl);max-width:unset!important;--max-height: 50vh}.kkk{display:grid;border-radius:var(--round-lg);grid-template-columns:1fr auto auto;transition:border-radius .1s ease-in-out;border:solid 1px var(--shark-border);background-color:var(--outline);position:relative}.kkk:focus-within{border-color:var(--primary)}.kkk input{padding-inline:0!important}.api-selector-container .search-input-container{background-color:transparent;box-shadow:unset;border-radius:unset}#toggle-arrow{transform:rotate(180deg);margin:auto;transition:all .3s;fill:var(--primary-border)!important}[aria-expanded=false] #toggle-arrow{transform:rotate(0);fill:var(--dolphin)!important}.search-result-container{display:flex;flex-direction:column;position:absolute;border-radius:var(--round-lg);max-height:var(--max-height);gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--outline);animation:fade-in-down .3s ease;z-index:1000;top:0;left:0;right:0;top:var(--spacing-md);border:solid 1px var(--goat)}[data-sprate=false] .search-result-container{border-top-right-radius:0;border-top-left-radius:0;top:unset}[aria-expanded=true][data-sprate=false] .kkk{border-bottom-right-radius:0;border-bottom-left-radius:0}[aria-expanded=false] .search-result-container{opacity:0;transform:scaleX(0);animation:fade-out-up .2s ease!important}.search-result-item{font-weight:var(--font-light);background-color:var(--king);padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--round-sm);cursor:pointer;text-align:start;box-shadow:var(--shadow-sm);transition:all .1s ease-in-out}.search-result-item:hover{background-color:var(--prim);box-shadow:var(--shadow-md)}@keyframes fade-in-down{0%{opacity:.2;max-height:0;overflow:hidden}to{opacity:1;max-height:var(--max-height);overflow:auto}}@keyframes fade-out-up{0%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(0)}}.selector-arrow-container{display:inline-flex;padding:var(--spacing-sm) var(--spacing-lg);border-right:solid 1px var(--prince)}.local-scroller{overflow-y:auto}.local-scroller::-webkit-scrollbar{max-height:4px;max-width:4px}.local-scroller::-webkit-scrollbar-track{background-color:transparent!important;border-radius:100px}.local-scroller::-webkit-scrollbar-thumb{border-radius:6px;background-color:var(--shark)!important}.input-selector{border:0;display:flex;padding-inline:var(--spacing-lg)}.input-selector svg{fill:none;color:var(--dolphin)}.a4-size{width:210mm;margin:0 auto;padding:var(--spacing-lg);box-sizing:border-box;min-height:297mm}.company-banner-1{font-family:Cairo,sans-serif;font-size:3.5em;font-weight:700;color:#000;text-align:center;margin-top:20px}@font-face{font-family:Diwan Naskh;src:url(/fonts/DiwanNaskh-Regular.woff2) format("woff2"),url(/fonts/DiwanNaskh-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}.company-banner-2{font-family:Diwan Naskh,serif;font-weight:400;font-size:3.2rem;direction:rtl;text-align:center;color:#4a235a;padding:1.8rem 0;background:linear-gradient(to right,#f0e6f5,#fff,#f0e6f5);border-bottom:none;text-shadow:2px 2px 5px rgba(0,0,0,.2);border-radius:.75rem;line-height:1.2}@font-face{font-family:Droid Arabic Kufi;src:url(/fonts/DroidArabicKufi-Bold.woff2) format("woff2"),url(/fonts/DroidArabicKufi-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}.company-banner-3{font-family:Droid Arabic Kufi,sans-serif;font-weight:700;font-size:2.9rem;direction:rtl;text-align:center;color:#1a5276;padding:1.6rem 0;border-bottom:4px solid #3498db;text-shadow:1px 1px 2px rgba(0,0,0,.1);letter-spacing:.04em}@font-face{font-family:Arabic Typesetting;src:url(/fonts/ArabicTypesetting-Regular.woff2) format("woff2"),url(/fonts/ArabicTypesetting-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}.company-banner-4{font-family:Arabic Typesetting,serif;font-weight:400;font-size:3.1rem;direction:rtl;text-align:center;color:#34495e;padding:1.7rem 0;border-bottom:1px dashed #7f8c8d;text-shadow:1px 1px 1px rgba(0,0,0,.05);line-height:1.3}@font-face{font-family:Hacen Tunisia;src:url(/fonts/HacenTunisia-Bold.woff2) format("woff2"),url(/fonts/HacenTunisia-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}.company-banner-5{font-family:Hacen Tunisia,sans-serif;font-weight:700;font-size:3rem;direction:rtl;text-align:center;color:#e74c3c;padding:1.6rem 0;background-color:#fdf2f2;border-bottom:5px solid #c0392b;text-shadow:3px 3px 6px rgba(0,0,0,.25);border-radius:.6rem}@font-face{font-family:Kufi Standard;src:url(/fonts/KufiStandard-Regular.woff2) format("woff2"),url(/fonts/KufiStandard-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}.company-banner-6{font-family:Kufi Standard,serif;font-weight:400;font-size:3.3rem;direction:rtl;text-align:center;color:#8e44ad;padding:1.9rem 0;border-bottom:4px dotted #9b59b6;text-shadow:2px 2px 4px rgba(0,0,0,.18);letter-spacing:.07em;line-height:1.1}@font-face{font-family:Al-Jazeera Arabic;src:url(/fonts/AlJazeeraArabic-Bold.woff2) format("woff2"),url(/fonts/AlJazeeraArabic-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}.company-banner-7{font-family:Al-Jazeera Arabic,sans-serif;font-weight:700;font-size:2.7rem;direction:rtl;text-align:center;color:#27ae60;padding:1.4rem 0;background-color:#f7fcf9;box-shadow:0 2px 6px #0000000d;text-shadow:1px 1px 2px rgba(0,0,0,.1)}@font-face{font-family:Sakkal Majalla;src:url(/fonts/SakkalMajalla-Regular.woff2) format("woff2"),url(/fonts/SakkalMajalla-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}.company-banner-8{font-family:Sakkal Majalla,serif;font-weight:400;font-size:3.4rem;direction:rtl;text-align:center;color:#5d6d7e;padding:2rem 0;border-bottom:none;text-shadow:0 1px 1px rgba(0,0,0,.05);background:radial-gradient(circle,#fcfcfc,#f0f0f0);border-radius:1rem;line-height:1.1}@font-face{font-family:Dubai;src:url(/fonts/Dubai-Bold.woff2) format("woff2"),url(/fonts/Dubai-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}.company-banner-9{font-family:Dubai,sans-serif;font-weight:700;font-size:3rem;direction:rtl;text-align:center;color:#f39c12;padding:1.8rem 0;background-color:#2c3e50;border-radius:.75rem;text-shadow:3px 3px 8px rgba(243,156,18,.4);box-shadow:0 6px 12px #0000004d}@font-face{font-family:Simplified Arabic;src:url(/fonts/SimplifiedArabic-Bold.woff2) format("woff2"),url(/fonts/SimplifiedArabic-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}.company-banner-10{font-family:Simplified Arabic,serif;font-weight:700;font-size:2.9rem;direction:rtl;text-align:center;color:#444;padding:1.6rem 0;border-bottom:2px dotted #aeb6bf;text-shadow:1px 1px 2px rgba(0,0,0,.08);background-color:#fefefe;line-height:1.2}table{border-collapse:separate;text-align:center;color:var(--owl);width:100%;border-spacing:0;transform:translateY(0) scaleY(1);padding:var(--spacing-md);opacity:1;transition:opacity .2s ease-out,transform .2s ease-out;padding:0;--border: solid var(--table-border-size) var(--table-border-color);border-bottom:var(--border);border-left:var(--border)}thead:before,thead:after{display:none}thead{position:static;background-color:var(--table-header)!important}th{color:var(--table-header-text)}th,td{border-right:var(--border);border-top:var(--border);padding:var(--spacing-md)}tbody tr:nth-child(odd){background-color:var(--table-odd-bg)}tbody tr:nth-child(2n){background-color:var(--table-even-bg)}tr:last-child{border-bottom-left-radius:var(--round-md);border-bottom-right-radius:var(--round-md);background-color:transparent}tr:first-child{border-top-left-radius:var(--round-md);border-top-right-radius:var(--round-md);background-color:transparent}[data-title]:after{content:attr(data-title);text-align:center;animation:fade-in-top-frame .3s ease-in-out;font-size:var(--text-xl)}[data-title=loading]:after,[data-title=logo]:after{display:none}@keyframes loading-title{0%,to{opacity:0}50%{opacity:.3}}[data-title] .top-bar-logo{display:none}[data-title=logo] .top-bar-logo{display:flex}[data-title=loading] .top-bar-logo{display:flex;border-radius:var(--round-m);animation:loading-title 1.5s infinite ease-in-out}[data-back-button=true]{opacity:1;transition:all .2s}[data-back-button=false]{opacity:0;pointer-events:none}@layer attributes{.price,.price-full{font-size:15px}}.price{font-weight:600}[iso-code] :after{font-size:12px!important;color:var(--price-text);font-weight:200!important}[iso-code="N/A"] .price:after,[iso-code=IQD].price:after{content:" N/A "}[iso-code=IQD] .price:after,[iso-code=IQD].price:after{content:" تومان "}[iso-code=USD] .price:after,[iso-code=USD].price:after{content:" $ "}.discounted{text-decoration:line-through 1px;color:var(--red)}[data-discount-price]:before{content:attr(data-discount-price);font-size:var(--text-md);color:var(--red);text-decoration-color:var(--red);text-decoration-line:line-through;text-decoration-thickness:1px;position:absolute;bottom:-16px}