@threedddplus/logoeditor 0.0.15 → 0.0.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/components/colorPallet/colorPalette.d.ts +2 -1
  2. package/dist/components/middleMenu/middleMenu.d.ts +2 -2
  3. package/dist/components/saveDesign/saveDesign.d.ts +2 -2
  4. package/dist/index.d.ts +2 -2
  5. package/dist/logoeditor.cjs.development.js +416 -257
  6. package/dist/logoeditor.cjs.development.js.map +1 -1
  7. package/dist/logoeditor.cjs.production.min.js +1 -1
  8. package/dist/logoeditor.cjs.production.min.js.map +1 -1
  9. package/dist/logoeditor.esm.js +416 -257
  10. package/dist/logoeditor.esm.js.map +1 -1
  11. package/dist/store/converters/index.d.ts +2 -1
  12. package/dist/store/fabric/index.d.ts +1 -0
  13. package/package.json +1 -1
package/dist/logoeditor.esm.js CHANGED
@@ -57,7 +57,7 @@ function styleInject(css, ref) {
57
57
  }
58
58
  }
59
59
 
60
- var css_248z = "/*! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:\"\"}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,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;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;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-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}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{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-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,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::-moz-placeholder, textarea::-moz-placeholder{color:#9ca3af;opacity:1}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]{display:none}:root,[data-theme]{background-color:hsl(var(--b1)/var(--tw-bg-opacity,1));color:hsl(var(--bc)/var(--tw-text-opacity,1))}html{-webkit-tap-highlight-color:transparent}:root{--pf:259 94% 44%;--sf:314 100% 40%;--af:174 75% 39%;--nf:214 20% 14%;--in:198 93% 60%;--su:158 64% 52%;--wa:43 96% 56%;--er:0 91% 71%;--inc:198 100% 12%;--suc:158 100% 10%;--wac:43 100% 11%;--erc:0 100% 14%;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-text-case:uppercase;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:259 94% 51%;--pc:259 96% 91%;--s:314 100% 47%;--sc:314 100% 91%;--a:174 75% 46%;--ac:174 75% 11%;--n:214 20% 21%;--nc:212 19% 87%;--b1:0 0% 100%;--b2:0 0% 95%;--b3:180 2% 90%;--bc:215 28% 17%;color-scheme:light}@media (prefers-color-scheme:dark){:root{--pf:262 80% 43%;--sf:316 70% 43%;--af:175 70% 34%;--in:198 93% 60%;--su:158 64% 52%;--wa:43 96% 56%;--er:0 91% 71%;--inc:198 100% 12%;--suc:158 100% 10%;--wac:43 100% 11%;--erc:0 100% 14%;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-text-case:uppercase;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:262 80% 50%;--pc:0 0% 100%;--s:316 70% 50%;--sc:0 0% 100%;--a:175 70% 41%;--ac:0 0% 100%;--n:213 18% 20%;--nf:212 17% 17%;--nc:220 13% 69%;--b1:212 18% 14%;--b2:213 18% 12%;--b3:213 18% 10%;--bc:220 13% 69%;color-scheme:dark}}[data-theme=light]{--pf:259 94% 44%;--sf:314 100% 40%;--af:174 75% 39%;--nf:214 20% 14%;--in:198 93% 60%;--su:158 64% 52%;--wa:43 96% 56%;--er:0 91% 71%;--inc:198 100% 12%;--suc:158 100% 10%;--wac:43 100% 11%;--erc:0 100% 14%;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-text-case:uppercase;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:259 94% 51%;--pc:259 96% 91%;--s:314 100% 47%;--sc:314 100% 91%;--a:174 75% 46%;--ac:174 75% 11%;--n:214 20% 21%;--nc:212 19% 87%;--b1:0 0% 100%;--b2:0 0% 95%;--b3:180 2% 90%;--bc:215 28% 17%;color-scheme:light}[data-theme=dark]{--pf:262 80% 43%;--sf:316 70% 43%;--af:175 70% 34%;--in:198 93% 60%;--su:158 64% 52%;--wa:43 96% 56%;--er:0 91% 71%;--inc:198 100% 12%;--suc:158 100% 10%;--wac:43 100% 11%;--erc:0 100% 14%;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-text-case:uppercase;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:262 80% 50%;--pc:0 0% 100%;--s:316 70% 50%;--sc:0 0% 100%;--a:175 70% 41%;--ac:0 0% 100%;--n:213 18% 20%;--nf:212 17% 17%;--nc:220 13% 69%;--b1:212 18% 14%;--b2:213 18% 12%;--b3:213 18% 10%;--bc:220 13% 69%;color-scheme:dark}*,: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: }::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: }.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}}.alert{--tw-border-opacity:1;--tw-text-opacity:1;--alert-bg:hsl(var(--b2));--alert-bg-mix:hsl(var(--b1));align-content:flex-start;align-items:center;background-color:var(--alert-bg);border-color:hsl(var(--b2)/var(--tw-border-opacity));border-radius:var(--rounded-box,1rem);border-width:1px;color:hsl(var(--bc)/var(--tw-text-opacity));display:grid;gap:1rem;grid-auto-flow:row;justify-items:center;padding:1rem;text-align:center;width:100%}@media (min-width:640px){.alert{grid-auto-flow:column;grid-template-columns:auto minmax(auto,1fr);justify-items:start;text-align:left}}.avatar.placeholder>div{align-items:center;display:flex;justify-content:center}@media (hover:hover){.label a:hover{--tw-text-opacity:1;color:hsl(var(--bc)/var(--tw-text-opacity))}.menu :where(li:not(.menu-title):not(.disabled)>:not(ul):not(details):not(.menu-title)):where(.active),.menu :where(li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):where(.active){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--n)/var(--tw-bg-opacity));color:hsl(var(--nc)/var(--tw-text-opacity))}.tab:hover{--tw-text-opacity:1}.table tr.hover:hover,.table tr.hover:nth-child(2n):hover{--tw-bg-opacity:1;background-color:hsl(var(--b2)/var(--tw-bg-opacity))}.table-zebra tr.hover:hover,.table-zebra tr.hover:nth-child(2n):hover{--tw-bg-opacity:1;background-color:hsl(var(--b3)/var(--tw-bg-opacity))}}.card{border-radius:var(--rounded-box,1rem);display:flex;flex-direction:column;position:relative}.card:focus{outline:2px solid transparent;outline-offset:2px}.card-body{display:flex;flex:1 1 auto;flex-direction:column;gap:.5rem;padding:var(--padding-card,2rem)}.card-body :where(p){flex-grow:1}.card figure{align-items:center;display:flex;justify-content:center}.card.image-full{display:grid}.card.image-full:before{--tw-bg-opacity:1;background-color:hsl(var(--n)/var(--tw-bg-opacity));border-radius:var(--rounded-box,1rem);content:\"\";opacity:.75;position:relative;z-index:10}.card.image-full:before,.card.image-full>*{grid-column-start:1;grid-row-start:1}.card.image-full>figure img{height:100%;-o-object-fit:cover;object-fit:cover}.card.image-full>.card-body{--tw-text-opacity:1;color:hsl(var(--nc)/var(--tw-text-opacity));position:relative;z-index:20}.checkbox{--chkbg:var(--bc);--chkfg:var(--b1);--tw-border-opacity:0.2;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:hsl(var(--bc)/var(--tw-border-opacity));border-radius:var(--rounded-btn,.5rem);border-width:1px;cursor:pointer;flex-shrink:0;height:1.5rem;width:1.5rem}.dropdown .dropdown-content{position:absolute}.dropdown:is(:not(details)) .dropdown-content{--tw-scale-x:.95;--tw-scale-y:.95;opacity: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));transform-origin:top;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);visibility:hidden}.dropdown-end .dropdown-content{right:0}.dropdown-left .dropdown-content{bottom:auto;right:100%;top:0;transform-origin:right}.dropdown-right .dropdown-content{bottom:auto;left:100%;top:0;transform-origin:left}.dropdown-bottom .dropdown-content{bottom:auto;top:100%;transform-origin:top}.dropdown-top .dropdown-content{bottom:100%;top:auto;transform-origin:bottom}.dropdown-end.dropdown-left .dropdown-content,.dropdown-end.dropdown-right .dropdown-content{bottom:0;top:auto}.dropdown.dropdown-open .dropdown-content,.dropdown:focus-within .dropdown-content,.dropdown:not(.dropdown-hover):focus .dropdown-content{opacity:1;visibility:visible}@media (hover:hover){.dropdown.dropdown-hover:hover .dropdown-content{opacity:1;visibility:visible}.btm-nav>.disabled:hover,.btm-nav>[disabled]:hover{--tw-border-opacity:0;--tw-bg-opacity:0.1;--tw-text-opacity:0.2;background-color:hsl(var(--n)/var(--tw-bg-opacity));color:hsl(var(--bc)/var(--tw-text-opacity));pointer-events:none}.dropdown.dropdown-hover:hover .dropdown-content{--tw-scale-x:1;--tw-scale-y:1;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))}.menu :where(li:not(.menu-title):not(.disabled)>:not(ul):not(details):not(.menu-title)):not(.active):hover,.menu :where(li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):not(.active):hover{--tw-text-opacity:1;background-color:hsl(var(--bc)/.1);color:hsl(var(--bc)/var(--tw-text-opacity));cursor:pointer;outline:2px solid transparent;outline-offset:2px}.tab[disabled],.tab[disabled]:hover{--tw-text-opacity:0.2;color:hsl(var(--bc)/var(--tw-text-opacity));cursor:not-allowed}}.label{align-items:center;display:flex;justify-content:space-between;padding:.5rem .25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.\\!input{--tw-border-opacity:0!important;--tw-bg-opacity:1!important;background-color:hsl(var(--b1)/var(--tw-bg-opacity))!important;border-color:hsl(var(--bc)/var(--tw-border-opacity))!important;border-radius:var(--rounded-btn,.5rem)!important;border-width:1px!important;flex-shrink:1!important;font-size:1rem!important;height:3rem!important;line-height:2!important;line-height:1.5rem!important;padding-left:1rem!important;padding-right:1rem!important}.input{--tw-border-opacity:0;--tw-bg-opacity:1;background-color:hsl(var(--b1)/var(--tw-bg-opacity));border-color:hsl(var(--bc)/var(--tw-border-opacity));border-radius:var(--rounded-btn,.5rem);border-width:1px;flex-shrink:1;font-size:1rem;height:3rem;line-height:2;line-height:1.5rem;padding-left:1rem;padding-right:1rem}.input-group>.\\!input{isolation:isolate!important}.input-group>.input{isolation:isolate}.input-group>.\\!input{border-radius:0!important}.input-group>*,.input-group>.input,.input-group>.select,.input-group>.textarea{border-radius:0}.join{align-items:stretch;border-radius:var(--rounded-btn,.5rem);display:inline-flex}.join *{border-radius:inherit}.join :where(.join-item){border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:0;border-top-right-radius:0}.join .join-item:not(:first-child):not(:last-child),.join :not(:first-child):not(:last-child) .join-item{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:0;border-top-right-radius:0}.join .join-item:first-child:not(:last-child),.join :first-child:not(:last-child) .join-item{border-bottom-right-radius:0;border-top-right-radius:0}.join :where(.join-item:first-child:not(:last-child)),.join :where(:first-child:not(:last-child) .join-item){border-bottom-left-radius:inherit;border-top-left-radius:inherit}.join .join-item:last-child:not(:first-child),.join :last-child:not(:first-child) .join-item{border-bottom-left-radius:0;border-top-left-radius:0}.join :where(.join-item:last-child:not(:first-child)),.join :where(:last-child:not(:first-child) .join-item){border-bottom-right-radius:inherit;border-top-right-radius:inherit}.\\!link{cursor:pointer!important;text-decoration-line:underline!important}.link{cursor:pointer;text-decoration-line:underline}.\\!mask{-webkit-mask-position:center!important;mask-position:center!important;-webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important;-webkit-mask-size:contain!important;mask-size:contain!important}.mask{-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.menu{display:flex;flex-direction:column;flex-wrap:wrap;font-size:.875rem;line-height:1.25rem;padding:.5rem}.menu :where(li ul){margin-left:1rem;padding-left:.5rem;position:relative;white-space:nowrap}.menu :where(li:not(.menu-title)>:not(ul):not(details):not(.menu-title)),.menu :where(li:not(.menu-title)>details>summary:not(.menu-title)){align-content:flex-start;align-items:center;border-radius:var(--rounded-btn,.5rem);display:grid;gap:.5rem;grid-auto-columns:max-content auto max-content;grid-auto-flow:column;padding:.5rem 1rem;text-align:left;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.menu li.disabled{color:hsl(var(--bc)/.3);cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;user-select:none}.menu :where(li>.menu-dropdown:not(.menu-dropdown-show)){display:none}:where(.menu li){align-items:stretch;display:flex;flex-direction:column;flex-shrink:0;flex-wrap:wrap;position:relative}:where(.menu li) .badge{justify-self:end}.modal{background-color:transparent;background-color:rgba(0,0,0,.3);display:grid;height:100%;inset:0;justify-items:center;margin:0;max-height:none;max-width:none;opacity:0;overflow-y:hidden;overscroll-behavior:contain;padding:0;pointer-events:none;position:fixed;transition-duration:.2s;transition-property:transform,opacity,visibility;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:999}:where(.modal){align-items:center}.modal-box{--tw-scale-x:.9;--tw-scale-y:.9;--tw-bg-opacity:1;background-color:hsl(var(--b1)/var(--tw-bg-opacity));border-bottom-left-radius:var(--rounded-box,1rem);border-bottom-right-radius:var(--rounded-box,1rem);border-top-left-radius:var(--rounded-box,1rem);border-top-right-radius:var(--rounded-box,1rem);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);grid-column-start:1;grid-row-start:1;max-height:calc(100vh - 5em);max-width:32rem;overflow-y:auto;overscroll-behavior:contain;padding:1.5rem;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:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:91.666667%}.modal-open,.modal-toggle:checked+.modal,.modal:target,.modal[open]{opacity:1;pointer-events:auto;visibility:visible}:root:has(:is(.modal-open,.modal:target,.modal-toggle:checked+.modal,.modal[open])){overflow:hidden}.progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--rounded-box,1rem);height:.5rem;overflow:hidden;position:relative;width:100%}.radio{--chkbg:var(--bc);--tw-border-opacity:0.2;-webkit-appearance:none;border-color:hsl(var(--bc)/var(--tw-border-opacity));border-radius:9999px;border-width:1px;flex-shrink:0;width:1.5rem}.radio,.range{-moz-appearance:none;-webkit-appearance:none; appearance:none;cursor:pointer;height:1.5rem}.range{--range-shdw:var(--bc);-webkit-appearance:none;background-color:transparent;border-radius:var(--rounded-box,1rem);overflow:hidden;width:100%}.range:focus{outline:none}.select{--tw-border-opacity:0;--tw-bg-opacity:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:hsl(var(--b1)/var(--tw-bg-opacity));background-image:linear-gradient(45deg,transparent 50%,currentColor 0),linear-gradient(135deg,currentColor 50%,transparent 0);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border-color:hsl(var(--bc)/var(--tw-border-opacity));border-radius:var(--rounded-btn,.5rem);border-width:1px;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:3rem;line-height:1.25rem;line-height:2;min-height:3rem;padding-left:1rem;padding-right:2.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.select[multiple]{height:auto}.stack{display:inline-grid;place-items:center;align-items:flex-end}.stack>*{grid-column-start:1;grid-row-start:1;opacity:.6;transform:translateY(10%) scale(.9);width:100%;z-index:1}.stack>:nth-child(2){opacity:.8;transform:translateY(5%) scale(.95);z-index:2}.stack>:first-child{opacity:1;transform:translateY(0) scale(1);z-index:3}.stats{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--b1)/var(--tw-bg-opacity));border-radius:var(--rounded-box,1rem);color:hsl(var(--bc)/var(--tw-text-opacity));display:inline-grid}:where(.stats){grid-auto-flow:column;overflow-x:auto}.stat{--tw-border-opacity:0.1;border-color:hsl(var(--bc)/var(--tw-border-opacity));-moz-column-gap:1rem;column-gap:1rem;grid-template-columns:repeat(1,1fr);padding:1rem 1.5rem;width:100%}.stat,.steps{display:inline-grid}.steps{counter-reset:step;grid-auto-columns:1fr;grid-auto-flow:column;overflow:hidden;overflow-x:auto}.steps .step{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-template-columns:auto;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-rows:40px 1fr;min-width:4rem;place-items:center;text-align:center}.steps .\\!step{display:grid!important;grid-template-columns:repeat(1,minmax(0,1fr))!important;grid-template-columns:auto!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;grid-template-rows:40px 1fr!important;min-width:4rem!important;place-items:center!important;text-align:center!important}.tabs{align-items:flex-end;display:flex;flex-wrap:wrap}.tab{--tab-padding:1rem;--tw-text-opacity:0.5;--tab-color:hsl(var(--bc)/var(--tw-text-opacity,1));--tab-bg:hsl(var(--b1)/var(--tw-bg-opacity,1));--tab-border-color:hsl(var(--b3)/var(--tw-bg-opacity,1));align-items:center;color:var(--tab-color);cursor:pointer;display:inline-flex;flex-wrap:wrap;height:2rem;justify-content:center;line-height:1.25rem;line-height:2;padding-left:var(--tab-padding,1rem);padding-right:var(--tab-padding,1rem);text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tab,.table{font-size:.875rem;position:relative}.table{border-radius:var(--rounded-box,1rem);line-height:1.25rem;text-align:left;width:100%}.table :where(.table-pin-rows thead tr){--tw-bg-opacity:1;background-color:hsl(var(--b1)/var(--tw-bg-opacity));position:sticky;top:0;z-index:1}.table :where(.table-pin-rows tfoot tr){--tw-bg-opacity:1;background-color:hsl(var(--b1)/var(--tw-bg-opacity));bottom:0;position:sticky;z-index:1}.table :where(.table-pin-cols tr th){--tw-bg-opacity:1;background-color:hsl(var(--b1)/var(--tw-bg-opacity));left:0;position:sticky;right:0}.textarea{--tw-border-opacity:0;--tw-bg-opacity:1;background-color:hsl(var(--b1)/var(--tw-bg-opacity));border-color:hsl(var(--bc)/var(--tw-border-opacity));border-radius:var(--rounded-btn,.5rem);border-width:1px;flex-shrink:1;font-size:.875rem;line-height:1.25rem;line-height:2;min-height:3rem;padding:.5rem 1rem}.toast{display:flex;flex-direction:column;gap:.5rem;min-width:-moz-fit-content;min-width:fit-content;padding:1rem;position:fixed;white-space:nowrap}.toggle{--tglbg:hsl(var(--b1));--handleoffset:1.5rem;--handleoffsetcalculator:calc(var(--handleoffset)*-1);--togglehandleborder:0 0;--tw-border-opacity:0.2;--tw-bg-opacity:0.5;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:hsl(var(--bc)/var(--tw-bg-opacity));border-color:hsl(var(--bc)/var(--tw-border-opacity));border-radius:var(--rounded-badge,1.9rem);border-width:1px;box-shadow:var(--handleoffsetcalculator) 0 0 2px var(--tglbg) inset,0 0 0 2px var(--tglbg) inset,var(--togglehandleborder);cursor:pointer;flex-shrink:0;height:1.5rem;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition:background,box-shadow var(--animation-input,.2s) ease-in-out;width:3rem}.btm-nav>:where(.active){--tw-bg-opacity:1;background-color:hsl(var(--b1)/var(--tw-bg-opacity));border-top-width:2px}.btm-nav>.disabled,.btm-nav>[disabled]{--tw-border-opacity:0;--tw-bg-opacity:0.1;--tw-text-opacity:0.2;background-color:hsl(var(--n)/var(--tw-bg-opacity));color:hsl(var(--bc)/var(--tw-text-opacity));pointer-events:none}.btm-nav>* .label{font-size:1rem;line-height:1.5rem}@keyframes button-pop{0%{transform:scale(var(--btn-focus-scale,.98))}40%{transform:scale(1.02)}to{transform:scale(1)}}.card :where(figure:first-child){border-end-end-radius:unset;border-end-start-radius:unset;border-start-end-radius:inherit;border-start-start-radius:inherit;overflow:hidden}.card :where(figure:last-child){border-end-end-radius:inherit;border-end-start-radius:inherit;border-start-end-radius:unset;border-start-start-radius:unset;overflow:hidden}.card:focus-visible{outline:2px solid currentColor;outline-offset:2px}.card.bordered{--tw-border-opacity:1;border-color:hsl(var(--b2)/var(--tw-border-opacity));border-width:1px}.card.compact .card-body{font-size:.875rem;line-height:1.25rem;padding:1rem}.card-title{align-items:center;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;line-height:1.75rem}.card.image-full :where(figure){border-radius:inherit;overflow:hidden}.checkbox:focus-visible{outline-color:hsl(var(--bc)/1);outline-offset:2px;outline-style:solid;outline-width:2px}.checkbox:checked,.checkbox[aria-checked=true],.checkbox[checked=true]{--tw-bg-opacity:1;animation:checkmark var(--animation-input,.2s) ease-in-out;background-color:hsl(var(--bc)/var(--tw-bg-opacity));background-image:linear-gradient(-45deg,transparent 65%,hsl(var(--chkbg)) 65.99%),linear-gradient(45deg,transparent 75%,hsl(var(--chkbg)) 75.99%),linear-gradient(-45deg,hsl(var(--chkbg)) 40%,transparent 40.99%),linear-gradient(45deg,hsl(var(--chkbg)) 30%,hsl(var(--chkfg)) 30.99%,hsl(var(--chkfg)) 40%,transparent 40.99%),linear-gradient(-45deg,hsl(var(--chkfg)) 50%,hsl(var(--chkbg)) 50.99%);background-repeat:no-repeat}.checkbox:indeterminate{--tw-bg-opacity:1;animation:checkmark var(--animation-input,.2s) ease-in-out;background-color:hsl(var(--bc)/var(--tw-bg-opacity));background-image:linear-gradient(90deg,transparent 80%,hsl(var(--chkbg)) 80%),linear-gradient(-90deg,transparent 80%,hsl(var(--chkbg)) 80%),linear-gradient(0deg,hsl(var(--chkbg)) 43%,hsl(var(--chkfg)) 43%,hsl(var(--chkfg)) 57%,hsl(var(--chkbg)) 57%);background-repeat:no-repeat}.checkbox:disabled{--tw-bg-opacity:1;background-color:hsl(var(--bc)/var(--tw-bg-opacity));border-color:transparent;cursor:not-allowed;opacity:.2}@keyframes checkmark{0%{background-position-y:5px}50%{background-position-y:-2px}to{background-position-y:0}}[dir=rtl] .checkbox:checked,[dir=rtl] .checkbox[aria-checked=true],[dir=rtl] .checkbox[checked=true]{background-image:linear-gradient(45deg,transparent 65%,hsl(var(--chkbg)) 65.99%),linear-gradient(-45deg,transparent 75%,hsl(var(--chkbg)) 75.99%),linear-gradient(45deg,hsl(var(--chkbg)) 40%,transparent 40.99%),linear-gradient(-45deg,hsl(var(--chkbg)) 30%,hsl(var(--chkfg)) 30.99%,hsl(var(--chkfg)) 40%,transparent 40.99%),linear-gradient(45deg,hsl(var(--chkfg)) 50%,hsl(var(--chkbg)) 50.99%)}.dropdown.dropdown-open .dropdown-content,.dropdown:focus .dropdown-content,.dropdown:focus-within .dropdown-content{--tw-scale-x:1;--tw-scale-y:1;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))}.\\!input[list]::-webkit-calendar-picker-indicator{line-height:1em!important}.input[list]::-webkit-calendar-picker-indicator{line-height:1em}.\\!input:focus{outline-color:hsl(var(--bc)/.2)!important;outline-offset:2px!important;outline-style:solid!important;outline-width:2px!important}.input:focus{outline-color:hsl(var(--bc)/.2);outline-offset:2px;outline-style:solid;outline-width:2px}.input-disabled,.input:disabled,.input[disabled]{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:0.2;background-color:hsl(var(--b2)/var(--tw-bg-opacity));border-color:hsl(var(--b2)/var(--tw-border-opacity));cursor:not-allowed}.\\!input:disabled,.\\!input[disabled]{--tw-border-opacity:1!important;--tw-bg-opacity:1!important;--tw-text-opacity:0.2!important;background-color:hsl(var(--b2)/var(--tw-bg-opacity))!important;border-color:hsl(var(--b2)/var(--tw-border-opacity))!important;cursor:not-allowed!important}.input-disabled::-moz-placeholder,.input:disabled::-moz-placeholder,.input[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2;color:hsl(var(--bc)/var(--tw-placeholder-opacity))}.input-disabled::-moz-placeholder, .input:disabled::-moz-placeholder, .input[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2;color:hsl(var(--bc)/var(--tw-placeholder-opacity))}.input-disabled::placeholder,.input:disabled::placeholder,.input[disabled]::placeholder{--tw-placeholder-opacity:0.2;color:hsl(var(--bc)/var(--tw-placeholder-opacity))}.\\!input:disabled::-moz-placeholder,.\\!input[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2!important;color:hsl(var(--bc)/var(--tw-placeholder-opacity))!important}.\\!input:disabled::-moz-placeholder, .\\!input[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2!important;color:hsl(var(--bc)/var(--tw-placeholder-opacity))!important}.\\!input:disabled::placeholder,.\\!input[disabled]::placeholder{--tw-placeholder-opacity:0.2!important;color:hsl(var(--bc)/var(--tw-placeholder-opacity))!important}.join>:where(:not(:first-child)){margin-bottom:0;margin-left:-1px;margin-top:0}.\\!link:focus{outline:2px solid transparent!important;outline-offset:2px!important}.link:focus{outline:2px solid transparent;outline-offset:2px}.\\!link:focus-visible{outline:2px solid currentColor!important;outline-offset:2px!important}.link:focus-visible{outline:2px solid currentColor;outline-offset:2px}.loading{aspect-ratio:1/1;background-color:currentColor;display:inline-block;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' stroke='%23000' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E@keyframes spinner_zKoa{to{transform:rotate(360deg)}}@keyframes spinner_YpZS{0%25{stroke-dasharray:0 150;stroke-dashoffset:0}47.5%25{stroke-dasharray:42 150;stroke-dashoffset:-16}95%25,to{stroke-dasharray:42 150;stroke-dashoffset:-59}}%3C/style%3E%3Cg style='transform-origin:center;animation:spinner_zKoa 2s linear infinite'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' style='stroke-linecap:round;animation:spinner_YpZS 1.5s ease-in-out infinite'/%3E%3C/g%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' stroke='%23000' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E@keyframes spinner_zKoa{to{transform:rotate(360deg)}}@keyframes spinner_YpZS{0%25{stroke-dasharray:0 150;stroke-dashoffset:0}47.5%25{stroke-dasharray:42 150;stroke-dashoffset:-16}95%25,to{stroke-dasharray:42 150;stroke-dashoffset:-59}}%3C/style%3E%3Cg style='transform-origin:center;animation:spinner_zKoa 2s linear infinite'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' style='stroke-linecap:round;animation:spinner_YpZS 1.5s ease-in-out infinite'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%;pointer-events:none;width:1.5rem}.menu :where(li:empty){background-color:hsl(var(--bc)/.1);height:1px;margin:.5rem 1rem}.menu :where(li ul):before{background-color:hsl(var(--bc)/.1);bottom:.75rem;content:\"\";left:0;position:absolute;top:.75rem;width:1px}.menu :where(li:not(.menu-title):not(.disabled)>:not(ul):not(details):not(.menu-title)):not(.active).focus,.menu :where(li:not(.menu-title):not(.disabled)>:not(ul):not(details):not(.menu-title)):not(.active):focus,.menu :where(li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):not(.active).focus,.menu :where(li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):not(.active):focus{--tw-text-opacity:1;background-color:hsl(var(--bc)/.1);color:hsl(var(--bc)/var(--tw-text-opacity));cursor:pointer;outline:2px solid transparent;outline-offset:2px}.menu :where(li:not(.menu-title):not(.disabled)>:not(ul):not(details):not(.menu-title)):active,.menu :where(li:not(.menu-title):not(.disabled)>:not(ul):not(details):not(.menu-title)):where(.active),.menu :where(li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):active,.menu :where(li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):where(.active){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--n)/var(--tw-bg-opacity));color:hsl(var(--nc)/var(--tw-text-opacity))}.menu :where(li>details>summary)::-webkit-details-marker{display:none}.menu :where(li>.menu-dropdown-toggle):after,.menu :where(li>details>summary):after{box-shadow:2px 2px;content:\"\";display:block;height:.5rem;justify-self:end;margin-top:-.5rem;pointer-events:none;transform:rotate(45deg);transform-origin:75% 75%;transition-duration:.3s;transition-property:transform,margin-top;transition-timing-function:cubic-bezier(.4,0,.2,1);width:.5rem}.menu :where(li>.menu-dropdown-toggle.menu-dropdown-show):after,.menu :where(li>details[open]>summary):after{margin-top:0;transform:rotate(225deg)}.menu .menu-title{color:hsl(var(--bc)/.4);font-size:.875rem;font-weight:700;line-height:1.25rem;padding:.5rem 1rem}.mockup-phone .camera{background:#000;border-bottom-left-radius:17px;border-bottom-right-radius:17px;height:25px;left:0;margin:0 auto;position:relative;top:0;width:150px;z-index:11}.mockup-phone .camera:before{background-color:#0c0b0e;border-radius:5px;content:\"\";height:4px;left:50%;position:absolute;top:35%;transform:translate(-50%,-50%);width:50px}.mockup-phone .camera:after{background-color:#0f0b25;border-radius:5px;content:\"\";height:8px;left:70%;position:absolute;top:20%;width:8px}.mockup-phone .display{border-radius:40px;margin-top:-25px;overflow:hidden}.modal::backdrop{background:transparent}.modal-backdrop{align-self:stretch;color:transparent;display:grid;grid-column-start:1;grid-row-start:1;justify-self:stretch;z-index:-1}.modal-open .modal-box,.modal-toggle:checked+.modal .modal-box,.modal:target .modal-box,.modal[open] .modal-box{--tw-translate-y:0px;--tw-scale-x:1;--tw-scale-y:1;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))}.progress::-moz-progress-bar{--tw-bg-opacity:1;background-color:hsl(var(--n)/var(--tw-bg-opacity))}.progress:indeterminate:after{--tw-bg-opacity:1;animation:progress-loading 5s ease-in-out infinite;background-color:hsl(var(--n)/var(--tw-bg-opacity));border-radius:var(--rounded-box,1rem);bottom:0;content:\"\";left:-40%;position:absolute;top:0;width:33.333333%}.progress::-webkit-progress-bar{--tw-bg-opacity:0.2;background-color:hsl(var(--n)/var(--tw-bg-opacity));border-radius:var(--rounded-box,1rem)}.progress::-webkit-progress-value{--tw-bg-opacity:1;background-color:hsl(var(--nf)/var(--tw-bg-opacity));border-radius:var(--rounded-box,1rem)}@keyframes progress-loading{50%{left:107%}}.radio:focus-visible{outline-color:hsl(var(--bc)/1);outline-offset:2px;outline-style:solid;outline-width:2px}.radio:checked,.radio[aria-checked=true]{--tw-bg-opacity:1;animation:radiomark var(--animation-input,.2s) ease-in-out;background-color:hsl(var(--bc)/var(--tw-bg-opacity));box-shadow:0 0 0 4px hsl(var(--b1)) inset,0 0 0 4px hsl(var(--b1)) inset}.radio:disabled{cursor:not-allowed;opacity:.2}@keyframes radiomark{0%{box-shadow:0 0 0 12px hsl(var(--b1)) inset,0 0 0 12px hsl(var(--b1)) inset}50%{box-shadow:0 0 0 3px hsl(var(--b1)) inset,0 0 0 3px hsl(var(--b1)) inset}to{box-shadow:0 0 0 4px hsl(var(--b1)) inset,0 0 0 4px hsl(var(--b1)) inset}}.range:focus-visible::-webkit-slider-thumb{--focus-shadow:0 0 0 6px hsl(var(--b1)) inset,0 0 0 2rem hsl(var(--range-shdw)) inset}.range:focus-visible::-moz-range-thumb{--focus-shadow:0 0 0 6px hsl(var(--b1)) inset,0 0 0 2rem hsl(var(--range-shdw)) inset}.range::-webkit-slider-runnable-track{background-color:hsl(var(--bc)/.1);border-radius:var(--rounded-box,1rem);height:.5rem;width:100%}.range::-moz-range-track{background-color:hsl(var(--bc)/.1);border-radius:var(--rounded-box,1rem);height:.5rem;width:100%}.range::-webkit-slider-thumb{--tw-bg-opacity:1;--filler-size:100rem;--filler-offset:0.6rem;appearance:none;-webkit-appearance:none;background-color:hsl(var(--b1)/var(--tw-bg-opacity));border-radius:var(--rounded-box,1rem);border-style:none;box-shadow:0 0 0 3px hsl(var(--range-shdw)) inset,var(--focus-shadow,0 0),calc(var(--filler-size)*-1 - var(--filler-offset)) 0 0 var(--filler-size);color:hsl(var(--range-shdw));height:1.5rem;position:relative;top:50%;transform:translateY(-50%);width:1.5rem}.range::-moz-range-thumb{--tw-bg-opacity:1;--filler-size:100rem;--filler-offset:0.5rem;background-color:hsl(var(--b1)/var(--tw-bg-opacity));border-radius:var(--rounded-box,1rem);border-style:none;box-shadow:0 0 0 3px hsl(var(--range-shdw)) inset,var(--focus-shadow,0 0),calc(var(--filler-size)*-1 - var(--filler-offset)) 0 0 var(--filler-size);color:hsl(var(--range-shdw));height:1.5rem;position:relative;top:50%;width:1.5rem}@keyframes rating-pop{0%{transform:translateY(-.125em)}40%{transform:translateY(-.125em)}to{transform:translateY(0)}}.select-bordered{--tw-border-opacity:0.2}.select:focus{outline-color:hsl(var(--bc)/.2);outline-offset:2px;outline-style:solid;outline-width:2px}.select-disabled,.select:disabled,.select[disabled]{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:0.2;background-color:hsl(var(--b2)/var(--tw-bg-opacity));border-color:hsl(var(--b2)/var(--tw-border-opacity));cursor:not-allowed}.select-disabled::-moz-placeholder,.select:disabled::-moz-placeholder,.select[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2;color:hsl(var(--bc)/var(--tw-placeholder-opacity))}.select-disabled::-moz-placeholder, .select:disabled::-moz-placeholder, .select[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2;color:hsl(var(--bc)/var(--tw-placeholder-opacity))}.select-disabled::placeholder,.select:disabled::placeholder,.select[disabled]::placeholder{--tw-placeholder-opacity:0.2;color:hsl(var(--bc)/var(--tw-placeholder-opacity))}.select-multiple,.select[multiple],.select[size].select:not([size=\"1\"]){background-image:none;padding-right:1rem}[dir=rtl] .select{background-position:12px calc(1px + 50%),16px calc(1px + 50%)}:where(.stats)>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;--tw-divide-y-reverse:0;border-width:calc(0px*(1 - var(--tw-divide-y-reverse))) calc(1px*var(--tw-divide-x-reverse)) calc(0px*var(--tw-divide-y-reverse)) calc(1px*(1 - var(--tw-divide-x-reverse)))}.steps .step:before{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--b3)/var(--tw-bg-opacity));color:hsl(var(--bc)/var(--tw-text-opacity));content:\"\";grid-column-start:1;grid-row-start:1;height:.5rem;margin-left:-100%;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));width:100%}.steps .\\!step:before{--tw-bg-opacity:1!important;--tw-text-opacity:1!important;background-color:hsl(var(--b3)/var(--tw-bg-opacity))!important;color:hsl(var(--bc)/var(--tw-text-opacity))!important;content:\"\"!important;grid-column-start:1!important;grid-row-start:1!important;height:.5rem!important;margin-left:-100%!important;top:0!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;width:100%!important}.steps .step:after{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--b3)/var(--tw-bg-opacity));border-radius:9999px;color:hsl(var(--bc)/var(--tw-text-opacity));content:counter(step);counter-increment:step;display:grid;grid-column-start:1;grid-row-start:1;height:2rem;place-items:center;place-self:center;position:relative;width:2rem;z-index:1}.steps .\\!step:after{--tw-bg-opacity:1!important;--tw-text-opacity:1!important;background-color:hsl(var(--b3)/var(--tw-bg-opacity))!important;border-radius:9999px!important;color:hsl(var(--bc)/var(--tw-text-opacity))!important;content:counter(step)!important;counter-increment:step!important;display:grid!important;grid-column-start:1!important;grid-row-start:1!important;height:2rem!important;place-items:center!important;place-self:center!important;position:relative!important;width:2rem!important;z-index:1!important}.steps .step:first-child:before{content:none}.steps .\\!step:first-child:before{content:none!important}.steps .step[data-content]:after{content:attr(data-content)}.steps .\\!step[data-content]:after{content:attr(data-content)!important}.steps .step-neutral+.step-neutral:before,.steps .step-neutral:after{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--n)/var(--tw-bg-opacity));color:hsl(var(--nc)/var(--tw-text-opacity))}.steps .step-primary+.step-primary:before,.steps .step-primary:after{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--p)/var(--tw-bg-opacity));color:hsl(var(--pc)/var(--tw-text-opacity))}.steps .step-secondary+.step-secondary:before,.steps .step-secondary:after{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--s)/var(--tw-bg-opacity));color:hsl(var(--sc)/var(--tw-text-opacity))}.steps .step-accent+.step-accent:before,.steps .step-accent:after{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--a)/var(--tw-bg-opacity));color:hsl(var(--ac)/var(--tw-text-opacity))}.steps .step-info+.step-info:before,.steps .step-info:after{--tw-bg-opacity:1;background-color:hsl(var(--in)/var(--tw-bg-opacity))}.steps .step-info:after{--tw-text-opacity:1;color:hsl(var(--inc)/var(--tw-text-opacity))}.steps .step-success+.step-success:before,.steps .step-success:after{--tw-bg-opacity:1;background-color:hsl(var(--su)/var(--tw-bg-opacity))}.steps .step-success:after{--tw-text-opacity:1;color:hsl(var(--suc)/var(--tw-text-opacity))}.steps .step-warning+.step-warning:before,.steps .step-warning:after{--tw-bg-opacity:1;background-color:hsl(var(--wa)/var(--tw-bg-opacity))}.steps .step-warning:after{--tw-text-opacity:1;color:hsl(var(--wac)/var(--tw-text-opacity))}.steps .step-error+.step-error:before,.steps .step-error:after{--tw-bg-opacity:1;background-color:hsl(var(--er)/var(--tw-bg-opacity))}.steps .step-error:after{--tw-text-opacity:1;color:hsl(var(--erc)/var(--tw-text-opacity))}.tab.tab-active:not(.tab-disabled):not([disabled]){--tw-border-opacity:1;--tw-text-opacity:1;border-color:hsl(var(--bc)/var(--tw-border-opacity))}.tab:focus{outline:2px solid transparent;outline-offset:2px}.tab:focus-visible{outline:2px solid currentColor;outline-offset:-3px}.tab:focus-visible.tab-lifted{border-bottom-left-radius:var(--tab-radius,.5rem);border-bottom-right-radius:var(--tab-radius,.5rem)}.tab-disabled,.tab[disabled]{--tw-text-opacity:0.2;color:hsl(var(--bc)/var(--tw-text-opacity));cursor:not-allowed}.tabs-boxed .tab{border-radius:var(--rounded-btn,.5rem)}.table :where(th,td){padding:.75rem 1rem;vertical-align:middle}.table tr.active,.table tr.active:nth-child(2n),.table-zebra tbody tr:nth-child(2n){--tw-bg-opacity:1;background-color:hsl(var(--b2)/var(--tw-bg-opacity))}.table-zebra tr.active,.table-zebra tr.active:nth-child(2n),.table-zebra-zebra tbody tr:nth-child(2n){--tw-bg-opacity:1;background-color:hsl(var(--b3)/var(--tw-bg-opacity))}.table :where(thead,tbody) :where(tr:first-child:last-child),.table :where(thead,tbody) :where(tr:not(:last-child)){--tw-border-opacity:1;border-bottom-color:hsl(var(--b2)/var(--tw-border-opacity));border-bottom-width:1px}.table :where(thead,tfoot){color:hsl(var(--bc)/.6);font-size:.75rem;font-weight:700;line-height:1rem;white-space:nowrap}.textarea:focus{outline-color:hsl(var(--bc)/.2);outline-offset:2px;outline-style:solid;outline-width:2px}.textarea-disabled,.textarea:disabled,.textarea[disabled]{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:0.2;background-color:hsl(var(--b2)/var(--tw-bg-opacity));border-color:hsl(var(--b2)/var(--tw-border-opacity));cursor:not-allowed}.textarea-disabled::-moz-placeholder,.textarea:disabled::-moz-placeholder,.textarea[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2;color:hsl(var(--bc)/var(--tw-placeholder-opacity))}.textarea-disabled::-moz-placeholder, .textarea:disabled::-moz-placeholder, .textarea[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2;color:hsl(var(--bc)/var(--tw-placeholder-opacity))}.textarea-disabled::placeholder,.textarea:disabled::placeholder,.textarea[disabled]::placeholder{--tw-placeholder-opacity:0.2;color:hsl(var(--bc)/var(--tw-placeholder-opacity))}.toast>*{animation:toast-pop .25s ease-out}@keyframes toast-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}[dir=rtl] .toggle{--handleoffsetcalculator:calc(var(--handleoffset)*1)}.toggle:focus-visible{outline-color:hsl(var(--bc)/.2);outline-offset:2px;outline-style:solid;outline-width:2px}.toggle:checked,.toggle[aria-checked=true],.toggle[checked=true]{--handleoffsetcalculator:var(--handleoffset);--tw-border-opacity:1;--tw-bg-opacity:1}[dir=rtl] .toggle:checked,[dir=rtl] .toggle[aria-checked=true],[dir=rtl] .toggle[checked=true]{--handleoffsetcalculator:calc(var(--handleoffset)*-1)}.toggle:indeterminate{--tw-border-opacity:1;--tw-bg-opacity:1;box-shadow:calc(var(--handleoffset)/2) 0 0 2px var(--tglbg) inset,calc(var(--handleoffset)/-2) 0 0 2px var(--tglbg) inset,0 0 0 2px var(--tglbg) inset}[dir=rtl] .toggle:indeterminate{box-shadow:calc(var(--handleoffset)/2) 0 0 2px var(--tglbg) inset,calc(var(--handleoffset)/-2) 0 0 2px var(--tglbg) inset,0 0 0 2px var(--tglbg) inset}.toggle:disabled{--tw-border-opacity:1;--togglehandleborder:0 0 0 3px hsl(var(--bc)) inset,var(--handleoffsetcalculator) 0 0 3px hsl(var(--bc)) inset;background-color:transparent;border-color:hsl(var(--bc)/var(--tw-border-opacity));cursor:not-allowed;opacity:.3}.tooltip.tooltip-primary{--tooltip-color:hsl(var(--p));--tooltip-text-color:hsl(var(--pc))}.tooltip.tooltip-secondary{--tooltip-color:hsl(var(--s));--tooltip-text-color:hsl(var(--sc))}.tooltip.tooltip-accent{--tooltip-color:hsl(var(--a));--tooltip-text-color:hsl(var(--ac))}.tooltip.tooltip-info{--tooltip-color:hsl(var(--in));--tooltip-text-color:hsl(var(--inc))}.tooltip.tooltip-success{--tooltip-color:hsl(var(--su));--tooltip-text-color:hsl(var(--suc))}.tooltip.tooltip-warning{--tooltip-color:hsl(var(--wa));--tooltip-text-color:hsl(var(--wac))}.tooltip.tooltip-error{--tooltip-color:hsl(var(--er));--tooltip-text-color:hsl(var(--erc))}.btm-nav-xs>:where(.active){border-top-width:1px}.btm-nav-sm>:where(.active){border-top-width:2px}.btm-nav-md>:where(.active){border-top-width:2px}.btm-nav-lg>:where(.active){border-top-width:4px}.join.join-vertical{flex-direction:column}.join.join-vertical .join-item:first-child:not(:last-child),.join.join-vertical :first-child:not(:last-child) .join-item{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:inherit;border-top-right-radius:inherit}.join.join-vertical .join-item:last-child:not(:first-child),.join.join-vertical :last-child:not(:first-child) .join-item{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;border-top-left-radius:0;border-top-right-radius:0}.join.join-horizontal{flex-direction:row}.join.join-horizontal .join-item:first-child:not(:last-child),.join.join-horizontal :first-child:not(:last-child) .join-item{border-bottom-left-radius:inherit;border-bottom-right-radius:0;border-top-left-radius:inherit;border-top-right-radius:0}.join.join-horizontal .join-item:last-child:not(:first-child),.join.join-horizontal :last-child:not(:first-child) .join-item{border-bottom-left-radius:0;border-bottom-right-radius:inherit;border-top-left-radius:0;border-top-right-radius:inherit}.modal-middle{place-items:center}.steps-horizontal .\\!step{display:grid!important;grid-template-columns:repeat(1,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;place-items:center!important;text-align:center!important}.steps-horizontal .step{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));place-items:center;text-align:center}.steps-vertical .\\!step{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(1,minmax(0,1fr))!important}.steps-vertical .step{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(1,minmax(0,1fr))}:where(.toast){--tw-translate-x:0px;--tw-translate-y:0px;bottom:0;left:auto;right:0;top:auto;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))}.toast:where(.toast-start){--tw-translate-x:0px;left:0;right:auto;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))}.toast:where(.toast-center){--tw-translate-x:-50%;left:50%;right: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))}.toast:where(.toast-end){--tw-translate-x:0px;left:auto;right: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))}.toast:where(.toast-bottom){--tw-translate-y:0px;bottom:0;top:auto;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))}.toast:where(.toast-middle){--tw-translate-y:-50%;bottom:auto;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))}.toast:where(.toast-top){--tw-translate-y:0px;bottom:auto;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))}.tooltip{--tooltip-offset:calc(100% + 1px + var(--tooltip-tail, 0px))}.tooltip:before{--tw-content:attr(data-tip);content:var(--tw-content);pointer-events:none;position:absolute;z-index:1}.tooltip-top:before,.tooltip:before{bottom:var(--tooltip-offset);left:50%;right:auto;top:auto;transform:translateX(-50%)}.card-compact .card-body{font-size:.875rem;line-height:1.25rem;padding:1rem}.card-compact .card-title{margin-bottom:.25rem}.card-normal .card-body{font-size:1rem;line-height:1.5rem;padding:var(--padding-card,2rem)}.card-normal .card-title{margin-bottom:.75rem}.join.join-vertical>:where(:not(:first-child)){margin-left:0;margin-right:0;margin-top:-1px}.join.join-horizontal>:where(:not(:first-child)){margin-bottom:0;margin-left:-1px;margin-top:0}.modal-top :where(.modal-box){--tw-translate-y:-2.5rem;--tw-scale-x:1;--tw-scale-y:1;border-bottom-left-radius:var(--rounded-box,1rem);border-bottom-right-radius:var(--rounded-box,1rem);border-top-left-radius:0;border-top-right-radius:0;max-width:none;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));width:100%}.modal-middle :where(.modal-box){--tw-translate-y:0px;--tw-scale-x:.9;--tw-scale-y:.9;border-bottom-left-radius:var(--rounded-box,1rem);border-bottom-right-radius:var(--rounded-box,1rem);border-top-left-radius:var(--rounded-box,1rem);border-top-right-radius:var(--rounded-box,1rem);max-width:32rem;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));width:91.666667%}.modal-bottom :where(.modal-box){--tw-translate-y:2.5rem;--tw-scale-x:1;--tw-scale-y:1;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:var(--rounded-box,1rem);border-top-right-radius:var(--rounded-box,1rem);max-width:none;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));width:100%}.steps-horizontal .\\!step{grid-template-columns:auto!important;grid-template-rows:40px 1fr!important;min-width:4rem!important}.steps-horizontal .step{grid-template-columns:auto;grid-template-rows:40px 1fr;min-width:4rem}.steps-horizontal .\\!step:before{--tw-translate-y:0px!important;--tw-translate-x:0px!important;content:\"\"!important;height:.5rem!important;margin-left:-100%!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;width:100%!important}.steps-horizontal .step:before{--tw-translate-y:0px;--tw-translate-x:0px;content:\"\";height:.5rem;margin-left:-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));width:100%}.steps-vertical .\\!step{gap:.5rem!important;grid-template-columns:40px 1fr!important;grid-template-rows:auto!important;justify-items:start!important;min-height:4rem!important}.steps-vertical .step{gap:.5rem;grid-template-columns:40px 1fr;grid-template-rows:auto;justify-items:start;min-height:4rem}.steps-vertical .\\!step:before{--tw-translate-y:-50%!important;--tw-translate-x:-50%!important;height:100%!important;margin-left:50%!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;width:.5rem!important}.steps-vertical .step:before{--tw-translate-y:-50%;--tw-translate-x:-50%;height:100%;margin-left: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));width:.5rem}[dir=rtl] .steps-vertical .\\!step:before{margin-right:auto!important}[dir=rtl] .steps-vertical .step:before{margin-right:auto}.tooltip{--tooltip-tail:0.1875rem;--tooltip-color:hsl(var(--n));--tooltip-text-color:hsl(var(--nc));--tooltip-tail-offset:calc(100% + 0.0625rem - var(--tooltip-tail));display:inline-block;position:relative;text-align:center}.tooltip:after,.tooltip:before{opacity:0;transition-delay:.1s;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.tooltip:after{border-style:solid;border-width:var(--tooltip-tail,0);content:\"\";display:block;height:0;position:absolute;width:0}.tooltip:before{background-color:var(--tooltip-color);border-radius:.25rem;color:var(--tooltip-text-color);font-size:.875rem;line-height:1.25rem;max-width:20rem;padding:.25rem .5rem;width:-moz-max-content;width:max-content}.tooltip.tooltip-open:after,.tooltip.tooltip-open:before,.tooltip:hover:after,.tooltip:hover:before{opacity:1;transition-delay:75ms}.tooltip:has(:focus-visible):after,.tooltip:has(:focus-visible):before{opacity:1;transition-delay:75ms}.tooltip:not([data-tip]):hover:after,.tooltip:not([data-tip]):hover:before{opacity:0;visibility:hidden}.tooltip-top:after,.tooltip:after{border-color:var(--tooltip-color) transparent transparent transparent;bottom:var(--tooltip-tail-offset);left:50%;right:auto;top:auto;transform:translateX(-50%)}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.\\!visible{visibility:visible!important}.visible{visibility:visible}.static{position:static}.\\!absolute{position:absolute!important}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.bottom-0{bottom:0}.bottom-\\[10px\\]{bottom:10px}.bottom-\\[40px\\]{bottom:40px}.left-0{left:0}.left-1{left:.25rem}.left-2\\/4{left:50%}.left-4{left:1rem}.left-5{left:1.25rem}.left-\\[60px\\]{left:60px}.right-0{right:0}.right-1{right:.25rem}.right-\\[0\\.6875rem\\]{right:.6875rem}.top-0{top:0}.top-1{top:.25rem}.top-1\\/2{top:50%}.top-11{top:2.75rem}.top-\\[0\\.6875rem\\]{top:.6875rem}.top-\\[25vh\\]{top:25vh}.top-\\[42\\%\\]{top:42%}.z-0{z-index:0}.z-10{z-index:10}.z-\\[7\\]{z-index:7}.float-right{float:right}.float-left{float:left}.m-0{margin:0}.m-2{margin:.5rem}.m-\\[20px\\]{margin:20px}.m-\\[auto\\],.m-auto{margin:auto}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.mx-\\[20px\\]{margin-left:20px;margin-right:20px}.my-1{margin-bottom:.25rem;margin-top:.25rem}.my-3{margin-bottom:.75rem;margin-top:.75rem}.my-4{margin-bottom:1rem;margin-top:1rem}.my-\\[16px\\]{margin-bottom:16px;margin-top:16px}.\\!mb-\\[14\\.5px\\]{margin-bottom:14.5px!important}.\\!mr-\\[auto\\]{margin-right:auto!important}.-mr-0{margin-right:0}.-mr-0\\.5{margin-right:-.125rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-\\[1\\.25rem\\]{margin-bottom:1.25rem}.mb-\\[12px\\]{margin-bottom:12px}.mb-\\[16\\.5px\\]{margin-bottom:16.5px}.mb-\\[1rem\\]{margin-bottom:1rem}.mb-\\[8\\.5px\\]{margin-bottom:8.5px}.ml-0{margin-left:0}.ml-2{margin-left:.5rem}.ml-\\[33px\\]{margin-left:33px}.ml-\\[36px\\]{margin-left:36px}.ml-\\[auto\\]{margin-left:auto}.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}.mr-\\[10px\\]{margin-right:10px}.mr-\\[16px\\]{margin-right:16px}.mr-\\[1rem\\]{margin-right:1rem}.mr-\\[24px\\]{margin-right:24px}.mr-\\[auto\\]{margin-right:auto}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-\\[1\\.875rem\\]{margin-top:1.875rem}.mt-\\[12px\\]{margin-top:12px}.mt-\\[13px\\]{margin-top:13px}.mt-\\[14px\\]{margin-top:14px}.mt-\\[17px\\]{margin-top:17px}.mt-\\[26px\\]{margin-top:26px}.mt-\\[30px\\]{margin-top:30px}.mt-\\[50px\\]{margin-top:50px}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.grid{display:grid}.contents{display:contents}.hidden{display:none}.\\!h-\\[40px\\]{height:40px!important}.h-10{height:2.5rem}.h-16{height:4rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-\\[1\\.5rem\\]{height:1.5rem}.h-\\[1\\.875rem\\]{height:1.875rem}.h-\\[100\\%\\]{height:100%}.h-\\[100vh\\]{height:100vh}.h-\\[125px\\]{height:125px}.h-\\[1rem\\]{height:1rem}.h-\\[220px\\]{height:220px}.h-\\[24px\\]{height:24px}.h-\\[30px\\]{height:30px}.h-\\[35px\\]{height:35px}.h-\\[3rem\\]{height:3rem}.h-\\[40px\\]{height:40px}.h-\\[40vh\\]{height:40vh}.h-\\[42vh\\]{height:42vh}.h-\\[45px\\]{height:45px}.h-\\[48px\\]{height:48px}.h-\\[50vh\\]{height:50vh}.h-\\[5rem\\]{height:5rem}.h-\\[6\\.25rem\\]{height:6.25rem}.h-\\[65vh\\]{height:65vh}.h-\\[80px\\]{height:80px}.h-\\[88vh\\]{height:88vh}.h-\\[auto\\]{height:auto}.h-\\[unset\\]{height:unset}.h-full{height:100%}.h-max{height:-moz-max-content;height:max-content}.h-screen{height:100vh}.\\!max-h-\\[31\\.25rem\\]{max-height:31.25rem!important}.max-h-60{max-height:15rem}.max-h-\\[140px\\]{max-height:140px}.max-h-\\[15\\.4375rem\\]{max-height:15.4375rem}.max-h-\\[3\\.75rem\\]{max-height:3.75rem}.max-h-\\[51vh\\]{max-height:51vh}.max-h-screen{max-height:100vh}.min-h-\\[140px\\]{min-height:140px}.min-h-\\[7\\.5rem\\]{min-height:7.5rem}.w-1\\/2{width:50%}.w-10{width:2.5rem}.w-14{width:3.5rem}.w-40{width:10rem}.w-5{width:1.25rem}.w-9{width:2.25rem}.w-\\[1\\.875rem\\]{width:1.875rem}.w-\\[100\\%\\]{width:100%}.w-\\[10vw\\]{width:10vw}.w-\\[13rem\\]{width:13rem}.w-\\[145px\\]{width:145px}.w-\\[160px\\]{width:160px}.w-\\[1px\\]{width:1px}.w-\\[210px\\]{width:210px}.w-\\[21rem\\]{width:21rem}.w-\\[30px\\]{width:30px}.w-\\[40px\\]{width:40px}.w-\\[40vw\\]{width:40vw}.w-\\[45px\\]{width:45px}.w-\\[5rem\\]{width:5rem}.w-\\[6\\.25rem\\]{width:6.25rem}.w-\\[7\\.5rem\\]{width:7.5rem}.w-\\[70\\%\\]{width:70%}.w-\\[80\\%\\]{width:80%}.w-\\[80px\\]{width:80px}.w-\\[90\\%\\]{width:90%}.w-\\[9rem\\]{width:9rem}.w-auto{width:auto}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\\[140px\\]{min-width:140px}.max-w-\\[140px\\]{max-width:140px}.max-w-\\[220px\\]{max-width:220px}.max-w-\\[37\\.125rem\\]{max-width:37.125rem}.max-w-\\[73\\%\\]{max-width:73%}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.grow-0{flex-grow:0}.origin-bottom-left{transform-origin:bottom left}.origin-top-right{transform-origin:top right}.-translate-x-2\\/4{--tw-translate-x:-50%}.-translate-x-2\\/4,.-translate-y-1\\/2{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-1\\/2{--tw-translate-y:-50%}.-translate-y-\\[30\\%\\]{--tw-translate-y:-30%}.-translate-y-\\[30\\%\\],.rotate-45{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-45{--tw-rotate:45deg}.\\!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))!important}.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))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.place-content-start{place-content:start}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-3\\.5{gap:.875rem}.gap-4{gap:1rem}.gap-\\[0\\.4375rem\\]{gap:.4375rem}.gap-\\[0\\.5rem\\]{gap:.5rem}.gap-\\[0\\.6875rem\\]{gap:.6875rem}.gap-\\[1\\.5625rem\\]{gap:1.5625rem}.gap-\\[1\\.625rem\\]{gap:1.625rem}.gap-\\[1\\.75rem\\]{gap:1.75rem}.gap-\\[19px\\]{gap:19px}.gap-\\[24px\\]{gap:24px}.gap-\\[2vw\\]{gap:2vw}.gap-\\[31\\.5px\\]{gap:31.5px}.gap-\\[5px\\]{gap:5px}.gap-\\[8px\\]{gap:8px}.gap-x-\\[0\\.8125rem\\]{-moz-column-gap:.8125rem;column-gap:.8125rem}.gap-x-\\[0\\.875rem\\]{-moz-column-gap:.875rem;column-gap:.875rem}.gap-x-\\[15px\\]{-moz-column-gap:15px;column-gap:15px}.gap-x-\\[1rem\\]{-moz-column-gap:1rem;column-gap:1rem}.gap-y-3{row-gap:.75rem}.gap-y-3\\.5{row-gap:.875rem}.gap-y-5{row-gap:1.25rem}.gap-y-\\[0\\.3125rem\\]{row-gap:.3125rem}.gap-y-\\[12px\\]{row-gap:12px}.gap-y-\\[1rem\\]{row-gap:1rem}.space-x-5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.25rem*var(--tw-space-x-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.self-start{align-self:flex-start}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.break-all{word-break:break-all}.\\!rounded-full{border-radius:9999px!important}.\\!rounded-none{border-radius:0!important}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-none{border-radius:0}.\\!border-0{border-width:0!important}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-\\[1px\\]{border-width:1px}.border-b,.border-b-\\[1px\\]{border-bottom-width:1px}.border-r-\\[1px\\]{border-right-width:1px}.border-t{border-top-width:1px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-none{border-style:none}.\\!border-\\[\\#ebebeb\\]{--tw-border-opacity:1!important;border-color:rgb(235 235 235/var(--tw-border-opacity))!important}.border-\\[\\#353535\\]{--tw-border-opacity:1;border-color:rgb(53 53 53/var(--tw-border-opacity))}.border-\\[\\#5d5d5d\\]{--tw-border-opacity:1;border-color:rgb(93 93 93/var(--tw-border-opacity))}.border-\\[\\#707070\\]{--tw-border-opacity:1;border-color:rgb(112 112 112/var(--tw-border-opacity))}.border-\\[\\#9A9A9A\\]{--tw-border-opacity:1;border-color:rgb(154 154 154/var(--tw-border-opacity))}.border-\\[\\#BEBEBE\\]{--tw-border-opacity:1;border-color:rgb(190 190 190/var(--tw-border-opacity))}.border-\\[\\#D6D6D6\\]{--tw-border-opacity:1;border-color:rgb(214 214 214/var(--tw-border-opacity))}.border-\\[\\#D7D7D7\\]{--tw-border-opacity:1;border-color:rgb(215 215 215/var(--tw-border-opacity))}.border-\\[\\#E11938\\]{--tw-border-opacity:1;border-color:rgb(225 25 56/var(--tw-border-opacity))}.border-\\[\\#E11A38\\]{--tw-border-opacity:1;border-color:rgb(225 26 56/var(--tw-border-opacity))}.border-\\[\\#EBEBEB\\]{--tw-border-opacity:1;border-color:rgb(235 235 235/var(--tw-border-opacity))}.border-\\[\\#ECEBED\\]{--tw-border-opacity:1;border-color:rgb(236 235 237/var(--tw-border-opacity))}.border-\\[\\#F4F4F4\\]{--tw-border-opacity:1;border-color:rgb(244 244 244/var(--tw-border-opacity))}.border-\\[\\#FCE8EB\\]{--tw-border-opacity:1;border-color:rgb(252 232 235/var(--tw-border-opacity))}.border-\\[\\#bebebe\\]{--tw-border-opacity:1;border-color:rgb(190 190 190/var(--tw-border-opacity))}.border-\\[\\#c2c2c2\\]{--tw-border-opacity:1;border-color:rgb(194 194 194/var(--tw-border-opacity))}.border-\\[\\#e0e0e0\\]{--tw-border-opacity:1;border-color:rgb(224 224 224/var(--tw-border-opacity))}.border-\\[\\#e11a38\\]{--tw-border-opacity:1;border-color:rgb(225 26 56/var(--tw-border-opacity))}.border-\\[\\#e5e5e5\\]{--tw-border-opacity:1;border-color:rgb(229 229 229/var(--tw-border-opacity))}.border-\\[\\#ebebeb\\]{--tw-border-opacity:1;border-color:rgb(235 235 235/var(--tw-border-opacity))}.border-\\[\\#ecebed\\]{--tw-border-opacity:1;border-color:rgb(236 235 237/var(--tw-border-opacity))}.border-\\[\\#f4f4f4\\]{--tw-border-opacity:1;border-color:rgb(244 244 244/var(--tw-border-opacity))}.border-\\[black\\]{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity))}.border-\\[red\\]{--tw-border-opacity:1;border-color:rgb(255 0 0/var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity))}.border-indigo-600{--tw-border-opacity:1;border-color:rgb(79 70 229/var(--tw-border-opacity))}.border-slate-500{--tw-border-opacity:1;border-color:rgb(100 116 139/var(--tw-border-opacity))}.border-b-\\[\\#EBEBEB\\]{--tw-border-opacity:1;border-bottom-color:rgb(235 235 235/var(--tw-border-opacity))}.border-r-\\[\\#D7D7D7\\]{--tw-border-opacity:1;border-right-color:rgb(215 215 215/var(--tw-border-opacity))}.border-t-\\[\\#EBEBEB\\]{--tw-border-opacity:1;border-top-color:rgb(235 235 235/var(--tw-border-opacity))}.\\!bg-\\[\\#ffffff\\]{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.\\!bg-transparent{background-color:transparent!important}.bg-\\[\\#00000046\\]{background-color:#00000046}.bg-\\[\\#010101\\]{--tw-bg-opacity:1;background-color:rgb(1 1 1/var(--tw-bg-opacity))}.bg-\\[\\#353535\\]{--tw-bg-opacity:1;background-color:rgb(53 53 53/var(--tw-bg-opacity))}.bg-\\[\\#BBBBBB\\]{--tw-bg-opacity:1;background-color:rgb(187 187 187/var(--tw-bg-opacity))}.bg-\\[\\#D13F42\\]{--tw-bg-opacity:1;background-color:rgb(209 63 66/var(--tw-bg-opacity))}.bg-\\[\\#D5E9FA\\]{--tw-bg-opacity:1;background-color:rgb(213 233 250/var(--tw-bg-opacity))}.bg-\\[\\#D5F2EA\\]{--tw-bg-opacity:1;background-color:rgb(213 242 234/var(--tw-bg-opacity))}.bg-\\[\\#DE802E\\]{--tw-bg-opacity:1;background-color:rgb(222 128 46/var(--tw-bg-opacity))}.bg-\\[\\#E11A38\\]{--tw-bg-opacity:1;background-color:rgb(225 26 56/var(--tw-bg-opacity))}.bg-\\[\\#E21938\\]{--tw-bg-opacity:1;background-color:rgb(226 25 56/var(--tw-bg-opacity))}.bg-\\[\\#E4BB30\\]{--tw-bg-opacity:1;background-color:rgb(228 187 48/var(--tw-bg-opacity))}.bg-\\[\\#F1F1F1\\]{--tw-bg-opacity:1;background-color:rgb(241 241 241/var(--tw-bg-opacity))}.bg-\\[\\#F7F7F7\\]{--tw-bg-opacity:1;background-color:rgb(247 247 247/var(--tw-bg-opacity))}.bg-\\[\\#F8F8F8\\]{--tw-bg-opacity:1;background-color:rgb(248 248 248/var(--tw-bg-opacity))}.bg-\\[\\#FCD7D7\\]{--tw-bg-opacity:1;background-color:rgb(252 215 215/var(--tw-bg-opacity))}.bg-\\[\\#FCE8EB\\]{--tw-bg-opacity:1;background-color:rgb(252 232 235/var(--tw-bg-opacity))}.bg-\\[\\#FFF8E7\\]{--tw-bg-opacity:1;background-color:rgb(255 248 231/var(--tw-bg-opacity))}.bg-\\[\\#FFFFFF\\]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-\\[\\#cf132b\\]{--tw-bg-opacity:1;background-color:rgb(207 19 43/var(--tw-bg-opacity))}.bg-\\[\\#e11a38\\]{--tw-bg-opacity:1;background-color:rgb(225 26 56/var(--tw-bg-opacity))}.bg-\\[\\#f2f2f2\\]{--tw-bg-opacity:1;background-color:rgb(242 242 242/var(--tw-bg-opacity))}.bg-\\[\\#f7f7f7\\]{--tw-bg-opacity:1;background-color:rgb(247 247 247/var(--tw-bg-opacity))}.bg-\\[\\#fce8eb\\]{--tw-bg-opacity:1;background-color:rgb(252 232 235/var(--tw-bg-opacity))}.bg-\\[\\#fff\\],.bg-\\[\\#ffffff\\]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-\\[black\\]{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-base-100{--tw-bg-opacity:1;background-color:hsl(var(--b1)/var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity))}.bg-slate-300{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-cover{background-size:cover}.bg-clip-padding{background-clip:padding-box}.bg-no-repeat{background-repeat:no-repeat}.p-0{padding:0}.p-0\\.5{padding:.125rem}.p-1{padding:.25rem}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-2\\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-\\[16px\\]{padding:16px}.p-\\[30px\\]{padding:30px}.p-\\[50px\\]{padding:50px}.p-\\[9px\\]{padding:9px}.\\!py-\\[11px\\]{padding-bottom:11px!important;padding-top:11px!important}.px-1{padding-left:.25rem;padding-right:.25rem}.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-\\[0\\.125rem\\]{padding-left:.125rem;padding-right:.125rem}.px-\\[0\\.5rem\\]{padding-left:.5rem;padding-right:.5rem}.px-\\[0\\.75rem\\]{padding-left:.75rem;padding-right:.75rem}.px-\\[1\\.4063rem\\]{padding-left:1.4063rem;padding-right:1.4063rem}.px-\\[110px\\]{padding-left:110px;padding-right:110px}.px-\\[11px\\]{padding-left:11px;padding-right:11px}.px-\\[14\\.5px\\]{padding-left:14.5px;padding-right:14.5px}.px-\\[15px\\]{padding-left:15px;padding-right:15px}.px-\\[1rem\\]{padding-left:1rem;padding-right:1rem}.px-\\[2\\.3125rem\\]{padding-left:2.3125rem;padding-right:2.3125rem}.px-\\[20px\\]{padding-left:20px;padding-right:20px}.px-\\[27\\.85px\\]{padding-left:27.85px;padding-right:27.85px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.px-\\[36px\\]{padding-left:36px;padding-right:36px}.px-\\[39px\\]{padding-left:39px;padding-right:39px}.px-\\[40px\\]{padding-left:40px;padding-right:40px}.px-\\[80px\\]{padding-left:80px;padding-right:80px}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-\\[0\\.695rem\\]{padding-bottom:.695rem;padding-top:.695rem}.py-\\[0\\.7188rem\\]{padding-bottom:.7188rem;padding-top:.7188rem}.py-\\[0\\.75rem\\]{padding-bottom:.75rem;padding-top:.75rem}.py-\\[0\\.8125rem\\]{padding-bottom:.8125rem;padding-top:.8125rem}.py-\\[1\\.25rem\\]{padding-bottom:1.25rem;padding-top:1.25rem}.py-\\[1\\.8125rem\\]{padding-bottom:1.8125rem;padding-top:1.8125rem}.py-\\[1\\.875rem\\]{padding-bottom:1.875rem;padding-top:1.875rem}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[11\\.2px\\]{padding-bottom:11.2px;padding-top:11.2px}.py-\\[13px\\]{padding-bottom:13px;padding-top:13px}.py-\\[14px\\]{padding-bottom:14px;padding-top:14px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[5px\\]{padding-bottom:5px;padding-top:5px}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.py-\\[7px\\]{padding-bottom:7px;padding-top:7px}.\\!pl-\\[17px\\]{padding-left:17px!important}.pb-2{padding-bottom:.5rem}.pb-\\[0\\.3125rem\\]{padding-bottom:.3125rem}.pb-\\[1\\.125rem\\]{padding-bottom:1.125rem}.pb-\\[17px\\]{padding-bottom:17px}.pb-\\[2\\.0938rem\\]{padding-bottom:2.0938rem}.pl-2{padding-left:.5rem}.pl-\\[10px\\]{padding-left:10px}.pl-\\[16px\\]{padding-left:16px}.pl-\\[20px\\]{padding-left:20px}.pr-\\[14px\\]{padding-right:14px}.pr-\\[27px\\]{padding-right:27px}.pr-\\[33px\\]{padding-right:33px}.pr-\\[56px\\]{padding-right:56px}.pt-2{padding-top:.5rem}.pt-\\[0\\.375rem\\]{padding-top:.375rem}.pt-\\[1\\.3438rem\\]{padding-top:1.3438rem}.pt-\\[10px\\]{padding-top:10px}.pt-\\[17px\\]{padding-top:17px}.pt-\\[2\\.5px\\]{padding-top:2.5px}.pt-\\[23px\\]{padding-top:23px}.pt-\\[31px\\]{padding-top:31px}.pt-\\[7px\\]{padding-top:7px}.text-left{text-align:left}.text-center{text-align:center}.align-baseline{vertical-align:baseline}.align-middle{vertical-align:middle}.\\!text-\\[15px\\]{font-size:15px!important}.\\!text-\\[18px\\]{font-size:18px!important}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\\[11px\\]{font-size:11px}.text-\\[12px\\]{font-size:12px}.text-\\[13px\\]{font-size:13px}.text-\\[14px\\]{font-size:14px}.text-\\[15px\\]{font-size:15px}.text-\\[16px\\]{font-size:16px}.text-\\[17px\\]{font-size:17px}.text-\\[18px\\]{font-size:18px}.text-\\[21px\\]{font-size:21px}.text-\\[22px\\]{font-size:22px}.text-\\[25px\\]{font-size:25px}.text-\\[26px\\]{font-size:26px}.text-\\[28px\\]{font-size:28px}.text-\\[30px\\]{font-size:30px}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.\\!font-bold{font-weight:700!important}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.\\!leading-\\[24px\\]{line-height:24px!important}.leading-\\[0\\.8125rem\\]{line-height:.8125rem}.leading-\\[1\\.125rem\\]{line-height:1.125rem}.leading-\\[1\\.25rem\\]{line-height:1.25rem}.leading-\\[1\\.4375rem\\]{line-height:1.4375rem}.leading-\\[16px\\]{line-height:16px}.leading-\\[19px\\]{line-height:19px}.leading-\\[2\\.3125rem\\]{line-height:2.3125rem}.leading-\\[20px\\]{line-height:20px}.leading-\\[22px\\]{line-height:22px}.leading-\\[23px\\]{line-height:23px}.\\!text-\\[\\#353535\\]{--tw-text-opacity:1!important;color:rgb(53 53 53/var(--tw-text-opacity))!important}.text-\\[\\#353535\\]{--tw-text-opacity:1;color:rgb(53 53 53/var(--tw-text-opacity))}.text-\\[\\#5D5D5D\\],.text-\\[\\#5d5d5d\\]{--tw-text-opacity:1;color:rgb(93 93 93/var(--tw-text-opacity))}.text-\\[\\#707070\\]{--tw-text-opacity:1;color:rgb(112 112 112/var(--tw-text-opacity))}.text-\\[\\#727272\\]{--tw-text-opacity:1;color:rgb(114 114 114/var(--tw-text-opacity))}.text-\\[\\#747474\\]{--tw-text-opacity:1;color:rgb(116 116 116/var(--tw-text-opacity))}.text-\\[\\#9A9A9A\\]{--tw-text-opacity:1;color:rgb(154 154 154/var(--tw-text-opacity))}.text-\\[\\#9f9f9f\\]{--tw-text-opacity:1;color:rgb(159 159 159/var(--tw-text-opacity))}.text-\\[\\#E11938\\]{--tw-text-opacity:1;color:rgb(225 25 56/var(--tw-text-opacity))}.text-\\[\\#E11A38\\]{--tw-text-opacity:1;color:rgb(225 26 56/var(--tw-text-opacity))}.text-\\[\\#E21938\\]{--tw-text-opacity:1;color:rgb(226 25 56/var(--tw-text-opacity))}.text-\\[\\#c2c2c2\\]{--tw-text-opacity:1;color:rgb(194 194 194/var(--tw-text-opacity))}.text-\\[\\#cf132b\\]{--tw-text-opacity:1;color:rgb(207 19 43/var(--tw-text-opacity))}.text-\\[\\#e11a38\\]{--tw-text-opacity:1;color:rgb(225 26 56/var(--tw-text-opacity))}.text-\\[\\#fff\\],.text-\\[\\#ffffff\\]{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.text-lime-400{--tw-text-opacity:1;color:rgb(163 230 53/var(--tw-text-opacity))}.text-orange-300{--tw-text-opacity:1;color:rgb(253 186 116/var(--tw-text-opacity))}.text-orange-400{--tw-text-opacity:1;color:rgb(251 146 60/var(--tw-text-opacity))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity))}.text-teal-500{--tw-text-opacity:1;color:rgb(20 184 166/var(--tw-text-opacity))}.text-violet-600{--tw-text-opacity:1;color:rgb(124 58 237/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.\\!shadow-\\[0px_7px_64px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.07\\)\\]{--tw-shadow:0px 7px 64px rgba(0,0,0,.07)!important;--tw-shadow-colored:0px 7px 64px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.\\!shadow-\\[0px_7px_64px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.11\\)\\]{--tw-shadow:0px 7px 64px rgba(0,0,0,.11)!important;--tw-shadow-colored:0px 7px 64px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.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)}.shadow,.shadow-\\[0px_3px_6px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.16\\)\\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\\[0px_3px_6px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.16\\)\\]{--tw-shadow:0px 3px 6px rgba(0,0,0,.16);--tw-shadow-colored:0px 3px 6px var(--tw-shadow-color)}.shadow-\\[0px_7px_64px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.07\\)\\]{--tw-shadow:0px 7px 64px rgba(0,0,0,.07);--tw-shadow-colored:0px 7px 64px var(--tw-shadow-color)}.shadow-\\[0px_7px_64px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.07\\)\\],.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.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)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 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}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-0,.ring-1{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-inset{--tw-ring-inset:inset}.ring-\\[\\#E11A38\\]{--tw-ring-opacity:1;--tw-ring-color:rgb(225 26 56/var(--tw-ring-opacity))}.blur{--tw-blur:blur(8px)}.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)}.backdrop-blur-\\[21px\\]{--tw-backdrop-blur:blur(21px);-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,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;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-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@import url(\"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\");html{font-family:Roboto,sans-serif}.Toastify__toast-container{width:32vw!important}.Toastify__toast{padding:1rem!important}.Toastify__close-button{align-self:center!important}.Toastify__close-button>svg{fill:#707070!important}.Toastify__toast-theme--colored.Toastify__toast--success{background:#ebfbf5!important;border:1px solid #98d6bf;box-shadow:0 0 10px #00000059;color:#353535!important;font-family:Roboto,sans-serif;font-size:14px;font-weight:600}.Toastify__toast-theme--colored.Toastify__toast--success .Toastify__toast-icon>svg{fill:#00c48c!important}.Toastify__toast-theme--colored.Toastify__toast--error{background:#fce8eb!important;border:1px solid #ffd8de;box-shadow:0 0 10px #00000059;color:#353535!important;font-family:Roboto,sans-serif;font-size:14px;font-weight:600}.Toastify__toast-theme--colored.Toastify__toast--error .Toastify__toast-icon>svg{fill:hwb(351 10% 12%)!important;height:100%;width:100%}.Toastify__toast-theme--colored.Toastify__toast--info{background:#d5e9fa!important;border:1px solid #b5ddff;box-shadow:0 0 10px #00000059;color:#353535!important;font-family:Roboto,sans-serif;font-size:14px;font-weight:600}.Toastify__toast-theme--colored.Toastify__toast--info .Toastify__toast-icon>svg{fill:#0084f4!important}.Toastify__toast-icon{height:1.875rem!important;width:1.875rem!important}#slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;background-image:linear-gradient(#f00528,#f00528);background-repeat:no-repeat;background-size:70% 100%;height:18px;opacity:.7;outline:none;transition:opacity .2s;width:100%}#slider:hover{opacity:1}#slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#f00528;border-radius:2px;box-shadow:0 0 2px 0 #555;cursor:pointer;height:25px;-webkit-transition:background .3s ease-in-out;transition:background .3s ease-in-out;width:25px}input[type=range]::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#f00528;border-radius:2%;box-shadow:0 0 2px 0 #555;cursor:ew-resize;height:20px;-moz-transition:background .3s ease-in-out;transition:background .3s ease-in-out;width:20px}.btn-hover:hover{background:#e11a38;color:#fff}.link-hover:hover{color:#e11a38}@media (min-width:768px){.md\\:btn-md{font-size:.875rem;height:3rem;min-height:3rem;padding-left:1rem;padding-right:1rem}.btn-square:where(.md\\:btn-md){height:3rem;padding:0;width:3rem}.btn-circle:where(.md\\:btn-md){border-radius:9999px;height:3rem;padding:0;width:3rem}}.placeholder\\:leading-\\[20px\\]::-moz-placeholder{line-height:20px}.placeholder\\:leading-\\[20px\\]::placeholder{line-height:20px}.before\\:absolute:before{content:var(--tw-content);position:absolute}.before\\:left-\\[18px\\]:before{content:var(--tw-content);left:18px}.before\\:top-\\[-0\\.3125rem\\]:before{content:var(--tw-content);top:-.3125rem}.before\\:h-\\[0\\.75rem\\]:before{content:var(--tw-content);height:.75rem}.before\\:w-\\[0\\.75rem\\]:before{content:var(--tw-content);width:.75rem}.before\\:rotate-45:before{--tw-rotate:45deg;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))}.before\\:bg-\\[\\#ffffff\\]:before,.before\\:bg-\\[white\\]:before{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));content:var(--tw-content)}.before\\:content-\\[\\'\\'\\]:before{--tw-content:\"\";content:var(--tw-content)}.first\\:rounded-l:first-child{border-bottom-left-radius:.25rem;border-top-left-radius:.25rem}.last\\:rounded-r:last-child{border-bottom-right-radius:.25rem;border-top-right-radius:.25rem}.last\\:border-b-0:last-child{border-bottom-width:0}.hover\\:rounded-none:hover{border-radius:0}.hover\\:border-\\[\\#E11A38\\]:hover{--tw-border-opacity:1;border-color:rgb(225 26 56/var(--tw-border-opacity))}.hover\\:bg-\\[\\#E11A38\\]:hover{--tw-bg-opacity:1;background-color:rgb(225 26 56/var(--tw-bg-opacity))}.hover\\:bg-\\[\\#fce8eb\\]:hover{--tw-bg-opacity:1;background-color:rgb(252 232 235/var(--tw-bg-opacity))}.hover\\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.hover\\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.hover\\:font-bold:hover{font-weight:700}.hover\\:text-\\[\\#353535\\]:hover{--tw-text-opacity:1;color:rgb(53 53 53/var(--tw-text-opacity))}.hover\\:text-\\[\\#e11a38\\]:hover{--tw-text-opacity:1;color:rgb(225 26 56/var(--tw-text-opacity))}.hover\\:text-\\[\\#ffffff\\]:hover,.hover\\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:decoration-2:hover{text-decoration-thickness:2px}.hover\\:underline-offset-4:hover{text-underline-offset:4px}.focus\\:z-\\[3\\]:focus{z-index:3}.focus\\:rounded-sm:focus{border-radius:.125rem}.focus\\:border-0:focus{border-width:0}.focus\\:shadow-\\[inset_0_0_0_1px_rgb\\(212\\2c 212\\2c 212\\)\\]:focus{--tw-shadow:inset 0 0 0 1px #d4d4d4;--tw-shadow-colored:inset 0 0 0 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)}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\\:outline-offset-0:focus{outline-offset:0}.focus\\:outline-current:focus{outline-color:currentColor}.focus\\:ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\\:outline-0:focus-visible{outline-width:0}.active\\:bg-violet-700:active{--tw-bg-opacity:1;background-color:rgb(109 40 217/var(--tw-bg-opacity))}.group:hover .group-hover\\:fill-\\[\\#E11A38\\]{fill:#e11a38}@media (prefers-color-scheme:dark){.dark\\:border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity))}.dark\\:bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.dark\\:hover\\:border-gray-500:hover{--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity))}.dark\\:hover\\:bg-gray-600:hover{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity))}}@media (min-width:640px){.sm\\:mt-0{margin-top:0}.sm\\:h-\\[42vh\\]{height:42vh}.sm\\:h-\\[55vh\\]{height:55vh}.sm\\:w-\\[60\\%\\]{width:60%}.sm\\:w-auto{width:auto}}@media (min-width:768px){.md\\:absolute{position:absolute}.md\\:relative{position:relative}.md\\:bottom-\\[20px\\]{bottom:20px}.md\\:right-0{right:0}.md\\:mr-\\[0\\%\\]{margin-right:0}.md\\:block{display:block}.md\\:h-auto{height:auto}.md\\:w-\\[100\\%\\]{width:100%}.md\\:w-\\[65\\%\\]{width:65%}.md\\:w-\\[auto\\]{width:auto}.md\\:w-full{width:100%}.md\\:max-w-\\[100\\%\\]{max-width:100%}.md\\:-translate-y-2\\/4{--tw-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))}.md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\\:flex-row{flex-direction:row}.md\\:flex-col{flex-direction:column}.md\\:justify-end{justify-content:flex-end}.md\\:p-\\[98px\\]{padding:98px}.md\\:px-\\[112px\\]{padding-left:112px;padding-right:112px}.md\\:before\\:left-\\[unset\\]:before{content:var(--tw-content);left:unset}.md\\:before\\:right-\\[18px\\]:before{content:var(--tw-content);right:18px}}@media (min-width:1024px){.lg\\:mr-\\[30px\\]{margin-right:30px}.lg\\:w-2\\/5{width:40%}.lg\\:w-\\[10\\%\\]{width:10%}.lg\\:w-\\[50\\%\\]{width:50%}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\\:flex-row{flex-direction:row}}@media (min-width:1280px){.xl\\:w-\\[40\\%\\]{width:40%}.xl\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width:1536px){.\\32xl\\:top-2\\/4{top:50%}.\\32xl\\:h-\\[50vh\\]{height:50vh}.\\32xl\\:h-\\[60vh\\]{height:60vh}.\\32xl\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.\\32xl\\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}}";
60
+ var css_248z = "/*! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:\"\"}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,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;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;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-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}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{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-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,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::-moz-placeholder, textarea::-moz-placeholder{color:#9ca3af;opacity:1}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]{display:none}:root,[data-theme]{background-color:hsl(var(--b1)/var(--tw-bg-opacity,1));color:hsl(var(--bc)/var(--tw-text-opacity,1))}html{-webkit-tap-highlight-color:transparent}:root{--pf:259 94% 44%;--sf:314 100% 40%;--af:174 75% 39%;--nf:214 20% 14%;--in:198 93% 60%;--su:158 64% 52%;--wa:43 96% 56%;--er:0 91% 71%;--inc:198 100% 12%;--suc:158 100% 10%;--wac:43 100% 11%;--erc:0 100% 14%;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-text-case:uppercase;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:259 94% 51%;--pc:259 96% 91%;--s:314 100% 47%;--sc:314 100% 91%;--a:174 75% 46%;--ac:174 75% 11%;--n:214 20% 21%;--nc:212 19% 87%;--b1:0 0% 100%;--b2:0 0% 95%;--b3:180 2% 90%;--bc:215 28% 17%;color-scheme:light}@media (prefers-color-scheme:dark){:root{--pf:262 80% 43%;--sf:316 70% 43%;--af:175 70% 34%;--in:198 93% 60%;--su:158 64% 52%;--wa:43 96% 56%;--er:0 91% 71%;--inc:198 100% 12%;--suc:158 100% 10%;--wac:43 100% 11%;--erc:0 100% 14%;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-text-case:uppercase;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:262 80% 50%;--pc:0 0% 100%;--s:316 70% 50%;--sc:0 0% 100%;--a:175 70% 41%;--ac:0 0% 100%;--n:213 18% 20%;--nf:212 17% 17%;--nc:220 13% 69%;--b1:212 18% 14%;--b2:213 18% 12%;--b3:213 18% 10%;--bc:220 13% 69%;color-scheme:dark}}[data-theme=light]{--pf:259 94% 44%;--sf:314 100% 40%;--af:174 75% 39%;--nf:214 20% 14%;--in:198 93% 60%;--su:158 64% 52%;--wa:43 96% 56%;--er:0 91% 71%;--inc:198 100% 12%;--suc:158 100% 10%;--wac:43 100% 11%;--erc:0 100% 14%;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-text-case:uppercase;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:259 94% 51%;--pc:259 96% 91%;--s:314 100% 47%;--sc:314 100% 91%;--a:174 75% 46%;--ac:174 75% 11%;--n:214 20% 21%;--nc:212 19% 87%;--b1:0 0% 100%;--b2:0 0% 95%;--b3:180 2% 90%;--bc:215 28% 17%;color-scheme:light}[data-theme=dark]{--pf:262 80% 43%;--sf:316 70% 43%;--af:175 70% 34%;--in:198 93% 60%;--su:158 64% 52%;--wa:43 96% 56%;--er:0 91% 71%;--inc:198 100% 12%;--suc:158 100% 10%;--wac:43 100% 11%;--erc:0 100% 14%;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-text-case:uppercase;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:262 80% 50%;--pc:0 0% 100%;--s:316 70% 50%;--sc:0 0% 100%;--a:175 70% 41%;--ac:0 0% 100%;--n:213 18% 20%;--nf:212 17% 17%;--nc:220 13% 69%;--b1:212 18% 14%;--b2:213 18% 12%;--b3:213 18% 10%;--bc:220 13% 69%;color-scheme:dark}*,: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: }::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: }.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}}.alert{--tw-border-opacity:1;--tw-text-opacity:1;--alert-bg:hsl(var(--b2));--alert-bg-mix:hsl(var(--b1));align-content:flex-start;align-items:center;background-color:var(--alert-bg);border-color:hsl(var(--b2)/var(--tw-border-opacity));border-radius:var(--rounded-box,1rem);border-width:1px;color:hsl(var(--bc)/var(--tw-text-opacity));display:grid;gap:1rem;grid-auto-flow:row;justify-items:center;padding:1rem;text-align:center;width:100%}@media (min-width:640px){.alert{grid-auto-flow:column;grid-template-columns:auto minmax(auto,1fr);justify-items:start;text-align:left}}.avatar.placeholder>div{align-items:center;display:flex;justify-content:center}@media (hover:hover){.label a:hover{--tw-text-opacity:1;color:hsl(var(--bc)/var(--tw-text-opacity))}.menu :where(li:not(.menu-title):not(.disabled)>:not(ul):not(details):not(.menu-title)):where(.active),.menu :where(li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):where(.active){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--n)/var(--tw-bg-opacity));color:hsl(var(--nc)/var(--tw-text-opacity))}.tab:hover{--tw-text-opacity:1}.table tr.hover:hover,.table tr.hover:nth-child(2n):hover{--tw-bg-opacity:1;background-color:hsl(var(--b2)/var(--tw-bg-opacity))}.table-zebra tr.hover:hover,.table-zebra tr.hover:nth-child(2n):hover{--tw-bg-opacity:1;background-color:hsl(var(--b3)/var(--tw-bg-opacity))}}.card{border-radius:var(--rounded-box,1rem);display:flex;flex-direction:column;position:relative}.card:focus{outline:2px solid transparent;outline-offset:2px}.card-body{display:flex;flex:1 1 auto;flex-direction:column;gap:.5rem;padding:var(--padding-card,2rem)}.card-body :where(p){flex-grow:1}.card figure{align-items:center;display:flex;justify-content:center}.card.image-full{display:grid}.card.image-full:before{--tw-bg-opacity:1;background-color:hsl(var(--n)/var(--tw-bg-opacity));border-radius:var(--rounded-box,1rem);content:\"\";opacity:.75;position:relative;z-index:10}.card.image-full:before,.card.image-full>*{grid-column-start:1;grid-row-start:1}.card.image-full>figure img{height:100%;-o-object-fit:cover;object-fit:cover}.card.image-full>.card-body{--tw-text-opacity:1;color:hsl(var(--nc)/var(--tw-text-opacity));position:relative;z-index:20}.checkbox{--chkbg:var(--bc);--chkfg:var(--b1);--tw-border-opacity:0.2;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:hsl(var(--bc)/var(--tw-border-opacity));border-radius:var(--rounded-btn,.5rem);border-width:1px;cursor:pointer;flex-shrink:0;height:1.5rem;width:1.5rem}.dropdown .dropdown-content{position:absolute}.dropdown:is(:not(details)) .dropdown-content{--tw-scale-x:.95;--tw-scale-y:.95;opacity: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));transform-origin:top;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);visibility:hidden}.dropdown-end .dropdown-content{right:0}.dropdown-left .dropdown-content{bottom:auto;right:100%;top:0;transform-origin:right}.dropdown-right .dropdown-content{bottom:auto;left:100%;top:0;transform-origin:left}.dropdown-bottom .dropdown-content{bottom:auto;top:100%;transform-origin:top}.dropdown-top .dropdown-content{bottom:100%;top:auto;transform-origin:bottom}.dropdown-end.dropdown-left .dropdown-content,.dropdown-end.dropdown-right .dropdown-content{bottom:0;top:auto}.dropdown.dropdown-open .dropdown-content,.dropdown:focus-within .dropdown-content,.dropdown:not(.dropdown-hover):focus .dropdown-content{opacity:1;visibility:visible}@media (hover:hover){.dropdown.dropdown-hover:hover .dropdown-content{opacity:1;visibility:visible}.btm-nav>.disabled:hover,.btm-nav>[disabled]:hover{--tw-border-opacity:0;--tw-bg-opacity:0.1;--tw-text-opacity:0.2;background-color:hsl(var(--n)/var(--tw-bg-opacity));color:hsl(var(--bc)/var(--tw-text-opacity));pointer-events:none}.dropdown.dropdown-hover:hover .dropdown-content{--tw-scale-x:1;--tw-scale-y:1;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))}.menu :where(li:not(.menu-title):not(.disabled)>:not(ul):not(details):not(.menu-title)):not(.active):hover,.menu :where(li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):not(.active):hover{--tw-text-opacity:1;background-color:hsl(var(--bc)/.1);color:hsl(var(--bc)/var(--tw-text-opacity));cursor:pointer;outline:2px solid transparent;outline-offset:2px}.tab[disabled],.tab[disabled]:hover{--tw-text-opacity:0.2;color:hsl(var(--bc)/var(--tw-text-opacity));cursor:not-allowed}}.label{align-items:center;display:flex;justify-content:space-between;padding:.5rem .25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.\\!input{--tw-border-opacity:0!important;--tw-bg-opacity:1!important;background-color:hsl(var(--b1)/var(--tw-bg-opacity))!important;border-color:hsl(var(--bc)/var(--tw-border-opacity))!important;border-radius:var(--rounded-btn,.5rem)!important;border-width:1px!important;flex-shrink:1!important;font-size:1rem!important;height:3rem!important;line-height:2!important;line-height:1.5rem!important;padding-left:1rem!important;padding-right:1rem!important}.input{--tw-border-opacity:0;--tw-bg-opacity:1;background-color:hsl(var(--b1)/var(--tw-bg-opacity));border-color:hsl(var(--bc)/var(--tw-border-opacity));border-radius:var(--rounded-btn,.5rem);border-width:1px;flex-shrink:1;font-size:1rem;height:3rem;line-height:2;line-height:1.5rem;padding-left:1rem;padding-right:1rem}.input-group>.\\!input{isolation:isolate!important}.input-group>.input{isolation:isolate}.input-group>.\\!input{border-radius:0!important}.input-group>*,.input-group>.input,.input-group>.select,.input-group>.textarea{border-radius:0}.join{align-items:stretch;border-radius:var(--rounded-btn,.5rem);display:inline-flex}.join *{border-radius:inherit}.join :where(.join-item){border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:0;border-top-right-radius:0}.join .join-item:not(:first-child):not(:last-child),.join :not(:first-child):not(:last-child) .join-item{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:0;border-top-right-radius:0}.join .join-item:first-child:not(:last-child),.join :first-child:not(:last-child) .join-item{border-bottom-right-radius:0;border-top-right-radius:0}.join :where(.join-item:first-child:not(:last-child)),.join :where(:first-child:not(:last-child) .join-item){border-bottom-left-radius:inherit;border-top-left-radius:inherit}.join .join-item:last-child:not(:first-child),.join :last-child:not(:first-child) .join-item{border-bottom-left-radius:0;border-top-left-radius:0}.join :where(.join-item:last-child:not(:first-child)),.join :where(:last-child:not(:first-child) .join-item){border-bottom-right-radius:inherit;border-top-right-radius:inherit}.\\!link{cursor:pointer!important;text-decoration-line:underline!important}.link{cursor:pointer;text-decoration-line:underline}.\\!mask{-webkit-mask-position:center!important;mask-position:center!important;-webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important;-webkit-mask-size:contain!important;mask-size:contain!important}.mask{-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.menu{display:flex;flex-direction:column;flex-wrap:wrap;font-size:.875rem;line-height:1.25rem;padding:.5rem}.menu :where(li ul){margin-left:1rem;padding-left:.5rem;position:relative;white-space:nowrap}.menu :where(li:not(.menu-title)>:not(ul):not(details):not(.menu-title)),.menu :where(li:not(.menu-title)>details>summary:not(.menu-title)){align-content:flex-start;align-items:center;border-radius:var(--rounded-btn,.5rem);display:grid;gap:.5rem;grid-auto-columns:max-content auto max-content;grid-auto-flow:column;padding:.5rem 1rem;text-align:left;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.menu li.disabled{color:hsl(var(--bc)/.3);cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;user-select:none}.menu :where(li>.menu-dropdown:not(.menu-dropdown-show)){display:none}:where(.menu li){align-items:stretch;display:flex;flex-direction:column;flex-shrink:0;flex-wrap:wrap;position:relative}:where(.menu li) .badge{justify-self:end}.modal{background-color:transparent;background-color:rgba(0,0,0,.3);display:grid;height:100%;inset:0;justify-items:center;margin:0;max-height:none;max-width:none;opacity:0;overflow-y:hidden;overscroll-behavior:contain;padding:0;pointer-events:none;position:fixed;transition-duration:.2s;transition-property:transform,opacity,visibility;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:999}:where(.modal){align-items:center}.modal-box{--tw-scale-x:.9;--tw-scale-y:.9;--tw-bg-opacity:1;background-color:hsl(var(--b1)/var(--tw-bg-opacity));border-bottom-left-radius:var(--rounded-box,1rem);border-bottom-right-radius:var(--rounded-box,1rem);border-top-left-radius:var(--rounded-box,1rem);border-top-right-radius:var(--rounded-box,1rem);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);grid-column-start:1;grid-row-start:1;max-height:calc(100vh - 5em);max-width:32rem;overflow-y:auto;overscroll-behavior:contain;padding:1.5rem;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:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:91.666667%}.modal-open,.modal-toggle:checked+.modal,.modal:target,.modal[open]{opacity:1;pointer-events:auto;visibility:visible}:root:has(:is(.modal-open,.modal:target,.modal-toggle:checked+.modal,.modal[open])){overflow:hidden}.progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--rounded-box,1rem);height:.5rem;overflow:hidden;position:relative;width:100%}.radio{--chkbg:var(--bc);--tw-border-opacity:0.2;-webkit-appearance:none;border-color:hsl(var(--bc)/var(--tw-border-opacity));border-radius:9999px;border-width:1px;flex-shrink:0;width:1.5rem}.radio,.range{-moz-appearance:none;-webkit-appearance:none; appearance:none;cursor:pointer;height:1.5rem}.range{--range-shdw:var(--bc);-webkit-appearance:none;background-color:transparent;border-radius:var(--rounded-box,1rem);overflow:hidden;width:100%}.range:focus{outline:none}.select{--tw-border-opacity:0;--tw-bg-opacity:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:hsl(var(--b1)/var(--tw-bg-opacity));background-image:linear-gradient(45deg,transparent 50%,currentColor 0),linear-gradient(135deg,currentColor 50%,transparent 0);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border-color:hsl(var(--bc)/var(--tw-border-opacity));border-radius:var(--rounded-btn,.5rem);border-width:1px;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:3rem;line-height:1.25rem;line-height:2;min-height:3rem;padding-left:1rem;padding-right:2.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.select[multiple]{height:auto}.stack{display:inline-grid;place-items:center;align-items:flex-end}.stack>*{grid-column-start:1;grid-row-start:1;opacity:.6;transform:translateY(10%) scale(.9);width:100%;z-index:1}.stack>:nth-child(2){opacity:.8;transform:translateY(5%) scale(.95);z-index:2}.stack>:first-child{opacity:1;transform:translateY(0) scale(1);z-index:3}.stats{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--b1)/var(--tw-bg-opacity));border-radius:var(--rounded-box,1rem);color:hsl(var(--bc)/var(--tw-text-opacity));display:inline-grid}:where(.stats){grid-auto-flow:column;overflow-x:auto}.stat{--tw-border-opacity:0.1;border-color:hsl(var(--bc)/var(--tw-border-opacity));-moz-column-gap:1rem;column-gap:1rem;grid-template-columns:repeat(1,1fr);padding:1rem 1.5rem;width:100%}.stat,.steps{display:inline-grid}.steps{counter-reset:step;grid-auto-columns:1fr;grid-auto-flow:column;overflow:hidden;overflow-x:auto}.steps .step{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-template-columns:auto;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-rows:40px 1fr;min-width:4rem;place-items:center;text-align:center}.steps .\\!step{display:grid!important;grid-template-columns:repeat(1,minmax(0,1fr))!important;grid-template-columns:auto!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;grid-template-rows:40px 1fr!important;min-width:4rem!important;place-items:center!important;text-align:center!important}.tabs{align-items:flex-end;display:flex;flex-wrap:wrap}.tab{--tab-padding:1rem;--tw-text-opacity:0.5;--tab-color:hsl(var(--bc)/var(--tw-text-opacity,1));--tab-bg:hsl(var(--b1)/var(--tw-bg-opacity,1));--tab-border-color:hsl(var(--b3)/var(--tw-bg-opacity,1));align-items:center;color:var(--tab-color);cursor:pointer;display:inline-flex;flex-wrap:wrap;height:2rem;justify-content:center;line-height:1.25rem;line-height:2;padding-left:var(--tab-padding,1rem);padding-right:var(--tab-padding,1rem);text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tab,.table{font-size:.875rem;position:relative}.table{border-radius:var(--rounded-box,1rem);line-height:1.25rem;text-align:left;width:100%}.table :where(.table-pin-rows thead tr){--tw-bg-opacity:1;background-color:hsl(var(--b1)/var(--tw-bg-opacity));position:sticky;top:0;z-index:1}.table :where(.table-pin-rows tfoot tr){--tw-bg-opacity:1;background-color:hsl(var(--b1)/var(--tw-bg-opacity));bottom:0;position:sticky;z-index:1}.table :where(.table-pin-cols tr th){--tw-bg-opacity:1;background-color:hsl(var(--b1)/var(--tw-bg-opacity));left:0;position:sticky;right:0}.textarea{--tw-border-opacity:0;--tw-bg-opacity:1;background-color:hsl(var(--b1)/var(--tw-bg-opacity));border-color:hsl(var(--bc)/var(--tw-border-opacity));border-radius:var(--rounded-btn,.5rem);border-width:1px;flex-shrink:1;font-size:.875rem;line-height:1.25rem;line-height:2;min-height:3rem;padding:.5rem 1rem}.toast{display:flex;flex-direction:column;gap:.5rem;min-width:-moz-fit-content;min-width:fit-content;padding:1rem;position:fixed;white-space:nowrap}.toggle{--tglbg:hsl(var(--b1));--handleoffset:1.5rem;--handleoffsetcalculator:calc(var(--handleoffset)*-1);--togglehandleborder:0 0;--tw-border-opacity:0.2;--tw-bg-opacity:0.5;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:hsl(var(--bc)/var(--tw-bg-opacity));border-color:hsl(var(--bc)/var(--tw-border-opacity));border-radius:var(--rounded-badge,1.9rem);border-width:1px;box-shadow:var(--handleoffsetcalculator) 0 0 2px var(--tglbg) inset,0 0 0 2px var(--tglbg) inset,var(--togglehandleborder);cursor:pointer;flex-shrink:0;height:1.5rem;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition:background,box-shadow var(--animation-input,.2s) ease-in-out;width:3rem}.btm-nav>:where(.active){--tw-bg-opacity:1;background-color:hsl(var(--b1)/var(--tw-bg-opacity));border-top-width:2px}.btm-nav>.disabled,.btm-nav>[disabled]{--tw-border-opacity:0;--tw-bg-opacity:0.1;--tw-text-opacity:0.2;background-color:hsl(var(--n)/var(--tw-bg-opacity));color:hsl(var(--bc)/var(--tw-text-opacity));pointer-events:none}.btm-nav>* .label{font-size:1rem;line-height:1.5rem}@keyframes button-pop{0%{transform:scale(var(--btn-focus-scale,.98))}40%{transform:scale(1.02)}to{transform:scale(1)}}.card :where(figure:first-child){border-end-end-radius:unset;border-end-start-radius:unset;border-start-end-radius:inherit;border-start-start-radius:inherit;overflow:hidden}.card :where(figure:last-child){border-end-end-radius:inherit;border-end-start-radius:inherit;border-start-end-radius:unset;border-start-start-radius:unset;overflow:hidden}.card:focus-visible{outline:2px solid currentColor;outline-offset:2px}.card.bordered{--tw-border-opacity:1;border-color:hsl(var(--b2)/var(--tw-border-opacity));border-width:1px}.card.compact .card-body{font-size:.875rem;line-height:1.25rem;padding:1rem}.card-title{align-items:center;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;line-height:1.75rem}.card.image-full :where(figure){border-radius:inherit;overflow:hidden}.checkbox:focus-visible{outline-color:hsl(var(--bc)/1);outline-offset:2px;outline-style:solid;outline-width:2px}.checkbox:checked,.checkbox[aria-checked=true],.checkbox[checked=true]{--tw-bg-opacity:1;animation:checkmark var(--animation-input,.2s) ease-in-out;background-color:hsl(var(--bc)/var(--tw-bg-opacity));background-image:linear-gradient(-45deg,transparent 65%,hsl(var(--chkbg)) 65.99%),linear-gradient(45deg,transparent 75%,hsl(var(--chkbg)) 75.99%),linear-gradient(-45deg,hsl(var(--chkbg)) 40%,transparent 40.99%),linear-gradient(45deg,hsl(var(--chkbg)) 30%,hsl(var(--chkfg)) 30.99%,hsl(var(--chkfg)) 40%,transparent 40.99%),linear-gradient(-45deg,hsl(var(--chkfg)) 50%,hsl(var(--chkbg)) 50.99%);background-repeat:no-repeat}.checkbox:indeterminate{--tw-bg-opacity:1;animation:checkmark var(--animation-input,.2s) ease-in-out;background-color:hsl(var(--bc)/var(--tw-bg-opacity));background-image:linear-gradient(90deg,transparent 80%,hsl(var(--chkbg)) 80%),linear-gradient(-90deg,transparent 80%,hsl(var(--chkbg)) 80%),linear-gradient(0deg,hsl(var(--chkbg)) 43%,hsl(var(--chkfg)) 43%,hsl(var(--chkfg)) 57%,hsl(var(--chkbg)) 57%);background-repeat:no-repeat}.checkbox:disabled{--tw-bg-opacity:1;background-color:hsl(var(--bc)/var(--tw-bg-opacity));border-color:transparent;cursor:not-allowed;opacity:.2}@keyframes checkmark{0%{background-position-y:5px}50%{background-position-y:-2px}to{background-position-y:0}}[dir=rtl] .checkbox:checked,[dir=rtl] .checkbox[aria-checked=true],[dir=rtl] .checkbox[checked=true]{background-image:linear-gradient(45deg,transparent 65%,hsl(var(--chkbg)) 65.99%),linear-gradient(-45deg,transparent 75%,hsl(var(--chkbg)) 75.99%),linear-gradient(45deg,hsl(var(--chkbg)) 40%,transparent 40.99%),linear-gradient(-45deg,hsl(var(--chkbg)) 30%,hsl(var(--chkfg)) 30.99%,hsl(var(--chkfg)) 40%,transparent 40.99%),linear-gradient(45deg,hsl(var(--chkfg)) 50%,hsl(var(--chkbg)) 50.99%)}.dropdown.dropdown-open .dropdown-content,.dropdown:focus .dropdown-content,.dropdown:focus-within .dropdown-content{--tw-scale-x:1;--tw-scale-y:1;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))}.\\!input[list]::-webkit-calendar-picker-indicator{line-height:1em!important}.input[list]::-webkit-calendar-picker-indicator{line-height:1em}.\\!input:focus{outline-color:hsl(var(--bc)/.2)!important;outline-offset:2px!important;outline-style:solid!important;outline-width:2px!important}.input:focus{outline-color:hsl(var(--bc)/.2);outline-offset:2px;outline-style:solid;outline-width:2px}.input-disabled,.input:disabled,.input[disabled]{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:0.2;background-color:hsl(var(--b2)/var(--tw-bg-opacity));border-color:hsl(var(--b2)/var(--tw-border-opacity));cursor:not-allowed}.\\!input:disabled,.\\!input[disabled]{--tw-border-opacity:1!important;--tw-bg-opacity:1!important;--tw-text-opacity:0.2!important;background-color:hsl(var(--b2)/var(--tw-bg-opacity))!important;border-color:hsl(var(--b2)/var(--tw-border-opacity))!important;cursor:not-allowed!important}.input-disabled::-moz-placeholder,.input:disabled::-moz-placeholder,.input[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2;color:hsl(var(--bc)/var(--tw-placeholder-opacity))}.input-disabled::-moz-placeholder, .input:disabled::-moz-placeholder, .input[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2;color:hsl(var(--bc)/var(--tw-placeholder-opacity))}.input-disabled::placeholder,.input:disabled::placeholder,.input[disabled]::placeholder{--tw-placeholder-opacity:0.2;color:hsl(var(--bc)/var(--tw-placeholder-opacity))}.\\!input:disabled::-moz-placeholder,.\\!input[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2!important;color:hsl(var(--bc)/var(--tw-placeholder-opacity))!important}.\\!input:disabled::-moz-placeholder, .\\!input[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2!important;color:hsl(var(--bc)/var(--tw-placeholder-opacity))!important}.\\!input:disabled::placeholder,.\\!input[disabled]::placeholder{--tw-placeholder-opacity:0.2!important;color:hsl(var(--bc)/var(--tw-placeholder-opacity))!important}.join>:where(:not(:first-child)){margin-bottom:0;margin-left:-1px;margin-top:0}.\\!link:focus{outline:2px solid transparent!important;outline-offset:2px!important}.link:focus{outline:2px solid transparent;outline-offset:2px}.\\!link:focus-visible{outline:2px solid currentColor!important;outline-offset:2px!important}.link:focus-visible{outline:2px solid currentColor;outline-offset:2px}.loading{aspect-ratio:1/1;background-color:currentColor;display:inline-block;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' stroke='%23000' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E@keyframes spinner_zKoa{to{transform:rotate(360deg)}}@keyframes spinner_YpZS{0%25{stroke-dasharray:0 150;stroke-dashoffset:0}47.5%25{stroke-dasharray:42 150;stroke-dashoffset:-16}95%25,to{stroke-dasharray:42 150;stroke-dashoffset:-59}}%3C/style%3E%3Cg style='transform-origin:center;animation:spinner_zKoa 2s linear infinite'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' style='stroke-linecap:round;animation:spinner_YpZS 1.5s ease-in-out infinite'/%3E%3C/g%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' stroke='%23000' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E@keyframes spinner_zKoa{to{transform:rotate(360deg)}}@keyframes spinner_YpZS{0%25{stroke-dasharray:0 150;stroke-dashoffset:0}47.5%25{stroke-dasharray:42 150;stroke-dashoffset:-16}95%25,to{stroke-dasharray:42 150;stroke-dashoffset:-59}}%3C/style%3E%3Cg style='transform-origin:center;animation:spinner_zKoa 2s linear infinite'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' style='stroke-linecap:round;animation:spinner_YpZS 1.5s ease-in-out infinite'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%;pointer-events:none;width:1.5rem}.menu :where(li:empty){background-color:hsl(var(--bc)/.1);height:1px;margin:.5rem 1rem}.menu :where(li ul):before{background-color:hsl(var(--bc)/.1);bottom:.75rem;content:\"\";left:0;position:absolute;top:.75rem;width:1px}.menu :where(li:not(.menu-title):not(.disabled)>:not(ul):not(details):not(.menu-title)):not(.active).focus,.menu :where(li:not(.menu-title):not(.disabled)>:not(ul):not(details):not(.menu-title)):not(.active):focus,.menu :where(li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):not(.active).focus,.menu :where(li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):not(.active):focus{--tw-text-opacity:1;background-color:hsl(var(--bc)/.1);color:hsl(var(--bc)/var(--tw-text-opacity));cursor:pointer;outline:2px solid transparent;outline-offset:2px}.menu :where(li:not(.menu-title):not(.disabled)>:not(ul):not(details):not(.menu-title)):active,.menu :where(li:not(.menu-title):not(.disabled)>:not(ul):not(details):not(.menu-title)):where(.active),.menu :where(li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):active,.menu :where(li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):where(.active){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--n)/var(--tw-bg-opacity));color:hsl(var(--nc)/var(--tw-text-opacity))}.menu :where(li>details>summary)::-webkit-details-marker{display:none}.menu :where(li>.menu-dropdown-toggle):after,.menu :where(li>details>summary):after{box-shadow:2px 2px;content:\"\";display:block;height:.5rem;justify-self:end;margin-top:-.5rem;pointer-events:none;transform:rotate(45deg);transform-origin:75% 75%;transition-duration:.3s;transition-property:transform,margin-top;transition-timing-function:cubic-bezier(.4,0,.2,1);width:.5rem}.menu :where(li>.menu-dropdown-toggle.menu-dropdown-show):after,.menu :where(li>details[open]>summary):after{margin-top:0;transform:rotate(225deg)}.menu .menu-title{color:hsl(var(--bc)/.4);font-size:.875rem;font-weight:700;line-height:1.25rem;padding:.5rem 1rem}.mockup-phone .camera{background:#000;border-bottom-left-radius:17px;border-bottom-right-radius:17px;height:25px;left:0;margin:0 auto;position:relative;top:0;width:150px;z-index:11}.mockup-phone .camera:before{background-color:#0c0b0e;border-radius:5px;content:\"\";height:4px;left:50%;position:absolute;top:35%;transform:translate(-50%,-50%);width:50px}.mockup-phone .camera:after{background-color:#0f0b25;border-radius:5px;content:\"\";height:8px;left:70%;position:absolute;top:20%;width:8px}.mockup-phone .display{border-radius:40px;margin-top:-25px;overflow:hidden}.modal::backdrop{background:transparent}.modal-backdrop{align-self:stretch;color:transparent;display:grid;grid-column-start:1;grid-row-start:1;justify-self:stretch;z-index:-1}.modal-open .modal-box,.modal-toggle:checked+.modal .modal-box,.modal:target .modal-box,.modal[open] .modal-box{--tw-translate-y:0px;--tw-scale-x:1;--tw-scale-y:1;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))}.progress::-moz-progress-bar{--tw-bg-opacity:1;background-color:hsl(var(--n)/var(--tw-bg-opacity))}.progress:indeterminate:after{--tw-bg-opacity:1;animation:progress-loading 5s ease-in-out infinite;background-color:hsl(var(--n)/var(--tw-bg-opacity));border-radius:var(--rounded-box,1rem);bottom:0;content:\"\";left:-40%;position:absolute;top:0;width:33.333333%}.progress::-webkit-progress-bar{--tw-bg-opacity:0.2;background-color:hsl(var(--n)/var(--tw-bg-opacity));border-radius:var(--rounded-box,1rem)}.progress::-webkit-progress-value{--tw-bg-opacity:1;background-color:hsl(var(--nf)/var(--tw-bg-opacity));border-radius:var(--rounded-box,1rem)}@keyframes progress-loading{50%{left:107%}}.radio:focus-visible{outline-color:hsl(var(--bc)/1);outline-offset:2px;outline-style:solid;outline-width:2px}.radio:checked,.radio[aria-checked=true]{--tw-bg-opacity:1;animation:radiomark var(--animation-input,.2s) ease-in-out;background-color:hsl(var(--bc)/var(--tw-bg-opacity));box-shadow:0 0 0 4px hsl(var(--b1)) inset,0 0 0 4px hsl(var(--b1)) inset}.radio:disabled{cursor:not-allowed;opacity:.2}@keyframes radiomark{0%{box-shadow:0 0 0 12px hsl(var(--b1)) inset,0 0 0 12px hsl(var(--b1)) inset}50%{box-shadow:0 0 0 3px hsl(var(--b1)) inset,0 0 0 3px hsl(var(--b1)) inset}to{box-shadow:0 0 0 4px hsl(var(--b1)) inset,0 0 0 4px hsl(var(--b1)) inset}}.range:focus-visible::-webkit-slider-thumb{--focus-shadow:0 0 0 6px hsl(var(--b1)) inset,0 0 0 2rem hsl(var(--range-shdw)) inset}.range:focus-visible::-moz-range-thumb{--focus-shadow:0 0 0 6px hsl(var(--b1)) inset,0 0 0 2rem hsl(var(--range-shdw)) inset}.range::-webkit-slider-runnable-track{background-color:hsl(var(--bc)/.1);border-radius:var(--rounded-box,1rem);height:.5rem;width:100%}.range::-moz-range-track{background-color:hsl(var(--bc)/.1);border-radius:var(--rounded-box,1rem);height:.5rem;width:100%}.range::-webkit-slider-thumb{--tw-bg-opacity:1;--filler-size:100rem;--filler-offset:0.6rem;appearance:none;-webkit-appearance:none;background-color:hsl(var(--b1)/var(--tw-bg-opacity));border-radius:var(--rounded-box,1rem);border-style:none;box-shadow:0 0 0 3px hsl(var(--range-shdw)) inset,var(--focus-shadow,0 0),calc(var(--filler-size)*-1 - var(--filler-offset)) 0 0 var(--filler-size);color:hsl(var(--range-shdw));height:1.5rem;position:relative;top:50%;transform:translateY(-50%);width:1.5rem}.range::-moz-range-thumb{--tw-bg-opacity:1;--filler-size:100rem;--filler-offset:0.5rem;background-color:hsl(var(--b1)/var(--tw-bg-opacity));border-radius:var(--rounded-box,1rem);border-style:none;box-shadow:0 0 0 3px hsl(var(--range-shdw)) inset,var(--focus-shadow,0 0),calc(var(--filler-size)*-1 - var(--filler-offset)) 0 0 var(--filler-size);color:hsl(var(--range-shdw));height:1.5rem;position:relative;top:50%;width:1.5rem}@keyframes rating-pop{0%{transform:translateY(-.125em)}40%{transform:translateY(-.125em)}to{transform:translateY(0)}}.select-bordered{--tw-border-opacity:0.2}.select:focus{outline-color:hsl(var(--bc)/.2);outline-offset:2px;outline-style:solid;outline-width:2px}.select-disabled,.select:disabled,.select[disabled]{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:0.2;background-color:hsl(var(--b2)/var(--tw-bg-opacity));border-color:hsl(var(--b2)/var(--tw-border-opacity));cursor:not-allowed}.select-disabled::-moz-placeholder,.select:disabled::-moz-placeholder,.select[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2;color:hsl(var(--bc)/var(--tw-placeholder-opacity))}.select-disabled::-moz-placeholder, .select:disabled::-moz-placeholder, .select[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2;color:hsl(var(--bc)/var(--tw-placeholder-opacity))}.select-disabled::placeholder,.select:disabled::placeholder,.select[disabled]::placeholder{--tw-placeholder-opacity:0.2;color:hsl(var(--bc)/var(--tw-placeholder-opacity))}.select-multiple,.select[multiple],.select[size].select:not([size=\"1\"]){background-image:none;padding-right:1rem}[dir=rtl] .select{background-position:12px calc(1px + 50%),16px calc(1px + 50%)}:where(.stats)>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;--tw-divide-y-reverse:0;border-width:calc(0px*(1 - var(--tw-divide-y-reverse))) calc(1px*var(--tw-divide-x-reverse)) calc(0px*var(--tw-divide-y-reverse)) calc(1px*(1 - var(--tw-divide-x-reverse)))}.steps .step:before{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--b3)/var(--tw-bg-opacity));color:hsl(var(--bc)/var(--tw-text-opacity));content:\"\";grid-column-start:1;grid-row-start:1;height:.5rem;margin-left:-100%;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));width:100%}.steps .\\!step:before{--tw-bg-opacity:1!important;--tw-text-opacity:1!important;background-color:hsl(var(--b3)/var(--tw-bg-opacity))!important;color:hsl(var(--bc)/var(--tw-text-opacity))!important;content:\"\"!important;grid-column-start:1!important;grid-row-start:1!important;height:.5rem!important;margin-left:-100%!important;top:0!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;width:100%!important}.steps .step:after{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--b3)/var(--tw-bg-opacity));border-radius:9999px;color:hsl(var(--bc)/var(--tw-text-opacity));content:counter(step);counter-increment:step;display:grid;grid-column-start:1;grid-row-start:1;height:2rem;place-items:center;place-self:center;position:relative;width:2rem;z-index:1}.steps .\\!step:after{--tw-bg-opacity:1!important;--tw-text-opacity:1!important;background-color:hsl(var(--b3)/var(--tw-bg-opacity))!important;border-radius:9999px!important;color:hsl(var(--bc)/var(--tw-text-opacity))!important;content:counter(step)!important;counter-increment:step!important;display:grid!important;grid-column-start:1!important;grid-row-start:1!important;height:2rem!important;place-items:center!important;place-self:center!important;position:relative!important;width:2rem!important;z-index:1!important}.steps .step:first-child:before{content:none}.steps .\\!step:first-child:before{content:none!important}.steps .step[data-content]:after{content:attr(data-content)}.steps .\\!step[data-content]:after{content:attr(data-content)!important}.steps .step-neutral+.step-neutral:before,.steps .step-neutral:after{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--n)/var(--tw-bg-opacity));color:hsl(var(--nc)/var(--tw-text-opacity))}.steps .step-primary+.step-primary:before,.steps .step-primary:after{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--p)/var(--tw-bg-opacity));color:hsl(var(--pc)/var(--tw-text-opacity))}.steps .step-secondary+.step-secondary:before,.steps .step-secondary:after{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--s)/var(--tw-bg-opacity));color:hsl(var(--sc)/var(--tw-text-opacity))}.steps .step-accent+.step-accent:before,.steps .step-accent:after{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--a)/var(--tw-bg-opacity));color:hsl(var(--ac)/var(--tw-text-opacity))}.steps .step-info+.step-info:before,.steps .step-info:after{--tw-bg-opacity:1;background-color:hsl(var(--in)/var(--tw-bg-opacity))}.steps .step-info:after{--tw-text-opacity:1;color:hsl(var(--inc)/var(--tw-text-opacity))}.steps .step-success+.step-success:before,.steps .step-success:after{--tw-bg-opacity:1;background-color:hsl(var(--su)/var(--tw-bg-opacity))}.steps .step-success:after{--tw-text-opacity:1;color:hsl(var(--suc)/var(--tw-text-opacity))}.steps .step-warning+.step-warning:before,.steps .step-warning:after{--tw-bg-opacity:1;background-color:hsl(var(--wa)/var(--tw-bg-opacity))}.steps .step-warning:after{--tw-text-opacity:1;color:hsl(var(--wac)/var(--tw-text-opacity))}.steps .step-error+.step-error:before,.steps .step-error:after{--tw-bg-opacity:1;background-color:hsl(var(--er)/var(--tw-bg-opacity))}.steps .step-error:after{--tw-text-opacity:1;color:hsl(var(--erc)/var(--tw-text-opacity))}.tab.tab-active:not(.tab-disabled):not([disabled]){--tw-border-opacity:1;--tw-text-opacity:1;border-color:hsl(var(--bc)/var(--tw-border-opacity))}.tab:focus{outline:2px solid transparent;outline-offset:2px}.tab:focus-visible{outline:2px solid currentColor;outline-offset:-3px}.tab:focus-visible.tab-lifted{border-bottom-left-radius:var(--tab-radius,.5rem);border-bottom-right-radius:var(--tab-radius,.5rem)}.tab-disabled,.tab[disabled]{--tw-text-opacity:0.2;color:hsl(var(--bc)/var(--tw-text-opacity));cursor:not-allowed}.tabs-boxed .tab{border-radius:var(--rounded-btn,.5rem)}.table :where(th,td){padding:.75rem 1rem;vertical-align:middle}.table tr.active,.table tr.active:nth-child(2n),.table-zebra tbody tr:nth-child(2n){--tw-bg-opacity:1;background-color:hsl(var(--b2)/var(--tw-bg-opacity))}.table-zebra tr.active,.table-zebra tr.active:nth-child(2n),.table-zebra-zebra tbody tr:nth-child(2n){--tw-bg-opacity:1;background-color:hsl(var(--b3)/var(--tw-bg-opacity))}.table :where(thead,tbody) :where(tr:first-child:last-child),.table :where(thead,tbody) :where(tr:not(:last-child)){--tw-border-opacity:1;border-bottom-color:hsl(var(--b2)/var(--tw-border-opacity));border-bottom-width:1px}.table :where(thead,tfoot){color:hsl(var(--bc)/.6);font-size:.75rem;font-weight:700;line-height:1rem;white-space:nowrap}.textarea:focus{outline-color:hsl(var(--bc)/.2);outline-offset:2px;outline-style:solid;outline-width:2px}.textarea-disabled,.textarea:disabled,.textarea[disabled]{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:0.2;background-color:hsl(var(--b2)/var(--tw-bg-opacity));border-color:hsl(var(--b2)/var(--tw-border-opacity));cursor:not-allowed}.textarea-disabled::-moz-placeholder,.textarea:disabled::-moz-placeholder,.textarea[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2;color:hsl(var(--bc)/var(--tw-placeholder-opacity))}.textarea-disabled::-moz-placeholder, .textarea:disabled::-moz-placeholder, .textarea[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2;color:hsl(var(--bc)/var(--tw-placeholder-opacity))}.textarea-disabled::placeholder,.textarea:disabled::placeholder,.textarea[disabled]::placeholder{--tw-placeholder-opacity:0.2;color:hsl(var(--bc)/var(--tw-placeholder-opacity))}.toast>*{animation:toast-pop .25s ease-out}@keyframes toast-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}[dir=rtl] .toggle{--handleoffsetcalculator:calc(var(--handleoffset)*1)}.toggle:focus-visible{outline-color:hsl(var(--bc)/.2);outline-offset:2px;outline-style:solid;outline-width:2px}.toggle:checked,.toggle[aria-checked=true],.toggle[checked=true]{--handleoffsetcalculator:var(--handleoffset);--tw-border-opacity:1;--tw-bg-opacity:1}[dir=rtl] .toggle:checked,[dir=rtl] .toggle[aria-checked=true],[dir=rtl] .toggle[checked=true]{--handleoffsetcalculator:calc(var(--handleoffset)*-1)}.toggle:indeterminate{--tw-border-opacity:1;--tw-bg-opacity:1;box-shadow:calc(var(--handleoffset)/2) 0 0 2px var(--tglbg) inset,calc(var(--handleoffset)/-2) 0 0 2px var(--tglbg) inset,0 0 0 2px var(--tglbg) inset}[dir=rtl] .toggle:indeterminate{box-shadow:calc(var(--handleoffset)/2) 0 0 2px var(--tglbg) inset,calc(var(--handleoffset)/-2) 0 0 2px var(--tglbg) inset,0 0 0 2px var(--tglbg) inset}.toggle:disabled{--tw-border-opacity:1;--togglehandleborder:0 0 0 3px hsl(var(--bc)) inset,var(--handleoffsetcalculator) 0 0 3px hsl(var(--bc)) inset;background-color:transparent;border-color:hsl(var(--bc)/var(--tw-border-opacity));cursor:not-allowed;opacity:.3}.tooltip.tooltip-primary{--tooltip-color:hsl(var(--p));--tooltip-text-color:hsl(var(--pc))}.tooltip.tooltip-secondary{--tooltip-color:hsl(var(--s));--tooltip-text-color:hsl(var(--sc))}.tooltip.tooltip-accent{--tooltip-color:hsl(var(--a));--tooltip-text-color:hsl(var(--ac))}.tooltip.tooltip-info{--tooltip-color:hsl(var(--in));--tooltip-text-color:hsl(var(--inc))}.tooltip.tooltip-success{--tooltip-color:hsl(var(--su));--tooltip-text-color:hsl(var(--suc))}.tooltip.tooltip-warning{--tooltip-color:hsl(var(--wa));--tooltip-text-color:hsl(var(--wac))}.tooltip.tooltip-error{--tooltip-color:hsl(var(--er));--tooltip-text-color:hsl(var(--erc))}.btm-nav-xs>:where(.active){border-top-width:1px}.btm-nav-sm>:where(.active){border-top-width:2px}.btm-nav-md>:where(.active){border-top-width:2px}.btm-nav-lg>:where(.active){border-top-width:4px}.join.join-vertical{flex-direction:column}.join.join-vertical .join-item:first-child:not(:last-child),.join.join-vertical :first-child:not(:last-child) .join-item{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:inherit;border-top-right-radius:inherit}.join.join-vertical .join-item:last-child:not(:first-child),.join.join-vertical :last-child:not(:first-child) .join-item{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;border-top-left-radius:0;border-top-right-radius:0}.join.join-horizontal{flex-direction:row}.join.join-horizontal .join-item:first-child:not(:last-child),.join.join-horizontal :first-child:not(:last-child) .join-item{border-bottom-left-radius:inherit;border-bottom-right-radius:0;border-top-left-radius:inherit;border-top-right-radius:0}.join.join-horizontal .join-item:last-child:not(:first-child),.join.join-horizontal :last-child:not(:first-child) .join-item{border-bottom-left-radius:0;border-bottom-right-radius:inherit;border-top-left-radius:0;border-top-right-radius:inherit}.modal-middle{place-items:center}.steps-horizontal .\\!step{display:grid!important;grid-template-columns:repeat(1,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;place-items:center!important;text-align:center!important}.steps-horizontal .step{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));place-items:center;text-align:center}.steps-vertical .\\!step{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(1,minmax(0,1fr))!important}.steps-vertical .step{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(1,minmax(0,1fr))}:where(.toast){--tw-translate-x:0px;--tw-translate-y:0px;bottom:0;left:auto;right:0;top:auto;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))}.toast:where(.toast-start){--tw-translate-x:0px;left:0;right:auto;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))}.toast:where(.toast-center){--tw-translate-x:-50%;left:50%;right: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))}.toast:where(.toast-end){--tw-translate-x:0px;left:auto;right: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))}.toast:where(.toast-bottom){--tw-translate-y:0px;bottom:0;top:auto;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))}.toast:where(.toast-middle){--tw-translate-y:-50%;bottom:auto;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))}.toast:where(.toast-top){--tw-translate-y:0px;bottom:auto;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))}.tooltip{--tooltip-offset:calc(100% + 1px + var(--tooltip-tail, 0px))}.tooltip:before{--tw-content:attr(data-tip);content:var(--tw-content);pointer-events:none;position:absolute;z-index:1}.tooltip-top:before,.tooltip:before{bottom:var(--tooltip-offset);left:50%;right:auto;top:auto;transform:translateX(-50%)}.card-compact .card-body{font-size:.875rem;line-height:1.25rem;padding:1rem}.card-compact .card-title{margin-bottom:.25rem}.card-normal .card-body{font-size:1rem;line-height:1.5rem;padding:var(--padding-card,2rem)}.card-normal .card-title{margin-bottom:.75rem}.join.join-vertical>:where(:not(:first-child)){margin-left:0;margin-right:0;margin-top:-1px}.join.join-horizontal>:where(:not(:first-child)){margin-bottom:0;margin-left:-1px;margin-top:0}.modal-top :where(.modal-box){--tw-translate-y:-2.5rem;--tw-scale-x:1;--tw-scale-y:1;border-bottom-left-radius:var(--rounded-box,1rem);border-bottom-right-radius:var(--rounded-box,1rem);border-top-left-radius:0;border-top-right-radius:0;max-width:none;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));width:100%}.modal-middle :where(.modal-box){--tw-translate-y:0px;--tw-scale-x:.9;--tw-scale-y:.9;border-bottom-left-radius:var(--rounded-box,1rem);border-bottom-right-radius:var(--rounded-box,1rem);border-top-left-radius:var(--rounded-box,1rem);border-top-right-radius:var(--rounded-box,1rem);max-width:32rem;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));width:91.666667%}.modal-bottom :where(.modal-box){--tw-translate-y:2.5rem;--tw-scale-x:1;--tw-scale-y:1;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:var(--rounded-box,1rem);border-top-right-radius:var(--rounded-box,1rem);max-width:none;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));width:100%}.steps-horizontal .\\!step{grid-template-columns:auto!important;grid-template-rows:40px 1fr!important;min-width:4rem!important}.steps-horizontal .step{grid-template-columns:auto;grid-template-rows:40px 1fr;min-width:4rem}.steps-horizontal .\\!step:before{--tw-translate-y:0px!important;--tw-translate-x:0px!important;content:\"\"!important;height:.5rem!important;margin-left:-100%!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;width:100%!important}.steps-horizontal .step:before{--tw-translate-y:0px;--tw-translate-x:0px;content:\"\";height:.5rem;margin-left:-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));width:100%}.steps-vertical .\\!step{gap:.5rem!important;grid-template-columns:40px 1fr!important;grid-template-rows:auto!important;justify-items:start!important;min-height:4rem!important}.steps-vertical .step{gap:.5rem;grid-template-columns:40px 1fr;grid-template-rows:auto;justify-items:start;min-height:4rem}.steps-vertical .\\!step:before{--tw-translate-y:-50%!important;--tw-translate-x:-50%!important;height:100%!important;margin-left:50%!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;width:.5rem!important}.steps-vertical .step:before{--tw-translate-y:-50%;--tw-translate-x:-50%;height:100%;margin-left: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));width:.5rem}[dir=rtl] .steps-vertical .\\!step:before{margin-right:auto!important}[dir=rtl] .steps-vertical .step:before{margin-right:auto}.tooltip{--tooltip-tail:0.1875rem;--tooltip-color:hsl(var(--n));--tooltip-text-color:hsl(var(--nc));--tooltip-tail-offset:calc(100% + 0.0625rem - var(--tooltip-tail));display:inline-block;position:relative;text-align:center}.tooltip:after,.tooltip:before{opacity:0;transition-delay:.1s;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.tooltip:after{border-style:solid;border-width:var(--tooltip-tail,0);content:\"\";display:block;height:0;position:absolute;width:0}.tooltip:before{background-color:var(--tooltip-color);border-radius:.25rem;color:var(--tooltip-text-color);font-size:.875rem;line-height:1.25rem;max-width:20rem;padding:.25rem .5rem;width:-moz-max-content;width:max-content}.tooltip.tooltip-open:after,.tooltip.tooltip-open:before,.tooltip:hover:after,.tooltip:hover:before{opacity:1;transition-delay:75ms}.tooltip:has(:focus-visible):after,.tooltip:has(:focus-visible):before{opacity:1;transition-delay:75ms}.tooltip:not([data-tip]):hover:after,.tooltip:not([data-tip]):hover:before{opacity:0;visibility:hidden}.tooltip-top:after,.tooltip:after{border-color:var(--tooltip-color) transparent transparent transparent;bottom:var(--tooltip-tail-offset);left:50%;right:auto;top:auto;transform:translateX(-50%)}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.\\!visible{visibility:visible!important}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.\\!absolute{position:absolute!important}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.bottom-0{bottom:0}.bottom-\\[10px\\]{bottom:10px}.bottom-\\[40px\\]{bottom:40px}.left-0{left:0}.left-1{left:.25rem}.left-2\\/4{left:50%}.left-4{left:1rem}.left-5{left:1.25rem}.left-\\[60px\\]{left:60px}.right-0{right:0}.right-1{right:.25rem}.right-\\[0\\.6875rem\\]{right:.6875rem}.right-\\[10\\.6rem\\]{right:10.6rem}.top-0{top:0}.top-1{top:.25rem}.top-1\\/2{top:50%}.top-11{top:2.75rem}.top-\\[0\\.6875rem\\]{top:.6875rem}.top-\\[25vh\\]{top:25vh}.top-\\[42\\%\\]{top:42%}.z-0{z-index:0}.z-10{z-index:10}.z-\\[7\\]{z-index:7}.float-right{float:right}.float-left{float:left}.m-0{margin:0}.m-2{margin:.5rem}.m-\\[20px\\]{margin:20px}.m-\\[auto\\],.m-auto{margin:auto}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.mx-\\[20px\\]{margin-left:20px;margin-right:20px}.my-1{margin-bottom:.25rem;margin-top:.25rem}.my-3{margin-bottom:.75rem;margin-top:.75rem}.my-4{margin-bottom:1rem;margin-top:1rem}.my-\\[16px\\]{margin-bottom:16px;margin-top:16px}.\\!mb-\\[14\\.5px\\]{margin-bottom:14.5px!important}.\\!mr-\\[auto\\]{margin-right:auto!important}.-mr-0{margin-right:0}.-mr-0\\.5{margin-right:-.125rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-\\[1\\.25rem\\]{margin-bottom:1.25rem}.mb-\\[12px\\]{margin-bottom:12px}.mb-\\[16\\.5px\\]{margin-bottom:16.5px}.mb-\\[1rem\\]{margin-bottom:1rem}.mb-\\[8\\.5px\\]{margin-bottom:8.5px}.ml-0{margin-left:0}.ml-2{margin-left:.5rem}.ml-\\[33px\\]{margin-left:33px}.ml-\\[36px\\]{margin-left:36px}.ml-\\[auto\\]{margin-left:auto}.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}.mr-\\[10px\\]{margin-right:10px}.mr-\\[16px\\]{margin-right:16px}.mr-\\[1rem\\]{margin-right:1rem}.mr-\\[24px\\]{margin-right:24px}.mr-\\[auto\\]{margin-right:auto}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-\\[1\\.875rem\\]{margin-top:1.875rem}.mt-\\[12px\\]{margin-top:12px}.mt-\\[13px\\]{margin-top:13px}.mt-\\[14px\\]{margin-top:14px}.mt-\\[17px\\]{margin-top:17px}.mt-\\[26px\\]{margin-top:26px}.mt-\\[30px\\]{margin-top:30px}.mt-\\[50px\\]{margin-top:50px}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.grid{display:grid}.contents{display:contents}.hidden{display:none}.\\!h-\\[40px\\]{height:40px!important}.h-10{height:2.5rem}.h-16{height:4rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-\\[1\\.5rem\\]{height:1.5rem}.h-\\[1\\.875rem\\]{height:1.875rem}.h-\\[100\\%\\]{height:100%}.h-\\[100vh\\]{height:100vh}.h-\\[125px\\]{height:125px}.h-\\[1rem\\]{height:1rem}.h-\\[220px\\]{height:220px}.h-\\[24px\\]{height:24px}.h-\\[30px\\]{height:30px}.h-\\[35px\\]{height:35px}.h-\\[3rem\\]{height:3rem}.h-\\[40px\\]{height:40px}.h-\\[40vh\\]{height:40vh}.h-\\[42vh\\]{height:42vh}.h-\\[45px\\]{height:45px}.h-\\[48px\\]{height:48px}.h-\\[50vh\\]{height:50vh}.h-\\[5rem\\]{height:5rem}.h-\\[6\\.25rem\\]{height:6.25rem}.h-\\[65vh\\]{height:65vh}.h-\\[80px\\]{height:80px}.h-\\[88vh\\]{height:88vh}.h-\\[auto\\]{height:auto}.h-\\[unset\\]{height:unset}.h-full{height:100%}.h-max{height:-moz-max-content;height:max-content}.h-screen{height:100vh}.\\!max-h-\\[31\\.25rem\\]{max-height:31.25rem!important}.max-h-60{max-height:15rem}.max-h-\\[140px\\]{max-height:140px}.max-h-\\[15\\.4375rem\\]{max-height:15.4375rem}.max-h-\\[3\\.75rem\\]{max-height:3.75rem}.max-h-\\[51vh\\]{max-height:51vh}.max-h-screen{max-height:100vh}.min-h-\\[140px\\]{min-height:140px}.min-h-\\[7\\.5rem\\]{min-height:7.5rem}.w-1\\/2{width:50%}.w-10{width:2.5rem}.w-14{width:3.5rem}.w-40{width:10rem}.w-5{width:1.25rem}.w-9{width:2.25rem}.w-\\[1\\.875rem\\]{width:1.875rem}.w-\\[100\\%\\]{width:100%}.w-\\[10vw\\]{width:10vw}.w-\\[13rem\\]{width:13rem}.w-\\[145px\\]{width:145px}.w-\\[160px\\]{width:160px}.w-\\[1px\\]{width:1px}.w-\\[210px\\]{width:210px}.w-\\[21rem\\]{width:21rem}.w-\\[30px\\]{width:30px}.w-\\[40px\\]{width:40px}.w-\\[40vw\\]{width:40vw}.w-\\[45px\\]{width:45px}.w-\\[5rem\\]{width:5rem}.w-\\[6\\.25rem\\]{width:6.25rem}.w-\\[7\\.5rem\\]{width:7.5rem}.w-\\[70\\%\\]{width:70%}.w-\\[80\\%\\]{width:80%}.w-\\[80px\\]{width:80px}.w-\\[90\\%\\]{width:90%}.w-\\[9rem\\]{width:9rem}.w-auto{width:auto}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\\[140px\\]{min-width:140px}.max-w-\\[140px\\]{max-width:140px}.max-w-\\[220px\\]{max-width:220px}.max-w-\\[37\\.125rem\\]{max-width:37.125rem}.max-w-\\[73\\%\\]{max-width:73%}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.grow-0{flex-grow:0}.origin-bottom-left{transform-origin:bottom left}.origin-top-right{transform-origin:top right}.-translate-x-2\\/4{--tw-translate-x:-50%}.-translate-x-2\\/4,.-translate-y-1\\/2{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-1\\/2{--tw-translate-y:-50%}.-translate-y-\\[30\\%\\]{--tw-translate-y:-30%}.-translate-y-\\[30\\%\\],.rotate-45{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-45{--tw-rotate:45deg}.\\!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))!important}.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))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.place-content-start{place-content:start}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-3\\.5{gap:.875rem}.gap-4{gap:1rem}.gap-\\[0\\.4375rem\\]{gap:.4375rem}.gap-\\[0\\.5rem\\]{gap:.5rem}.gap-\\[0\\.6875rem\\]{gap:.6875rem}.gap-\\[1\\.5625rem\\]{gap:1.5625rem}.gap-\\[1\\.625rem\\]{gap:1.625rem}.gap-\\[1\\.75rem\\]{gap:1.75rem}.gap-\\[19px\\]{gap:19px}.gap-\\[24px\\]{gap:24px}.gap-\\[2vw\\]{gap:2vw}.gap-\\[31\\.5px\\]{gap:31.5px}.gap-\\[5px\\]{gap:5px}.gap-\\[8px\\]{gap:8px}.gap-x-\\[0\\.8125rem\\]{-moz-column-gap:.8125rem;column-gap:.8125rem}.gap-x-\\[0\\.875rem\\]{-moz-column-gap:.875rem;column-gap:.875rem}.gap-x-\\[15px\\]{-moz-column-gap:15px;column-gap:15px}.gap-x-\\[1rem\\]{-moz-column-gap:1rem;column-gap:1rem}.gap-y-3{row-gap:.75rem}.gap-y-3\\.5{row-gap:.875rem}.gap-y-5{row-gap:1.25rem}.gap-y-\\[0\\.3125rem\\]{row-gap:.3125rem}.gap-y-\\[12px\\]{row-gap:12px}.gap-y-\\[1rem\\]{row-gap:1rem}.space-x-5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.25rem*var(--tw-space-x-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.self-start{align-self:flex-start}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.break-all{word-break:break-all}.\\!rounded-full{border-radius:9999px!important}.\\!rounded-none{border-radius:0!important}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-none{border-radius:0}.\\!border-0{border-width:0!important}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-\\[1px\\]{border-width:1px}.border-b,.border-b-\\[1px\\]{border-bottom-width:1px}.border-r-\\[1px\\]{border-right-width:1px}.border-t{border-top-width:1px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-none{border-style:none}.\\!border-\\[\\#ebebeb\\]{--tw-border-opacity:1!important;border-color:rgb(235 235 235/var(--tw-border-opacity))!important}.border-\\[\\#000000\\]{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity))}.border-\\[\\#353535\\]{--tw-border-opacity:1;border-color:rgb(53 53 53/var(--tw-border-opacity))}.border-\\[\\#5d5d5d\\]{--tw-border-opacity:1;border-color:rgb(93 93 93/var(--tw-border-opacity))}.border-\\[\\#707070\\]{--tw-border-opacity:1;border-color:rgb(112 112 112/var(--tw-border-opacity))}.border-\\[\\#9A9A9A\\]{--tw-border-opacity:1;border-color:rgb(154 154 154/var(--tw-border-opacity))}.border-\\[\\#BEBEBE\\]{--tw-border-opacity:1;border-color:rgb(190 190 190/var(--tw-border-opacity))}.border-\\[\\#D6D6D6\\]{--tw-border-opacity:1;border-color:rgb(214 214 214/var(--tw-border-opacity))}.border-\\[\\#D7D7D7\\]{--tw-border-opacity:1;border-color:rgb(215 215 215/var(--tw-border-opacity))}.border-\\[\\#E11938\\]{--tw-border-opacity:1;border-color:rgb(225 25 56/var(--tw-border-opacity))}.border-\\[\\#E11A38\\]{--tw-border-opacity:1;border-color:rgb(225 26 56/var(--tw-border-opacity))}.border-\\[\\#EBEBEB\\]{--tw-border-opacity:1;border-color:rgb(235 235 235/var(--tw-border-opacity))}.border-\\[\\#ECEBED\\]{--tw-border-opacity:1;border-color:rgb(236 235 237/var(--tw-border-opacity))}.border-\\[\\#F4F4F4\\]{--tw-border-opacity:1;border-color:rgb(244 244 244/var(--tw-border-opacity))}.border-\\[\\#FCE8EB\\]{--tw-border-opacity:1;border-color:rgb(252 232 235/var(--tw-border-opacity))}.border-\\[\\#bebebe\\]{--tw-border-opacity:1;border-color:rgb(190 190 190/var(--tw-border-opacity))}.border-\\[\\#c2c2c2\\]{--tw-border-opacity:1;border-color:rgb(194 194 194/var(--tw-border-opacity))}.border-\\[\\#e0e0e0\\]{--tw-border-opacity:1;border-color:rgb(224 224 224/var(--tw-border-opacity))}.border-\\[\\#e11a38\\]{--tw-border-opacity:1;border-color:rgb(225 26 56/var(--tw-border-opacity))}.border-\\[\\#e5e5e5\\]{--tw-border-opacity:1;border-color:rgb(229 229 229/var(--tw-border-opacity))}.border-\\[\\#ebebeb\\]{--tw-border-opacity:1;border-color:rgb(235 235 235/var(--tw-border-opacity))}.border-\\[\\#ecebed\\]{--tw-border-opacity:1;border-color:rgb(236 235 237/var(--tw-border-opacity))}.border-\\[\\#f4f4f4\\]{--tw-border-opacity:1;border-color:rgb(244 244 244/var(--tw-border-opacity))}.border-\\[black\\]{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity))}.border-\\[red\\]{--tw-border-opacity:1;border-color:rgb(255 0 0/var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity))}.border-indigo-600{--tw-border-opacity:1;border-color:rgb(79 70 229/var(--tw-border-opacity))}.border-slate-500{--tw-border-opacity:1;border-color:rgb(100 116 139/var(--tw-border-opacity))}.border-b-\\[\\#EBEBEB\\]{--tw-border-opacity:1;border-bottom-color:rgb(235 235 235/var(--tw-border-opacity))}.border-r-\\[\\#D7D7D7\\]{--tw-border-opacity:1;border-right-color:rgb(215 215 215/var(--tw-border-opacity))}.border-t-\\[\\#EBEBEB\\]{--tw-border-opacity:1;border-top-color:rgb(235 235 235/var(--tw-border-opacity))}.\\!bg-\\[\\#ffffff\\]{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.\\!bg-transparent{background-color:transparent!important}.bg-\\[\\#00000046\\]{background-color:#00000046}.bg-\\[\\#010101\\]{--tw-bg-opacity:1;background-color:rgb(1 1 1/var(--tw-bg-opacity))}.bg-\\[\\#353535\\]{--tw-bg-opacity:1;background-color:rgb(53 53 53/var(--tw-bg-opacity))}.bg-\\[\\#BBBBBB\\]{--tw-bg-opacity:1;background-color:rgb(187 187 187/var(--tw-bg-opacity))}.bg-\\[\\#D13F42\\]{--tw-bg-opacity:1;background-color:rgb(209 63 66/var(--tw-bg-opacity))}.bg-\\[\\#D5E9FA\\]{--tw-bg-opacity:1;background-color:rgb(213 233 250/var(--tw-bg-opacity))}.bg-\\[\\#D5F2EA\\]{--tw-bg-opacity:1;background-color:rgb(213 242 234/var(--tw-bg-opacity))}.bg-\\[\\#DE802E\\]{--tw-bg-opacity:1;background-color:rgb(222 128 46/var(--tw-bg-opacity))}.bg-\\[\\#E11A38\\]{--tw-bg-opacity:1;background-color:rgb(225 26 56/var(--tw-bg-opacity))}.bg-\\[\\#E21938\\]{--tw-bg-opacity:1;background-color:rgb(226 25 56/var(--tw-bg-opacity))}.bg-\\[\\#E4BB30\\]{--tw-bg-opacity:1;background-color:rgb(228 187 48/var(--tw-bg-opacity))}.bg-\\[\\#F1F1F1\\]{--tw-bg-opacity:1;background-color:rgb(241 241 241/var(--tw-bg-opacity))}.bg-\\[\\#F7F7F7\\]{--tw-bg-opacity:1;background-color:rgb(247 247 247/var(--tw-bg-opacity))}.bg-\\[\\#F8F8F8\\]{--tw-bg-opacity:1;background-color:rgb(248 248 248/var(--tw-bg-opacity))}.bg-\\[\\#FCD7D7\\]{--tw-bg-opacity:1;background-color:rgb(252 215 215/var(--tw-bg-opacity))}.bg-\\[\\#FCE8EB\\]{--tw-bg-opacity:1;background-color:rgb(252 232 235/var(--tw-bg-opacity))}.bg-\\[\\#FFF8E7\\]{--tw-bg-opacity:1;background-color:rgb(255 248 231/var(--tw-bg-opacity))}.bg-\\[\\#FFFFFF\\]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-\\[\\#cf132b\\]{--tw-bg-opacity:1;background-color:rgb(207 19 43/var(--tw-bg-opacity))}.bg-\\[\\#e11a38\\]{--tw-bg-opacity:1;background-color:rgb(225 26 56/var(--tw-bg-opacity))}.bg-\\[\\#f2f2f2\\]{--tw-bg-opacity:1;background-color:rgb(242 242 242/var(--tw-bg-opacity))}.bg-\\[\\#f7f7f7\\]{--tw-bg-opacity:1;background-color:rgb(247 247 247/var(--tw-bg-opacity))}.bg-\\[\\#fce8eb\\]{--tw-bg-opacity:1;background-color:rgb(252 232 235/var(--tw-bg-opacity))}.bg-\\[\\#fff\\],.bg-\\[\\#ffffff\\]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-\\[black\\]{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-base-100{--tw-bg-opacity:1;background-color:hsl(var(--b1)/var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity))}.bg-slate-300{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-cover{background-size:cover}.bg-clip-padding{background-clip:padding-box}.bg-no-repeat{background-repeat:no-repeat}.p-0{padding:0}.p-0\\.5{padding:.125rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-2\\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-\\[16px\\]{padding:16px}.p-\\[30px\\]{padding:30px}.p-\\[50px\\]{padding:50px}.p-\\[6px\\]{padding:6px}.p-\\[9px\\]{padding:9px}.\\!py-\\[11px\\]{padding-bottom:11px!important;padding-top:11px!important}.px-1{padding-left:.25rem;padding-right:.25rem}.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-\\[0\\.125rem\\]{padding-left:.125rem;padding-right:.125rem}.px-\\[0\\.5rem\\]{padding-left:.5rem;padding-right:.5rem}.px-\\[0\\.75rem\\]{padding-left:.75rem;padding-right:.75rem}.px-\\[1\\.4063rem\\]{padding-left:1.4063rem;padding-right:1.4063rem}.px-\\[110px\\]{padding-left:110px;padding-right:110px}.px-\\[11px\\]{padding-left:11px;padding-right:11px}.px-\\[14\\.5px\\]{padding-left:14.5px;padding-right:14.5px}.px-\\[15px\\]{padding-left:15px;padding-right:15px}.px-\\[1rem\\]{padding-left:1rem;padding-right:1rem}.px-\\[2\\.3125rem\\]{padding-left:2.3125rem;padding-right:2.3125rem}.px-\\[20px\\]{padding-left:20px;padding-right:20px}.px-\\[27\\.85px\\]{padding-left:27.85px;padding-right:27.85px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.px-\\[36px\\]{padding-left:36px;padding-right:36px}.px-\\[39px\\]{padding-left:39px;padding-right:39px}.px-\\[40px\\]{padding-left:40px;padding-right:40px}.px-\\[80px\\]{padding-left:80px;padding-right:80px}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-\\[0\\.695rem\\]{padding-bottom:.695rem;padding-top:.695rem}.py-\\[0\\.7188rem\\]{padding-bottom:.7188rem;padding-top:.7188rem}.py-\\[0\\.75rem\\]{padding-bottom:.75rem;padding-top:.75rem}.py-\\[0\\.8125rem\\]{padding-bottom:.8125rem;padding-top:.8125rem}.py-\\[1\\.25rem\\]{padding-bottom:1.25rem;padding-top:1.25rem}.py-\\[1\\.8125rem\\]{padding-bottom:1.8125rem;padding-top:1.8125rem}.py-\\[1\\.875rem\\]{padding-bottom:1.875rem;padding-top:1.875rem}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[11\\.2px\\]{padding-bottom:11.2px;padding-top:11.2px}.py-\\[13px\\]{padding-bottom:13px;padding-top:13px}.py-\\[14px\\]{padding-bottom:14px;padding-top:14px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[5px\\]{padding-bottom:5px;padding-top:5px}.py-\\[7px\\]{padding-bottom:7px;padding-top:7px}.\\!pl-\\[17px\\]{padding-left:17px!important}.pb-2{padding-bottom:.5rem}.pb-\\[0\\.3125rem\\]{padding-bottom:.3125rem}.pb-\\[1\\.125rem\\]{padding-bottom:1.125rem}.pb-\\[17px\\]{padding-bottom:17px}.pb-\\[2\\.0938rem\\]{padding-bottom:2.0938rem}.pl-2{padding-left:.5rem}.pl-\\[10px\\]{padding-left:10px}.pl-\\[16px\\]{padding-left:16px}.pl-\\[20px\\]{padding-left:20px}.pr-\\[14px\\]{padding-right:14px}.pr-\\[33px\\]{padding-right:33px}.pr-\\[56px\\]{padding-right:56px}.pr-\\[6px\\]{padding-right:6px}.pt-2{padding-top:.5rem}.pt-\\[0\\.375rem\\]{padding-top:.375rem}.pt-\\[1\\.3438rem\\]{padding-top:1.3438rem}.pt-\\[10px\\]{padding-top:10px}.pt-\\[17px\\]{padding-top:17px}.pt-\\[2\\.5px\\]{padding-top:2.5px}.pt-\\[23px\\]{padding-top:23px}.pt-\\[31px\\]{padding-top:31px}.pt-\\[7px\\]{padding-top:7px}.text-left{text-align:left}.text-center{text-align:center}.align-baseline{vertical-align:baseline}.align-middle{vertical-align:middle}.\\!text-\\[15px\\]{font-size:15px!important}.\\!text-\\[18px\\]{font-size:18px!important}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\\[11px\\]{font-size:11px}.text-\\[12px\\]{font-size:12px}.text-\\[13px\\]{font-size:13px}.text-\\[14px\\]{font-size:14px}.text-\\[15px\\]{font-size:15px}.text-\\[16px\\]{font-size:16px}.text-\\[17px\\]{font-size:17px}.text-\\[18px\\]{font-size:18px}.text-\\[21px\\]{font-size:21px}.text-\\[22px\\]{font-size:22px}.text-\\[25px\\]{font-size:25px}.text-\\[26px\\]{font-size:26px}.text-\\[28px\\]{font-size:28px}.text-\\[30px\\]{font-size:30px}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.\\!font-bold{font-weight:700!important}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.\\!leading-\\[24px\\]{line-height:24px!important}.leading-\\[0\\.8125rem\\]{line-height:.8125rem}.leading-\\[1\\.125rem\\]{line-height:1.125rem}.leading-\\[1\\.25rem\\]{line-height:1.25rem}.leading-\\[1\\.4375rem\\]{line-height:1.4375rem}.leading-\\[16px\\]{line-height:16px}.leading-\\[19px\\]{line-height:19px}.leading-\\[2\\.3125rem\\]{line-height:2.3125rem}.leading-\\[20px\\]{line-height:20px}.leading-\\[22px\\]{line-height:22px}.leading-\\[23px\\]{line-height:23px}.\\!text-\\[\\#353535\\]{--tw-text-opacity:1!important;color:rgb(53 53 53/var(--tw-text-opacity))!important}.text-\\[\\#353535\\]{--tw-text-opacity:1;color:rgb(53 53 53/var(--tw-text-opacity))}.text-\\[\\#5D5D5D\\],.text-\\[\\#5d5d5d\\]{--tw-text-opacity:1;color:rgb(93 93 93/var(--tw-text-opacity))}.text-\\[\\#707070\\]{--tw-text-opacity:1;color:rgb(112 112 112/var(--tw-text-opacity))}.text-\\[\\#727272\\]{--tw-text-opacity:1;color:rgb(114 114 114/var(--tw-text-opacity))}.text-\\[\\#747474\\]{--tw-text-opacity:1;color:rgb(116 116 116/var(--tw-text-opacity))}.text-\\[\\#9A9A9A\\]{--tw-text-opacity:1;color:rgb(154 154 154/var(--tw-text-opacity))}.text-\\[\\#9f9f9f\\]{--tw-text-opacity:1;color:rgb(159 159 159/var(--tw-text-opacity))}.text-\\[\\#E11938\\]{--tw-text-opacity:1;color:rgb(225 25 56/var(--tw-text-opacity))}.text-\\[\\#E11A38\\]{--tw-text-opacity:1;color:rgb(225 26 56/var(--tw-text-opacity))}.text-\\[\\#E21938\\]{--tw-text-opacity:1;color:rgb(226 25 56/var(--tw-text-opacity))}.text-\\[\\#c2c2c2\\]{--tw-text-opacity:1;color:rgb(194 194 194/var(--tw-text-opacity))}.text-\\[\\#cf132b\\]{--tw-text-opacity:1;color:rgb(207 19 43/var(--tw-text-opacity))}.text-\\[\\#e11a38\\]{--tw-text-opacity:1;color:rgb(225 26 56/var(--tw-text-opacity))}.text-\\[\\#fff\\],.text-\\[\\#ffffff\\]{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.text-lime-400{--tw-text-opacity:1;color:rgb(163 230 53/var(--tw-text-opacity))}.text-orange-300{--tw-text-opacity:1;color:rgb(253 186 116/var(--tw-text-opacity))}.text-orange-400{--tw-text-opacity:1;color:rgb(251 146 60/var(--tw-text-opacity))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity))}.text-teal-500{--tw-text-opacity:1;color:rgb(20 184 166/var(--tw-text-opacity))}.text-violet-600{--tw-text-opacity:1;color:rgb(124 58 237/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.\\!shadow-\\[0px_7px_64px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.07\\)\\]{--tw-shadow:0px 7px 64px rgba(0,0,0,.07)!important;--tw-shadow-colored:0px 7px 64px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.\\!shadow-\\[0px_7px_64px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.11\\)\\]{--tw-shadow:0px 7px 64px rgba(0,0,0,.11)!important;--tw-shadow-colored:0px 7px 64px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.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)}.shadow,.shadow-\\[0px_3px_6px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.16\\)\\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\\[0px_3px_6px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.16\\)\\]{--tw-shadow:0px 3px 6px rgba(0,0,0,.16);--tw-shadow-colored:0px 3px 6px var(--tw-shadow-color)}.shadow-\\[0px_7px_64px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.07\\)\\]{--tw-shadow:0px 7px 64px rgba(0,0,0,.07);--tw-shadow-colored:0px 7px 64px var(--tw-shadow-color)}.shadow-\\[0px_7px_64px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.07\\)\\],.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.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)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 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}.ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-0,.ring-1{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-inset{--tw-ring-inset:inset}.ring-\\[\\#E11A38\\]{--tw-ring-opacity:1;--tw-ring-color:rgb(225 26 56/var(--tw-ring-opacity))}.blur{--tw-blur:blur(8px)}.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)}.backdrop-blur-\\[21px\\]{--tw-backdrop-blur:blur(21px);-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,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;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-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@import url(\"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\");html{font-family:Roboto,sans-serif}.Toastify__toast-container{width:32vw!important}.Toastify__toast{padding:1rem!important}.Toastify__close-button{align-self:center!important}.Toastify__close-button>svg{fill:#707070!important}.Toastify__toast-theme--colored.Toastify__toast--success{background:#ebfbf5!important;border:1px solid #98d6bf;box-shadow:0 0 10px #00000059;color:#353535!important;font-family:Roboto,sans-serif;font-size:14px;font-weight:600}.Toastify__toast-theme--colored.Toastify__toast--success .Toastify__toast-icon>svg{fill:#00c48c!important}.Toastify__toast-theme--colored.Toastify__toast--error{background:#fce8eb!important;border:1px solid #ffd8de;box-shadow:0 0 10px #00000059;color:#353535!important;font-family:Roboto,sans-serif;font-size:14px;font-weight:600}.Toastify__toast-theme--colored.Toastify__toast--error .Toastify__toast-icon>svg{fill:hwb(351 10% 12%)!important;height:100%;width:100%}.Toastify__toast-theme--colored.Toastify__toast--info{background:#d5e9fa!important;border:1px solid #b5ddff;box-shadow:0 0 10px #00000059;color:#353535!important;font-family:Roboto,sans-serif;font-size:14px;font-weight:600}.Toastify__toast-theme--colored.Toastify__toast--info .Toastify__toast-icon>svg{fill:#0084f4!important}.Toastify__toast-icon{height:1.875rem!important;width:1.875rem!important}#slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;background-image:linear-gradient(#f00528,#f00528);background-repeat:no-repeat;background-size:70% 100%;height:18px;opacity:.7;outline:none;transition:opacity .2s;width:100%}#slider:hover{opacity:1}#slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#f00528;border-radius:2px;box-shadow:0 0 2px 0 #555;cursor:pointer;height:25px;-webkit-transition:background .3s ease-in-out;transition:background .3s ease-in-out;width:25px}input[type=range]::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#f00528;border-radius:2%;box-shadow:0 0 2px 0 #555;cursor:ew-resize;height:20px;-moz-transition:background .3s ease-in-out;transition:background .3s ease-in-out;width:20px}.btn-hover:hover{background:#e11a38;color:#fff}.link-hover:hover{color:#e11a38}@media (min-width:768px){.md\\:btn-md{font-size:.875rem;height:3rem;min-height:3rem;padding-left:1rem;padding-right:1rem}.btn-square:where(.md\\:btn-md){height:3rem;padding:0;width:3rem}.btn-circle:where(.md\\:btn-md){border-radius:9999px;height:3rem;padding:0;width:3rem}}.placeholder\\:leading-\\[20px\\]::-moz-placeholder{line-height:20px}.placeholder\\:leading-\\[20px\\]::placeholder{line-height:20px}.before\\:absolute:before{content:var(--tw-content);position:absolute}.before\\:left-\\[18px\\]:before{content:var(--tw-content);left:18px}.before\\:top-\\[-0\\.3125rem\\]:before{content:var(--tw-content);top:-.3125rem}.before\\:h-\\[0\\.75rem\\]:before{content:var(--tw-content);height:.75rem}.before\\:w-\\[0\\.75rem\\]:before{content:var(--tw-content);width:.75rem}.before\\:rotate-45:before{--tw-rotate:45deg;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))}.before\\:bg-\\[\\#ffffff\\]:before,.before\\:bg-\\[white\\]:before{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));content:var(--tw-content)}.before\\:content-\\[\\'\\'\\]:before{--tw-content:\"\";content:var(--tw-content)}.first\\:rounded-l:first-child{border-bottom-left-radius:.25rem;border-top-left-radius:.25rem}.last\\:rounded-r:last-child{border-bottom-right-radius:.25rem;border-top-right-radius:.25rem}.last\\:border-b-0:last-child{border-bottom-width:0}.hover\\:rounded-none:hover{border-radius:0}.hover\\:border-\\[\\#E11A38\\]:hover{--tw-border-opacity:1;border-color:rgb(225 26 56/var(--tw-border-opacity))}.hover\\:bg-\\[\\#E11A38\\]:hover{--tw-bg-opacity:1;background-color:rgb(225 26 56/var(--tw-bg-opacity))}.hover\\:bg-\\[\\#fce8eb\\]:hover{--tw-bg-opacity:1;background-color:rgb(252 232 235/var(--tw-bg-opacity))}.hover\\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.hover\\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.hover\\:font-bold:hover{font-weight:700}.hover\\:text-\\[\\#353535\\]:hover{--tw-text-opacity:1;color:rgb(53 53 53/var(--tw-text-opacity))}.hover\\:text-\\[\\#e11a38\\]:hover{--tw-text-opacity:1;color:rgb(225 26 56/var(--tw-text-opacity))}.hover\\:text-\\[\\#ffffff\\]:hover,.hover\\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:decoration-2:hover{text-decoration-thickness:2px}.hover\\:underline-offset-4:hover{text-underline-offset:4px}.focus\\:z-\\[3\\]:focus{z-index:3}.focus\\:rounded-sm:focus{border-radius:.125rem}.focus\\:border-0:focus{border-width:0}.focus\\:shadow-\\[inset_0_0_0_1px_rgb\\(212\\2c 212\\2c 212\\)\\]:focus{--tw-shadow:inset 0 0 0 1px #d4d4d4;--tw-shadow-colored:inset 0 0 0 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)}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\\:outline-offset-0:focus{outline-offset:0}.focus\\:outline-current:focus{outline-color:currentColor}.focus\\:ring-0:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\\:outline-0:focus-visible{outline-width:0}.active\\:bg-violet-700:active{--tw-bg-opacity:1;background-color:rgb(109 40 217/var(--tw-bg-opacity))}.group:hover .group-hover\\:fill-\\[\\#E11A38\\]{fill:#e11a38}@media (prefers-color-scheme:dark){.dark\\:border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity))}.dark\\:bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.dark\\:hover\\:border-gray-500:hover{--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity))}.dark\\:hover\\:bg-gray-600:hover{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity))}}@media (min-width:640px){.sm\\:mt-0{margin-top:0}.sm\\:h-\\[42vh\\]{height:42vh}.sm\\:h-\\[55vh\\]{height:55vh}.sm\\:w-\\[60\\%\\]{width:60%}.sm\\:w-auto{width:auto}}@media (min-width:768px){.md\\:absolute{position:absolute}.md\\:relative{position:relative}.md\\:bottom-\\[20px\\]{bottom:20px}.md\\:right-0{right:0}.md\\:mr-\\[0\\%\\]{margin-right:0}.md\\:block{display:block}.md\\:h-auto{height:auto}.md\\:w-\\[100\\%\\]{width:100%}.md\\:w-\\[65\\%\\]{width:65%}.md\\:w-\\[auto\\]{width:auto}.md\\:w-full{width:100%}.md\\:max-w-\\[100\\%\\]{max-width:100%}.md\\:-translate-y-2\\/4{--tw-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))}.md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\\:flex-row{flex-direction:row}.md\\:flex-col{flex-direction:column}.md\\:justify-end{justify-content:flex-end}.md\\:p-\\[98px\\]{padding:98px}.md\\:px-\\[112px\\]{padding-left:112px;padding-right:112px}.md\\:before\\:left-\\[unset\\]:before{content:var(--tw-content);left:unset}.md\\:before\\:right-\\[18px\\]:before{content:var(--tw-content);right:18px}}@media (min-width:1024px){.lg\\:mr-\\[30px\\]{margin-right:30px}.lg\\:w-2\\/5{width:40%}.lg\\:w-\\[10\\%\\]{width:10%}.lg\\:w-\\[50\\%\\]{width:50%}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\\:flex-row{flex-direction:row}}@media (min-width:1280px){.xl\\:w-\\[40\\%\\]{width:40%}.xl\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width:1536px){.\\32xl\\:top-2\\/4{top:50%}.\\32xl\\:h-\\[50vh\\]{height:50vh}.\\32xl\\:h-\\[60vh\\]{height:60vh}.\\32xl\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.\\32xl\\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}}";
61
61
  styleInject(css_248z);
62
62
 
63
63
  function _regeneratorRuntime() {
@@ -2038,6 +2038,7 @@ var authSlice = function authSlice(set, get) {
2038
2038
  defaultColorList: [],
2039
2039
  priceLevel: '',
2040
2040
  token: '',
2041
+ customerId: 117015,
2041
2042
  clearLoginInfo: function clearLoginInfo() {
2042
2043
  clearCookie('customizerToken');
2043
2044
  clearSessionStorage('customizerToken');
@@ -2045,7 +2046,7 @@ var authSlice = function authSlice(set, get) {
2045
2046
  authType: '',
2046
2047
  cardCode: '',
2047
2048
  customerEmail: '',
2048
- customerId: 0,
2049
+ customerId: 117015,
2049
2050
  customerType: '',
2050
2051
  priceLevel: '',
2051
2052
  token: ''
@@ -2463,15 +2464,17 @@ var fabricSlice = function fabricSlice(set, get) {
2463
2464
  }
2464
2465
  },
2465
2466
  popUpCanvasUndo: function popUpCanvasUndo() {
2466
- if (get().popUpCanvasCount < get().popupCanvasStoreHistory.length) {
2467
+ if (get().popUpCanvasCount <= get().popupCanvasStoreHistory.length) {
2467
2468
  var _V = get().popupCanvasStoreHistory.length - 1 - get().popUpCanvasCount - 1;
2468
- get().popupCanv.clear().renderAll();
2469
- get().popupCanv.loadFromJSON(get().popupCanvasStoreHistory[_V].json);
2470
- set({
2471
- colorFill: get().popupCanvasStoreHistory[_V].colorFill
2472
- });
2473
- get().popupCanv.renderAll();
2474
- get().popUpCanvasCount += 1;
2469
+ if (get().popupCanvasStoreHistory[_V]) {
2470
+ get().popupCanv.clear().renderAll();
2471
+ get().popupCanv.loadFromJSON(get().popupCanvasStoreHistory[_V].json);
2472
+ set({
2473
+ colorFill: get().popupCanvasStoreHistory[_V].colorFill
2474
+ });
2475
+ get().popupCanv.renderAll();
2476
+ get().popUpCanvasCount += 1;
2477
+ }
2475
2478
  }
2476
2479
  },
2477
2480
  popUpCanvasRedo: function popUpCanvasRedo() {
@@ -2483,7 +2486,8 @@ var fabricSlice = function fabricSlice(set, get) {
2483
2486
  }
2484
2487
  },
2485
2488
  forPopupCanvasReset: null,
2486
- forPopupCanvasColor: {}
2489
+ forPopupCanvasColor: {},
2490
+ imageData: null
2487
2491
  };
2488
2492
  };
2489
2493
 
@@ -3101,6 +3105,96 @@ TIFFParser.prototype = {
3101
3105
  };
3102
3106
 
3103
3107
  var converterSlice = function converterSlice(set, get) {
3108
+ var processImage = function processImage(svgstr, colorValue) {
3109
+ fabric.loadSVGFromString(
3110
+ //@ts-ignore
3111
+ new String(svgstr), function (objects, options) {
3112
+ var _loadedObject;
3113
+ var loadedObject = fabric.util.groupSVGElements(objects, options);
3114
+ loadedObject.scaleToHeight(700);
3115
+ loadedObject.scaleToWidth(700);
3116
+ //@ts-ignore
3117
+ var objImage = (_loadedObject = loadedObject) == null ? void 0 : _loadedObject._objects;
3118
+ var _Fills = [];
3119
+ var fillCounts = {};
3120
+ objImage.forEach(function (ele) {
3121
+ ele.set({
3122
+ strokeWidth: 0
3123
+ });
3124
+ set({
3125
+ fillColor: [].concat(ele.fill)
3126
+ });
3127
+ var fillColor = ele.fill.toString();
3128
+ var pixelCount = ele.width * ele.height;
3129
+ fillCounts[fillColor] = (fillCounts[fillColor] || 0) + pixelCount;
3130
+ });
3131
+ var sortedFillColors = Object.keys(fillCounts).sort(function (a, b) {
3132
+ return fillCounts[b] - fillCounts[a];
3133
+ });
3134
+ var topColors = sortedFillColors.slice(0, colorValue);
3135
+ topColors.map(function (e) {
3136
+ var _C = get().RGBToHex(e);
3137
+ _Fills.push(_C);
3138
+ });
3139
+ //@ts-ignore
3140
+ set({
3141
+ fillColor: get().removeDuplicates(_Fills)
3142
+ });
3143
+ //@ts-ignore
3144
+ _Fills = get().removeDuplicates(_Fills);
3145
+ var fillColors = {};
3146
+ _Fills.map(function (item, index) {
3147
+ fillColors['layer' + index] = item;
3148
+ });
3149
+ use3dddPlus.setState({
3150
+ colorFill: fillColors
3151
+ });
3152
+ function euclideanDistance(color1, color2) {
3153
+ var c1 = new fabric.Color(color1).getSource();
3154
+ var c2 = new fabric.Color(color2).getSource();
3155
+ var diffR = c1[0] - c2[0];
3156
+ var diffG = c1[1] - c2[1];
3157
+ var diffB = c1[2] - c2[2];
3158
+ return Math.sqrt(Math.pow(diffR, 2) + Math.pow(diffG, 2) + Math.pow(diffB, 2));
3159
+ }
3160
+ var colorMap = {};
3161
+ sortedFillColors.forEach(function (color) {
3162
+ var closestColor = topColors.reduce(function (prev, curr) {
3163
+ var prevDiff = euclideanDistance(color, prev);
3164
+ var currDiff = euclideanDistance(color, curr);
3165
+ return prevDiff < currDiff ? prev : curr;
3166
+ });
3167
+ colorMap[color] = closestColor;
3168
+ });
3169
+ objImage.forEach(function (ele) {
3170
+ ele.set({
3171
+ fill: colorMap[ele.fill.toString()]
3172
+ });
3173
+ });
3174
+ loadedObject.set({
3175
+ colorFill: fillColors,
3176
+ //@ts-ignore
3177
+ setControlVisible: false
3178
+ });
3179
+ loadedObject = new fabric.Group(objImage, options);
3180
+ use3dddPlus.getState().popupCanv.clear();
3181
+ use3dddPlus.getState().popupCanv.setBackgroundColor({
3182
+ source: 'https://storage.googleapis.com/3ddplusgcp/logoEditor/assets/icons/checkerBoxBG.jpg',
3183
+ repeat: 'repeat'
3184
+ }, use3dddPlus.getState().popupCanv.renderAll.bind(use3dddPlus.getState().popupCanv), {
3185
+ backgroundImageOpacity: 1,
3186
+ scaleX: 1.1,
3187
+ scaleY: 1.1,
3188
+ backgroundRepeat: 'repeat'
3189
+ });
3190
+ use3dddPlus.getState().popupCanv.add(loadedObject).renderAll();
3191
+ use3dddPlus.getState().popupCanv.centerObject(loadedObject);
3192
+ use3dddPlus.getState().popupCanv.setActiveObject(loadedObject);
3193
+ use3dddPlus.setState({
3194
+ activeSelection: loadedObject
3195
+ });
3196
+ });
3197
+ };
3104
3198
  return {
3105
3199
  fillColor: [],
3106
3200
  file: {},
@@ -3183,157 +3277,16 @@ var converterSlice = function converterSlice(set, get) {
3183
3277
  use3dddPlus.setState({
3184
3278
  uploadImageModalDisplay: true
3185
3279
  });
3186
- // ImageTracer.imageToSVG(
3187
- // data,
3188
- // function (svgstr) {
3189
- // fabric.loadSVGFromString(
3190
- // //@ts-ignore
3191
- // new String(svgstr),
3192
- // function (objects, options) {
3193
- // let loadedObject = fabric.util.groupSVGElements(
3194
- // objects,
3195
- // options
3196
- // );
3197
- // // console.log("LOADEDOBJECT--->",data);
3198
- // loadedObject.scaleToHeight(300);
3199
- // loadedObject.scaleToWidth(300);
3200
- // //@ts-ignore
3201
- // let objImage = loadedObject._objects;
3202
- // let _Fills = [];
3203
- // objImage.forEach((ele) => {
3204
- // ele.set({ strokeWidth: 0 });
3205
- // set({ fillColor: [...ele.fill] });
3206
- // let _C = get().RGBToHex(ele.fill);
3207
- // _Fills.push(_C);
3208
- // });
3209
- // //@ts-ignore
3210
- // set({ fillColor: get().removeDuplicates(_Fills) });
3211
- // //@ts-ignore
3212
- // _Fills = get().removeDuplicates(_Fills);
3213
- // const fillColors = {};
3214
- // _Fills.map((item, index) => {
3215
- // fillColors['layer' + index] = item;
3216
- // });
3217
- // use3dddPlus.setState({ colorFill: fillColors });
3218
- // //FOR POPUP CANVAS
3219
- // loadedObject.set({
3220
- // //@ts-ignore
3221
- // colorFill: fillColors,
3222
- // hasControls: false,
3223
- // hasBorders: false,
3224
- // lockMovementX: true,
3225
- // lockMovementY: true,
3226
- // });
3227
- // // for main canvas use this
3228
- // console.log('fillColors-->', fillColors);
3229
- // loadedObject.set({
3230
- // colorFill: fillColors,
3231
- // //@ts-ignore
3232
- // setControlVisible: false,
3233
- // });
3234
- // //-------- use CANVAS INSTEAD OF POPCANVAS--------
3235
- // use3dddPlus.getState().popupCanv.add(loadedObject).renderAll();
3236
- // use3dddPlus.getState().popupCanv.centerObject(loadedObject);
3237
- // let _U = use3dddPlus.getState().popupCanv.toJSON();
3238
- // const _G = use3dddPlus.getState().popupCanv.getObjects();
3239
- // _U.objects.forEach((element, index) => {
3240
- // element.colorFill = _G[index].colorFill;
3241
- // });
3242
- // use3dddPlus.setState({
3243
- // forPopupCanvasReset: JSON.stringify(_U),
3244
- // forPopupCanvasColor: { ...fillColors },
3245
- // });
3246
- // // popupCanvas.setActiveObject(loadedObject);
3247
- // // use3dddPlus.setState({activeSelection: loadedObject});
3248
- // // loadedObject.setControlVisible("mtr", false);
3249
- // // use3dddPlus.getState().forStoringAllObject(loadedObject);//for pushing the data into array for layers
3250
- // }
3251
- // );
3252
- // },
3253
- // // options
3254
- // //@ts-ignore
3255
- // optionpresets.default
3256
- // );// FOR POPUP CANVAS VISIBLE
3257
3280
  ImageTracer.imageToSVG(data, function (svgstr) {
3258
- fabric.loadSVGFromString(
3259
- //@ts-ignore
3260
- new String(svgstr), function (objects, options) {
3261
- var loadedObject = fabric.util.groupSVGElements(objects, options);
3262
- // console.log("LOADEDOBJECT--->",data);
3263
- loadedObject.scaleToHeight(700);
3264
- loadedObject.scaleToWidth(700);
3265
- //@ts-ignore
3266
- var objImage = loadedObject == null ? void 0 : loadedObject._objects;
3267
- var _Fills = [];
3268
- objImage.forEach(function (ele) {
3269
- ele.set({
3270
- strokeWidth: 0
3271
- });
3272
- set({
3273
- fillColor: [].concat(ele.fill)
3274
- });
3275
- // setFillColor([...ele.fill]);
3276
- var _C = get().RGBToHex(ele.fill);
3277
- _Fills.push(_C);
3278
- });
3279
- //@ts-ignore
3280
- set({
3281
- fillColor: get().removeDuplicates(_Fills)
3282
- });
3283
- //setFillColor(get().removeDuplicates(_Fills));
3284
- //@ts-ignore
3285
- _Fills = get().removeDuplicates(_Fills);
3286
- // console.log(_Fills);
3287
- var fillColors = {};
3288
- _Fills.map(function (item, index) {
3289
- fillColors['layer' + index] = item;
3290
- });
3291
- use3dddPlus.setState({
3292
- colorFill: fillColors
3293
- });
3294
- //FOR POPUP CANVAS
3295
- // loadedObject.set({
3296
- // colorFill : fillColors,
3297
- // hasControls:false,
3298
- // hasBorders : false,
3299
- // lockMovementX:true,
3300
- // lockMovementY:true,
3301
- // })
3302
- // for main canvas use this
3303
- loadedObject.set({
3304
- colorFill: fillColors,
3305
- //@ts-ignore
3306
- setControlVisible: false
3307
- });
3308
- // var maxWidth = 300; // your maximum width value
3309
- // var maxHeight = 300; // your maximum height value
3310
- // if (loadedObject.width > maxWidth || loadedObject.height > maxHeight) {
3311
- // // Calculate new dimensions while maintaining aspect ratio
3312
- // var aspectRatio = loadedObject.width / loadedObject.height;
3313
- // if (aspectRatio > maxWidth / maxHeight) {
3314
- // loadedObject.scaleToWidth(maxWidth);
3315
- // } else {
3316
- // loadedObject.scaleToHeight(maxHeight);
3317
- // }
3318
- // }
3319
- //-------- use CANVAS INSTEAD OF POPCANVAS--------
3320
- console.log('loadedObject--->', loadedObject);
3321
- use3dddPlus.getState().popupCanv.add(loadedObject).renderAll();
3322
- use3dddPlus.getState().popupCanv.centerObject(loadedObject);
3323
- use3dddPlus.getState().popupCanv.setActiveObject(loadedObject);
3324
- use3dddPlus.setState({
3325
- activeSelection: loadedObject
3326
- });
3327
- // loadedObject.setControlVisible("mtr", false);
3328
- // use3dddPlus.getState().forStoringAllObject(loadedObject);//for pushing the data into array for layers
3281
+ use3dddPlus.setState({
3282
+ imageData: svgstr
3329
3283
  });
3330
- }
3331
- // options
3332
- //@ts-ignore
3333
- //optionpresets.default
3334
- );
3284
+ processImage(svgstr, 8);
3285
+ });
3286
+ },
3287
+ refreshColor: function refreshColor(colorValue) {
3288
+ processImage(use3dddPlus.getState().imageData, colorValue);
3335
3289
  },
3336
-
3337
3290
  removeDuplicates: function removeDuplicates(arr) {
3338
3291
  return arr.filter(function (item, index) {
3339
3292
  return arr.indexOf(item) === index;
@@ -3369,20 +3322,31 @@ var converterSlice = function converterSlice(set, get) {
3369
3322
  // popupCanvas.setActiveObject(sel);
3370
3323
  // popupCanvas.requestRenderAll();
3371
3324
  // let objImage = SelectedObjet._objects;
3372
- var objImage = use3dddPlus.getState().popupCanv.getActiveObject()._objects;
3373
- objImage.forEach(function (ele) {
3374
- var _C = ele.fill.includes('#') ? ele.fill : get().RGBToHex(ele.fill);
3375
- if (_C === previousColor) {
3376
- ele.set({
3377
- fill: color
3378
- });
3379
- }
3380
- });
3381
- use3dddPlus.getState().popupCanv.renderAll();
3382
- fillColor[property] = color;
3383
- use3dddPlus.setState({
3384
- colorFill: fillColor
3385
- });
3325
+ if (use3dddPlus.getState().popupCanv.getActiveObject()) {
3326
+ var objImage = use3dddPlus.getState().popupCanv.getActiveObject()._objects;
3327
+ objImage.forEach(function (ele) {
3328
+ var _C = ele.fill === 'transparent' ? ele.fill : ele.fill.includes('#') ? ele.fill : get().RGBToHex(ele.fill);
3329
+ if (_C === previousColor) {
3330
+ ele.set({
3331
+ fill: color
3332
+ });
3333
+ }
3334
+ });
3335
+ use3dddPlus.getState().popupCanv.renderAll();
3336
+ use3dddPlus.getState().popUpCanvasUpdateModification(true);
3337
+ // fillColor[property] = color;
3338
+ Object.keys(fillColor).forEach(function (fc) {
3339
+ if (fillColor[fc] === previousColor) {
3340
+ fillColor[fc] = color;
3341
+ }
3342
+ });
3343
+ use3dddPlus.setState({
3344
+ colorFill: fillColor
3345
+ });
3346
+ return true;
3347
+ } else {
3348
+ return false;
3349
+ }
3386
3350
  },
3387
3351
  addText: function addText() {
3388
3352
  use3dddPlus.getState().fabricCanvas.discardActiveObject();
@@ -3639,7 +3603,7 @@ var ActionButtons = function ActionButtons() {
3639
3603
  visible: true
3640
3604
  }];
3641
3605
  return React.createElement(React.Fragment, null, React.createElement("div", {
3642
- className: "w-100 flex absolute top-0 right-0 px-3 items-center z-10 bg-[#f2f2f2]"
3606
+ className: "w-100 flex absolute top-0 right-0 px-3 items-center z-10 bg-[#ffffff]"
3643
3607
  }, React.createElement("div", {
3644
3608
  className: "flex py-[16px]"
3645
3609
  }, canvasActions.map(function (item) {
@@ -3719,7 +3683,7 @@ var NudgeButtons = function NudgeButtons() {
3719
3683
  }
3720
3684
  };
3721
3685
  return React.createElement(React.Fragment, null, React.createElement("div", {
3722
- className: "w-full flex absolute bottom-0 left-0 items-center justify-center z-10 py-3 bg-[#f2f2f2] "
3686
+ className: "w-full flex left-0 items-center justify-center z-10 py-3 bg-[#f2f2f2] "
3723
3687
  }, React.createElement("div", {
3724
3688
  className: "uppercase font-medium text-sm text-red-500 my-3 mx-5"
3725
3689
  }, "Nudge:"), React.createElement("button", {
@@ -3826,6 +3790,7 @@ var initCanvas = function initCanvas() {
3826
3790
  use3dddPlus.setState({
3827
3791
  activeSelection: canv.getActiveObject()
3828
3792
  });
3793
+ canv.getActiveObject().viewportCenter();
3829
3794
  getAllColors();
3830
3795
  };
3831
3796
  var onObjectDeselected = function onObjectDeselected() {
@@ -3880,8 +3845,8 @@ var initCanvas = function initCanvas() {
3880
3845
  preserveObjectStacking: true,
3881
3846
  // backgroundColor: '#ffff00',
3882
3847
  stopContextMenu: false,
3883
- width: 700,
3884
- height: 800
3848
+ width: 900,
3849
+ height: 640
3885
3850
  });
3886
3851
  // console.log('HISTORY-->',historyInit());
3887
3852
  var deleteImg = document.createElement('img');
@@ -4201,8 +4166,9 @@ var canvas = function canvas() {
4201
4166
  }, []);
4202
4167
  return React.createElement("div", {
4203
4168
  className: " w-full h-full relative"
4204
- }, React.createElement(ActionButtons, null), React.createElement(NudgeButtons, null), React.createElement(React.Fragment, null), React.createElement("div", {
4205
- id: "fabCanvas"
4169
+ }, React.createElement(ActionButtons, null), React.createElement(React.Fragment, null), React.createElement("div", {
4170
+ id: "fabCanvas",
4171
+ className: "bg-[#ffffff]"
4206
4172
  }, React.createElement("canvas", {
4207
4173
  ref: canvasRef,
4208
4174
  id: "canvas"
@@ -4221,7 +4187,7 @@ var canvas = function canvas() {
4221
4187
  showContextMenu: false
4222
4188
  });
4223
4189
  }
4224
- }, React.createElement(ContextMenu, null))));
4190
+ }, React.createElement(ContextMenu, null))), React.createElement(NudgeButtons, null));
4225
4191
  };
4226
4192
 
4227
4193
  var Card = function Card(_ref) {
@@ -4411,8 +4377,8 @@ var ColorPalette = function ColorPalette(_ref) {
4411
4377
  _ref$mainIndex = _ref.mainIndex,
4412
4378
  mainIndex = _ref$mainIndex === void 0 ? '' : _ref$mainIndex,
4413
4379
  handleColorChange = _ref.handleColorChange,
4414
- _ref$mainClass = _ref.mainClass,
4415
- mainClass = _ref$mainClass === void 0 ? '' : _ref$mainClass;
4380
+ _ref$style = _ref.style,
4381
+ style = _ref$style === void 0 ? {} : _ref$style;
4416
4382
  var _useState = useState(null),
4417
4383
  selectColor = _useState[0],
4418
4384
  setSelectColor = _useState[1];
@@ -4422,7 +4388,8 @@ var ColorPalette = function ColorPalette(_ref) {
4422
4388
  handleColorChange(color, index);
4423
4389
  };
4424
4390
  return React.createElement(React.Fragment, null, React.createElement("div", {
4425
- className: mainClass + " z-10 max-h-[15.4375rem] border border-[#FCE8EB] before:bg-[#ffffff] shadow-[0px_3px_6px_rgba(0,0,0,0.16)] py-[1.8125rem] px-[1.4063rem] bg-[#fff] mt-[1.875rem] mr-[1rem] absolute"
4391
+ className: "right-[10.6rem] z-10 max-h-[15.4375rem] border border-[#FCE8EB] before:bg-[#ffffff] shadow-[0px_3px_6px_rgba(0,0,0,0.16)] py-[1.8125rem] px-[1.4063rem] bg-[#fff] mt-[1.875rem] mr-[1rem] absolute",
4392
+ style: style
4426
4393
  }, (colorList == null ? void 0 : colorList.length) > 0 && React.createElement(React.Fragment, null, React.createElement("p", {
4427
4394
  className: TEXT_SIZE_9 + " leading-[1.125rem] font-bold pb-[1.125rem] text-left"
4428
4395
  }, "Choose color"), React.createElement("div", {
@@ -4469,15 +4436,32 @@ var ColorBox = function ColorBox(_ref2) {
4469
4436
  className: "w-10 h-10 border border-[#D6D6D6] " + boxClass,
4470
4437
  onClick: onClick,
4471
4438
  onChange: onChange
4472
- }, children);
4439
+ }, children, color === 'transparent' && React.createElement("div", {
4440
+ style: {
4441
+ width: '2px',
4442
+ height: '39px',
4443
+ background: '#FF0000',
4444
+ transform: 'rotate(-45deg)',
4445
+ marginLeft: '13px',
4446
+ marginTop: '-6px'
4447
+ }
4448
+ }, "\xA0"));
4473
4449
  };
4474
4450
 
4475
4451
  var ColorImpl = function ColorImpl(props) {
4476
- var _useState = useState(false),
4452
+ var _useState = useState(props.displayPallet ? true : false),
4477
4453
  displayPallet = _useState[0],
4478
4454
  setdisplayPallet = _useState[1];
4479
4455
  var _useState2 = useState(props.color),
4480
4456
  setColor = _useState2[1];
4457
+ var _useState3 = useState(props.position),
4458
+ position = _useState3[0],
4459
+ setPosition = _useState3[1];
4460
+ useEffect(function () {
4461
+ if (!displayPallet && props.onClose) {
4462
+ props.onClose();
4463
+ }
4464
+ }, [displayPallet]);
4481
4465
  var handleColorClick = function handleColorClick(color) {
4482
4466
  console.log(color);
4483
4467
  setColor(color);
@@ -4486,21 +4470,40 @@ var ColorImpl = function ColorImpl(props) {
4486
4470
  return React.createElement(React.Fragment, null, React.createElement("div", {
4487
4471
  className: ""
4488
4472
  }, React.createElement("div", {
4489
- className: "border border-gray-600 w-[30px] h-[30px] group ",
4473
+ className: "border border-gray-600 w-[30px] h-[30px] group ",
4490
4474
  style: {
4491
- background: props.color
4475
+ background: props.color === 'transparent' ? '#FFFFFF' : props.color
4492
4476
  },
4493
- onClick: function onClick() {
4477
+ onClick: function onClick(event) {
4494
4478
  setdisplayPallet(function (prev) {
4495
4479
  return !prev;
4496
4480
  });
4481
+ setPosition({
4482
+ x: event.clientX,
4483
+ y: event.clientY
4484
+ });
4497
4485
  },
4498
4486
  onBlur: function onBlur() {
4499
4487
  return setdisplayPallet(false);
4500
4488
  }
4501
- }, displayPallet && React.createElement(ColorPalette, {
4489
+ }, props.color === 'transparent' && React.createElement("div", {
4490
+ style: {
4491
+ width: '2px',
4492
+ height: '39px',
4493
+ background: '#FF0000',
4494
+ transform: 'rotate(-45deg)',
4495
+ marginLeft: '13px',
4496
+ marginTop: '-6px'
4497
+ }
4498
+ }, "\xA0"), displayPallet && React.createElement(ColorPalette, {
4502
4499
  mainClass: "left-0 " + props.mClass,
4503
- handleColorChange: handleColorClick
4500
+ handleColorChange: handleColorClick,
4501
+ style: position ? {
4502
+ position: 'fixed',
4503
+ left: position.x - 450,
4504
+ top: position.y - 5,
4505
+ width: '450px'
4506
+ } : {}
4504
4507
  })
4505
4508
  // <div
4506
4509
  // className="absolute"
@@ -4528,7 +4531,7 @@ var Initpopup = function Initpopup() {
4528
4531
  return;
4529
4532
  }
4530
4533
  //@ts-ignore
4531
- popupcanvas.getActiveObject().toActiveSelection();
4534
+ popupcanvas.getActiveObject().toActiveSelection().viewportCenter();
4532
4535
  popupcanvas.requestRenderAll();
4533
4536
  };
4534
4537
  var getAllColorsPopupCanvas = function getAllColorsPopupCanvas() {
@@ -4547,8 +4550,8 @@ var Initpopup = function Initpopup() {
4547
4550
  //backgroundColor: '#F7F7F7',
4548
4551
  defaultCursor: "url(\" " + cursorUrl + " \"), auto",
4549
4552
  hoverCursor: "url(\" " + cursorUrl + " \"), auto",
4550
- width: 700,
4551
- height: 800
4553
+ width: 900,
4554
+ height: 640
4552
4555
  });
4553
4556
  popupcanvas.on('after:render', getAllColorsPopupCanvas);
4554
4557
  popupcanvas.on('selection:created', onObjectSelected);
@@ -4557,18 +4560,81 @@ var Initpopup = function Initpopup() {
4557
4560
 
4558
4561
  // import { Button } from 'reakit';
4559
4562
  var PopUpCanvas = function PopUpCanvas() {
4560
- var _Object$keys;
4561
4563
  var _use3dddPlus = use3dddPlus(function (state) {
4562
- return [state.popupCanv, state.fabricCanvas, state.colorFill, state.changeSVGColor, state.popUpCanvasUndo];
4564
+ return [state.popupCanv, state.fabricCanvas, state.colorFill, state.changeSVGColor, state.popUpCanvasUndo, state.refreshColor];
4563
4565
  }, shallow),
4564
4566
  popupCanvas = _use3dddPlus[0],
4565
4567
  canvas = _use3dddPlus[1],
4566
4568
  colorFill = _use3dddPlus[2],
4567
4569
  changeSVGColor = _use3dddPlus[3],
4568
- popUpCanvasUndo = _use3dddPlus[4];
4569
- var _useState = useState(3),
4570
+ popUpCanvasUndo = _use3dddPlus[4],
4571
+ refreshColor = _use3dddPlus[5];
4572
+ var _useState = useState(8),
4570
4573
  colorCount = _useState[0],
4571
4574
  setColorCount = _useState[1];
4575
+ var _useState2 = useState(-1),
4576
+ colorFillCount = _useState2[0],
4577
+ setColorFillCount = _useState2[1];
4578
+ var _useState3 = useState([]),
4579
+ defaultColorFill = _useState3[0],
4580
+ setDefaultColorFill = _useState3[1];
4581
+ var _useState4 = useState(false),
4582
+ isRefresh = _useState4[0],
4583
+ setIsRefresh = _useState4[1];
4584
+ useEffect(function () {
4585
+ if (colorFill && Object.keys(colorFill).length) {
4586
+ if (colorFillCount === -1) {
4587
+ setColorFillCount(Object.keys(colorFill).length);
4588
+ var defaultCF = [];
4589
+ Object.keys(colorFill).map(function (cf) {
4590
+ defaultCF.push({
4591
+ property: cf,
4592
+ "default": colorFill[cf],
4593
+ updated: colorFill[cf]
4594
+ });
4595
+ });
4596
+ setDefaultColorFill(defaultCF);
4597
+ }
4598
+ if (isRefresh) {
4599
+ setIsRefresh(false);
4600
+ setTimeout(function () {
4601
+ Object.keys(colorFill).map(function (cf) {
4602
+ var dcf = defaultColorFill.find(function (dcf) {
4603
+ return dcf.property === cf;
4604
+ });
4605
+ if (dcf && dcf["default"] !== dcf.updated) {
4606
+ changeSVGColor(dcf.property, dcf.updated);
4607
+ }
4608
+ });
4609
+ }, 100);
4610
+ }
4611
+ }
4612
+ }, [colorFill]);
4613
+ useEffect(function () {
4614
+ if (colorFillCount && colorFillCount > 0) {
4615
+ setColorCount(colorFillCount);
4616
+ } else {
4617
+ setColorCount(8);
4618
+ }
4619
+ }, [colorFillCount]);
4620
+ var onColorUpdate = function onColorUpdate(property, color) {
4621
+ // const foundIndex = defaultColorFill.findIndex(
4622
+ // (cf: any) => cf.property === property
4623
+ // );
4624
+ // if (foundIndex >= 0) {
4625
+ // defaultColorFill[foundIndex].updated = color;
4626
+ // }
4627
+ if (changeSVGColor(property, color)) {
4628
+ setDefaultColorFill(defaultColorFill.map(function (c) {
4629
+ return (
4630
+ // c.property === property ? { ...c, updated: color } : c
4631
+ colorFill[property] === c.updated ? _extends({}, c, {
4632
+ updated: color
4633
+ }) : c
4634
+ );
4635
+ }));
4636
+ }
4637
+ };
4572
4638
  // const colors = [
4573
4639
  // 'red',
4574
4640
  // 'green',
@@ -4582,6 +4648,9 @@ var PopUpCanvas = function PopUpCanvas() {
4582
4648
  // const selectedColors = colors.slice(0, colorCount);
4583
4649
  var handleColorCountChange = function handleColorCountChange(e) {
4584
4650
  setColorCount(Number(e.target.value));
4651
+ // use3dddPlus.setState({ colorCount: Number(e.target.value) });
4652
+ refreshColor(Number(e.target.value));
4653
+ setIsRefresh(true);
4585
4654
  };
4586
4655
  var resizeCanvas = function resizeCanvas() {
4587
4656
  var canvas = use3dddPlus.getState().popupCanv;
@@ -4689,15 +4758,45 @@ var PopUpCanvas = function PopUpCanvas() {
4689
4758
  popupCanvasStoreHistory: []
4690
4759
  });
4691
4760
  };
4761
+ /*
4762
+ const resetHandler = () => {
4763
+ console.log(use3dddPlus.getState().forPopupCanvasReset);
4764
+ popupCanvas.clear();
4765
+ popupCanvas.loadFromJSON(
4766
+ use3dddPlus.getState().forPopupCanvasReset,
4767
+ function () {
4768
+ use3dddPlus.setState({
4769
+ colorFill: { ...use3dddPlus.getState().forPopupCanvasColor },
4770
+ });
4771
+ popupCanvas.renderAll();
4772
+ }
4773
+ );
4774
+ };*/
4692
4775
  var resetHandler = function resetHandler() {
4693
- console.log(use3dddPlus.getState().forPopupCanvasReset);
4694
- popupCanvas.clear();
4695
- popupCanvas.loadFromJSON(use3dddPlus.getState().forPopupCanvasReset, function () {
4696
- use3dddPlus.setState({
4697
- colorFill: _extends({}, use3dddPlus.getState().forPopupCanvasColor)
4776
+ refreshColor(colorCount);
4777
+ setDefaultColorFill(defaultColorFill.map(function (dcf) {
4778
+ return _extends({}, dcf, {
4779
+ updated: dcf["default"]
4698
4780
  });
4699
- popupCanvas.renderAll();
4700
- });
4781
+ }));
4782
+ };
4783
+ var onSelectColor = function onSelectColor(item, event) {
4784
+ setDefaultColorFill(defaultColorFill.map(function (cf) {
4785
+ return cf.property === item.property ? _extends({}, cf, {
4786
+ hasPallet: true,
4787
+ position: {
4788
+ x: event.clientX,
4789
+ y: event.clientY
4790
+ }
4791
+ }) : cf;
4792
+ }));
4793
+ };
4794
+ var onClosePalette = function onClosePalette() {
4795
+ setDefaultColorFill(defaultColorFill.map(function (c) {
4796
+ return _extends({}, c, {
4797
+ hasPallet: false
4798
+ });
4799
+ }));
4701
4800
  };
4702
4801
  return React.createElement(React.Fragment, null, React.createElement("div", {
4703
4802
  className: "flex z-10 overflow-y-auto"
@@ -4719,7 +4818,11 @@ var PopUpCanvas = function PopUpCanvas() {
4719
4818
  className: "pointer",
4720
4819
  id: "popupCanvas"
4721
4820
  })), React.createElement("div", {
4722
- className: "btnCont absolute flex flex-wrap top-0 right-0 p-10"
4821
+ className: "btnCont absolute flex flex-wrap top-0 right-0",
4822
+ style: {
4823
+ background: '#dedede',
4824
+ padding: '10px'
4825
+ }
4723
4826
  }, React.createElement("div", {
4724
4827
  className: "undoBtn cursor-pointer mr-4",
4725
4828
  onClick: popUpCanvasUndo
@@ -4771,50 +4874,88 @@ var PopUpCanvas = function PopUpCanvas() {
4771
4874
  onChange: handleColorCountChange,
4772
4875
  className: "border-[1px] border-[#D7D7D7] p-2"
4773
4876
  }, React.createElement("option", {
4774
- value: 1
4877
+ value: 1,
4878
+ disabled: colorFillCount < 1
4775
4879
  }, "1 Colors"), React.createElement("option", {
4776
- value: 2
4880
+ value: 2,
4881
+ disabled: colorFillCount < 2
4777
4882
  }, "2 Colors"), React.createElement("option", {
4778
- value: 3
4883
+ value: 3,
4884
+ disabled: colorFillCount < 3
4779
4885
  }, "3 Colors"), React.createElement("option", {
4780
- value: 4
4886
+ value: 4,
4887
+ disabled: colorFillCount < 4
4781
4888
  }, "4 Colors"), React.createElement("option", {
4782
- value: 5
4889
+ value: 5,
4890
+ disabled: colorFillCount < 5
4783
4891
  }, "5 Colors"), React.createElement("option", {
4784
- value: 6
4892
+ value: 6,
4893
+ disabled: colorFillCount < 6
4785
4894
  }, "6 Colors"), React.createElement("option", {
4786
- value: 7
4895
+ value: 7,
4896
+ disabled: colorFillCount < 7
4787
4897
  }, "7 Colors"), React.createElement("option", {
4788
- value: 8
4898
+ value: 8,
4899
+ disabled: colorFillCount < 8
4789
4900
  }, "8 Colors")), React.createElement("div", {
4790
4901
  className: "flex flex-col gap-y-3.5 items-center overflow-y-auto py-[5px] 2xl:h-[50vh] sm:h-[42vh] h-[42vh]"
4791
- }, (_Object$keys = Object.keys(colorFill)) == null ? void 0 : _Object$keys.map(function (item, index) {
4902
+ }, defaultColorFill
4903
+ //@ts-ignore
4904
+ == null ? void 0 : defaultColorFill
4905
+ //@ts-ignore
4906
+ .filter(function (item, index) {
4907
+ return index < colorCount;
4908
+ }).map(function (item, index) {
4792
4909
  return React.createElement("div", {
4793
4910
  className: "flex flex-row items-center",
4794
4911
  key: index
4795
- }, React.createElement(ColorImpl, {
4796
- className: "w-[30px] h-[30px] m-2 ",
4797
- handleChange: changeSVGColor,
4798
- property: item,
4799
- color: colorFill[item]
4912
+ }, React.createElement("div", {
4913
+ className: "w-[30px] h-[30px] m-2 border-[1px] border-[#000000]",
4914
+ style: {
4915
+ background: item["default"]
4916
+ },
4917
+ title: item["default"]
4800
4918
  }), React.createElement("div", {
4801
4919
  className: "mx-[20px] text-[#c2c2c2]"
4802
4920
  }, React.createElement(CgArrowRight, null)), React.createElement("div", {
4803
4921
  className: "flex flex-row border-[1px] border-[#D6D6D6]"
4804
4922
  }, React.createElement("span", {
4805
- className: " border-r-[1px] border-[#D6D6D6] bg-[#fce8eb]"
4806
- }, React.createElement(IconButton, {
4923
+ className: " border-r-[1px] border-[#D6D6D6] bg-[#fce8eb]",
4924
+ style: {
4925
+ cursor: 'pointer'
4926
+ }
4927
+ }, item["default"] === item.updated ? item.hasPallet ? React.createElement(ColorImpl, {
4928
+ className: "w-[30px] h-[30px] m-2",
4929
+ handleChange: onColorUpdate,
4930
+ property: item.property,
4931
+ color: item.updated,
4932
+ onClose: onClosePalette,
4933
+ displayPallet: true,
4934
+ position: item.position
4935
+ }) : React.createElement(IconButton, {
4807
4936
  label: "Select Color",
4808
4937
  icon: React.createElement(GiDrop, null),
4809
- className: '!rounded-none pointer-events-auto cursor-pointer flex text-[#E11A38] w-[30px] h-[30px] p-[9px]',
4938
+ onClick: function onClick(event) {
4939
+ return onSelectColor(item, event);
4940
+ },
4941
+ className: '!rounded-none pointer-events-auto cursor-pointer flex text-[#E11A38] w-[30px] h-[30px] p-[6px]',
4810
4942
  size: "1.125rem"
4943
+ }) : React.createElement(ColorImpl, {
4944
+ className: "w-[30px] h-[30px] m-2",
4945
+ handleChange: onColorUpdate,
4946
+ property: item.property,
4947
+ color: item.updated,
4948
+ onClose: onClosePalette
4811
4949
  })), React.createElement("span", {
4812
- className: "py-[6px] pl-[10px] pr-[27px] font-medium text-[13px] bg-[#F1F1F1]"
4950
+ className: "py-[5px] pl-[10px] pr-[6px] font-medium text-[13px] bg-[#F1F1F1]"
4813
4951
  }, "Select Color")), React.createElement("span", {
4814
4952
  className: ""
4815
4953
  }, React.createElement(IconButton, {
4816
4954
  label: "Delete Color",
4817
4955
  icon: React.createElement(MdOutlineCancel, null),
4956
+ onClick: function onClick() {
4957
+ onColorUpdate(item.property, 'transparent');
4958
+ },
4818
4959
  className: 'pointer-events-auto cursor-pointer m-autoflex w-[30px] h-[30px] p-[9px] text-[#c2c2c2]',
4819
4960
  size: "1rem"
4820
4961
  })));
@@ -4852,9 +4993,11 @@ var UploadLogo = function UploadLogo() {
4852
4993
  while (1) switch (_context.prev = _context.next) {
4853
4994
  case 0:
4854
4995
  // canvas.discardActiveObject();
4855
- ext = data.name.substring(data.name.lastIndexOf('.') + 1);
4996
+ ext = data.name.substring(data.name.lastIndexOf('.') + 1); // if (ext === 'svg') {
4997
+ // imageToSVG(data);
4998
+ // } else
4856
4999
  if (!(ext === 'pdf')) {
4857
- _context.next = 6;
5000
+ _context.next = 8;
4858
5001
  break;
4859
5002
  }
4860
5003
  _context.next = 4;
@@ -4862,24 +5005,26 @@ var UploadLogo = function UploadLogo() {
4862
5005
  case 4:
4863
5006
  pdfData = _context.sent;
4864
5007
  imageToSVG(pdfData);
4865
- case 6:
5008
+ _context.next = 17;
5009
+ break;
5010
+ case 8:
4866
5011
  if (!(ext === 'tif' || ext === 'tiff')) {
4867
- _context.next = 13;
5012
+ _context.next = 15;
4868
5013
  break;
4869
5014
  }
4870
- _context.next = 9;
5015
+ _context.next = 11;
4871
5016
  return tiffConvert(data);
4872
- case 9:
5017
+ case 11:
4873
5018
  tiffData = _context.sent;
4874
5019
  imageToSVG(tiffData);
4875
- _context.next = 15;
5020
+ _context.next = 17;
4876
5021
  break;
4877
- case 13:
5022
+ case 15:
4878
5023
  objectURL = URL.createObjectURL(data);
4879
5024
  imageToSVG(objectURL);
4880
- case 15:
5025
+ case 17:
4881
5026
  setSelectedFile(null);
4882
- case 16:
5027
+ case 18:
4883
5028
  case "end":
4884
5029
  return _context.stop();
4885
5030
  }
@@ -5337,9 +5482,10 @@ var MyLogo$1 = function MyLogo(_ref) {
5337
5482
  if (logo) {
5338
5483
  myLogoHandler(logo);
5339
5484
  console.log(logo);
5340
- setLogoSelected(logo);
5485
+ // setLogoSelected(logo);
5341
5486
  }
5342
5487
  };
5488
+
5343
5489
  var handleApplyLogo = function handleApplyLogo(logo) {
5344
5490
  if (logo) {
5345
5491
  onApply();
@@ -6264,7 +6410,7 @@ var Rightmenu = function Rightmenu() {
6264
6410
  _context2.next = 38;
6265
6411
  break;
6266
6412
  }
6267
- if (!(textSelected.text && textSelected.text.trim() === "")) {
6413
+ if (!(textSelected.text && textSelected.text.trim() === '')) {
6268
6414
  _context2.next = 24;
6269
6415
  break;
6270
6416
  }
@@ -6438,12 +6584,12 @@ var Rightmenu = function Rightmenu() {
6438
6584
  newTextPath['fontStyle'] = textSelected.fontStyle;
6439
6585
  newTextPath['text'] = textSelected.text;
6440
6586
  // set same position & scale
6441
- newTextPath["left"] = textSelected.left;
6442
- newTextPath["top"] = textSelected.top;
6443
- newTextPath["width"] = textSelected.width;
6444
- newTextPath["height"] = textSelected.height;
6445
- newTextPath["scaleX"] = textSelected.scaleX;
6446
- newTextPath["scaleY"] = textSelected.scaleY;
6587
+ newTextPath['left'] = textSelected.left;
6588
+ newTextPath['top'] = textSelected.top;
6589
+ newTextPath['width'] = textSelected.width;
6590
+ newTextPath['height'] = textSelected.height;
6591
+ newTextPath['scaleX'] = textSelected.scaleX;
6592
+ newTextPath['scaleY'] = textSelected.scaleY;
6447
6593
  // delete the active text object
6448
6594
  activeObj = canvas.getActiveObject();
6449
6595
  canvas.remove(activeObj);
@@ -6618,12 +6764,12 @@ var Rightmenu = function Rightmenu() {
6618
6764
  var layerHandle = function layerHandle(element, index, num) {
6619
6765
  var currentObject = [].concat(use3dddPlus.getState().storeAllObject);
6620
6766
  if (num === 'minus') {
6621
- canvas.sendToBack(element);
6767
+ canvas.sendBackwards(element);
6622
6768
  use3dddPlus.setState({
6623
6769
  storeAllObject: changeArr(currentObject, index, index + 1)
6624
6770
  });
6625
6771
  } else {
6626
- canvas.bringToFront(element);
6772
+ canvas.bringForward(element);
6627
6773
  use3dddPlus.setState({
6628
6774
  storeAllObject: changeArr(currentObject, index, index - 1)
6629
6775
  });
@@ -7027,7 +7173,14 @@ var Rightmenu = function Rightmenu() {
7027
7173
  }, React.createElement("div", {
7028
7174
  className: "imgBox border border-r-[#D7D7D7] bg-slate-200 flex w-[80px]"
7029
7175
  }, React.createElement("img", {
7030
- className: "rounded-lg w-14 h-8",
7176
+ className: "rounded-lg",
7177
+ style: {
7178
+ height: 'auto',
7179
+ width: 'auto',
7180
+ display: 'block',
7181
+ marginLeft: 'auto',
7182
+ marginRight: 'auto'
7183
+ },
7031
7184
  src: item ? item['icon'] : ''
7032
7185
  })), React.createElement("div", {
7033
7186
  className: "delBtnBox flex-auto "
@@ -7079,6 +7232,7 @@ var Rightmenu = function Rightmenu() {
7079
7232
  })))))), React.createElement("div", {
7080
7233
  className: "delBox flex flex-col w-[40px] justify-between items-stretch"
7081
7234
  }, React.createElement("button", {
7235
+ disabled: index === 0,
7082
7236
  onClick: function onClick() {
7083
7237
  return layerHandle(item, index, 'plus');
7084
7238
  }
@@ -7087,7 +7241,7 @@ var Rightmenu = function Rightmenu() {
7087
7241
  }, React.createElement("div", {
7088
7242
  className: "upIcon m-auto"
7089
7243
  }, React.createElement("svg", {
7090
- fill: "#9a9a9a",
7244
+ fill: index === 0 ? '#cfcccc' : '#9a9a9a',
7091
7245
  height: "25px",
7092
7246
  width: "25px",
7093
7247
  version: "1.1",
@@ -7099,6 +7253,7 @@ var Rightmenu = function Rightmenu() {
7099
7253
  }), React.createElement("path", {
7100
7254
  d: "M121.752,335.085L256,200.837l134.248,134.248c8.331,8.331,21.839,8.331,30.17,0c8.331-8.331,8.331-21.839,0-30.17 L271.085,155.582c-8.331-8.331-21.839-8.331-30.17,0L91.582,304.915c-8.331,8.331-8.331,21.839,0,30.17 S113.42,343.416,121.752,335.085z"
7101
7255
  })))))))), React.createElement("button", {
7256
+ disabled: index === storeAllObject.length - 1,
7102
7257
  onClick: function onClick() {
7103
7258
  return layerHandle(item, index, 'minus');
7104
7259
  }
@@ -7108,7 +7263,7 @@ var Rightmenu = function Rightmenu() {
7108
7263
  className: "downIcon m-auto"
7109
7264
  }, React.createElement("svg", {
7110
7265
  transform: "rotate(180)",
7111
- fill: "#9a9a9a",
7266
+ fill: index === storeAllObject.length - 1 ? '#cfcccc' : '#9a9a9a',
7112
7267
  height: "25px",
7113
7268
  width: "25px",
7114
7269
  version: "1.1",
@@ -7266,7 +7421,7 @@ var css_248z$6 = ".designNameInputlogo+.designNameLabellogo,.designNotesTextarea
7266
7421
  styleInject(css_248z$6);
7267
7422
 
7268
7423
  var SaveDesign = function SaveDesign(_ref) {
7269
- var onSave = _ref.onSave;
7424
+ var onSaveLogo = _ref.onSaveLogo;
7270
7425
  var _useState = useState(''),
7271
7426
  designNameValidation = _useState[0],
7272
7427
  setDesignNameValidation = _useState[1];
@@ -7319,15 +7474,18 @@ var SaveDesign = function SaveDesign(_ref) {
7319
7474
  }
7320
7475
  return _context.abrupt("return");
7321
7476
  case 2:
7477
+ use3dddPlus.setState({
7478
+ loading: true
7479
+ });
7322
7480
  dataURL = canvas.toDataURL();
7323
7481
  canvasData = use3dddPlus.getState().applyColorFill(); // const canvasGetobject = canvas.getObjects();
7324
7482
  // canvasData.objects.forEach((element, index) => {
7325
7483
  // element.colorFill = canvasGetobject[index].colorFill;
7326
7484
  // });
7327
7485
  dataCh = JSON.stringify(canvasData);
7328
- _context.next = 7;
7486
+ _context.next = 8;
7329
7487
  return uploadLogoConfig(dataCh, use3dddPlus.getState().customerId);
7330
- case 7:
7488
+ case 8:
7331
7489
  S3UrlPath = _context.sent;
7332
7490
  canvasSvg = canvas.toSVG();
7333
7491
  raw = JSON.stringify({
@@ -7339,12 +7497,15 @@ var SaveDesign = function SaveDesign(_ref) {
7339
7497
  logo_config_url: S3UrlPath
7340
7498
  });
7341
7499
  saveLogo(raw).then(function (data) {
7342
- onSave(data);
7500
+ onSaveLogo(data);
7343
7501
  setLogoData(data);
7502
+ use3dddPlus.setState({
7503
+ loading: false
7504
+ });
7344
7505
  closeModal('', false, '', {});
7345
7506
  use3dddPlus.getState().toastMessages.saveSuccess();
7346
7507
  });
7347
- case 11:
7508
+ case 12:
7348
7509
  case "end":
7349
7510
  return _context.stop();
7350
7511
  }
@@ -7565,7 +7726,7 @@ var ColorPicker = function ColorPicker() {
7565
7726
 
7566
7727
  var MiddleMenu = function MiddleMenu(_ref) {
7567
7728
  var onApply = _ref.onApply,
7568
- onSave = _ref.onSave;
7729
+ onSaveLogo = _ref.onSaveLogo;
7569
7730
  var _use3dddPlus = use3dddPlus(function (state) {
7570
7731
  return [state.selectedStepper, state.toggleSaveDesign, state.loadingLogo];
7571
7732
  }, shallow),
@@ -7580,7 +7741,7 @@ var MiddleMenu = function MiddleMenu(_ref) {
7580
7741
  }, React.createElement("div", {
7581
7742
  className: "flex w-[70%] h-[100%]"
7582
7743
  }, React.createElement(canvas, null)), toggleSaveDesign.status && React.createElement(SaveDesign, {
7583
- onSave: onSave
7744
+ onSaveLogo: onSaveLogo
7584
7745
  }), React.createElement("div", {
7585
7746
  className: "flex-1 z-10 h-[100%] "
7586
7747
  }, React.createElement(Rightmenu, null))), selectedStepper === 1 && React.createElement(UploadLogo, null), selectedStepper === 4 && React.createElement(AddMascot, null), selectedStepper === 2 && React.createElement(MyLogo$1, {
@@ -7600,7 +7761,7 @@ var LogoEditor = function LogoEditor(_ref) {
7600
7761
  defaultColorList = _ref.defaultColorList,
7601
7762
  logoData = _ref.logoData,
7602
7763
  customerId = _ref.customerId,
7603
- onSave = _ref.onSave;
7764
+ onSaveLogo = _ref.onSaveLogo;
7604
7765
  var _use3dddPlus = use3dddPlus(function (state) {
7605
7766
  return [state.setSelectedStepper, state.myLogoHandler];
7606
7767
  }),
@@ -7610,7 +7771,6 @@ var LogoEditor = function LogoEditor(_ref) {
7610
7771
  setSelectedStepper(stepperId);
7611
7772
  if (stepperId == undefined) {
7612
7773
  myLogoHandler(logoData);
7613
- console.log('logoData', logoData);
7614
7774
  }
7615
7775
  }, [stepperId]);
7616
7776
  React.useEffect(function () {
@@ -7628,7 +7788,6 @@ var LogoEditor = function LogoEditor(_ref) {
7628
7788
  customerId: customerId
7629
7789
  });
7630
7790
  }, [customerId]);
7631
- console.log('defaultColorList', defaultColorList);
7632
7791
  return (
7633
7792
  // <Modal
7634
7793
  // backdropStyle={`z-[7]`}
@@ -7656,7 +7815,7 @@ var LogoEditor = function LogoEditor(_ref) {
7656
7815
  className: " flex h-full w-[90%]"
7657
7816
  }, React.createElement(MiddleMenu, {
7658
7817
  onApply: onApply,
7659
- onSave: onSave
7818
+ onSaveLogo: onSaveLogo
7660
7819
  })))
7661
7820
  // </Modal>
7662
7821
  );