/*!
 * Built by ShiftSoftware
 * Copyright (c)
 */
'use strict';

var index = require('./index-CmK48vN3.js');
var cn = require('./cn-BHnqYtun.js');
var materialCard = require('./material-card-CaO7lBGp.js');
var printIcon = require('./print-icon-P6vVSQ4C.js');
var addIcon = require('./add-icon-DSBO_equ.js');
var checkIcon = require('./check-icon-C4YBlzih.js');

const shiftTabsCss = "*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.static{position:static}.relative{position:relative}.mb-\\[6px\\]{margin-bottom:6px}.flex{display:flex}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.gap-\\[4px\\]{gap:4px}.rounded-t-\\[4px\\]{border-top-left-radius:4px;border-top-right-radius:4px}.border{border-width:1px}.\\!border-b-0{border-bottom-width:0!important}.border-b{border-bottom-width:1px}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.ps-\\[12px\\]{padding-inline-start:12px}.text-\\[17px\\]{font-size:17px}.font-medium{font-weight:500}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.opacity-100{opacity:1}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.after\\:absolute:after{content:var(--tw-content);position:absolute}.after\\:bottom-0:after{bottom:0;content:var(--tw-content)}.after\\:left-0:after{content:var(--tw-content);left:0}.after\\:z-10:after{content:var(--tw-content);z-index:10}.after\\:h-\\[1px\\]:after{content:var(--tw-content);height:1px}.after\\:w-full:after{content:var(--tw-content);width:100%}.after\\:translate-y-full:after{--tw-translate-y:100%;content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.after\\:bg-white:after{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));content:var(--tw-content)}.after\\:opacity-0:after{content:var(--tw-content);opacity:0}.after\\:opacity-100:after{content:var(--tw-content);opacity:1}.after\\:transition:after{content:var(--tw-content);transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\\:duration-500:after{content:var(--tw-content);transition-duration:.5s}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.h-\\[200px\\]{height:200px}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.mx-auto{margin-left:auto;margin-right:auto}.size-\\[100px\\]{height:100px;width:100px}.size-full{height:100%;width:100%}.h-auto{height:auto}.max-h-\\[100px\\]{max-height:100px}.w-auto{width:auto}.w-fit{width:fit-content}.max-w-\\[100px\\]{max-width:100px}.shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:.5rem}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.hover\\:opacity-100:hover{opacity:1}.\\[\\&_div\\]\\:hover\\:\\!opacity-100:hover div{opacity:1!important}.\\[\\&_img\\]\\:hover\\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.pointer-events-auto{pointer-events:auto}.bottom-\\[40px\\]{bottom:40px}.left-0{left:0}.left-1\\/2{left:50%}.left-\\[30px\\]{left:30px}.top-0{top:0}.z-10{z-index:10}.ml-\\[-125px\\]{margin-left:-125px}.box-content{box-sizing:content-box}.hidden{display:none}.size-\\[30px\\]{height:30px;width:30px}.size-\\[90px\\]{height:90px;width:90px}.h-10{height:2.5rem}.h-\\[320px\\]{height:320px}.h-full{height:100%}.w-1\\/2{width:50%}.w-\\[150\\%\\]{width:150%}.w-\\[90\\%\\]{width:90%}.w-\\[calc\\(100\\%-0px\\)\\]{width:100%}.w-\\[calc\\(100\\%-60px\\)\\]{width:calc(100% - 60px)}.min-w-full{min-width:100%}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-x-1\\/2,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.translate-y-\\[-50\\%\\]{--tw-translate-y:-50%}.translate-y-\\[-50\\%\\],.translate-y-\\[-5px\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[-5px\\]{--tw-translate-y:-5px}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-\\[70\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\\[70\\%\\]{--tw-scale-x:70%;--tw-scale-y:70%}.resize{resize:both}.justify-between{justify-content:space-between}.gap-\\[250px\\]{gap:250px}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[6px\\]{border-radius:6px}.border-\\[\\#faebcc\\]{--tw-border-opacity:1;border-color:rgb(250 235 204/var(--tw-border-opacity,1))}.bg-\\[\\#1a1a1a\\]{--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.bg-\\[\\#fcf8e3\\]{--tw-bg-opacity:1;background-color:rgb(252 248 227/var(--tw-bg-opacity,1))}.bg-\\[linear-gradient\\(to_bottom\\2c _\\#428bca_0\\%\\2c _\\#3071a9_100\\%\\)\\]{background-image:linear-gradient(180deg,#428bca,#3071a9)}.p-\\[25px\\]{padding:25px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.pt-\\[16px\\]{padding-top:16px}.text-\\[16px\\]{font-size:16px}.text-\\[22px\\]{font-size:22px}.font-semibold{font-weight:600}.text-\\[\\#8a6d3b\\]{--tw-text-opacity:1;color:rgb(138 109 59/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.\\[\\&_\\*\\]\\:shrink-0 *{flex-shrink:0}.my-auto{margin-bottom:auto;margin-top:auto}.size-\\[18px\\]{height:18px;width:18px}.h-\\[150px\\]{height:150px}.w-\\[84px\\]{width:84px}.max-w-full{max-width:100%}.flex-wrap{flex-wrap:wrap}.gap-\\[16px\\]{gap:16px}.gap-\\[6px\\]{gap:6px}.gap-\\[8px\\]{gap:8px}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.p-\\[12px\\]{padding:12px}.p-\\[6px\\]{padding:6px}.px-\\[24px\\]{padding-left:24px;padding-right:24px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[15px\\]{padding-bottom:15px;padding-top:15px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.text-center{text-align:center}.last\\:border-b-0:last-child{border-bottom-width:0}.hover\\:bg-sky-100\\/50:hover{background-color:rgba(224,242,254,.5)}.mt-\\[4px\\]{margin-top:4px}.max-w-\\[460px\\]{max-width:460px}.max-w-\\[520px\\]{max-width:520px}.translate-y-\\[-4px\\]{--tw-translate-y:-4px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.select-none{user-select:none}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.gap-\\[12px\\]{gap:12px}.gap-\\[2px\\]{gap:2px}.overflow-auto{overflow:auto}.\\!rounded-\\[12px\\]{border-radius:12px!important}.rounded-\\[14px\\]{border-radius:14px}.p-\\[16px\\]{padding:16px}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.px-\\[14px\\]{padding-left:14px;padding-right:14px}.py-\\[12px\\]{padding-bottom:12px;padding-top:12px}.\\!pb-0{padding-bottom:0!important}.text-\\[13\\.5px\\]{font-size:13.5px}.leading-\\[1\\.35\\]{line-height:1.35}.text-amber-900\\/90{color:rgba(120,53,15,.9)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.my-2{margin-bottom:.5rem;margin-top:.5rem}.grow{flex-grow:1}.fixed{position:fixed}.mt-\\[32px\\]{margin-top:32px}.block{display:block}.h-\\[25px\\]{height:25px}.h-\\[50px\\]{height:50px}.h-\\[8px\\]{height:8px}.pt-\\[40px\\]{padding-top:40px}.text-\\[18px\\]{font-size:18px}.font-bold{font-weight:700}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.-left-full{left:-100%}.end-\\[16px\\]{inset-inline-end:16px}.left-full{left:100%}.right-\\[50px\\]{right:50px}.z-20{z-index:20}.z-\\[999\\]{z-index:999}.mb-\\[16px\\]{margin-bottom:16px}.mt-\\[16px\\]{margin-top:16px}.mt-\\[20px\\]{margin-top:20px}.mt-\\[50px\\]{margin-top:50px}.box-border{box-sizing:border-box}.size-\\[20px\\]{height:20px;width:20px}.size-\\[24px\\]{height:24px;width:24px}.size-\\[25px\\]{height:25px;width:25px}.size-\\[32px\\]{height:32px;width:32px}.size-\\[35px\\]{height:35px;width:35px}.h-\\[100dvh\\]{height:100dvh}.h-\\[140px\\]{height:140px}.h-\\[16px\\]{height:16px}.h-\\[30px\\]{height:30px}.h-\\[32px\\]{height:32px}.h-\\[36px\\]{height:36px}.h-\\[40px\\]{height:40px}.h-fit{height:fit-content}.max-h-\\[200px\\]{max-height:200px}.w-\\[200px\\]{width:200px}.w-\\[300px\\]{width:300px}.min-w-\\[100dvw\\]{min-width:100dvw}.max-w-\\[200px\\]{max-width:200px}.max-w-\\[250px\\]{max-width:250px}.max-w-\\[400px\\]{max-width:400px}.flex-1{flex:1 1 0%}.-translate-y-\\[32px\\]{--tw-translate-y:-32px}.-translate-y-\\[32px\\],.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[32px\\]{--tw-translate-y:32px}.rotate-\\[45deg\\],.translate-y-\\[32px\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-\\[45deg\\]{--tw-rotate:45deg}.scale-100,.scale-\\[110\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\\[110\\%\\]{--tw-scale-x:110%;--tw-scale-y:110%}.gap-\\[10px\\]{gap:10px}.gap-\\[20px\\]{gap:20px}.gap-\\[32px\\]{gap:32px}.gap-\\[75px\\]{gap:75px}.truncate{overflow:hidden;white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-\\[5px\\]{border-radius:5px}.rounded-\\[8px\\]{border-radius:8px}.rounded-full{border-radius:9999px}.border-\\[2px\\]{border-width:2px}.border-\\[\\#27ae60\\]{--tw-border-opacity:1;border-color:rgb(39 174 96/var(--tw-border-opacity,1))}.border-\\[\\#3071a9\\]{--tw-border-opacity:1;border-color:rgb(48 113 169/var(--tw-border-opacity,1))}.border-\\[\\#dcdcdc\\]{--tw-border-opacity:1;border-color:rgb(220 220 220/var(--tw-border-opacity,1))}.border-\\[\\#ddd\\]{--tw-border-opacity:1;border-color:rgb(221 221 221/var(--tw-border-opacity,1))}.border-\\[\\#f4f4f4\\]{--tw-border-opacity:1;border-color:rgb(244 244 244/var(--tw-border-opacity,1))}.border-\\[\\#ff9100\\]{--tw-border-opacity:1;border-color:rgb(255 145 0/var(--tw-border-opacity,1))}.border-\\[\\#ffb74d\\]{--tw-border-opacity:1;border-color:rgb(255 183 77/var(--tw-border-opacity,1))}.border-\\[\\#ffd28f\\]{--tw-border-opacity:1;border-color:rgb(255 210 143/var(--tw-border-opacity,1))}.bg-\\[\\#275e8f\\]{--tw-bg-opacity:1;background-color:rgb(39 94 143/var(--tw-bg-opacity,1))}.bg-\\[\\#32b267\\]{--tw-bg-opacity:1;background-color:rgb(50 178 103/var(--tw-bg-opacity,1))}.bg-\\[\\#d5d5d5\\]{--tw-bg-opacity:1;background-color:rgb(213 213 213/var(--tw-bg-opacity,1))}.bg-\\[\\#f4f4f4\\]{--tw-bg-opacity:1;background-color:rgb(244 244 244/var(--tw-bg-opacity,1))}.bg-\\[\\#ff91001a\\]{background-color:#ff91001a}.bg-slate-400{--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.fill-\\[\\#3071a9\\]{fill:#3071a9}.stroke-white{stroke:#fff}.stroke-\\[1\\.5px\\]{stroke-width:1.5px}.p-\\[22px\\]{padding:22px}.p-\\[50px\\]{padding:50px}.p-\\[7px\\]{padding:7px}.px-\\[22px\\]{padding-left:22px;padding-right:22px}.px-\\[8px\\]{padding-left:8px;padding-right:8px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.ps-\\[16px\\]{padding-inline-start:16px}.ps-\\[4px\\]{padding-inline-start:4px}.ps-\\[8px\\]{padding-inline-start:8px}.pt-\\[8px\\]{padding-top:8px}.text-\\[14px\\]{font-size:14px}.text-\\[\\#3071a9\\]{--tw-text-opacity:1;color:rgb(48 113 169/var(--tw-text-opacity,1))}.text-\\[\\#424242\\]{--tw-text-opacity:1;color:rgb(66 66 66/var(--tw-text-opacity,1))}.text-\\[\\#663c00\\]{--tw-text-opacity:1;color:rgb(102 60 0/var(--tw-text-opacity,1))}.text-\\[\\#ff9100\\]{--tw-text-opacity:1;color:rgb(255 145 0/var(--tw-text-opacity,1))}.text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-transparent{color:transparent}.opacity-50{opacity:.5}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.transition-\\[width\\]{transition-duration:.15s;transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-700{transition-duration:.7s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\\:bg-\\[\\#3071a9\\]:hover{--tw-bg-opacity:1;background-color:rgb(48 113 169/var(--tw-bg-opacity,1))}.hover\\:bg-\\[\\#fff8e1\\]:hover{--tw-bg-opacity:1;background-color:rgb(255 248 225/var(--tw-bg-opacity,1))}.hover\\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.focus\\:-translate-y-\\[8px\\]:focus{--tw-translate-y:-8px}.focus\\:-translate-y-\\[8px\\]:focus,.focus\\:scale-110:focus{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.focus\\:scale-110:focus{--tw-scale-x:1.1;--tw-scale-y:1.1}.focus\\:border-\\[\\#3071a9\\]:focus{--tw-border-opacity:1;border-color:rgb(48 113 169/var(--tw-border-opacity,1))}.active\\:bg-\\[\\#223f57\\]:active{--tw-bg-opacity:1;background-color:rgb(34 63 87/var(--tw-bg-opacity,1))}.enabled\\:shadow:enabled{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.enabled\\:hover\\:rotate-\\[135deg\\]:hover:enabled{--tw-rotate:135deg}.enabled\\:hover\\:rotate-\\[135deg\\]:hover:enabled,.enabled\\:hover\\:scale-110:hover:enabled{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.enabled\\:hover\\:scale-110:hover:enabled{--tw-scale-x:1.1;--tw-scale-y:1.1}.enabled\\:hover\\:scale-\\[150\\%\\]:hover:enabled{--tw-scale-x:150%;--tw-scale-y:150%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.enabled\\:hover\\:border-\\[\\#27ae5fc1\\]:hover:enabled{border-color:#27ae5fc1}.enabled\\:hover\\:bg-\\[\\#32b267c7\\]:hover:enabled{background-color:#32b267c7}.enabled\\:hover\\:bg-red-200:hover:enabled{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity,1))}.enabled\\:hover\\:text-red-400:hover:enabled{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.disabled\\:opacity-50:disabled{opacity:.5}.peer:checked~.peer-checked\\:border-\\[\\#ff9100\\]{--tw-border-opacity:1;border-color:rgb(255 145 0/var(--tw-border-opacity,1))}.peer:checked~.peer-checked\\:bg-\\[\\#ff9100\\]{--tw-bg-opacity:1;background-color:rgb(255 145 0/var(--tw-bg-opacity,1))}.peer:checked~.peer-checked\\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:768px){.md\\:flex-row{flex-direction:row}}.\\[\\&_circle\\]\\:fill-white circle{fill:#fff}.\\[\\&_div\\]\\:min-w-\\[200px\\] div{min-width:200px}";

const ShiftTabs = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
    }
    render() {
        return (index.h("div", { key: 'da3e7ae7d80e90f26f207e04a4a947fc2f3f5d1f', class: this.containerClasses }, index.h("div", { key: 'b408d2606342799c39eeb33886ac387522f03ec1', class: cn.cn('border-b relative flex mb-[6px] ps-[12px] gap-[4px]', this.tabClasses) }, this.tabs.map((label, idx) => (index.h("button", { key: label + idx, onClick: () => !(this.activeTabIndex === idx || this.activeTabLabel === label) && this.changeActiveTab({ label, idx }), class: cn.cn('px-[16px] cursor-pointer after:w-full py-[6px] after:h-[1px] after:left-0 after:bottom-0 after:absolute after:bg-white after:opacity-0 after:translate-y-full after:z-10 after:duration-500 after:transition text-[17px] relative transition-colors !border-b-0 duration-500 font-medium text-black bg-[#f6f6f6] border border-gray-200 rounded-t-[4px] focus:outline-none', {
                'bg-white cursor-default after:opacity-100': this.activeTabIndex === idx || this.activeTabLabel === label,
            }) }, label)))), index.h("flexible-container", { key: '7eafeee78ac92b971e83075ac811b48b0aa2c8da' }, index.h("slot", { key: '3b984c9a348880c675a7f73020bc1d7848cf799f' }))));
    }
};
ShiftTabs.style = shiftTabsCss;

const AlertIcon = props => (index.h("svg", { class: props.class, viewBox: "0 0 24 24", fill: "none", "stroke-width": "2", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg" },
    index.h("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3" }),
    index.h("path", { d: "M12 9v4" }),
    index.h("path", { d: "M12 17h.01" })));

const AttachIcon = props => (index.h("svg", { fill: "none", "stroke-width": "2", class: props.class, viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg" },
    index.h("path", { d: "m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551" })));

const FormSubmitSVG = props => (index.h("svg", { class: props.class, stroke: "currentColor", fill: "none", version: "1.1", id: "Layer_1", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512" },
    index.h("g", { id: "SVGRepo_bgCarrier", "stroke-width": "0" }),
    index.h("g", { id: "SVGRepo_tracerCarrier", "stroke-linecap": "round", "stroke-linejoin": "round" }),
    index.h("g", { id: "SVGRepo_iconCarrier" },
        index.h("g", null,
            index.h("g", null,
                index.h("path", { d: "M354.338,34.205h-61.71c-3.354-9.93-12.752-17.102-23.8-17.102h-17.547C243.359,6.451,230.813,0,217.521,0 s-25.839,6.451-33.76,17.102h-17.547c-11.048,0-20.446,7.172-23.8,17.102H80.701c-18.566,0-33.67,15.105-33.67,33.67v359.148 c0,18.566,15.105,33.67,33.67,33.67h171.023c4.427,0,8.017-3.589,8.017-8.017c0-4.427-3.589-8.017-8.017-8.017H80.701 c-9.725,0-17.637-7.912-17.637-17.637V67.875c0-9.725,7.912-17.637,17.637-17.637h60.394v26.188c0,4.427,3.589,8.017,8.017,8.017 H285.93c4.427,0,8.017-3.589,8.017-8.017V50.238h60.391c9.725,0,17.637,7.912,17.637,17.637v230.881 c0,4.427,3.589,8.017,8.017,8.017c4.427,0,8.017-3.589,8.017-8.017V67.875C388.008,49.309,372.904,34.205,354.338,34.205z M277.914,68.409H157.129V42.252c0-0.011,0.001-0.02,0.001-0.031c0-0.005-0.001-0.011-0.001-0.015 c0.009-5.004,4.08-9.071,9.085-9.071h21.846c2.854,0,5.493-1.517,6.929-3.985c4.781-8.213,13.204-13.117,22.532-13.117 s17.751,4.904,22.532,13.117c1.435,2.467,4.075,3.985,6.929,3.985h21.846c4.999,0,9.067,4.059,9.085,9.055 c0,0.011-0.001,0.02-0.001,0.031c0,0.021,0.003,0.041,0.003,0.062V68.409z" }))),
        index.h("g", null,
            index.h("g", null,
                index.h("path", { d: "M251.722,410.455H97.269V84.443h17.64c4.427,0,8.017-3.589,8.017-8.017s-3.589-8.017-8.017-8.017H89.253 c-4.427,0-8.017,3.589-8.017,8.017v342.046c0,4.427,3.589,8.017,8.017,8.017h162.47c4.427,0,8.017-3.589,8.017-8.017 C259.739,414.044,256.15,410.455,251.722,410.455z" }))),
        index.h("g", null,
            index.h("g", null,
                index.h("path", { d: "M345.787,68.409h-25.653c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.637v214.311 c0,4.427,3.589,8.017,8.017,8.017s8.017-3.589,8.017-8.017V76.426C353.804,71.999,350.214,68.409,345.787,68.409z" }))),
        index.h("g", null,
            index.h("g", null,
                index.h("path", { d: "M371.44,324.944c-51.572,0-93.528,41.956-93.528,93.528S319.869,512,371.44,512s93.528-41.956,93.528-93.528 S423.012,324.944,371.44,324.944z M371.44,495.967c-42.731,0-77.495-34.764-77.495-77.495s34.764-77.495,77.495-77.495 s77.495,34.764,77.495,77.495S414.172,495.967,371.44,495.967z" }))),
        index.h("g", null,
            index.h("g", null,
                index.h("path", { d: "M217.607,34.205h-0.086c-4.427,0-7.974,3.589-7.974,8.017c0,4.427,3.631,8.017,8.059,8.017 c4.427,0,8.017-3.589,8.017-8.017C225.624,37.794,222.035,34.205,217.607,34.205z" }))),
        index.h("g", null,
            index.h("g", null,
                index.h("path", { d: "M419.865,387.15c-3.13-3.131-8.207-3.131-11.337,0l-54.19,54.19l-28.536-28.536c-3.131-3.131-8.207-3.131-11.337,0 c-3.131,3.131-3.131,8.207,0,11.337l34.205,34.205c1.565,1.565,3.617,2.348,5.668,2.348s4.103-0.782,5.668-2.348l59.858-59.858 C422.995,395.356,422.995,390.28,419.865,387.15z" }))),
        index.h("g", null,
            index.h("g", null,
                index.h("path", { d: "M182.781,177.309v-32.338c11.295,1.934,18.171,7.688,18.171,11.889c0,4.427,3.589,8.017,8.017,8.017 s8.017-3.589,8.017-8.017c0-14.171-14.492-25.621-34.205-28.092v-1.036c0-4.427-3.589-8.017-8.017-8.017s-8.017,3.589-8.017,8.017 v1.036c-19.713,2.47-34.205,13.92-34.205,28.092c0,20.074,18.829,27.788,34.205,32.461v32.338 c-11.295-1.934-18.171-7.688-18.171-11.889c0-4.427-3.589-8.017-8.017-8.017s-8.017,3.589-8.017,8.017 c0,14.171,14.492,25.621,34.205,28.092v1.036c0,4.427,3.589,8.017,8.017,8.017s8.017-3.589,8.017-8.017v-1.036 c19.713-2.47,34.205-13.92,34.205-28.092C216.985,189.697,198.157,181.982,182.781,177.309z M166.747,172.411 c-13.524-4.713-18.171-8.963-18.171-15.551c0-2.535,2.236-5.335,6.134-7.68c3.294-1.982,7.473-3.415,12.037-4.198V172.411z M194.818,217.45c-3.294,1.982-7.473,3.415-12.037,4.198v-27.429c13.524,4.713,18.171,8.963,18.171,15.551 C200.952,212.306,198.716,215.105,194.818,217.45z" }))),
        index.h("g", null,
            index.h("g", null,
                index.h("path", { d: "M294.48,136.818h-42.756c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h42.756 c4.427,0,8.017-3.589,8.017-8.017S298.908,136.818,294.48,136.818z" }))),
        index.h("g", null,
            index.h("g", null,
                index.h("path", { d: "M277.378,171.023h-25.653c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h25.653 c4.427,0,8.017-3.589,8.017-8.017S281.805,171.023,277.378,171.023z" }))),
        index.h("g", null,
            index.h("g", null,
                index.h("path", { d: "M294.48,205.228h-42.756c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h42.756 c4.427,0,8.017-3.589,8.017-8.017S298.908,205.228,294.48,205.228z" }))),
        index.h("g", null,
            index.h("g", null,
                index.h("path", { d: "M157.662,282.188H140.56c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.102 c4.427,0,8.017-3.589,8.017-8.017S162.089,282.188,157.662,282.188z" }))),
        index.h("g", null,
            index.h("g", null,
                index.h("path", { d: "M157.662,350.597H140.56c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.102 c4.427,0,8.017-3.589,8.017-8.017S162.089,350.597,157.662,350.597z" }))),
        index.h("g", null,
            index.h("g", null,
                index.h("path", { d: "M157.662,316.393H140.56c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h17.102 c4.427,0,8.017-3.589,8.017-8.017S162.089,316.393,157.662,316.393z" }))),
        index.h("g", null,
            index.h("g", null,
                index.h("path", { d: "M294.48,282.188H191.866c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017H294.48 c4.427,0,8.017-3.589,8.017-8.017S298.908,282.188,294.48,282.188z" }))),
        index.h("g", null,
            index.h("g", null,
                index.h("path", { d: "M268.827,350.597h-76.96c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017h76.96 c4.427,0,8.017-3.589,8.017-8.017S273.254,350.597,268.827,350.597z" }))),
        index.h("g", null,
            index.h("g", null,
                index.h("path", { d: "M294.48,316.393H191.866c-4.427,0-8.017,3.589-8.017,8.017s3.589,8.017,8.017,8.017H294.48 c4.427,0,8.017-3.589,8.017-8.017S298.908,316.393,294.48,316.393z" }))))));

const vehicleItemClaimFormCss = "*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:\"\"}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.fixed{position:fixed}.absolute{position:absolute}.z-10{z-index:10}.box-border{box-sizing:border-box}.block{display:block}.flex{display:flex}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.gap-\\[3px\\]{gap:3px}.rounded-\\[5px\\]{border-radius:5px}.border{border-width:1px}.border-\\[4px\\]{border-width:4px}.border-\\[\\#27ae60\\]{--tw-border-opacity:1;border-color:rgb(39 174 96/var(--tw-border-opacity,1))}.border-\\[\\#3071a9\\]{--tw-border-opacity:1;border-color:rgb(48 113 169/var(--tw-border-opacity,1))}.bg-transparent{background-color:transparent}.fill-\\[\\#27ae60\\]{fill:#27ae60}.stroke-\\[\\#27ae60\\]{stroke:#27ae60}.px-\\[10px\\]{padding-left:10px;padding-right:10px}.font-bold{font-weight:700}.text-\\[\\#27ae60\\]{--tw-text-opacity:1;color:rgb(39 174 96/var(--tw-text-opacity,1))}.outline-none{outline:2px solid transparent;outline-offset:2px}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.image-viewer-overlay{background-color:rgba(0,0,0,.4);height:100dvh;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition-duration:.4s;transition-property:all;width:100dvw;z-index:50}.image-viewer-overlay.active{opacity:1;pointer-events:auto;transition-delay:.2s}.image-viewer-close-btn{align-items:center;cursor:pointer;display:flex;flex-direction:column;float:right;height:3rem;justify-content:center;margin-right:16px;margin-top:16px;width:3rem}.image-viewer-close-line{background-color:#fff;border-radius:9999px;height:.25rem;position:absolute;width:3rem}.image-viewer-close-line.first{transform:rotate(45deg)}.image-viewer-close-line.second{transform:rotate(-45deg)}.image-viewer-expanded-image{border-radius:.5rem;opacity:0;position:fixed;transition-property:all;z-index:50}:host{all:initial!important;display:block;font-family:inherit!important;font-family:Noto Kufi Arabic,Nunito,Roboto,Arial,sans-serif!important}*,:host *{font-family:inherit!important}.lds-ripple{--tw-border-opacity:1;animation:lds-ripple 1s cubic-bezier(0,.2,.8,1) infinite;border-color:rgb(48 113 169/var(--tw-border-opacity,1));border-radius:9999px;border-width:4px;box-sizing:border-box;position:absolute;z-index:10}.lds-ripple:nth-child(2){animation-delay:-.5s}@keyframes lds-ripple{0%{height:8px;opacity:0;width:8px}4.9%{height:8px;opacity:0;width:8px}5%{height:8px;opacity:1;width:8px}to{height:100%;opacity:0;width:100%}}.sign-document-info:hover .tooltip{opacity:1}.outline-button{--tw-border-opacity:1;fill:#27ae60;stroke:#27ae60;--tw-text-opacity:1;align-items:center;background-color:transparent;border-color:rgb(39 174 96/var(--tw-border-opacity,1));border-radius:5px;border-width:1px;color:rgb(39 174 96/var(--tw-text-opacity,1));cursor:pointer;display:flex;font-weight:700;gap:3px;outline:2px solid transparent;outline-offset:2px;padding-left:10px;padding-right:10px;transition-duration:.2s}.outline-button:hover{--tw-bg-opacity:1;fill:#fff;stroke:#fff;--tw-text-opacity:1;background-color:rgb(46 204 113/var(--tw-bg-opacity,1));color:rgb(255 255 255/var(--tw-text-opacity,1))}.outline-button:active{--tw-bg-opacity:1;background-color:rgb(39 174 96/var(--tw-bg-opacity,1))}.outline-button circle{fill:#2ecc71}.outline-button circle:hover{fill:#fff}.outline-button svg:active{--tw-scale-x:125%;--tw-scale-y:125%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.outline-button path{transition:.2s}.outline-button:hover path{fill:#2ecc71}.hover\\:bg-\\[\\#2ecc71\\]:hover{--tw-bg-opacity:1;background-color:rgb(46 204 113/var(--tw-bg-opacity,1))}.hover\\:fill-white:hover{fill:#fff}.hover\\:stroke-white:hover{stroke:#fff}.hover\\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.active\\:bg-\\[\\#27ae60\\]:active{--tw-bg-opacity:1;background-color:rgb(39 174 96/var(--tw-bg-opacity,1))}.\\[\\&_circle\\]\\:fill-\\[\\#2ecc71\\] circle{fill:#2ecc71}.hover\\:\\[\\&_circle\\]\\:fill-white circle:hover{fill:#fff}.active\\:\\[\\&_svg\\]\\:scale-\\[125\\%\\] svg:active{--tw-scale-x:125%;--tw-scale-y:125%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.static{position:static}.h-\\[200px\\]{height:200px}.w-full{width:100%}.justify-center{justify-content:center}.text-\\[26px\\]{font-size:26px}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.pointer-events-none{pointer-events:none}.relative{position:relative}.mx-auto{margin-left:auto;margin-right:auto}.size-\\[100px\\]{height:100px;width:100px}.size-full{height:100%;width:100%}.h-auto{height:auto}.max-h-\\[100px\\]{max-height:100px}.w-auto{width:auto}.w-fit{width:fit-content}.max-w-\\[100px\\]{max-width:100px}.shrink-0{flex-shrink:0}.flex-col{flex-direction:column}.gap-\\[4px\\]{gap:4px}.overflow-x-auto{overflow-x:auto}.rounded-lg{border-radius:.5rem}.bg-black\\/40{background-color:rgba(0,0,0,.4)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.hover\\:opacity-100:hover{opacity:1}.\\[\\&_div\\]\\:hover\\:\\!opacity-100:hover div{opacity:1!important}.\\[\\&_img\\]\\:hover\\:shadow-lg:hover img{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.pointer-events-auto{pointer-events:auto}.bottom-\\[40px\\]{bottom:40px}.left-0{left:0}.left-1\\/2{left:50%}.left-\\[30px\\]{left:30px}.top-0{top:0}.ml-\\[-125px\\]{margin-left:-125px}.box-content{box-sizing:content-box}.hidden{display:none}.size-\\[30px\\]{height:30px;width:30px}.size-\\[90px\\]{height:90px;width:90px}.h-10{height:2.5rem}.h-\\[320px\\]{height:320px}.h-full{height:100%}.w-1\\/2{width:50%}.w-\\[150\\%\\]{width:150%}.w-\\[90\\%\\]{width:90%}.w-\\[calc\\(100\\%-0px\\)\\]{width:100%}.w-\\[calc\\(100\\%-60px\\)\\]{width:calc(100% - 60px)}.min-w-full{min-width:100%}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-x-1\\/2,.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.translate-y-\\[-50\\%\\]{--tw-translate-y:-50%}.translate-y-\\[-50\\%\\],.translate-y-\\[-5px\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[-5px\\]{--tw-translate-y:-5px}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-\\[70\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\\[70\\%\\]{--tw-scale-x:70%;--tw-scale-y:70%}.resize{resize:both}.justify-between{justify-content:space-between}.gap-\\[250px\\]{gap:250px}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-scroll{overflow-x:scroll}.rounded-\\[4px\\]{border-radius:4px}.rounded-\\[6px\\]{border-radius:6px}.border-\\[\\#faebcc\\]{--tw-border-opacity:1;border-color:rgb(250 235 204/var(--tw-border-opacity,1))}.bg-\\[\\#1a1a1a\\]{--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity,1))}.bg-\\[\\#fcf8e3\\]{--tw-bg-opacity:1;background-color:rgb(252 248 227/var(--tw-bg-opacity,1))}.bg-\\[linear-gradient\\(to_bottom\\2c _\\#428bca_0\\%\\2c _\\#3071a9_100\\%\\)\\]{background-image:linear-gradient(180deg,#428bca,#3071a9)}.p-\\[25px\\]{padding:25px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.pt-\\[16px\\]{padding-top:16px}.text-\\[16px\\]{font-size:16px}.text-\\[22px\\]{font-size:22px}.font-semibold{font-weight:600}.text-\\[\\#8a6d3b\\]{--tw-text-opacity:1;color:rgb(138 109 59/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.opacity-100{opacity:1}.duration-500{transition-duration:.5s}.\\[\\&_\\*\\]\\:shrink-0 *{flex-shrink:0}.my-auto{margin-bottom:auto;margin-top:auto}.size-\\[18px\\]{height:18px;width:18px}.h-\\[150px\\]{height:150px}.w-\\[84px\\]{width:84px}.max-w-full{max-width:100%}.flex-wrap{flex-wrap:wrap}.gap-\\[16px\\]{gap:16px}.gap-\\[6px\\]{gap:6px}.gap-\\[8px\\]{gap:8px}.border-b{border-bottom-width:1px}.border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.p-\\[12px\\]{padding:12px}.p-\\[6px\\]{padding:6px}.px-\\[16px\\]{padding-left:16px;padding-right:16px}.px-\\[24px\\]{padding-left:24px;padding-right:24px}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[15px\\]{padding-bottom:15px;padding-top:15px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.text-center{text-align:center}.last\\:border-b-0:last-child{border-bottom-width:0}.hover\\:bg-sky-100\\/50:hover{background-color:rgba(224,242,254,.5)}.mt-\\[4px\\]{margin-top:4px}.max-w-\\[460px\\]{max-width:460px}.max-w-\\[520px\\]{max-width:520px}.translate-y-\\[-4px\\]{--tw-translate-y:-4px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.select-none{user-select:none}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.gap-\\[12px\\]{gap:12px}.gap-\\[2px\\]{gap:2px}.overflow-auto{overflow:auto}.\\!rounded-\\[12px\\]{border-radius:12px!important}.rounded-\\[14px\\]{border-radius:14px}.p-\\[16px\\]{padding:16px}.px-\\[12px\\]{padding-left:12px;padding-right:12px}.px-\\[14px\\]{padding-left:14px;padding-right:14px}.py-\\[12px\\]{padding-bottom:12px;padding-top:12px}.\\!pb-0{padding-bottom:0!important}.text-\\[13\\.5px\\]{font-size:13.5px}.leading-\\[1\\.35\\]{line-height:1.35}.text-amber-900\\/90{color:rgba(120,53,15,.9)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:768px){.md\\:justify-between{justify-content:space-between}}.\\[\\&\\>div\\]\\:grow>div{flex-grow:1}.my-2{margin-bottom:.5rem;margin-top:.5rem}.grow{flex-grow:1}.mt-\\[32px\\]{margin-top:32px}.h-\\[25px\\]{height:25px}.h-\\[50px\\]{height:50px}.h-\\[8px\\]{height:8px}.bg-\\[\\#f6f6f6\\]{--tw-bg-opacity:1;background-color:rgb(246 246 246/var(--tw-bg-opacity,1))}.pt-\\[40px\\]{padding-top:40px}.text-\\[18px\\]{font-size:18px}.success-card{background-color:#d0e7de;border-color:#a2d0bb;color:#0b3521}.reject-card{background-color:#f7d7d8;border-color:#f2aeb5;color:#58151c}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.-left-full{left:-100%}.end-\\[16px\\]{inset-inline-end:16px}.left-full{left:100%}.right-\\[50px\\]{right:50px}.z-20{z-index:20}.z-\\[999\\]{z-index:999}.mb-\\[16px\\]{margin-bottom:16px}.mt-\\[16px\\]{margin-top:16px}.mt-\\[20px\\]{margin-top:20px}.mt-\\[50px\\]{margin-top:50px}.size-\\[20px\\]{height:20px;width:20px}.size-\\[24px\\]{height:24px;width:24px}.size-\\[25px\\]{height:25px;width:25px}.size-\\[32px\\]{height:32px;width:32px}.size-\\[35px\\]{height:35px;width:35px}.h-\\[100dvh\\]{height:100dvh}.h-\\[140px\\]{height:140px}.h-\\[16px\\]{height:16px}.h-\\[30px\\]{height:30px}.h-\\[32px\\]{height:32px}.h-\\[36px\\]{height:36px}.h-\\[40px\\]{height:40px}.h-fit{height:fit-content}.max-h-\\[200px\\]{max-height:200px}.w-\\[200px\\]{width:200px}.w-\\[300px\\]{width:300px}.min-w-\\[100dvw\\]{min-width:100dvw}.max-w-\\[200px\\]{max-width:200px}.max-w-\\[250px\\]{max-width:250px}.max-w-\\[400px\\]{max-width:400px}.flex-1{flex:1 1 0%}.-translate-y-\\[32px\\]{--tw-translate-y:-32px}.-translate-y-\\[32px\\],.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-\\[32px\\]{--tw-translate-y:32px}.rotate-\\[45deg\\],.translate-y-\\[32px\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-\\[45deg\\]{--tw-rotate:45deg}.scale-100,.scale-\\[110\\%\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\\[110\\%\\]{--tw-scale-x:110%;--tw-scale-y:110%}.cursor-default{cursor:default}.gap-\\[10px\\]{gap:10px}.gap-\\[20px\\]{gap:20px}.gap-\\[32px\\]{gap:32px}.gap-\\[75px\\]{gap:75px}.truncate{overflow:hidden;white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-\\[8px\\]{border-radius:8px}.rounded-full{border-radius:9999px}.border-\\[2px\\]{border-width:2px}.border-\\[\\#dcdcdc\\]{--tw-border-opacity:1;border-color:rgb(220 220 220/var(--tw-border-opacity,1))}.border-\\[\\#ddd\\]{--tw-border-opacity:1;border-color:rgb(221 221 221/var(--tw-border-opacity,1))}.border-\\[\\#f4f4f4\\]{--tw-border-opacity:1;border-color:rgb(244 244 244/var(--tw-border-opacity,1))}.border-\\[\\#ff9100\\]{--tw-border-opacity:1;border-color:rgb(255 145 0/var(--tw-border-opacity,1))}.border-\\[\\#ffb74d\\]{--tw-border-opacity:1;border-color:rgb(255 183 77/var(--tw-border-opacity,1))}.border-\\[\\#ffd28f\\]{--tw-border-opacity:1;border-color:rgb(255 210 143/var(--tw-border-opacity,1))}.bg-\\[\\#275e8f\\]{--tw-bg-opacity:1;background-color:rgb(39 94 143/var(--tw-bg-opacity,1))}.bg-\\[\\#32b267\\]{--tw-bg-opacity:1;background-color:rgb(50 178 103/var(--tw-bg-opacity,1))}.bg-\\[\\#d5d5d5\\]{--tw-bg-opacity:1;background-color:rgb(213 213 213/var(--tw-bg-opacity,1))}.bg-\\[\\#f4f4f4\\]{--tw-bg-opacity:1;background-color:rgb(244 244 244/var(--tw-bg-opacity,1))}.bg-\\[\\#ff91001a\\]{background-color:#ff91001a}.bg-slate-400{--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.fill-\\[\\#3071a9\\]{fill:#3071a9}.stroke-white{stroke:#fff}.stroke-\\[1\\.5px\\]{stroke-width:1.5px}.p-\\[22px\\]{padding:22px}.p-\\[50px\\]{padding:50px}.p-\\[7px\\]{padding:7px}.px-\\[22px\\]{padding-left:22px;padding-right:22px}.px-\\[8px\\]{padding-left:8px;padding-right:8px}.py-\\[8px\\]{padding-bottom:8px;padding-top:8px}.ps-\\[16px\\]{padding-inline-start:16px}.ps-\\[4px\\]{padding-inline-start:4px}.ps-\\[8px\\]{padding-inline-start:8px}.pt-\\[8px\\]{padding-top:8px}.text-\\[14px\\]{font-size:14px}.text-\\[\\#3071a9\\]{--tw-text-opacity:1;color:rgb(48 113 169/var(--tw-text-opacity,1))}.text-\\[\\#424242\\]{--tw-text-opacity:1;color:rgb(66 66 66/var(--tw-text-opacity,1))}.text-\\[\\#663c00\\]{--tw-text-opacity:1;color:rgb(102 60 0/var(--tw-text-opacity,1))}.text-\\[\\#ff9100\\]{--tw-text-opacity:1;color:rgb(255 145 0/var(--tw-text-opacity,1))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-transparent{color:transparent}.opacity-50{opacity:.5}.shadow,.shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.transition-\\[width\\]{transition-duration:.15s;transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-700{transition-duration:.7s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.hover\\:bg-\\[\\#3071a9\\]:hover{--tw-bg-opacity:1;background-color:rgb(48 113 169/var(--tw-bg-opacity,1))}.hover\\:bg-\\[\\#fff8e1\\]:hover{--tw-bg-opacity:1;background-color:rgb(255 248 225/var(--tw-bg-opacity,1))}.hover\\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.focus\\:-translate-y-\\[8px\\]:focus{--tw-translate-y:-8px}.focus\\:-translate-y-\\[8px\\]:focus,.focus\\:scale-110:focus{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.focus\\:scale-110:focus{--tw-scale-x:1.1;--tw-scale-y:1.1}.focus\\:border-\\[\\#3071a9\\]:focus{--tw-border-opacity:1;border-color:rgb(48 113 169/var(--tw-border-opacity,1))}.active\\:bg-\\[\\#223f57\\]:active{--tw-bg-opacity:1;background-color:rgb(34 63 87/var(--tw-bg-opacity,1))}.enabled\\:shadow:enabled{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.enabled\\:hover\\:rotate-\\[135deg\\]:hover:enabled{--tw-rotate:135deg}.enabled\\:hover\\:rotate-\\[135deg\\]:hover:enabled,.enabled\\:hover\\:scale-110:hover:enabled{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.enabled\\:hover\\:scale-110:hover:enabled{--tw-scale-x:1.1;--tw-scale-y:1.1}.enabled\\:hover\\:scale-\\[150\\%\\]:hover:enabled{--tw-scale-x:150%;--tw-scale-y:150%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.enabled\\:hover\\:border-\\[\\#27ae5fc1\\]:hover:enabled{border-color:#27ae5fc1}.enabled\\:hover\\:bg-\\[\\#32b267c7\\]:hover:enabled{background-color:#32b267c7}.enabled\\:hover\\:bg-red-200:hover:enabled{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity,1))}.enabled\\:hover\\:text-red-400:hover:enabled{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}.disabled\\:opacity-50:disabled{opacity:.5}.peer:checked~.peer-checked\\:border-\\[\\#ff9100\\]{--tw-border-opacity:1;border-color:rgb(255 145 0/var(--tw-border-opacity,1))}.peer:checked~.peer-checked\\:bg-\\[\\#ff9100\\]{--tw-bg-opacity:1;background-color:rgb(255 145 0/var(--tw-bg-opacity,1))}.peer:checked~.peer-checked\\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}@media (min-width:768px){.md\\:flex-row{flex-direction:row}}.\\[\\&_circle\\]\\:fill-white circle{fill:#fff}.\\[\\&_div\\]\\:min-w-\\[200px\\] div{min-width:200px}.visible{visibility:visible}.size-\\[40px\\]{height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}";

const VehicleItemClaimForm = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
        // #region Image Viewer Logic
        this.expandedImage = '';
        this.uploadMultipleDocuments = true;
        this.uploadProgress = 0;
        this.isOpened = false;
        this.isLoading = false;
        this.confirmationStates = {};
        this.errors = {};
        this.inputs = {
            documents: [],
        };
        this.setErrorValue = (errorName, value) => {
            const previousError = (this.errors[errorName] || {});
            this.errors = Object.assign(Object.assign({}, this.errors), { [errorName]: Object.assign(Object.assign({}, previousError), value) });
        };
        this.setInputValue = (inputName, value) => {
            this.inputs = Object.assign(Object.assign({}, this.inputs), { [inputName]: value });
        };
        this.onFileUploaderChange = (event) => {
            var _a, _b, _c, _d, _e;
            const input = event.target;
            if (!input.files)
                return;
            const maxSize = parseInt(input.dataset.maxSize || '0', 10);
            const newFiles = this.uploadMultipleDocuments ? Array.from(input.files) : [input.files[0]];
            input.value = '';
            let anyFileExceedsMaxSize = false;
            const filteredNewFiles = newFiles.filter(newFile => {
                var _a, _b;
                const isFileSizeValid = newFile.size <= maxSize;
                if (!isFileSizeValid) {
                    anyFileExceedsMaxSize = true;
                    return false;
                }
                const isFileAlreadyExists = (_b = (_a = this.inputs) === null || _a === void 0 ? void 0 : _a.documents) === null || _b === void 0 ? void 0 : _b.some(existingFile => existingFile.name === newFile.name && existingFile.size === newFile.size && existingFile.lastModified === newFile.lastModified);
                return !isFileAlreadyExists;
            });
            this.setInputValue('documents', this.uploadMultipleDocuments ? [...(((_a = this.inputs) === null || _a === void 0 ? void 0 : _a.documents) || []), ...filteredNewFiles] : filteredNewFiles);
            if (anyFileExceedsMaxSize) {
                this.setErrorValue('documents', {
                    show: true,
                    text: 'documentLimitError',
                });
                return;
            }
            else if ((_b = this.errors) === null || _b === void 0 ? void 0 : _b.documents)
                this.setErrorValue('documents', { text: (_c = this.errors.documents) === null || _c === void 0 ? void 0 : _c.text, show: false });
            if (((_d = this.item) === null || _d === void 0 ? void 0 : _d.claimingMethodEnum) === 'ClaimByScanningQRCode') {
                if ((_e = this.inputs) === null || _e === void 0 ? void 0 : _e.qrCode)
                    this.submit();
            }
            else
                this.focusInputs();
        };
        this.onDocumentButtonClicked = () => {
            const documentUploader = this.el.shadowRoot.querySelector('.document-uploader');
            if (documentUploader)
                documentUploader.click();
        };
        this.focusInputs = () => {
            setTimeout(() => {
                const inputs = this.el.shadowRoot.querySelectorAll('input[type="text"]');
                const firstEnabled = Array.from(inputs).find(input => !input.disabled && !input.readOnly);
                if (firstEnabled)
                    firstEnabled.focus();
            }, 50);
        };
        this.focusEmptyInputs = () => {
            var _a, _b;
            const inputs = this.el.shadowRoot.querySelectorAll('input[type="text"]');
            const firstEmptyInput = Array.from(inputs).find(input => { var _a; return !((_a = input.value) === null || _a === void 0 ? void 0 : _a.trim()); });
            if (firstEmptyInput)
                firstEmptyInput.focus();
            if (((_a = this.item) === null || _a === void 0 ? void 0 : _a.documentUploaderIsRequired) && !((_b = this.inputs) === null || _b === void 0 ? void 0 : _b.documents.length)) {
                this.setErrorValue('documents', {
                    show: true,
                    text: 'documentRequiredError',
                });
            }
        };
        this.submit = async () => {
            var _a, _b, _c, _d, _e, _f, _g, _h;
            if (!this.getIsFormValid())
                return this.focusEmptyInputs();
            if (!this.getIsFormConfirmed())
                return;
            if ((_a = this.item) === null || _a === void 0 ? void 0 : _a.showDocumentUploader) {
                if (((_b = this.item) === null || _b === void 0 ? void 0 : _b.documentUploaderIsRequired) && !((_d = (_c = this.inputs) === null || _c === void 0 ? void 0 : _c.documents) === null || _d === void 0 ? void 0 : _d.length)) {
                    this.setErrorValue('documents', {
                        show: true,
                        text: 'documentRequiredError',
                    });
                    return;
                }
            }
            this.isLoading = true;
            try {
                if (this.handleClaiming) {
                    await this.handleClaiming((_e = this.inputs) === null || _e === void 0 ? void 0 : _e.documents, {
                        qrCode: (_f = this.inputs) === null || _f === void 0 ? void 0 : _f.qrCode,
                        invoice: (_g = this.inputs) === null || _g === void 0 ? void 0 : _g.invoice,
                        jobNumber: (_h = this.inputs) === null || _h === void 0 ? void 0 : _h.jobNumber,
                    });
                }
                this.close(true);
            }
            catch (error) {
                console.error(error);
            }
            finally {
                this.isLoading = false;
            }
        };
        this.onConfirmCheckboxChange = (confirmationName) => (event) => {
            const target = event.target;
            this.confirmationStates = Object.assign(Object.assign({}, this.confirmationStates), { [confirmationName]: target.checked });
            if (this.getIsFormConfirmed)
                this.focusInputs();
        };
        this.getIsFormConfirmed = () => {
            var _a, _b;
            if (Array.isArray((_a = this.item) === null || _a === void 0 ? void 0 : _a.warnings)) {
                for (let idx = 0; idx < ((_b = this.item) === null || _b === void 0 ? void 0 : _b.warnings.length); idx++) {
                    const warning = this.item.warnings[idx];
                    if (!!(warning === null || warning === void 0 ? void 0 : warning.confirmationText) && !this.confirmationStates[warning.key])
                        return false;
                }
            }
            return true;
        };
        this.getIsFormValid = () => {
            var _a, _b, _c, _d, _e, _f, _g, _h, _j;
            if (((_a = this.item) === null || _a === void 0 ? void 0 : _a.claimingMethodEnum) === 'ClaimByScanningQRCode') {
                if (!((_c = (_b = this.inputs) === null || _b === void 0 ? void 0 : _b.qrCode) === null || _c === void 0 ? void 0 : _c.trim().length))
                    return false;
            }
            else {
                if (!((_e = (_d = this.inputs) === null || _d === void 0 ? void 0 : _d.invoice) === null || _e === void 0 ? void 0 : _e.trim().length))
                    return false;
                if (!((_g = (_f = this.inputs) === null || _f === void 0 ? void 0 : _f.jobNumber) === null || _g === void 0 ? void 0 : _g.trim().length))
                    return false;
            }
            if (((_h = this.item) === null || _h === void 0 ? void 0 : _h.documentUploaderIsRequired) && !((_j = this.inputs) === null || _j === void 0 ? void 0 : _j.documents.length))
                return false;
            return true;
        };
        this.resetState = () => {
            this.item = null;
            this.errors = {};
            this.inputs = {
                documents: [],
            };
            this.isLoading = false;
            this.confirmationStates = {};
        };
        this.clearFile = (event) => {
            var _a, _b, _c;
            if (typeof event === 'number') {
                const newDocuments = this.inputs.documents.filter((_, idx) => idx !== event);
                this.setInputValue('documents', newDocuments);
                if (((_a = this === null || this === void 0 ? void 0 : this.item) === null || _a === void 0 ? void 0 : _a.documentUploaderIsRequired) && !newDocuments.length) {
                    this.setErrorValue('documents', {
                        show: true,
                        text: 'documentRequiredError',
                    });
                }
            }
            else {
                event.stopPropagation();
                this.setInputValue('documents', []);
                if ((_b = this.errors) === null || _b === void 0 ? void 0 : _b.documents)
                    this.setErrorValue('documents', { text: (_c = this.errors.documents) === null || _c === void 0 ? void 0 : _c.text, show: false });
            }
        };
        this.onKeyDown = (event) => {
            if (event.key === 'Enter')
                this.submit();
        };
    }
    onImageViewerToggles(newValue) {
        window.removeEventListener('keydown', this.closeModalListenerRef);
        if (newValue === null) {
            setTimeout(() => {
                this.closeModalListenerRef = (event) => event.key === 'Escape' && this.close();
                window.addEventListener('keydown', this.closeModalListenerRef);
            }, 200);
        }
    }
    async open() {
        this.isOpened = true;
        document.body.style.overflow = 'hidden';
        this.focusInputs();
        window.removeEventListener('keydown', this.closeModalListenerRef);
        this.closeModalListenerRef = (event) => event.key === 'Escape' && this.close();
        window.addEventListener('keydown', this.closeModalListenerRef);
    }
    onIsLoadingChange(newValue) {
        if (this.loadingStateChange)
            this.loadingStateChange(newValue);
    }
    async close(forceClose = false) {
        if (this.isLoading && !forceClose)
            return;
        this.isOpened = false;
        document.body.style.overflow = 'auto';
        await new Promise(r => setTimeout(r, 500));
        this.resetState();
        window.removeEventListener('keydown', this.closeModalListenerRef);
    }
    async setFileUploadProgression(uploadPercentage) {
        this.uploadProgress = uploadPercentage;
    }
    // #endregion
    render() {
        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1;
        const isQRScannerForm = ((_a = this.item) === null || _a === void 0 ? void 0 : _a.claimingMethodEnum) === 'ClaimByScanningQRCode';
        const disableInputs = !this.getIsFormConfirmed() || this.isLoading;
        const isFormValid = this.getIsFormValid();
        return (index.h(index.Host, { key: '5561d30f1ca5ccb798ea1511ad74559136795319', translate: "no" }, index.h(printIcon.ImageViewer, { key: 'ec5c77a121a796c46f2d0eb07c343065199d6aac', style: { 'z-index': '99999999' }, expandedImage: this.expandedImage, imageStyle: { 'z-index': '999999999' }, closeImageViewer: () => printIcon.closeImageViewer.bind(this)() }), index.h("div", { key: '7b81805c8f425a473a32d34bbfb11b57dac9ad7c', dir: this.locale.sharedLocales.direction, class: cn.cn('min-w-[100dvw] pointer-events-none h-[100dvh] bg-white fixed top-0 left-0 z-[999] flex flex-col transition duration-500 scale-[110%] opacity-0 justify-between p-[50px] box-border overflow-auto', {
                'opacity-1 scale-100 pointer-events-auto': this.isOpened,
            }) }, index.h("button", { key: 'd748d63ec7fe0773d54087beff454e84a7a5f260', disabled: this.isLoading, onClick: this.close.bind(this), class: "disabled:opacity-50 transition absolute right-[50px] duration-500 rounded-full enabled:hover:bg-red-200 enabled:hover:text-red-400 text-black enabled:hover:scale-[150%] enabled:hover:rotate-[135deg] size-[35px] rotate-[45deg]" }, index.h(addIcon.AddIcon, { key: 'be9aa144470f37a806505e4e87882204ee5aec81', class: "stroke-[1.5px]" })), index.h("div", { key: 'c741aea9361f654675753cfef8d350c1daa9f70f', class: "flex flex-col h-full gap-[32px] justify-between" }, index.h("div", { key: '2e40a6ae8b1cd4f5b12aed7d6c70a0630898f403', class: "flex mt-[50px] flex-col shrink-0 gap-[20px]" }, index.h("div", { key: '96d23ba0793a5fdd3ae09d5a4ab92067b00870dd', class: "border overflow-hidden rounded-[6px] border-[#dcdcdc] box-border" }, index.h("div", { key: 'a42197b6ab296cc47e596ce597e0ad9391d3d9fe', class: "relative text-[16px] h-[50px] font-semibold flex items-center justify-center bg-[#f6f6f6]" }, this.vin, !!((_b = this.item) === null || _b === void 0 ? void 0 : _b.printUrl) && (index.h("button", { key: '1b637431fa1e5408befbb2a253e20b8802983bfb', class: "outline-button absolute end-[16px]", onClick: () => window.open(this.item.printUrl, '_blank').focus() }, index.h(printIcon.PrintIcon, { key: 'bc0dbb58548978dd28b4024119a7ec1f9270dd04', class: "size-[30px] duration-200" }), index.h("span", { key: 'cb2ab2014edde96174e7b0fd0fe3df2c8024b7ba' }, this.locale.print)))), index.h("div", { key: '77045d80a0ba24fdac46c10536c6aa22941f4dab', class: "overflow-hidden flex p-[22px] [&_div]:min-w-[200px] gap-[32px] flex-wrap justify-center" }, index.h(materialCard.MaterialCard, { key: '5bdb13e7f0cdbd02389bdaaeda419f0986ccda88', title: this.locale.serviceType }, (_c = this.item) === null || _c === void 0 ? void 0 : _c.type), index.h(materialCard.MaterialCard, { key: '2116e584b13b384892eaa47dbd35c9f9757e532c', title: this.locale.name }, (_d = this.item) === null || _d === void 0 ? void 0 : _d.name), index.h(materialCard.MaterialCard, { key: '182370045eebb8be6e07b772d0faf1ef7ec758b1', title: this.locale.activationDate }, (_e = this.item) === null || _e === void 0 ? void 0 : _e.activatedAt), index.h(materialCard.MaterialCard, { key: '8f0b7da9f272ac59783f12ee0116217165e5edb0', title: this.locale.expireDate }, (_f = this.item) === null || _f === void 0 ? void 0 : _f.expiresAt), index.h(materialCard.MaterialCard, { key: 'e00a9a53b8bf0776daae9371b7d27ccdc4ff1977', title: this.locale.packageCode }, (_g = this.item) === null || _g === void 0 ? void 0 : _g.packageCode))), Array.isArray((_h = this.item) === null || _h === void 0 ? void 0 : _h.warnings) &&
            this.item.warnings.map(warning => (index.h("div", { key: warning.key, class: "border overflow-hidden rounded-[6px] border-[#ff9100] box-border" }, index.h("div", { class: "text-[16px] px-[22px] h-[50px] font-semibold flex items-center gap-[8px] bg-[#ff91001a]" }, index.h(AlertIcon, { class: "size-[25px] text-[#ff9100]" }), " ", warning.title), index.h("div", { class: "p-[16px]" }, index.h("div", { class: "text-[16px] flex-col items-center md:flex-row flex gap-[16px]" }, index.h("div", { class: "flex-1", innerHTML: warning.bodyContent }), (warning === null || warning === void 0 ? void 0 : warning.imageUrl) && (index.h("button", { onClick: ({ target }) => printIcon.openImageViewer.bind(this)(target, warning === null || warning === void 0 ? void 0 : warning.imageUrl), class: "shrink-0 relative ring-0 outline-none w-fit mx-auto [&_img]:hover:shadow-lg [&_div]:hover:!opacity-100 cursor-pointer" }, index.h("div", { class: "absolute flex-col justify-center gap-[4px] size-full flex items-center pointer-events-none hover:opacity-100 rounded-lg opacity-0 bg-black/40 transition-all duration-300" }, index.h("img", { src: printIcon.eyeSvg }), index.h("span", { class: "text-white" }, this.locale.expand)), index.h("img", { class: "w-auto h-auto max-w-[200px] max-h-[200px] cursor-pointer shadow-sm rounded-lg transition-all duration-300", src: warning === null || warning === void 0 ? void 0 : warning.imageUrl })))), (warning === null || warning === void 0 ? void 0 : warning.confirmationText) && (index.h("label", { class: cn.cn('select-none text-[16px] flex font-semibold group items-center px-[16px] gap-[10px] mt-[20px] h-[36px] transition duration-300 rounded-[6px] cursor-pointer text-[#663c00] bg-[#ff91001a] border border-[#ffd28f]', {
                    'hover:bg-[#fff8e1]': !this.isLoading,
                    'opacity-50 pointer-events-none': this.isLoading,
                }) }, index.h("input", { type: "checkbox", class: "peer sr-only", disabled: this.isLoading, checked: !!this.confirmationStates[warning.key], onChange: this.onConfirmCheckboxChange(warning.key) }), index.h("div", { class: "size-[20px] rounded border border-[#ffb74d] transition duration-300 text-transparent peer-checked:text-white peer-checked:bg-[#ff9100] peer-checked:border-[#ff9100] flex items-center justify-center" }, index.h(checkIcon.CheckIcon, { class: "size-[18px]" })), warning === null || warning === void 0 ? void 0 :
                warning.confirmationText))))))), index.h("div", { key: 'da34367cd8a9fa28fac5120692045f323880e18a', class: cn.cn('flex flex-col shrink-0 my-auto gap-[20px] h-fit p-[50px] border-[2px] border-[#3071a9] transition duration-500 items-center rounded-[8px] shadow-lg bg-[#f4f4f4]', {
                'border-[#f4f4f4]': this.isLoading,
            }) }, index.h("div", { key: '8541c67b9d2ea4d87e5b06b30ab3f3ad0e383677', class: "relative w-[200px] h-[140px]" }, index.h("div", { key: '8d47eb6c6fbf4fae065cce471a19dcc5736ed72a', class: cn.cn('absolute size-full transition-all duration-500 flex flex-col items-center gap-[12px] left-0 top-0', { 'left-full opacity-0': this.isLoading }) }, index.h(FormSubmitSVG, { key: 'bc8880b8423d4027b396a89ba31c864f6f1f53a3', class: "size-[100px] fill-[#3071a9] text-[#3071a9]" }), index.h("div", { key: 'ea81346caf2ec28cd4343a55846508ec66feb262', class: "text-[16px] text-[#3071a9] font-semibold" }, isQRScannerForm ? this.locale.scanTheVoucher : this.locale.enterServiceInfo)), index.h("div", { key: '3cc9476d37e4abd86a85f7f11e57e2af830a784c', class: cn.cn('absolute size-full opacity-0 transition-all duration-500 -left-full flex flex-col gap-[12px] items-center', { 'left-0 opacity-100': this.isLoading }) }, index.h("div", { key: '69d10097bb241cb0d0b6ad6db6898a86f8cd061d', class: cn.cn('relative size-[100px] flex items-center justify-center') }, index.h("div", { key: 'f3d3ae341e37dc4e79c7eff597cf83a240eea881', class: "lds-ripple" }), index.h("div", { key: 'd1ae548f72dc52500fa1e4283714a65289843e02', class: "lds-ripple" })), ((_j = this.item) === null || _j === void 0 ? void 0 : _j.showDocumentUploader) && !!this.inputs['documents'].length ? (index.h("div", { class: "relative border-[#3071a9] text-[#3071a9] text-[16px] w-[300px] border-[2px] font-semibold h-[30px] overflow-hidden rounded-full flex items-center justify-center" }, index.h("span", { class: "relative z-20" }, this.locale.processing, " ", `${this.uploadProgress}%`), index.h("div", { style: {
                width: `${this.uploadProgress}%`,
                background: `linear-gradient(to right, rgba(219, 234, 254, ${Math.min(0.1 + this.uploadProgress / 100, 1)}), rgba(191, 219, 254, ${Math.min(0.15 + this.uploadProgress / 100, 1)}), rgba(147, 197, 253, ${Math.min(0.2 + this.uploadProgress / 100, 1)}))`,
            }, class: "absolute left-0 z-10 top-0 h-full transition-[width] duration-700 ease-out" }))) : (index.h("div", { class: "text-[16px] text-[#3071a9] font-semibold" }, this.locale.processing)))), ((_k = this.item) === null || _k === void 0 ? void 0 : _k.showDocumentUploader) && (index.h("div", { key: '0f7d7ff149c98fad673676453214e46690f73dcb', class: "flex mb-[16px] w-full flex-col" }, index.h("input", { key: '67a11a161799a76947c1f202afee0dca017d134b', hidden: true, type: "file", class: "document-uploader", disabled: this.isLoading, accept: "image/*,application/pdf", onChange: this.onFileUploaderChange, multiple: this.uploadMultipleDocuments, "data-max-size": this.maximumDocumentFileSizeInMb * 1024 * 1024 }), index.h("div", { key: '69d2eeed08a3e438167d7abcac0c0ebd561a9f5e', onClick: this.onDocumentButtonClicked, class: cn.cn('overflow-hidden flex items-center w-fit mx-auto cursor-pointer gap-[16px] ps-[8px] h-[32px] transition duration-300 text-white bg-[#275e8f] active:bg-[#223f57] hover:bg-[#3071a9] rounded-[5px]', { 'pointer-events-none bg-[#d5d5d5] cursor-default': disableInputs }) }, index.h("div", { key: '99d1f4d9e8218b504afa671d148edb770fa5bc65', title: this.uploadMultipleDocuments ? this.locale.uploadMultipleDocument : this.locale.uploadSingleDocument, class: "max-w-[200px] truncate whitespace-nowrap overflow-hidden text-ellipsis" }, this.uploadMultipleDocuments ? this.locale.uploadMultipleDocument : this.locale.uploadSingleDocument, ((_l = this === null || this === void 0 ? void 0 : this.item) === null || _l === void 0 ? void 0 : _l.documentUploaderIsRequired) && !((_m = this.inputs) === null || _m === void 0 ? void 0 : _m.documents.length) && (index.h("span", { key: '62980124a5c71834fbce70a9f84b77750c8d7617', class: cn.cn('ps-[4px] text-red-500', { 'text-white': disableInputs }) }, "*"))), index.h("button", { key: '621f3062f8d0f2df57a2fd57d01f67f516cebd9c', onClick: this.clearFile, class: cn.cn('overflow-hidden transition duration-300 hover:bg-red-600 relative cursor-pointer flex items-center justify-center size-[32px]', {
                'pointer-events-none cursor-default': !((_o = this.inputs) === null || _o === void 0 ? void 0 : _o.documents.length),
            }) }, index.h(AttachIcon, { key: '91448d2d3b784e700337c731ef08cd5ee8ec3545', class: cn.cn('size-[24px] absolute transition duration-500', { '-translate-y-[32px]': !!((_p = this.inputs) === null || _p === void 0 ? void 0 : _p.documents.length) }) }), index.h(addIcon.AddIcon, { key: '317553061ca86c0dcebb550957f8144b85897681', class: cn.cn('size-[24px] rotate-[45deg] absolute transition translate-y-[32px] duration-500', { 'translate-y-0': !!((_q = this.inputs) === null || _q === void 0 ? void 0 : _q.documents.length) }) }))), index.h("flexible-container", { key: '0fe92e873f6bf7669f13b7a041213355272df442', isOpened: !!((_s = (_r = this.errors) === null || _r === void 0 ? void 0 : _r.documents) === null || _s === void 0 ? void 0 : _s.show) }, index.h("div", { key: 'e387cf32127437be4b85629f2235ba81fac3c6d9', class: "text-red-700 w-fit mx-auto pt-[8px]" }, ((_u = (_t = this.errors) === null || _t === void 0 ? void 0 : _t.documents) === null || _u === void 0 ? void 0 : _u.text) === 'documentLimitError'
            ? this.locale.documentLimitError + `${this.maximumDocumentFileSizeInMb}Mb`
            : this.locale.documentRequiredError || this.locale.sharedLocales.errors.wildCard)), index.h("flexible-container", { key: '628e57099a45ff6c648b91d560eba6ec690766af', isOpened: !!((_w = (_v = this.inputs) === null || _v === void 0 ? void 0 : _v.documents) === null || _w === void 0 ? void 0 : _w.length), containerClasses: "" }, index.h("div", { key: 'f5b6c14a56ad5345864aa2ca8f8ec28069442b8c', class: "flex w-full pt-[16px] flex-wrap justify-center gap-[16px]" }, (_y = (_x = this.inputs) === null || _x === void 0 ? void 0 : _x.documents) === null || _y === void 0 ? void 0 : _y.map((doc, idx) => {
            var _a;
            return (index.h("div", { class: cn.cn('flex relative overflow-hidden max-w-[400px] items-center justify-between gap-[20px] bg-slate-400 rounded-[4px] text-white text-[14px]', {
                    'pointer-events-none bg-[#d5d5d5] cursor-default': disableInputs,
                }) }, index.h("span", { title: doc.name, class: "truncate ps-[16px] py-[8px]" }, doc.name), index.h("button", { disabled: disableInputs, onClick: () => this.clearFile(idx), class: cn.cn('overflow-hidden transition duration-300 hover:bg-red-600 relative cursor-pointer flex items-center justify-center size-[32px]', {
                    'pointer-events-none cursor-default': !((_a = this.inputs) === null || _a === void 0 ? void 0 : _a.documents.length),
                }) }, index.h(addIcon.AddIcon, { class: "size-[24px] rotate-[45deg]" }))));
        }))))), isQRScannerForm && (index.h("div", { key: '375abba2793426ae52b32c0141f00d332bf2ac52', class: "overflow-hidden w-full" }, index.h("input", { key: '7436124a915cf6e25ca0e969691d47d1f0994a26', dir: "ltr", autofocus: true, type: "text", spellcheck: "false", autocomplete: "off", disabled: disableInputs, onBlur: this.focusInputs, onKeyDown: this.onKeyDown, value: (_z = this.inputs) === null || _z === void 0 ? void 0 : _z.qrCode, placeholder: this.locale.qrCode, onInput: event => this.setInputValue('qrCode', event.target.value), class: "bg-transparent flex-1 outline-none border-b border-[#ddd] text-[#424242] w-full text-center p-[7px] text-[16px] transition-all duration-300 focus:border-[#3071a9] focus:scale-110 focus:-translate-y-[8px]" }))), !isQRScannerForm && (index.h("div", { key: '60036624de049b92960934151313d9b434e7a804', class: "flex w-full overflow-hidden gap-[75px]" }, index.h("input", { key: 'bf4106a5ba29dee60e3b91ed47eadb285aeb74b6', dir: "ltr", autofocus: true, type: "text", spellcheck: "false", autocomplete: "off", disabled: disableInputs, onKeyDown: this.onKeyDown, value: (_0 = this.inputs) === null || _0 === void 0 ? void 0 : _0.invoice, placeholder: this.locale.invoice, onInput: event => this.setInputValue('invoice', event.target.value), class: "bg-transparent flex-1 outline-none border-b border-[#ddd] text-[#424242] w-full text-center p-[7px] text-[16px] transition-all duration-300 focus:border-[#3071a9] focus:scale-110 focus:-translate-y-[8px]" }), index.h("input", { key: '3c82270341197a6eb8f63f2f6b66d423b9d4fad4', dir: "ltr", type: "text", spellcheck: "false", autocomplete: "off", disabled: disableInputs, onKeyDown: this.onKeyDown, value: (_1 = this.inputs) === null || _1 === void 0 ? void 0 : _1.jobNumber, placeholder: this.locale.jobNumber, onInput: event => this.setInputValue('jobNumber', event.target.value), class: "bg-transparent flex-1 outline-none border-b border-[#ddd] text-[#424242] w-full text-center p-[7px] text-[16px] transition-all duration-300 focus:border-[#3071a9] focus:scale-110 focus:-translate-y-[8px]" }))), index.h("button", { key: '2c715224ce746e3e02afd14b8dcd293ed954f7d3', onClick: this.submit, disabled: !isFormValid || disableInputs, class: "text-[22px] transition duration-500 hover: mt-[16px] disabled:opacity-50 text-white w-full max-w-[250px] px-[8px] h-[40px] enabled:hover:scale-110 flex gap-[8px] border rounded-[4px] enabled:shadow items-center justify-center border-[#27ae60] bg-[#32b267] enabled:hover:border-[#27ae5fc1] enabled:hover:bg-[#32b267c7]" }, index.h(printIcon.ActivationIcon, { key: '9e782a666f34d4250a69649fe66f98bd2d28ac87', class: "size-[30px] [&_circle]:fill-white stroke-white text-red-300" }), index.h("span", { key: 'af691122a32e4d3127c259b8120de67d44149bb8' }, this.locale.claim))), index.h("div", { key: '4d5bc8ad8d5520ed45057dc1e83b00a36b59627c', class: "shrink-0 h-[16px]" })))));
    }
    get el() { return index.getElement(this); }
    static get watchers() { return {
        "expandedImage": ["onImageViewerToggles"],
        "isLoading": ["onIsLoadingChange"]
    }; }
};
VehicleItemClaimForm.style = vehicleItemClaimFormCss;

exports.shift_tabs = ShiftTabs;
exports.vehicle_item_claim_form = VehicleItemClaimForm;
