: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;--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)}.gap-0{gap: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)}.py-xs{padding-block: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)}.left-sm{left:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.pt-md{padding-top:var(--spacing-md)}.px-md{padding-inline:var(--spacing-md)}.py-md{padding-block:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.pb-lg{padding-bottom:var(--spacing-lg)}.px-lg{padding-inline:var(--spacing-lg)}.py-lg{padding-block:var(--spacing-lg)}.gap-lg{gap:var(--spacing-lg)}.left-lg{left:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.px-xl{padding-inline:var(--spacing-xl)}.py-xl{padding-block:var(--spacing-xl)}.mt-xl{margin-top:var(--spacing-xl)}.gap-xl{gap:var(--spacing-xl)}.gap-2x{gap:var(--spacing-2x)}.p-3x{padding:var(--spacing-3x)}.p-4x{padding:var(--spacing-4x)}.p-6x{padding:var(--spacing-6x)}.py-6x{padding-block:var(--spacing-6x)}.bottom-6x{bottom:var(--spacing-6x)}.size-32{height:var(--size-32);width:var(--size-32)}.size-40{height:var(--size-40);width:var(--size-40)}.w-100{width:var(--size-100)}.max-w-400{max-width:var(--size-400)}.round-sm{border-radius:var(--round-sm)}.round-md{border-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)}.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)}.border-thick{border-width:var(--border-thick)}.border-solid{border-style:var(--border-solid)}.border-dashed{border-style:var(--border-dashed)}.z-50{z-index:var(--z-50)}.opacity-0{opacity:var(--opacity-0)}:root{--rgb-primary:212, 236, 132;--primary:rgb(var(--rgb-primary));--rgb-primary-hover:212, 236, 132;--primary-hover:rgb(var(--rgb-primary-hover));--rgb-primary-active:212, 236, 132;--primary-active:rgb(var(--rgb-primary-active));--rgb-primary-border:250, 95, 85;--primary-border:rgb(var(--rgb-primary-border));--rgb-primary-light:212, 236, 132;--primary-light:rgb(var(--rgb-primary-light));--rgb-grass:25, 140, 72;--grass:rgb(var(--rgb-grass));--rgb-grass-light:29, 140, 70;--grass-light:rgb(var(--rgb-grass-light));--rgb-secondary:246, 239, 241;--secondary:rgb(var(--rgb-secondary));--rgb-secondary-hover:242, 222, 224;--secondary-hover:rgb(var(--rgb-secondary-hover));--rgb-secondary-active:235, 217, 218;--secondary-active:rgb(var(--rgb-secondary-active));--rgb-secondary-border:250, 95, 85;--secondary-border:rgb(var(--rgb-secondary-border));--rgb-secondary-light:255, 245, 245;--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-error:250, 95, 85;--error:rgb(var(--rgb-error));--rgb-light-red:255, 245, 245;--light-red:rgb(var(--rgb-light-red));--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:232, 232, 232;--shark-border:rgb(var(--rgb-shark-border));--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-white:255, 255, 255;--white:rgb(var(--rgb-white));--rgb-black:0, 0, 0;--black:rgb(var(--rgb-black));--rgb-red:248, 81, 73;--red:rgb(var(--rgb-red));--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));--owl:rgb(var(--rgb-owl));--shark:rgb(var(--rgb-shark));--goat:rgb(var(--rgb-goat));--dolphin:rgb(var(--rgb-dolphin));--whale:rgb(var(--rgb-whale));--icon:rgb(var(--rgb-icon));--sky:rgb(var(--rgb-sky));--sea:rgb(var(--rgb-sea));--danger:rgb(var(--rgb-danger));--outline:rgb(var(--rgb-outline))}.light{--rgb-main:228, 246, 230;--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-owl:39, 39, 42;--rgb-shark:85, 85, 94;--rgb-goat:140, 140, 151;--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-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-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:183, 195, 211;--rgb-goat:31, 111, 235;--rgb-dolphin:224, 224, 224;--rgb-danger:248, 81, 73;--rgb-outline:1, 4, 9;--rgb-whale:22, 27, 34;--rgb-night:187, 176, 176;--rgb-night-hover:160, 157, 157;--rgb-night-active:94, 94, 96;--rgb-night-border:250, 95, 85;--rgb-night-light:255, 245, 245;--rgb-owl-border:232, 232, 232;--rgb-shark-border:48, 54, 61;--rgb-owl-disabled:48, 54, 61;--rgb-shark-disabled:246, 246, 246;--rgb-goat-icon:165, 165, 178}.text-primary{color:var(--primary)}.fill-primary{fill:var(--primary)}.bg-grass{background-color:var(--grass)}.border-shark-border{border-color:var(--shark-border)}.bg-delivered{background-color:var(--delivered)}.bg-white{background-color:var(--white)}.text-white{color:var(--white)}.fill-white{fill:var(--white)}.text-black{color:var(--black)}.bg-red{background-color:var(--red)}.text-red{color:var(--red)}.fill-red{fill:var(--red)}.bg-main{background-color:var(--main)}.bg-prim{background-color:var(--prim)}.bg-king{background-color:var(--king)}.bg-bord{background-color:var(--bord)}.bg-owl{background-color:var(--owl)}.text-owl{color:var(--owl)}.fill-owl{fill: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)}.text-dolphin{color:var(--dolphin)}.bg-outline{background-color:var(--outline)}.select-none{-webkit-user-select:none;user-select:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.static{position:static}.inherit{position:inherit}.opacity-0{opacity:0}.opacity-20{opacity:.2}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.m-auto{margin:auto}.mb-auto{margin-bottom:auto}.mx-auto{margin-left:auto;margin-right: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}.w-screen{width:100vw}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.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}.max-w\:90\%{max-width:90%}.hover\:\[w\:250px\]:hover{width:250px}.w\:0px{width:0px}.w\:250px{width:250px}.h\:70vh{height:70vh}.max-w\:880px{max-width:880px}.max-w\:980px{max-width:980px}.h\:16px{height:16px}.size\:20px{height:20px;width:20px}.max-w\:90vw{max-width:90vw}.min-w\:280px{min-width:280px}.max-h\:50vh{max-height:50vh}body{color:var(--owl);padding:0!important;font-family:var(--font-medium);background-color:var(--main);font-size:var(--text-lg);letter-spacing:1px;width:100vw;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;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)}.form-wrapper,.wrapper{padding:var(--spacing-lg);width:calc(100% - var(--spacing-lg)*2);height:100%;overflow:auto;display:flex;flex-direction:column;gap:var(--spacing-lg);padding-top:var(--spacing-xl);columns:2;transition:all .3s ease-in-out}.table-wrapper{display:grid;grid-template-rows:auto 1fr auto;transition:all .3s ease-in-out;padding:var(--spacing-lg);width:calc(100% - var(--spacing-lg)*2);height:100%;gap:var(--spacing-md);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:301;background-color:var(--grass-light);color:var(--white);box-shadow:var(--shadow-bottom);display:grid;grid-template-columns:1fr auto}#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))}}@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}.form-popup{background-color:transparent;display:flex;flex-direction:column;box-shadow:var(--shadow-md);border-radius:var(--spacing-xl);padding:var(--spacing-6x);gap:var(--spacing-lg);background-color:var(--prim);background-color:var(--main);position:relative}form{width:90%;max-width:1920px;margin-inline:auto;margin-top:var(--spacing-2x)}.form{display:flex;flex-direction:column;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));box-shadow:var(--shadow-md);background-color:var(--prim);border-radius:var(--spacing-xl);padding:var(--spacing-3x);gap:var(--spacing-2x)}.form-actions{display:flex;flex-direction:row;gap:var(--spacing-xl);margin-top:auto;justify-content:flex-end;padding-block:var(--spacing-xl)}.form-popup .form-actions{margin-top:unset!important;padding-bottom:unset}.form-popup form{width:unset;max-width:unset;margin:unset;background-color:transparent;width:90vw}.form-popup .form{width:unset;max-width:unset;margin:unset;background-color:transparent;box-shadow:none;border-radius:0;padding:0}form[data-size=sm]{max-width:480px}form[data-size=md]{max-width:768px}form[data-size=lg]{max-width:1280px}form[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)}.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)}}@font-face{font-family:"'BoutrosMBCDinkum Medium'";src:url(/fonts/light.ttf)}@font-face{font-family:"'GE Dinkum Medium'";src:url(/fonts/bold.ttf)}@font-face{font-family:Yekan Bakh;src:url(/fonts/YekanBakh-Bold.ttf);font-weight:700;font-style:normal}@font-face{font-family:Yekan Bakh Medium;src:url(/fonts/YekanBakh-Medium.ttf);font-weight:600;font-style:normal}:root{background-color:var(--main);color:var(--owl);--scroller-size: 4px;--scroller-bg: #eff4f8;--scroller-thumb: #626262;--line-height: 24px;--font-bold: "Yekan Bakh";--font-medium: "Yekan Bakh";--font-light: "Yekan Bakh Medium"}*{-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}a{text-decoration:none;color:var(--link)}}.routes-button{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-xs)}.routes-button svg{transition:all .2s ease-in-out;width:20px}[has-popup].routes-button span{color:var(--primary)}[has-popup].routes-button svg{transform:rotate(180deg) translateY(3px);fill:var(--primary)}.routes-popup{padding:10px;left:auto!important;position:fixed!important;z-index:300!important}.routes-popup-child{width:200px;background-color:var(--grass-light);box-shadow:var(--shadow-md);border-radius:var(--round-md);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)}@media print{.hide-on-print{display:none!important}}.path{padding:var(--spacing-md);background-color:var(--king)}.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:rgba(34,50,84,.03);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}.add-to-cart-btn{--atc-prim: #1d1f29;--atc-text: #fff;color:var(--atc-text);background-color:var(--atc-prim);border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:2px;min-width:90px;-webkit-user-select:none;user-select:none;overflow:hidden;padding:10px;font-size:14px!important;position:relative;transition:all .2s ease}.gift{--atc-text: #1bd69a}.has-quantity{--atc-prim: #fff;--atc-text: #2d303e;padding:10px 24px;text-align:center}.gift.has-quantity{--atc-prim: #1fac83;--atc-text: #fff}.add-to-cart-btn:after{color:#fff9;content:"+";font-size:26px;position:absolute;left:8px}.gift:after{all:unset}.cart-quantity{flex-grow:1}.has-quantity:before{color:var(--atc-text);content:"+";font-size:26px;position:absolute;right:6px}.has-quantity:after{color:var(--atc-text);content:"-";font-size:26px;position:absolute;left:6px}[data-deleteable=true] .add-to-cart-btn svg{height:18px;width:18px;fill:var(--red);padding-bottom:2px;margin-top:-2px;margin-left:-10px}[data-deleteable=true] .has-quantity:after{content:""}.has-quantity .cart-quantity{padding:0!important}.cart-input{border:none;outline:none;background-color:#0002;box-shadow:inset 0 0 2px #0006;text-align:center;border-radius:2px}.cart-input::selection{background-color:#0006}.disabled{opacity:.5;cursor:progress}.gift.has-quantity{background-color:var(--atc-prim);color:var(--atc-text)}.gift.add-to-cart-btn svg{height:18px;width:18px;fill:#1fac83;padding-bottom:2px;margin-top:-2px}.gift.has-quantity svg{display:block!important;position:absolute;top:0;right:0;bottom:0;left:0;margin-inline:auto;margin-top:0;opacity:.2;z-index:-1;width:28px;height:28px}.gift.cart-quantity{font-weight:600;flex-grow:1;text-align:center}.gift.cart-input{border:none;outline:none;background-color:#0002;box-shadow:inset 0 0 2px #0006}.gift.cart-input::selection{background-color:#02b3b2}.gift.disabled{opacity:.5;cursor:progress}.image{overflow:hidden;transition:all .25s ease-in-out;min-width:max-content}.collapsed-left{opacity:0!important;margin-left:-180px!important}.collapsed-right{opacity:0!important;margin-right:-120px!important}.collapsed{opacity:0!important;transform:translate(120px)}.sale-card{gap:0;transition:all .3s ease;overflow:hidden}.colp{transition:all .3s ease}.un-colp{transition:all .4s ease;padding:var(--l)!important}.colp{max-height:0;padding:0;margin:0;opacity:0;overflow:hidden;pointer-events:none}.focus-me .sale-card{isolation:isolate;z-index:333}.focus-me .colp{max-height:300px;padding:10px;opacity:1;pointer-events:auto}.focus-me .un-colp{max-height:0!important;padding:0!important;gap:0!important;scale:0!important;opacity:0!important;pointer-events:none}.wrap-text,.wrap-text-l{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap-text-l{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.overlay-blur:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1!important;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);background-color:#1f1d2baa;background-color:#1f1d2bf0;animation:fade-in-blur .3s ease-out}.overlay-blur-out:before{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);animation:fade-out-blur .2s ease-in}@keyframes fade-in-blur{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}}@keyframes fade-out-blur{0%{opacity:1;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur)}to{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}}.grid:has(.overlay-blur){z-index:9999999}@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}}}@layer form-lib{:root{--form-yellow:#f3d60b;--form-green:#56e181;--form-cyan:#63cfc9;--form-frog:#bada55;--form-orange:#ffa44e;--form-fox:#f9c089;--form-penguin:#1fd1ec;--form-lion:#b59675;--form-red:#f87171;--form-light-red:#f87171aa}.dark{--form-prim:#2d303e;--form-prince:#393c4a;--form-shark:#c4c4c7;--form-king:#3b3e4c;--form-crow:#ffffff;--form-owl: #ffffff;--form-shark: #c4c4c7;--form-dolphin: #6c6e78;--form-goat: #9e9fa6;--form-whale: #767982;--form-main:#1f1d2b;--form-highlight:#2d303e22}.light{--form-prim:#FFFFFF;--form-king: #f6f6f6;--form-prince:#f6f6f6;--form-shark:#c4c4c7;--form-crow:#1f1d2b;--form-owl: #1f1d2b;--form-shark: #c4c4c7;--form-dolphin: #c3c3c6;--form-goat: #c4c4c7;--form-whale: #bebec1;--form-main:#fbfbfb;--form-highlight:#FFFFFF22}.from-bg-frog{background-color:var(--form-frog)}.form-bg-prim{background-color:var(--form-prim)}.form-text-green{color:var(--form-green)}.form-container{--active:#1fd1ec;--light:#9ca3af;--rainbo: #f87171;--grass:#bada55;--shadow-m: 0px 0px 10px rgb(45, 48, 62,.15);--shadow-x:0px 0px 6px rgba(95, 20, 20, .16);--shadow-focus: 0px 0px 6px rgba(32, 211, 238,.5);--shadow-active:0px 0px 5px rgba(32, 211, 238,.5)}.form-cleaner{flex-wrap:wrap;display:flex;gap:var(--m);box-shadow:inset 0 0 8px var(--dragon);padding:var(--m);border-radius:var(--m);animation:fade-in .4s ease-in;justify-self:baseline;max-width:max-content}.form-container{padding:var(--s);gap:var(--m);margin-block:5px;background-color:var(--background);max-width:100%}.form-section{gap:var(--l);border-radius:var(--m);display:flex;flex-direction:row;flex-wrap:wrap;max-width:100%;overflow:auto;align-items:center;padding:var(--xs)}}@layer form-lib{.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}@layer elements{.button,.icon-button{padding:var(--spacing-md) var(--spacing-2x);cursor:pointer;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)}.icon-button span{flex-grow:1;text-align:center}.button-icon{background-color:var(--prim);color:var(--white);fill:var(--white);min-width:auto!important}.button-icon{gap:0!important}.button-default{background-color:var(--prim);color:var(--white);fill:var(--white)}.button-big-icon{background-color:var(--prim);color:var(--white);fill:var(--white);flex-direction:column!important;gap:var(--spacing-2x)!important;svg {width: 140px !important; height: 140px !important; padding: var(--spacing-2x) !important;} span {font-size: 18px !important;}}.button-big-icon:hover{background-color:var(--primary-hover);transform:scale(1.05)}.button-big-icon:active{background-color:var(--primary-active)}.button-primary{background-color:var(--primary);color:var(--white);fill:var(--white)}.button-primary:hover{background-color:var(--primary-hover)}.button-primary:active{background-color:var(--primary-active)}.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;min-width:auto!important}.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);color:var(--owl);border-color:var(--shark-border);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(--night);color:var(--prim);fill:var(--prim)}.button-form-action:hover{background-color:var(--night-hover)}.button-form-action:active{background-color:var(--night-active)}[data-button-state=not-selected]{fill:transparent;color:var(--goat)}[data-button-state=readonly]{pointer-events:none!important;opacity:.7}[data-button-state=disabled],[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{padding:var(--spacing-md) var(--spacing-2x);outline:none;display:flex;fill:var(--shark);border:var(--element-border);min-height:26px!important}.icon-input input{background-color:transparent;width:100%}.input-default{background-color:var(--king)}.input-bordered{background-color:var(--throne);border-color:var(--shark)}.input-ghost{background-color:var(--prince)}.input-search{background-color:var(--prim);border-color:var(--shark-border);transition:all .1s ease-in}.input-search:focus-within{border-color:var(--goat)}.input-outline{background-color:transparent;background-color:var(--outline);border-color:var(--shark-border);color:var(--shark)}.input-outline::placeholder{color:var(--goat)}.input-outline:focus-within{border-color:var(--goat)}.input-checkbox{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{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)}}.input-date{position:relative;height:26px;direction:rtl}.input-date input{margin:0}.input-date svg{position:absolute;pointer-events:none}.input-date input::-webkit-calendar-picker-indicator{cursor:pointer;height:20px;width:20px;inset-inline-start:10px;opacity:0}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}@layer elements{.label{color:var(--owl);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)}}@layer elements{.selector-list-container{width:100%;pointer-events:none;min-width:70px!important}.selector{display:flex;gap:0!important;position:relative}.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:fit-content}.selector-with-input{display:flex;border:solid 2px var(--shark-border);border-radius:var(--round-md);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:transparent;background-color:var(--outline);padding:var(--spacing-lg);border-radius:var(--round-md);gap:var(--spacing-sm);display:flex;flex-direction:column;border:solid 2px var(--shark-border);max-height:50vh;overflow:auto;max-width:400px}.selector-list-item{background-color:transparent;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--round-md);cursor:pointer;display:block;min-height:max-content;text-align:start}.selector-list-item:hover{background-color:var(--prince)}[data-selected-list-item=true]{background-color:var(--whale)!important}[data-list-item-disabled=true]{background-color:var(--whale)!important;color:var(--goat)!important;cursor:not-allowed;opacity:.7}}.multi-selector{border-radius:var(--round-md);background-color:var(--outline);border:solid 2px var(--shark-border);padding:var(--spacing-md)}.multi-selector input{line-height:26px;font-family:var(--font-bold);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{input::placeholder{font-family:var(--font-bold)!important}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)}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%}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}input{background-color:transparent}[active-route-tab=true]{background-color:var(--sea);color:var(--white)}.icon-input svg,.icon-button svg,.icon-label svg{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-md);--element-border: solid 2px transparent;gap:var(--spacing-md)}.labled-element{display:flex;flex-direction:column;gap:var(--spacing-sm)}.query-element-container{display:grid;gap:var(--spacing-lg);align-items:center;grid-template-columns:auto minmax(250px,1fr)}.query-label{font-family:var(--font-bold);font-weight:700;color:var(--owl);min-width:140px;text-align:start!important}}[data-readonly=true]{pointer-events:none;opacity:.7}[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}[data-form-error] ::placeholder{color:var(--error)!important}[data-form-error] svg{color: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-xs)}[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=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}}.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}.api-selector-container{color:var(--owl);max-width:unset!important;--max-height: 50vh}.kkk{display:grid;border-radius:var(--round-sm);grid-template-columns:1fr auto auto;transition:border-radius .1s ease-in-out;border:solid 2px var(--shark-border);background-color:var(--outline)}.kkk:focus-within{border-color:var(--goat)}.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{position:absolute;top:0;flex-direction:column;border-radius:var(--round-sm);z-index:2;max-height:var(--max-height);display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background-color:inherit;background-color:var(--outline);transition:all .2s ease-in-out;animation:fade-in-down .3s cubic-bezier(.075,.82,.165,1);z-index:1000;left:0;right:0;top:var(--spacing-md);border:solid 2px 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{display:hidden;max-height:0!important;padding-block:0!important;gap:0!important;opacity:0}.search-result-item{color:var(--owl);background-color:var(--king);align-items:center;font-weight:700;cursor:pointer;font-family:var(--font-bold);border-radius:var(--round-sm);padding:var(--s) var(--spacing-lg);box-shadow:var(--shadow-md);transition:background-color .1s ease-in;text-align:center;line-height:var(--line-height)}.search-result-item:hover{background-color:var(--prince)}@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;min-height:10vh;max-height:var(--max-height);overflow:hidden}to{opacity:0;min-height:0;max-height:0;overflow:hidden}}.selector-arrow-container{display:inline-flex;padding:var(--xs) 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}.input-selector svg{fill:none;color:var(--dolphin)}.processing-container{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:100;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}}
