@threedddplus/logoeditor 0.0.55 → 0.0.57
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.
- package/dist/data.d.ts +122 -0
- package/dist/logoeditor.cjs.development.js +713 -241
- package/dist/logoeditor.cjs.development.js.map +1 -1
- package/dist/logoeditor.cjs.production.min.js +1 -1
- package/dist/logoeditor.cjs.production.min.js.map +1 -1
- package/dist/logoeditor.esm.js +714 -242
- package/dist/logoeditor.esm.js.map +1 -1
- package/dist/store/converters/index.d.ts +1 -1
- package/package.json +1 -1
|
@@ -68,7 +68,7 @@ function styleInject(css, ref) {
|
|
|
68
68
|
}
|
|
69
69
|
}
|
|
70
70
|
|
|
71
|
-
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))}}.btn{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;animation:button-pop var(--animation-btn,.25s) ease-out;background-color:hsl(var(--b2)/var(--tw-bg-opacity));border-color:transparent;border-color:hsl(var(--b2)/var(--tw-border-opacity));border-radius:var(--rounded-btn,.5rem);border-width:var(--border-btn,1px);cursor:pointer;display:inline-flex;flex-shrink:0;flex-wrap:wrap;font-size:.875rem;font-weight:600;gap:.5rem;height:3rem;justify-content:center;line-height:1.25rem;line-height:1em;min-height:3rem;outline-color:hsl(var(--bc)/1);padding-left:1rem;padding-right:1rem;text-align:center;text-decoration-line:none;text-transform:var(--btn-text-case,uppercase);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}.btn,.btn-disabled,.btn:disabled,.btn[disabled]{color:hsl(var(--bc)/var(--tw-text-opacity))}.btn-disabled,.btn:disabled,.btn[disabled]{--tw-border-opacity:0;--tw-bg-opacity:0.2;--tw-text-opacity:0.2;background-color:hsl(var(--n)/var(--tw-bg-opacity));pointer-events:none}.btn-group>input[type=radio].btn{-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn-group>input[type=radio].btn:before{content:attr(data-title)}.btn:is(input[type=checkbox]),.btn:is(input[type=radio]){-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn:is(input[type=checkbox]):after,.btn:is(input[type=radio]):after{--tw-content:attr(aria-label);content:var(--tw-content)}.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}.btn:hover{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:hsl(var(--b3)/var(--tw-bg-opacity));border-color:hsl(var(--b3)/var(--tw-border-opacity))}.btn.glass:hover{--glass-opacity:25%;--glass-border-opacity:15%}.btn-disabled:hover,.btn:disabled:hover,.btn[disabled]:hover{--tw-border-opacity:0;--tw-bg-opacity:0.2;--tw-text-opacity:0.2;background-color:hsl(var(--n)/var(--tw-bg-opacity));color:hsl(var(--bc)/var(--tw-text-opacity))}.btn:is(input[type=checkbox]:checked):hover,.btn:is(input[type=radio]:checked):hover{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:hsl(var(--pf)/var(--tw-bg-opacity));border-color:hsl(var(--pf)/var(--tw-border-opacity))}.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}.btn:active:focus,.btn:active:hover{animation:button-pop 0s ease-out;transform:scale(var(--btn-focus-scale,.97))}.btn:focus-visible{outline-offset:2px;outline-style:solid;outline-width:2px}.btn.glass{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);outline-color:currentColor}.btn.glass.btn-active{--glass-opacity:25%;--glass-border-opacity:15%}.btn-group>.btn-active,.btn-group>input[type=radio]:checked.btn{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--p)/var(--tw-bg-opacity));border-color:hsl(var(--p)/var(--tw-border-opacity));color:hsl(var(--pc)/var(--tw-text-opacity))}.btn-group>.btn-active:focus-visible,.btn-group>input[type=radio]:checked.btn:focus-visible{outline-color:hsl(var(--p)/1);outline-style:solid;outline-width:2px}.btn:is(input[type=checkbox]:checked),.btn:is(input[type=radio]:checked){--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--p)/var(--tw-bg-opacity));border-color:hsl(var(--p)/var(--tw-border-opacity));color:hsl(var(--pc)/var(--tw-text-opacity))}.btn:is(input[type=checkbox]:checked):focus-visible,.btn:is(input[type=radio]:checked):focus-visible{outline-color:hsl(var(--p)/1)}@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%)}.btn-group .btn:not(:first-child):not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:0;border-top-right-radius:0}.btn-group .btn:first-child:not(:last-child){border-bottom-left-radius:var(--rounded-btn,.5rem);border-bottom-right-radius:0;border-top-left-radius:var(--rounded-btn,.5rem);border-top-right-radius:0;margin-left:-1px;margin-top:0}.btn-group .btn:last-child:not(:first-child){border-bottom-left-radius:0;border-bottom-right-radius:var(--rounded-btn,.5rem);border-top-left-radius:0;border-top-right-radius:var(--rounded-btn,.5rem)}.btn-group-horizontal .btn:not(:first-child):not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:0;border-top-right-radius:0}.btn-group-horizontal .btn:first-child:not(:last-child){border-bottom-left-radius:var(--rounded-btn,.5rem);border-bottom-right-radius:0;border-top-left-radius:var(--rounded-btn,.5rem);border-top-right-radius:0;margin-left:-1px;margin-top:0}.btn-group-horizontal .btn:last-child:not(:first-child){border-bottom-left-radius:0;border-bottom-right-radius:var(--rounded-btn,.5rem);border-top-left-radius:0;border-top-right-radius:var(--rounded-btn,.5rem)}.btn-group-vertical .btn:first-child:not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:var(--rounded-btn,.5rem);border-top-right-radius:var(--rounded-btn,.5rem);margin-left:0;margin-top:-1px}.btn-group-vertical .btn:last-child:not(:first-child){border-bottom-left-radius:var(--rounded-btn,.5rem);border-bottom-right-radius:var(--rounded-btn,.5rem);border-top-left-radius:0;border-top-right-radius:0}.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}.\\!left-\\[1rem\\]{left:1rem!important}.\\!top-0{top:0!important}.bottom-0{bottom:0}.bottom-\\[10px\\]{bottom:10px}.left-0{left:0}.left-1{left:.25rem}.left-2\\/4{left:50%}.left-4{left:1rem}.left-5{left:1.25rem}.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-2{top:.5rem}.top-\\[0\\.6875rem\\]{top:.6875rem}.top-\\[25vh\\]{top:25vh}.top-\\[42\\%\\]{top:42%}.\\!z-\\[100\\]{z-index:100!important}.z-0{z-index:0}.z-10{z-index:10}.z-\\[100\\]{z-index:100}.z-\\[5\\]{z-index:5}.z-\\[7\\]{z-index:7}.float-right{float:right}.float-left{float:left}.m-0{margin:0}.m-2{margin:.5rem}.m-\\[15px\\]{margin:15px}.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}.my-\\[24\\.5px\\]{margin-bottom:24.5px;margin-top:24.5px}.\\!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-0{margin-bottom:0}.mb-3{margin-bottom:.75rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-\\[10px\\]{margin-bottom:10px}.mb-\\[12px\\]{margin-bottom:12px}.mb-\\[16\\.5px\\]{margin-bottom:16.5px}.mb-\\[5px\\]{margin-bottom:5px}.mb-\\[8\\.5px\\]{margin-bottom:8.5px}.ml-0{margin-left:0}.ml-2{margin-left:.5rem}.ml-\\[33px\\]{margin-left:33px}.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-0{margin-top:0}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-\\[1\\.875rem\\]{margin-top:1.875rem}.mt-\\[12px\\]{margin-top:12px}.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}.mt-\\[5px\\]{margin-top:5px}.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}.aspect-square{aspect-ratio:1/1}.\\!h-\\[1\\.875rem\\]{height:1.875rem!important}.\\!h-\\[2\\.625rem\\]{height:2.625rem!important}.\\!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-\\[1rem\\]{height:1rem}.h-\\[220px\\]{height:220px}.h-\\[300px\\]{height:300px}.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-\\[60vh\\]{height:60vh}.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-\\[10\\.9rem\\]{max-height:10.9rem}.max-h-\\[140px\\]{max-height:140px}.max-h-\\[16\\.4375rem\\]{max-height:16.4375rem}.max-h-\\[170px\\]{max-height:170px}.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}.min-h-\\[unset\\]{min-height:unset}.\\!w-\\[1\\.875rem\\]{width:1.875rem!important}.\\!w-\\[45px\\]{width:45px!important}.\\!w-\\[5\\.625rem\\]{width:5.625rem!important}.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-\\[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-\\[0\\]{transform-origin: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-4{--tw-translate-y:-1rem}.-translate-y-4,.-translate-y-\\[30\\%\\]{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-\\[30\\%\\]{--tw-translate-y:-30%}.rotate-45{--tw-rotate:45deg;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{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}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.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-\\[\\#f3a2af\\]{--tw-border-opacity:1;border-color:rgb(243 162 175/var(--tw-border-opacity))}.border-\\[\\#f4f4f4\\]{--tw-border-opacity:1;border-color:rgb(244 244 244/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-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.bg-\\[\\#00000046\\]{background-color:#00000046}.bg-\\[\\#000000\\]{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.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-\\[\\#CB1732\\]{--tw-bg-opacity:1;background-color:rgb(203 23 50/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-\\[\\#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-\\[\\#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-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!important}.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-2\\.5{padding-left:.625rem;padding-right:.625rem}.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-0{padding-bottom:0;padding-top:0}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-4{padding-bottom:1rem;padding-top:1rem}.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-\\[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-2\\.5{padding-bottom:.625rem}.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-4{padding-top:1rem}.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}.font-\\[Roboto-Medium\\]{font-family:Roboto-Medium}.\\!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-\\[1rem\\]{font-size:1rem}.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-\\[13px\\]{font-weight:13px!important}.\\!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-\\[21px\\]{line-height:21px}.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-\\[\\#727272\\]{--tw-text-opacity:1!important;color:rgb(114 114 114/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}.opacity-70{opacity:.7}.\\!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-\\[45px\\]{--tw-backdrop-blur:blur(45px);-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)}.transition-transform{transition-duration:.15s;transition-property:transform;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\\:left-\\[calc\\(50\\%-7px\\)\\]:before{content:var(--tw-content);left:calc(50% - 7px)}.before\\:top-\\[-0\\.3125rem\\]:before{content:var(--tw-content);top:-.3125rem}.before\\:top-\\[80\\%\\]:before{content:var(--tw-content);top:80%}.before\\:h-\\[0\\.75rem\\]:before{content:var(--tw-content);height:.75rem}.before\\:h-\\[14px\\]:before{content:var(--tw-content);height:14px}.before\\:w-\\[0\\.75rem\\]:before{content:var(--tw-content);width:.75rem}.before\\:w-\\[14px\\]:before{content:var(--tw-content);width:14px}.before\\:rotate-45:before{--tw-rotate:45deg}.before\\:rotate-45:before,.before\\:rotate-\\[44deg\\]:before{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\\:rotate-\\[44deg\\]:before{--tw-rotate:44deg}.before\\:rounded-none:before{border-radius:0;content:var(--tw-content)}.before\\:border:before{border-width:1px;content:var(--tw-content)}.before\\:border-b-\\[\\#f3a2af\\]:before{--tw-border-opacity:1;border-bottom-color:rgb(243 162 175/var(--tw-border-opacity));content:var(--tw-content)}.before\\:border-l-transparent:before{border-left-color:transparent;content:var(--tw-content)}.before\\:border-r-\\[\\#f3a2af\\]:before{--tw-border-opacity:1;border-right-color:rgb(243 162 175/var(--tw-border-opacity));content:var(--tw-content)}.before\\:border-t-transparent:before{border-top-color:transparent;content:var(--tw-content)}.before\\:bg-\\[\\#fce8eb\\]:before{--tw-bg-opacity:1;background-color:rgb(252 232 235/var(--tw-bg-opacity));content:var(--tw-content)}.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,.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\\: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\\:border-\\[\\#ECEBED\\]:focus{--tw-border-opacity:1;border-color:rgb(236 235 237/var(--tw-border-opacity))}.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}.group:hover .group-hover\\:bg-\\[\\#e11a38\\]{--tw-bg-opacity:1;background-color:rgb(225 26 56/var(--tw-bg-opacity))}.group:hover .group-hover\\:fill-\\[\\#E11A38\\]{fill:#e11a38}.group:active .group-active\\:text-white,.group:hover .group-hover\\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.peer:-moz-placeholder-shown~.peer-placeholder-shown\\:top-1\\/2{top:50%}.peer:-moz-placeholder-shown ~ .peer-placeholder-shown\\:top-1\\/2{top:50%}.peer:placeholder-shown~.peer-placeholder-shown\\:top-1\\/2{top:50%}.peer:-moz-placeholder-shown~.peer-placeholder-shown\\:-translate-y-1\\/2{--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))}.peer:-moz-placeholder-shown ~ .peer-placeholder-shown\\:-translate-y-1\\/2{--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))}.peer:placeholder-shown~.peer-placeholder-shown\\:-translate-y-1\\/2{--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))}.peer:-moz-placeholder-shown~.peer-placeholder-shown\\:text-\\[\\#727272\\]{--tw-text-opacity:1;color:rgb(114 114 114/var(--tw-text-opacity))}.peer:-moz-placeholder-shown ~ .peer-placeholder-shown\\:text-\\[\\#727272\\]{--tw-text-opacity:1;color:rgb(114 114 114/var(--tw-text-opacity))}.peer:placeholder-shown~.peer-placeholder-shown\\:text-\\[\\#727272\\]{--tw-text-opacity:1;color:rgb(114 114 114/var(--tw-text-opacity))}.peer:focus~.peer-focus\\:top-0{top:0}.peer:focus~.peer-focus\\:top-2{top:.5rem}.peer:focus~.peer-focus\\:-translate-y-4{--tw-translate-y:-1rem}.peer:focus~.peer-focus\\:-translate-y-4,.peer:focus~.peer-focus\\:-translate-y-\\[10px\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:focus~.peer-focus\\:-translate-y-\\[10px\\]{--tw-translate-y:-10px}.peer:focus~.peer-focus\\:\\!bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.peer:focus~.peer-focus\\:px-\\[0\\.125rem\\]{padding-left:.125rem;padding-right:.125rem}.peer:focus~.peer-focus\\:font-\\[13px\\]{font-weight:13px}@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\\:h-\\[63\\.2vh\\]{height:63.2vh}.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))}}";
|
|
71
|
+
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))}}.btn{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;align-items:center;animation:button-pop var(--animation-btn,.25s) ease-out;background-color:hsl(var(--b2)/var(--tw-bg-opacity));border-color:transparent;border-color:hsl(var(--b2)/var(--tw-border-opacity));border-radius:var(--rounded-btn,.5rem);border-width:var(--border-btn,1px);cursor:pointer;display:inline-flex;flex-shrink:0;flex-wrap:wrap;font-size:.875rem;font-weight:600;gap:.5rem;height:3rem;justify-content:center;line-height:1.25rem;line-height:1em;min-height:3rem;outline-color:hsl(var(--bc)/1);padding-left:1rem;padding-right:1rem;text-align:center;text-decoration-line:none;text-transform:var(--btn-text-case,uppercase);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}.btn,.btn-disabled,.btn:disabled,.btn[disabled]{color:hsl(var(--bc)/var(--tw-text-opacity))}.btn-disabled,.btn:disabled,.btn[disabled]{--tw-border-opacity:0;--tw-bg-opacity:0.2;--tw-text-opacity:0.2;background-color:hsl(var(--n)/var(--tw-bg-opacity));pointer-events:none}.btn-group>input[type=radio].btn{-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn-group>input[type=radio].btn:before{content:attr(data-title)}.btn:is(input[type=checkbox]),.btn:is(input[type=radio]){-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn:is(input[type=checkbox]):after,.btn:is(input[type=radio]):after{--tw-content:attr(aria-label);content:var(--tw-content)}.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}.btn:hover{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:hsl(var(--b3)/var(--tw-bg-opacity));border-color:hsl(var(--b3)/var(--tw-border-opacity))}.btn.glass:hover{--glass-opacity:25%;--glass-border-opacity:15%}.btn-disabled:hover,.btn:disabled:hover,.btn[disabled]:hover{--tw-border-opacity:0;--tw-bg-opacity:0.2;--tw-text-opacity:0.2;background-color:hsl(var(--n)/var(--tw-bg-opacity));color:hsl(var(--bc)/var(--tw-text-opacity))}.btn:is(input[type=checkbox]:checked):hover,.btn:is(input[type=radio]:checked):hover{--tw-border-opacity:1;--tw-bg-opacity:1;background-color:hsl(var(--pf)/var(--tw-bg-opacity));border-color:hsl(var(--pf)/var(--tw-border-opacity))}.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}.btn:active:focus,.btn:active:hover{animation:button-pop 0s ease-out;transform:scale(var(--btn-focus-scale,.97))}.btn:focus-visible{outline-offset:2px;outline-style:solid;outline-width:2px}.btn.glass{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);outline-color:currentColor}.btn.glass.btn-active{--glass-opacity:25%;--glass-border-opacity:15%}.btn-group>.btn-active,.btn-group>input[type=radio]:checked.btn{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--p)/var(--tw-bg-opacity));border-color:hsl(var(--p)/var(--tw-border-opacity));color:hsl(var(--pc)/var(--tw-text-opacity))}.btn-group>.btn-active:focus-visible,.btn-group>input[type=radio]:checked.btn:focus-visible{outline-color:hsl(var(--p)/1);outline-style:solid;outline-width:2px}.btn:is(input[type=checkbox]:checked),.btn:is(input[type=radio]:checked){--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--p)/var(--tw-bg-opacity));border-color:hsl(var(--p)/var(--tw-border-opacity));color:hsl(var(--pc)/var(--tw-text-opacity))}.btn:is(input[type=checkbox]:checked):focus-visible,.btn:is(input[type=radio]:checked):focus-visible{outline-color:hsl(var(--p)/1)}@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%)}.btn-group .btn:not(:first-child):not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:0;border-top-right-radius:0}.btn-group .btn:first-child:not(:last-child){border-bottom-left-radius:var(--rounded-btn,.5rem);border-bottom-right-radius:0;border-top-left-radius:var(--rounded-btn,.5rem);border-top-right-radius:0;margin-left:-1px;margin-top:0}.btn-group .btn:last-child:not(:first-child){border-bottom-left-radius:0;border-bottom-right-radius:var(--rounded-btn,.5rem);border-top-left-radius:0;border-top-right-radius:var(--rounded-btn,.5rem)}.btn-group-horizontal .btn:not(:first-child):not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:0;border-top-right-radius:0}.btn-group-horizontal .btn:first-child:not(:last-child){border-bottom-left-radius:var(--rounded-btn,.5rem);border-bottom-right-radius:0;border-top-left-radius:var(--rounded-btn,.5rem);border-top-right-radius:0;margin-left:-1px;margin-top:0}.btn-group-horizontal .btn:last-child:not(:first-child){border-bottom-left-radius:0;border-bottom-right-radius:var(--rounded-btn,.5rem);border-top-left-radius:0;border-top-right-radius:var(--rounded-btn,.5rem)}.btn-group-vertical .btn:first-child:not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:var(--rounded-btn,.5rem);border-top-right-radius:var(--rounded-btn,.5rem);margin-left:0;margin-top:-1px}.btn-group-vertical .btn:last-child:not(:first-child){border-bottom-left-radius:var(--rounded-btn,.5rem);border-bottom-right-radius:var(--rounded-btn,.5rem);border-top-left-radius:0;border-top-right-radius:0}.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}.\\!left-\\[1rem\\]{left:1rem!important}.\\!top-0{top:0!important}.bottom-0{bottom:0}.bottom-\\[10px\\]{bottom:10px}.left-0{left:0}.left-1{left:.25rem}.left-2\\/4{left:50%}.left-4{left:1rem}.left-5{left:1.25rem}.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-2{top:.5rem}.top-\\[0\\.6875rem\\]{top:.6875rem}.top-\\[25vh\\]{top:25vh}.top-\\[42\\%\\]{top:42%}.\\!z-\\[100\\]{z-index:100!important}.z-0{z-index:0}.z-10{z-index:10}.z-\\[100\\]{z-index:100}.z-\\[5\\]{z-index:5}.z-\\[7\\]{z-index:7}.float-right{float:right}.float-left{float:left}.m-0{margin:0}.m-2{margin:.5rem}.m-\\[15px\\]{margin:15px}.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}.my-\\[24\\.5px\\]{margin-bottom:24.5px;margin-top:24.5px}.\\!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-0{margin-bottom:0}.mb-3{margin-bottom:.75rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-\\[10px\\]{margin-bottom:10px}.mb-\\[12px\\]{margin-bottom:12px}.mb-\\[16\\.5px\\]{margin-bottom:16.5px}.mb-\\[5px\\]{margin-bottom:5px}.mb-\\[8\\.5px\\]{margin-bottom:8.5px}.ml-0{margin-left:0}.ml-2{margin-left:.5rem}.ml-\\[33px\\]{margin-left:33px}.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-0{margin-top:0}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-\\[1\\.875rem\\]{margin-top:1.875rem}.mt-\\[12px\\]{margin-top:12px}.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}.mt-\\[5px\\]{margin-top:5px}.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}.aspect-square{aspect-ratio:1/1}.\\!h-\\[1\\.875rem\\]{height:1.875rem!important}.\\!h-\\[2\\.625rem\\]{height:2.625rem!important}.\\!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-\\[1rem\\]{height:1rem}.h-\\[220px\\]{height:220px}.h-\\[300px\\]{height:300px}.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-\\[60vh\\]{height:60vh}.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-\\[10\\.9rem\\]{max-height:10.9rem}.max-h-\\[140px\\]{max-height:140px}.max-h-\\[16\\.4375rem\\]{max-height:16.4375rem}.max-h-\\[170px\\]{max-height:170px}.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}.min-h-\\[unset\\]{min-height:unset}.\\!w-\\[1\\.875rem\\]{width:1.875rem!important}.\\!w-\\[45px\\]{width:45px!important}.\\!w-\\[5\\.625rem\\]{width:5.625rem!important}.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-\\[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-\\[0\\]{transform-origin: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-4{--tw-translate-y:-1rem}.-translate-y-4,.-translate-y-\\[30\\%\\]{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-\\[30\\%\\]{--tw-translate-y:-30%}.rotate-45{--tw-rotate:45deg;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{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}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.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-\\[\\#f3a2af\\]{--tw-border-opacity:1;border-color:rgb(243 162 175/var(--tw-border-opacity))}.border-\\[\\#f4f4f4\\]{--tw-border-opacity:1;border-color:rgb(244 244 244/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-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.bg-\\[\\#00000046\\]{background-color:#00000046}.bg-\\[\\#000000\\]{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.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-\\[\\#CB1732\\]{--tw-bg-opacity:1;background-color:rgb(203 23 50/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-\\[\\#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-\\[\\#d77382\\]{--tw-bg-opacity:1;background-color:rgb(215 115 130/var(--tw-bg-opacity))}.bg-\\[\\#e11a38\\]{--tw-bg-opacity:1;background-color:rgb(225 26 56/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-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!important}.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-2\\.5{padding-left:.625rem;padding-right:.625rem}.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-0{padding-bottom:0;padding-top:0}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-4{padding-bottom:1rem;padding-top:1rem}.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-\\[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-2\\.5{padding-bottom:.625rem}.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-4{padding-top:1rem}.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}.font-\\[Roboto-Medium\\]{font-family:Roboto-Medium}.\\!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-\\[1rem\\]{font-size:1rem}.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-\\[13px\\]{font-weight:13px!important}.\\!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-\\[21px\\]{line-height:21px}.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-\\[\\#727272\\]{--tw-text-opacity:1!important;color:rgb(114 114 114/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}.opacity-70{opacity:.7}.\\!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,.grayscale{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)}.grayscale{--tw-grayscale:grayscale(100%)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-\\[45px\\]{--tw-backdrop-blur:blur(45px);-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)}.transition-transform{transition-duration:.15s;transition-property:transform;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\\:left-\\[calc\\(50\\%-7px\\)\\]:before{content:var(--tw-content);left:calc(50% - 7px)}.before\\:top-\\[-0\\.3125rem\\]:before{content:var(--tw-content);top:-.3125rem}.before\\:top-\\[80\\%\\]:before{content:var(--tw-content);top:80%}.before\\:h-\\[0\\.75rem\\]:before{content:var(--tw-content);height:.75rem}.before\\:h-\\[14px\\]:before{content:var(--tw-content);height:14px}.before\\:w-\\[0\\.75rem\\]:before{content:var(--tw-content);width:.75rem}.before\\:w-\\[14px\\]:before{content:var(--tw-content);width:14px}.before\\:rotate-45:before{--tw-rotate:45deg}.before\\:rotate-45:before,.before\\:rotate-\\[44deg\\]:before{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\\:rotate-\\[44deg\\]:before{--tw-rotate:44deg}.before\\:rounded-none:before{border-radius:0;content:var(--tw-content)}.before\\:border:before{border-width:1px;content:var(--tw-content)}.before\\:border-b-\\[\\#f3a2af\\]:before{--tw-border-opacity:1;border-bottom-color:rgb(243 162 175/var(--tw-border-opacity));content:var(--tw-content)}.before\\:border-l-transparent:before{border-left-color:transparent;content:var(--tw-content)}.before\\:border-r-\\[\\#f3a2af\\]:before{--tw-border-opacity:1;border-right-color:rgb(243 162 175/var(--tw-border-opacity));content:var(--tw-content)}.before\\:border-t-transparent:before{border-top-color:transparent;content:var(--tw-content)}.before\\:bg-\\[\\#fce8eb\\]:before{--tw-bg-opacity:1;background-color:rgb(252 232 235/var(--tw-bg-opacity));content:var(--tw-content)}.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,.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\\: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\\:border-\\[\\#ECEBED\\]:focus{--tw-border-opacity:1;border-color:rgb(236 235 237/var(--tw-border-opacity))}.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}.group:hover .group-hover\\:bg-\\[\\#e11a38\\]{--tw-bg-opacity:1;background-color:rgb(225 26 56/var(--tw-bg-opacity))}.group:hover .group-hover\\:fill-\\[\\#E11A38\\]{fill:#e11a38}.group:active .group-active\\:text-white,.group:hover .group-hover\\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.peer:-moz-placeholder-shown~.peer-placeholder-shown\\:top-1\\/2{top:50%}.peer:-moz-placeholder-shown ~ .peer-placeholder-shown\\:top-1\\/2{top:50%}.peer:placeholder-shown~.peer-placeholder-shown\\:top-1\\/2{top:50%}.peer:-moz-placeholder-shown~.peer-placeholder-shown\\:-translate-y-1\\/2{--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))}.peer:-moz-placeholder-shown ~ .peer-placeholder-shown\\:-translate-y-1\\/2{--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))}.peer:placeholder-shown~.peer-placeholder-shown\\:-translate-y-1\\/2{--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))}.peer:-moz-placeholder-shown~.peer-placeholder-shown\\:text-\\[\\#727272\\]{--tw-text-opacity:1;color:rgb(114 114 114/var(--tw-text-opacity))}.peer:-moz-placeholder-shown ~ .peer-placeholder-shown\\:text-\\[\\#727272\\]{--tw-text-opacity:1;color:rgb(114 114 114/var(--tw-text-opacity))}.peer:placeholder-shown~.peer-placeholder-shown\\:text-\\[\\#727272\\]{--tw-text-opacity:1;color:rgb(114 114 114/var(--tw-text-opacity))}.peer:focus~.peer-focus\\:top-0{top:0}.peer:focus~.peer-focus\\:top-2{top:.5rem}.peer:focus~.peer-focus\\:-translate-y-4{--tw-translate-y:-1rem}.peer:focus~.peer-focus\\:-translate-y-4,.peer:focus~.peer-focus\\:-translate-y-\\[10px\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:focus~.peer-focus\\:-translate-y-\\[10px\\]{--tw-translate-y:-10px}.peer:focus~.peer-focus\\:\\!bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.peer:focus~.peer-focus\\:px-\\[0\\.125rem\\]{padding-left:.125rem;padding-right:.125rem}.peer:focus~.peer-focus\\:font-\\[13px\\]{font-weight:13px}@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\\:h-\\[63\\.2vh\\]{height:63.2vh}.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))}}";
|
|
72
72
|
styleInject(css_248z);
|
|
73
73
|
|
|
74
74
|
function _regeneratorRuntime() {
|
|
@@ -2411,46 +2411,46 @@ var fabricSlice = function fabricSlice(set, get) {
|
|
|
2411
2411
|
var clipboard;
|
|
2412
2412
|
get().fabricCanvas.getActiveObject().clone(function (cloned) {
|
|
2413
2413
|
clipboard = cloned;
|
|
2414
|
-
|
|
2415
|
-
|
|
2416
|
-
|
|
2417
|
-
|
|
2418
|
-
evented: true
|
|
2419
|
-
});
|
|
2420
|
-
if (clonedObj.type === 'activeSelection') {
|
|
2421
|
-
clonedObj.canvas = get().fabricCanvas;
|
|
2422
|
-
clonedObj.forEachObject(function (obj, index) {
|
|
2423
|
-
obj.colorFill = activeObj._objects[index].colorFill;
|
|
2424
|
-
get().fabricCanvas.add(obj);
|
|
2414
|
+
clipboard.clone(function (clonedObj) {
|
|
2415
|
+
get().fabricCanvas.discardActiveObject();
|
|
2416
|
+
clonedObj.set({
|
|
2417
|
+
evented: true
|
|
2425
2418
|
});
|
|
2426
|
-
clonedObj.
|
|
2427
|
-
|
|
2428
|
-
|
|
2429
|
-
|
|
2430
|
-
|
|
2431
|
-
|
|
2432
|
-
|
|
2433
|
-
|
|
2434
|
-
|
|
2435
|
-
|
|
2436
|
-
|
|
2437
|
-
|
|
2438
|
-
|
|
2439
|
-
|
|
2440
|
-
|
|
2441
|
-
|
|
2442
|
-
|
|
2443
|
-
clonedObj._objects.map(function (data) {
|
|
2444
|
-
data.icon = data.toDataURL('image/png');
|
|
2445
|
-
get().forStoringAllObject(data);
|
|
2419
|
+
if (clonedObj.type === 'activeSelection') {
|
|
2420
|
+
clonedObj.canvas = get().fabricCanvas;
|
|
2421
|
+
clonedObj.forEachObject(function (obj, index) {
|
|
2422
|
+
obj.colorFill = activeObj._objects[index].colorFill;
|
|
2423
|
+
get().fabricCanvas.add(obj);
|
|
2424
|
+
});
|
|
2425
|
+
clonedObj.setCoords();
|
|
2426
|
+
} else {
|
|
2427
|
+
clonedObj.colorFill = activeObj.colorFill;
|
|
2428
|
+
get().fabricCanvas.add(clonedObj);
|
|
2429
|
+
}
|
|
2430
|
+
clipboard.top += 20;
|
|
2431
|
+
clipboard.left += 20;
|
|
2432
|
+
get().fabricCanvas.setActiveObject(clonedObj);
|
|
2433
|
+
clonedObj.set({
|
|
2434
|
+
left: clonedObj.left + 20,
|
|
2435
|
+
top: clonedObj.top + 20
|
|
2446
2436
|
});
|
|
2447
|
-
|
|
2448
|
-
|
|
2449
|
-
|
|
2450
|
-
|
|
2451
|
-
|
|
2437
|
+
// get().fabricCanvas.requestRenderAll();
|
|
2438
|
+
// clonedObj._objects.map((data) => {
|
|
2439
|
+
// get().forStoringAllObject(data);
|
|
2440
|
+
// });
|
|
2441
|
+
if (clipboard && clipboard._objects && clipboard._objects.length > 0 && clipboard._objects[0]._objects || clipboard._objects && clipboard._objects[0].type === "text") {
|
|
2442
|
+
clonedObj._objects.map(function (data) {
|
|
2443
|
+
data.icon = data.toDataURL('image/png');
|
|
2444
|
+
get().forStoringAllObject(data);
|
|
2445
|
+
});
|
|
2446
|
+
} else {
|
|
2447
|
+
use3dddPlus.getState().forIconCapture();
|
|
2448
|
+
clonedObj.icon = use3dddPlus.getState().iconImage;
|
|
2449
|
+
get().forStoringAllObject(clonedObj);
|
|
2450
|
+
}
|
|
2451
|
+
});
|
|
2452
|
+
get().updateModifaction(true);
|
|
2452
2453
|
});
|
|
2453
|
-
get().updateModifaction(true);
|
|
2454
2454
|
}
|
|
2455
2455
|
},
|
|
2456
2456
|
deleteButtonControls: function deleteButtonControls() {
|
|
@@ -2566,8 +2566,8 @@ var fabricSlice = function fabricSlice(set, get) {
|
|
|
2566
2566
|
fabric.fabric.loadSVGFromURL(data, function (objects, options) {
|
|
2567
2567
|
var loadedObject = fabric.fabric.util.groupSVGElements(objects, options);
|
|
2568
2568
|
// console.log(svg)
|
|
2569
|
-
loadedObject.scaleToWidth(
|
|
2570
|
-
loadedObject.scaleToHeight(
|
|
2569
|
+
loadedObject.scaleToWidth(200);
|
|
2570
|
+
loadedObject.scaleToHeight(200);
|
|
2571
2571
|
var objImage = [];
|
|
2572
2572
|
var _Fills = [];
|
|
2573
2573
|
//@ts-ignore
|
|
@@ -2644,10 +2644,34 @@ var fabricSlice = function fabricSlice(set, get) {
|
|
|
2644
2644
|
loadingRetrivedFiles: function loadingRetrivedFiles(data) {
|
|
2645
2645
|
var canvas = use3dddPlus.getState().fabricCanvas;
|
|
2646
2646
|
canvas.loadFromJSON(JSON.parse(data), function () {
|
|
2647
|
+
var horizontalLine = new fabric.fabric.Line([0, canvas.height / 1.8, canvas.height, canvas.height / 2], {
|
|
2648
|
+
stroke: 'red',
|
|
2649
|
+
scaleX: 11,
|
|
2650
|
+
visible: false,
|
|
2651
|
+
selectable: false,
|
|
2652
|
+
type: 'line'
|
|
2653
|
+
});
|
|
2654
|
+
var verticalLine = new fabric.fabric.Line([canvas.width / 2, 0, canvas.width / 2, canvas.width], {
|
|
2655
|
+
stroke: 'red',
|
|
2656
|
+
visible: false,
|
|
2657
|
+
selectable: false,
|
|
2658
|
+
type: 'line'
|
|
2659
|
+
});
|
|
2660
|
+
horizontalLine.centerH();
|
|
2661
|
+
canvas.add(horizontalLine);
|
|
2662
|
+
canvas.add(verticalLine);
|
|
2663
|
+
use3dddPlus.setState({
|
|
2664
|
+
horizontalLine: horizontalLine
|
|
2665
|
+
});
|
|
2666
|
+
use3dddPlus.setState({
|
|
2667
|
+
verticalLine: verticalLine
|
|
2668
|
+
});
|
|
2647
2669
|
canvas.renderAll.bind(canvas);
|
|
2648
2670
|
use3dddPlus.setState({
|
|
2649
2671
|
selectedStepper: undefined
|
|
2650
2672
|
});
|
|
2673
|
+
// Update layers
|
|
2674
|
+
use3dddPlus.getState().clearLayers();
|
|
2651
2675
|
canvas.getObjects().forEach(function (element) {
|
|
2652
2676
|
element.id = use3dddPlus.getState().guid();
|
|
2653
2677
|
if (element.type !== "line") {
|
|
@@ -3417,6 +3441,139 @@ TIFFParser.prototype = {
|
|
|
3417
3441
|
}
|
|
3418
3442
|
};
|
|
3419
3443
|
|
|
3444
|
+
var optionpresets = {
|
|
3445
|
+
'default': {
|
|
3446
|
+
// Tracing
|
|
3447
|
+
corsenabled: true,
|
|
3448
|
+
ltres: 1,
|
|
3449
|
+
qtres: 1,
|
|
3450
|
+
pathomit: 8,
|
|
3451
|
+
rightangleenhance: true,
|
|
3452
|
+
// Color quantization
|
|
3453
|
+
colorsampling: 1,
|
|
3454
|
+
numberofcolors: 8,
|
|
3455
|
+
mincolorratio: 0,
|
|
3456
|
+
colorquantcycles: 3,
|
|
3457
|
+
// Layering method
|
|
3458
|
+
layering: 0,
|
|
3459
|
+
// SVG rendering
|
|
3460
|
+
strokewidth: 1,
|
|
3461
|
+
linefilter: false,
|
|
3462
|
+
scale: 1,
|
|
3463
|
+
roundcoords: 1,
|
|
3464
|
+
viewbox: false,
|
|
3465
|
+
desc: false,
|
|
3466
|
+
lcpr: 0,
|
|
3467
|
+
qcpr: 0,
|
|
3468
|
+
// Blur
|
|
3469
|
+
blurradius: 0,
|
|
3470
|
+
blurdelta: 20
|
|
3471
|
+
},
|
|
3472
|
+
'posterized1': {
|
|
3473
|
+
colorsampling: 0,
|
|
3474
|
+
numberofcolors: 2
|
|
3475
|
+
},
|
|
3476
|
+
'posterized2': {
|
|
3477
|
+
numberofcolors: 4,
|
|
3478
|
+
blurradius: 5
|
|
3479
|
+
},
|
|
3480
|
+
'curvy': {
|
|
3481
|
+
ltres: 0.01,
|
|
3482
|
+
linefilter: true,
|
|
3483
|
+
rightangleenhance: false
|
|
3484
|
+
},
|
|
3485
|
+
'sharp': {
|
|
3486
|
+
qtres: 0.01,
|
|
3487
|
+
linefilter: false
|
|
3488
|
+
},
|
|
3489
|
+
'detailed': {
|
|
3490
|
+
pathomit: 0,
|
|
3491
|
+
roundcoords: 2,
|
|
3492
|
+
ltres: 0.5,
|
|
3493
|
+
qtres: 0.5,
|
|
3494
|
+
numberofcolors: 64
|
|
3495
|
+
},
|
|
3496
|
+
'smoothed': {
|
|
3497
|
+
blurradius: 5,
|
|
3498
|
+
blurdelta: 64
|
|
3499
|
+
},
|
|
3500
|
+
'grayscale': {
|
|
3501
|
+
colorsampling: 0,
|
|
3502
|
+
colorquantcycles: 1,
|
|
3503
|
+
numberofcolors: 7
|
|
3504
|
+
},
|
|
3505
|
+
'fixedpalette': {
|
|
3506
|
+
colorsampling: 0,
|
|
3507
|
+
colorquantcycles: 1,
|
|
3508
|
+
numberofcolors: 27
|
|
3509
|
+
},
|
|
3510
|
+
'randomsampling1': {
|
|
3511
|
+
colorsampling: 1,
|
|
3512
|
+
numberofcolors: 8
|
|
3513
|
+
},
|
|
3514
|
+
'randomsampling2': {
|
|
3515
|
+
colorsampling: 1,
|
|
3516
|
+
numberofcolors: 64
|
|
3517
|
+
},
|
|
3518
|
+
'artistic1': {
|
|
3519
|
+
colorsampling: 0,
|
|
3520
|
+
colorquantcycles: 1,
|
|
3521
|
+
pathomit: 0,
|
|
3522
|
+
blurradius: 5,
|
|
3523
|
+
blurdelta: 64,
|
|
3524
|
+
ltres: 0.01,
|
|
3525
|
+
linefilter: true,
|
|
3526
|
+
numberofcolors: 16,
|
|
3527
|
+
strokewidth: 2
|
|
3528
|
+
},
|
|
3529
|
+
'artistic2': {
|
|
3530
|
+
qtres: 0.01,
|
|
3531
|
+
colorsampling: 0,
|
|
3532
|
+
colorquantcycles: 1,
|
|
3533
|
+
numberofcolors: 4,
|
|
3534
|
+
strokewidth: 0
|
|
3535
|
+
},
|
|
3536
|
+
'artistic3': {
|
|
3537
|
+
qtres: 10,
|
|
3538
|
+
ltres: 10,
|
|
3539
|
+
numberofcolors: 8
|
|
3540
|
+
},
|
|
3541
|
+
'artistic4': {
|
|
3542
|
+
qtres: 10,
|
|
3543
|
+
ltres: 10,
|
|
3544
|
+
numberofcolors: 64,
|
|
3545
|
+
blurradius: 5,
|
|
3546
|
+
blurdelta: 256,
|
|
3547
|
+
strokewidth: 2
|
|
3548
|
+
},
|
|
3549
|
+
'posterized3': {
|
|
3550
|
+
ltres: 1,
|
|
3551
|
+
qtres: 1,
|
|
3552
|
+
pathomit: 20,
|
|
3553
|
+
rightangleenhance: true,
|
|
3554
|
+
colorsampling: 0,
|
|
3555
|
+
numberofcolors: 3,
|
|
3556
|
+
mincolorratio: 0,
|
|
3557
|
+
colorquantcycles: 3,
|
|
3558
|
+
blurradius: 3,
|
|
3559
|
+
blurdelta: 20,
|
|
3560
|
+
strokewidth: 0,
|
|
3561
|
+
linefilter: false,
|
|
3562
|
+
roundcoords: 1,
|
|
3563
|
+
pal: [{
|
|
3564
|
+
r: 0,
|
|
3565
|
+
g: 0,
|
|
3566
|
+
b: 100,
|
|
3567
|
+
a: 255
|
|
3568
|
+
}, {
|
|
3569
|
+
r: 255,
|
|
3570
|
+
g: 255,
|
|
3571
|
+
b: 255,
|
|
3572
|
+
a: 255
|
|
3573
|
+
}]
|
|
3574
|
+
}
|
|
3575
|
+
}; // End of optionpresets
|
|
3576
|
+
|
|
3420
3577
|
var converterSlice = function converterSlice(set, get) {
|
|
3421
3578
|
var processImage = function processImage(svgstr, colorValue) {
|
|
3422
3579
|
fabric.fabric.loadSVGFromString(
|
|
@@ -3433,12 +3590,14 @@ var converterSlice = function converterSlice(set, get) {
|
|
|
3433
3590
|
ele.set({
|
|
3434
3591
|
strokeWidth: 0
|
|
3435
3592
|
});
|
|
3436
|
-
|
|
3437
|
-
|
|
3438
|
-
|
|
3439
|
-
|
|
3440
|
-
|
|
3441
|
-
|
|
3593
|
+
if (typeof ele.fill === "string" && ele.fill !== "") {
|
|
3594
|
+
set({
|
|
3595
|
+
fillColor: [].concat(ele.fill)
|
|
3596
|
+
});
|
|
3597
|
+
var fillColor = ele.fill.toString();
|
|
3598
|
+
var pixelCount = ele.width * ele.height;
|
|
3599
|
+
fillCounts[fillColor] = (fillCounts[fillColor] || 0) + pixelCount;
|
|
3600
|
+
}
|
|
3442
3601
|
});
|
|
3443
3602
|
use3dddPlus.setState({
|
|
3444
3603
|
loadedObject: objImage
|
|
@@ -3648,11 +3807,12 @@ var converterSlice = function converterSlice(set, get) {
|
|
|
3648
3807
|
return _regeneratorRuntime().wrap(function _callee3$(_context3) {
|
|
3649
3808
|
while (1) switch (_context3.prev = _context3.next) {
|
|
3650
3809
|
case 0:
|
|
3651
|
-
|
|
3652
|
-
return requests.get(url + "?timestamp=" +
|
|
3653
|
-
|
|
3654
|
-
|
|
3655
|
-
|
|
3810
|
+
console.log("---.", url);
|
|
3811
|
+
// return await requests.get(url + "?timestamp=" + Date.now());
|
|
3812
|
+
// const response = await fetch(url);
|
|
3813
|
+
// const blob = await response.text();
|
|
3814
|
+
// return url;
|
|
3815
|
+
case 1:
|
|
3656
3816
|
case "end":
|
|
3657
3817
|
return _context3.stop();
|
|
3658
3818
|
}
|
|
@@ -3663,32 +3823,39 @@ var converterSlice = function converterSlice(set, get) {
|
|
|
3663
3823
|
}
|
|
3664
3824
|
return loadImageFromURL;
|
|
3665
3825
|
}(),
|
|
3666
|
-
imageToSVG: function imageToSVG(data, isSVG) {
|
|
3826
|
+
imageToSVG: function imageToSVG(data, isSVG, convert) {
|
|
3667
3827
|
if (isSVG === void 0) {
|
|
3668
3828
|
isSVG = false;
|
|
3669
3829
|
}
|
|
3830
|
+
if (convert === void 0) {
|
|
3831
|
+
convert = true;
|
|
3832
|
+
}
|
|
3670
3833
|
use3dddPlus.setState({
|
|
3671
3834
|
uploadImageModalDisplay: true
|
|
3672
3835
|
});
|
|
3673
3836
|
use3dddPlus.setState({
|
|
3674
3837
|
loading: true
|
|
3675
3838
|
});
|
|
3676
|
-
if (
|
|
3677
|
-
|
|
3678
|
-
|
|
3679
|
-
|
|
3680
|
-
|
|
3681
|
-
|
|
3682
|
-
|
|
3683
|
-
|
|
3684
|
-
|
|
3839
|
+
if (convert) {
|
|
3840
|
+
if (isSVG) {
|
|
3841
|
+
var reader = new FileReader();
|
|
3842
|
+
reader.onload = function (e) {
|
|
3843
|
+
use3dddPlus.setState({
|
|
3844
|
+
imageData: e.target.result
|
|
3845
|
+
});
|
|
3846
|
+
processImage(e.target.result, 8);
|
|
3847
|
+
};
|
|
3848
|
+
reader.readAsText(data);
|
|
3849
|
+
} else {
|
|
3850
|
+
ImageTracer.imageToSVG(data, function (svgstr) {
|
|
3851
|
+
use3dddPlus.setState({
|
|
3852
|
+
imageData: svgstr
|
|
3853
|
+
});
|
|
3854
|
+
processImage(svgstr, 8);
|
|
3855
|
+
}, optionpresets["default"]);
|
|
3856
|
+
}
|
|
3685
3857
|
} else {
|
|
3686
|
-
|
|
3687
|
-
use3dddPlus.setState({
|
|
3688
|
-
imageData: svgstr
|
|
3689
|
-
});
|
|
3690
|
-
processImage(svgstr, 8);
|
|
3691
|
-
});
|
|
3858
|
+
processImage(data, 8);
|
|
3692
3859
|
}
|
|
3693
3860
|
},
|
|
3694
3861
|
refreshColor: function refreshColor(colorValue) {
|
|
@@ -3700,15 +3867,24 @@ var converterSlice = function converterSlice(set, get) {
|
|
|
3700
3867
|
});
|
|
3701
3868
|
},
|
|
3702
3869
|
RGBToHex: function RGBToHex(rgb) {
|
|
3703
|
-
|
|
3704
|
-
|
|
3705
|
-
|
|
3706
|
-
|
|
3707
|
-
|
|
3708
|
-
|
|
3709
|
-
|
|
3710
|
-
|
|
3711
|
-
|
|
3870
|
+
if (rgb) {
|
|
3871
|
+
if (rgb.indexOf('rgba') >= 0) {
|
|
3872
|
+
var rgba = rgb.replace(/^rgba?\(|\s+|\)$/g, '').split(',');
|
|
3873
|
+
return "#" + ((1 << 24) + (parseInt(rgba[0]) << 16) + (parseInt(rgba[1]) << 8) + parseInt(rgba[2])).toString(16).slice(1);
|
|
3874
|
+
} else {
|
|
3875
|
+
var sep = rgb.indexOf(',') > -1 ? ',' : ' ';
|
|
3876
|
+
rgb = rgb.substr(4).split(')')[0].split(sep);
|
|
3877
|
+
var r = (+rgb[0]).toString(16),
|
|
3878
|
+
g = (+rgb[1]).toString(16),
|
|
3879
|
+
b = (+rgb[2]).toString(16);
|
|
3880
|
+
if (r.length == 1) r = '0' + r;
|
|
3881
|
+
if (g.length == 1) g = '0' + g;
|
|
3882
|
+
if (b.length == 1) b = '0' + b;
|
|
3883
|
+
return '#' + r + g + b;
|
|
3884
|
+
}
|
|
3885
|
+
} else {
|
|
3886
|
+
return '';
|
|
3887
|
+
}
|
|
3712
3888
|
},
|
|
3713
3889
|
changeSVGColor: function changeSVGColor(property, color) {
|
|
3714
3890
|
use3dddPlus.getState().popUpCanvasUpdateModification(true);
|
|
@@ -3737,11 +3913,13 @@ var converterSlice = function converterSlice(set, get) {
|
|
|
3737
3913
|
if (use3dddPlus.getState().loadedObject) {
|
|
3738
3914
|
var objImage = use3dddPlus.getState().popupCanv.getObjects();
|
|
3739
3915
|
objImage.forEach(function (ele) {
|
|
3740
|
-
|
|
3741
|
-
|
|
3742
|
-
|
|
3743
|
-
|
|
3744
|
-
|
|
3916
|
+
if (typeof ele.fill === "string" && ele.fill !== "") {
|
|
3917
|
+
var _C = ele.fill === 'transparent' || typeof ele.fill === 'string' && ele.fill.includes('#') ? ele.fill : get().RGBToHex(ele.fill);
|
|
3918
|
+
if (_C === previousColor) {
|
|
3919
|
+
ele.set({
|
|
3920
|
+
fill: color
|
|
3921
|
+
});
|
|
3922
|
+
}
|
|
3745
3923
|
}
|
|
3746
3924
|
});
|
|
3747
3925
|
use3dddPlus.getState().popupCanv.renderAll();
|
|
@@ -4025,22 +4203,24 @@ var ActionButtons = function ActionButtons() {
|
|
|
4025
4203
|
});
|
|
4026
4204
|
};
|
|
4027
4205
|
var deleteHandler = function deleteHandler() {
|
|
4028
|
-
if (activeSelection
|
|
4029
|
-
|
|
4030
|
-
|
|
4031
|
-
|
|
4032
|
-
activeSelection._objects
|
|
4033
|
-
|
|
4034
|
-
|
|
4206
|
+
if (activeSelection) {
|
|
4207
|
+
if (activeSelection.icon) {
|
|
4208
|
+
canvas.remove(activeSelection);
|
|
4209
|
+
removeItem(activeSelection);
|
|
4210
|
+
} else if (activeSelection._objects) {
|
|
4211
|
+
activeSelection._objects.map(function (obj) {
|
|
4212
|
+
canvas.remove(obj);
|
|
4213
|
+
removeItem(obj);
|
|
4214
|
+
});
|
|
4215
|
+
}
|
|
4216
|
+
// canvas.remove(activeSelection);
|
|
4217
|
+
use3dddPlus.getState().updateModifaction(true);
|
|
4218
|
+
canvas.requestRenderAll();
|
|
4219
|
+
use3dddPlus.setState({
|
|
4220
|
+
selectedAll: false
|
|
4035
4221
|
});
|
|
4222
|
+
// removeItem(activeSelection);
|
|
4036
4223
|
}
|
|
4037
|
-
// canvas.remove(activeSelection);
|
|
4038
|
-
use3dddPlus.getState().updateModifaction(true);
|
|
4039
|
-
canvas.requestRenderAll();
|
|
4040
|
-
use3dddPlus.setState({
|
|
4041
|
-
selectedAll: false
|
|
4042
|
-
});
|
|
4043
|
-
// removeItem(activeSelection);
|
|
4044
4224
|
};
|
|
4045
4225
|
|
|
4046
4226
|
var removeItem = function removeItem(value) {
|
|
@@ -4115,7 +4295,7 @@ var ActionButtons = function ActionButtons() {
|
|
|
4115
4295
|
visible: true
|
|
4116
4296
|
}];
|
|
4117
4297
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
|
|
4118
|
-
className: "w-100 flex px-3 items-center z-10
|
|
4298
|
+
className: "w-100 flex px-3 items-center z-10 h-[40px]",
|
|
4119
4299
|
style: {
|
|
4120
4300
|
justifyContent: 'flex-end'
|
|
4121
4301
|
}
|
|
@@ -4323,6 +4503,9 @@ var initCanvas = function initCanvas() {
|
|
|
4323
4503
|
getAllColors();
|
|
4324
4504
|
};
|
|
4325
4505
|
var onObjectDeselected = function onObjectDeselected() {
|
|
4506
|
+
use3dddPlus.setState({
|
|
4507
|
+
activeSelection: null
|
|
4508
|
+
});
|
|
4326
4509
|
use3dddPlus.setState({
|
|
4327
4510
|
currentSelection: 'none'
|
|
4328
4511
|
});
|
|
@@ -4356,9 +4539,12 @@ var initCanvas = function initCanvas() {
|
|
|
4356
4539
|
var onObjectMoving = function onObjectMoving(e) {
|
|
4357
4540
|
use3dddPlus.getState().updateModifaction(false);
|
|
4358
4541
|
var obj = e.target;
|
|
4359
|
-
if (
|
|
4360
|
-
|
|
4361
|
-
|
|
4542
|
+
// if (
|
|
4543
|
+
// obj.getBoundingRect().width > obj.canvas.height ||
|
|
4544
|
+
// obj.getBoundingRect().height > obj.canvas.width
|
|
4545
|
+
// ) {
|
|
4546
|
+
// return;
|
|
4547
|
+
// }
|
|
4362
4548
|
obj.setCoords();
|
|
4363
4549
|
if (obj.getBoundingRect().top < 0 || obj.getBoundingRect().left < 0) {
|
|
4364
4550
|
obj.top = Math.max(obj.top, obj.top - obj.getBoundingRect().top);
|
|
@@ -4374,8 +4560,8 @@ var initCanvas = function initCanvas() {
|
|
|
4374
4560
|
obj.top = top1;
|
|
4375
4561
|
obj.scaleX = scale1x;
|
|
4376
4562
|
obj.scaleY = scale1y;
|
|
4377
|
-
obj.width = width1;
|
|
4378
|
-
obj.height = height1;
|
|
4563
|
+
// obj.width = width1;
|
|
4564
|
+
// obj.height = height1;
|
|
4379
4565
|
} else {
|
|
4380
4566
|
left1 = obj.left;
|
|
4381
4567
|
top1 = obj.top;
|
|
@@ -4421,36 +4607,42 @@ var initCanvas = function initCanvas() {
|
|
|
4421
4607
|
height: 500
|
|
4422
4608
|
});
|
|
4423
4609
|
function isObjectInCenter(obj) {
|
|
4610
|
+
var brNew = obj.getBoundingRect();
|
|
4424
4611
|
var canvasCenterX = canv.width / 2;
|
|
4425
4612
|
var canvasCenterY = canv.height / 2;
|
|
4426
|
-
var objCenterX =
|
|
4427
|
-
var objCenterY =
|
|
4613
|
+
var objCenterX = brNew.left + brNew.width / 2;
|
|
4614
|
+
var objCenterY = brNew.top + brNew.height / 2;
|
|
4428
4615
|
var threshold = 5;
|
|
4429
4616
|
return Math.abs(objCenterY - canvasCenterY) < threshold && Math.abs(objCenterX - canvasCenterX) < threshold;
|
|
4430
4617
|
}
|
|
4431
4618
|
function isObjectInVerticalCenter(obj) {
|
|
4432
|
-
var
|
|
4433
|
-
var
|
|
4619
|
+
var brNew = obj.getBoundingRect();
|
|
4620
|
+
var canvasCenterY = canv.getHeight() / 2;
|
|
4621
|
+
var scaledObjCenterY = brNew.top + brNew.height / 2;
|
|
4434
4622
|
var threshold = 5;
|
|
4435
4623
|
return Math.abs(scaledObjCenterY - canvasCenterY) < threshold;
|
|
4436
4624
|
}
|
|
4437
4625
|
function isObjectInHorizontalCenter(obj) {
|
|
4626
|
+
var brNew = obj.getBoundingRect();
|
|
4438
4627
|
var canvasCenterX = canv.width / 2;
|
|
4439
|
-
var scaledObjCenterX =
|
|
4628
|
+
var scaledObjCenterX = brNew.left + brNew.width / 2;
|
|
4440
4629
|
var threshold = 5;
|
|
4441
4630
|
return Math.abs(scaledObjCenterX - canvasCenterX) < threshold;
|
|
4442
4631
|
}
|
|
4443
|
-
var horizontalLine = new fabric.fabric.Line([0, canv.height /
|
|
4632
|
+
var horizontalLine = new fabric.fabric.Line([0, canv.height / 1.8, canv.height, canv.height / 2], {
|
|
4444
4633
|
stroke: "red",
|
|
4445
|
-
scaleX:
|
|
4634
|
+
scaleX: 11,
|
|
4446
4635
|
visible: false,
|
|
4447
|
-
selectable: false
|
|
4636
|
+
selectable: false,
|
|
4637
|
+
type: 'line'
|
|
4448
4638
|
});
|
|
4449
4639
|
var verticalLine = new fabric.fabric.Line([canv.width / 2, 0, canv.width / 2, canv.width], {
|
|
4450
4640
|
stroke: "red",
|
|
4451
4641
|
visible: false,
|
|
4452
|
-
selectable: false
|
|
4642
|
+
selectable: false,
|
|
4643
|
+
type: 'line'
|
|
4453
4644
|
});
|
|
4645
|
+
horizontalLine.centerH();
|
|
4454
4646
|
canv.add(horizontalLine);
|
|
4455
4647
|
canv.add(verticalLine);
|
|
4456
4648
|
use3dddPlus.setState({
|
|
@@ -4556,10 +4748,10 @@ var initCanvas = function initCanvas() {
|
|
|
4556
4748
|
}
|
|
4557
4749
|
if (index > -1) {
|
|
4558
4750
|
use3dddPlus.getState().storeAllObject.splice(index, 1);
|
|
4751
|
+
use3dddPlus.setState({
|
|
4752
|
+
storeAllObject: [].concat(use3dddPlus.getState().storeAllObject)
|
|
4753
|
+
});
|
|
4559
4754
|
}
|
|
4560
|
-
use3dddPlus.setState({
|
|
4561
|
-
storeAllObject: [].concat(use3dddPlus.getState().storeAllObject)
|
|
4562
|
-
});
|
|
4563
4755
|
};
|
|
4564
4756
|
fabric.fabric.Object.prototype.controls.mtr = new fabric.fabric.Control({
|
|
4565
4757
|
x: 0,
|
|
@@ -4889,6 +5081,14 @@ var canvas = function canvas() {
|
|
|
4889
5081
|
});
|
|
4890
5082
|
resizeCanvas();
|
|
4891
5083
|
window.addEventListener('resize', resizeCanvas);
|
|
5084
|
+
var fontFamilyURL = 'https://storage.googleapis.com/3ddplusgcp/logoEditor/assets/fonts/athletic.ttf';
|
|
5085
|
+
var font = new FontFace('Athletic Block', "url('" + fontFamilyURL + "')");
|
|
5086
|
+
font.load().then(function (value) {
|
|
5087
|
+
var _document$fonts;
|
|
5088
|
+
//@ts-ignore
|
|
5089
|
+
(_document$fonts = document.fonts) == null ? void 0 : _document$fonts.add(value);
|
|
5090
|
+
document.body.classList.add('fonts-loaded');
|
|
5091
|
+
});
|
|
4892
5092
|
}, []);
|
|
4893
5093
|
return React__default.createElement("div", {
|
|
4894
5094
|
className: " w-full h-full relative"
|
|
@@ -5720,6 +5920,9 @@ var PopUpCanvas = function PopUpCanvas() {
|
|
|
5720
5920
|
var _useState3 = React.useState(false),
|
|
5721
5921
|
isRefresh = _useState3[0],
|
|
5722
5922
|
setIsRefresh = _useState3[1];
|
|
5923
|
+
var _useState4 = React.useState(false),
|
|
5924
|
+
isNextClicked = _useState4[0],
|
|
5925
|
+
setIsNextClicked = _useState4[1];
|
|
5723
5926
|
var defaultColorFillRef = React.useRef([]);
|
|
5724
5927
|
React.useEffect(function () {
|
|
5725
5928
|
defaultColorFillRef.current = defaultColorFill;
|
|
@@ -5903,6 +6106,14 @@ var PopUpCanvas = function PopUpCanvas() {
|
|
|
5903
6106
|
});
|
|
5904
6107
|
};
|
|
5905
6108
|
var popupCanvasContinue = function popupCanvasContinue() {
|
|
6109
|
+
if (!conflictColors || conflictColors.length < 1) {
|
|
6110
|
+
setIsNextClicked(false);
|
|
6111
|
+
onContinue();
|
|
6112
|
+
} else {
|
|
6113
|
+
setIsNextClicked(true);
|
|
6114
|
+
}
|
|
6115
|
+
};
|
|
6116
|
+
var onContinue = function onContinue() {
|
|
5906
6117
|
fabric.fabric.Object.prototype.hasControls = true;
|
|
5907
6118
|
fabric.fabric.Object.prototype.hasBorders = true;
|
|
5908
6119
|
//@ts-ignore
|
|
@@ -5922,63 +6133,73 @@ var PopUpCanvas = function PopUpCanvas() {
|
|
|
5922
6133
|
var clipboard;
|
|
5923
6134
|
popupCanvas.getActiveObject().clone(function (cloned) {
|
|
5924
6135
|
clipboard = cloned;
|
|
5925
|
-
|
|
5926
|
-
|
|
5927
|
-
|
|
5928
|
-
|
|
5929
|
-
|
|
5930
|
-
|
|
5931
|
-
|
|
5932
|
-
|
|
5933
|
-
|
|
5934
|
-
|
|
5935
|
-
|
|
5936
|
-
|
|
5937
|
-
|
|
5938
|
-
|
|
5939
|
-
|
|
5940
|
-
|
|
5941
|
-
|
|
5942
|
-
|
|
5943
|
-
|
|
5944
|
-
|
|
5945
|
-
|
|
5946
|
-
|
|
5947
|
-
|
|
5948
|
-
|
|
5949
|
-
|
|
5950
|
-
|
|
5951
|
-
|
|
5952
|
-
|
|
5953
|
-
|
|
6136
|
+
// });
|
|
6137
|
+
// if (clipboard.type === 'activeSelection') {
|
|
6138
|
+
// clipboard.canvas = canvas;
|
|
6139
|
+
// const objs = [];
|
|
6140
|
+
// clipboard.forEachObject(function (obj) {
|
|
6141
|
+
// objs.push(obj);
|
|
6142
|
+
// });
|
|
6143
|
+
// const alltogetherObj = new fabric.Group(objs, {});
|
|
6144
|
+
// canvas.centerObject(alltogetherObj);
|
|
6145
|
+
// canvas.add(alltogetherObj);
|
|
6146
|
+
// canvas.setActiveObject(alltogetherObj);
|
|
6147
|
+
// alltogetherObj.setCoords();
|
|
6148
|
+
// use3dddPlus.getState().forStoringAllObject(alltogetherObj); //for pushing the data into array for layers
|
|
6149
|
+
// } else {
|
|
6150
|
+
// canvas.add(clipboard);
|
|
6151
|
+
// }
|
|
6152
|
+
// canvas.requestRenderAll();
|
|
6153
|
+
// popupCanvas.clear();
|
|
6154
|
+
if (clipboard && clipboard.type === 'activeSelection') {
|
|
6155
|
+
clipboard.canvas = canvas;
|
|
6156
|
+
var objs = [];
|
|
6157
|
+
clipboard.forEachObject(function (obj) {
|
|
6158
|
+
objs.push(obj);
|
|
6159
|
+
});
|
|
6160
|
+
var alltogetherObj = new fabric.fabric.Group(objs, {});
|
|
6161
|
+
canvas.centerObject(alltogetherObj);
|
|
6162
|
+
canvas.add(alltogetherObj);
|
|
6163
|
+
canvas.setActiveObject(alltogetherObj);
|
|
6164
|
+
alltogetherObj.set({
|
|
6165
|
+
//@ts-ignore
|
|
6166
|
+
colorFill: use3dddPlus.getState().colorFill
|
|
6167
|
+
});
|
|
6168
|
+
alltogetherObj.setCoords();
|
|
6169
|
+
use3dddPlus.getState().forStoringAllObject(alltogetherObj); //for pushing the data into array for layers
|
|
6170
|
+
use3dddPlus.getState().forIconCapture();
|
|
5954
6171
|
//@ts-ignore
|
|
5955
|
-
|
|
6172
|
+
alltogetherObj.icon = use3dddPlus.getState().iconImage;
|
|
6173
|
+
} else {
|
|
6174
|
+
canvas.add(clipboard);
|
|
6175
|
+
}
|
|
6176
|
+
canvas.requestRenderAll();
|
|
6177
|
+
popupCanvas.clear();
|
|
6178
|
+
use3dddPlus.setState({
|
|
6179
|
+
popupCanvasStoreHistory: []
|
|
5956
6180
|
});
|
|
5957
|
-
|
|
5958
|
-
use3dddPlus.getState().forStoringAllObject(alltogetherObj); //for pushing the data into array for layers
|
|
5959
|
-
use3dddPlus.getState().forIconCapture();
|
|
5960
|
-
//@ts-ignore
|
|
5961
|
-
alltogetherObj.icon = use3dddPlus.getState().iconImage;
|
|
5962
|
-
} else {
|
|
5963
|
-
canvas.add(clipboard);
|
|
5964
|
-
}
|
|
5965
|
-
canvas.requestRenderAll();
|
|
5966
|
-
popupCanvas.clear();
|
|
5967
|
-
use3dddPlus.setState({
|
|
5968
|
-
popupCanvasStoreHistory: []
|
|
6181
|
+
use3dddPlus.getState().updateModifaction(true);
|
|
5969
6182
|
});
|
|
5970
|
-
use3dddPlus.getState().updateModifaction(true);
|
|
5971
6183
|
};
|
|
5972
6184
|
var RGBToHex = function RGBToHex(rgb) {
|
|
5973
|
-
|
|
5974
|
-
|
|
5975
|
-
|
|
5976
|
-
|
|
5977
|
-
|
|
5978
|
-
|
|
5979
|
-
|
|
5980
|
-
|
|
5981
|
-
|
|
6185
|
+
if (rgb) {
|
|
6186
|
+
if (rgb.indexOf('rgba') >= 0) {
|
|
6187
|
+
var rgba = rgb.replace(/^rgba?\(|\s+|\)$/g, '').split(',');
|
|
6188
|
+
return "#" + ((1 << 24) + (parseInt(rgba[0]) << 16) + (parseInt(rgba[1]) << 8) + parseInt(rgba[2])).toString(16).slice(1);
|
|
6189
|
+
} else {
|
|
6190
|
+
var sep = rgb.indexOf(',') > -1 ? ',' : ' ';
|
|
6191
|
+
rgb = rgb.substr(4).split(')')[0].split(sep);
|
|
6192
|
+
var r = (+rgb[0]).toString(16),
|
|
6193
|
+
g = (+rgb[1]).toString(16),
|
|
6194
|
+
b = (+rgb[2]).toString(16);
|
|
6195
|
+
if (r.length == 1) r = '0' + r;
|
|
6196
|
+
if (g.length == 1) g = '0' + g;
|
|
6197
|
+
if (b.length == 1) b = '0' + b;
|
|
6198
|
+
return '#' + r + g + b;
|
|
6199
|
+
}
|
|
6200
|
+
} else {
|
|
6201
|
+
return '';
|
|
6202
|
+
}
|
|
5982
6203
|
};
|
|
5983
6204
|
/*
|
|
5984
6205
|
const resetHandler = () => {
|
|
@@ -6058,6 +6279,13 @@ var PopUpCanvas = function PopUpCanvas() {
|
|
|
6058
6279
|
setDefaultColorFill(currentColors);
|
|
6059
6280
|
}
|
|
6060
6281
|
};
|
|
6282
|
+
var conflictColors = React.useMemo(function () {
|
|
6283
|
+
return defaultColorFill.filter(function (c) {
|
|
6284
|
+
return defaultColorNames.findIndex(function (dc) {
|
|
6285
|
+
return dc.color.toLowerCase() === c.updated.toLowerCase();
|
|
6286
|
+
}) < 0;
|
|
6287
|
+
});
|
|
6288
|
+
}, [defaultColorFill]);
|
|
6061
6289
|
return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
|
|
6062
6290
|
className: "flex z-[5] overflow-y-auto"
|
|
6063
6291
|
}, React__default.createElement("div", {
|
|
@@ -6231,7 +6459,55 @@ var PopUpCanvas = function PopUpCanvas() {
|
|
|
6231
6459
|
className: 'pointer-events-auto cursor-pointer m-autoflex w-[30px] h-[30px] p-[9px] text-[#c2c2c2]',
|
|
6232
6460
|
size: "1rem"
|
|
6233
6461
|
})));
|
|
6462
|
+
})), isNextClicked && conflictColors && conflictColors.length > 0 ? React__default.createElement("div", null, React__default.createElement("div", {
|
|
6463
|
+
className: "text-[#E11A38]",
|
|
6464
|
+
style: {
|
|
6465
|
+
fontWeight: 'bold',
|
|
6466
|
+
marginBottom: '3px'
|
|
6467
|
+
}
|
|
6468
|
+
}, "ERRROR: CONFLICT IN COLOR USED"), React__default.createElement("div", {
|
|
6469
|
+
className: "text-[#E11A38]",
|
|
6470
|
+
style: {
|
|
6471
|
+
marginBottom: '3px'
|
|
6472
|
+
}
|
|
6473
|
+
}, "Note: The following colors used are not available in Richardson color palette. Please edit the colors used."), React__default.createElement("div", null, conflictColors.map(function (c, i) {
|
|
6474
|
+
return React__default.createElement("div", {
|
|
6475
|
+
key: 'color-' + i,
|
|
6476
|
+
style: {
|
|
6477
|
+
width: '100%',
|
|
6478
|
+
height: '30px',
|
|
6479
|
+
lineHeight: '30px',
|
|
6480
|
+
backgroundColor: c.updated,
|
|
6481
|
+
textAlign: 'center',
|
|
6482
|
+
marginBottom: '3px'
|
|
6483
|
+
}
|
|
6484
|
+
}, c.updated);
|
|
6234
6485
|
})), React__default.createElement("div", {
|
|
6486
|
+
className: "text-[#E11A38]",
|
|
6487
|
+
style: {
|
|
6488
|
+
marginTop: '10px',
|
|
6489
|
+
marginBottom: '5px',
|
|
6490
|
+
fontWeight: 'bold'
|
|
6491
|
+
}
|
|
6492
|
+
}, "Do you want to proceed?"), React__default.createElement("div", {
|
|
6493
|
+
className: " flex flex-col content mb-[10px]"
|
|
6494
|
+
}, React__default.createElement("button", {
|
|
6495
|
+
type: "button",
|
|
6496
|
+
onClick: function onClick() {
|
|
6497
|
+
setIsNextClicked(false);
|
|
6498
|
+
onContinue();
|
|
6499
|
+
},
|
|
6500
|
+
className: "mt-3 inline-flex w-full justify-center bg-white px-[110px] py-2 text-sm font-medium text-[#E11A38] shadow-sm ring-1 ring-inset ring-[#E11A38] hover:bg-gray-50 sm:mt-0 sm:w-auto"
|
|
6501
|
+
}, "Yes"), React__default.createElement("button", {
|
|
6502
|
+
type: "button",
|
|
6503
|
+
onClick: function onClick() {
|
|
6504
|
+
setIsNextClicked(false);
|
|
6505
|
+
},
|
|
6506
|
+
className: "inline-flex w-full justify-center bg-white px-[110px] py-2 text-sm font-medium text-[#E11A38] shadow-sm ring-1 ring-inset ring-[#E11A38] hover:bg-gray-50 sm:mt-0 sm:w-auto",
|
|
6507
|
+
style: {
|
|
6508
|
+
marginTop: '10px'
|
|
6509
|
+
}
|
|
6510
|
+
}, "No"))) : React__default.createElement("div", {
|
|
6235
6511
|
className: " flex flex-col content"
|
|
6236
6512
|
}, React__default.createElement("button", {
|
|
6237
6513
|
type: "button",
|
|
@@ -6251,15 +6527,14 @@ var UploadLogo = function UploadLogo() {
|
|
|
6251
6527
|
var _useState = React.useState(null),
|
|
6252
6528
|
setSelectedFile = _useState[1];
|
|
6253
6529
|
var _use3dddPlus = use3dddPlus(function (state) {
|
|
6254
|
-
return [state.tiffConvert, state.imageToSVG, state.setFile, state.uploadImageModalDisplay, state.pdfConverter, state.aiConvert
|
|
6530
|
+
return [state.tiffConvert, state.imageToSVG, state.setFile, state.uploadImageModalDisplay, state.pdfConverter, state.aiConvert];
|
|
6255
6531
|
}, shallow.shallow),
|
|
6256
6532
|
tiffConvert = _use3dddPlus[0],
|
|
6257
6533
|
imageToSVG = _use3dddPlus[1],
|
|
6258
6534
|
setFile = _use3dddPlus[2],
|
|
6259
6535
|
uploadImageModalDisplay = _use3dddPlus[3],
|
|
6260
6536
|
pdfConverter = _use3dddPlus[4],
|
|
6261
|
-
aiConvert = _use3dddPlus[5]
|
|
6262
|
-
loadImageFromURL = _use3dddPlus[6];
|
|
6537
|
+
aiConvert = _use3dddPlus[5];
|
|
6263
6538
|
var handleFileSelect = function handleFileSelect(file) {
|
|
6264
6539
|
setSelectedFile(file);
|
|
6265
6540
|
setFile(file);
|
|
@@ -6269,7 +6544,7 @@ var UploadLogo = function UploadLogo() {
|
|
|
6269
6544
|
|
|
6270
6545
|
var svgConverter = /*#__PURE__*/function () {
|
|
6271
6546
|
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(data) {
|
|
6272
|
-
var ext, pdfData, tiffData, aiToSvg,
|
|
6547
|
+
var ext, pdfData, tiffData, aiToSvg, objectURL;
|
|
6273
6548
|
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
6274
6549
|
while (1) switch (_context.prev = _context.next) {
|
|
6275
6550
|
case 0:
|
|
@@ -6280,7 +6555,7 @@ var UploadLogo = function UploadLogo() {
|
|
|
6280
6555
|
break;
|
|
6281
6556
|
}
|
|
6282
6557
|
imageToSVG(data, true);
|
|
6283
|
-
_context.next =
|
|
6558
|
+
_context.next = 29;
|
|
6284
6559
|
break;
|
|
6285
6560
|
case 5:
|
|
6286
6561
|
if (!(ext === 'pdf')) {
|
|
@@ -6292,7 +6567,7 @@ var UploadLogo = function UploadLogo() {
|
|
|
6292
6567
|
case 8:
|
|
6293
6568
|
pdfData = _context.sent;
|
|
6294
6569
|
imageToSVG(pdfData);
|
|
6295
|
-
_context.next =
|
|
6570
|
+
_context.next = 29;
|
|
6296
6571
|
break;
|
|
6297
6572
|
case 12:
|
|
6298
6573
|
if (!(ext === 'tif' || ext === 'tiff')) {
|
|
@@ -6304,35 +6579,35 @@ var UploadLogo = function UploadLogo() {
|
|
|
6304
6579
|
case 15:
|
|
6305
6580
|
tiffData = _context.sent;
|
|
6306
6581
|
imageToSVG(tiffData);
|
|
6307
|
-
_context.next =
|
|
6582
|
+
_context.next = 29;
|
|
6308
6583
|
break;
|
|
6309
6584
|
case 19:
|
|
6310
6585
|
if (!(ext === 'ai')) {
|
|
6311
|
-
_context.next =
|
|
6586
|
+
_context.next = 27;
|
|
6312
6587
|
break;
|
|
6313
6588
|
}
|
|
6314
|
-
|
|
6589
|
+
// console.log(loadImageFromURL);
|
|
6590
|
+
use3dddPlus.setState({
|
|
6591
|
+
loading: true
|
|
6592
|
+
});
|
|
6593
|
+
_context.next = 23;
|
|
6315
6594
|
return aiConvert(data);
|
|
6316
|
-
case
|
|
6595
|
+
case 23:
|
|
6317
6596
|
aiToSvg = _context.sent;
|
|
6318
|
-
|
|
6319
|
-
|
|
6320
|
-
|
|
6321
|
-
}
|
|
6322
|
-
|
|
6323
|
-
|
|
6324
|
-
|
|
6325
|
-
SVGData = _context.sent;
|
|
6326
|
-
imageToSVG(SVGData, true);
|
|
6327
|
-
case 28:
|
|
6328
|
-
_context.next = 32;
|
|
6597
|
+
// console.log(aiToSvg)
|
|
6598
|
+
fetch(aiToSvg.s3_file_url).then(function (response) {
|
|
6599
|
+
return response.text();
|
|
6600
|
+
}).then(function (svgText) {
|
|
6601
|
+
imageToSVG(svgText, false, false);
|
|
6602
|
+
});
|
|
6603
|
+
_context.next = 29;
|
|
6329
6604
|
break;
|
|
6330
|
-
case
|
|
6605
|
+
case 27:
|
|
6331
6606
|
objectURL = URL.createObjectURL(data);
|
|
6332
6607
|
imageToSVG(objectURL);
|
|
6333
|
-
case
|
|
6608
|
+
case 29:
|
|
6334
6609
|
setSelectedFile(null);
|
|
6335
|
-
case
|
|
6610
|
+
case 30:
|
|
6336
6611
|
case "end":
|
|
6337
6612
|
return _context.stop();
|
|
6338
6613
|
}
|
|
@@ -7492,6 +7767,9 @@ var Rightmenu = function Rightmenu() {
|
|
|
7492
7767
|
var _useState5 = React.useState(50),
|
|
7493
7768
|
shapeSizeVal = _useState5[0],
|
|
7494
7769
|
setShapeSizeVal = _useState5[1];
|
|
7770
|
+
var _useState6 = React.useState(false),
|
|
7771
|
+
isNextClicked = _useState6[0],
|
|
7772
|
+
setIsNextClicked = _useState6[1];
|
|
7495
7773
|
var tabs = [{
|
|
7496
7774
|
id: 1,
|
|
7497
7775
|
label: 'Properties'
|
|
@@ -7683,7 +7961,7 @@ var Rightmenu = function Rightmenu() {
|
|
|
7683
7961
|
};
|
|
7684
7962
|
var textShapeChange = /*#__PURE__*/function () {
|
|
7685
7963
|
var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(e, textChange, fontSize, charSpacing, strokeWidth, fontWeight, textAlign, fontStyle) {
|
|
7686
|
-
var pathData, p, shapeType, text, fabricPath, dims, newTextPath, activeObj, _dims;
|
|
7964
|
+
var pathData, p, shapeType, text, _text, fabricPath, dims, newTextPath, activeObj, _dims;
|
|
7687
7965
|
return _regeneratorRuntime().wrap(function _callee2$(_context2) {
|
|
7688
7966
|
while (1) switch (_context2.prev = _context2.next) {
|
|
7689
7967
|
case 0:
|
|
@@ -7796,55 +8074,105 @@ var Rightmenu = function Rightmenu() {
|
|
|
7796
8074
|
return _context2.abrupt("return");
|
|
7797
8075
|
case 44:
|
|
7798
8076
|
_context2.t0 = shapeType;
|
|
7799
|
-
_context2.next = _context2.t0 === 'None' ? 47 : _context2.t0 === 'Arc' ?
|
|
8077
|
+
_context2.next = _context2.t0 === 'None' ? 47 : _context2.t0 === 'Arc' ? 70 : _context2.t0 === 'Bridge' ? 74 : _context2.t0 === 'Bowtie' ? 78 : _context2.t0 === 'Vertical Arch' ? 82 : _context2.t0 === 'Reverse Vertical Arch' ? 86 : 90;
|
|
7800
8078
|
break;
|
|
7801
8079
|
case 47:
|
|
7802
8080
|
setShapeSizeVal(0);
|
|
7803
8081
|
textSelected.shapeType = 'None';
|
|
7804
|
-
|
|
7805
|
-
|
|
8082
|
+
// revert back to text type object
|
|
8083
|
+
_text = new fabric.fabric.Text(textSelected.text, {
|
|
8084
|
+
lineHeight: 1,
|
|
8085
|
+
fill: textSelected.fill,
|
|
8086
|
+
fontFamily: textSelected.fontFamily,
|
|
8087
|
+
fontWeight: fontWeight ? fontWeight : textSelected.fontWeight,
|
|
8088
|
+
top: textSelected.top,
|
|
8089
|
+
left: textSelected.left,
|
|
8090
|
+
stroke: textSelected.stroke,
|
|
8091
|
+
strokeWidth: strokeWidth ? strokeWidth : textSelected.strokeWidth,
|
|
8092
|
+
fontStyle: fontStyle ? fontStyle : textSelected.fontStyle,
|
|
8093
|
+
paintFirst: 'stroke',
|
|
8094
|
+
charSpacing: charSpacing ? charSpacing : textSelected.charSpacing,
|
|
8095
|
+
padding: textSelected.padding,
|
|
8096
|
+
fontSize: fontSize ? fontSize : textSelected.fontSize,
|
|
8097
|
+
textAlign: textAlign ? textAlign : textSelected.textAlign,
|
|
8098
|
+
name: 'text',
|
|
8099
|
+
lockScalingFlip: true,
|
|
8100
|
+
centeredScaling: true,
|
|
8101
|
+
text: textSelected.text
|
|
8102
|
+
});
|
|
8103
|
+
_text.set({
|
|
8104
|
+
//@ts-ignore
|
|
8105
|
+
colorFill: textSelected.colorFill,
|
|
8106
|
+
fontWeight: fontWeight
|
|
8107
|
+
});
|
|
8108
|
+
_text.left = textSelected.left;
|
|
8109
|
+
_text.top = textSelected.top;
|
|
8110
|
+
_text.width = textSelected.width;
|
|
8111
|
+
_text.height = textSelected.height;
|
|
8112
|
+
_text.scaleX = textSelected.scaleX;
|
|
8113
|
+
_text.scaleY = textSelected.scaleY;
|
|
8114
|
+
// delete the active text object
|
|
8115
|
+
canvas.remove(textSelected);
|
|
8116
|
+
textSelected._removeCacheCanvas();
|
|
8117
|
+
canvas.setActiveObject(null);
|
|
8118
|
+
canvas.renderAll();
|
|
8119
|
+
// Add the text object keeping same properties
|
|
8120
|
+
canvas.add(_text);
|
|
8121
|
+
_text.setCoords();
|
|
8122
|
+
//@ts-ignore
|
|
8123
|
+
use3dddPlus.getState().forIconCapture();
|
|
8124
|
+
_text['icon'] = use3dddPlus.getState().iconImage;
|
|
8125
|
+
updateStoreAllObject(_text);
|
|
8126
|
+
canvas.setActiveObject(_text);
|
|
8127
|
+
use3dddPlus.setState({
|
|
8128
|
+
activeSelection: _text
|
|
8129
|
+
});
|
|
8130
|
+
canvas.renderAll();
|
|
8131
|
+
// cancel performing further functions & return back from function
|
|
8132
|
+
return _context2.abrupt("return");
|
|
8133
|
+
case 70:
|
|
7806
8134
|
setShapeSizeVal(50);
|
|
7807
8135
|
textSelected.shapeType = 'Arc';
|
|
7808
8136
|
p.warp({
|
|
7809
8137
|
type: 'WARP_ARC',
|
|
7810
8138
|
bend: 50 / 100
|
|
7811
8139
|
});
|
|
7812
|
-
return _context2.abrupt("break",
|
|
7813
|
-
case
|
|
8140
|
+
return _context2.abrupt("break", 91);
|
|
8141
|
+
case 74:
|
|
7814
8142
|
setShapeSizeVal(-25);
|
|
7815
8143
|
textSelected.shapeType = 'Bridge';
|
|
7816
8144
|
p.warp({
|
|
7817
8145
|
type: 'WARP_ARC_LOWER',
|
|
7818
8146
|
bend: -25 / 100
|
|
7819
8147
|
});
|
|
7820
|
-
return _context2.abrupt("break",
|
|
7821
|
-
case
|
|
8148
|
+
return _context2.abrupt("break", 91);
|
|
8149
|
+
case 78:
|
|
7822
8150
|
setShapeSizeVal(-12);
|
|
7823
8151
|
textSelected.shapeType = 'Bowtie';
|
|
7824
8152
|
p.warp({
|
|
7825
8153
|
type: 'WARP_BULGE',
|
|
7826
8154
|
bend: -12 / 100
|
|
7827
8155
|
});
|
|
7828
|
-
return _context2.abrupt("break",
|
|
7829
|
-
case
|
|
8156
|
+
return _context2.abrupt("break", 91);
|
|
8157
|
+
case 82:
|
|
7830
8158
|
setShapeSizeVal(35);
|
|
7831
8159
|
textSelected.shapeType = 'Vertical Arch';
|
|
7832
8160
|
p.warp({
|
|
7833
8161
|
type: 'WARP_ARCH',
|
|
7834
8162
|
bend: 35 / 100
|
|
7835
8163
|
});
|
|
7836
|
-
return _context2.abrupt("break",
|
|
7837
|
-
case
|
|
8164
|
+
return _context2.abrupt("break", 91);
|
|
8165
|
+
case 86:
|
|
7838
8166
|
setShapeSizeVal(-35);
|
|
7839
8167
|
textSelected.shapeType = 'Reverse Vertical Arch';
|
|
7840
8168
|
p.warp({
|
|
7841
8169
|
type: 'WARP_ARCH',
|
|
7842
8170
|
bend: -35 / 100
|
|
7843
8171
|
});
|
|
7844
|
-
return _context2.abrupt("break",
|
|
7845
|
-
case
|
|
7846
|
-
return _context2.abrupt("break",
|
|
7847
|
-
case
|
|
8172
|
+
return _context2.abrupt("break", 91);
|
|
8173
|
+
case 90:
|
|
8174
|
+
return _context2.abrupt("break", 91);
|
|
8175
|
+
case 91:
|
|
7848
8176
|
// take out the update path with shape type deformation
|
|
7849
8177
|
fabricPath = new fabric.fabric.Path(p.output());
|
|
7850
8178
|
textSelected['pathData'] = pathData;
|
|
@@ -7861,7 +8189,7 @@ var Rightmenu = function Rightmenu() {
|
|
|
7861
8189
|
fabricPath['fontFamily'] = textSelected.fontFamily;
|
|
7862
8190
|
fabricPath['fontWeight'] = textSelected.fontWeight;
|
|
7863
8191
|
fabricPath['stroke'] = textSelected.stroke;
|
|
7864
|
-
fabricPath['strokeWidth'] = textSelected.strokeWidth
|
|
8192
|
+
fabricPath['strokeWidth'] = textSelected.strokeWidth;
|
|
7865
8193
|
fabricPath['padding'] = textSelected.padding;
|
|
7866
8194
|
fabricPath['fontSize'] = textSelected.fontSize;
|
|
7867
8195
|
fabricPath['charSpacing'] = textSelected.charSpacing;
|
|
@@ -7940,7 +8268,7 @@ var Rightmenu = function Rightmenu() {
|
|
|
7940
8268
|
updateStoreAllObject(newTextPath);
|
|
7941
8269
|
}
|
|
7942
8270
|
canvas.renderAll();
|
|
7943
|
-
case
|
|
8271
|
+
case 95:
|
|
7944
8272
|
case "end":
|
|
7945
8273
|
return _context2.stop();
|
|
7946
8274
|
}
|
|
@@ -7985,10 +8313,11 @@ var Rightmenu = function Rightmenu() {
|
|
|
7985
8313
|
if (currentSelection === 'path') {
|
|
7986
8314
|
textShapeChange(textSelected.shapeType, true);
|
|
7987
8315
|
}
|
|
7988
|
-
|
|
7989
|
-
var canvasWidth = canvas.width
|
|
7990
|
-
|
|
7991
|
-
|
|
8316
|
+
// let textWidth = textSelected.width;
|
|
8317
|
+
var canvasWidth = canvas.width;
|
|
8318
|
+
var brNew = textSelected.getBoundingRect();
|
|
8319
|
+
if (brNew.width + brNew.left >= textSelected.canvas.width - 5) {
|
|
8320
|
+
var newFontSize = canvasWidth / (brNew.width + brNew.left) * textSelected.fontSize;
|
|
7992
8321
|
textSelected.set('fontSize', newFontSize);
|
|
7993
8322
|
}
|
|
7994
8323
|
textSelected.set('text', use3dddPlus.getState().textInfo);
|
|
@@ -8017,6 +8346,13 @@ var Rightmenu = function Rightmenu() {
|
|
|
8017
8346
|
textShapeChange(textSelected.shapeType, true);
|
|
8018
8347
|
}
|
|
8019
8348
|
} else {
|
|
8349
|
+
if (textSelected.fontSize > event.target.value) {
|
|
8350
|
+
textSelected.set('top', textSelected.top + 1);
|
|
8351
|
+
textSelected.set('left', textSelected.left + 1);
|
|
8352
|
+
} else {
|
|
8353
|
+
textSelected.set('top', textSelected.top - 1);
|
|
8354
|
+
textSelected.set('left', textSelected.left - 1);
|
|
8355
|
+
}
|
|
8020
8356
|
textSelected.set('fontSize', event.target.value);
|
|
8021
8357
|
if (currentSelection === 'path') {
|
|
8022
8358
|
textShapeChange(textSelected.shapeType, true);
|
|
@@ -8177,7 +8513,7 @@ var Rightmenu = function Rightmenu() {
|
|
|
8177
8513
|
// console.log(data);
|
|
8178
8514
|
var objImage = data._objects;
|
|
8179
8515
|
objImage.forEach(function (ele) {
|
|
8180
|
-
var _C = ele.fill === 'transparent'
|
|
8516
|
+
var _C = ele.fill === 'transparent' || typeof ele.fill === 'string' && ele.fill.includes('#') ? ele.fill : RGBToHex(ele.fill);
|
|
8181
8517
|
if (_C === previousColor) {
|
|
8182
8518
|
ele.set({
|
|
8183
8519
|
fill: color,
|
|
@@ -8212,7 +8548,7 @@ var Rightmenu = function Rightmenu() {
|
|
|
8212
8548
|
var SelectedObjet = use3dddPlus.getState().activeSelection;
|
|
8213
8549
|
var objImage = SelectedObjet._objects;
|
|
8214
8550
|
objImage.forEach(function (ele) {
|
|
8215
|
-
var _C = ele.fill === 'transparent'
|
|
8551
|
+
var _C = ele.fill === 'transparent' || typeof ele.fill === 'string' && ele.fill.includes('#') ? ele.fill : RGBToHex(ele.fill);
|
|
8216
8552
|
if (_C === previousColor) {
|
|
8217
8553
|
ele.set({
|
|
8218
8554
|
fill: color,
|
|
@@ -8242,15 +8578,24 @@ var Rightmenu = function Rightmenu() {
|
|
|
8242
8578
|
use3dddPlus.getState().updateModifaction(true);
|
|
8243
8579
|
};
|
|
8244
8580
|
var RGBToHex = function RGBToHex(rgb) {
|
|
8245
|
-
|
|
8246
|
-
|
|
8247
|
-
|
|
8248
|
-
|
|
8249
|
-
|
|
8250
|
-
|
|
8251
|
-
|
|
8252
|
-
|
|
8253
|
-
|
|
8581
|
+
if (rgb) {
|
|
8582
|
+
if (rgb.indexOf('rgba') >= 0) {
|
|
8583
|
+
var rgba = rgb.replace(/^rgba?\(|\s+|\)$/g, '').split(',');
|
|
8584
|
+
return "#" + ((1 << 24) + (parseInt(rgba[0]) << 16) + (parseInt(rgba[1]) << 8) + parseInt(rgba[2])).toString(16).slice(1);
|
|
8585
|
+
} else {
|
|
8586
|
+
var sep = rgb.indexOf(',') > -1 ? ',' : ' ';
|
|
8587
|
+
rgb = rgb.substr(4).split(')')[0].split(sep);
|
|
8588
|
+
var r = (+rgb[0]).toString(16),
|
|
8589
|
+
g = (+rgb[1]).toString(16),
|
|
8590
|
+
b = (+rgb[2]).toString(16);
|
|
8591
|
+
if (r.length == 1) r = '0' + r;
|
|
8592
|
+
if (g.length == 1) g = '0' + g;
|
|
8593
|
+
if (b.length == 1) b = '0' + b;
|
|
8594
|
+
return '#' + r + g + b;
|
|
8595
|
+
}
|
|
8596
|
+
} else {
|
|
8597
|
+
return '';
|
|
8598
|
+
}
|
|
8254
8599
|
};
|
|
8255
8600
|
var flipX = function flipX() {
|
|
8256
8601
|
activeObj.set({
|
|
@@ -8271,18 +8616,30 @@ var Rightmenu = function Rightmenu() {
|
|
|
8271
8616
|
// activeObj.
|
|
8272
8617
|
canvas.renderAll();
|
|
8273
8618
|
};
|
|
8274
|
-
var
|
|
8275
|
-
|
|
8276
|
-
|
|
8619
|
+
var conflictColors = React.useMemo(function () {
|
|
8620
|
+
return allColor.filter(function (c) {
|
|
8621
|
+
return defaultColorNames.findIndex(function (dc) {
|
|
8622
|
+
return dc.color.toLowerCase() === c.toLowerCase();
|
|
8623
|
+
}) < 0;
|
|
8277
8624
|
});
|
|
8278
|
-
|
|
8279
|
-
|
|
8280
|
-
|
|
8625
|
+
}, [allColor]);
|
|
8626
|
+
var onSave = function onSave() {
|
|
8627
|
+
if (!conflictColors || conflictColors.length < 1) {
|
|
8628
|
+
setIsNextClicked(false);
|
|
8629
|
+
use3dddPlus.setState({
|
|
8630
|
+
showCrossSave: true
|
|
8631
|
+
});
|
|
8632
|
+
if (canvas.getObjects().length > 0) {
|
|
8633
|
+
if (allColor.includes('transparent')) {
|
|
8634
|
+
if (allColor.length - 1 < 9) setToggleSaveLogo('save', true, 'Save Logo', {});else use3dddPlus.getState().toastMessages.noOfColors();
|
|
8635
|
+
} else {
|
|
8636
|
+
if (allColor.length < 9) setToggleSaveLogo('save', true, 'Save Logo', {});else use3dddPlus.getState().toastMessages.noOfColors();
|
|
8637
|
+
}
|
|
8281
8638
|
} else {
|
|
8282
|
-
|
|
8639
|
+
use3dddPlus.getState().toastMessages.noIteminCanvas();
|
|
8283
8640
|
}
|
|
8284
8641
|
} else {
|
|
8285
|
-
|
|
8642
|
+
setIsNextClicked(true);
|
|
8286
8643
|
}
|
|
8287
8644
|
};
|
|
8288
8645
|
var removeColorPalatte = function removeColorPalatte() {
|
|
@@ -8340,7 +8697,7 @@ var Rightmenu = function Rightmenu() {
|
|
|
8340
8697
|
}, activeTab === 1 && React__default.createElement("div", {
|
|
8341
8698
|
key: activeTab
|
|
8342
8699
|
}, React__default.createElement("div", {
|
|
8343
|
-
className:
|
|
8700
|
+
className: '2xl:h-[60vh] overflow-y-auto overflow-x-hidden' + (!isNextClicked || !conflictColors || conflictColors.length < 1 ? ' h-[50vh] sm:h-[55vh]' : '')
|
|
8344
8701
|
}, (currentSelection === 'text' || currentSelection === 'path') && React__default.createElement("div", {
|
|
8345
8702
|
className: " "
|
|
8346
8703
|
}, React__default.createElement("div", {
|
|
@@ -8378,19 +8735,34 @@ var Rightmenu = function Rightmenu() {
|
|
|
8378
8735
|
}, "Style"), React__default.createElement("div", {
|
|
8379
8736
|
className: "flex gap-x-[15px] mb-[16.5px]"
|
|
8380
8737
|
}, ' ', React__default.createElement("button", {
|
|
8738
|
+
disabled: textSelected && textSelected.shapeType && textSelected.shapeType !== 'none',
|
|
8381
8739
|
className: textSelected.fontWeight === 'bold' ? SELECT_BG_COLOR + " text-[#fff] text-base cursor-pointer border font-bold border-[#EBEBEB] py-[7px] px-[39px] " : 'bg-[#fff] font-bold text-base cursor-pointer border border-[#EBEBEB] py-[7px] px-[39px]',
|
|
8740
|
+
style: textSelected && textSelected.shapeType && textSelected.shapeType !== 'none' ? {
|
|
8741
|
+
color: '#cccccc',
|
|
8742
|
+
cursor: 'default'
|
|
8743
|
+
} : {},
|
|
8382
8744
|
onClick: function onClick(e) {
|
|
8383
8745
|
return textStyle(e, 'fontWeight', 'bold');
|
|
8384
8746
|
},
|
|
8385
8747
|
id: "bold"
|
|
8386
8748
|
}, "B"), React__default.createElement("button", {
|
|
8749
|
+
disabled: textSelected && textSelected.shapeType && textSelected.shapeType !== 'none',
|
|
8387
8750
|
className: textSelected.fontStyle && textSelected.fontStyle === 'italic' ? SELECT_BG_COLOR + " text-[#fff] text-base cursor-pointer border italic border-[#EBEBEB] py-[7px] px-[39px] " : 'bg-[#fff] italic text-base cursor-pointer border border-[#EBEBEB] py-[7px] px-[39px]',
|
|
8751
|
+
style: textSelected && textSelected.shapeType && textSelected.shapeType !== 'none' ? {
|
|
8752
|
+
color: '#cccccc',
|
|
8753
|
+
cursor: 'default'
|
|
8754
|
+
} : {},
|
|
8388
8755
|
onClick: function onClick(e) {
|
|
8389
8756
|
return textStyle(e, 'fontStyle', 'italic');
|
|
8390
8757
|
},
|
|
8391
8758
|
id: "italic"
|
|
8392
8759
|
}, "I"), React__default.createElement("button", {
|
|
8760
|
+
disabled: textSelected && textSelected.shapeType && textSelected.shapeType !== 'none',
|
|
8393
8761
|
className: textSelected.underline && textSelected.underline === true ? SELECT_BG_COLOR + " text-[#fff] text-base cursor-pointer border underline border-[#EBEBEB] py-[7px] px-[39px] " : 'bg-[#fff] underline text-base cursor-pointer border border-[#EBEBEB] py-[7px] px-[39px]',
|
|
8762
|
+
style: textSelected && textSelected.shapeType && textSelected.shapeType !== 'none' ? {
|
|
8763
|
+
color: '#cccccc',
|
|
8764
|
+
cursor: 'default'
|
|
8765
|
+
} : {},
|
|
8394
8766
|
onClick: function onClick(e) {
|
|
8395
8767
|
return textStyle(e, 'underline', !fontStyle.underline);
|
|
8396
8768
|
},
|
|
@@ -8462,6 +8834,7 @@ var Rightmenu = function Rightmenu() {
|
|
|
8462
8834
|
}, React__default.createElement("div", null, React__default.createElement("div", {
|
|
8463
8835
|
className: "uppercase font-bold text-sm mb-[8.5px]"
|
|
8464
8836
|
}, "Letter Spacing"), React__default.createElement("input", {
|
|
8837
|
+
disabled: textSelected && textSelected.shapeType && textSelected.shapeType !== 'none',
|
|
8465
8838
|
type: "number",
|
|
8466
8839
|
id: "spacing",
|
|
8467
8840
|
name: "spacing",
|
|
@@ -8488,7 +8861,7 @@ var Rightmenu = function Rightmenu() {
|
|
|
8488
8861
|
id: "shapeSize",
|
|
8489
8862
|
name: "shapeSize",
|
|
8490
8863
|
step: "10",
|
|
8491
|
-
value: textSelected.shapeSize ? textSelected.shapeSize :
|
|
8864
|
+
value: textSelected.shapeSize ? textSelected.shapeSize : shapeSizeVal,
|
|
8492
8865
|
className: "border border-[#EBEBEB] py-[10px] pl-[16px] mb-[16.5px] w-[145px]",
|
|
8493
8866
|
onChange: textShapeSizeHandler
|
|
8494
8867
|
})))), currentSelection === 'group' && React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
|
|
@@ -8561,6 +8934,31 @@ var Rightmenu = function Rightmenu() {
|
|
|
8561
8934
|
});
|
|
8562
8935
|
})), (allColor && allColor.includes('transparent') ? allColor.length - 1 : allColor.length) > 8 && React__default.createElement(errorPopup, {
|
|
8563
8936
|
allColor: allColor
|
|
8937
|
+
}))), isNextClicked && conflictColors && conflictColors.length > 0 && React__default.createElement("div", {
|
|
8938
|
+
className: "mb-[10px]"
|
|
8939
|
+
}, React__default.createElement("div", {
|
|
8940
|
+
className: "text-[#E11A38]",
|
|
8941
|
+
style: {
|
|
8942
|
+
fontWeight: 'bold',
|
|
8943
|
+
marginBottom: '3px'
|
|
8944
|
+
}
|
|
8945
|
+
}, "ERRROR: CONFLICT IN COLOR USED"), React__default.createElement("div", {
|
|
8946
|
+
className: "text-[#E11A38]",
|
|
8947
|
+
style: {
|
|
8948
|
+
marginBottom: '3px'
|
|
8949
|
+
}
|
|
8950
|
+
}, "Note: The following colors used are not available in Richardson color palette. Please edit the colors used."), React__default.createElement("div", null, conflictColors.map(function (c, i) {
|
|
8951
|
+
return React__default.createElement("div", {
|
|
8952
|
+
key: 'color-' + i,
|
|
8953
|
+
style: {
|
|
8954
|
+
width: '100%',
|
|
8955
|
+
height: '30px',
|
|
8956
|
+
lineHeight: '30px',
|
|
8957
|
+
backgroundColor: c,
|
|
8958
|
+
textAlign: 'center',
|
|
8959
|
+
marginBottom: '3px'
|
|
8960
|
+
}
|
|
8961
|
+
}, c);
|
|
8564
8962
|
}))), React__default.createElement("button", {
|
|
8565
8963
|
type: "button",
|
|
8566
8964
|
className: "mt-3 inline-flex justify-center bg-white px-[110px] py-2 text-sm font-medium text-[#E11A38] shadow-sm ring-1 ring-inset ring-[#E11A38] hover:bg-gray-50 sm:mt-0 w-full",
|
|
@@ -8956,6 +9354,9 @@ var SaveDesign = function SaveDesign(_ref) {
|
|
|
8956
9354
|
var _useState3 = React.useState(false),
|
|
8957
9355
|
tagNameLength = _useState3[0],
|
|
8958
9356
|
setTagNameLength = _useState3[1];
|
|
9357
|
+
var _useState4 = React.useState(false),
|
|
9358
|
+
isSaving = _useState4[0],
|
|
9359
|
+
setIsSaving = _useState4[1];
|
|
8959
9360
|
var _use3dddPlus = use3dddPlus(function (state) {
|
|
8960
9361
|
return [state.fabricCanvas, state.logoName, state.logoTag, state.setToggleSaveLogo, state.toggleSaveLogo, state.disableSaveButton, state.saveLogo, state.uploadLogoConfig, state.setLogoData];
|
|
8961
9362
|
}),
|
|
@@ -8980,29 +9381,72 @@ var SaveDesign = function SaveDesign(_ref) {
|
|
|
8980
9381
|
};
|
|
8981
9382
|
var onSaveHandler = /*#__PURE__*/function () {
|
|
8982
9383
|
var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
8983
|
-
var dataURL, canvasData, dataCh, S3UrlPath, canvasSvg, raw;
|
|
9384
|
+
var canvasGetobject, pathTextsData, dataURL, canvasData, pathTextsKeys, i, pathData, o, obj, dataCh, S3UrlPath, canvasSvg, raw, horizontalLine, verticalLine;
|
|
8984
9385
|
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
8985
9386
|
while (1) switch (_context.prev = _context.next) {
|
|
8986
9387
|
case 0:
|
|
9388
|
+
if (isSaving) {
|
|
9389
|
+
_context.next = 27;
|
|
9390
|
+
break;
|
|
9391
|
+
}
|
|
8987
9392
|
if (checkValidations()) {
|
|
8988
|
-
_context.next =
|
|
9393
|
+
_context.next = 3;
|
|
8989
9394
|
break;
|
|
8990
9395
|
}
|
|
8991
9396
|
return _context.abrupt("return");
|
|
8992
|
-
case
|
|
9397
|
+
case 3:
|
|
9398
|
+
setIsSaving(true);
|
|
9399
|
+
canvasGetobject = canvas.getObjects();
|
|
9400
|
+
canvasGetobject.forEach(function (obj) {
|
|
9401
|
+
if (obj.type === 'line') {
|
|
9402
|
+
canvas.remove(obj);
|
|
9403
|
+
}
|
|
9404
|
+
});
|
|
9405
|
+
// saving all path text data (text with shapes applied)
|
|
9406
|
+
pathTextsData = {};
|
|
9407
|
+
canvasGetobject.forEach(function (obj) {
|
|
9408
|
+
if (obj.type === 'path' && obj.pathData !== undefined) {
|
|
9409
|
+
pathTextsData[obj.text] = {
|
|
9410
|
+
width: obj.width,
|
|
9411
|
+
height: obj.height,
|
|
9412
|
+
left: obj.left,
|
|
9413
|
+
top: obj.top,
|
|
9414
|
+
pathData: obj.pathData,
|
|
9415
|
+
shapeSize: obj.shapeSize,
|
|
9416
|
+
shapeType: obj.shapeType,
|
|
9417
|
+
fontFamily: obj.fontFamily,
|
|
9418
|
+
fontWeight: obj.fontWeight,
|
|
9419
|
+
fontSize: obj.fontSize,
|
|
9420
|
+
charSpacing: obj.charSpacing,
|
|
9421
|
+
textAlign: obj.textAlign,
|
|
9422
|
+
fontStyle: obj.fontStyle,
|
|
9423
|
+
text: obj.text
|
|
9424
|
+
};
|
|
9425
|
+
}
|
|
9426
|
+
});
|
|
8993
9427
|
dataURL = canvas.toDataURL();
|
|
8994
9428
|
canvasData = use3dddPlus.getState().applyColorFill(); // const canvasGetobject = canvas.getObjects();
|
|
8995
9429
|
// canvasData.objects.forEach((element, index) => {
|
|
8996
9430
|
// element.colorFill = canvasGetobject[index].colorFill;
|
|
8997
9431
|
// });
|
|
9432
|
+
// looping through the text shape objects & taking out text data to inject in the canvas json data & save
|
|
9433
|
+
pathTextsKeys = Object.keys(pathTextsData);
|
|
9434
|
+
for (i = 0; i < pathTextsKeys.length; i++) {
|
|
9435
|
+
pathData = pathTextsData[pathTextsKeys[i]];
|
|
9436
|
+
for (o = 0; o < canvasData.objects.length; o++) {
|
|
9437
|
+
obj = canvasData.objects[o];
|
|
9438
|
+
if (obj.type === 'path' && obj.left === Math.round(pathData.left * 100) / 100 && obj.top === Math.round(pathData.top * 100) / 100 && obj.width === Math.round(pathData.width * 100) / 100 && obj.height === Math.round(pathData.height * 100) / 100) {
|
|
9439
|
+
Object.assign(canvasData.objects[o], pathData);
|
|
9440
|
+
}
|
|
9441
|
+
}
|
|
9442
|
+
}
|
|
8998
9443
|
dataCh = JSON.stringify(canvasData);
|
|
8999
|
-
_context.next =
|
|
9444
|
+
_context.next = 15;
|
|
9000
9445
|
return uploadLogoConfig(dataCh, use3dddPlus.getState().customerId);
|
|
9001
|
-
case
|
|
9446
|
+
case 15:
|
|
9002
9447
|
S3UrlPath = _context.sent;
|
|
9003
9448
|
canvas.backgroundColor = null;
|
|
9004
9449
|
canvasSvg = canvas.toSVG();
|
|
9005
|
-
closeModal('', false, '', {});
|
|
9006
9450
|
raw = JSON.stringify({
|
|
9007
9451
|
customer_id: use3dddPlus.getState().customerId,
|
|
9008
9452
|
tag: logoTag.join(','),
|
|
@@ -9011,12 +9455,39 @@ var SaveDesign = function SaveDesign(_ref) {
|
|
|
9011
9455
|
svg_image: canvasSvg,
|
|
9012
9456
|
logo_config_url: S3UrlPath
|
|
9013
9457
|
});
|
|
9458
|
+
horizontalLine = new fabric.fabric.Line([0, canvas.height / 1.8, canvas.height, canvas.height / 2], {
|
|
9459
|
+
stroke: 'red',
|
|
9460
|
+
scaleX: 11,
|
|
9461
|
+
visible: false,
|
|
9462
|
+
selectable: false,
|
|
9463
|
+
type: 'line'
|
|
9464
|
+
});
|
|
9465
|
+
verticalLine = new fabric.fabric.Line([canvas.width / 2, 0, canvas.width / 2, canvas.width], {
|
|
9466
|
+
stroke: 'red',
|
|
9467
|
+
visible: false,
|
|
9468
|
+
selectable: false,
|
|
9469
|
+
type: 'line'
|
|
9470
|
+
});
|
|
9471
|
+
horizontalLine.centerH();
|
|
9472
|
+
canvas.add(horizontalLine);
|
|
9473
|
+
canvas.add(verticalLine);
|
|
9474
|
+
use3dddPlus.setState({
|
|
9475
|
+
horizontalLine: horizontalLine
|
|
9476
|
+
});
|
|
9477
|
+
use3dddPlus.setState({
|
|
9478
|
+
verticalLine: verticalLine
|
|
9479
|
+
});
|
|
9014
9480
|
saveLogo(raw).then(function (data) {
|
|
9481
|
+
setIsSaving(false);
|
|
9015
9482
|
onSaveLogo(data);
|
|
9016
9483
|
setLogoData(data);
|
|
9484
|
+
closeModal('', false, '', {});
|
|
9017
9485
|
use3dddPlus.getState().toastMessages.saveSuccess();
|
|
9486
|
+
})["catch"](function (ex) {
|
|
9487
|
+
setIsSaving(false);
|
|
9488
|
+
console.log('ERROR in Save Logo:', ex);
|
|
9018
9489
|
});
|
|
9019
|
-
case
|
|
9490
|
+
case 27:
|
|
9020
9491
|
case "end":
|
|
9021
9492
|
return _context.stop();
|
|
9022
9493
|
}
|
|
@@ -9222,10 +9693,11 @@ var SaveDesign = function SaveDesign(_ref) {
|
|
|
9222
9693
|
}(), React__default.createElement("div", {
|
|
9223
9694
|
className: (!disableSaveButton ? 'flex flex-col lg:flex-row' : '') + " gap-[19px] leading-[23px] font-bold " + TEXT_SIZE_4 + " mt-5"
|
|
9224
9695
|
}, toggleSaveLogo.key === 'save' && React__default.createElement(React__default.Fragment, null, React__default.createElement("button", {
|
|
9225
|
-
className: "md:btn-md lg:w-2/5 w-full rounded-none uppercase
|
|
9696
|
+
className: "md:btn-md lg:w-2/5 w-full rounded-none uppercase active:" + SAVEBUTTON_BG_COLOR + " " + (isSaving ? 'bg-[#d77382]' : SAVEBUTTON_BG_COLOR) + " " + BUTTON_TEXT_COLOR + " " + (isSaving ? '' : 'hover:bg-[#E11A38]'),
|
|
9226
9697
|
onClick: function onClick() {
|
|
9227
9698
|
return onSaveHandler();
|
|
9228
|
-
}
|
|
9699
|
+
},
|
|
9700
|
+
disabled: isSaving
|
|
9229
9701
|
}, "SAVE"), React__default.createElement("button", {
|
|
9230
9702
|
className: "md:btn-md lg:w-2/5 w-full rounded-none uppercase border border-1 border-[#5d5d5d] hover:text-[#ffffff] hover:bg-[#E11A38] hover:border-[#E11A38] justify-center items-center ",
|
|
9231
9703
|
onClick: function onClick() {
|