: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-normal:400;--weight-bold:700;--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(0, 0, 0, .2);--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-focus:0px 0px rgba(32, 211, 238,.1);--shadow-error:0px 0px rgba(231, 53, 60,.1);--shadow-none:none;--text-xs:.4rem;--text-sm:.625rem;--text-md:.75rem;--text-lg:.875rem;--text-xl:1rem;--text-2x:1.125rem;--text-3x:1.25rem;--text-4x:1.5rem;--text-5x:1.875rem;--text-6x:2.25rem;--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;--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}.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-sm{padding:var(--spacing-sm)}.px-sm{padding-inline:var(--spacing-sm)}.py-sm{padding-block:var(--spacing-sm)}.gap-sm{gap:var(--spacing-sm)}.left-sm{left:var(--spacing-sm)}.right-sm{right:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.px-md{padding-inline:var(--spacing-md)}.py-md{padding-block:var(--spacing-md)}.right-md{right:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.px-lg{padding-inline:var(--spacing-lg)}.gap-lg{gap:var(--spacing-lg)}.top-lg{top:var(--spacing-lg)}.left-lg{left:var(--spacing-lg)}.right-lg{right:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.px-xl{padding-inline:var(--spacing-xl)}.mt-xl{margin-top:var(--spacing-xl)}.gap-xl{gap:var(--spacing-xl)}.p-2x{padding:var(--spacing-2x)}.gap-2x{gap:var(--spacing-2x)}.p-3x{padding:var(--spacing-3x)}.px-3x{padding-inline:var(--spacing-3x)}.top-3x{top:var(--spacing-3x)}.p-4x{padding:var(--spacing-4x)}.top-5x{top:var(--spacing-5x)}.pb-6x{padding-bottom:var(--spacing-6x)}.size-20{height:var(--size-20);width:var(--size-20)}.w-26{width:var(--size-26)}.h-26{height:var(--size-26)}.w-32{width:var(--size-32)}.h-32{height:var(--size-32)}.h-200{height:var(--size-200)}.round-xs{border-radius:var(--round-xs)}.round-sm{border-radius:var(--round-sm)}.round-md{border-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)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.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)}.text-3x{font-size:var(--text-3x)}.border-thick{border-width:var(--border-thick)}.border-dashed{border-style:var(--border-dashed)}.transition-300{transition:var(--transition-300)}.z-20{z-index:var(--z-20)}.z-30{z-index:var(--z-30)}.z-50{z-index:var(--z-50)}.opacity-0{opacity:var(--opacity-0)}:root{--rgb-red:248, 81, 73;--red:rgb(var(--rgb-red));--rgb-light-red:255, 123, 114;--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-green:63, 185, 80;--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-success:63, 185, 80;--success:rgb(var(--rgb-success));--rgb-error:248, 81, 73;--error:rgb(var(--rgb-error));--rgb-warning:255, 166, 87;--warning:rgb(var(--rgb-warning));--rgb-info:47, 129, 247;--info:rgb(var(--rgb-info));--rgb-primary:47, 129, 247;--primary:rgb(var(--rgb-primary));--rgb-secondary:54, 54, 54;--secondary:rgb(var(--rgb-secondary));--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));--night:rgb(var(--rgb-night));--throne:rgb(var(--rgb-throne));--hoverd:rgb(var(--rgb-hoverd));--bord:rgb(var(--rgb-bord));--owl:rgb(var(--rgb-owl));--shark:rgb(var(--rgb-shark));--goat:rgb(var(--rgb-goat));--dolphin:rgb(var(--rgb-dolphin));--sky:rgb(var(--rgb-sky));--danger:rgb(var(--rgb-danger));--metallicSilver:rgb(var(--rgb-metallicSilver));--bronze:rgb(var(--rgb-bronze));--darkCyan:rgb(var(--rgb-darkCyan));--oliveDrab:rgb(var(--rgb-oliveDrab));--ok:rgb(var(--rgb-ok));--default:rgb(var(--rgb-default));--root:rgb(var(--rgb-root))}.light{--rgb-main:250, 250, 250;--rgb-prim:255, 255, 255;--rgb-king:240, 240, 240;--rgb-prince:224, 224, 224;--rgb-lord:144, 144, 144;--rgb-night:196, 196, 199;--rgb-throne:224, 224, 224;--rgb-hoverd:240, 240, 240;--rgb-bord:139, 148, 158;--rgb-owl:31, 29, 43;--rgb-shark:125, 133, 144;--rgb-goat:196, 196, 199;--rgb-dolphin:224, 224, 224;--rgb-sky:217, 255, 253;--rgb-sea:132, 218, 214;--rgb-danger:248, 81, 73}.new-dark{--rgb-main:34, 51, 62;--rgb-prim:4, 127, 31;--rgb-king:19, 49, 106;--rgb-throne:22, 94, 84;--rgb-owl:245, 245, 245;--rgb-shark:211, 211, 211;--rgb-goat:255, 218, 185;--rgb-dolphin:135, 206, 235;--rgb-metallicSilver:170, 169, 173;--rgb-bronze:205, 127, 50;--rgb-darkCyan:0, 139, 139;--rgb-oliveDrab:107, 142, 35;--rgb-red:220, 20, 60;--rgb-ok:46, 139, 87;--rgb-default:169, 169, 169;--rgb-info:70, 130, 180}.other-dark{--rgb-root:0, 0, 0;--rgb-main:23, 24, 37;--rgb-prim:42, 43, 58;--rgb-throne:56, 58, 77;--rgb-king:94, 96, 119;--rgb-prince:159, 162, 185;--rgb-lord:223, 225, 244;--rgb-night:102, 51, 238;--rgb-sky:102, 51, 238;--rgb-sea:142, 100, 255;--rgb-hoverd:23, 27, 32;--rgb-bord:186, 188, 210;--rgb-owl:255, 255, 255;--rgb-shark:186, 188, 210;--rgb-goat:104, 113, 123;--rgb-dolphin:236, 236, 251}.dark{--rgb-main:0, 0, 0;--rgb-prim:86, 81, 103;--rgb-throne:29, 27, 34;--rgb-king:26, 23, 38;--rgb-prince:57, 60, 74;--rgb-lord:144, 153, 188;--rgb-night:102, 248, 89;--rgb-sky:14, 13, 17;--rgb-sea:115, 89, 248;--rgb-hoverd:23, 27, 32;--rgb-bord:139, 148, 158;--rgb-owl:255, 255, 255;--rgb-shark:228, 226, 233;--rgb-goat:179, 175, 192;--rgb-dolphin:248, 248, 89;--rgb-danger:248, 81, 73}.git-hub{--rgb-main:1, 4, 9;--rgb-prim:45, 48, 62;--rgb-throne:33, 38, 45;--rgb-king:22, 27, 34;--rgb-prince:57, 60, 74;--rgb-lord:144, 153, 188;--rgb-night:18, 29, 47;--rgb-sky:18, 29, 47;--rgb-sea:31, 111, 235;--rgb-hoverd:23, 27, 32;--rgb-bord:139, 148, 158;--rgb-owl:255, 255, 255;--rgb-shark:125, 133, 144;--rgb-goat:104, 113, 123;--rgb-dolphin:224, 224, 224;--rgb-danger:248, 81, 73}.bg-red{background-color:var(--red)}.text-red{color:var(--red)}.fill-red{fill:var(--red)}.text-orange{color:var(--orange)}.bg-sea{background-color:var(--sea)}.bg-green{background-color:var(--green)}.bg-cyan{background-color:var(--cyan)}.bg-white{background-color:var(--white)}.text-white{color:var(--white)}.fill-white{fill:var(--white)}.text-black{color:var(--black)}.fill-warning{fill:var(--warning)}.bg-main{background-color:var(--main)}.bg-prim{background-color:var(--prim)}.bg-king{background-color:var(--king)}.bg-prince{background-color:var(--prince)}.bg-lord{background-color:var(--lord)}.bg-throne{background-color:var(--throne)}.text-owl{color:var(--owl)}.fill-owl{fill:var(--owl)}.border-shark{border-color:var(--shark)}.text-shark{color:var(--shark)}.fill-shark{fill:var(--shark)}.border-goat{border-color:var(--goat)}.text-goat{color:var(--goat)}.text-dolphin{color:var(--dolphin)}.bg-sky{background-color:var(--sky)}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.static{position:static}.opacity-0{opacity:0}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.m-auto{margin:auto}.mt-auto{margin-top:auto}.ml-auto{margin-left: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}.w-fill{width:100%}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.col-span-full{grid-column:1 / -1}.text-center{text-align:center}.pointer{cursor:pointer}.min-w\:70px{min-width:70px}.max-w\:720px{max-width:720px}.max-h\:70vh{max-height:70vh}.width\:100\%{width:100%}.height\:100\%{height:100%}.h\:200px{height:200px}body{font-weight:700;color:var(--owl);padding:0!important;font-family:var(--font-bold);background-color:var(--main);font-size:11px!important;letter-spacing:1px;line-height:1.5;width:100vw;max-width:1280px;position:relative;margin:auto;overflow:hidden}#root{height:100dvh;display:grid;grid-template-rows:auto 1fr;overflow:hidden;background-color:var(--main);padding:0!important}.main{overflow:hidden;border-radius:var(--spacing-xl);padding:var(--spacing-xl);padding-top:0;transition:all .3s ease-in-out}[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)}.wrapper{width:100%;height:100%;flex-direction:column;transition:all .3s ease-in-out;overflow:auto;display:flex;gap:var(--spacing-lg);padding-top:var(--spacing-xl);columns:2}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));padding:var(--m);gap:var(--m)}#top-bar{z-index:100;background-color:var(--prim);min-height:30px;box-shadow:var(--shadow-bottom)}#top-bar-action{position:absolute;padding:var(--l) var(--x);inset-inline-end:0;z-index:100}#menu{position:fixed;display:flex;flex-direction:column;max-height:unset;transition:all .3s ease-in-out;inset-block:0;min-width:200px;padding-top:70px;background-color:var(--prim);box-shadow:var(--shadow-md);--width:-400px}#menu{right:var(--width)}[menu-opened=true] #menu{right:0}[menu-opened=true] #menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1}.toggle-menu-button{fill:var(--owl);position:absolute}@media screen and (max-width: 768px){.grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}.form{display:flex;flex-direction:column;box-shadow:var(--shadow-md);background-color:var(--prim);border-radius:var(--spacing-xl);padding:var(--spacing-3x);gap:var(--spacing-lg);max-width:720px;width:85%;margin-inline:auto}.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)}.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))}}.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}}@font-face{font-family:"'BoutrosMBCDinkum Medium'";src:url(/fonts/light.ttf)}@font-face{font-family:"'GE Dinkum Medium'";src:url(/fonts/bold.ttf)}:root{--font-light: "'GE Dinkum Medium'";--bold:"'BoutrosMBCDinkum Medium'";--font-bold: "'BoutrosMBCDinkum Medium'";background-color:var(--main);--scroller-size:4px;--scroller-bg:var(--prince);--scroller-thumb:var(--goat);color:var(--owl);--linear-prim: rgba(41, 42, 57, 0) 0%, rgba(59, 62, 76, 1) 100%;--linear-prim-2: rgba(41, 42, 57, 0) 0%, rgba(158, 159, 166) 100%;--linear-prim-3: rgba(131, 214, 225, 0) 10%, rgba(131, 214, 225, .5) 100%;--linear-prim-3: rgba(186, 218, 85, 0) 10%, rgba(186, 218, 85, .5) 100%}*{-webkit-tap-highlight-color:var(--highlight)}@layer base{p,span,div,option,link,a{-webkit-user-select:none;user-select:none;margin:0;padding:0;line-height:26px}a{text-decoration:none}}img{filter:brightness(1.2) saturate(1.3) contrast(1.1) saturate(1.1) grayscale(.2)}@media screen and (min-width: 768px){.popuped-product-card{position:relative;max-width:768px;margin-inline:auto}}.fill-none{fill:none}.ms-auto{margin-inline-start:auto}.me-auto{margin-inline-end:auto}@layer icons{svg{height:26px}.icon{fill:var(--owl);color:var(--goat)}}.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}.border-shark{border-color:var(--shark)!important}.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 elements{.button,.icon-button{cursor:pointer;padding:var(--spacing-sm) var(--spacing-lg);transition:all .2s ease-in-out;fill:var(--shark);border:var(--element-border);color:var(--owl);background-color:var(--sky)}.icon-button{display:flex;gap:var(--spacing-sm)}.button-primary{background-color:var(--sky);color:var(--owl);fill:var(--sea)}.button-ghost{background-color:var(--owl);color:var(--prim);border-color:var(--prim);fill:var(--prim);box-shadow:var(--shadow-md)}.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)}.button-dynamic{background-color:var(--bg);color:var(--color);border-color:var(--border);fill:var(--color)}[data-button-state=disabled]{cursor:not-allowed;opacity:.5;transform:scale(.95) translateY(2px)}[data-button-state=loading]{cursor:progress;overflow:hidden;position:relative;opacity:.7}[data-button-state=loading]:after{content:"";position:absolute;padding:10px;border:dashed 4px transparent;border-bottom-color:var(--owl);border-top-color:var(--owl);border-radius:50%;left:10px;animation:loading 2.8s infinite linear}@keyframes loading{0%,to{transform:rotate(1080deg) scale(1)}25%{transform:rotate(360deg) scale(.1)}50%{transform:rotate(0) scale(1)}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{padding:var(--spacing-sm) var(--spacing-lg)!important;outline:none;display:flex;fill:var(--shark);border:var(--element-border)}.icon-input input{flex-grow:1;background-color:transparent}.input-default{background-color:var(--king)}.input-bordered{background-color:var(--throne);border-color:var(--shark)}.input-search{background-color:var(--sky);border-color:var(--sea)}.input-ghost{background-color:var(--prince)}[data-element-state=error]{border-color:var(--error);fill:var(--error)!important}[data-element-state=success]{border-color:var(--success);fill:var(--success)}[data-input-error]{position:relative;background-color:var(--light-red);border-color:var(--error);margin-bottom:30px;transition:all .3s ease-in-out}[data-input-error]:after{content:attr(data-input-error);color:var(--error);pointer-events:none;position:absolute;font-size:var(--text-sm);align-self:flex-start;animation:fade-in-data-error .3s ease-in-out;font-family:var(--bold);font-weight:700;z-index:2;right:0;top:100%}[data-position=top][data-input-error]{margin-top:25px;transition:all .3s ease-in-out}[data-position=bottom][data-input-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;max-height:0}to{opacity:1;max-height:100px}}}.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}@layer elements{.label{color:var(--owl);font-size:var(--text-sm)}.icon-label{display:flex;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);fill:var(--shark);border:var(--element-border)}[data-icon-position=start]{flex-direction:row;align-items:center}[data-icon-position=top]{flex-direction:column}[data-icon-position=end]{flex-direction:row-reverse;align-items:center;gap:var(--spacing-sm)}[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)}}@layer elements{input[type=file]{width:350px;max-width:100%;color:var(--prim);padding:var(--spacing-sm);background:var(--owl);border-radius:var(--spacing-md);margin-inline:auto}input[type=file]::file-selector-button{margin-right:20px;border:none;padding:var(--spacing-md) 20px;color:#fff;cursor:pointer;transition:background .2s ease-in-out;background:var(--night)}input[type=file]::file-selector-button:hover{background:var(--green)}input,button{margin:0;padding:0;box-sizing:border-box;font-weight:700;font-size:var(--text-md);font-family:var(--bold);border:none;outline:none;color:var(--owl)}input{background-color:transparent}[active-route-tab=true]{background-color:var(--sea);color:var(--white)}.icon-input svg,.icon-button svg,.icon-label svg{padding:4px;height:18px}.icon-input,.icon-button,.icon-label,.button,.label{line-height:26px;border-radius:var(--round-sm);--element-border: solid 2px transparent}}.file-input input{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;opacity:0}.images-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:var(--spacing-lg)}.rembg-image-parent{background-position:center;background-repeat:no-repeat;background-size:contain}.rembg-image{object-fit:contain;width:100%;height:100%}[vanish=true]{opacity:0;transition:all .8s ease-in-out}.magic-wrapper{position:relative}.result{position:absolute;right:0;animation:fadein .8s ease-in-out}@keyframes fadein{0%{opacity:0}to{opacity:1}}.three60-container{-webkit-user-select:none!important;user-select:none!important;filter:brightness(1.2) saturate(1.3) contrast(1.1) saturate(1.1) grayscale(.2);filter:brightness(1.1) saturate(1.3) contrast(1.1) saturate(1.1);background-repeat:no-repeat;background-position:center;background-size:contain;touch-action:none;height:100%;z-index:1;transform:translate(0);scale:1}.three60-parent{-webkit-user-select:none!important;user-select:none!important;--loading-indecator: 0px;width:100%;max-width:750px;background:linear-gradient(0deg,var(--sky) 0%,var(--cute) 100%);border-radius:var(--round-sm);position:relative;margin:auto;touch-action:none;margin-block:var(--spacing-md);transition:all .3s ease-in-out;overflow:hidden}.full-screen-360{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;max-width:100vw;max-height:100vh;margin:auto;border-radius:0}.three60-parent:before{content:"";bottom:0;height:3px;border-radius:2px;background-color:var(--cute);filter:drop-shadow(0 0 3px var(--cute));transition:width .5s linear;position:absolute;display:block;width:var(--loading-indecator)}.three60-parent:after{content:"";bottom:0;height:3px;border-radius:2px;background-color:var(--cute);transition:width .5s linear;position:absolute;display:block;left:0;right:0;opacity:.3}.three-60-img-preparing{display:none!important}.three60-container-bg{left:10px;right:10px;--loading-indecator: 10px;background-size:130%;position:relative;background-repeat:no-repeat;aspect-ratio:1/1;background-position:center;position:absolute;pointer-events:none}.three60-thumbnail-img{width:100px;height:100px;border-radius:var(--round-l);object-fit:contain;border:2px solid var(--shark)}[data-thumbnail-selected=true]{border-color:var(--cyan)}.three60-cirecl-indecator{display:flex;flex-direction:column;position:absolute;z-index:0-1;top:30px;left:0;right:0;border-radius:50%;transform:rotateX(150deg) scaleY(.6) scaleX(2);perspective:1000px;pointer-events:none}.three60-cirecl-indecator-line{width:1px;background-color:var(--sky);background-color:var(--white);position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;transform-origin:bottom;transition:all .2s ease-in-out}@keyframes fade-in{0%{opacity:0}to{opacity:.5}}.video-crop-container{--x:0;--y:0;--scale:1;aspect-ratio:4/3;position:relative}.video-crop-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:solid 3px var(--orange);border:solid 3px var(--red)}.video-crop{background-color:var(--main);transform:translate(var(--x),var(--y)) scale(var(--scale))}[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:100;font-family:var(--font-light)}[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:" $ "}@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}@media print{body:has(.print-me){padding:0!important;margin:0!important;border:0!important;background-color:#fff!important;color:#000!important}.print-me{opacity:1!important;z-index:99999!important;top:0!important;right:0!important;bottom:0!important;left:0!important}.print-me *{background-color:#fff!important;color:#000!important}#root:has(.print-me){display:none!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{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 .4s ease-in-out!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:0}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 .4s ease-in-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 .4s 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 .4s 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 .4s 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 .4s 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 .2s 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 .4s ease-in-out!important}@keyframes scale-up-target-frames-fit-out{0%{opacity:1}to{opacity:0}}}.product-card{background-repeat:no-repeat;background-size:contain;background-position:center}.product-img{object-fit:contain;height:160px;max-width:98%;margin-inline:auto}.processing-container{background-color:var(--blur);z-index:99999999}.loading-container{z-index:99999999;pointer-events:none;touch-action:none}