adp-web-components 0.3.18 → 0.3.20

package/dist/collection/components/form-elements/form-dialog.css

@@ -1 +1 @@
-*,: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-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--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;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: ;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-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--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;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! 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}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.relative{position:relative}.left-0{left:0}.top-0{top:0}.z-\[99999999999\]{z-index:99999999999}.float-right{float:right}.-mb-\[10px\]{margin-bottom:-10px}.block{display:block}.flex{display:flex}.size-\[20px\]{height:20px;width:20px}.h-\[100\%\]{height:100%}.h-\[32px\]{height:32px}.w-\[100\%\]{width:100%}.w-fit{width:fit-content}.min-w-\[322px\]{min-width:322px}.max-w-\[80dvw\]{max-width:80dvw}.rotate-45{--tw-rotate:45deg}.rotate-45,.scale-100{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-100{--tw-scale-x:1;--tw-scale-y:1}.scale-50{--tw-scale-x:.5;--tw-scale-y:.5;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))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-\[16px\]{gap:16px}.self-end{align-self:flex-end}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.bg-black\/50{background-color:rgba(0,0,0,.5)}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-slate-500{--tw-bg-opacity:1;background-color:rgb(100 116 139/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-\[20px\]{padding:20px}.px-\[14px\]{padding-left:14px;padding-right:14px}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-40{opacity:.4}.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)}.blur{--tw-blur:blur(8px);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)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.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)}.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-300{transition-duration:.3s!important}: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}.dialog-drop-container{align-items:center;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:fixed;top:0;transition-duration:.3s!important;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);width:100%;z-index:99999999999}.dialog-drop-container-opened{backdrop-filter:blur(1.5px)!important;background-color:rgba(0,0,0,.5);pointer-events:auto}.dialog-close-button{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(100 116 139/var(--tw-bg-opacity,1));border-radius:.25rem;color:rgb(255 255 255/var(--tw-text-opacity,1));display:flex;height:32px;overflow:hidden;padding-left:14px;padding-right:14px;position:relative;transition-duration:.3s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:fit-content}.dialog-close-button:hover{--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity,1))}.dialog-close-button:active{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.dialog-close-button-error{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1));color:rgb(255 255 255/var(--tw-text-opacity,1))}.dialog-close-button-error:hover{--tw-bg-opacity:1;background-color:rgb(248 113 113/var(--tw-bg-opacity,1))}.dialog-close-button-error:active{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.dialog-wrapper{--tw-scale-x:.5;--tw-scale-y:.5;--tw-bg-opacity:1;--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);background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:.25rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:flex;flex-direction:column;gap:16px;max-width:80dvw;min-width:322px;opacity:0;padding:20px;transition-duration:.3s!important;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)}.dialog-wrapper,.dialog-wrapper-opened{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))}.dialog-wrapper-opened{--tw-scale-x:1;--tw-scale-y:1;opacity:1}.dialog-wrapper .form-success-container{align-items:center;display:flex;flex-direction:column}.dialog-content{text-align:start}.dialog-close-icon-button{--tw-rotate:45deg;align-self:flex-end;float:right;height:20px;margin-bottom:-10px;opacity:.4;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));transition-duration:.3s!important;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);width:20px}.dialog-close-icon-button:hover{opacity:1}.form-success-container-icon{stroke:#15803d;height:70px;width:70px}.hover\:bg-red-400:hover{--tw-bg-opacity:1;background-color:rgb(248 113 113/var(--tw-bg-opacity,1))}.hover\:bg-slate-400:hover{--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity,1))}.static{position:static}.left-10{left:2.5rem}.top-10{top:2.5rem}.col-start-1{grid-column-start:1}.row-start-1{grid-row-start:1}.grid{display:grid}.hidden{display:none}.size-20{height:5rem;width:5rem}.-translate-x-full{--tw-translate-x:-100%}.-translate-x-full,.translate-x-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-x-0{--tw-translate-x:0px}.translate-x-5{--tw-translate-x:1.25rem}.translate-x-5,.translate-x-full{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-x-full{--tw-translate-x:100%}.translate-y-7{--tw-translate-y:1.75rem;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))}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.opacity-100{opacity:1}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\!duration-700{transition-duration:.7s!important}.rtl\:-translate-x-full:where([dir=rtl],[dir=rtl] *){--tw-translate-x:-100%;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))}.rtl\:translate-x-full:where([dir=rtl],[dir=rtl] *){--tw-translate-x:100%;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))}.absolute{position:absolute}.h-full{height:100%}.min-h-\[150px\]{min-height:150px}.w-full{width:100%}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.\!h-auto{height:auto!important}.min-w-full{min-width:100%}.resize{resize:both}.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)}.\!transition-none{transition-property:none!important}.\!duration-0{transition-duration:0s!important}.\!duration-500{transition-duration:.5s!important}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.cursor-pointer{cursor:pointer}.bottom-4{bottom:1rem}.bottom-\[88px\]{bottom:88px}.left-1\/2{left:50%}.z-10{z-index:10}.z-\[9999\]{z-index:9999}.m-0{margin:0}.aspect-video{aspect-ratio:16/9}.size-8{height:2rem;width:2rem}.size-\[22px\]{height:22px;width:22px}.size-\[32px\]{height:32px;width:32px}.size-full{height:100%;width:100%}.h-\[100dvh\]{height:100dvh}.h-\[60px\]{height:60px}.min-h-full{min-height:100%}.w-\[100dvw\]{width:100dvw}.w-\[100px\]{width:100px}.min-w-\[140px\]{min-width:140px}.-translate-x-1\/2{--tw-translate-x:-50%;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))}.animate-spin{animation:spin 1s linear infinite}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-slate-500{--tw-border-opacity:1;border-color:rgb(100 116 139/var(--tw-border-opacity,1))}.border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/30{background-color:rgba(0,0,0,.3)}.bg-black\/55{background-color:rgba(0,0,0,.55)}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.object-cover{object-fit:cover}.object-center{object-position:center}.p-1{padding:.25rem}.p-\[16px\]{padding:16px}.px-3{padding-left:.75rem;padding-right:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-\[10px\]{padding-bottom:10px;padding-top:10px}.text-center{text-align:center}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-\[18px\]{font-size:18px}.font-medium{font-weight:500}.leading-\[1\.3\]{line-height:1.3}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.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)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.duration-300{transition-duration:.3s}.hover\:border-slate-700:hover{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.hover\:bg-slate-300:hover{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.hover\:text-slate-700:hover{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.disabled\:bg-white\/75:disabled{background-color:hsla(0,0%,100%,.75)}@media (min-width:768px){.md\:relative{position:relative}.md\:h-auto{height:auto}.md\:w-\[600px\]{width:600px}.md\:\!translate-x-0{--tw-translate-x:0px!important;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))!important}.md\:overflow-hidden{overflow:hidden}.md\:rounded-lg{border-radius:.5rem}.md\:border-none{border-style:none}.md\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.md\:py-\[8px\]{padding-bottom:8px;padding-top:8px}.md\:text-\[24px\]{font-size:24px}.md\:text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.md\:\!opacity-100{opacity:1!important}.md\:transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.md\:duration-300{transition-duration:.3s}.md\:hover\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}}
+*,: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-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--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;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: ;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-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--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;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! 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}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.relative{position:relative}.left-0{left:0}.top-0{top:0}.z-\[99999999999\]{z-index:99999999999}.float-right{float:right}.-mb-\[10px\]{margin-bottom:-10px}.block{display:block}.flex{display:flex}.size-\[20px\]{height:20px;width:20px}.h-\[100\%\]{height:100%}.h-\[32px\]{height:32px}.w-\[100\%\]{width:100%}.w-fit{width:fit-content}.min-w-\[322px\]{min-width:322px}.max-w-\[80dvw\]{max-width:80dvw}.rotate-45{--tw-rotate:45deg}.rotate-45,.scale-100{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-100{--tw-scale-x:1;--tw-scale-y:1}.scale-50{--tw-scale-x:.5;--tw-scale-y:.5;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))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-\[16px\]{gap:16px}.self-end{align-self:flex-end}.overflow-hidden{overflow:hidden}.rounded{border-radius:.25rem}.bg-black\/50{background-color:rgba(0,0,0,.5)}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1))}.bg-slate-500{--tw-bg-opacity:1;background-color:rgb(100 116 139/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-\[20px\]{padding:20px}.px-\[14px\]{padding-left:14px;padding-right:14px}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-40{opacity:.4}.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)}.blur{--tw-blur:blur(8px);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)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.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)}.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-300{transition-duration:.3s!important}: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}.dialog-drop-container{align-items:center;display:flex;height:100%;justify-content:center;left:0;pointer-events:none;position:fixed;top:0;transition-duration:.3s!important;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);width:100%;z-index:99999999999}.dialog-drop-container-opened{backdrop-filter:blur(1.5px)!important;background-color:rgba(0,0,0,.5);pointer-events:auto}.dialog-close-button{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(100 116 139/var(--tw-bg-opacity,1));border-radius:.25rem;color:rgb(255 255 255/var(--tw-text-opacity,1));display:flex;height:32px;overflow:hidden;padding-left:14px;padding-right:14px;position:relative;transition-duration:.3s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:fit-content}.dialog-close-button:hover{--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity,1))}.dialog-close-button:active{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.dialog-close-button-error{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity,1));color:rgb(255 255 255/var(--tw-text-opacity,1))}.dialog-close-button-error:hover{--tw-bg-opacity:1;background-color:rgb(248 113 113/var(--tw-bg-opacity,1))}.dialog-close-button-error:active{--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.dialog-wrapper{--tw-scale-x:.5;--tw-scale-y:.5;--tw-bg-opacity:1;--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);background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:.25rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);display:flex;flex-direction:column;gap:16px;max-width:80dvw;min-width:322px;opacity:0;padding:20px;transition-duration:.3s!important;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)}.dialog-wrapper,.dialog-wrapper-opened{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))}.dialog-wrapper-opened{--tw-scale-x:1;--tw-scale-y:1;opacity:1}.dialog-wrapper .form-success-container{align-items:center;display:flex;flex-direction:column}.dialog-content{text-align:start}.dialog-close-icon-button{--tw-rotate:45deg;align-self:flex-end;float:right;height:20px;margin-bottom:-10px;opacity:.4;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));transition-duration:.3s!important;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);width:20px}.dialog-close-icon-button:hover{opacity:1}.form-success-container-icon{stroke:#15803d;height:70px;width:70px}.hover\:bg-red-400:hover{--tw-bg-opacity:1;background-color:rgb(248 113 113/var(--tw-bg-opacity,1))}.hover\:bg-slate-400:hover{--tw-bg-opacity:1;background-color:rgb(148 163 184/var(--tw-bg-opacity,1))}.static{position:static}.left-10{left:2.5rem}.top-10{top:2.5rem}.col-start-1{grid-column-start:1}.row-start-1{grid-row-start:1}.grid{display:grid}.hidden{display:none}.size-20{height:5rem;width:5rem}.-translate-x-full{--tw-translate-x:-100%}.-translate-x-full,.translate-x-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-x-0{--tw-translate-x:0px}.translate-x-5{--tw-translate-x:1.25rem}.translate-x-5,.translate-x-full{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-x-full{--tw-translate-x:100%}.translate-y-7{--tw-translate-y:1.75rem;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))}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.opacity-100{opacity:1}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\!duration-700{transition-duration:.7s!important}.rtl\:-translate-x-full:where([dir=rtl],[dir=rtl] *){--tw-translate-x:-100%;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))}.rtl\:translate-x-full:where([dir=rtl],[dir=rtl] *){--tw-translate-x:100%;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))}.absolute{position:absolute}.h-full{height:100%}.min-h-\[150px\]{min-height:150px}.w-full{width:100%}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-500{transition-duration:.5s}.cursor-pointer{cursor:pointer}.resize{resize:both}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.\!h-auto{height:auto!important}.min-w-full{min-width:100%}.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)}.\!transition-none{transition-property:none!important}.\!duration-0{transition-duration:0s!important}.\!duration-500{transition-duration:.5s!important}.bottom-4{bottom:1rem}.bottom-\[88px\]{bottom:88px}.left-1\/2{left:50%}.z-10{z-index:10}.z-\[9999\]{z-index:9999}.m-0{margin:0}.aspect-video{aspect-ratio:16/9}.size-8{height:2rem;width:2rem}.size-\[22px\]{height:22px;width:22px}.size-\[32px\]{height:32px;width:32px}.size-full{height:100%;width:100%}.h-\[100dvh\]{height:100dvh}.h-\[60px\]{height:60px}.min-h-full{min-height:100%}.w-\[100dvw\]{width:100dvw}.w-\[100px\]{width:100px}.min-w-\[140px\]{min-width:140px}.-translate-x-1\/2{--tw-translate-x:-50%;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))}.animate-spin{animation:spin 1s linear infinite}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-slate-500{--tw-border-opacity:1;border-color:rgb(100 116 139/var(--tw-border-opacity,1))}.border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-black\/30{background-color:rgba(0,0,0,.3)}.bg-black\/55{background-color:rgba(0,0,0,.55)}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.object-cover{object-fit:cover}.object-center{object-position:center}.p-1{padding:.25rem}.p-\[16px\]{padding:16px}.px-3{padding-left:.75rem;padding-right:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-\[10px\]{padding-bottom:10px;padding-top:10px}.text-center{text-align:center}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-\[18px\]{font-size:18px}.font-medium{font-weight:500}.leading-\[1\.3\]{line-height:1.3}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.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)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.duration-300{transition-duration:.3s}.hover\:border-slate-700:hover{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.hover\:bg-slate-300:hover{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.hover\:text-slate-700:hover{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.disabled\:bg-white\/75:disabled{background-color:hsla(0,0%,100%,.75)}@media (min-width:768px){.md\:relative{position:relative}.md\:h-auto{height:auto}.md\:w-\[600px\]{width:600px}.md\:\!translate-x-0{--tw-translate-x:0px!important;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))!important}.md\:overflow-hidden{overflow:hidden}.md\:rounded-lg{border-radius:.5rem}.md\:border-none{border-style:none}.md\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.md\:py-\[8px\]{padding-bottom:8px;padding-top:8px}.md\:text-\[24px\]{font-size:24px}.md\:text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.md\:\!opacity-100{opacity:1!important}.md\:transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.md\:duration-300{transition-duration:.3s}.md\:hover\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}}

package/dist/collection/components/form-elements/form-dialog.js

@@ -52,7 +52,7 @@ export class FormInput {
         const dialogContentIdentifier = cn('dialog-content');
         const closeButtonIdentifier = 'dialog-close-icon-button';
         const closeButtonIdentifierIcon = 'dialog-close-icon-button-icon';
-        return (h(Host, { key: '8d0cb50181c7ff20f3ccd114c6625e76bce16467', translate: "no" }, h("div", { key: '64589b2b4230bb50ce5b2ea446874d2222a81765', part: dialogContainerIdentifier, dir: locale.sharedFormLocales.direction, class: dialogContainerIdentifier }, h("div", { key: '978c3168587f3c8978198fed04d4554c3888d738', part: dialogWrapperIdentifier, class: dialogWrapperIdentifier }, h("button", { key: '3f42093dc970051ea0230f0cc0c7abefd0eede3d', "aria-label": "Close the dialog", part: closeButtonIdentifier, onClick: this.closeDialog, type: "button", class: closeButtonIdentifier }, h(AddIcon, { key: 'b8e26e3f512bffdac1aa50cf70ada144bb8f6efb', class: closeButtonIdentifierIcon, part: closeButtonIdentifierIcon })), h("div", { key: '5d953471ad5a3661e74b2edd65bd427ce457d908', part: dialogContentIdentifier, class: dialogContentIdentifier }, this.isError && this.internalMessage, h("div", { key: '8fac91142f51daff4cdd78126225d2656ec99717', style: { display: this.isError ? 'none' : 'block' } }, h("div", { key: 'b84da1d95428c521203bd3aa487cb5a9974b5a02', class: successContainerIdentifier, part: successContainerIdentifier }, h("svg", { key: '03ef2eba5d89dbea951925258072cd183db4f890', fill: "none", "stroke-width": "2", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg", part: successContainerIdentifierIcon, class: successContainerIdentifierIcon }, h("path", { key: 'c35a23683073a3473bfd1d258ed58d0cb7a64cb0', d: "M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z" }), h("path", { key: '9d2219cfb02853b726a641715ce5ca59c6238edb', d: "m9 12 2 2 4-4" })), this.successMessage))), h("button", { key: 'ec0f3cc40476cb2d8d1fdf02f813417f52897334', part: buttonIdentifiers, type: "button", onClick: this.closeDialog, class: buttonIdentifiers }, this.closeText)))));
+        return (h(Host, { key: 'b50546b0ce0149b8eed508ea6893d72abd188353', translate: "no" }, h("div", { key: '6313d48e787da724930757b624d231ee4319b6cc', part: dialogContainerIdentifier, dir: locale.sharedFormLocales.direction, class: dialogContainerIdentifier }, h("div", { key: '6a36a041a59e2fb2183b3dd9acc2876e6f8b49ca', part: dialogWrapperIdentifier, class: dialogWrapperIdentifier }, h("button", { key: '23209f32d249b772807e0f252c017c3046611a88', "aria-label": "Close the dialog", part: closeButtonIdentifier, onClick: this.closeDialog, type: "button", class: closeButtonIdentifier }, h(AddIcon, { key: '367441ea8265b73ddd2171f100747d4f6edcd089', class: closeButtonIdentifierIcon, part: closeButtonIdentifierIcon })), h("div", { key: '4de12b1c40d8c064ef42ed2e04f907d443dc90a5', part: dialogContentIdentifier, class: dialogContentIdentifier }, this.isError && this.internalMessage, h("div", { key: '7d38273be6c66ea4d43b4ed1378e20a4ea25b9b6', style: { display: this.isError ? 'none' : 'block' } }, h("div", { key: '83f5f05ab413dfea6047465aa4c970b03af52b3e', class: successContainerIdentifier, part: successContainerIdentifier }, h("svg", { key: '6471e82f875322ae6c4b444290302a875459e76a', fill: "none", "stroke-width": "2", viewBox: "0 0 24 24", stroke: "currentColor", "stroke-linecap": "round", "stroke-linejoin": "round", xmlns: "http://www.w3.org/2000/svg", part: successContainerIdentifierIcon, class: successContainerIdentifierIcon }, h("path", { key: 'fec66b3648afd154c59ed4bff7a57d1a3a92a9be', d: "M2 9a3 3 0 0 1 0 6v2a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-2a3 3 0 0 1 0-6V7a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2Z" }), h("path", { key: 'c5496fa648689d0667782acfc5a76a56bd7d7b14', d: "m9 12 2 2 4-4" })), this.successMessage))), h("button", { key: '47f3c2848e5f3f2241a8294d585b4ded74b626ca', part: buttonIdentifiers, type: "button", onClick: this.closeDialog, class: buttonIdentifiers }, this.closeText)))));
     }
     static get is() { return "form-dialog"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/form-elements/form-file.js

@@ -331,11 +331,11 @@ export class FormFile {
         const isErrorState = this.uploadState !== 'uploading' && (!!this.failedText || isError);
         // @ts-ignore
         window === null || window === void 0 ? void 0 : window.s = this.form;
-        return (h(Host, { key: 'b4c443fa54002a35c1b6f8de131a6f6683ef0b6b', translate: "no" }, h("label", { key: '1a0b707a437649dd8d4054958685b7ba7d03707f', part: `form-file ${this.name}`, id: this.wrapperId, class: cn('form-input-label-container', this.wrapperClass, { disabled: disableInput }) }, h(FormInputLabel, { key: '0d6f10046513e3bddd0fbe2a030af133b3ed9a50', name: this.name, isRequired: isRequired, label: label }), h("div", { key: '9a52fdf5f4b6d29f7e986d04c229bde68838defa', part: `${this.name}-container form-input-container`, class: cn('form-input-container') }, h("input", { key: 'b0e28673b62a20a72684b74758e10ec22530a57d', type: "file", name: this.name, accept: this.accept, disabled: disableInput, multiple: this.maxUpload > 1, onChange: this.handleFileChange, part: `${this.name}-file-input form-file-input`, class: cn('form-file-input', `${partKeyPrefix}${this.name}-input`) }), h("button", { key: 'cb0bb3b2a25b1a480f7cfdac4a3547eaf57615f6', type: "button", disabled: disableInput, onClick: this.openFilePicker, part: `${this.name}-file-trigger form-file-trigger form-input`, title: showSpinner ? this.getLoadingText(locale, language) : displayText, class: cn('form-file-trigger form-input-style', {
+        return (h(Host, { key: '0a39c7f13d67bb03c7c94068ed8bb9dbc720e809', translate: "no" }, h("label", { key: '34d82f98881d653f8e7779c50b4575c01d4871a0', part: `form-file ${this.name}`, id: this.wrapperId, class: cn('form-input-label-container', this.wrapperClass, { disabled: disableInput }) }, h(FormInputLabel, { key: '74c3d7953cbce228c9ebce441d768ac68b40f2b1', name: this.name, isRequired: isRequired, label: label }), h("div", { key: '2148becc8ea361dd483c06bdb4a8cc4a9198febe', part: `${this.name}-container form-input-container`, class: cn('form-input-container') }, h("input", { key: 'aa3e47fa08d7fd4a0343bd0d5f68594a00f2c680', type: "file", name: this.name, accept: this.accept, disabled: disableInput, multiple: this.maxUpload > 1, onChange: this.handleFileChange, part: `${this.name}-file-input form-file-input`, class: cn('form-file-input', `${partKeyPrefix}${this.name}-input`) }), h("button", { key: 'd7cd5d7578392303e26993f542ed51352932a8e4', type: "button", disabled: disableInput, onClick: this.openFilePicker, part: `${this.name}-file-trigger form-file-trigger form-input`, title: showSpinner ? this.getLoadingText(locale, language) : displayText, class: cn('form-file-trigger form-input-style', {
                 'form-input-error-style': isErrorState,
                 'form-file-trigger-loading': showSpinner,
                 'form-file-trigger-success': this.uploadState === 'success',
-            }) }, h("span", { key: '43aeb68d3ad27fd96d90e0026f6399fe0a2bd607', part: `${this.name}-file-text form-file-text`, class: "form-file-text" }, showSpinner ? this.getLoadingText(locale, language) : displayText), h("span", { key: 'ba22fbbe8d58336e894a1c724ca0aee132371e10', part: `${this.name}-file-icon form-file-icon`, class: "form-file-icon" }, showSpinner && h(LoaderIcon, { key: '08be1e88219421e07936b0c8f8456e24c67d1769', class: "form-file-spinner" }), !showSpinner && this.uploadState === 'success' && h(TickIcon, { key: '8ad035a98197e947478e69ec00ef8f896007b93e', class: "form-file-success-icon" })))), h(FormErrorMessage, { key: '29a56d4059e05a0e198394421bf9de1c294ffce4', name: this.name, isError: isErrorState, errorMessage: this.failedText || errorTextMessage }))));
+            }) }, h("span", { key: 'dae990d184f30ad61c965a98a68e5f6a2695ef9c', part: `${this.name}-file-text form-file-text`, class: "form-file-text" }, showSpinner ? this.getLoadingText(locale, language) : displayText), h("span", { key: '65da27dbc4c3f8a39220745de5a67e606e938a90', part: `${this.name}-file-icon form-file-icon`, class: "form-file-icon" }, showSpinner && h(LoaderIcon, { key: 'a1e3d10f44f228c3143905a9e01ed7dfac5cac44', class: "form-file-spinner" }), !showSpinner && this.uploadState === 'success' && h(TickIcon, { key: '6358b927c1c2e67209656af27e1fccba25141449', class: "form-file-success-icon" })))), h(FormErrorMessage, { key: '0ae5cabc2bfb8f3bfabf99e1087c82a1cc03fe87', name: this.name, isError: isErrorState, errorMessage: this.failedText || errorTextMessage }))));
     }
     static get is() { return "form-file"; }
     static get originalStyleUrls() {

package/dist/collection/components/form-elements/form-input.js

@@ -28,11 +28,13 @@ export class FormInput {
         if (newStaticValue) {
             const formatted = this.formatter ? this.formatter(newStaticValue) : newStaticValue;
             this.defaultValue = formatted;
-            this.inputRef.value = formatted;
+            if (this.inputRef)
+                this.inputRef.value = formatted;
         }
         else if (notInitialLoad) {
             this.defaultValue = '';
-            this.inputRef.value = '';
+            if (this.inputRef)
+                this.inputRef.value = '';
         }
     }
     async componentDidLoad() {
@@ -63,9 +65,9 @@ export class FormInput {
         });
         const renderIcon = () => this.iconAction ? (h("button", { type: "button", disabled: isDisabled, onClick: this.iconAction, part: `${this.name}-icon form-input-icon`, class: iconClass }, this.icon)) : (h("span", { part: `${this.name}-icon form-input-icon`, class: iconClass }, this.icon));
         const { label, placeholder, errorTextMessage } = getInputLocalization(this, meta, errorMessage);
-        return (h(Host, { key: 'b5839a9545ac86539b02e14e41e89d3ac38aa5cb', translate: "no" }, h("label", { key: '95afdb724a755ab6192a6f560181594c2aa8dd1b', part: this.name, id: this.wrapperId, class: cn('form-input-label-container', this.wrapperClass, { disabled: isDisabled }) }, h(FormInputLabel, { key: '7fe890a709d2078a4d6419fe2c98ab24fca0f70e', isRequired: isRequired, label: label }), h("div", { key: '6e4051625166a2aca8f2e8408c0de88645ed82c2', part: `${this.name}-container form-input-container`, class: "form-input-container" }, h(FormInputPrefix, { key: '37874b6c5a007f78ed724492dfd6994e88763560', name: this.name, direction: (_b = locale === null || locale === void 0 ? void 0 : locale.sharedFormLocales) === null || _b === void 0 ? void 0 : _b.direction, prefix: this.inputPrefix }), h("input", Object.assign({ key: '82abff91c1d647dac4bf39bc1324fcb9107a79ca', name: this.name, type: this === null || this === void 0 ? void 0 : this.type, disabled: isDisabled, onInput: this.onInputChange, defaultValue: this.formatter ? this.formatter(this.defaultValue || '') : this.defaultValue, part: `${this.name}-input form-input`, placeholder: placeholder || (meta === null || meta === void 0 ? void 0 : meta.placeholder), style: Object.assign(Object.assign({}, (this.prefixWidth ? { [isRtl ? 'paddingRight' : 'paddingLeft']: `${this.prefixWidth}px` } : {})), (this.icon ? { [iconPaddingSide]: '40px' } : {})), class: cn('form-input-style', part, {
+        return (h(Host, { key: '7651b48b37626a0ac8f7804082ae71b36655adb0', translate: "no" }, h("label", { key: '654c7d596c99117ad85b7f2ba9bca3c1423b5944', part: this.name, id: this.wrapperId, class: cn('form-input-label-container', this.wrapperClass, { disabled: isDisabled }) }, h(FormInputLabel, { key: '07f3080377636650eabf263e5b942993b70b5241', isRequired: isRequired, label: label }), h("div", { key: 'd2cf12e831af0f49fa1ef5bb093c9e5cb7b882d4', part: `${this.name}-container form-input-container`, class: "form-input-container" }, h(FormInputPrefix, { key: '7789e20a6274614c829dcafe1d764a957412f8dc', name: this.name, direction: (_b = locale === null || locale === void 0 ? void 0 : locale.sharedFormLocales) === null || _b === void 0 ? void 0 : _b.direction, prefix: this.inputPrefix }), h("input", Object.assign({ key: 'ba6713cf79d55e00ab77568cf866dea41c4b2103', name: this.name, type: this === null || this === void 0 ? void 0 : this.type, disabled: isDisabled, onInput: this.onInputChange, defaultValue: this.formatter ? this.formatter(this.defaultValue || '') : this.defaultValue, part: `${this.name}-input form-input`, placeholder: placeholder || (meta === null || meta === void 0 ? void 0 : meta.placeholder), style: Object.assign(Object.assign({}, (this.prefixWidth ? { [isRtl ? 'paddingRight' : 'paddingLeft']: `${this.prefixWidth}px` } : {})), (this.icon ? { [iconPaddingSide]: '40px' } : {})), class: cn('form-input-style', part, {
                 'form-input-error-style': isError,
-            }) }, this.inputProps)), this.icon && renderIcon()), h(FormErrorMessage, { key: 'dc1b48cc78c5ac6caf3bd71992b1397e1b7eef88', name: this.name, isError: isError, errorMessage: errorTextMessage }))));
+            }) }, this.inputProps)), this.icon && renderIcon()), h(FormErrorMessage, { key: '309288a3bb5281c617ec552c2c73bb44d7683ff0', name: this.name, isError: isError, errorMessage: errorTextMessage }))));
     }
     static get is() { return "form-input"; }
     static get originalStyleUrls() {

package/dist/collection/components/form-elements/form-inputs.css

@@ -1 +1 @@
-*,: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-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--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;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: ;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-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--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;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! 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}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.bottom-0{bottom:0}.end-0{inset-inline-end:0}.left-0{left:0}.top-0{top:0}.top-1\/2{top:50%}.z-\[10\]{z-index:10}.-mt-\[8px\]{margin-top:-8px}.mb-\[4px\]{margin-bottom:4px}.ms-0\.5{margin-inline-start:.125rem}.mt-2{margin-top:.5rem}.mt-\[8px\]{margin-top:8px}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.\!hidden{display:none!important}.hidden{display:none}.size-8{height:2rem;width:2rem}.size-\[18px\]{height:18px;width:18px}.size-\[22px\]{height:22px;width:22px}.size-\[24px\]{height:24px;width:24px}.size-full{height:100%;width:100%}.h-\[200px\]{height:200px}.h-\[38px\]{height:38px}.h-full{height:100%}.max-h-\[200px\]{max-height:200px}.min-h-\[100px\]{min-height:100px}.w-\[36px\]{width:36px}.w-fit{width:fit-content}.w-full{width:100%}.flex-1{flex:1 1 0%}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.-translate-y-full{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-full{--tw-translate-y:-100%}.translate-y-\[38px\]{--tw-translate-y:38px}.rotate-180,.translate-y-\[38px\]{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-180{--tw-rotate:180deg}.rotate-45{--tw-rotate:45deg}.rotate-45,.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-not-allowed{cursor:not-allowed!important}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.appearance-none{appearance:none}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-3{gap:.75rem}.divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-left-width:calc(1px*(1 - var(--tw-divide-x-reverse)));border-right-width:calc(1px*var(--tw-divide-x-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:.25rem}.rounded-\[8px\]{border-radius:8px}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.\!border-red-500{--tw-border-opacity:1!important;border-color:rgb(239 68 68/var(--tw-border-opacity,1))!important}.border-\[\#f2aeb5\]{--tw-border-opacity:1;border-color:rgb(242 174 181/var(--tw-border-opacity,1))}.border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.\!bg-slate-700{--tw-bg-opacity:1!important;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))!important}.bg-\[\#f7d7d8\]{--tw-bg-opacity:1;background-color:rgb(247 215 216/var(--tw-bg-opacity,1))}.bg-slate-700{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-\[12px\]{padding-left:12px;padding-right:12px}.px-\[14px\]{padding-left:14px;padding-right:14px}.px-\[16px\]{padding-left:16px;padding-right:16px}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-\[16px\]{padding-bottom:16px;padding-top:16px}.py-\[6px\]{padding-bottom:6px;padding-top:6px}.py-\[8px\]{padding-bottom:8px;padding-top:8px}.pe-\[36px\]{padding-inline-end:36px}.pt-3{padding-top:.75rem}.pt-\[1px\]{padding-top:1px}.text-center{text-align:center}.text-start{text-align:start}.text-\[12px\]{font-size:12px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.\!text-slate-300{--tw-text-opacity:1!important;color:rgb(203 213 225/var(--tw-text-opacity,1))!important}.\!text-transparent{color:transparent!important}.\!text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.text-\[\#576675\]{--tw-text-opacity:1;color:rgb(87 102 117/var(--tw-text-opacity,1))}.text-\[\#58151c\]{--tw-text-opacity:1;color:rgb(88 21 28/var(--tw-text-opacity,1))}.text-\[\#9CA3AF\]{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.caret-transparent{caret-color:transparent}.\!opacity-100{opacity:1!important}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-80{opacity:.8}.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)}.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)}.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)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\!duration-1000{transition-duration:1s!important}.\!duration-200{transition-duration:.2s!important}.\!duration-300{transition-duration:.3s!important}.duration-300{transition-duration:.3s}:host{all:initial!important;display:block}@keyframes spin-animation{to{transform:rotate(1turn)}}.spin-slow{animation:spin-animation 2s linear infinite}.error-message-container{--tw-translate-y:100%;bottom:0;overflow:hidden;padding-top:1px;position:absolute}.error-message,.error-message-container{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))}.error-message{--tw-translate-y:-100%;--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1));font-size:12px;opacity:0;transition-duration:.3s!important;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)}.display-error-message{--tw-translate-y:-0px;opacity:1!important;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))}.form-input-label-container{display:inline-flex;flex-direction:column;position:relative;width:100%}.form-input-label{margin-bottom:4px}.form-input-label-required-star{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1));margin-inline-start:.125rem}.form-input-container{position:relative}.form-input-label-container.disabled .form-input-container{opacity:.75}.form-input-prefix{align-items:center;display:flex;height:100%;justify-content:center;left:0;opacity:.8;padding-left:.5rem;padding-right:.5rem;pointer-events:none;position:absolute;top:0}.form-input-prefix:where([dir=rtl],[dir=rtl] *){left:auto;right:0}.form-input-label-container.disabled *{pointer-events:none}.form-input-label-container.disabled .form-input-style{opacity:.5}.form-input-style{--tw-border-opacity:1;appearance:none;border-color:rgb(203 213 225/var(--tw-border-opacity,1));border-radius:.375rem;border-width:1px;flex:1 1 0%;outline:2px solid transparent;outline-offset:2px;padding:6px 12px;transition-duration:.3s!important;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);width:100%}.form-input-style:focus:enabled{--tw-border-opacity:1;--tw-shadow:0 0 0 0.2rem rgba(71,85,105,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);border-color:rgb(71 85 105/var(--tw-border-opacity,1));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.form-input-style:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.form-input-style::-webkit-inner-spin-button,.form-input-style::-webkit-outer-spin-button{appearance:none}.form-file-input{display:none}.form-file-trigger{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));color:rgb(30 41 59/var(--tw-text-opacity,1));cursor:pointer;display:flex;gap:.75rem;justify-content:space-between;text-align:start}.form-file-trigger:disabled{cursor:not-allowed;opacity:.75}.form-file-trigger-loading{opacity:.8}.form-file-icon{--tw-text-opacity:1;align-items:center;color:rgb(100 116 139/var(--tw-text-opacity,1));display:flex;justify-content:center}.form-file-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-file-spinner{animation:spin-animation 1s linear infinite;height:18px;width:18px}.form-file-success-icon{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1));height:18px;width:18px}.form-file-status{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1));font-size:.875rem;line-height:1.25rem;margin-top:.5rem}.form-file-status-error{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.form-file-status-success{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.form-input-style::-webkit-calendar-picker-indicator{display:none!important}.form-input-picker-text{caret-color:transparent;color:transparent!important;user-select:none}.form-input-display-overlay{align-items:center;direction:ltr;display:flex;inset:0;overflow:hidden;padding-left:14px;padding-right:14px;pointer-events:none;position:absolute;text-overflow:ellipsis;white-space:nowrap}.form-input-display-placeholder{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.form-input-icon{--tw-translate-y:-50%;--tw-text-opacity:1;align-items:center;color:rgb(87 102 117/var(--tw-text-opacity,1));display:flex;height:24px;justify-content:center;pointer-events:none;position:absolute;top:50%;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));transition-duration:.3s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:24px}.form-input-icon-end{inset-inline-end:.75rem}.form-input-icon-start{inset-inline-start:.75rem}.form-input-icon-interactive{cursor:pointer;pointer-events:auto}.form-input-textarea-style{height:200px;padding:6px 12px;resize:none}.form-input-error-style{--tw-border-opacity:1!important;border-color:rgb(239 68 68/var(--tw-border-opacity,1))!important}.form-input-error-style:focus:enabled{--tw-shadow:0 0 0 0.2rem rgba(239,68,68,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.form-input-select[readonly]{cursor:pointer}.form-input-select-icon-container{align-items:center;display:flex;height:100%;inset-inline-end:0;justify-content:center;pointer-events:none;position:absolute;top:0;width:36px}.form-input-select-icon{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1));height:24px;pointer-events:auto;width:24px}.form-input-container.disabled .form-input-select-icon{pointer-events:none}.form-input-select-icon.cross{--tw-rotate:45deg;cursor:pointer;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))}.form-input-select-icon.cross:hover{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.form-input-select-icon.arrow{--tw-rotate:180deg;transition-duration:.3s!important;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)}.form-input-container.open .form-input-select-icon.arrow,.form-input-select-icon.arrow{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))}.form-input-container.open .form-input-select-icon.arrow{--tw-rotate:0deg}.form-structure-error-container{align-items:center;display:flex;min-height:100px;padding-bottom:16px;padding-top:16px}.form-structure-error-content{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(247 215 216/var(--tw-bg-opacity,1));border-color:rgb(242 174 181/var(--tw-border-opacity,1));border-radius:8px;border-width:1px;color:rgb(88 21 28/var(--tw-text-opacity,1));font-size:20px;margin-left:auto;margin-right:auto;padding:8px 16px;width:fit-content}.form-submit{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(51 65 85/var(--tw-bg-opacity,1));border-radius:.25rem;color:rgb(255 255 255/var(--tw-text-opacity,1));display:flex;height:38px;overflow:hidden;padding-left:1rem;padding-right:1rem;position:relative;transition-duration:.3s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.form-submit:hover:enabled{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.form-submit:active:enabled{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.form-submit.loading{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.form-submit-text-position{left:0;position:absolute;top:0;transition-duration:1s!important;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)}.form-submit-text-style{align-items:center;display:flex;font-size:18px;height:100%;justify-content:center;width:100%}.form-submit.loading .form-submit-text-position{--tw-translate-y:100%}.form-submit-loading-container,.form-submit.loading .form-submit-text-position{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))}.form-submit-loading-container{--tw-translate-y:-100%;align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;transition-duration:1s!important;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);width:100%}.form-submit.loading .form-submit-loading-container{--tw-translate-y:0px;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))}.form-submit-loading-icon{animation:spin-animation 2s linear infinite;height:22px;width:22px}.form-picker-dropdown{--tw-bg-opacity:1;--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);background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:.375rem;border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);opacity:0;pointer-events:none;position:absolute;transition-duration:.3s!important;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:10}.form-input-container.open .form-picker-dropdown{opacity:1;pointer-events:auto}.form-picker-dropdown.upwards{--tw-translate-y:-100%;margin-top:-8px}.form-picker-dropdown.downwards,.form-picker-dropdown.upwards{top: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))}.form-picker-dropdown.downwards{--tw-translate-y:38px;margin-top:8px}.form-date-picker-header{align-items:center;display:flex;justify-content:space-between;padding:.75rem .75rem .25rem}.form-date-picker-nav{--tw-text-opacity:1;align-items:center;border-radius:.25rem;color:rgb(71 85 105/var(--tw-text-opacity,1));display:flex;height:2rem;justify-content:center;transition-duration:.2s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:2rem}.form-date-picker-nav:enabled{cursor:pointer}.form-date-picker-nav:hover:enabled{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.form-date-picker-nav:disabled{opacity:.3}.form-date-picker-title{font-size:.875rem;font-weight:500;line-height:1.25rem;user-select:none}.form-date-picker-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding-bottom:.75rem;padding-left:.75rem;padding-right:.75rem}.form-date-picker-weekday{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1));font-size:.75rem;font-weight:500;line-height:1rem;user-select:none}.form-date-picker-day,.form-date-picker-weekday{padding-bottom:.375rem;padding-top:.375rem;text-align:center}.form-date-picker-day{border-radius:.25rem;cursor:pointer;font-size:.875rem;line-height:1.25rem;transition-duration:.15s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.form-date-picker-day:hover:enabled{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.form-date-picker-day.selected{--tw-bg-opacity:1!important;--tw-text-opacity:1!important;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.form-date-picker-day.selected:hover:enabled{--tw-bg-opacity:1!important;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))!important}.form-date-picker-day.today{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1));font-weight:700}.form-date-picker-day.outside{pointer-events:none}.form-date-picker-day.outside,.form-date-picker-day:disabled:not(.outside){--tw-text-opacity:1!important;color:rgb(203 213 225/var(--tw-text-opacity,1))!important}.form-date-picker-day:disabled:not(.outside){cursor:not-allowed!important;text-decoration-line:line-through}.form-time-picker-columns{display:flex;max-height:200px}.form-time-picker-columns>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-left-width:calc(1px*(1 - var(--tw-divide-x-reverse)));border-right-width:calc(1px*var(--tw-divide-x-reverse))}.form-time-picker-column{display:flex;flex:1 1 0%;flex-direction:column;overflow-y:auto}.form-time-picker-column-header{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-bottom-width:1px;color:rgb(148 163 184/var(--tw-text-opacity,1));font-size:.75rem;font-weight:500;line-height:1rem;padding-bottom:.375rem;padding-top:.375rem;position:sticky;text-align:center;top:0;user-select:none}.form-time-picker-option{cursor:pointer;font-size:.875rem;line-height:1.25rem;padding-bottom:.5rem;padding-top:.5rem;text-align:center;transition-duration:.15s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.form-time-picker-option:hover:enabled{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.form-time-picker-option.selected{--tw-bg-opacity:1!important;--tw-text-opacity:1!important;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.form-time-picker-option.selected:hover:enabled{--tw-bg-opacity:1!important;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))!important}.form-time-picker-option:disabled{--tw-text-opacity:1!important;color:rgb(203 213 225/var(--tw-text-opacity,1))!important;cursor:not-allowed!important}.vehicle-image-loading-wrapper{align-items:center;color:#0f172a;display:flex;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition-duration:.1s;transition-property:all;width:100%;z-index:10}.vehicle-image-active-loading-wrapper{opacity:1}.vehicle-image-loader-icon{animation:spin-animation 2s linear infinite;height:32px;width:32px}.vehicle-image-wrapper{display:flex;justify-content:center;padding-left:20px;padding-right:20px;position:relative}.form-input-container-country{display:flex;width:100%}.form-input-container-country shift-select .form-input-container input{border-bottom-right-radius:0!important;border-right:none!important;border-top-right-radius:0!important}.form-input-container-country .form-input-container-wrapper input{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.form-input-country-selection{width:100px}.form-input-container-country .form-input-country-selection{width:75px}.form-phone-container .form-input-prefix{left:0!important;right:auto!important}.hover\:text-black:hover{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.enabled\:cursor-pointer:enabled{cursor:pointer}.enabled\:hover\:bg-slate-100:hover:enabled{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.enabled\:hover\:bg-slate-600:hover:enabled{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.enabled\:focus\:border-slate-600:focus:enabled{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.enabled\:focus\:shadow-\[0_0_0_0\.2rem_rgba\(239\2c 68\2c 68\2c 0\.25\)\]:focus:enabled{--tw-shadow:0 0 0 0.2rem rgba(239,68,68,.25);--tw-shadow-colored:0 0 0 0.2rem 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\:focus\:shadow-\[0_0_0_0\.2rem_rgba\(71\2c 85\2c 105\2c 0\.25\)\]:focus:enabled{--tw-shadow:0 0 0 0.2rem rgba(71,85,105,.25);--tw-shadow-colored:0 0 0 0.2rem 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\:active\:bg-slate-800:active:enabled{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.disabled\:bg-white:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.rtl\:left-auto:where([dir=rtl],[dir=rtl] *){left:auto}.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button,.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button{appearance:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.left-\[-2px\]{left:-2px}.top-\[-2px\]{top:-2px}.ms-2{margin-inline-start:.5rem}.h-\[24px\]{height:24px}.w-\[50px\]{width:50px}.cursor-default{cursor:default}.select-none{user-select:none}.rounded-full{border-radius:9999px}.border-2{border-width:2px}.border-blue-300{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.opacity-75{opacity:.75}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.peer:checked~.peer-checked\:border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.peer:checked~.peer-checked\:bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.peer:checked~.peer-checked\:\[\&_div\]\:translate-x-\[28px\] div{--tw-translate-x:28px;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}.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)}.shrink-0{flex-shrink:0}.resize{resize:both}.blur{--tw-blur:blur(8px);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)}.left-\[50\%\]{left:50%}.top-\[16px\]{top:16px}.z-10,.z-\[10\]{z-index:10}.mt-\[12px\]{margin-top:12px}.size-\[32px\]{height:32px;width:32px}.h-\[1px\]{height:1px}.-translate-x-\[50\%\]{--tw-translate-x:-50%}.-translate-x-\[50\%\],.-translate-y-\[50\%\]{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-\[50\%\]{--tw-translate-y:-50%}.flex-col{flex-direction:column}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.px-1{padding-left:.25rem;padding-right:.25rem}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:inset-0:before{content:var(--tw-content);inset:0}.before\:size-full:before{content:var(--tw-content);height:100%;width:100%}.before\:origin-center:before{content:var(--tw-content);transform-origin:center}.before\:bg-black\/15:before{background-color:rgba(0,0,0,.15);content:var(--tw-content)}.before\:transition-all:before{content:var(--tw-content);transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.before\:duration-500:before{content:var(--tw-content);transition-duration:.5s}.aria-expanded\:before\:scale-\[1\.5\][aria-expanded=true]:before{--tw-scale-x:1.5;--tw-scale-y:1.5;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))}.size-5{height:1.25rem;width:1.25rem}.gap-1{gap:.25rem}.duration-700{transition-duration:.7s}.fixed{position:fixed}.left-10{left:2.5rem}.top-10{top:2.5rem}.col-start-1{grid-column-start:1}.row-start-1{grid-row-start:1}.size-20{height:5rem;width:5rem}.-translate-x-full{--tw-translate-x:-100%}.-translate-x-full,.translate-x-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-x-0{--tw-translate-x:0px}.translate-x-5{--tw-translate-x:1.25rem}.translate-x-5,.translate-x-full{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-x-full{--tw-translate-x:100%}.translate-y-7{--tw-translate-y:1.75rem;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))}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.\!duration-700{transition-duration:.7s!important}.rtl\:-translate-x-full:where([dir=rtl],[dir=rtl] *){--tw-translate-x:-100%;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))}.rtl\:translate-x-full:where([dir=rtl],[dir=rtl] *){--tw-translate-x:100%;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))}.-mt-1{margin-top:-.25rem}.end-3\.5{inset-inline-end:.875rem}.aspect-square{aspect-ratio:1/1}.size-\[90\%\]{height:90%;width:90%}.h-\[70\%\]{height:70%}.\!uppercase{text-transform:uppercase!important}.\!text-\[\#576675\]{--tw-text-opacity:1!important;color:rgb(87 102 117/var(--tw-text-opacity,1))!important}.text-inherit{color:inherit}.duration-500{transition-duration:.5s}.enabled\:hover\:\!text-black\/85:hover:enabled{color:rgba(0,0,0,.85)!important}.disabled\:\!pointer-events-none:disabled{pointer-events:none!important}.disabled\:\!opacity-0:disabled{opacity:0!important}.bottom-4{bottom:1rem}.bottom-\[88px\]{bottom:88px}.left-1\/2{left:50%}.z-10{z-index:10}.z-\[9999\]{z-index:9999}.m-0{margin:0}.aspect-video{aspect-ratio:16/9}.h-\[100dvh\]{height:100dvh}.h-\[60px\]{height:60px}.min-h-full{min-height:100%}.w-\[100dvw\]{width:100dvw}.w-\[100px\]{width:100px}.min-w-\[140px\]{min-width:140px}.min-w-full{min-width:100%}.-translate-x-1\/2{--tw-translate-x:-50%;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))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.gap-2{gap:.5rem}.whitespace-nowrap{white-space:nowrap}.rounded-lg{border-radius:.5rem}.border-slate-500{--tw-border-opacity:1;border-color:rgb(100 116 139/var(--tw-border-opacity,1))}.border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.bg-black\/30{background-color:rgba(0,0,0,.3)}.bg-black\/55{background-color:rgba(0,0,0,.55)}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.object-cover{object-fit:cover}.object-center{object-position:center}.p-1{padding:.25rem}.p-\[16px\]{padding:16px}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-\[10px\]{padding-bottom:10px;padding-top:10px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.leading-\[1\.3\]{line-height:1.3}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.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)}.hover\:border-slate-700:hover{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.hover\:bg-slate-300:hover{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.hover\:text-slate-700:hover{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.disabled\:bg-white\/75:disabled{background-color:hsla(0,0%,100%,.75)}@media (min-width:768px){.md\:relative{position:relative}.md\:h-auto{height:auto}.md\:w-\[600px\]{width:600px}.md\:\!translate-x-0{--tw-translate-x:0px!important;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))!important}.md\:overflow-hidden{overflow:hidden}.md\:rounded-lg{border-radius:.5rem}.md\:border-none{border-style:none}.md\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.md\:py-\[8px\]{padding-bottom:8px;padding-top:8px}.md\:text-\[24px\]{font-size:24px}.md\:text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.md\:\!opacity-100{opacity:1!important}.md\:transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.md\:duration-300{transition-duration:.3s}.md\:hover\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}}.size-4{height:1rem;width:1rem}.rtl\:rotate-180:where([dir=rtl],[dir=rtl] *){--tw-rotate:180deg;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))}.rounded-\[6px\]{border-radius:6px}.border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.bg-transparent{background-color:transparent}.stroke-\[3px\]{stroke-width:3px}.text-transparent{color:transparent}.peer:checked~.peer-checked\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.\[\&_\.check-icon\]\:scale-0 .check-icon{--tw-scale-x:0;--tw-scale-y:0}.\[\&_\.check-icon\]\:scale-0 .check-icon,.peer:checked~.peer-checked\:\[\&_\.check-icon\]\:scale-100 .check-icon{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))}.peer:checked~.peer-checked\:\[\&_\.check-icon\]\:scale-100 .check-icon{--tw-scale-x:1;--tw-scale-y:1}
+*,: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-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--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;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: ;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-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--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;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! 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}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:0}.bottom-0{bottom:0}.end-0{inset-inline-end:0}.left-0{left:0}.top-0{top:0}.top-1\/2{top:50%}.z-\[10\]{z-index:10}.-mt-\[8px\]{margin-top:-8px}.mb-\[4px\]{margin-bottom:4px}.ms-0\.5{margin-inline-start:.125rem}.mt-2{margin-top:.5rem}.mt-\[8px\]{margin-top:8px}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.\!hidden{display:none!important}.hidden{display:none}.size-8{height:2rem;width:2rem}.size-\[18px\]{height:18px;width:18px}.size-\[22px\]{height:22px;width:22px}.size-\[24px\]{height:24px;width:24px}.size-full{height:100%;width:100%}.h-\[200px\]{height:200px}.h-\[38px\]{height:38px}.h-full{height:100%}.max-h-\[200px\]{max-height:200px}.min-h-\[100px\]{min-height:100px}.w-\[36px\]{width:36px}.w-fit{width:fit-content}.w-full{width:100%}.flex-1{flex:1 1 0%}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.-translate-y-full{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-full{--tw-translate-y:-100%}.translate-y-\[38px\]{--tw-translate-y:38px}.rotate-180,.translate-y-\[38px\]{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-180{--tw-rotate:180deg}.rotate-45{--tw-rotate:45deg}.rotate-45,.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-not-allowed{cursor:not-allowed!important}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.appearance-none{appearance:none}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-3{gap:.75rem}.divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-left-width:calc(1px*(1 - var(--tw-divide-x-reverse)));border-right-width:calc(1px*var(--tw-divide-x-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:.25rem}.rounded-\[8px\]{border-radius:8px}.rounded-md{border-radius:.375rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.\!border-red-500{--tw-border-opacity:1!important;border-color:rgb(239 68 68/var(--tw-border-opacity,1))!important}.border-\[\#f2aeb5\]{--tw-border-opacity:1;border-color:rgb(242 174 181/var(--tw-border-opacity,1))}.border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1))}.\!bg-slate-700{--tw-bg-opacity:1!important;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))!important}.bg-\[\#f7d7d8\]{--tw-bg-opacity:1;background-color:rgb(247 215 216/var(--tw-bg-opacity,1))}.bg-slate-700{--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-\[12px\]{padding-left:12px;padding-right:12px}.px-\[14px\]{padding-left:14px;padding-right:14px}.px-\[16px\]{padding-left:16px;padding-right:16px}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-\[16px\]{padding-bottom:16px;padding-top:16px}.py-\[6px\]{padding-bottom:6px;padding-top:6px}.py-\[8px\]{padding-bottom:8px;padding-top:8px}.pe-\[36px\]{padding-inline-end:36px}.pt-3{padding-top:.75rem}.pt-\[1px\]{padding-top:1px}.text-center{text-align:center}.text-start{text-align:start}.text-\[12px\]{font-size:12px}.text-\[18px\]{font-size:18px}.text-\[20px\]{font-size:20px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.\!text-slate-300{--tw-text-opacity:1!important;color:rgb(203 213 225/var(--tw-text-opacity,1))!important}.\!text-transparent{color:transparent!important}.\!text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.text-\[\#576675\]{--tw-text-opacity:1;color:rgb(87 102 117/var(--tw-text-opacity,1))}.text-\[\#58151c\]{--tw-text-opacity:1;color:rgb(88 21 28/var(--tw-text-opacity,1))}.text-\[\#9CA3AF\]{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.caret-transparent{caret-color:transparent}.\!opacity-100{opacity:1!important}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-80{opacity:.8}.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)}.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)}.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)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.\!duration-1000{transition-duration:1s!important}.\!duration-200{transition-duration:.2s!important}.\!duration-300{transition-duration:.3s!important}.duration-300{transition-duration:.3s}:host{all:initial!important;display:block}@keyframes spin-animation{to{transform:rotate(1turn)}}.spin-slow{animation:spin-animation 2s linear infinite}.error-message-container{--tw-translate-y:100%;bottom:0;overflow:hidden;padding-top:1px;position:absolute}.error-message,.error-message-container{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))}.error-message{--tw-translate-y:-100%;--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1));font-size:12px;opacity:0;transition-duration:.3s!important;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)}.display-error-message{--tw-translate-y:-0px;opacity:1!important;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))}.form-input-label-container{display:inline-flex;flex-direction:column;position:relative;width:100%}.form-input-label{margin-bottom:4px}.form-input-label-required-star{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1));margin-inline-start:.125rem}.form-input-container{position:relative}.form-input-label-container.disabled .form-input-container{opacity:.75}.form-input-prefix{align-items:center;display:flex;height:100%;justify-content:center;left:0;opacity:.8;padding-left:.5rem;padding-right:.5rem;pointer-events:none;position:absolute;top:0}.form-input-prefix:where([dir=rtl],[dir=rtl] *){left:auto;right:0}.form-input-label-container.disabled *{pointer-events:none}.form-input-label-container.disabled .form-input-style{opacity:.5}.form-input-style{--tw-border-opacity:1;appearance:none;border-color:rgb(203 213 225/var(--tw-border-opacity,1));border-radius:.375rem;border-width:1px;flex:1 1 0%;outline:2px solid transparent;outline-offset:2px;padding:6px 12px;transition-duration:.3s!important;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);width:100%}.form-input-style:focus:enabled{--tw-border-opacity:1;--tw-shadow:0 0 0 0.2rem rgba(71,85,105,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);border-color:rgb(71 85 105/var(--tw-border-opacity,1));box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.form-input-style:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.form-input-style::-webkit-inner-spin-button,.form-input-style::-webkit-outer-spin-button{appearance:none}.form-file-input{display:none}.form-file-trigger{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));color:rgb(30 41 59/var(--tw-text-opacity,1));cursor:pointer;display:flex;gap:.75rem;justify-content:space-between;text-align:start}.form-file-trigger:disabled{cursor:not-allowed;opacity:.75}.form-file-trigger-loading{opacity:.8}.form-file-icon{--tw-text-opacity:1;align-items:center;color:rgb(100 116 139/var(--tw-text-opacity,1));display:flex;justify-content:center}.form-file-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form-file-spinner{animation:spin-animation 1s linear infinite;height:18px;width:18px}.form-file-success-icon{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity,1));height:18px;width:18px}.form-file-status{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1));font-size:.875rem;line-height:1.25rem;margin-top:.5rem}.form-file-status-error{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.form-file-status-success{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.form-input-style::-webkit-calendar-picker-indicator{display:none!important}.form-input-picker-text{caret-color:transparent;color:transparent!important;user-select:none}.form-input-display-overlay{align-items:center;direction:ltr;display:flex;inset:0;overflow:hidden;padding-left:14px;padding-right:14px;pointer-events:none;position:absolute;text-overflow:ellipsis;white-space:nowrap}.form-input-display-placeholder{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.form-input-icon{--tw-translate-y:-50%;--tw-text-opacity:1;align-items:center;color:rgb(87 102 117/var(--tw-text-opacity,1));display:flex;height:24px;justify-content:center;pointer-events:none;position:absolute;top:50%;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));transition-duration:.3s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:24px}.form-input-icon-end{inset-inline-end:.75rem}.form-input-icon-start{inset-inline-start:.75rem}.form-input-icon-interactive{cursor:pointer;pointer-events:auto}.form-input-textarea-style{height:200px;padding:6px 12px;resize:none}.form-input-error-style{--tw-border-opacity:1!important;border-color:rgb(239 68 68/var(--tw-border-opacity,1))!important}.form-input-error-style:focus:enabled{--tw-shadow:0 0 0 0.2rem rgba(239,68,68,.25);--tw-shadow-colored:0 0 0 0.2rem var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.form-input-select[readonly]{cursor:pointer}.form-input-select-icon-container{align-items:center;display:flex;height:100%;inset-inline-end:0;justify-content:center;pointer-events:none;position:absolute;top:0;width:36px}.form-input-select-icon{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1));height:24px;pointer-events:auto;width:24px}.form-input-container.disabled .form-input-select-icon{pointer-events:none}.form-input-select-icon.cross{--tw-rotate:45deg;cursor:pointer;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))}.form-input-select-icon.cross:hover{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.form-input-select-icon.arrow{--tw-rotate:180deg;transition-duration:.3s!important;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)}.form-input-container.open .form-input-select-icon.arrow,.form-input-select-icon.arrow{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))}.form-input-container.open .form-input-select-icon.arrow{--tw-rotate:0deg}.form-structure-error-container{align-items:center;display:flex;min-height:100px;padding-bottom:16px;padding-top:16px}.form-structure-error-content{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(247 215 216/var(--tw-bg-opacity,1));border-color:rgb(242 174 181/var(--tw-border-opacity,1));border-radius:8px;border-width:1px;color:rgb(88 21 28/var(--tw-text-opacity,1));font-size:20px;margin-left:auto;margin-right:auto;padding:8px 16px;width:fit-content}.form-submit{--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;background-color:rgb(51 65 85/var(--tw-bg-opacity,1));border-radius:.25rem;color:rgb(255 255 255/var(--tw-text-opacity,1));display:flex;height:38px;overflow:hidden;padding-left:1rem;padding-right:1rem;position:relative;transition-duration:.3s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.form-submit:hover:enabled{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.form-submit:active:enabled{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.form-submit.loading{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.form-submit-text-position{left:0;position:absolute;top:0;transition-duration:1s!important;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)}.form-submit-text-style{align-items:center;display:flex;font-size:18px;height:100%;justify-content:center;width:100%}.form-submit.loading .form-submit-text-position{--tw-translate-y:100%}.form-submit-loading-container,.form-submit.loading .form-submit-text-position{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))}.form-submit-loading-container{--tw-translate-y:-100%;align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;transition-duration:1s!important;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);width:100%}.form-submit.loading .form-submit-loading-container{--tw-translate-y:0px;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))}.form-submit-loading-icon{animation:spin-animation 2s linear infinite;height:22px;width:22px}.form-picker-dropdown{--tw-bg-opacity:1;--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);background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:.375rem;border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);opacity:0;pointer-events:none;position:absolute;transition-duration:.3s!important;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:10}.form-input-container.open .form-picker-dropdown{opacity:1;pointer-events:auto}.form-picker-dropdown.upwards{--tw-translate-y:-100%;margin-top:-8px}.form-picker-dropdown.downwards,.form-picker-dropdown.upwards{top: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))}.form-picker-dropdown.downwards{--tw-translate-y:38px;margin-top:8px}.form-date-picker-header{align-items:center;display:flex;justify-content:space-between;padding:.75rem .75rem .25rem}.form-date-picker-nav{--tw-text-opacity:1;align-items:center;border-radius:.25rem;color:rgb(71 85 105/var(--tw-text-opacity,1));display:flex;height:2rem;justify-content:center;transition-duration:.2s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:2rem}.form-date-picker-nav:enabled{cursor:pointer}.form-date-picker-nav:hover:enabled{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.form-date-picker-nav:disabled{opacity:.3}.form-date-picker-title{font-size:.875rem;font-weight:500;line-height:1.25rem;user-select:none}.form-date-picker-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding-bottom:.75rem;padding-left:.75rem;padding-right:.75rem}.form-date-picker-weekday{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1));font-size:.75rem;font-weight:500;line-height:1rem;user-select:none}.form-date-picker-day,.form-date-picker-weekday{padding-bottom:.375rem;padding-top:.375rem;text-align:center}.form-date-picker-day{border-radius:.25rem;cursor:pointer;font-size:.875rem;line-height:1.25rem;transition-duration:.15s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.form-date-picker-day:hover:enabled{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.form-date-picker-day.selected{--tw-bg-opacity:1!important;--tw-text-opacity:1!important;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.form-date-picker-day.selected:hover:enabled{--tw-bg-opacity:1!important;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))!important}.form-date-picker-day.today{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1));font-weight:700}.form-date-picker-day.outside{pointer-events:none}.form-date-picker-day.outside,.form-date-picker-day:disabled:not(.outside){--tw-text-opacity:1!important;color:rgb(203 213 225/var(--tw-text-opacity,1))!important}.form-date-picker-day:disabled:not(.outside){cursor:not-allowed!important;text-decoration-line:line-through}.form-time-picker-columns{display:flex;max-height:200px}.form-time-picker-columns>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-left-width:calc(1px*(1 - var(--tw-divide-x-reverse)));border-right-width:calc(1px*var(--tw-divide-x-reverse))}.form-time-picker-column{display:flex;flex:1 1 0%;flex-direction:column;overflow-y:auto}.form-time-picker-column-header{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-bottom-width:1px;color:rgb(148 163 184/var(--tw-text-opacity,1));font-size:.75rem;font-weight:500;line-height:1rem;padding-bottom:.375rem;padding-top:.375rem;position:sticky;text-align:center;top:0;user-select:none}.form-time-picker-option{cursor:pointer;font-size:.875rem;line-height:1.25rem;padding-bottom:.5rem;padding-top:.5rem;text-align:center;transition-duration:.15s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.form-time-picker-option:hover:enabled{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.form-time-picker-option.selected{--tw-bg-opacity:1!important;--tw-text-opacity:1!important;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))!important;color:rgb(255 255 255/var(--tw-text-opacity,1))!important}.form-time-picker-option.selected:hover:enabled{--tw-bg-opacity:1!important;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))!important}.form-time-picker-option:disabled{--tw-text-opacity:1!important;color:rgb(203 213 225/var(--tw-text-opacity,1))!important;cursor:not-allowed!important}.vehicle-image-loading-wrapper{align-items:center;color:#0f172a;display:flex;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition-duration:.1s;transition-property:all;width:100%;z-index:10}.vehicle-image-active-loading-wrapper{opacity:1}.vehicle-image-loader-icon{animation:spin-animation 2s linear infinite;height:32px;width:32px}.vehicle-image-wrapper{display:flex;justify-content:center;padding-left:20px;padding-right:20px;position:relative}.form-input-container-country{display:flex;width:100%}.form-input-container-country shift-select .form-input-container input{border-bottom-right-radius:0!important;border-right:none!important;border-top-right-radius:0!important}.form-input-container-country .form-input-container-wrapper input{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.form-input-country-selection{width:100px}.form-input-container-country .form-input-country-selection{width:75px}.form-phone-container .form-input-prefix{left:0!important;right:auto!important}.hover\:text-black:hover{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.enabled\:cursor-pointer:enabled{cursor:pointer}.enabled\:hover\:bg-slate-100:hover:enabled{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.enabled\:hover\:bg-slate-600:hover:enabled{--tw-bg-opacity:1;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.enabled\:focus\:border-slate-600:focus:enabled{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.enabled\:focus\:shadow-\[0_0_0_0\.2rem_rgba\(239\2c 68\2c 68\2c 0\.25\)\]:focus:enabled{--tw-shadow:0 0 0 0.2rem rgba(239,68,68,.25);--tw-shadow-colored:0 0 0 0.2rem 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\:focus\:shadow-\[0_0_0_0\.2rem_rgba\(71\2c 85\2c 105\2c 0\.25\)\]:focus:enabled{--tw-shadow:0 0 0 0.2rem rgba(71,85,105,.25);--tw-shadow-colored:0 0 0 0.2rem 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\:active\:bg-slate-800:active:enabled{--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity,1))}.disabled\:bg-white:disabled{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.rtl\:left-auto:where([dir=rtl],[dir=rtl] *){left:auto}.\[\&\:\:-webkit-inner-spin-button\]\:appearance-none::-webkit-inner-spin-button,.\[\&\:\:-webkit-outer-spin-button\]\:appearance-none::-webkit-outer-spin-button{appearance:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.ms-2{margin-inline-start:.5rem}.cursor-default{cursor:default}.select-none{user-select:none}.rounded-\[6px\]{border-radius:6px}.border-2{border-width:2px}.border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.bg-transparent{background-color:transparent}.stroke-\[3px\]{stroke-width:3px}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-transparent{color:transparent}.opacity-75{opacity:.75}.peer:checked~.peer-checked\:border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.peer:checked~.peer-checked\:bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/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))}.\[\&_\.check-icon\]\:scale-0 .check-icon{--tw-scale-x:0;--tw-scale-y:0}.\[\&_\.check-icon\]\:scale-0 .check-icon,.peer:checked~.peer-checked\:\[\&_\.check-icon\]\:scale-100 .check-icon{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))}.peer:checked~.peer-checked\:\[\&_\.check-icon\]\:scale-100 .check-icon{--tw-scale-x:1;--tw-scale-y:1}.static{position:static}.size-4{height:1rem;width:1rem}.rtl\:rotate-180:where([dir=rtl],[dir=rtl] *){--tw-rotate:180deg;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))}.left-\[-2px\]{left:-2px}.top-\[-2px\]{top:-2px}.h-\[24px\]{height:24px}.w-\[50px\]{width:50px}.rounded-full{border-radius:9999px}.border-blue-300{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.peer:checked~.peer-checked\:\[\&_div\]\:translate-x-\[28px\] div{--tw-translate-x:28px;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))}.blur,.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)}.blur{--tw-blur:blur(8px)}.shrink-0{flex-shrink:0}.resize{resize:both}.left-\[50\%\]{left:50%}.top-\[16px\]{top:16px}.z-10,.z-\[10\]{z-index:10}.mt-\[12px\]{margin-top:12px}.size-\[32px\]{height:32px;width:32px}.h-\[1px\]{height:1px}.-translate-x-\[50\%\]{--tw-translate-x:-50%}.-translate-x-\[50\%\],.-translate-y-\[50\%\]{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-\[50\%\]{--tw-translate-y:-50%}.flex-col{flex-direction:column}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.px-1{padding-left:.25rem;padding-right:.25rem}.text-\[14px\]{font-size:14px}.text-\[16px\]{font-size:16px}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:inset-0:before{content:var(--tw-content);inset:0}.before\:size-full:before{content:var(--tw-content);height:100%;width:100%}.before\:origin-center:before{content:var(--tw-content);transform-origin:center}.before\:bg-black\/15:before{background-color:rgba(0,0,0,.15);content:var(--tw-content)}.before\:transition-all:before{content:var(--tw-content);transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.before\:duration-500:before{content:var(--tw-content);transition-duration:.5s}.aria-expanded\:before\:scale-\[1\.5\][aria-expanded=true]:before{--tw-scale-x:1.5;--tw-scale-y:1.5;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))}.fixed{position:fixed}.left-10{left:2.5rem}.top-10{top:2.5rem}.col-start-1{grid-column-start:1}.row-start-1{grid-row-start:1}.size-20{height:5rem;width:5rem}.-translate-x-full{--tw-translate-x:-100%}.-translate-x-full,.translate-x-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-x-0{--tw-translate-x:0px}.translate-x-5{--tw-translate-x:1.25rem}.translate-x-5,.translate-x-full{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-x-full{--tw-translate-x:100%}.translate-y-7{--tw-translate-y:1.75rem;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))}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.\!duration-700{transition-duration:.7s!important}.rtl\:-translate-x-full:where([dir=rtl],[dir=rtl] *){--tw-translate-x:-100%;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))}.rtl\:translate-x-full:where([dir=rtl],[dir=rtl] *){--tw-translate-x:100%;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))}.size-5{height:1.25rem;width:1.25rem}.gap-1{gap:.25rem}.duration-700{transition-duration:.7s}.end-3\.5{inset-inline-end:.875rem}.aspect-square{aspect-ratio:1/1}.size-\[90\%\]{height:90%;width:90%}.h-\[70\%\]{height:70%}.\!uppercase{text-transform:uppercase!important}.\!text-\[\#576675\]{--tw-text-opacity:1!important;color:rgb(87 102 117/var(--tw-text-opacity,1))!important}.text-inherit{color:inherit}.duration-500{transition-duration:.5s}.enabled\:hover\:\!text-black\/85:hover:enabled{color:rgba(0,0,0,.85)!important}.disabled\:\!pointer-events-none:disabled{pointer-events:none!important}.disabled\:\!opacity-0:disabled{opacity:0!important}.bottom-4{bottom:1rem}.bottom-\[88px\]{bottom:88px}.left-1\/2{left:50%}.z-10{z-index:10}.z-\[9999\]{z-index:9999}.m-0{margin:0}.aspect-video{aspect-ratio:16/9}.h-\[100dvh\]{height:100dvh}.h-\[60px\]{height:60px}.min-h-full{min-height:100%}.w-\[100dvw\]{width:100dvw}.w-\[100px\]{width:100px}.min-w-\[140px\]{min-width:140px}.min-w-full{min-width:100%}.-translate-x-1\/2{--tw-translate-x:-50%;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))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.gap-2{gap:.5rem}.whitespace-nowrap{white-space:nowrap}.rounded-lg{border-radius:.5rem}.border-slate-500{--tw-border-opacity:1;border-color:rgb(100 116 139/var(--tw-border-opacity,1))}.border-slate-600{--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity,1))}.bg-black\/30{background-color:rgba(0,0,0,.3)}.bg-black\/55{background-color:rgba(0,0,0,.55)}.bg-slate-100{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}.object-cover{object-fit:cover}.object-center{object-position:center}.p-1{padding:.25rem}.p-\[16px\]{padding:16px}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-\[10px\]{padding-bottom:10px;padding-top:10px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.leading-\[1\.3\]{line-height:1.3}.text-slate-100{--tw-text-opacity:1;color:rgb(241 245 249/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity,1))}.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)}.hover\:border-slate-700:hover{--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity,1))}.hover\:bg-slate-300:hover{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity,1))}.hover\:text-slate-700:hover{--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.disabled\:bg-white\/75:disabled{background-color:hsla(0,0%,100%,.75)}@media (min-width:768px){.md\:relative{position:relative}.md\:h-auto{height:auto}.md\:w-\[600px\]{width:600px}.md\:\!translate-x-0{--tw-translate-x:0px!important;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))!important}.md\:overflow-hidden{overflow:hidden}.md\:rounded-lg{border-radius:.5rem}.md\:border-none{border-style:none}.md\:bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.md\:py-\[8px\]{padding-bottom:8px;padding-top:8px}.md\:text-\[24px\]{font-size:24px}.md\:text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.md\:\!opacity-100{opacity:1!important}.md\:transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.md\:duration-300{transition-duration:.3s}.md\:hover\:bg-slate-100:hover{--tw-bg-opacity:1;background-color:rgb(241 245 249/var(--tw-bg-opacity,1))}}.-mt-1{margin-top:-.25rem}

package/dist/collection/components/form-elements/form-phone-number.js

@@ -125,11 +125,13 @@ export class FormPhoneNumber {
     async onStaticValueChange(newStaticValue, notInitialLoad = true) {
         if (newStaticValue) {
             this.defaultValue = newStaticValue;
-            this.inputRef.value = newStaticValue;
+            if (this.inputRef)
+                this.inputRef.value = newStaticValue;
         }
         else if (notInitialLoad) {
             this.defaultValue = '';
-            this.inputRef.value = '';
+            if (this.inputRef)
+                this.inputRef.value = '';
         }
     }
     async onValidatorChange() {

package/dist/collection/components/form-elements/form-picker-input.js

@@ -141,11 +141,13 @@ export class FormPickerInput {
     async onStaticValueChange(newStaticValue, notInitialLoad = true) {
         if (newStaticValue) {
             this.defaultValue = newStaticValue;
-            this.inputRef.value = newStaticValue;
+            if (this.inputRef)
+                this.inputRef.value = newStaticValue;
         }
         else if (notInitialLoad) {
             this.defaultValue = '';
-            this.inputRef.value = '';
+            if (this.inputRef)
+                this.inputRef.value = '';
         }
         this.updateDisplayValue();
     }
@@ -179,9 +181,9 @@ export class FormPickerInput {
             'form-input-icon-interactive': !!this.iconAction,
         });
         const renderIcon = () => this.iconAction ? (h("button", { type: "button", disabled: isDisabled, onClick: this.iconAction, part: `${this.name}-icon form-input-icon`, class: iconClass }, this.icon)) : (h("span", { part: `${this.name}-icon form-input-icon`, class: iconClass }, this.icon));
-        return (h(Host, { key: 'a77eb447900201eb4408d1511c71cdb560b598e0', translate: "no" }, h("label", { key: 'ddc814a83ca8ce50f727ba42b8e50765406b350f', part: this.name, id: this.wrapperId, class: cn('form-input-label-container', this.wrapperClass, { disabled: isDisabled }) }, h(FormInputLabel, { key: 'de103688b0d423dc716001cf5723e37c50b96ac0', isRequired: isRequired, label: label }), h("div", { key: 'f4de8c1b30f3cc2f4262739715d6c0b7db0265df', part: `${this.name}-container form-input-container relative`, class: "form-input-container" }, h(FormInputPrefix, { key: 'bf0152480fb8d7a3e940fe6bf0ae480ccd85ef68', name: this.name, direction: (_b = locale === null || locale === void 0 ? void 0 : locale.sharedFormLocales) === null || _b === void 0 ? void 0 : _b.direction, prefix: this.inputPrefix }), h("input", { key: '3c70eb867fd309232ea3cdcdc9d9a30e1a2b65df', type: "text", readonly: true, tabIndex: -1, part: `form-input`, disabled: isDisabled, value: this.displayedValue, onClick: this.onInputClick, onKeyDown: e => e.preventDefault(), placeholder: placeholder || (meta === null || meta === void 0 ? void 0 : meta.placeholder), style: Object.assign(Object.assign(Object.assign({}, (this.prefixWidth ? { [isRtl ? 'paddingRight' : 'paddingLeft']: `${this.prefixWidth}px` } : {})), (this.icon ? { [iconPaddingSide]: '40px' } : {})), { pointerEvents: 'none' }), class: cn('form-input-style enabled:cursor-pointer', {
+        return (h(Host, { key: '0708d7d7f3d5cd260a5b331f036e75afb6bebc3c', translate: "no" }, h("label", { key: '581e828cef1e4d570bcb98235a3b434dadc5680f', part: this.name, id: this.wrapperId, class: cn('form-input-label-container', this.wrapperClass, { disabled: isDisabled }) }, h(FormInputLabel, { key: '673b4cba1a642406bb71bd9196eb01ab081cfd69', isRequired: isRequired, label: label }), h("div", { key: '46662b29f9206e46a4dfa3fb279a3b8389a6cfb6', part: `${this.name}-container form-input-container relative`, class: "form-input-container" }, h(FormInputPrefix, { key: '48aebbe45797015d5f1bd42af3830f690fd61f8e', name: this.name, direction: (_b = locale === null || locale === void 0 ? void 0 : locale.sharedFormLocales) === null || _b === void 0 ? void 0 : _b.direction, prefix: this.inputPrefix }), h("input", { key: '1026ae5f7d4250b64363fec95e275376bbcbd454', type: "text", readonly: true, tabIndex: -1, part: `form-input`, disabled: isDisabled, value: this.displayedValue, onClick: this.onInputClick, onKeyDown: e => e.preventDefault(), placeholder: placeholder || (meta === null || meta === void 0 ? void 0 : meta.placeholder), style: Object.assign(Object.assign(Object.assign({}, (this.prefixWidth ? { [isRtl ? 'paddingRight' : 'paddingLeft']: `${this.prefixWidth}px` } : {})), (this.icon ? { [iconPaddingSide]: '40px' } : {})), { pointerEvents: 'none' }), class: cn('form-input-style enabled:cursor-pointer', {
                 'form-input-error-style': isError,
-            }) }), h("input", Object.assign({ key: '5fb73ce125ee44157aa1a1332c781196199a9f6b', type: this.type, name: this.name }, this.inputProps, { onBlur: this.onInputBlur, onClick: this.onInputClick, onInput: this.onInputChange, part: `${this.name}-input ${part}`, class: cn('shadow-input size-full absolute top-0 left-0 opacity-0 cursor-pointer', part), min: Array.isArray(this.min) ? decodeTimeOffset({ offsets: this.min, type: this.type }) : this.min, max: Array.isArray(this.max) ? decodeTimeOffset({ offsets: this.max, type: this.type }) : this.max })), this.icon && renderIcon()), h(FormErrorMessage, { key: 'ae8b9ef9164ac523980e6ecbce48c9dcf4c01153', name: this.name, isError: isError, errorMessage: errorTextMessage }))));
+            }) }), h("input", Object.assign({ key: '1e6ce56d7126e329d40d828f6439638de4e407f2', type: this.type, name: this.name }, this.inputProps, { onBlur: this.onInputBlur, onClick: this.onInputClick, onInput: this.onInputChange, part: `${this.name}-input ${part}`, class: cn('shadow-input size-full absolute top-0 left-0 opacity-0 cursor-pointer', part), min: Array.isArray(this.min) ? decodeTimeOffset({ offsets: this.min, type: this.type }) : this.min, max: Array.isArray(this.max) ? decodeTimeOffset({ offsets: this.max, type: this.type }) : this.max })), this.icon && renderIcon()), h(FormErrorMessage, { key: '97a4da893ca1bfc72a0dddaa02fa141d40483906', name: this.name, isError: isError, errorMessage: errorTextMessage }))));
     }
     static get is() { return "form-picker-input"; }
     static get originalStyleUrls() {

package/dist/collection/components/form-elements/form-shadow-input.js

@@ -16,7 +16,7 @@ export class FormInput {
         this.form.validateForm(this.name, newValue);
     }
     render() {
-        return h("input", { key: 'cac5efbbf7a63988c83b9f137943de3945df993d', class: "shadow-input", type: this.type, hidden: true, name: this.name, value: this.value });
+        return h("input", { key: 'cc0bb3bbe72961db118962a91e61a5f4158241bc', class: "shadow-input", type: this.type, hidden: true, name: this.name, value: this.value });
     }
     static get is() { return "form-shadow-input"; }
     static get originalStyleUrls() {

package/dist/collection/components/form-elements/form-stepper-control.js

@@ -27,10 +27,10 @@ export class FormStepperControl {
         const direction = (_c = locale === null || locale === void 0 ? void 0 : locale.sharedFormLocales) === null || _c === void 0 ? void 0 : _c.direction;
         const step = this.form.getStepLabels(language, currentStep);
         const text = (step === null || step === void 0 ? void 0 : step.back) || '';
-        return (h("button", { key: 'e0ac13c224102958e4c47a25b421e78c47ffe772', type: "button", formnovalidate: true, disabled: this.isLoading, onClick: () => this.form.updateStep(-1), part: cn('stepper-control', `stepper-control-${direction}`, buttonSubscriberKey, `stepper-control-step-${currentStep}`), class: cn('transition-all duration-700 text-[16px] flex gap-1 items-center stepper-control', {
+        return (h("button", { key: 'ce4707b0419452bebd6b528619e248b119fb7c43', type: "button", formnovalidate: true, disabled: this.isLoading, onClick: () => this.form.updateStep(-1), part: cn('stepper-control', `stepper-control-${direction}`, buttonSubscriberKey, `stepper-control-step-${currentStep}`), class: cn('transition-all duration-700 text-[16px] flex gap-1 items-center stepper-control', {
                 'loading': this.isLoading,
                 'pointer-events-none': currentStep === 10,
-            }) }, h("div", { key: '30e68ca607a971746b0a13172c6a11ce2920814d', part: cn('stepper-control-icon', `stepper-control-icon-${direction}`) }, direction === 'ltr' && h(ChevronLeftIcon, { key: 'af2766d7a4c8d095967ad54210e7793e8a6db7a5', class: "size-5" }), direction === 'rtl' && h(ChevronRightIcon, { key: '35a5718867b0ddc212f3c63c3ee2d506c0c9e528', class: "size-5" })), text));
+            }) }, h("div", { key: 'ccdbc8d3b2891ac1f4f949c094b0a4588d8ca3d4', part: cn('stepper-control-icon', `stepper-control-icon-${direction}`) }, direction === 'ltr' && h(ChevronLeftIcon, { key: 'c762e483784f0c4668806c37b25d42066bef2e26', class: "size-5" }), direction === 'rtl' && h(ChevronRightIcon, { key: '8ae32d144271fdc4ac4bcc7acb2f485af178357c', class: "size-5" })), text));
     }
     static get is() { return "form-stepper-control"; }
     static get originalStyleUrls() {

package/dist/collection/components/form-elements/form-stepper-submit.js

@@ -24,9 +24,9 @@ export class FormStepperSubmit {
         const [locale, language] = this.form.getFormLocale();
         const step = this.form.getStepLabels(language, this.step);
         const submitText = ((_b = (_a = this.localization) === null || _a === void 0 ? void 0 : _a[language]) === null || _b === void 0 ? void 0 : _b.label) || (step === null || step === void 0 ? void 0 : step.submitButton) || getNestedValue(locale, this.submitTextKey) || getNestedValue(locale, 'sharedFormLocales.submit') || 'Submit';
-        return (h("button", { key: '133aaca99fd497e5b33ac2b299de7bda23f76f2e', type: "submit", formnovalidate: true, disabled: this.isLoading, part: cn('submit-button', buttonSubscriberKey), class: cn('form-submit', {
+        return (h("button", { key: '3c1da96dd8aecaef17cce798e7f2237da374fdc3', type: "submit", formnovalidate: true, disabled: this.isLoading, part: cn('submit-button', buttonSubscriberKey), class: cn('form-submit', {
                 loading: this.isLoading,
-            }) }, h("div", { key: '4f32cfb497f688410ca8c276a1ade2ff4cc3af11', part: "form-submit-text", class: "opacity-0 form-submit-text-style" }, submitText), h("div", { key: '0d7b81191692e2dacb007358f101079296b9433a', part: "form-submit-text", class: "form-submit-text-style form-submit-text-position" }, submitText), h("div", { key: '116b89bac3f13ba23b564fc54031a7eec468d75e', part: "form-submit-loading-container", class: "form-submit-loading-container" }, h("img", { key: 'dac0edae6dabfc1f35f58142104a0fc0e3ff1d30', part: "form-submit-loading-icon", class: "form-submit-loading-icon", src: Loader }))));
+            }) }, h("div", { key: 'f94104c0bcd0e609465501a42f021c8168a8232a', part: "form-submit-text", class: "opacity-0 form-submit-text-style" }, submitText), h("div", { key: '5d0cfadeb76a9e2385dbb0f1382ac0d714ee1144', part: "form-submit-text", class: "form-submit-text-style form-submit-text-position" }, submitText), h("div", { key: 'cfa9592f38bd4b544d1f72b5e192337f07baa4db', part: "form-submit-loading-container", class: "form-submit-loading-container" }, h("img", { key: '30049f7b4ab54a2cf391a88d4451a2655ab5c4f1', part: "form-submit-loading-icon", class: "form-submit-loading-icon", src: Loader }))));
     }
     static get is() { return "form-stepper-submit"; }
     static get originalStyleUrls() {

package/dist/collection/components/form-elements/form-stepper.js

@@ -49,7 +49,7 @@ export class FormStepper {
         const [_, language] = this.form.getFormLocale();
         const steps = ((_c = (_b = (_a = this === null || this === void 0 ? void 0 : this.form) === null || _a === void 0 ? void 0 : _a.context) === null || _b === void 0 ? void 0 : _b.structure) === null || _c === void 0 ? void 0 : _c.steps) || [];
         const currentStep = (_e = (_d = this.form) === null || _d === void 0 ? void 0 : _d.formStructure) === null || _e === void 0 ? void 0 : _e.currentStep;
-        return (h(Host, { key: 'cf37eefbc556cacc2ebcecfcdf71b1e38a8478d0', translate: "no" }, h("div", { key: 'a4575bd344050794e8579cb44a9421af60a525af', part: cn(formStepperId, this === null || this === void 0 ? void 0 : this.name), class: "w-full", id: this.wrapperId }, h("div", { key: 'ac0cc0d3413b8e133005349b3abf9e57fc86b0e7', part: cn(formStepperId + 'container', (this === null || this === void 0 ? void 0 : this.name) + 'container'), ref: el => (this.container = el), class: "relative flex items-center justify-between px-1 w-full" }, h("div", { key: 'bc25d504d6a0b3e22f09c2a29f90b88cc5561bf7', part: cn(formStepperId + '-line'), ref: el => (this.line = el), class: "absolute w-full h-[1px] -translate-y-[50%] -translate-x-[50%] top-[16px] left-[50%]", style: { background: 'repeating-linear-gradient(to right,black 0px,black 12px,transparent 6px,transparent 24px)' } }), steps.map((step, i) => {
+        return (h(Host, { key: 'a4a99b911dea23c13daca1da1f55b558332aa147', translate: "no" }, h("div", { key: '9e6c543d10ccc8ee3db934c251e189b9526bba92', part: cn(formStepperId, this === null || this === void 0 ? void 0 : this.name), class: "w-full", id: this.wrapperId }, h("div", { key: 'fec00c29cd6be9c0d30d3ffea4fb4554f02a6e42', part: cn(formStepperId + 'container', (this === null || this === void 0 ? void 0 : this.name) + 'container'), ref: el => (this.container = el), class: "relative flex items-center justify-between px-1 w-full" }, h("div", { key: '3f1938e8d1a54b9bb86ee1f8994672848024815e', part: cn(formStepperId + '-line'), ref: el => (this.line = el), class: "absolute w-full h-[1px] -translate-y-[50%] -translate-x-[50%] top-[16px] left-[50%]", style: { background: 'repeating-linear-gradient(to right,black 0px,black 12px,transparent 6px,transparent 24px)' } }), steps.map((step, i) => {
             var _a, _b, _c;
             return (h("div", { key: i, class: "flex items-center" }, h("div", { part: cn(formStepperId + '-step', formStepperId + '-step-' + (i + 1), {
                     [formStepperId + '-step-done']: i + 1 < currentStep,

package/dist/collection/components/form-elements/form-structure-error.js

@@ -16,7 +16,7 @@ export class FormStructureError {
         this.sharedLocales = await getSharedLocal(newLanguage);
     }
     render() {
-        return (h(Host, { key: '69bd240df30c3c1db553e0d5a0f30aba0e5a2b71', translate: "no" }, h("div", { key: 'b1ff226817e2e4c0602c0e0485964f0b327d61e3', dir: this.sharedLocales.direction, part: "form-structure-error-container", class: "form-structure-error-container" }, h("div", { key: 'feda485d05401ba68547e85527a491ca1838c06c', part: "form-structure-error-content", class: "form-structure-error-content" }, this.sharedLocales.errors.wrongFormStructure))));
+        return (h(Host, { key: '462b9609f8f348bf76d9b488f8c0111aa08e6375', translate: "no" }, h("div", { key: '54b2447c2ab0b6646877f5b15205bd4a415c0dc8', dir: this.sharedLocales.direction, part: "form-structure-error-container", class: "form-structure-error-container" }, h("div", { key: '8e4c783b012be19bf3de3114f9971b338f7311e7', part: "form-structure-error-content", class: "form-structure-error-content" }, this.sharedLocales.errors.wrongFormStructure))));
     }
     static get is() { return "form-structure-error"; }
     static get originalStyleUrls() {

package/dist/collection/components/form-elements/form-submit.js

@@ -23,9 +23,9 @@ export class FormSubmit {
         var _a, _b;
         const [locale, language] = this.form.getFormLocale();
         const submitText = ((_b = (_a = this.localization) === null || _a === void 0 ? void 0 : _a[language]) === null || _b === void 0 ? void 0 : _b.label) || getNestedValue(locale, this.submitTextKey) || getNestedValue(locale, 'sharedFormLocales.submit') || 'Submit';
-        return (h("button", { key: 'd3ab802b6f9cd216534c3925043531711edebab8', type: "submit", formnovalidate: true, part: buttonSubscriberKey, disabled: this.isLoading, class: cn('form-submit', {
+        return (h("button", { key: 'c1848f6029ffaa570d1209a786bca454a8e6bc08', type: "submit", formnovalidate: true, part: buttonSubscriberKey, disabled: this.isLoading, class: cn('form-submit', {
                 loading: this.isLoading,
-            }) }, h("div", { key: 'c43ab094b42b788e4626219d1348ec87d55b8d72', part: "form-submit-text", class: "opacity-0 form-submit-text-style" }, submitText), h("div", { key: '92458b7024b481bdcfff87c7f06e05d14995da6e', part: "form-submit-text", class: "form-submit-text-style form-submit-text-position" }, submitText), h("div", { key: 'b908b9d472e8fc1f9e08cf8ccf382f5c073c23c5', part: "form-submit-loading-container", class: "form-submit-loading-container" }, h("img", { key: 'c7d440d46dbf9233c22e7fcccaa8467c5f2879ee', part: "form-submit-loading-icon", class: "form-submit-loading-icon", src: Loader }))));
+            }) }, h("div", { key: 'd3f3ca525d16e4a826aaf53a1c3476de45ceda31', part: "form-submit-text", class: "opacity-0 form-submit-text-style" }, submitText), h("div", { key: '0ba101bd8edaed48f8bad494c598e13573756ebd', part: "form-submit-text", class: "form-submit-text-style form-submit-text-position" }, submitText), h("div", { key: '761df67e63bc7a6cff673c992da447cdb54802d1', part: "form-submit-loading-container", class: "form-submit-loading-container" }, h("img", { key: '0af42c3d6964e523c53c404e27fb3d851fb74350', part: "form-submit-loading-icon", class: "form-submit-loading-icon", src: Loader }))));
     }
     static get is() { return "form-submit"; }
     static get originalStyleUrls() {

package/dist/collection/components/form-elements/form-switch.js

@@ -28,7 +28,7 @@ export class FormSwitch {
     render() {
         const { disabled, meta, errorMessage, isError } = this.form.getInputState(this.name);
         const { label, errorTextMessage } = getInputLocalization(this, meta, errorMessage);
-        return (h(Host, { key: '46d32eb05e7315cebfeaf004389fc8fd91a0a5a9', translate: "no" }, h("div", { key: '1331e11c4d2b815af90d080439b350fad16e3861', part: `${this.name}`, id: this.wrapperId, class: cn('form-input-label-container', this.wrapperClass, disabled) }, h("div", { key: 'e777ff9c03b5e3bb1d43bad1ceac1704c8b39a3d', part: `${this.name}-container form-input-container`, class: "form-input-container" }, h("shift-switch", { key: 'ec8513bfcef903113a97d063142e85ad54c8e64a', name: this.name, label: label, class: "form-switch" })), h(FormErrorMessage, { key: '14d5fd294248d2df9d3d4a5005a1cd55387233ed', name: this.name, isError: isError, errorMessage: errorTextMessage }))));
+        return (h(Host, { key: '8a68bde8f5e8207e1674d727031e32e7474a616e', translate: "no" }, h("div", { key: '64b2ea1c7d11fce730742fb8ad3e2f3bc1fe6367', part: `${this.name}`, id: this.wrapperId, class: cn('form-input-label-container', this.wrapperClass, disabled) }, h("div", { key: '3a07fa5d979e0d2726e650d60ba2814788cd0d76', part: `${this.name}-container form-input-container`, class: "form-input-container" }, h("shift-switch", { key: '2e4d86c3a742ca08a5f9448e3d1e4556c6e4aead', name: this.name, label: label, class: "form-switch" })), h(FormErrorMessage, { key: 'da613a82d2077b386a3e6ecf980c5c6c06cc8130', name: this.name, isError: isError, errorMessage: errorTextMessage }))));
     }
     static get is() { return "form-switch"; }
     static get originalStyleUrls() {

package/dist/collection/components/form-elements/form-text-area.js

@@ -19,11 +19,13 @@ export class FormTextArea {
     async onStaticValueChange(newStaticValue, notInitialLoad = true) {
         if (newStaticValue) {
             this.defaultValue = newStaticValue;
-            this.inputRef.value = newStaticValue;
+            if (this.inputRef)
+                this.inputRef.value = newStaticValue;
         }
         else if (notInitialLoad) {
             this.defaultValue = '';
-            this.inputRef.value = '';
+            if (this.inputRef)
+                this.inputRef.value = '';
         }
     }
     async componentDidLoad() {
@@ -40,9 +42,9 @@ export class FormTextArea {
         const { disabled, isRequired, meta, isError, errorMessage } = this.form.getInputState(this.name);
         const { label, placeholder, errorTextMessage } = getInputLocalization(this, meta, errorMessage);
         const isDisabled = disabled || this.isLoading || !!this.staticValue || this.isDisabled;
-        return (h(Host, { key: '51e9891718bda3bc737a0c06807509bf54c9b751', translate: "no" }, h("label", { key: 'd0d9924495e07d03098c26e773e2ca303e8ea7ed', part: `form-textarea ${this.name}`, id: this.wrapperId, class: cn('form-input-label-container', this.wrapperClass, { disabled: isDisabled }) }, h(FormInputLabel, { key: 'efb7a57c908492be8f2560ceb624db76e854a238', name: this.name, isRequired: isRequired, label: label }), h("div", { key: 'ed55c26e2251686bab938335541a00b0095cfc0d', part: `${this.name}-container form-input-container`, class: "form-input-container" }, h("textarea", { key: '09470c8435a6d4ba15e57f51d80af8c1111f4fab', name: this.name, disabled: isDisabled, placeholder: placeholder, part: `${this.name}-textarea form-input-textarea`, class: cn('form-input-style form-input-textarea-style', partKeyPrefix + this.name, {
+        return (h(Host, { key: '691fd62c551f5d088e22bdb6a38a806eac65c3c0', translate: "no" }, h("label", { key: '77d26087c311fa3f4ee1ac9c8202fd1ba7278b81', part: `form-textarea ${this.name}`, id: this.wrapperId, class: cn('form-input-label-container', this.wrapperClass, { disabled: isDisabled }) }, h(FormInputLabel, { key: '1b38afc719034079f85c335a79253a471bd1ccf8', name: this.name, isRequired: isRequired, label: label }), h("div", { key: '7216d31e71fd577e8731d7c1079faeb55441f9a8', part: `${this.name}-container form-input-container`, class: "form-input-container" }, h("textarea", { key: 'e79a412638b87d632de299542e536e80bf82eb48', name: this.name, disabled: isDisabled, placeholder: placeholder, part: `${this.name}-textarea form-input-textarea`, class: cn('form-input-style form-input-textarea-style', partKeyPrefix + this.name, {
                 'form-input-error-style': isError,
-            }) }, this.defaultValue)), h("div", { key: 'b673fbcbfa5bf6308594c6ae24b07e2c25686671', class: "-mt-1" }, h(FormErrorMessage, { key: '0329a2554abc9fdbc3d21b3bf5ea59428ab7be36', name: this.name, isError: isError, errorMessage: errorTextMessage })))));
+            }) }, this.defaultValue)), h("div", { key: '52f60d3faee7153d56f12cd0f3051d5e3bd657b7', class: "-mt-1" }, h(FormErrorMessage, { key: 'f956a569d6d190a94e775acf03b8eff902a44224', name: this.name, isError: isError, errorMessage: errorTextMessage })))));
     }
     static get is() { return "form-text-area"; }
     static get originalStyleUrls() {

package/dist/collection/components/form-elements/form-time-picker-legacy.js

@@ -133,22 +133,22 @@ export class FormTimePicker {
         const step = this.minuteStep || 1;
         const hours = Array.from({ length: 24 }, (_, i) => i);
         const minutes = Array.from({ length: Math.ceil(60 / step) }, (_, i) => i * step);
-        return (h(Host, { key: 'b96612c518df2503a42c9fde084c210d1f6facd4', translate: "no" }, h("label", { key: '051676a23867ea7c98446d305125784222f61a12', part: this.name, id: this.wrapperId, class: cn('form-input-label-container', this.wrapperClass, { disabled: isDisabled }) }, h(FormInputLabel, { key: '75edb8c4d7ff94a3d9a9d85d0d6a94293594fb4b', isRequired: isRequired, label: label }), h("form-shadow-input", { key: '338161693b19051fc500151345fd37217ae64e5e', name: this.name, form: this.form, value: this.selectedValue }), h("div", { key: 'debff024d025f27fd37bbdef079ec1024030c844', part: `${this.name}-container form-input-container`, class: cn('form-input-container', { open: this.isOpen }) }, h("input", { key: 'eb335b0880e4910ba67af266b169e3e553502ed6', type: "text", readOnly: true, disabled: isDisabled, value: this.selectedValue, onClick: this.toggleDropdown, part: `${this.name}-input form-input`, placeholder: placeholder || (meta === null || meta === void 0 ? void 0 : meta.placeholder), class: cn('form-input-style form-input-select', {
+        return (h(Host, { key: '92bb4575d1cc2eadf6ed8209023581c26d2197f6', translate: "no" }, h("label", { key: 'c199dfa76cb0cbe181d60699bb8214d76b97f3b0', part: this.name, id: this.wrapperId, class: cn('form-input-label-container', this.wrapperClass, { disabled: isDisabled }) }, h(FormInputLabel, { key: '4f01415caee84836526c51276b87b7603a613d28', isRequired: isRequired, label: label }), h("form-shadow-input", { key: 'f3043ed3103f7a821174b357d114d25aed172ab1', name: this.name, form: this.form, value: this.selectedValue }), h("div", { key: 'f9d859c1eee968a88575398b7aba360f9768b9b2', part: `${this.name}-container form-input-container`, class: cn('form-input-container', { open: this.isOpen }) }, h("input", { key: '57c28770ff5b9dd9f053917eee658c5f789b78e7', type: "text", readOnly: true, disabled: isDisabled, value: this.selectedValue, onClick: this.toggleDropdown, part: `${this.name}-input form-input`, placeholder: placeholder || (meta === null || meta === void 0 ? void 0 : meta.placeholder), class: cn('form-input-style form-input-select', {
                 'form-input-error-style': isError,
-            }) }), h("span", { key: '61019babcab1e172639366d1c48fa520e5fd5d63', part: `${this.name}-icon form-time-picker-icon`, class: "form-input-icon form-input-icon-end" }, h("svg", { key: 'b91354eb8def82483bea8fe9df2765d429d743ed', "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "size-full" }, h("circle", { key: '1d134ef6a8e541728b54c9120ee6090d93e92809', cx: "12", cy: "12", r: "10" }), h("polyline", { key: '608aa1032784445a2bc24ca06abae1aecdbd02a6', points: "12 6 12 12 16 14" }))), h("div", { key: 'e2ba1ce458c1ec4bd3b1db3e421b5054bf83e600', part: `${this.name}-dropdown form-time-picker-dropdown`, class: cn('form-picker-dropdown', {
+            }) }), h("span", { key: '35c8ea82fd6cda73c9d05610bc9b6fce051a2885', part: `${this.name}-icon form-time-picker-icon`, class: "form-input-icon form-input-icon-end" }, h("svg", { key: '4631aa1c38477c2542785988ba9c762434bbbe71', "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round", class: "size-full" }, h("circle", { key: '52dfa9531828513fc55c671784f7a2c1615d5dd8', cx: "12", cy: "12", r: "10" }), h("polyline", { key: '5603b9123ed99bb5caa8613725ec3a13c54581cb', points: "12 6 12 12 16 14" }))), h("div", { key: 'fa6c4c3a680a537cdd9eb684bb7f345eebb20f0b', part: `${this.name}-dropdown form-time-picker-dropdown`, class: cn('form-picker-dropdown', {
                 upwards: this.openUpwards,
                 downwards: !this.openUpwards,
-            }) }, h("div", { key: '53c2135c370475a483782300ad15cbefe4c4786e', class: "form-time-picker-columns" }, h("div", { key: 'b5a9e436dbc720392c5dfc1ac4adebc58d7b3798', class: "form-time-picker-column form-time-picker-hours" }, h("div", { key: '5b7f11a088ba6ab87af56e2dbcb8a49203843b39', class: "form-time-picker-column-header" }, "HH"), hours.map(hour => {
+            }) }, h("div", { key: 'd9aa2d6da93c0d5cfb13a58b869b2d9dfa1eb3ca', class: "form-time-picker-columns" }, h("div", { key: 'd382f4274d77cf069e7c034e940e3d0c8ce15a0b', class: "form-time-picker-column form-time-picker-hours" }, h("div", { key: '7e0df3235c636044dc72738fcdd55ff50177e545', class: "form-time-picker-column-header" }, "HH"), hours.map(hour => {
             const hourDisabled = this.isHourDisabled(hour);
             return (h("button", { type: "button", disabled: hourDisabled, onClick: () => this.selectHour(hour), part: cn('form-time-picker-option', { 'form-time-picker-option-selected': hour === selectedHour }), class: cn('form-time-picker-option', {
                     selected: hour === selectedHour,
                 }) }, String(hour).padStart(2, '0')));
-        })), h("div", { key: '509fcb0a854fe438ba05e0fd381bee9b41c82e82', class: "form-time-picker-column form-time-picker-minutes" }, h("div", { key: '448365db284d432b195db6e7776d2cc182cb1aa6', class: "form-time-picker-column-header" }, "MM"), minutes.map(minute => {
+        })), h("div", { key: '38141d7f490b48e1e4e6282e725d175ed27aa5a4', class: "form-time-picker-column form-time-picker-minutes" }, h("div", { key: '5825d45bc87364985af6b0200b5dcaccd2b3b3dd', class: "form-time-picker-column-header" }, "MM"), minutes.map(minute => {
             const minuteDisabled = selectedHour >= 0 ? this.isMinuteDisabled(selectedHour, minute) : false;
             return (h("button", { type: "button", disabled: minuteDisabled, onClick: () => this.selectMinute(minute), part: cn('form-time-picker-option', { 'form-time-picker-option-selected': minute === selectedMinute }), class: cn('form-time-picker-option', {
                     selected: minute === selectedMinute,
                 }) }, String(minute).padStart(2, '0')));
-        }))))), h(FormErrorMessage, { key: '620ae55b34d9ee6eb7d557e973b30a64456382e9', name: this.name, isError: isError, errorMessage: locale[errorMessage] || errorMessage }))));
+        }))))), h(FormErrorMessage, { key: 'f0f4b195f97d7f61f9cbcbee7460d301a77f8685', name: this.name, isError: isError, errorMessage: locale[errorMessage] || errorMessage }))));
     }
     static get is() { return "form-time-picker"; }
     static get originalStyleUrls() {