@threedddplus/logoeditor 0.0.10 → 0.0.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/dist/components/Rightmenu/Rightmenu.d.ts +1 -0
  2. package/dist/components/SortByDropdown/sortButton.d.ts +3 -2
  3. package/dist/components/SortByDropdown/sortByDropdown.d.ts +3 -1
  4. package/dist/logoeditor.cjs.development.js +1142 -72
  5. package/dist/logoeditor.cjs.development.js.map +1 -1
  6. package/dist/logoeditor.cjs.production.min.js +1 -1
  7. package/dist/logoeditor.cjs.production.min.js.map +1 -1
  8. package/dist/logoeditor.esm.js +1142 -72
  9. package/dist/logoeditor.esm.js.map +1 -1
  10. package/dist/store/actions/index.d.ts +5 -0
  11. package/dist/store/fabric/index.d.ts +1 -1
  12. package/dist/store/lambda/index.d.ts +1 -1
  13. package/package.json +2 -1
package/dist/logoeditor.cjs.development.js CHANGED
@@ -31,6 +31,7 @@ var shallow = require('zustand/shallow');
31
31
  var bs = require('react-icons/bs');
32
32
  var twElements = require('tw-elements');
33
33
  var fi = require('react-icons/fi');
34
+ var opentype_js = require('opentype.js');
34
35
  var Select = _interopDefault(require('react-select'));
35
36
  var reactColor = require('react-color');
36
37
 
@@ -61,7 +62,7 @@ function styleInject(css, ref) {
61
62
  }
62
63
  }
63
64
 
64
- var css_248z = "/*! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:\"\"}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::-moz-placeholder, textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}:root,[data-theme]{background-color:hsl(var(--b1)/var(--tw-bg-opacity,1));color:hsl(var(--bc)/var(--tw-text-opacity,1))}html{-webkit-tap-highlight-color:transparent}:root{--pf:259 94% 44%;--sf:314 100% 40%;--af:174 75% 39%;--nf:214 20% 14%;--in:198 93% 60%;--su:158 64% 52%;--wa:43 96% 56%;--er:0 91% 71%;--inc:198 100% 12%;--suc:158 100% 10%;--wac:43 100% 11%;--erc:0 100% 14%;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-text-case:uppercase;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:259 94% 51%;--pc:259 96% 91%;--s:314 100% 47%;--sc:314 100% 91%;--a:174 75% 46%;--ac:174 75% 11%;--n:214 20% 21%;--nc:212 19% 87%;--b1:0 0% 100%;--b2:0 0% 95%;--b3:180 2% 90%;--bc:215 28% 17%;color-scheme:light}@media (prefers-color-scheme:dark){:root{--pf:262 80% 43%;--sf:316 70% 43%;--af:175 70% 34%;--in:198 93% 60%;--su:158 64% 52%;--wa:43 96% 56%;--er:0 91% 71%;--inc:198 100% 12%;--suc:158 100% 10%;--wac:43 100% 11%;--erc:0 100% 14%;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-text-case:uppercase;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:262 80% 50%;--pc:0 0% 100%;--s:316 70% 50%;--sc:0 0% 100%;--a:175 70% 41%;--ac:0 0% 100%;--n:213 18% 20%;--nf:212 17% 17%;--nc:220 13% 69%;--b1:212 18% 14%;--b2:213 18% 12%;--b3:213 18% 10%;--bc:220 13% 69%;color-scheme:dark}}[data-theme=light]{--pf:259 94% 44%;--sf:314 100% 40%;--af:174 75% 39%;--nf:214 20% 14%;--in:198 93% 60%;--su:158 64% 52%;--wa:43 96% 56%;--er:0 91% 71%;--inc:198 100% 12%;--suc:158 100% 10%;--wac:43 100% 11%;--erc:0 100% 14%;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-text-case:uppercase;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:259 94% 51%;--pc:259 96% 91%;--s:314 100% 47%;--sc:314 100% 91%;--a:174 75% 46%;--ac:174 75% 11%;--n:214 20% 21%;--nc:212 19% 87%;--b1:0 0% 100%;--b2:0 0% 95%;--b3:180 2% 90%;--bc:215 28% 17%;color-scheme:light}[data-theme=dark]{--pf:262 80% 43%;--sf:316 70% 43%;--af:175 70% 34%;--in:198 93% 60%;--su:158 64% 52%;--wa:43 96% 56%;--er:0 91% 71%;--inc:198 100% 12%;--suc:158 100% 10%;--wac:43 100% 11%;--erc:0 100% 14%;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-text-case:uppercase;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:262 80% 50%;--pc:0 0% 100%;--s:316 70% 50%;--sc:0 0% 100%;--a:175 70% 41%;--ac:0 0% 100%;--n:213 18% 20%;--nf:212 17% 17%;--nc:220 13% 69%;--b1:212 18% 14%;--b2:213 18% 12%;--b3:213 18% 10%;--bc:220 13% 69%;color-scheme:dark}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.alert{--tw-border-opacity:1;--tw-text-opacity:1;--alert-bg:hsl(var(--b2));--alert-bg-mix:hsl(var(--b1));align-content:flex-start;align-items:center;background-color:var(--alert-bg);border-color:hsl(var(--b2)/var(--tw-border-opacity));border-radius:var(--rounded-box,1rem);border-width:1px;color:hsl(var(--bc)/var(--tw-text-opacity));display:grid;gap:1rem;grid-auto-flow:row;justify-items:center;padding:1rem;text-align:center;width:100%}@media (min-width:640px){.alert{grid-auto-flow:column;grid-template-columns:auto minmax(auto,1fr);justify-items:start;text-align:left}}.avatar.placeholder>div{align-items:center;display:flex;justify-content:center}@media (hover:hover){.label a:hover{--tw-text-opacity:1;color:hsl(var(--bc)/var(--tw-text-opacity))}.menu :where(li:not(.menu-title):not(.disabled)>:not(ul):not(details):not(.menu-title)):where(.active),.menu :where(li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):where(.active){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--n)/var(--tw-bg-opacity));color:hsl(var(--nc)/var(--tw-text-opacity))}.tab:hover{--tw-text-opacity:1}.table tr.hover:hover,.table tr.hover:nth-child(2n):hover{--tw-bg-opacity:1;background-color:hsl(var(--b2)/var(--tw-bg-opacity))}.table-zebra tr.hover:hover,.table-zebra tr.hover:nth-child(2n):hover{--tw-bg-opacity:1;background-color:hsl(var(--b3)/var(--tw-bg-opacity))}}.card{border-radius:var(--rounded-box,1rem);display:flex;flex-direction:column;position:relative}.card:focus{outline:2px solid transparent;outline-offset:2px}.card-body{display:flex;flex:1 1 auto;flex-direction:column;gap:.5rem;padding:var(--padding-card,2rem)}.card-body :where(p){flex-grow:1}.card figure{align-items:center;display:flex;justify-content:center}.card.image-full{display:grid}.card.image-full:before{--tw-bg-opacity:1;background-color:hsl(var(--n)/var(--tw-bg-opacity));border-radius:var(--rounded-box,1rem);content:\"\";opacity:.75;position:relative;z-index:10}.card.image-full:before,.card.image-full>*{grid-column-start:1;grid-row-start:1}.card.image-full>figure img{height:100%;-o-object-fit:cover;object-fit:cover}.card.image-full>.card-body{--tw-text-opacity:1;color:hsl(var(--nc)/var(--tw-text-opacity));position:relative;z-index:20}.checkbox{--chkbg:var(--bc);--chkfg:var(--b1);--tw-border-opacity:0.2;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:hsl(var(--bc)/var(--tw-border-opacity));border-radius:var(--rounded-btn,.5rem);border-width:1px;cursor:pointer;flex-shrink:0;height:1.5rem;width:1.5rem}.dropdown .dropdown-content{position:absolute}.dropdown:is(:not(details)) .dropdown-content{--tw-scale-x:.95;--tw-scale-y:.95;opacity:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform-origin:top;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);visibility:hidden}.dropdown-end .dropdown-content{right:0}.dropdown-left .dropdown-content{bottom:auto;right:100%;top:0;transform-origin:right}.dropdown-right .dropdown-content{bottom:auto;left:100%;top:0;transform-origin:left}.dropdown-bottom .dropdown-content{bottom:auto;top:100%;transform-origin:top}.dropdown-top .dropdown-content{bottom:100%;top:auto;transform-origin:bottom}.dropdown-end.dropdown-left .dropdown-content,.dropdown-end.dropdown-right .dropdown-content{bottom:0;top:auto}.dropdown.dropdown-open .dropdown-content,.dropdown:focus-within .dropdown-content,.dropdown:not(.dropdown-hover):focus .dropdown-content{opacity:1;visibility:visible}@media (hover:hover){.dropdown.dropdown-hover:hover .dropdown-content{opacity:1;visibility:visible}.btm-nav>.disabled:hover,.btm-nav>[disabled]:hover{--tw-border-opacity:0;--tw-bg-opacity:0.1;--tw-text-opacity:0.2;background-color:hsl(var(--n)/var(--tw-bg-opacity));color:hsl(var(--bc)/var(--tw-text-opacity));pointer-events:none}.dropdown.dropdown-hover:hover .dropdown-content{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.menu :where(li:not(.menu-title):not(.disabled)>:not(ul):not(details):not(.menu-title)):not(.active):hover,.menu :where(li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):not(.active):hover{--tw-text-opacity:1;background-color:hsl(var(--bc)/.1);color:hsl(var(--bc)/var(--tw-text-opacity));cursor:pointer;outline:2px solid transparent;outline-offset:2px}.tab[disabled],.tab[disabled]:hover{--tw-text-opacity:0.2;color:hsl(var(--bc)/var(--tw-text-opacity));cursor:not-allowed}}.label{align-items:center;display:flex;justify-content:space-between;padding:.5rem .25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.\\!input{--tw-border-opacity:0!important;--tw-bg-opacity:1!important;background-color:hsl(var(--b1)/var(--tw-bg-opacity))!important;border-color:hsl(var(--bc)/var(--tw-border-opacity))!important;border-radius:var(--rounded-btn,.5rem)!important;border-width:1px!important;flex-shrink:1!important;font-size:1rem!important;height:3rem!important;line-height:2!important;line-height:1.5rem!important;padding-left:1rem!important;padding-right:1rem!important}.input{--tw-border-opacity:0;--tw-bg-opacity:1;background-color:hsl(var(--b1)/var(--tw-bg-opacity));border-color:hsl(var(--bc)/var(--tw-border-opacity));border-radius:var(--rounded-btn,.5rem);border-width:1px;flex-shrink:1;font-size:1rem;height:3rem;line-height:2;line-height:1.5rem;padding-left:1rem;padding-right:1rem}.input-group>.\\!input{isolation:isolate!important}.input-group>.input{isolation:isolate}.input-group>.\\!input{border-radius:0!important}.input-group>*,.input-group>.input,.input-group>.select,.input-group>.textarea{border-radius:0}.join{align-items:stretch;border-radius:var(--rounded-btn,.5rem);display:inline-flex}.join *{border-radius:inherit}.join :where(.join-item){border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:0;border-top-right-radius:0}.join .join-item:not(:first-child):not(:last-child),.join :not(:first-child):not(:last-child) .join-item{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:0;border-top-right-radius:0}.join .join-item:first-child:not(:last-child),.join :first-child:not(:last-child) .join-item{border-bottom-right-radius:0;border-top-right-radius:0}.join :where(.join-item:first-child:not(:last-child)),.join :where(:first-child:not(:last-child) .join-item){border-bottom-left-radius:inherit;border-top-left-radius:inherit}.join .join-item:last-child:not(:first-child),.join :last-child:not(:first-child) .join-item{border-bottom-left-radius:0;border-top-left-radius:0}.join :where(.join-item:last-child:not(:first-child)),.join :where(:last-child:not(:first-child) .join-item){border-bottom-right-radius:inherit;border-top-right-radius:inherit}.\\!link{cursor:pointer!important;text-decoration-line:underline!important}.link{cursor:pointer;text-decoration-line:underline}.\\!mask{-webkit-mask-position:center!important;mask-position:center!important;-webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important;-webkit-mask-size:contain!important;mask-size:contain!important}.mask{-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.menu{display:flex;flex-direction:column;flex-wrap:wrap;font-size:.875rem;line-height:1.25rem;padding:.5rem}.menu :where(li ul){margin-left:1rem;padding-left:.5rem;position:relative;white-space:nowrap}.menu :where(li:not(.menu-title)>:not(ul):not(details):not(.menu-title)),.menu :where(li:not(.menu-title)>details>summary:not(.menu-title)){align-content:flex-start;align-items:center;border-radius:var(--rounded-btn,.5rem);display:grid;gap:.5rem;grid-auto-columns:max-content auto max-content;grid-auto-flow:column;padding:.5rem 1rem;text-align:left;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.menu li.disabled{color:hsl(var(--bc)/.3);cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;user-select:none}.menu :where(li>.menu-dropdown:not(.menu-dropdown-show)){display:none}:where(.menu li){align-items:stretch;display:flex;flex-direction:column;flex-shrink:0;flex-wrap:wrap;position:relative}:where(.menu li) .badge{justify-self:end}.modal{background-color:transparent;background-color:rgba(0,0,0,.3);display:grid;height:100%;inset:0;justify-items:center;margin:0;max-height:none;max-width:none;opacity:0;overflow-y:hidden;overscroll-behavior:contain;padding:0;pointer-events:none;position:fixed;transition-duration:.2s;transition-property:transform,opacity,visibility;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:999}:where(.modal){align-items:center}.modal-box{--tw-scale-x:.9;--tw-scale-y:.9;--tw-bg-opacity:1;background-color:hsl(var(--b1)/var(--tw-bg-opacity));border-bottom-left-radius:var(--rounded-box,1rem);border-bottom-right-radius:var(--rounded-box,1rem);border-top-left-radius:var(--rounded-box,1rem);border-top-right-radius:var(--rounded-box,1rem);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);grid-column-start:1;grid-row-start:1;max-height:calc(100vh - 5em);max-width:32rem;overflow-y:auto;overscroll-behavior:contain;padding:1.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:91.666667%}.modal-open,.modal-toggle:checked+.modal,.modal:target,.modal[open]{opacity:1;pointer-events:auto;visibility:visible}:root:has(:is(.modal-open,.modal:target,.modal-toggle:checked+.modal,.modal[open])){overflow:hidden}.progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--rounded-box,1rem);height:.5rem;overflow:hidden;position:relative;width:100%}.radio{--chkbg:var(--bc);--tw-border-opacity:0.2;-webkit-appearance:none;border-color:hsl(var(--bc)/var(--tw-border-opacity));border-radius:9999px;border-width:1px;flex-shrink:0;width:1.5rem}.radio,.range{-moz-appearance:none;-webkit-appearance:none; appearance:none;cursor:pointer;height:1.5rem}.range{--range-shdw:var(--bc);-webkit-appearance:none;background-color:transparent;border-radius:var(--rounded-box,1rem);overflow:hidden;width:100%}.range:focus{outline:none}.select{--tw-border-opacity:0;--tw-bg-opacity:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:hsl(var(--b1)/var(--tw-bg-opacity));background-image:linear-gradient(45deg,transparent 50%,currentColor 0),linear-gradient(135deg,currentColor 50%,transparent 0);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border-color:hsl(var(--bc)/var(--tw-border-opacity));border-radius:var(--rounded-btn,.5rem);border-width:1px;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:3rem;line-height:1.25rem;line-height:2;min-height:3rem;padding-left:1rem;padding-right:2.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.select[multiple]{height:auto}.stack{display:inline-grid;place-items:center;align-items:flex-end}.stack>*{grid-column-start:1;grid-row-start:1;opacity:.6;transform:translateY(10%) scale(.9);width:100%;z-index:1}.stack>:nth-child(2){opacity:.8;transform:translateY(5%) scale(.95);z-index:2}.stack>:first-child{opacity:1;transform:translateY(0) scale(1);z-index:3}.stats{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--b1)/var(--tw-bg-opacity));border-radius:var(--rounded-box,1rem);color:hsl(var(--bc)/var(--tw-text-opacity));display:inline-grid}:where(.stats){grid-auto-flow:column;overflow-x:auto}.stat{--tw-border-opacity:0.1;border-color:hsl(var(--bc)/var(--tw-border-opacity));-moz-column-gap:1rem;column-gap:1rem;grid-template-columns:repeat(1,1fr);padding:1rem 1.5rem;width:100%}.stat,.steps{display:inline-grid}.steps{counter-reset:step;grid-auto-columns:1fr;grid-auto-flow:column;overflow:hidden;overflow-x:auto}.steps .step{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-template-columns:auto;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-rows:40px 1fr;min-width:4rem;place-items:center;text-align:center}.steps .\\!step{display:grid!important;grid-template-columns:repeat(1,minmax(0,1fr))!important;grid-template-columns:auto!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;grid-template-rows:40px 1fr!important;min-width:4rem!important;place-items:center!important;text-align:center!important}.tabs{align-items:flex-end;display:flex;flex-wrap:wrap}.tab{--tab-padding:1rem;--tw-text-opacity:0.5;--tab-color:hsl(var(--bc)/var(--tw-text-opacity,1));--tab-bg:hsl(var(--b1)/var(--tw-bg-opacity,1));--tab-border-color:hsl(var(--b3)/var(--tw-bg-opacity,1));align-items:center;color:var(--tab-color);cursor:pointer;display:inline-flex;flex-wrap:wrap;height:2rem;justify-content:center;line-height:1.25rem;line-height:2;padding-left:var(--tab-padding,1rem);padding-right:var(--tab-padding,1rem);text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tab,.table{font-size:.875rem;position:relative}.table{border-radius:var(--rounded-box,1rem);line-height:1.25rem;text-align:left;width:100%}.table :where(.table-pin-rows thead tr){--tw-bg-opacity:1;background-color:hsl(var(--b1)/var(--tw-bg-opacity));position:sticky;top:0;z-index:1}.table :where(.table-pin-rows tfoot tr){--tw-bg-opacity:1;background-color:hsl(var(--b1)/var(--tw-bg-opacity));bottom:0;position:sticky;z-index:1}.table :where(.table-pin-cols tr th){--tw-bg-opacity:1;background-color:hsl(var(--b1)/var(--tw-bg-opacity));left:0;position:sticky;right:0}.textarea{--tw-border-opacity:0;--tw-bg-opacity:1;background-color:hsl(var(--b1)/var(--tw-bg-opacity));border-color:hsl(var(--bc)/var(--tw-border-opacity));border-radius:var(--rounded-btn,.5rem);border-width:1px;flex-shrink:1;font-size:.875rem;line-height:1.25rem;line-height:2;min-height:3rem;padding:.5rem 1rem}.toast{display:flex;flex-direction:column;gap:.5rem;min-width:-moz-fit-content;min-width:fit-content;padding:1rem;position:fixed;white-space:nowrap}.toggle{--tglbg:hsl(var(--b1));--handleoffset:1.5rem;--handleoffsetcalculator:calc(var(--handleoffset)*-1);--togglehandleborder:0 0;--tw-border-opacity:0.2;--tw-bg-opacity:0.5;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:hsl(var(--bc)/var(--tw-bg-opacity));border-color:hsl(var(--bc)/var(--tw-border-opacity));border-radius:var(--rounded-badge,1.9rem);border-width:1px;box-shadow:var(--handleoffsetcalculator) 0 0 2px var(--tglbg) inset,0 0 0 2px var(--tglbg) inset,var(--togglehandleborder);cursor:pointer;flex-shrink:0;height:1.5rem;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition:background,box-shadow var(--animation-input,.2s) ease-in-out;width:3rem}.btm-nav>:where(.active){--tw-bg-opacity:1;background-color:hsl(var(--b1)/var(--tw-bg-opacity));border-top-width:2px}.btm-nav>.disabled,.btm-nav>[disabled]{--tw-border-opacity:0;--tw-bg-opacity:0.1;--tw-text-opacity:0.2;background-color:hsl(var(--n)/var(--tw-bg-opacity));color:hsl(var(--bc)/var(--tw-text-opacity));pointer-events:none}.btm-nav>* .label{font-size:1rem;line-height:1.5rem}@keyframes button-pop{0%{transform:scale(var(--btn-focus-scale,.98))}40%{transform:scale(1.02)}to{transform:scale(1)}}.card :where(figure:first-child){border-end-end-radius:unset;border-end-start-radius:unset;border-start-end-radius:inherit;border-start-start-radius:inherit;overflow:hidden}.card :where(figure:last-child){border-end-end-radius:inherit;border-end-start-radius:inherit;border-start-end-radius:unset;border-start-start-radius:unset;overflow:hidden}.card:focus-visible{outline:2px solid currentColor;outline-offset:2px}.card.bordered{--tw-border-opacity:1;border-color:hsl(var(--b2)/var(--tw-border-opacity));border-width:1px}.card.compact .card-body{font-size:.875rem;line-height:1.25rem;padding:1rem}.card-title{align-items:center;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;line-height:1.75rem}.card.image-full :where(figure){border-radius:inherit;overflow:hidden}.checkbox:focus-visible{outline-color:hsl(var(--bc)/1);outline-offset:2px;outline-style:solid;outline-width:2px}.checkbox:checked,.checkbox[aria-checked=true],.checkbox[checked=true]{--tw-bg-opacity:1;animation:checkmark var(--animation-input,.2s) ease-in-out;background-color:hsl(var(--bc)/var(--tw-bg-opacity));background-image:linear-gradient(-45deg,transparent 65%,hsl(var(--chkbg)) 65.99%),linear-gradient(45deg,transparent 75%,hsl(var(--chkbg)) 75.99%),linear-gradient(-45deg,hsl(var(--chkbg)) 40%,transparent 40.99%),linear-gradient(45deg,hsl(var(--chkbg)) 30%,hsl(var(--chkfg)) 30.99%,hsl(var(--chkfg)) 40%,transparent 40.99%),linear-gradient(-45deg,hsl(var(--chkfg)) 50%,hsl(var(--chkbg)) 50.99%);background-repeat:no-repeat}.checkbox:indeterminate{--tw-bg-opacity:1;animation:checkmark var(--animation-input,.2s) ease-in-out;background-color:hsl(var(--bc)/var(--tw-bg-opacity));background-image:linear-gradient(90deg,transparent 80%,hsl(var(--chkbg)) 80%),linear-gradient(-90deg,transparent 80%,hsl(var(--chkbg)) 80%),linear-gradient(0deg,hsl(var(--chkbg)) 43%,hsl(var(--chkfg)) 43%,hsl(var(--chkfg)) 57%,hsl(var(--chkbg)) 57%);background-repeat:no-repeat}.checkbox:disabled{--tw-bg-opacity:1;background-color:hsl(var(--bc)/var(--tw-bg-opacity));border-color:transparent;cursor:not-allowed;opacity:.2}@keyframes checkmark{0%{background-position-y:5px}50%{background-position-y:-2px}to{background-position-y:0}}[dir=rtl] .checkbox:checked,[dir=rtl] .checkbox[aria-checked=true],[dir=rtl] .checkbox[checked=true]{background-image:linear-gradient(45deg,transparent 65%,hsl(var(--chkbg)) 65.99%),linear-gradient(-45deg,transparent 75%,hsl(var(--chkbg)) 75.99%),linear-gradient(45deg,hsl(var(--chkbg)) 40%,transparent 40.99%),linear-gradient(-45deg,hsl(var(--chkbg)) 30%,hsl(var(--chkfg)) 30.99%,hsl(var(--chkfg)) 40%,transparent 40.99%),linear-gradient(45deg,hsl(var(--chkfg)) 50%,hsl(var(--chkbg)) 50.99%)}.dropdown.dropdown-open .dropdown-content,.dropdown:focus .dropdown-content,.dropdown:focus-within .dropdown-content{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\\!input[list]::-webkit-calendar-picker-indicator{line-height:1em!important}.input[list]::-webkit-calendar-picker-indicator{line-height:1em}.\\!input:focus{outline-color:hsl(var(--bc)/.2)!important;outline-offset:2px!important;outline-style:solid!important;outline-width:2px!important}.input:focus{outline-color:hsl(var(--bc)/.2);outline-offset:2px;outline-style:solid;outline-width:2px}.input-disabled,.input:disabled,.input[disabled]{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:0.2;background-color:hsl(var(--b2)/var(--tw-bg-opacity));border-color:hsl(var(--b2)/var(--tw-border-opacity));cursor:not-allowed}.\\!input:disabled,.\\!input[disabled]{--tw-border-opacity:1!important;--tw-bg-opacity:1!important;--tw-text-opacity:0.2!important;background-color:hsl(var(--b2)/var(--tw-bg-opacity))!important;border-color:hsl(var(--b2)/var(--tw-border-opacity))!important;cursor:not-allowed!important}.input-disabled::-moz-placeholder,.input:disabled::-moz-placeholder,.input[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2;color:hsl(var(--bc)/var(--tw-placeholder-opacity))}.input-disabled::-moz-placeholder, .input:disabled::-moz-placeholder, .input[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2;color:hsl(var(--bc)/var(--tw-placeholder-opacity))}.input-disabled::placeholder,.input:disabled::placeholder,.input[disabled]::placeholder{--tw-placeholder-opacity:0.2;color:hsl(var(--bc)/var(--tw-placeholder-opacity))}.\\!input:disabled::-moz-placeholder,.\\!input[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2!important;color:hsl(var(--bc)/var(--tw-placeholder-opacity))!important}.\\!input:disabled::-moz-placeholder, .\\!input[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2!important;color:hsl(var(--bc)/var(--tw-placeholder-opacity))!important}.\\!input:disabled::placeholder,.\\!input[disabled]::placeholder{--tw-placeholder-opacity:0.2!important;color:hsl(var(--bc)/var(--tw-placeholder-opacity))!important}.join>:where(:not(:first-child)){margin-bottom:0;margin-left:-1px;margin-top:0}.\\!link:focus{outline:2px solid transparent!important;outline-offset:2px!important}.link:focus{outline:2px solid transparent;outline-offset:2px}.\\!link:focus-visible{outline:2px solid currentColor!important;outline-offset:2px!important}.link:focus-visible{outline:2px solid currentColor;outline-offset:2px}.loading{aspect-ratio:1/1;background-color:currentColor;display:inline-block;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' stroke='%23000' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E@keyframes spinner_zKoa{to{transform:rotate(360deg)}}@keyframes spinner_YpZS{0%25{stroke-dasharray:0 150;stroke-dashoffset:0}47.5%25{stroke-dasharray:42 150;stroke-dashoffset:-16}95%25,to{stroke-dasharray:42 150;stroke-dashoffset:-59}}%3C/style%3E%3Cg style='transform-origin:center;animation:spinner_zKoa 2s linear infinite'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' style='stroke-linecap:round;animation:spinner_YpZS 1.5s ease-in-out infinite'/%3E%3C/g%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' stroke='%23000' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E@keyframes spinner_zKoa{to{transform:rotate(360deg)}}@keyframes spinner_YpZS{0%25{stroke-dasharray:0 150;stroke-dashoffset:0}47.5%25{stroke-dasharray:42 150;stroke-dashoffset:-16}95%25,to{stroke-dasharray:42 150;stroke-dashoffset:-59}}%3C/style%3E%3Cg style='transform-origin:center;animation:spinner_zKoa 2s linear infinite'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' style='stroke-linecap:round;animation:spinner_YpZS 1.5s ease-in-out infinite'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%;pointer-events:none;width:1.5rem}.menu :where(li:empty){background-color:hsl(var(--bc)/.1);height:1px;margin:.5rem 1rem}.menu :where(li ul):before{background-color:hsl(var(--bc)/.1);bottom:.75rem;content:\"\";left:0;position:absolute;top:.75rem;width:1px}.menu :where(li:not(.menu-title):not(.disabled)>:not(ul):not(details):not(.menu-title)):not(.active).focus,.menu :where(li:not(.menu-title):not(.disabled)>:not(ul):not(details):not(.menu-title)):not(.active):focus,.menu :where(li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):not(.active).focus,.menu :where(li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):not(.active):focus{--tw-text-opacity:1;background-color:hsl(var(--bc)/.1);color:hsl(var(--bc)/var(--tw-text-opacity));cursor:pointer;outline:2px solid transparent;outline-offset:2px}.menu :where(li:not(.menu-title):not(.disabled)>:not(ul):not(details):not(.menu-title)):active,.menu :where(li:not(.menu-title):not(.disabled)>:not(ul):not(details):not(.menu-title)):where(.active),.menu :where(li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):active,.menu :where(li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):where(.active){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--n)/var(--tw-bg-opacity));color:hsl(var(--nc)/var(--tw-text-opacity))}.menu :where(li>details>summary)::-webkit-details-marker{display:none}.menu :where(li>.menu-dropdown-toggle):after,.menu :where(li>details>summary):after{box-shadow:2px 2px;content:\"\";display:block;height:.5rem;justify-self:end;margin-top:-.5rem;pointer-events:none;transform:rotate(45deg);transform-origin:75% 75%;transition-duration:.3s;transition-property:transform,margin-top;transition-timing-function:cubic-bezier(.4,0,.2,1);width:.5rem}.menu :where(li>.menu-dropdown-toggle.menu-dropdown-show):after,.menu :where(li>details[open]>summary):after{margin-top:0;transform:rotate(225deg)}.menu .menu-title{color:hsl(var(--bc)/.4);font-size:.875rem;font-weight:700;line-height:1.25rem;padding:.5rem 1rem}.mockup-phone .camera{background:#000;border-bottom-left-radius:17px;border-bottom-right-radius:17px;height:25px;left:0;margin:0 auto;position:relative;top:0;width:150px;z-index:11}.mockup-phone .camera:before{background-color:#0c0b0e;border-radius:5px;content:\"\";height:4px;left:50%;position:absolute;top:35%;transform:translate(-50%,-50%);width:50px}.mockup-phone .camera:after{background-color:#0f0b25;border-radius:5px;content:\"\";height:8px;left:70%;position:absolute;top:20%;width:8px}.mockup-phone .display{border-radius:40px;margin-top:-25px;overflow:hidden}.modal::backdrop{background:transparent}.modal-backdrop{align-self:stretch;color:transparent;display:grid;grid-column-start:1;grid-row-start:1;justify-self:stretch;z-index:-1}.modal-open .modal-box,.modal-toggle:checked+.modal .modal-box,.modal:target .modal-box,.modal[open] .modal-box{--tw-translate-y:0px;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.progress::-moz-progress-bar{--tw-bg-opacity:1;background-color:hsl(var(--n)/var(--tw-bg-opacity))}.progress:indeterminate:after{--tw-bg-opacity:1;animation:progress-loading 5s ease-in-out infinite;background-color:hsl(var(--n)/var(--tw-bg-opacity));border-radius:var(--rounded-box,1rem);bottom:0;content:\"\";left:-40%;position:absolute;top:0;width:33.333333%}.progress::-webkit-progress-bar{--tw-bg-opacity:0.2;background-color:hsl(var(--n)/var(--tw-bg-opacity));border-radius:var(--rounded-box,1rem)}.progress::-webkit-progress-value{--tw-bg-opacity:1;background-color:hsl(var(--nf)/var(--tw-bg-opacity));border-radius:var(--rounded-box,1rem)}@keyframes progress-loading{50%{left:107%}}.radio:focus-visible{outline-color:hsl(var(--bc)/1);outline-offset:2px;outline-style:solid;outline-width:2px}.radio:checked,.radio[aria-checked=true]{--tw-bg-opacity:1;animation:radiomark var(--animation-input,.2s) ease-in-out;background-color:hsl(var(--bc)/var(--tw-bg-opacity));box-shadow:0 0 0 4px hsl(var(--b1)) inset,0 0 0 4px hsl(var(--b1)) inset}.radio:disabled{cursor:not-allowed;opacity:.2}@keyframes radiomark{0%{box-shadow:0 0 0 12px hsl(var(--b1)) inset,0 0 0 12px hsl(var(--b1)) inset}50%{box-shadow:0 0 0 3px hsl(var(--b1)) inset,0 0 0 3px hsl(var(--b1)) inset}to{box-shadow:0 0 0 4px hsl(var(--b1)) inset,0 0 0 4px hsl(var(--b1)) inset}}.range:focus-visible::-webkit-slider-thumb{--focus-shadow:0 0 0 6px hsl(var(--b1)) inset,0 0 0 2rem hsl(var(--range-shdw)) inset}.range:focus-visible::-moz-range-thumb{--focus-shadow:0 0 0 6px hsl(var(--b1)) inset,0 0 0 2rem hsl(var(--range-shdw)) inset}.range::-webkit-slider-runnable-track{background-color:hsl(var(--bc)/.1);border-radius:var(--rounded-box,1rem);height:.5rem;width:100%}.range::-moz-range-track{background-color:hsl(var(--bc)/.1);border-radius:var(--rounded-box,1rem);height:.5rem;width:100%}.range::-webkit-slider-thumb{--tw-bg-opacity:1;--filler-size:100rem;--filler-offset:0.6rem;appearance:none;-webkit-appearance:none;background-color:hsl(var(--b1)/var(--tw-bg-opacity));border-radius:var(--rounded-box,1rem);border-style:none;box-shadow:0 0 0 3px hsl(var(--range-shdw)) inset,var(--focus-shadow,0 0),calc(var(--filler-size)*-1 - var(--filler-offset)) 0 0 var(--filler-size);color:hsl(var(--range-shdw));height:1.5rem;position:relative;top:50%;transform:translateY(-50%);width:1.5rem}.range::-moz-range-thumb{--tw-bg-opacity:1;--filler-size:100rem;--filler-offset:0.5rem;background-color:hsl(var(--b1)/var(--tw-bg-opacity));border-radius:var(--rounded-box,1rem);border-style:none;box-shadow:0 0 0 3px hsl(var(--range-shdw)) inset,var(--focus-shadow,0 0),calc(var(--filler-size)*-1 - var(--filler-offset)) 0 0 var(--filler-size);color:hsl(var(--range-shdw));height:1.5rem;position:relative;top:50%;width:1.5rem}@keyframes rating-pop{0%{transform:translateY(-.125em)}40%{transform:translateY(-.125em)}to{transform:translateY(0)}}.select-bordered{--tw-border-opacity:0.2}.select:focus{outline-color:hsl(var(--bc)/.2);outline-offset:2px;outline-style:solid;outline-width:2px}.select-disabled,.select:disabled,.select[disabled]{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:0.2;background-color:hsl(var(--b2)/var(--tw-bg-opacity));border-color:hsl(var(--b2)/var(--tw-border-opacity));cursor:not-allowed}.select-disabled::-moz-placeholder,.select:disabled::-moz-placeholder,.select[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2;color:hsl(var(--bc)/var(--tw-placeholder-opacity))}.select-disabled::-moz-placeholder, .select:disabled::-moz-placeholder, .select[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2;color:hsl(var(--bc)/var(--tw-placeholder-opacity))}.select-disabled::placeholder,.select:disabled::placeholder,.select[disabled]::placeholder{--tw-placeholder-opacity:0.2;color:hsl(var(--bc)/var(--tw-placeholder-opacity))}.select-multiple,.select[multiple],.select[size].select:not([size=\"1\"]){background-image:none;padding-right:1rem}[dir=rtl] .select{background-position:12px calc(1px + 50%),16px calc(1px + 50%)}:where(.stats)>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;--tw-divide-y-reverse:0;border-width:calc(0px*(1 - var(--tw-divide-y-reverse))) calc(1px*var(--tw-divide-x-reverse)) calc(0px*var(--tw-divide-y-reverse)) calc(1px*(1 - var(--tw-divide-x-reverse)))}.steps .step:before{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--b3)/var(--tw-bg-opacity));color:hsl(var(--bc)/var(--tw-text-opacity));content:\"\";grid-column-start:1;grid-row-start:1;height:.5rem;margin-left:-100%;top:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:100%}.steps .\\!step:before{--tw-bg-opacity:1!important;--tw-text-opacity:1!important;background-color:hsl(var(--b3)/var(--tw-bg-opacity))!important;color:hsl(var(--bc)/var(--tw-text-opacity))!important;content:\"\"!important;grid-column-start:1!important;grid-row-start:1!important;height:.5rem!important;margin-left:-100%!important;top:0!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important;width:100%!important}.steps .step:after{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--b3)/var(--tw-bg-opacity));border-radius:9999px;color:hsl(var(--bc)/var(--tw-text-opacity));content:counter(step);counter-increment:step;display:grid;grid-column-start:1;grid-row-start:1;height:2rem;place-items:center;place-self:center;position:relative;width:2rem;z-index:1}.steps .\\!step:after{--tw-bg-opacity:1!important;--tw-text-opacity:1!important;background-color:hsl(var(--b3)/var(--tw-bg-opacity))!important;border-radius:9999px!important;color:hsl(var(--bc)/var(--tw-text-opacity))!important;content:counter(step)!important;counter-increment:step!important;display:grid!important;grid-column-start:1!important;grid-row-start:1!important;height:2rem!important;place-items:center!important;place-self:center!important;position:relative!important;width:2rem!important;z-index:1!important}.steps .step:first-child:before{content:none}.steps .\\!step:first-child:before{content:none!important}.steps .step[data-content]:after{content:attr(data-content)}.steps .\\!step[data-content]:after{content:attr(data-content)!important}.steps .step-neutral+.step-neutral:before,.steps .step-neutral:after{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--n)/var(--tw-bg-opacity));color:hsl(var(--nc)/var(--tw-text-opacity))}.steps .step-primary+.step-primary:before,.steps .step-primary:after{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--p)/var(--tw-bg-opacity));color:hsl(var(--pc)/var(--tw-text-opacity))}.steps .step-secondary+.step-secondary:before,.steps .step-secondary:after{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--s)/var(--tw-bg-opacity));color:hsl(var(--sc)/var(--tw-text-opacity))}.steps .step-accent+.step-accent:before,.steps .step-accent:after{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--a)/var(--tw-bg-opacity));color:hsl(var(--ac)/var(--tw-text-opacity))}.steps .step-info+.step-info:before,.steps .step-info:after{--tw-bg-opacity:1;background-color:hsl(var(--in)/var(--tw-bg-opacity))}.steps .step-info:after{--tw-text-opacity:1;color:hsl(var(--inc)/var(--tw-text-opacity))}.steps .step-success+.step-success:before,.steps .step-success:after{--tw-bg-opacity:1;background-color:hsl(var(--su)/var(--tw-bg-opacity))}.steps .step-success:after{--tw-text-opacity:1;color:hsl(var(--suc)/var(--tw-text-opacity))}.steps .step-warning+.step-warning:before,.steps .step-warning:after{--tw-bg-opacity:1;background-color:hsl(var(--wa)/var(--tw-bg-opacity))}.steps .step-warning:after{--tw-text-opacity:1;color:hsl(var(--wac)/var(--tw-text-opacity))}.steps .step-error+.step-error:before,.steps .step-error:after{--tw-bg-opacity:1;background-color:hsl(var(--er)/var(--tw-bg-opacity))}.steps .step-error:after{--tw-text-opacity:1;color:hsl(var(--erc)/var(--tw-text-opacity))}.tab.tab-active:not(.tab-disabled):not([disabled]){--tw-border-opacity:1;--tw-text-opacity:1;border-color:hsl(var(--bc)/var(--tw-border-opacity))}.tab:focus{outline:2px solid transparent;outline-offset:2px}.tab:focus-visible{outline:2px solid currentColor;outline-offset:-3px}.tab:focus-visible.tab-lifted{border-bottom-left-radius:var(--tab-radius,.5rem);border-bottom-right-radius:var(--tab-radius,.5rem)}.tab-disabled,.tab[disabled]{--tw-text-opacity:0.2;color:hsl(var(--bc)/var(--tw-text-opacity));cursor:not-allowed}.tabs-boxed .tab{border-radius:var(--rounded-btn,.5rem)}.table :where(th,td){padding:.75rem 1rem;vertical-align:middle}.table tr.active,.table tr.active:nth-child(2n),.table-zebra tbody tr:nth-child(2n){--tw-bg-opacity:1;background-color:hsl(var(--b2)/var(--tw-bg-opacity))}.table-zebra tr.active,.table-zebra tr.active:nth-child(2n),.table-zebra-zebra tbody tr:nth-child(2n){--tw-bg-opacity:1;background-color:hsl(var(--b3)/var(--tw-bg-opacity))}.table :where(thead,tbody) :where(tr:first-child:last-child),.table :where(thead,tbody) :where(tr:not(:last-child)){--tw-border-opacity:1;border-bottom-color:hsl(var(--b2)/var(--tw-border-opacity));border-bottom-width:1px}.table :where(thead,tfoot){color:hsl(var(--bc)/.6);font-size:.75rem;font-weight:700;line-height:1rem;white-space:nowrap}.textarea:focus{outline-color:hsl(var(--bc)/.2);outline-offset:2px;outline-style:solid;outline-width:2px}.textarea-disabled,.textarea:disabled,.textarea[disabled]{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:0.2;background-color:hsl(var(--b2)/var(--tw-bg-opacity));border-color:hsl(var(--b2)/var(--tw-border-opacity));cursor:not-allowed}.textarea-disabled::-moz-placeholder,.textarea:disabled::-moz-placeholder,.textarea[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2;color:hsl(var(--bc)/var(--tw-placeholder-opacity))}.textarea-disabled::-moz-placeholder, .textarea:disabled::-moz-placeholder, .textarea[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2;color:hsl(var(--bc)/var(--tw-placeholder-opacity))}.textarea-disabled::placeholder,.textarea:disabled::placeholder,.textarea[disabled]::placeholder{--tw-placeholder-opacity:0.2;color:hsl(var(--bc)/var(--tw-placeholder-opacity))}.toast>*{animation:toast-pop .25s ease-out}@keyframes toast-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}[dir=rtl] .toggle{--handleoffsetcalculator:calc(var(--handleoffset)*1)}.toggle:focus-visible{outline-color:hsl(var(--bc)/.2);outline-offset:2px;outline-style:solid;outline-width:2px}.toggle:checked,.toggle[aria-checked=true],.toggle[checked=true]{--handleoffsetcalculator:var(--handleoffset);--tw-border-opacity:1;--tw-bg-opacity:1}[dir=rtl] .toggle:checked,[dir=rtl] .toggle[aria-checked=true],[dir=rtl] .toggle[checked=true]{--handleoffsetcalculator:calc(var(--handleoffset)*-1)}.toggle:indeterminate{--tw-border-opacity:1;--tw-bg-opacity:1;box-shadow:calc(var(--handleoffset)/2) 0 0 2px var(--tglbg) inset,calc(var(--handleoffset)/-2) 0 0 2px var(--tglbg) inset,0 0 0 2px var(--tglbg) inset}[dir=rtl] .toggle:indeterminate{box-shadow:calc(var(--handleoffset)/2) 0 0 2px var(--tglbg) inset,calc(var(--handleoffset)/-2) 0 0 2px var(--tglbg) inset,0 0 0 2px var(--tglbg) inset}.toggle:disabled{--tw-border-opacity:1;--togglehandleborder:0 0 0 3px hsl(var(--bc)) inset,var(--handleoffsetcalculator) 0 0 3px hsl(var(--bc)) inset;background-color:transparent;border-color:hsl(var(--bc)/var(--tw-border-opacity));cursor:not-allowed;opacity:.3}.tooltip.tooltip-primary{--tooltip-color:hsl(var(--p));--tooltip-text-color:hsl(var(--pc))}.tooltip.tooltip-secondary{--tooltip-color:hsl(var(--s));--tooltip-text-color:hsl(var(--sc))}.tooltip.tooltip-accent{--tooltip-color:hsl(var(--a));--tooltip-text-color:hsl(var(--ac))}.tooltip.tooltip-info{--tooltip-color:hsl(var(--in));--tooltip-text-color:hsl(var(--inc))}.tooltip.tooltip-success{--tooltip-color:hsl(var(--su));--tooltip-text-color:hsl(var(--suc))}.tooltip.tooltip-warning{--tooltip-color:hsl(var(--wa));--tooltip-text-color:hsl(var(--wac))}.tooltip.tooltip-error{--tooltip-color:hsl(var(--er));--tooltip-text-color:hsl(var(--erc))}.btm-nav-xs>:where(.active){border-top-width:1px}.btm-nav-sm>:where(.active){border-top-width:2px}.btm-nav-md>:where(.active){border-top-width:2px}.btm-nav-lg>:where(.active){border-top-width:4px}.join.join-vertical{flex-direction:column}.join.join-vertical .join-item:first-child:not(:last-child),.join.join-vertical :first-child:not(:last-child) .join-item{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:inherit;border-top-right-radius:inherit}.join.join-vertical .join-item:last-child:not(:first-child),.join.join-vertical :last-child:not(:first-child) .join-item{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;border-top-left-radius:0;border-top-right-radius:0}.join.join-horizontal{flex-direction:row}.join.join-horizontal .join-item:first-child:not(:last-child),.join.join-horizontal :first-child:not(:last-child) .join-item{border-bottom-left-radius:inherit;border-bottom-right-radius:0;border-top-left-radius:inherit;border-top-right-radius:0}.join.join-horizontal .join-item:last-child:not(:first-child),.join.join-horizontal :last-child:not(:first-child) .join-item{border-bottom-left-radius:0;border-bottom-right-radius:inherit;border-top-left-radius:0;border-top-right-radius:inherit}.modal-middle{place-items:center}.steps-horizontal .\\!step{display:grid!important;grid-template-columns:repeat(1,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;place-items:center!important;text-align:center!important}.steps-horizontal .step{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));place-items:center;text-align:center}.steps-vertical .\\!step{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(1,minmax(0,1fr))!important}.steps-vertical .step{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(1,minmax(0,1fr))}:where(.toast){--tw-translate-x:0px;--tw-translate-y:0px;bottom:0;left:auto;right:0;top:auto;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.toast:where(.toast-start){--tw-translate-x:0px;left:0;right:auto;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.toast:where(.toast-center){--tw-translate-x:-50%;left:50%;right:50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.toast:where(.toast-end){--tw-translate-x:0px;left:auto;right:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.toast:where(.toast-bottom){--tw-translate-y:0px;bottom:0;top:auto;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.toast:where(.toast-middle){--tw-translate-y:-50%;bottom:auto;top:50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.toast:where(.toast-top){--tw-translate-y:0px;bottom:auto;top:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tooltip{--tooltip-offset:calc(100% + 1px + var(--tooltip-tail, 0px))}.tooltip:before{--tw-content:attr(data-tip);content:var(--tw-content);pointer-events:none;position:absolute;z-index:1}.tooltip-top:before,.tooltip:before{bottom:var(--tooltip-offset);left:50%;right:auto;top:auto;transform:translateX(-50%)}.card-compact .card-body{font-size:.875rem;line-height:1.25rem;padding:1rem}.card-compact .card-title{margin-bottom:.25rem}.card-normal .card-body{font-size:1rem;line-height:1.5rem;padding:var(--padding-card,2rem)}.card-normal .card-title{margin-bottom:.75rem}.join.join-vertical>:where(:not(:first-child)){margin-left:0;margin-right:0;margin-top:-1px}.join.join-horizontal>:where(:not(:first-child)){margin-bottom:0;margin-left:-1px;margin-top:0}.modal-top :where(.modal-box){--tw-translate-y:-2.5rem;--tw-scale-x:1;--tw-scale-y:1;border-bottom-left-radius:var(--rounded-box,1rem);border-bottom-right-radius:var(--rounded-box,1rem);border-top-left-radius:0;border-top-right-radius:0;max-width:none;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:100%}.modal-middle :where(.modal-box){--tw-translate-y:0px;--tw-scale-x:.9;--tw-scale-y:.9;border-bottom-left-radius:var(--rounded-box,1rem);border-bottom-right-radius:var(--rounded-box,1rem);border-top-left-radius:var(--rounded-box,1rem);border-top-right-radius:var(--rounded-box,1rem);max-width:32rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:91.666667%}.modal-bottom :where(.modal-box){--tw-translate-y:2.5rem;--tw-scale-x:1;--tw-scale-y:1;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:var(--rounded-box,1rem);border-top-right-radius:var(--rounded-box,1rem);max-width:none;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:100%}.steps-horizontal .\\!step{grid-template-columns:auto!important;grid-template-rows:40px 1fr!important;min-width:4rem!important}.steps-horizontal .step{grid-template-columns:auto;grid-template-rows:40px 1fr;min-width:4rem}.steps-horizontal .\\!step:before{--tw-translate-y:0px!important;--tw-translate-x:0px!important;content:\"\"!important;height:.5rem!important;margin-left:-100%!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important;width:100%!important}.steps-horizontal .step:before{--tw-translate-y:0px;--tw-translate-x:0px;content:\"\";height:.5rem;margin-left:-100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:100%}.steps-vertical .\\!step{gap:.5rem!important;grid-template-columns:40px 1fr!important;grid-template-rows:auto!important;justify-items:start!important;min-height:4rem!important}.steps-vertical .step{gap:.5rem;grid-template-columns:40px 1fr;grid-template-rows:auto;justify-items:start;min-height:4rem}.steps-vertical .\\!step:before{--tw-translate-y:-50%!important;--tw-translate-x:-50%!important;height:100%!important;margin-left:50%!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important;width:.5rem!important}.steps-vertical .step:before{--tw-translate-y:-50%;--tw-translate-x:-50%;height:100%;margin-left:50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:.5rem}[dir=rtl] .steps-vertical .\\!step:before{margin-right:auto!important}[dir=rtl] .steps-vertical .step:before{margin-right:auto}.tooltip{--tooltip-tail:0.1875rem;--tooltip-color:hsl(var(--n));--tooltip-text-color:hsl(var(--nc));--tooltip-tail-offset:calc(100% + 0.0625rem - var(--tooltip-tail));display:inline-block;position:relative;text-align:center}.tooltip:after,.tooltip:before{opacity:0;transition-delay:.1s;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.tooltip:after{border-style:solid;border-width:var(--tooltip-tail,0);content:\"\";display:block;height:0;position:absolute;width:0}.tooltip:before{background-color:var(--tooltip-color);border-radius:.25rem;color:var(--tooltip-text-color);font-size:.875rem;line-height:1.25rem;max-width:20rem;padding:.25rem .5rem;width:-moz-max-content;width:max-content}.tooltip.tooltip-open:after,.tooltip.tooltip-open:before,.tooltip:hover:after,.tooltip:hover:before{opacity:1;transition-delay:75ms}.tooltip:has(:focus-visible):after,.tooltip:has(:focus-visible):before{opacity:1;transition-delay:75ms}.tooltip:not([data-tip]):hover:after,.tooltip:not([data-tip]):hover:before{opacity:0;visibility:hidden}.tooltip-top:after,.tooltip:after{border-color:var(--tooltip-color) transparent transparent transparent;bottom:var(--tooltip-tail-offset);left:50%;right:auto;top:auto;transform:translateX(-50%)}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.\\!visible{visibility:visible!important}.visible{visibility:visible}.static{position:static}.\\!absolute{position:absolute!important}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.bottom-0{bottom:0}.bottom-\\[10px\\]{bottom:10px}.bottom-\\[40px\\]{bottom:40px}.left-0{left:0}.left-1{left:.25rem}.left-2\\/4{left:50%}.left-4{left:1rem}.left-5{left:1.25rem}.left-\\[60px\\]{left:60px}.right-0{right:0}.right-1{right:.25rem}.right-\\[0\\.6875rem\\]{right:.6875rem}.top-0{top:0}.top-1{top:.25rem}.top-1\\/2{top:50%}.top-11{top:2.75rem}.top-\\[0\\.6875rem\\]{top:.6875rem}.top-\\[25vh\\]{top:25vh}.top-\\[42\\%\\]{top:42%}.z-0{z-index:0}.z-10{z-index:10}.z-\\[7\\]{z-index:7}.float-right{float:right}.float-left{float:left}.m-0{margin:0}.m-2{margin:.5rem}.m-\\[20px\\]{margin:20px}.m-\\[auto\\],.m-auto{margin:auto}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.mx-\\[20px\\]{margin-left:20px;margin-right:20px}.my-1{margin-bottom:.25rem;margin-top:.25rem}.my-3{margin-bottom:.75rem;margin-top:.75rem}.my-4{margin-bottom:1rem;margin-top:1rem}.my-\\[16px\\]{margin-bottom:16px;margin-top:16px}.\\!mb-\\[14\\.5px\\]{margin-bottom:14.5px!important}.\\!mr-\\[auto\\]{margin-right:auto!important}.-mr-0{margin-right:0}.-mr-0\\.5{margin-right:-.125rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-\\[1\\.25rem\\]{margin-bottom:1.25rem}.mb-\\[12px\\]{margin-bottom:12px}.mb-\\[16\\.5px\\]{margin-bottom:16.5px}.mb-\\[1rem\\]{margin-bottom:1rem}.mb-\\[8\\.5px\\]{margin-bottom:8.5px}.ml-0{margin-left:0}.ml-2{margin-left:.5rem}.ml-\\[33px\\]{margin-left:33px}.ml-\\[36px\\]{margin-left:36px}.ml-\\[auto\\]{margin-left:auto}.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}.mr-\\[10px\\]{margin-right:10px}.mr-\\[16px\\]{margin-right:16px}.mr-\\[1rem\\]{margin-right:1rem}.mr-\\[24px\\]{margin-right:24px}.mr-\\[auto\\]{margin-right:auto}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-\\[1\\.875rem\\]{margin-top:1.875rem}.mt-\\[12px\\]{margin-top:12px}.mt-\\[13px\\]{margin-top:13px}.mt-\\[17px\\]{margin-top:17px}.mt-\\[26px\\]{margin-top:26px}.mt-\\[30px\\]{margin-top:30px}.mt-\\[50px\\]{margin-top:50px}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.grid{display:grid}.contents{display:contents}.hidden{display:none}.h-10{height:2.5rem}.h-16{height:4rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-\\[1\\.5rem\\]{height:1.5rem}.h-\\[1\\.875rem\\]{height:1.875rem}.h-\\[100\\%\\]{height:100%}.h-\\[100vh\\]{height:100vh}.h-\\[125px\\]{height:125px}.h-\\[1rem\\]{height:1rem}.h-\\[200px\\]{height:200px}.h-\\[220px\\]{height:220px}.h-\\[24px\\]{height:24px}.h-\\[30px\\]{height:30px}.h-\\[35px\\]{height:35px}.h-\\[3rem\\]{height:3rem}.h-\\[40px\\]{height:40px}.h-\\[40vh\\]{height:40vh}.h-\\[42vh\\]{height:42vh}.h-\\[45px\\]{height:45px}.h-\\[48px\\]{height:48px}.h-\\[50vh\\]{height:50vh}.h-\\[5rem\\]{height:5rem}.h-\\[6\\.25rem\\]{height:6.25rem}.h-\\[65vh\\]{height:65vh}.h-\\[80px\\]{height:80px}.h-\\[88vh\\]{height:88vh}.h-\\[auto\\]{height:auto}.h-\\[unset\\]{height:unset}.h-full{height:100%}.h-max{height:-moz-max-content;height:max-content}.h-screen{height:100vh}.\\!max-h-\\[31\\.25rem\\]{max-height:31.25rem!important}.max-h-60{max-height:15rem}.max-h-\\[140px\\]{max-height:140px}.max-h-\\[15\\.4375rem\\]{max-height:15.4375rem}.max-h-\\[3\\.75rem\\]{max-height:3.75rem}.max-h-\\[51vh\\]{max-height:51vh}.max-h-screen{max-height:100vh}.min-h-\\[140px\\]{min-height:140px}.min-h-\\[7\\.5rem\\]{min-height:7.5rem}.w-1\\/2{width:50%}.w-10{width:2.5rem}.w-14{width:3.5rem}.w-40{width:10rem}.w-5{width:1.25rem}.w-9{width:2.25rem}.w-\\[1\\.875rem\\]{width:1.875rem}.w-\\[100\\%\\]{width:100%}.w-\\[10vw\\]{width:10vw}.w-\\[13rem\\]{width:13rem}.w-\\[145px\\]{width:145px}.w-\\[160px\\]{width:160px}.w-\\[1px\\]{width:1px}.w-\\[210px\\]{width:210px}.w-\\[21rem\\]{width:21rem}.w-\\[30px\\]{width:30px}.w-\\[40px\\]{width:40px}.w-\\[40vw\\]{width:40vw}.w-\\[45px\\]{width:45px}.w-\\[5rem\\]{width:5rem}.w-\\[6\\.25rem\\]{width:6.25rem}.w-\\[7\\.5rem\\]{width:7.5rem}.w-\\[70\\%\\]{width:70%}.w-\\[80\\%\\]{width:80%}.w-\\[80px\\]{width:80px}.w-\\[90\\%\\]{width:90%}.w-\\[9rem\\]{width:9rem}.w-auto{width:auto}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\\[140px\\]{min-width:140px}.max-w-\\[140px\\]{max-width:140px}.max-w-\\[220px\\]{max-width:220px}.max-w-\\[37\\.125rem\\]{max-width:37.125rem}.max-w-\\[73\\%\\]{max-width:73%}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.grow-0{flex-grow:0}.origin-bottom-left{transform-origin:bottom left}.origin-top-right{transform-origin:top right}.-translate-x-2\\/4{--tw-translate-x:-50%}.-translate-x-2\\/4,.-translate-y-1\\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%}.-translate-y-\\[30\\%\\]{--tw-translate-y:-30%}.-translate-y-\\[30\\%\\],.rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate:45deg}.\\!transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.place-content-start{place-content:start}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-3\\.5{gap:.875rem}.gap-4{gap:1rem}.gap-\\[0\\.4375rem\\]{gap:.4375rem}.gap-\\[0\\.5rem\\]{gap:.5rem}.gap-\\[0\\.6875rem\\]{gap:.6875rem}.gap-\\[1\\.5625rem\\]{gap:1.5625rem}.gap-\\[1\\.625rem\\]{gap:1.625rem}.gap-\\[1\\.75rem\\]{gap:1.75rem}.gap-\\[19px\\]{gap:19px}.gap-\\[24px\\]{gap:24px}.gap-\\[2vw\\]{gap:2vw}.gap-\\[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{border-width:1px}.border-2{border-width:2px}.border-\\[1px\\]{border-width:1px}.border-b,.border-b-\\[1px\\]{border-bottom-width:1px}.border-r-\\[1px\\]{border-right-width:1px}.border-t{border-top-width:1px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-none{border-style:none}.\\!border-\\[\\#ebebeb\\]{--tw-border-opacity:1!important;border-color:rgb(235 235 235/var(--tw-border-opacity))!important}.border-\\[\\#353535\\]{--tw-border-opacity:1;border-color:rgb(53 53 53/var(--tw-border-opacity))}.border-\\[\\#5d5d5d\\]{--tw-border-opacity:1;border-color:rgb(93 93 93/var(--tw-border-opacity))}.border-\\[\\#707070\\]{--tw-border-opacity:1;border-color:rgb(112 112 112/var(--tw-border-opacity))}.border-\\[\\#9A9A9A\\]{--tw-border-opacity:1;border-color:rgb(154 154 154/var(--tw-border-opacity))}.border-\\[\\#D6D6D6\\]{--tw-border-opacity:1;border-color:rgb(214 214 214/var(--tw-border-opacity))}.border-\\[\\#D7D7D7\\]{--tw-border-opacity:1;border-color:rgb(215 215 215/var(--tw-border-opacity))}.border-\\[\\#E11938\\]{--tw-border-opacity:1;border-color:rgb(225 25 56/var(--tw-border-opacity))}.border-\\[\\#E11A38\\]{--tw-border-opacity:1;border-color:rgb(225 26 56/var(--tw-border-opacity))}.border-\\[\\#EBEBEB\\]{--tw-border-opacity:1;border-color:rgb(235 235 235/var(--tw-border-opacity))}.border-\\[\\#ECEBED\\]{--tw-border-opacity:1;border-color:rgb(236 235 237/var(--tw-border-opacity))}.border-\\[\\#F4F4F4\\]{--tw-border-opacity:1;border-color:rgb(244 244 244/var(--tw-border-opacity))}.border-\\[\\#FCE8EB\\]{--tw-border-opacity:1;border-color:rgb(252 232 235/var(--tw-border-opacity))}.border-\\[\\#bebebe\\]{--tw-border-opacity:1;border-color:rgb(190 190 190/var(--tw-border-opacity))}.border-\\[\\#c2c2c2\\]{--tw-border-opacity:1;border-color:rgb(194 194 194/var(--tw-border-opacity))}.border-\\[\\#e0e0e0\\]{--tw-border-opacity:1;border-color:rgb(224 224 224/var(--tw-border-opacity))}.border-\\[\\#e11a38\\]{--tw-border-opacity:1;border-color:rgb(225 26 56/var(--tw-border-opacity))}.border-\\[\\#e5e5e5\\]{--tw-border-opacity:1;border-color:rgb(229 229 229/var(--tw-border-opacity))}.border-\\[\\#ebebeb\\]{--tw-border-opacity:1;border-color:rgb(235 235 235/var(--tw-border-opacity))}.border-\\[\\#ecebed\\]{--tw-border-opacity:1;border-color:rgb(236 235 237/var(--tw-border-opacity))}.border-\\[\\#f4f4f4\\]{--tw-border-opacity:1;border-color:rgb(244 244 244/var(--tw-border-opacity))}.border-\\[black\\]{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity))}.border-\\[red\\]{--tw-border-opacity:1;border-color:rgb(255 0 0/var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity))}.border-indigo-600{--tw-border-opacity:1;border-color:rgb(79 70 229/var(--tw-border-opacity))}.border-slate-500{--tw-border-opacity:1;border-color:rgb(100 116 139/var(--tw-border-opacity))}.border-b-\\[\\#EBEBEB\\]{--tw-border-opacity:1;border-bottom-color:rgb(235 235 235/var(--tw-border-opacity))}.border-r-\\[\\#D7D7D7\\]{--tw-border-opacity:1;border-right-color:rgb(215 215 215/var(--tw-border-opacity))}.border-t-\\[\\#EBEBEB\\]{--tw-border-opacity:1;border-top-color:rgb(235 235 235/var(--tw-border-opacity))}.\\!bg-\\[\\#ffffff\\]{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.\\!bg-transparent{background-color:transparent!important}.bg-\\[\\#00000046\\]{background-color:#00000046}.bg-\\[\\#010101\\]{--tw-bg-opacity:1;background-color:rgb(1 1 1/var(--tw-bg-opacity))}.bg-\\[\\#353535\\]{--tw-bg-opacity:1;background-color:rgb(53 53 53/var(--tw-bg-opacity))}.bg-\\[\\#BBBBBB\\]{--tw-bg-opacity:1;background-color:rgb(187 187 187/var(--tw-bg-opacity))}.bg-\\[\\#D13F42\\]{--tw-bg-opacity:1;background-color:rgb(209 63 66/var(--tw-bg-opacity))}.bg-\\[\\#D5E9FA\\]{--tw-bg-opacity:1;background-color:rgb(213 233 250/var(--tw-bg-opacity))}.bg-\\[\\#D5F2EA\\]{--tw-bg-opacity:1;background-color:rgb(213 242 234/var(--tw-bg-opacity))}.bg-\\[\\#DE802E\\]{--tw-bg-opacity:1;background-color:rgb(222 128 46/var(--tw-bg-opacity))}.bg-\\[\\#E11A38\\]{--tw-bg-opacity:1;background-color:rgb(225 26 56/var(--tw-bg-opacity))}.bg-\\[\\#E21938\\]{--tw-bg-opacity:1;background-color:rgb(226 25 56/var(--tw-bg-opacity))}.bg-\\[\\#E4BB30\\]{--tw-bg-opacity:1;background-color:rgb(228 187 48/var(--tw-bg-opacity))}.bg-\\[\\#F1F1F1\\]{--tw-bg-opacity:1;background-color:rgb(241 241 241/var(--tw-bg-opacity))}.bg-\\[\\#F7F7F7\\]{--tw-bg-opacity:1;background-color:rgb(247 247 247/var(--tw-bg-opacity))}.bg-\\[\\#F8F8F8\\]{--tw-bg-opacity:1;background-color:rgb(248 248 248/var(--tw-bg-opacity))}.bg-\\[\\#FCD7D7\\]{--tw-bg-opacity:1;background-color:rgb(252 215 215/var(--tw-bg-opacity))}.bg-\\[\\#FCE8EB\\]{--tw-bg-opacity:1;background-color:rgb(252 232 235/var(--tw-bg-opacity))}.bg-\\[\\#FFF8E7\\]{--tw-bg-opacity:1;background-color:rgb(255 248 231/var(--tw-bg-opacity))}.bg-\\[\\#FFFFFF\\]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-\\[\\#cf132b\\]{--tw-bg-opacity:1;background-color:rgb(207 19 43/var(--tw-bg-opacity))}.bg-\\[\\#e11a38\\]{--tw-bg-opacity:1;background-color:rgb(225 26 56/var(--tw-bg-opacity))}.bg-\\[\\#f2f2f2\\]{--tw-bg-opacity:1;background-color:rgb(242 242 242/var(--tw-bg-opacity))}.bg-\\[\\#f7f7f7\\]{--tw-bg-opacity:1;background-color:rgb(247 247 247/var(--tw-bg-opacity))}.bg-\\[\\#fce8eb\\]{--tw-bg-opacity:1;background-color:rgb(252 232 235/var(--tw-bg-opacity))}.bg-\\[\\#fff\\],.bg-\\[\\#ffffff\\]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-\\[black\\]{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-base-100{--tw-bg-opacity:1;background-color:hsl(var(--b1)/var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity))}.bg-slate-300{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-cover{background-size:cover}.bg-clip-padding{background-clip:padding-box}.bg-no-repeat{background-repeat:no-repeat}.p-0{padding:0}.p-0\\.5{padding:.125rem}.p-1{padding:.25rem}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-2\\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-\\[16px\\]{padding:16px}.p-\\[30px\\]{padding:30px}.p-\\[50px\\]{padding:50px}.p-\\[9px\\]{padding:9px}.\\!py-\\[11px\\]{padding-bottom:11px!important;padding-top:11px!important}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-\\[0\\.125rem\\]{padding-left:.125rem;padding-right:.125rem}.px-\\[0\\.5rem\\]{padding-left:.5rem;padding-right:.5rem}.px-\\[0\\.75rem\\]{padding-left:.75rem;padding-right:.75rem}.px-\\[1\\.4063rem\\]{padding-left:1.4063rem;padding-right:1.4063rem}.px-\\[110px\\]{padding-left:110px;padding-right:110px}.px-\\[11px\\]{padding-left:11px;padding-right:11px}.px-\\[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-\\[30px\\]{padding-left:30px;padding-right:30px}.px-\\[36px\\]{padding-left:36px;padding-right:36px}.px-\\[39px\\]{padding-left:39px;padding-right:39px}.px-\\[40px\\]{padding-left:40px;padding-right:40px}.px-\\[80px\\]{padding-left:80px;padding-right:80px}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-\\[0\\.695rem\\]{padding-bottom:.695rem;padding-top:.695rem}.py-\\[0\\.7188rem\\]{padding-bottom:.7188rem;padding-top:.7188rem}.py-\\[0\\.75rem\\]{padding-bottom:.75rem;padding-top:.75rem}.py-\\[0\\.8125rem\\]{padding-bottom:.8125rem;padding-top:.8125rem}.py-\\[1\\.25rem\\]{padding-bottom:1.25rem;padding-top:1.25rem}.py-\\[1\\.8125rem\\]{padding-bottom:1.8125rem;padding-top:1.8125rem}.py-\\[1\\.875rem\\]{padding-bottom:1.875rem;padding-top:1.875rem}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[11\\.2px\\]{padding-bottom:11.2px;padding-top:11.2px}.py-\\[14px\\]{padding-bottom:14px;padding-top:14px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[5px\\]{padding-bottom:5px;padding-top:5px}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.py-\\[7px\\]{padding-bottom:7px;padding-top:7px}.\\!pl-\\[17px\\]{padding-left:17px!important}.pb-2{padding-bottom:.5rem}.pb-\\[0\\.3125rem\\]{padding-bottom:.3125rem}.pb-\\[1\\.125rem\\]{padding-bottom:1.125rem}.pb-\\[17px\\]{padding-bottom:17px}.pb-\\[2\\.0938rem\\]{padding-bottom:2.0938rem}.pl-2{padding-left:.5rem}.pl-\\[10px\\]{padding-left:10px}.pl-\\[16px\\]{padding-left:16px}.pl-\\[20px\\]{padding-left:20px}.pl-\\[27\\.85px\\]{padding-left:27.85px}.pr-\\[14px\\]{padding-right:14px}.pr-\\[27px\\]{padding-right:27px}.pr-\\[33px\\]{padding-right:33px}.pr-\\[56px\\]{padding-right:56px}.pt-2{padding-top:.5rem}.pt-\\[0\\.375rem\\]{padding-top:.375rem}.pt-\\[1\\.3438rem\\]{padding-top:1.3438rem}.pt-\\[17px\\]{padding-top:17px}.pt-\\[2\\.5px\\]{padding-top:2.5px}.pt-\\[23px\\]{padding-top:23px}.pt-\\[31px\\]{padding-top:31px}.pt-\\[7px\\]{padding-top:7px}.text-left{text-align:left}.text-center{text-align:center}.align-baseline{vertical-align:baseline}.align-middle{vertical-align:middle}.\\!text-\\[15px\\]{font-size:15px!important}.\\!text-\\[18px\\]{font-size:18px!important}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\\[11px\\]{font-size:11px}.text-\\[12px\\]{font-size:12px}.text-\\[13px\\]{font-size:13px}.text-\\[14px\\]{font-size:14px}.text-\\[15px\\]{font-size:15px}.text-\\[16px\\]{font-size:16px}.text-\\[17px\\]{font-size:17px}.text-\\[18px\\]{font-size:18px}.text-\\[21px\\]{font-size:21px}.text-\\[22px\\]{font-size:22px}.text-\\[25px\\]{font-size:25px}.text-\\[26px\\]{font-size:26px}.text-\\[28px\\]{font-size:28px}.text-\\[30px\\]{font-size:30px}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.\\!font-bold{font-weight:700!important}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.\\!leading-\\[24px\\]{line-height:24px!important}.leading-\\[0\\.8125rem\\]{line-height:.8125rem}.leading-\\[1\\.125rem\\]{line-height:1.125rem}.leading-\\[1\\.25rem\\]{line-height:1.25rem}.leading-\\[1\\.4375rem\\]{line-height:1.4375rem}.leading-\\[2\\.3125rem\\]{line-height:2.3125rem}.leading-\\[20px\\]{line-height:20px}.leading-\\[23px\\]{line-height:23px}.\\!text-\\[\\#353535\\]{--tw-text-opacity:1!important;color:rgb(53 53 53/var(--tw-text-opacity))!important}.text-\\[\\#353535\\]{--tw-text-opacity:1;color:rgb(53 53 53/var(--tw-text-opacity))}.text-\\[\\#5D5D5D\\],.text-\\[\\#5d5d5d\\]{--tw-text-opacity:1;color:rgb(93 93 93/var(--tw-text-opacity))}.text-\\[\\#707070\\]{--tw-text-opacity:1;color:rgb(112 112 112/var(--tw-text-opacity))}.text-\\[\\#727272\\]{--tw-text-opacity:1;color:rgb(114 114 114/var(--tw-text-opacity))}.text-\\[\\#747474\\]{--tw-text-opacity:1;color:rgb(116 116 116/var(--tw-text-opacity))}.text-\\[\\#9A9A9A\\]{--tw-text-opacity:1;color:rgb(154 154 154/var(--tw-text-opacity))}.text-\\[\\#9f9f9f\\]{--tw-text-opacity:1;color:rgb(159 159 159/var(--tw-text-opacity))}.text-\\[\\#E11938\\]{--tw-text-opacity:1;color:rgb(225 25 56/var(--tw-text-opacity))}.text-\\[\\#E11A38\\]{--tw-text-opacity:1;color:rgb(225 26 56/var(--tw-text-opacity))}.text-\\[\\#E21938\\]{--tw-text-opacity:1;color:rgb(226 25 56/var(--tw-text-opacity))}.text-\\[\\#c2c2c2\\]{--tw-text-opacity:1;color:rgb(194 194 194/var(--tw-text-opacity))}.text-\\[\\#cf132b\\]{--tw-text-opacity:1;color:rgb(207 19 43/var(--tw-text-opacity))}.text-\\[\\#e11a38\\]{--tw-text-opacity:1;color:rgb(225 26 56/var(--tw-text-opacity))}.text-\\[\\#fff\\],.text-\\[\\#ffffff\\]{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.text-lime-400{--tw-text-opacity:1;color:rgb(163 230 53/var(--tw-text-opacity))}.text-orange-300{--tw-text-opacity:1;color:rgb(253 186 116/var(--tw-text-opacity))}.text-orange-400{--tw-text-opacity:1;color:rgb(251 146 60/var(--tw-text-opacity))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity))}.text-teal-500{--tw-text-opacity:1;color:rgb(20 184 166/var(--tw-text-opacity))}.text-violet-600{--tw-text-opacity:1;color:rgb(124 58 237/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.\\!shadow-\\[0px_7px_64px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.07\\)\\]{--tw-shadow:0px 7px 64px rgba(0,0,0,.07)!important;--tw-shadow-colored:0px 7px 64px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.\\!shadow-\\[0px_7px_64px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.11\\)\\]{--tw-shadow:0px 7px 64px rgba(0,0,0,.11)!important;--tw-shadow-colored:0px 7px 64px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-\\[0px_3px_6px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.16\\)\\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\\[0px_3px_6px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.16\\)\\]{--tw-shadow:0px 3px 6px rgba(0,0,0,.16);--tw-shadow-colored:0px 3px 6px var(--tw-shadow-color)}.shadow-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-md,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-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);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-inset{--tw-ring-inset:inset}.ring-\\[\\#E11A38\\]{--tw-ring-opacity:1;--tw-ring-color:rgb(225 26 56/var(--tw-ring-opacity))}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-\\[21px\\]{--tw-backdrop-blur:blur(21px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@import url(\"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\");html{font-family:Roboto,sans-serif}.Toastify__toast-container{width:32vw!important}.Toastify__toast{padding:1rem!important}.Toastify__close-button{align-self:center!important}.Toastify__close-button>svg{fill:#707070!important}.Toastify__toast-theme--colored.Toastify__toast--success{background:#ebfbf5!important;border:1px solid #98d6bf;box-shadow:0 0 10px #00000059;color:#353535!important;font-family:Roboto,sans-serif;font-size:14px;font-weight:600}.Toastify__toast-theme--colored.Toastify__toast--success .Toastify__toast-icon>svg{fill:#00c48c!important}.Toastify__toast-theme--colored.Toastify__toast--error{background:#fce8eb!important;border:1px solid #ffd8de;box-shadow:0 0 10px #00000059;color:#353535!important;font-family:Roboto,sans-serif;font-size:14px;font-weight:600}.Toastify__toast-theme--colored.Toastify__toast--error .Toastify__toast-icon>svg{fill:hwb(351 10% 12%)!important;height:100%;width:100%}.Toastify__toast-theme--colored.Toastify__toast--info{background:#d5e9fa!important;border:1px solid #b5ddff;box-shadow:0 0 10px #00000059;color:#353535!important;font-family:Roboto,sans-serif;font-size:14px;font-weight:600}.Toastify__toast-theme--colored.Toastify__toast--info .Toastify__toast-icon>svg{fill:#0084f4!important}.Toastify__toast-icon{height:1.875rem!important;width:1.875rem!important}#slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;background-image:linear-gradient(#f00528,#f00528);background-repeat:no-repeat;background-size:70% 100%;height:18px;opacity:.7;outline:none;transition:opacity .2s;width:100%}#slider:hover{opacity:1}#slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#f00528;border-radius:2px;box-shadow:0 0 2px 0 #555;cursor:pointer;height:25px;-webkit-transition:background .3s ease-in-out;transition:background .3s ease-in-out;width:25px}input[type=range]::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#f00528;border-radius:2%;box-shadow:0 0 2px 0 #555;cursor:ew-resize;height:20px;-moz-transition:background .3s ease-in-out;transition:background .3s ease-in-out;width:20px}.btn-hover:hover{background:#e11a38;color:#fff}.link-hover:hover{color:#e11a38}@media (min-width:768px){.md\\:btn-md{font-size:.875rem;height:3rem;min-height:3rem;padding-left:1rem;padding-right:1rem}.btn-square:where(.md\\:btn-md){height:3rem;padding:0;width:3rem}.btn-circle:where(.md\\:btn-md){border-radius:9999px;height:3rem;padding:0;width:3rem}}.placeholder\\:leading-\\[20px\\]::-moz-placeholder{line-height:20px}.placeholder\\:leading-\\[20px\\]::placeholder{line-height:20px}.before\\:bg-\\[\\#ffffff\\]:before{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));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}.hover\\:rounded-none:hover{border-radius:0}.hover\\:border-\\[\\#E11A38\\]:hover{--tw-border-opacity:1;border-color:rgb(225 26 56/var(--tw-border-opacity))}.hover\\:bg-\\[\\#E11A38\\]:hover{--tw-bg-opacity:1;background-color:rgb(225 26 56/var(--tw-bg-opacity))}.hover\\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.hover\\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.hover\\:font-bold:hover{font-weight:700}.hover\\:text-\\[\\#353535\\]:hover{--tw-text-opacity:1;color:rgb(53 53 53/var(--tw-text-opacity))}.hover\\:text-\\[\\#e11a38\\]:hover{--tw-text-opacity:1;color:rgb(225 26 56/var(--tw-text-opacity))}.hover\\:text-\\[\\#ffffff\\]:hover,.hover\\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:decoration-2:hover{text-decoration-thickness:2px}.hover\\:underline-offset-4:hover{text-underline-offset:4px}.focus\\:z-\\[3\\]:focus{z-index:3}.focus\\:rounded-sm:focus{border-radius:.125rem}.focus\\: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-visible\\:outline-0:focus-visible{outline-width:0}.active\\:bg-violet-700:active{--tw-bg-opacity:1;background-color:rgb(109 40 217/var(--tw-bg-opacity))}.group:hover .group-hover\\:fill-\\[\\#E11A38\\]{fill:#e11a38}@media (prefers-color-scheme:dark){.dark\\:border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity))}.dark\\:bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.dark\\:hover\\:border-gray-500:hover{--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity))}.dark\\:hover\\:bg-gray-600:hover{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity))}}@media (min-width:640px){.sm\\:mt-0{margin-top:0}.sm\\:h-\\[42vh\\]{height:42vh}.sm\\:h-\\[55vh\\]{height:55vh}.sm\\:w-auto{width:auto}}@media (min-width:768px){.md\\:absolute{position:absolute}.md\\:relative{position:relative}.md\\:bottom-\\[20px\\]{bottom:20px}.md\\:mr-\\[0\\%\\]{margin-right:0}.md\\:h-auto{height:auto}.md\\:w-\\[100\\%\\]{width:100%}.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\\:p-\\[98px\\]{padding:98px}.md\\:px-\\[112px\\]{padding-left:112px;padding-right:112px}}@media (min-width:1024px){.lg\\:mr-\\[30px\\]{margin-right:30px}.lg\\:w-2\\/5{width:40%}.lg\\:w-\\[10\\%\\]{width:10%}.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\\: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))}}";
65
+ var css_248z = "/*! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:\"\"}html{-webkit-text-size-adjust:100%;font-feature-settings:normal;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::-moz-placeholder, textarea::-moz-placeholder{color:#9ca3af;opacity:1}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}:root,[data-theme]{background-color:hsl(var(--b1)/var(--tw-bg-opacity,1));color:hsl(var(--bc)/var(--tw-text-opacity,1))}html{-webkit-tap-highlight-color:transparent}:root{--pf:259 94% 44%;--sf:314 100% 40%;--af:174 75% 39%;--nf:214 20% 14%;--in:198 93% 60%;--su:158 64% 52%;--wa:43 96% 56%;--er:0 91% 71%;--inc:198 100% 12%;--suc:158 100% 10%;--wac:43 100% 11%;--erc:0 100% 14%;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-text-case:uppercase;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:259 94% 51%;--pc:259 96% 91%;--s:314 100% 47%;--sc:314 100% 91%;--a:174 75% 46%;--ac:174 75% 11%;--n:214 20% 21%;--nc:212 19% 87%;--b1:0 0% 100%;--b2:0 0% 95%;--b3:180 2% 90%;--bc:215 28% 17%;color-scheme:light}@media (prefers-color-scheme:dark){:root{--pf:262 80% 43%;--sf:316 70% 43%;--af:175 70% 34%;--in:198 93% 60%;--su:158 64% 52%;--wa:43 96% 56%;--er:0 91% 71%;--inc:198 100% 12%;--suc:158 100% 10%;--wac:43 100% 11%;--erc:0 100% 14%;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-text-case:uppercase;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:262 80% 50%;--pc:0 0% 100%;--s:316 70% 50%;--sc:0 0% 100%;--a:175 70% 41%;--ac:0 0% 100%;--n:213 18% 20%;--nf:212 17% 17%;--nc:220 13% 69%;--b1:212 18% 14%;--b2:213 18% 12%;--b3:213 18% 10%;--bc:220 13% 69%;color-scheme:dark}}[data-theme=light]{--pf:259 94% 44%;--sf:314 100% 40%;--af:174 75% 39%;--nf:214 20% 14%;--in:198 93% 60%;--su:158 64% 52%;--wa:43 96% 56%;--er:0 91% 71%;--inc:198 100% 12%;--suc:158 100% 10%;--wac:43 100% 11%;--erc:0 100% 14%;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-text-case:uppercase;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:259 94% 51%;--pc:259 96% 91%;--s:314 100% 47%;--sc:314 100% 91%;--a:174 75% 46%;--ac:174 75% 11%;--n:214 20% 21%;--nc:212 19% 87%;--b1:0 0% 100%;--b2:0 0% 95%;--b3:180 2% 90%;--bc:215 28% 17%;color-scheme:light}[data-theme=dark]{--pf:262 80% 43%;--sf:316 70% 43%;--af:175 70% 34%;--in:198 93% 60%;--su:158 64% 52%;--wa:43 96% 56%;--er:0 91% 71%;--inc:198 100% 12%;--suc:158 100% 10%;--wac:43 100% 11%;--erc:0 100% 14%;--rounded-box:1rem;--rounded-btn:0.5rem;--rounded-badge:1.9rem;--animation-btn:0.25s;--animation-input:.2s;--btn-text-case:uppercase;--btn-focus-scale:0.95;--border-btn:1px;--tab-border:1px;--tab-radius:0.5rem;--p:262 80% 50%;--pc:0 0% 100%;--s:316 70% 50%;--sc:0 0% 100%;--a:175 70% 41%;--ac:0 0% 100%;--n:213 18% 20%;--nf:212 17% 17%;--nc:220 13% 69%;--b1:212 18% 14%;--b2:213 18% 12%;--b3:213 18% 10%;--bc:220 13% 69%;color-scheme:dark}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.alert{--tw-border-opacity:1;--tw-text-opacity:1;--alert-bg:hsl(var(--b2));--alert-bg-mix:hsl(var(--b1));align-content:flex-start;align-items:center;background-color:var(--alert-bg);border-color:hsl(var(--b2)/var(--tw-border-opacity));border-radius:var(--rounded-box,1rem);border-width:1px;color:hsl(var(--bc)/var(--tw-text-opacity));display:grid;gap:1rem;grid-auto-flow:row;justify-items:center;padding:1rem;text-align:center;width:100%}@media (min-width:640px){.alert{grid-auto-flow:column;grid-template-columns:auto minmax(auto,1fr);justify-items:start;text-align:left}}.avatar.placeholder>div{align-items:center;display:flex;justify-content:center}@media (hover:hover){.label a:hover{--tw-text-opacity:1;color:hsl(var(--bc)/var(--tw-text-opacity))}.menu :where(li:not(.menu-title):not(.disabled)>:not(ul):not(details):not(.menu-title)):where(.active),.menu :where(li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):where(.active){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--n)/var(--tw-bg-opacity));color:hsl(var(--nc)/var(--tw-text-opacity))}.tab:hover{--tw-text-opacity:1}.table tr.hover:hover,.table tr.hover:nth-child(2n):hover{--tw-bg-opacity:1;background-color:hsl(var(--b2)/var(--tw-bg-opacity))}.table-zebra tr.hover:hover,.table-zebra tr.hover:nth-child(2n):hover{--tw-bg-opacity:1;background-color:hsl(var(--b3)/var(--tw-bg-opacity))}}.card{border-radius:var(--rounded-box,1rem);display:flex;flex-direction:column;position:relative}.card:focus{outline:2px solid transparent;outline-offset:2px}.card-body{display:flex;flex:1 1 auto;flex-direction:column;gap:.5rem;padding:var(--padding-card,2rem)}.card-body :where(p){flex-grow:1}.card figure{align-items:center;display:flex;justify-content:center}.card.image-full{display:grid}.card.image-full:before{--tw-bg-opacity:1;background-color:hsl(var(--n)/var(--tw-bg-opacity));border-radius:var(--rounded-box,1rem);content:\"\";opacity:.75;position:relative;z-index:10}.card.image-full:before,.card.image-full>*{grid-column-start:1;grid-row-start:1}.card.image-full>figure img{height:100%;-o-object-fit:cover;object-fit:cover}.card.image-full>.card-body{--tw-text-opacity:1;color:hsl(var(--nc)/var(--tw-text-opacity));position:relative;z-index:20}.checkbox{--chkbg:var(--bc);--chkfg:var(--b1);--tw-border-opacity:0.2;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:hsl(var(--bc)/var(--tw-border-opacity));border-radius:var(--rounded-btn,.5rem);border-width:1px;cursor:pointer;flex-shrink:0;height:1.5rem;width:1.5rem}.dropdown .dropdown-content{position:absolute}.dropdown:is(:not(details)) .dropdown-content{--tw-scale-x:.95;--tw-scale-y:.95;opacity:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform-origin:top;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);visibility:hidden}.dropdown-end .dropdown-content{right:0}.dropdown-left .dropdown-content{bottom:auto;right:100%;top:0;transform-origin:right}.dropdown-right .dropdown-content{bottom:auto;left:100%;top:0;transform-origin:left}.dropdown-bottom .dropdown-content{bottom:auto;top:100%;transform-origin:top}.dropdown-top .dropdown-content{bottom:100%;top:auto;transform-origin:bottom}.dropdown-end.dropdown-left .dropdown-content,.dropdown-end.dropdown-right .dropdown-content{bottom:0;top:auto}.dropdown.dropdown-open .dropdown-content,.dropdown:focus-within .dropdown-content,.dropdown:not(.dropdown-hover):focus .dropdown-content{opacity:1;visibility:visible}@media (hover:hover){.dropdown.dropdown-hover:hover .dropdown-content{opacity:1;visibility:visible}.btm-nav>.disabled:hover,.btm-nav>[disabled]:hover{--tw-border-opacity:0;--tw-bg-opacity:0.1;--tw-text-opacity:0.2;background-color:hsl(var(--n)/var(--tw-bg-opacity));color:hsl(var(--bc)/var(--tw-text-opacity));pointer-events:none}.dropdown.dropdown-hover:hover .dropdown-content{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.menu :where(li:not(.menu-title):not(.disabled)>:not(ul):not(details):not(.menu-title)):not(.active):hover,.menu :where(li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):not(.active):hover{--tw-text-opacity:1;background-color:hsl(var(--bc)/.1);color:hsl(var(--bc)/var(--tw-text-opacity));cursor:pointer;outline:2px solid transparent;outline-offset:2px}.tab[disabled],.tab[disabled]:hover{--tw-text-opacity:0.2;color:hsl(var(--bc)/var(--tw-text-opacity));cursor:not-allowed}}.label{align-items:center;display:flex;justify-content:space-between;padding:.5rem .25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.\\!input{--tw-border-opacity:0!important;--tw-bg-opacity:1!important;background-color:hsl(var(--b1)/var(--tw-bg-opacity))!important;border-color:hsl(var(--bc)/var(--tw-border-opacity))!important;border-radius:var(--rounded-btn,.5rem)!important;border-width:1px!important;flex-shrink:1!important;font-size:1rem!important;height:3rem!important;line-height:2!important;line-height:1.5rem!important;padding-left:1rem!important;padding-right:1rem!important}.input{--tw-border-opacity:0;--tw-bg-opacity:1;background-color:hsl(var(--b1)/var(--tw-bg-opacity));border-color:hsl(var(--bc)/var(--tw-border-opacity));border-radius:var(--rounded-btn,.5rem);border-width:1px;flex-shrink:1;font-size:1rem;height:3rem;line-height:2;line-height:1.5rem;padding-left:1rem;padding-right:1rem}.input-group>.\\!input{isolation:isolate!important}.input-group>.input{isolation:isolate}.input-group>.\\!input{border-radius:0!important}.input-group>*,.input-group>.input,.input-group>.select,.input-group>.textarea{border-radius:0}.join{align-items:stretch;border-radius:var(--rounded-btn,.5rem);display:inline-flex}.join *{border-radius:inherit}.join :where(.join-item){border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:0;border-top-right-radius:0}.join .join-item:not(:first-child):not(:last-child),.join :not(:first-child):not(:last-child) .join-item{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:0;border-top-right-radius:0}.join .join-item:first-child:not(:last-child),.join :first-child:not(:last-child) .join-item{border-bottom-right-radius:0;border-top-right-radius:0}.join :where(.join-item:first-child:not(:last-child)),.join :where(:first-child:not(:last-child) .join-item){border-bottom-left-radius:inherit;border-top-left-radius:inherit}.join .join-item:last-child:not(:first-child),.join :last-child:not(:first-child) .join-item{border-bottom-left-radius:0;border-top-left-radius:0}.join :where(.join-item:last-child:not(:first-child)),.join :where(:last-child:not(:first-child) .join-item){border-bottom-right-radius:inherit;border-top-right-radius:inherit}.\\!link{cursor:pointer!important;text-decoration-line:underline!important}.link{cursor:pointer;text-decoration-line:underline}.\\!mask{-webkit-mask-position:center!important;mask-position:center!important;-webkit-mask-repeat:no-repeat!important;mask-repeat:no-repeat!important;-webkit-mask-size:contain!important;mask-size:contain!important}.mask{-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.menu{display:flex;flex-direction:column;flex-wrap:wrap;font-size:.875rem;line-height:1.25rem;padding:.5rem}.menu :where(li ul){margin-left:1rem;padding-left:.5rem;position:relative;white-space:nowrap}.menu :where(li:not(.menu-title)>:not(ul):not(details):not(.menu-title)),.menu :where(li:not(.menu-title)>details>summary:not(.menu-title)){align-content:flex-start;align-items:center;border-radius:var(--rounded-btn,.5rem);display:grid;gap:.5rem;grid-auto-columns:max-content auto max-content;grid-auto-flow:column;padding:.5rem 1rem;text-align:left;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-user-select:none;-moz-user-select:none;user-select:none}.menu li.disabled{color:hsl(var(--bc)/.3);cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;user-select:none}.menu :where(li>.menu-dropdown:not(.menu-dropdown-show)){display:none}:where(.menu li){align-items:stretch;display:flex;flex-direction:column;flex-shrink:0;flex-wrap:wrap;position:relative}:where(.menu li) .badge{justify-self:end}.modal{background-color:transparent;background-color:rgba(0,0,0,.3);display:grid;height:100%;inset:0;justify-items:center;margin:0;max-height:none;max-width:none;opacity:0;overflow-y:hidden;overscroll-behavior:contain;padding:0;pointer-events:none;position:fixed;transition-duration:.2s;transition-property:transform,opacity,visibility;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:999}:where(.modal){align-items:center}.modal-box{--tw-scale-x:.9;--tw-scale-y:.9;--tw-bg-opacity:1;background-color:hsl(var(--b1)/var(--tw-bg-opacity));border-bottom-left-radius:var(--rounded-box,1rem);border-bottom-right-radius:var(--rounded-box,1rem);border-top-left-radius:var(--rounded-box,1rem);border-top-right-radius:var(--rounded-box,1rem);box-shadow:0 25px 50px -12px rgba(0,0,0,.25);grid-column-start:1;grid-row-start:1;max-height:calc(100vh - 5em);max-width:32rem;overflow-y:auto;overscroll-behavior:contain;padding:1.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);width:91.666667%}.modal-open,.modal-toggle:checked+.modal,.modal:target,.modal[open]{opacity:1;pointer-events:auto;visibility:visible}:root:has(:is(.modal-open,.modal:target,.modal-toggle:checked+.modal,.modal[open])){overflow:hidden}.progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--rounded-box,1rem);height:.5rem;overflow:hidden;position:relative;width:100%}.radio{--chkbg:var(--bc);--tw-border-opacity:0.2;-webkit-appearance:none;border-color:hsl(var(--bc)/var(--tw-border-opacity));border-radius:9999px;border-width:1px;flex-shrink:0;width:1.5rem}.radio,.range{-moz-appearance:none;-webkit-appearance:none; appearance:none;cursor:pointer;height:1.5rem}.range{--range-shdw:var(--bc);-webkit-appearance:none;background-color:transparent;border-radius:var(--rounded-box,1rem);overflow:hidden;width:100%}.range:focus{outline:none}.select{--tw-border-opacity:0;--tw-bg-opacity:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:hsl(var(--b1)/var(--tw-bg-opacity));background-image:linear-gradient(45deg,transparent 50%,currentColor 0),linear-gradient(135deg,currentColor 50%,transparent 0);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16px) calc(1px + 50%);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border-color:hsl(var(--bc)/var(--tw-border-opacity));border-radius:var(--rounded-btn,.5rem);border-width:1px;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:3rem;line-height:1.25rem;line-height:2;min-height:3rem;padding-left:1rem;padding-right:2.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.select[multiple]{height:auto}.stack{display:inline-grid;place-items:center;align-items:flex-end}.stack>*{grid-column-start:1;grid-row-start:1;opacity:.6;transform:translateY(10%) scale(.9);width:100%;z-index:1}.stack>:nth-child(2){opacity:.8;transform:translateY(5%) scale(.95);z-index:2}.stack>:first-child{opacity:1;transform:translateY(0) scale(1);z-index:3}.stats{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--b1)/var(--tw-bg-opacity));border-radius:var(--rounded-box,1rem);color:hsl(var(--bc)/var(--tw-text-opacity));display:inline-grid}:where(.stats){grid-auto-flow:column;overflow-x:auto}.stat{--tw-border-opacity:0.1;border-color:hsl(var(--bc)/var(--tw-border-opacity));-moz-column-gap:1rem;column-gap:1rem;grid-template-columns:repeat(1,1fr);padding:1rem 1.5rem;width:100%}.stat,.steps{display:inline-grid}.steps{counter-reset:step;grid-auto-columns:1fr;grid-auto-flow:column;overflow:hidden;overflow-x:auto}.steps .step{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-template-columns:auto;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-rows:40px 1fr;min-width:4rem;place-items:center;text-align:center}.steps .\\!step{display:grid!important;grid-template-columns:repeat(1,minmax(0,1fr))!important;grid-template-columns:auto!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;grid-template-rows:40px 1fr!important;min-width:4rem!important;place-items:center!important;text-align:center!important}.tabs{align-items:flex-end;display:flex;flex-wrap:wrap}.tab{--tab-padding:1rem;--tw-text-opacity:0.5;--tab-color:hsl(var(--bc)/var(--tw-text-opacity,1));--tab-bg:hsl(var(--b1)/var(--tw-bg-opacity,1));--tab-border-color:hsl(var(--b3)/var(--tw-bg-opacity,1));align-items:center;color:var(--tab-color);cursor:pointer;display:inline-flex;flex-wrap:wrap;height:2rem;justify-content:center;line-height:1.25rem;line-height:2;padding-left:var(--tab-padding,1rem);padding-right:var(--tab-padding,1rem);text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tab,.table{font-size:.875rem;position:relative}.table{border-radius:var(--rounded-box,1rem);line-height:1.25rem;text-align:left;width:100%}.table :where(.table-pin-rows thead tr){--tw-bg-opacity:1;background-color:hsl(var(--b1)/var(--tw-bg-opacity));position:sticky;top:0;z-index:1}.table :where(.table-pin-rows tfoot tr){--tw-bg-opacity:1;background-color:hsl(var(--b1)/var(--tw-bg-opacity));bottom:0;position:sticky;z-index:1}.table :where(.table-pin-cols tr th){--tw-bg-opacity:1;background-color:hsl(var(--b1)/var(--tw-bg-opacity));left:0;position:sticky;right:0}.textarea{--tw-border-opacity:0;--tw-bg-opacity:1;background-color:hsl(var(--b1)/var(--tw-bg-opacity));border-color:hsl(var(--bc)/var(--tw-border-opacity));border-radius:var(--rounded-btn,.5rem);border-width:1px;flex-shrink:1;font-size:.875rem;line-height:1.25rem;line-height:2;min-height:3rem;padding:.5rem 1rem}.toast{display:flex;flex-direction:column;gap:.5rem;min-width:-moz-fit-content;min-width:fit-content;padding:1rem;position:fixed;white-space:nowrap}.toggle{--tglbg:hsl(var(--b1));--handleoffset:1.5rem;--handleoffsetcalculator:calc(var(--handleoffset)*-1);--togglehandleborder:0 0;--tw-border-opacity:0.2;--tw-bg-opacity:0.5;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:hsl(var(--bc)/var(--tw-bg-opacity));border-color:hsl(var(--bc)/var(--tw-border-opacity));border-radius:var(--rounded-badge,1.9rem);border-width:1px;box-shadow:var(--handleoffsetcalculator) 0 0 2px var(--tglbg) inset,0 0 0 2px var(--tglbg) inset,var(--togglehandleborder);cursor:pointer;flex-shrink:0;height:1.5rem;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition:background,box-shadow var(--animation-input,.2s) ease-in-out;width:3rem}.btm-nav>:where(.active){--tw-bg-opacity:1;background-color:hsl(var(--b1)/var(--tw-bg-opacity));border-top-width:2px}.btm-nav>.disabled,.btm-nav>[disabled]{--tw-border-opacity:0;--tw-bg-opacity:0.1;--tw-text-opacity:0.2;background-color:hsl(var(--n)/var(--tw-bg-opacity));color:hsl(var(--bc)/var(--tw-text-opacity));pointer-events:none}.btm-nav>* .label{font-size:1rem;line-height:1.5rem}@keyframes button-pop{0%{transform:scale(var(--btn-focus-scale,.98))}40%{transform:scale(1.02)}to{transform:scale(1)}}.card :where(figure:first-child){border-end-end-radius:unset;border-end-start-radius:unset;border-start-end-radius:inherit;border-start-start-radius:inherit;overflow:hidden}.card :where(figure:last-child){border-end-end-radius:inherit;border-end-start-radius:inherit;border-start-end-radius:unset;border-start-start-radius:unset;overflow:hidden}.card:focus-visible{outline:2px solid currentColor;outline-offset:2px}.card.bordered{--tw-border-opacity:1;border-color:hsl(var(--b2)/var(--tw-border-opacity));border-width:1px}.card.compact .card-body{font-size:.875rem;line-height:1.25rem;padding:1rem}.card-title{align-items:center;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;line-height:1.75rem}.card.image-full :where(figure){border-radius:inherit;overflow:hidden}.checkbox:focus-visible{outline-color:hsl(var(--bc)/1);outline-offset:2px;outline-style:solid;outline-width:2px}.checkbox:checked,.checkbox[aria-checked=true],.checkbox[checked=true]{--tw-bg-opacity:1;animation:checkmark var(--animation-input,.2s) ease-in-out;background-color:hsl(var(--bc)/var(--tw-bg-opacity));background-image:linear-gradient(-45deg,transparent 65%,hsl(var(--chkbg)) 65.99%),linear-gradient(45deg,transparent 75%,hsl(var(--chkbg)) 75.99%),linear-gradient(-45deg,hsl(var(--chkbg)) 40%,transparent 40.99%),linear-gradient(45deg,hsl(var(--chkbg)) 30%,hsl(var(--chkfg)) 30.99%,hsl(var(--chkfg)) 40%,transparent 40.99%),linear-gradient(-45deg,hsl(var(--chkfg)) 50%,hsl(var(--chkbg)) 50.99%);background-repeat:no-repeat}.checkbox:indeterminate{--tw-bg-opacity:1;animation:checkmark var(--animation-input,.2s) ease-in-out;background-color:hsl(var(--bc)/var(--tw-bg-opacity));background-image:linear-gradient(90deg,transparent 80%,hsl(var(--chkbg)) 80%),linear-gradient(-90deg,transparent 80%,hsl(var(--chkbg)) 80%),linear-gradient(0deg,hsl(var(--chkbg)) 43%,hsl(var(--chkfg)) 43%,hsl(var(--chkfg)) 57%,hsl(var(--chkbg)) 57%);background-repeat:no-repeat}.checkbox:disabled{--tw-bg-opacity:1;background-color:hsl(var(--bc)/var(--tw-bg-opacity));border-color:transparent;cursor:not-allowed;opacity:.2}@keyframes checkmark{0%{background-position-y:5px}50%{background-position-y:-2px}to{background-position-y:0}}[dir=rtl] .checkbox:checked,[dir=rtl] .checkbox[aria-checked=true],[dir=rtl] .checkbox[checked=true]{background-image:linear-gradient(45deg,transparent 65%,hsl(var(--chkbg)) 65.99%),linear-gradient(-45deg,transparent 75%,hsl(var(--chkbg)) 75.99%),linear-gradient(45deg,hsl(var(--chkbg)) 40%,transparent 40.99%),linear-gradient(-45deg,hsl(var(--chkbg)) 30%,hsl(var(--chkfg)) 30.99%,hsl(var(--chkfg)) 40%,transparent 40.99%),linear-gradient(45deg,hsl(var(--chkfg)) 50%,hsl(var(--chkbg)) 50.99%)}.dropdown.dropdown-open .dropdown-content,.dropdown:focus .dropdown-content,.dropdown:focus-within .dropdown-content{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\\!input[list]::-webkit-calendar-picker-indicator{line-height:1em!important}.input[list]::-webkit-calendar-picker-indicator{line-height:1em}.\\!input:focus{outline-color:hsl(var(--bc)/.2)!important;outline-offset:2px!important;outline-style:solid!important;outline-width:2px!important}.input:focus{outline-color:hsl(var(--bc)/.2);outline-offset:2px;outline-style:solid;outline-width:2px}.input-disabled,.input:disabled,.input[disabled]{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:0.2;background-color:hsl(var(--b2)/var(--tw-bg-opacity));border-color:hsl(var(--b2)/var(--tw-border-opacity));cursor:not-allowed}.\\!input:disabled,.\\!input[disabled]{--tw-border-opacity:1!important;--tw-bg-opacity:1!important;--tw-text-opacity:0.2!important;background-color:hsl(var(--b2)/var(--tw-bg-opacity))!important;border-color:hsl(var(--b2)/var(--tw-border-opacity))!important;cursor:not-allowed!important}.input-disabled::-moz-placeholder,.input:disabled::-moz-placeholder,.input[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2;color:hsl(var(--bc)/var(--tw-placeholder-opacity))}.input-disabled::-moz-placeholder, .input:disabled::-moz-placeholder, .input[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2;color:hsl(var(--bc)/var(--tw-placeholder-opacity))}.input-disabled::placeholder,.input:disabled::placeholder,.input[disabled]::placeholder{--tw-placeholder-opacity:0.2;color:hsl(var(--bc)/var(--tw-placeholder-opacity))}.\\!input:disabled::-moz-placeholder,.\\!input[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2!important;color:hsl(var(--bc)/var(--tw-placeholder-opacity))!important}.\\!input:disabled::-moz-placeholder, .\\!input[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2!important;color:hsl(var(--bc)/var(--tw-placeholder-opacity))!important}.\\!input:disabled::placeholder,.\\!input[disabled]::placeholder{--tw-placeholder-opacity:0.2!important;color:hsl(var(--bc)/var(--tw-placeholder-opacity))!important}.join>:where(:not(:first-child)){margin-bottom:0;margin-left:-1px;margin-top:0}.\\!link:focus{outline:2px solid transparent!important;outline-offset:2px!important}.link:focus{outline:2px solid transparent;outline-offset:2px}.\\!link:focus-visible{outline:2px solid currentColor!important;outline-offset:2px!important}.link:focus-visible{outline:2px solid currentColor;outline-offset:2px}.loading{aspect-ratio:1/1;background-color:currentColor;display:inline-block;-webkit-mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' stroke='%23000' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E@keyframes spinner_zKoa{to{transform:rotate(360deg)}}@keyframes spinner_YpZS{0%25{stroke-dasharray:0 150;stroke-dashoffset:0}47.5%25{stroke-dasharray:42 150;stroke-dashoffset:-16}95%25,to{stroke-dasharray:42 150;stroke-dashoffset:-59}}%3C/style%3E%3Cg style='transform-origin:center;animation:spinner_zKoa 2s linear infinite'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' style='stroke-linecap:round;animation:spinner_YpZS 1.5s ease-in-out infinite'/%3E%3C/g%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' stroke='%23000' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E@keyframes spinner_zKoa{to{transform:rotate(360deg)}}@keyframes spinner_YpZS{0%25{stroke-dasharray:0 150;stroke-dashoffset:0}47.5%25{stroke-dasharray:42 150;stroke-dashoffset:-16}95%25,to{stroke-dasharray:42 150;stroke-dashoffset:-59}}%3C/style%3E%3Cg style='transform-origin:center;animation:spinner_zKoa 2s linear infinite'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' style='stroke-linecap:round;animation:spinner_YpZS 1.5s ease-in-out infinite'/%3E%3C/g%3E%3C/svg%3E\");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%;pointer-events:none;width:1.5rem}.menu :where(li:empty){background-color:hsl(var(--bc)/.1);height:1px;margin:.5rem 1rem}.menu :where(li ul):before{background-color:hsl(var(--bc)/.1);bottom:.75rem;content:\"\";left:0;position:absolute;top:.75rem;width:1px}.menu :where(li:not(.menu-title):not(.disabled)>:not(ul):not(details):not(.menu-title)):not(.active).focus,.menu :where(li:not(.menu-title):not(.disabled)>:not(ul):not(details):not(.menu-title)):not(.active):focus,.menu :where(li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):not(.active).focus,.menu :where(li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):not(.active):focus{--tw-text-opacity:1;background-color:hsl(var(--bc)/.1);color:hsl(var(--bc)/var(--tw-text-opacity));cursor:pointer;outline:2px solid transparent;outline-offset:2px}.menu :where(li:not(.menu-title):not(.disabled)>:not(ul):not(details):not(.menu-title)):active,.menu :where(li:not(.menu-title):not(.disabled)>:not(ul):not(details):not(.menu-title)):where(.active),.menu :where(li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):active,.menu :where(li:not(.menu-title):not(.disabled)>details>summary:not(.menu-title)):where(.active){--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--n)/var(--tw-bg-opacity));color:hsl(var(--nc)/var(--tw-text-opacity))}.menu :where(li>details>summary)::-webkit-details-marker{display:none}.menu :where(li>.menu-dropdown-toggle):after,.menu :where(li>details>summary):after{box-shadow:2px 2px;content:\"\";display:block;height:.5rem;justify-self:end;margin-top:-.5rem;pointer-events:none;transform:rotate(45deg);transform-origin:75% 75%;transition-duration:.3s;transition-property:transform,margin-top;transition-timing-function:cubic-bezier(.4,0,.2,1);width:.5rem}.menu :where(li>.menu-dropdown-toggle.menu-dropdown-show):after,.menu :where(li>details[open]>summary):after{margin-top:0;transform:rotate(225deg)}.menu .menu-title{color:hsl(var(--bc)/.4);font-size:.875rem;font-weight:700;line-height:1.25rem;padding:.5rem 1rem}.mockup-phone .camera{background:#000;border-bottom-left-radius:17px;border-bottom-right-radius:17px;height:25px;left:0;margin:0 auto;position:relative;top:0;width:150px;z-index:11}.mockup-phone .camera:before{background-color:#0c0b0e;border-radius:5px;content:\"\";height:4px;left:50%;position:absolute;top:35%;transform:translate(-50%,-50%);width:50px}.mockup-phone .camera:after{background-color:#0f0b25;border-radius:5px;content:\"\";height:8px;left:70%;position:absolute;top:20%;width:8px}.mockup-phone .display{border-radius:40px;margin-top:-25px;overflow:hidden}.modal::backdrop{background:transparent}.modal-backdrop{align-self:stretch;color:transparent;display:grid;grid-column-start:1;grid-row-start:1;justify-self:stretch;z-index:-1}.modal-open .modal-box,.modal-toggle:checked+.modal .modal-box,.modal:target .modal-box,.modal[open] .modal-box{--tw-translate-y:0px;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.progress::-moz-progress-bar{--tw-bg-opacity:1;background-color:hsl(var(--n)/var(--tw-bg-opacity))}.progress:indeterminate:after{--tw-bg-opacity:1;animation:progress-loading 5s ease-in-out infinite;background-color:hsl(var(--n)/var(--tw-bg-opacity));border-radius:var(--rounded-box,1rem);bottom:0;content:\"\";left:-40%;position:absolute;top:0;width:33.333333%}.progress::-webkit-progress-bar{--tw-bg-opacity:0.2;background-color:hsl(var(--n)/var(--tw-bg-opacity));border-radius:var(--rounded-box,1rem)}.progress::-webkit-progress-value{--tw-bg-opacity:1;background-color:hsl(var(--nf)/var(--tw-bg-opacity));border-radius:var(--rounded-box,1rem)}@keyframes progress-loading{50%{left:107%}}.radio:focus-visible{outline-color:hsl(var(--bc)/1);outline-offset:2px;outline-style:solid;outline-width:2px}.radio:checked,.radio[aria-checked=true]{--tw-bg-opacity:1;animation:radiomark var(--animation-input,.2s) ease-in-out;background-color:hsl(var(--bc)/var(--tw-bg-opacity));box-shadow:0 0 0 4px hsl(var(--b1)) inset,0 0 0 4px hsl(var(--b1)) inset}.radio:disabled{cursor:not-allowed;opacity:.2}@keyframes radiomark{0%{box-shadow:0 0 0 12px hsl(var(--b1)) inset,0 0 0 12px hsl(var(--b1)) inset}50%{box-shadow:0 0 0 3px hsl(var(--b1)) inset,0 0 0 3px hsl(var(--b1)) inset}to{box-shadow:0 0 0 4px hsl(var(--b1)) inset,0 0 0 4px hsl(var(--b1)) inset}}.range:focus-visible::-webkit-slider-thumb{--focus-shadow:0 0 0 6px hsl(var(--b1)) inset,0 0 0 2rem hsl(var(--range-shdw)) inset}.range:focus-visible::-moz-range-thumb{--focus-shadow:0 0 0 6px hsl(var(--b1)) inset,0 0 0 2rem hsl(var(--range-shdw)) inset}.range::-webkit-slider-runnable-track{background-color:hsl(var(--bc)/.1);border-radius:var(--rounded-box,1rem);height:.5rem;width:100%}.range::-moz-range-track{background-color:hsl(var(--bc)/.1);border-radius:var(--rounded-box,1rem);height:.5rem;width:100%}.range::-webkit-slider-thumb{--tw-bg-opacity:1;--filler-size:100rem;--filler-offset:0.6rem;appearance:none;-webkit-appearance:none;background-color:hsl(var(--b1)/var(--tw-bg-opacity));border-radius:var(--rounded-box,1rem);border-style:none;box-shadow:0 0 0 3px hsl(var(--range-shdw)) inset,var(--focus-shadow,0 0),calc(var(--filler-size)*-1 - var(--filler-offset)) 0 0 var(--filler-size);color:hsl(var(--range-shdw));height:1.5rem;position:relative;top:50%;transform:translateY(-50%);width:1.5rem}.range::-moz-range-thumb{--tw-bg-opacity:1;--filler-size:100rem;--filler-offset:0.5rem;background-color:hsl(var(--b1)/var(--tw-bg-opacity));border-radius:var(--rounded-box,1rem);border-style:none;box-shadow:0 0 0 3px hsl(var(--range-shdw)) inset,var(--focus-shadow,0 0),calc(var(--filler-size)*-1 - var(--filler-offset)) 0 0 var(--filler-size);color:hsl(var(--range-shdw));height:1.5rem;position:relative;top:50%;width:1.5rem}@keyframes rating-pop{0%{transform:translateY(-.125em)}40%{transform:translateY(-.125em)}to{transform:translateY(0)}}.select-bordered{--tw-border-opacity:0.2}.select:focus{outline-color:hsl(var(--bc)/.2);outline-offset:2px;outline-style:solid;outline-width:2px}.select-disabled,.select:disabled,.select[disabled]{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:0.2;background-color:hsl(var(--b2)/var(--tw-bg-opacity));border-color:hsl(var(--b2)/var(--tw-border-opacity));cursor:not-allowed}.select-disabled::-moz-placeholder,.select:disabled::-moz-placeholder,.select[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2;color:hsl(var(--bc)/var(--tw-placeholder-opacity))}.select-disabled::-moz-placeholder, .select:disabled::-moz-placeholder, .select[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2;color:hsl(var(--bc)/var(--tw-placeholder-opacity))}.select-disabled::placeholder,.select:disabled::placeholder,.select[disabled]::placeholder{--tw-placeholder-opacity:0.2;color:hsl(var(--bc)/var(--tw-placeholder-opacity))}.select-multiple,.select[multiple],.select[size].select:not([size=\"1\"]){background-image:none;padding-right:1rem}[dir=rtl] .select{background-position:12px calc(1px + 50%),16px calc(1px + 50%)}:where(.stats)>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;--tw-divide-y-reverse:0;border-width:calc(0px*(1 - var(--tw-divide-y-reverse))) calc(1px*var(--tw-divide-x-reverse)) calc(0px*var(--tw-divide-y-reverse)) calc(1px*(1 - var(--tw-divide-x-reverse)))}.steps .step:before{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--b3)/var(--tw-bg-opacity));color:hsl(var(--bc)/var(--tw-text-opacity));content:\"\";grid-column-start:1;grid-row-start:1;height:.5rem;margin-left:-100%;top:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:100%}.steps .\\!step:before{--tw-bg-opacity:1!important;--tw-text-opacity:1!important;background-color:hsl(var(--b3)/var(--tw-bg-opacity))!important;color:hsl(var(--bc)/var(--tw-text-opacity))!important;content:\"\"!important;grid-column-start:1!important;grid-row-start:1!important;height:.5rem!important;margin-left:-100%!important;top:0!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important;width:100%!important}.steps .step:after{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--b3)/var(--tw-bg-opacity));border-radius:9999px;color:hsl(var(--bc)/var(--tw-text-opacity));content:counter(step);counter-increment:step;display:grid;grid-column-start:1;grid-row-start:1;height:2rem;place-items:center;place-self:center;position:relative;width:2rem;z-index:1}.steps .\\!step:after{--tw-bg-opacity:1!important;--tw-text-opacity:1!important;background-color:hsl(var(--b3)/var(--tw-bg-opacity))!important;border-radius:9999px!important;color:hsl(var(--bc)/var(--tw-text-opacity))!important;content:counter(step)!important;counter-increment:step!important;display:grid!important;grid-column-start:1!important;grid-row-start:1!important;height:2rem!important;place-items:center!important;place-self:center!important;position:relative!important;width:2rem!important;z-index:1!important}.steps .step:first-child:before{content:none}.steps .\\!step:first-child:before{content:none!important}.steps .step[data-content]:after{content:attr(data-content)}.steps .\\!step[data-content]:after{content:attr(data-content)!important}.steps .step-neutral+.step-neutral:before,.steps .step-neutral:after{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--n)/var(--tw-bg-opacity));color:hsl(var(--nc)/var(--tw-text-opacity))}.steps .step-primary+.step-primary:before,.steps .step-primary:after{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--p)/var(--tw-bg-opacity));color:hsl(var(--pc)/var(--tw-text-opacity))}.steps .step-secondary+.step-secondary:before,.steps .step-secondary:after{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--s)/var(--tw-bg-opacity));color:hsl(var(--sc)/var(--tw-text-opacity))}.steps .step-accent+.step-accent:before,.steps .step-accent:after{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:hsl(var(--a)/var(--tw-bg-opacity));color:hsl(var(--ac)/var(--tw-text-opacity))}.steps .step-info+.step-info:before,.steps .step-info:after{--tw-bg-opacity:1;background-color:hsl(var(--in)/var(--tw-bg-opacity))}.steps .step-info:after{--tw-text-opacity:1;color:hsl(var(--inc)/var(--tw-text-opacity))}.steps .step-success+.step-success:before,.steps .step-success:after{--tw-bg-opacity:1;background-color:hsl(var(--su)/var(--tw-bg-opacity))}.steps .step-success:after{--tw-text-opacity:1;color:hsl(var(--suc)/var(--tw-text-opacity))}.steps .step-warning+.step-warning:before,.steps .step-warning:after{--tw-bg-opacity:1;background-color:hsl(var(--wa)/var(--tw-bg-opacity))}.steps .step-warning:after{--tw-text-opacity:1;color:hsl(var(--wac)/var(--tw-text-opacity))}.steps .step-error+.step-error:before,.steps .step-error:after{--tw-bg-opacity:1;background-color:hsl(var(--er)/var(--tw-bg-opacity))}.steps .step-error:after{--tw-text-opacity:1;color:hsl(var(--erc)/var(--tw-text-opacity))}.tab.tab-active:not(.tab-disabled):not([disabled]){--tw-border-opacity:1;--tw-text-opacity:1;border-color:hsl(var(--bc)/var(--tw-border-opacity))}.tab:focus{outline:2px solid transparent;outline-offset:2px}.tab:focus-visible{outline:2px solid currentColor;outline-offset:-3px}.tab:focus-visible.tab-lifted{border-bottom-left-radius:var(--tab-radius,.5rem);border-bottom-right-radius:var(--tab-radius,.5rem)}.tab-disabled,.tab[disabled]{--tw-text-opacity:0.2;color:hsl(var(--bc)/var(--tw-text-opacity));cursor:not-allowed}.tabs-boxed .tab{border-radius:var(--rounded-btn,.5rem)}.table :where(th,td){padding:.75rem 1rem;vertical-align:middle}.table tr.active,.table tr.active:nth-child(2n),.table-zebra tbody tr:nth-child(2n){--tw-bg-opacity:1;background-color:hsl(var(--b2)/var(--tw-bg-opacity))}.table-zebra tr.active,.table-zebra tr.active:nth-child(2n),.table-zebra-zebra tbody tr:nth-child(2n){--tw-bg-opacity:1;background-color:hsl(var(--b3)/var(--tw-bg-opacity))}.table :where(thead,tbody) :where(tr:first-child:last-child),.table :where(thead,tbody) :where(tr:not(:last-child)){--tw-border-opacity:1;border-bottom-color:hsl(var(--b2)/var(--tw-border-opacity));border-bottom-width:1px}.table :where(thead,tfoot){color:hsl(var(--bc)/.6);font-size:.75rem;font-weight:700;line-height:1rem;white-space:nowrap}.textarea:focus{outline-color:hsl(var(--bc)/.2);outline-offset:2px;outline-style:solid;outline-width:2px}.textarea-disabled,.textarea:disabled,.textarea[disabled]{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:0.2;background-color:hsl(var(--b2)/var(--tw-bg-opacity));border-color:hsl(var(--b2)/var(--tw-border-opacity));cursor:not-allowed}.textarea-disabled::-moz-placeholder,.textarea:disabled::-moz-placeholder,.textarea[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2;color:hsl(var(--bc)/var(--tw-placeholder-opacity))}.textarea-disabled::-moz-placeholder, .textarea:disabled::-moz-placeholder, .textarea[disabled]::-moz-placeholder{--tw-placeholder-opacity:0.2;color:hsl(var(--bc)/var(--tw-placeholder-opacity))}.textarea-disabled::placeholder,.textarea:disabled::placeholder,.textarea[disabled]::placeholder{--tw-placeholder-opacity:0.2;color:hsl(var(--bc)/var(--tw-placeholder-opacity))}.toast>*{animation:toast-pop .25s ease-out}@keyframes toast-pop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}[dir=rtl] .toggle{--handleoffsetcalculator:calc(var(--handleoffset)*1)}.toggle:focus-visible{outline-color:hsl(var(--bc)/.2);outline-offset:2px;outline-style:solid;outline-width:2px}.toggle:checked,.toggle[aria-checked=true],.toggle[checked=true]{--handleoffsetcalculator:var(--handleoffset);--tw-border-opacity:1;--tw-bg-opacity:1}[dir=rtl] .toggle:checked,[dir=rtl] .toggle[aria-checked=true],[dir=rtl] .toggle[checked=true]{--handleoffsetcalculator:calc(var(--handleoffset)*-1)}.toggle:indeterminate{--tw-border-opacity:1;--tw-bg-opacity:1;box-shadow:calc(var(--handleoffset)/2) 0 0 2px var(--tglbg) inset,calc(var(--handleoffset)/-2) 0 0 2px var(--tglbg) inset,0 0 0 2px var(--tglbg) inset}[dir=rtl] .toggle:indeterminate{box-shadow:calc(var(--handleoffset)/2) 0 0 2px var(--tglbg) inset,calc(var(--handleoffset)/-2) 0 0 2px var(--tglbg) inset,0 0 0 2px var(--tglbg) inset}.toggle:disabled{--tw-border-opacity:1;--togglehandleborder:0 0 0 3px hsl(var(--bc)) inset,var(--handleoffsetcalculator) 0 0 3px hsl(var(--bc)) inset;background-color:transparent;border-color:hsl(var(--bc)/var(--tw-border-opacity));cursor:not-allowed;opacity:.3}.tooltip.tooltip-primary{--tooltip-color:hsl(var(--p));--tooltip-text-color:hsl(var(--pc))}.tooltip.tooltip-secondary{--tooltip-color:hsl(var(--s));--tooltip-text-color:hsl(var(--sc))}.tooltip.tooltip-accent{--tooltip-color:hsl(var(--a));--tooltip-text-color:hsl(var(--ac))}.tooltip.tooltip-info{--tooltip-color:hsl(var(--in));--tooltip-text-color:hsl(var(--inc))}.tooltip.tooltip-success{--tooltip-color:hsl(var(--su));--tooltip-text-color:hsl(var(--suc))}.tooltip.tooltip-warning{--tooltip-color:hsl(var(--wa));--tooltip-text-color:hsl(var(--wac))}.tooltip.tooltip-error{--tooltip-color:hsl(var(--er));--tooltip-text-color:hsl(var(--erc))}.btm-nav-xs>:where(.active){border-top-width:1px}.btm-nav-sm>:where(.active){border-top-width:2px}.btm-nav-md>:where(.active){border-top-width:2px}.btm-nav-lg>:where(.active){border-top-width:4px}.join.join-vertical{flex-direction:column}.join.join-vertical .join-item:first-child:not(:last-child),.join.join-vertical :first-child:not(:last-child) .join-item{border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:inherit;border-top-right-radius:inherit}.join.join-vertical .join-item:last-child:not(:first-child),.join.join-vertical :last-child:not(:first-child) .join-item{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;border-top-left-radius:0;border-top-right-radius:0}.join.join-horizontal{flex-direction:row}.join.join-horizontal .join-item:first-child:not(:last-child),.join.join-horizontal :first-child:not(:last-child) .join-item{border-bottom-left-radius:inherit;border-bottom-right-radius:0;border-top-left-radius:inherit;border-top-right-radius:0}.join.join-horizontal .join-item:last-child:not(:first-child),.join.join-horizontal :last-child:not(:first-child) .join-item{border-bottom-left-radius:0;border-bottom-right-radius:inherit;border-top-left-radius:0;border-top-right-radius:inherit}.modal-middle{place-items:center}.steps-horizontal .\\!step{display:grid!important;grid-template-columns:repeat(1,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;place-items:center!important;text-align:center!important}.steps-horizontal .step{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));place-items:center;text-align:center}.steps-vertical .\\!step{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:repeat(1,minmax(0,1fr))!important}.steps-vertical .step{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(1,minmax(0,1fr))}:where(.toast){--tw-translate-x:0px;--tw-translate-y:0px;bottom:0;left:auto;right:0;top:auto;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.toast:where(.toast-start){--tw-translate-x:0px;left:0;right:auto;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.toast:where(.toast-center){--tw-translate-x:-50%;left:50%;right:50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.toast:where(.toast-end){--tw-translate-x:0px;left:auto;right:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.toast:where(.toast-bottom){--tw-translate-y:0px;bottom:0;top:auto;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.toast:where(.toast-middle){--tw-translate-y:-50%;bottom:auto;top:50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.toast:where(.toast-top){--tw-translate-y:0px;bottom:auto;top:0;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.tooltip{--tooltip-offset:calc(100% + 1px + var(--tooltip-tail, 0px))}.tooltip:before{--tw-content:attr(data-tip);content:var(--tw-content);pointer-events:none;position:absolute;z-index:1}.tooltip-top:before,.tooltip:before{bottom:var(--tooltip-offset);left:50%;right:auto;top:auto;transform:translateX(-50%)}.card-compact .card-body{font-size:.875rem;line-height:1.25rem;padding:1rem}.card-compact .card-title{margin-bottom:.25rem}.card-normal .card-body{font-size:1rem;line-height:1.5rem;padding:var(--padding-card,2rem)}.card-normal .card-title{margin-bottom:.75rem}.join.join-vertical>:where(:not(:first-child)){margin-left:0;margin-right:0;margin-top:-1px}.join.join-horizontal>:where(:not(:first-child)){margin-bottom:0;margin-left:-1px;margin-top:0}.modal-top :where(.modal-box){--tw-translate-y:-2.5rem;--tw-scale-x:1;--tw-scale-y:1;border-bottom-left-radius:var(--rounded-box,1rem);border-bottom-right-radius:var(--rounded-box,1rem);border-top-left-radius:0;border-top-right-radius:0;max-width:none;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:100%}.modal-middle :where(.modal-box){--tw-translate-y:0px;--tw-scale-x:.9;--tw-scale-y:.9;border-bottom-left-radius:var(--rounded-box,1rem);border-bottom-right-radius:var(--rounded-box,1rem);border-top-left-radius:var(--rounded-box,1rem);border-top-right-radius:var(--rounded-box,1rem);max-width:32rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:91.666667%}.modal-bottom :where(.modal-box){--tw-translate-y:2.5rem;--tw-scale-x:1;--tw-scale-y:1;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:var(--rounded-box,1rem);border-top-right-radius:var(--rounded-box,1rem);max-width:none;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:100%}.steps-horizontal .\\!step{grid-template-columns:auto!important;grid-template-rows:40px 1fr!important;min-width:4rem!important}.steps-horizontal .step{grid-template-columns:auto;grid-template-rows:40px 1fr;min-width:4rem}.steps-horizontal .\\!step:before{--tw-translate-y:0px!important;--tw-translate-x:0px!important;content:\"\"!important;height:.5rem!important;margin-left:-100%!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important;width:100%!important}.steps-horizontal .step:before{--tw-translate-y:0px;--tw-translate-x:0px;content:\"\";height:.5rem;margin-left:-100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:100%}.steps-vertical .\\!step{gap:.5rem!important;grid-template-columns:40px 1fr!important;grid-template-rows:auto!important;justify-items:start!important;min-height:4rem!important}.steps-vertical .step{gap:.5rem;grid-template-columns:40px 1fr;grid-template-rows:auto;justify-items:start;min-height:4rem}.steps-vertical .\\!step:before{--tw-translate-y:-50%!important;--tw-translate-x:-50%!important;height:100%!important;margin-left:50%!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important;width:.5rem!important}.steps-vertical .step:before{--tw-translate-y:-50%;--tw-translate-x:-50%;height:100%;margin-left:50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));width:.5rem}[dir=rtl] .steps-vertical .\\!step:before{margin-right:auto!important}[dir=rtl] .steps-vertical .step:before{margin-right:auto}.tooltip{--tooltip-tail:0.1875rem;--tooltip-color:hsl(var(--n));--tooltip-text-color:hsl(var(--nc));--tooltip-tail-offset:calc(100% + 0.0625rem - var(--tooltip-tail));display:inline-block;position:relative;text-align:center}.tooltip:after,.tooltip:before{opacity:0;transition-delay:.1s;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.tooltip:after{border-style:solid;border-width:var(--tooltip-tail,0);content:\"\";display:block;height:0;position:absolute;width:0}.tooltip:before{background-color:var(--tooltip-color);border-radius:.25rem;color:var(--tooltip-text-color);font-size:.875rem;line-height:1.25rem;max-width:20rem;padding:.25rem .5rem;width:-moz-max-content;width:max-content}.tooltip.tooltip-open:after,.tooltip.tooltip-open:before,.tooltip:hover:after,.tooltip:hover:before{opacity:1;transition-delay:75ms}.tooltip:has(:focus-visible):after,.tooltip:has(:focus-visible):before{opacity:1;transition-delay:75ms}.tooltip:not([data-tip]):hover:after,.tooltip:not([data-tip]):hover:before{opacity:0;visibility:hidden}.tooltip-top:after,.tooltip:after{border-color:var(--tooltip-color) transparent transparent transparent;bottom:var(--tooltip-tail-offset);left:50%;right:auto;top:auto;transform:translateX(-50%)}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.\\!visible{visibility:visible!important}.visible{visibility:visible}.static{position:static}.\\!absolute{position:absolute!important}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.bottom-0{bottom:0}.bottom-\\[10px\\]{bottom:10px}.bottom-\\[40px\\]{bottom:40px}.left-0{left:0}.left-1{left:.25rem}.left-2\\/4{left:50%}.left-4{left:1rem}.left-5{left:1.25rem}.left-\\[60px\\]{left:60px}.right-0{right:0}.right-1{right:.25rem}.right-\\[0\\.6875rem\\]{right:.6875rem}.top-0{top:0}.top-1{top:.25rem}.top-1\\/2{top:50%}.top-11{top:2.75rem}.top-\\[0\\.6875rem\\]{top:.6875rem}.top-\\[25vh\\]{top:25vh}.top-\\[42\\%\\]{top:42%}.z-0{z-index:0}.z-10{z-index:10}.z-\\[7\\]{z-index:7}.float-right{float:right}.float-left{float:left}.m-0{margin:0}.m-2{margin:.5rem}.m-\\[20px\\]{margin:20px}.m-\\[auto\\],.m-auto{margin:auto}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-5{margin-left:1.25rem;margin-right:1.25rem}.mx-\\[20px\\]{margin-left:20px;margin-right:20px}.my-1{margin-bottom:.25rem;margin-top:.25rem}.my-3{margin-bottom:.75rem;margin-top:.75rem}.my-4{margin-bottom:1rem;margin-top:1rem}.my-\\[16px\\]{margin-bottom:16px;margin-top:16px}.\\!mb-\\[14\\.5px\\]{margin-bottom:14.5px!important}.\\!mr-\\[auto\\]{margin-right:auto!important}.-mr-0{margin-right:0}.-mr-0\\.5{margin-right:-.125rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-\\[1\\.25rem\\]{margin-bottom:1.25rem}.mb-\\[12px\\]{margin-bottom:12px}.mb-\\[16\\.5px\\]{margin-bottom:16.5px}.mb-\\[1rem\\]{margin-bottom:1rem}.mb-\\[8\\.5px\\]{margin-bottom:8.5px}.ml-0{margin-left:0}.ml-2{margin-left:.5rem}.ml-\\[33px\\]{margin-left:33px}.ml-\\[36px\\]{margin-left:36px}.ml-\\[auto\\]{margin-left:auto}.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}.mr-\\[10px\\]{margin-right:10px}.mr-\\[16px\\]{margin-right:16px}.mr-\\[1rem\\]{margin-right:1rem}.mr-\\[24px\\]{margin-right:24px}.mr-\\[auto\\]{margin-right:auto}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-\\[1\\.875rem\\]{margin-top:1.875rem}.mt-\\[12px\\]{margin-top:12px}.mt-\\[13px\\]{margin-top:13px}.mt-\\[14px\\]{margin-top:14px}.mt-\\[17px\\]{margin-top:17px}.mt-\\[26px\\]{margin-top:26px}.mt-\\[30px\\]{margin-top:30px}.mt-\\[50px\\]{margin-top:50px}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.grid{display:grid}.contents{display:contents}.hidden{display:none}.\\!h-\\[40px\\]{height:40px!important}.h-10{height:2.5rem}.h-16{height:4rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-8{height:2rem}.h-\\[1\\.5rem\\]{height:1.5rem}.h-\\[1\\.875rem\\]{height:1.875rem}.h-\\[100\\%\\]{height:100%}.h-\\[100vh\\]{height:100vh}.h-\\[125px\\]{height:125px}.h-\\[1rem\\]{height:1rem}.h-\\[220px\\]{height:220px}.h-\\[24px\\]{height:24px}.h-\\[30px\\]{height:30px}.h-\\[35px\\]{height:35px}.h-\\[3rem\\]{height:3rem}.h-\\[40px\\]{height:40px}.h-\\[40vh\\]{height:40vh}.h-\\[42vh\\]{height:42vh}.h-\\[45px\\]{height:45px}.h-\\[48px\\]{height:48px}.h-\\[50vh\\]{height:50vh}.h-\\[5rem\\]{height:5rem}.h-\\[6\\.25rem\\]{height:6.25rem}.h-\\[65vh\\]{height:65vh}.h-\\[80px\\]{height:80px}.h-\\[88vh\\]{height:88vh}.h-\\[auto\\]{height:auto}.h-\\[unset\\]{height:unset}.h-full{height:100%}.h-max{height:-moz-max-content;height:max-content}.h-screen{height:100vh}.\\!max-h-\\[31\\.25rem\\]{max-height:31.25rem!important}.max-h-60{max-height:15rem}.max-h-\\[140px\\]{max-height:140px}.max-h-\\[15\\.4375rem\\]{max-height:15.4375rem}.max-h-\\[3\\.75rem\\]{max-height:3.75rem}.max-h-\\[51vh\\]{max-height:51vh}.max-h-screen{max-height:100vh}.min-h-\\[140px\\]{min-height:140px}.min-h-\\[7\\.5rem\\]{min-height:7.5rem}.w-1\\/2{width:50%}.w-10{width:2.5rem}.w-14{width:3.5rem}.w-40{width:10rem}.w-5{width:1.25rem}.w-9{width:2.25rem}.w-\\[1\\.875rem\\]{width:1.875rem}.w-\\[100\\%\\]{width:100%}.w-\\[10vw\\]{width:10vw}.w-\\[13rem\\]{width:13rem}.w-\\[145px\\]{width:145px}.w-\\[160px\\]{width:160px}.w-\\[1px\\]{width:1px}.w-\\[210px\\]{width:210px}.w-\\[21rem\\]{width:21rem}.w-\\[30px\\]{width:30px}.w-\\[40px\\]{width:40px}.w-\\[40vw\\]{width:40vw}.w-\\[45px\\]{width:45px}.w-\\[5rem\\]{width:5rem}.w-\\[6\\.25rem\\]{width:6.25rem}.w-\\[7\\.5rem\\]{width:7.5rem}.w-\\[70\\%\\]{width:70%}.w-\\[80\\%\\]{width:80%}.w-\\[80px\\]{width:80px}.w-\\[90\\%\\]{width:90%}.w-\\[9rem\\]{width:9rem}.w-auto{width:auto}.w-full{width:100%}.min-w-0{min-width:0}.min-w-\\[140px\\]{min-width:140px}.max-w-\\[140px\\]{max-width:140px}.max-w-\\[220px\\]{max-width:220px}.max-w-\\[37\\.125rem\\]{max-width:37.125rem}.max-w-\\[73\\%\\]{max-width:73%}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.grow-0{flex-grow:0}.origin-bottom-left{transform-origin:bottom left}.origin-top-right{transform-origin:top right}.-translate-x-2\\/4{--tw-translate-x:-50%}.-translate-x-2\\/4,.-translate-y-1\\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%}.-translate-y-\\[30\\%\\]{--tw-translate-y:-30%}.-translate-y-\\[30\\%\\],.rotate-45{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate:45deg}.\\!transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.place-content-start{place-content:start}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-3\\.5{gap:.875rem}.gap-4{gap:1rem}.gap-\\[0\\.4375rem\\]{gap:.4375rem}.gap-\\[0\\.5rem\\]{gap:.5rem}.gap-\\[0\\.6875rem\\]{gap:.6875rem}.gap-\\[1\\.5625rem\\]{gap:1.5625rem}.gap-\\[1\\.625rem\\]{gap:1.625rem}.gap-\\[1\\.75rem\\]{gap:1.75rem}.gap-\\[19px\\]{gap:19px}.gap-\\[24px\\]{gap:24px}.gap-\\[2vw\\]{gap:2vw}.gap-\\[31\\.5px\\]{gap:31.5px}.gap-\\[5px\\]{gap:5px}.gap-\\[8px\\]{gap:8px}.gap-x-\\[0\\.8125rem\\]{-moz-column-gap:.8125rem;column-gap:.8125rem}.gap-x-\\[0\\.875rem\\]{-moz-column-gap:.875rem;column-gap:.875rem}.gap-x-\\[15px\\]{-moz-column-gap:15px;column-gap:15px}.gap-x-\\[1rem\\]{-moz-column-gap:1rem;column-gap:1rem}.gap-y-3{row-gap:.75rem}.gap-y-3\\.5{row-gap:.875rem}.gap-y-5{row-gap:1.25rem}.gap-y-\\[0\\.3125rem\\]{row-gap:.3125rem}.gap-y-\\[12px\\]{row-gap:12px}.gap-y-\\[1rem\\]{row-gap:1rem}.space-x-5>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.25rem*var(--tw-space-x-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.self-start{align-self:flex-start}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.break-all{word-break:break-all}.\\!rounded-full{border-radius:9999px!important}.\\!rounded-none{border-radius:0!important}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-none{border-radius:0}.border{border-width:1px}.border-2{border-width:2px}.border-\\[1px\\]{border-width:1px}.border-b,.border-b-\\[1px\\]{border-bottom-width:1px}.border-r-\\[1px\\]{border-right-width:1px}.border-t{border-top-width:1px}.border-solid{border-style:solid}.border-dashed{border-style:dashed}.border-none{border-style:none}.\\!border-\\[\\#ebebeb\\]{--tw-border-opacity:1!important;border-color:rgb(235 235 235/var(--tw-border-opacity))!important}.border-\\[\\#353535\\]{--tw-border-opacity:1;border-color:rgb(53 53 53/var(--tw-border-opacity))}.border-\\[\\#5d5d5d\\]{--tw-border-opacity:1;border-color:rgb(93 93 93/var(--tw-border-opacity))}.border-\\[\\#707070\\]{--tw-border-opacity:1;border-color:rgb(112 112 112/var(--tw-border-opacity))}.border-\\[\\#9A9A9A\\]{--tw-border-opacity:1;border-color:rgb(154 154 154/var(--tw-border-opacity))}.border-\\[\\#BEBEBE\\]{--tw-border-opacity:1;border-color:rgb(190 190 190/var(--tw-border-opacity))}.border-\\[\\#D6D6D6\\]{--tw-border-opacity:1;border-color:rgb(214 214 214/var(--tw-border-opacity))}.border-\\[\\#D7D7D7\\]{--tw-border-opacity:1;border-color:rgb(215 215 215/var(--tw-border-opacity))}.border-\\[\\#E11938\\]{--tw-border-opacity:1;border-color:rgb(225 25 56/var(--tw-border-opacity))}.border-\\[\\#E11A38\\]{--tw-border-opacity:1;border-color:rgb(225 26 56/var(--tw-border-opacity))}.border-\\[\\#EBEBEB\\]{--tw-border-opacity:1;border-color:rgb(235 235 235/var(--tw-border-opacity))}.border-\\[\\#ECEBED\\]{--tw-border-opacity:1;border-color:rgb(236 235 237/var(--tw-border-opacity))}.border-\\[\\#F4F4F4\\]{--tw-border-opacity:1;border-color:rgb(244 244 244/var(--tw-border-opacity))}.border-\\[\\#FCE8EB\\]{--tw-border-opacity:1;border-color:rgb(252 232 235/var(--tw-border-opacity))}.border-\\[\\#bebebe\\]{--tw-border-opacity:1;border-color:rgb(190 190 190/var(--tw-border-opacity))}.border-\\[\\#c2c2c2\\]{--tw-border-opacity:1;border-color:rgb(194 194 194/var(--tw-border-opacity))}.border-\\[\\#e0e0e0\\]{--tw-border-opacity:1;border-color:rgb(224 224 224/var(--tw-border-opacity))}.border-\\[\\#e11a38\\]{--tw-border-opacity:1;border-color:rgb(225 26 56/var(--tw-border-opacity))}.border-\\[\\#e5e5e5\\]{--tw-border-opacity:1;border-color:rgb(229 229 229/var(--tw-border-opacity))}.border-\\[\\#ebebeb\\]{--tw-border-opacity:1;border-color:rgb(235 235 235/var(--tw-border-opacity))}.border-\\[\\#ecebed\\]{--tw-border-opacity:1;border-color:rgb(236 235 237/var(--tw-border-opacity))}.border-\\[\\#f4f4f4\\]{--tw-border-opacity:1;border-color:rgb(244 244 244/var(--tw-border-opacity))}.border-\\[black\\]{--tw-border-opacity:1;border-color:rgb(0 0 0/var(--tw-border-opacity))}.border-\\[red\\]{--tw-border-opacity:1;border-color:rgb(255 0 0/var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity))}.border-indigo-600{--tw-border-opacity:1;border-color:rgb(79 70 229/var(--tw-border-opacity))}.border-slate-500{--tw-border-opacity:1;border-color:rgb(100 116 139/var(--tw-border-opacity))}.border-b-\\[\\#EBEBEB\\]{--tw-border-opacity:1;border-bottom-color:rgb(235 235 235/var(--tw-border-opacity))}.border-r-\\[\\#D7D7D7\\]{--tw-border-opacity:1;border-right-color:rgb(215 215 215/var(--tw-border-opacity))}.border-t-\\[\\#EBEBEB\\]{--tw-border-opacity:1;border-top-color:rgb(235 235 235/var(--tw-border-opacity))}.\\!bg-\\[\\#ffffff\\]{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.\\!bg-transparent{background-color:transparent!important}.bg-\\[\\#00000046\\]{background-color:#00000046}.bg-\\[\\#010101\\]{--tw-bg-opacity:1;background-color:rgb(1 1 1/var(--tw-bg-opacity))}.bg-\\[\\#353535\\]{--tw-bg-opacity:1;background-color:rgb(53 53 53/var(--tw-bg-opacity))}.bg-\\[\\#BBBBBB\\]{--tw-bg-opacity:1;background-color:rgb(187 187 187/var(--tw-bg-opacity))}.bg-\\[\\#D13F42\\]{--tw-bg-opacity:1;background-color:rgb(209 63 66/var(--tw-bg-opacity))}.bg-\\[\\#D5E9FA\\]{--tw-bg-opacity:1;background-color:rgb(213 233 250/var(--tw-bg-opacity))}.bg-\\[\\#D5F2EA\\]{--tw-bg-opacity:1;background-color:rgb(213 242 234/var(--tw-bg-opacity))}.bg-\\[\\#DE802E\\]{--tw-bg-opacity:1;background-color:rgb(222 128 46/var(--tw-bg-opacity))}.bg-\\[\\#E11A38\\]{--tw-bg-opacity:1;background-color:rgb(225 26 56/var(--tw-bg-opacity))}.bg-\\[\\#E21938\\]{--tw-bg-opacity:1;background-color:rgb(226 25 56/var(--tw-bg-opacity))}.bg-\\[\\#E4BB30\\]{--tw-bg-opacity:1;background-color:rgb(228 187 48/var(--tw-bg-opacity))}.bg-\\[\\#F1F1F1\\]{--tw-bg-opacity:1;background-color:rgb(241 241 241/var(--tw-bg-opacity))}.bg-\\[\\#F7F7F7\\]{--tw-bg-opacity:1;background-color:rgb(247 247 247/var(--tw-bg-opacity))}.bg-\\[\\#F8F8F8\\]{--tw-bg-opacity:1;background-color:rgb(248 248 248/var(--tw-bg-opacity))}.bg-\\[\\#FCD7D7\\]{--tw-bg-opacity:1;background-color:rgb(252 215 215/var(--tw-bg-opacity))}.bg-\\[\\#FCE8EB\\]{--tw-bg-opacity:1;background-color:rgb(252 232 235/var(--tw-bg-opacity))}.bg-\\[\\#FFF8E7\\]{--tw-bg-opacity:1;background-color:rgb(255 248 231/var(--tw-bg-opacity))}.bg-\\[\\#FFFFFF\\]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-\\[\\#cf132b\\]{--tw-bg-opacity:1;background-color:rgb(207 19 43/var(--tw-bg-opacity))}.bg-\\[\\#e11a38\\]{--tw-bg-opacity:1;background-color:rgb(225 26 56/var(--tw-bg-opacity))}.bg-\\[\\#f2f2f2\\]{--tw-bg-opacity:1;background-color:rgb(242 242 242/var(--tw-bg-opacity))}.bg-\\[\\#f7f7f7\\]{--tw-bg-opacity:1;background-color:rgb(247 247 247/var(--tw-bg-opacity))}.bg-\\[\\#fce8eb\\]{--tw-bg-opacity:1;background-color:rgb(252 232 235/var(--tw-bg-opacity))}.bg-\\[\\#fff\\],.bg-\\[\\#ffffff\\]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-\\[black\\]{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-base-100{--tw-bg-opacity:1;background-color:hsl(var(--b1)/var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity))}.bg-slate-300{--tw-bg-opacity:1;background-color:rgb(203 213 225/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-cover{background-size:cover}.bg-clip-padding{background-clip:padding-box}.bg-no-repeat{background-repeat:no-repeat}.p-0{padding:0}.p-0\\.5{padding:.125rem}.p-1{padding:.25rem}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-2\\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-\\[16px\\]{padding:16px}.p-\\[30px\\]{padding:30px}.p-\\[50px\\]{padding:50px}.p-\\[9px\\]{padding:9px}.\\!py-\\[11px\\]{padding-bottom:11px!important;padding-top:11px!important}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-\\[0\\.125rem\\]{padding-left:.125rem;padding-right:.125rem}.px-\\[0\\.5rem\\]{padding-left:.5rem;padding-right:.5rem}.px-\\[0\\.75rem\\]{padding-left:.75rem;padding-right:.75rem}.px-\\[1\\.4063rem\\]{padding-left:1.4063rem;padding-right:1.4063rem}.px-\\[110px\\]{padding-left:110px;padding-right:110px}.px-\\[11px\\]{padding-left:11px;padding-right:11px}.px-\\[14\\.5px\\]{padding-left:14.5px;padding-right:14.5px}.px-\\[15px\\]{padding-left:15px;padding-right:15px}.px-\\[1rem\\]{padding-left:1rem;padding-right:1rem}.px-\\[2\\.3125rem\\]{padding-left:2.3125rem;padding-right:2.3125rem}.px-\\[20px\\]{padding-left:20px;padding-right:20px}.px-\\[27\\.85px\\]{padding-left:27.85px;padding-right:27.85px}.px-\\[30px\\]{padding-left:30px;padding-right:30px}.px-\\[36px\\]{padding-left:36px;padding-right:36px}.px-\\[39px\\]{padding-left:39px;padding-right:39px}.px-\\[40px\\]{padding-left:40px;padding-right:40px}.px-\\[80px\\]{padding-left:80px;padding-right:80px}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-\\[0\\.695rem\\]{padding-bottom:.695rem;padding-top:.695rem}.py-\\[0\\.7188rem\\]{padding-bottom:.7188rem;padding-top:.7188rem}.py-\\[0\\.75rem\\]{padding-bottom:.75rem;padding-top:.75rem}.py-\\[0\\.8125rem\\]{padding-bottom:.8125rem;padding-top:.8125rem}.py-\\[1\\.25rem\\]{padding-bottom:1.25rem;padding-top:1.25rem}.py-\\[1\\.8125rem\\]{padding-bottom:1.8125rem;padding-top:1.8125rem}.py-\\[1\\.875rem\\]{padding-bottom:1.875rem;padding-top:1.875rem}.py-\\[10px\\]{padding-bottom:10px;padding-top:10px}.py-\\[11\\.2px\\]{padding-bottom:11.2px;padding-top:11.2px}.py-\\[13px\\]{padding-bottom:13px;padding-top:13px}.py-\\[14px\\]{padding-bottom:14px;padding-top:14px}.py-\\[16px\\]{padding-bottom:16px;padding-top:16px}.py-\\[20px\\]{padding-bottom:20px;padding-top:20px}.py-\\[5px\\]{padding-bottom:5px;padding-top:5px}.py-\\[6px\\]{padding-bottom:6px;padding-top:6px}.py-\\[7px\\]{padding-bottom:7px;padding-top:7px}.\\!pl-\\[17px\\]{padding-left:17px!important}.pb-2{padding-bottom:.5rem}.pb-\\[0\\.3125rem\\]{padding-bottom:.3125rem}.pb-\\[1\\.125rem\\]{padding-bottom:1.125rem}.pb-\\[17px\\]{padding-bottom:17px}.pb-\\[2\\.0938rem\\]{padding-bottom:2.0938rem}.pl-2{padding-left:.5rem}.pl-\\[10px\\]{padding-left:10px}.pl-\\[16px\\]{padding-left:16px}.pl-\\[20px\\]{padding-left:20px}.pr-\\[14px\\]{padding-right:14px}.pr-\\[27px\\]{padding-right:27px}.pr-\\[33px\\]{padding-right:33px}.pr-\\[56px\\]{padding-right:56px}.pt-2{padding-top:.5rem}.pt-\\[0\\.375rem\\]{padding-top:.375rem}.pt-\\[1\\.3438rem\\]{padding-top:1.3438rem}.pt-\\[10px\\]{padding-top:10px}.pt-\\[17px\\]{padding-top:17px}.pt-\\[2\\.5px\\]{padding-top:2.5px}.pt-\\[23px\\]{padding-top:23px}.pt-\\[31px\\]{padding-top:31px}.pt-\\[7px\\]{padding-top:7px}.text-left{text-align:left}.text-center{text-align:center}.align-baseline{vertical-align:baseline}.align-middle{vertical-align:middle}.\\!text-\\[15px\\]{font-size:15px!important}.\\!text-\\[18px\\]{font-size:18px!important}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\\[11px\\]{font-size:11px}.text-\\[12px\\]{font-size:12px}.text-\\[13px\\]{font-size:13px}.text-\\[14px\\]{font-size:14px}.text-\\[15px\\]{font-size:15px}.text-\\[16px\\]{font-size:16px}.text-\\[17px\\]{font-size:17px}.text-\\[18px\\]{font-size:18px}.text-\\[21px\\]{font-size:21px}.text-\\[22px\\]{font-size:22px}.text-\\[25px\\]{font-size:25px}.text-\\[26px\\]{font-size:26px}.text-\\[28px\\]{font-size:28px}.text-\\[30px\\]{font-size:30px}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.\\!font-bold{font-weight:700!important}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.\\!leading-\\[24px\\]{line-height:24px!important}.leading-\\[0\\.8125rem\\]{line-height:.8125rem}.leading-\\[1\\.125rem\\]{line-height:1.125rem}.leading-\\[1\\.25rem\\]{line-height:1.25rem}.leading-\\[1\\.4375rem\\]{line-height:1.4375rem}.leading-\\[16px\\]{line-height:16px}.leading-\\[19px\\]{line-height:19px}.leading-\\[2\\.3125rem\\]{line-height:2.3125rem}.leading-\\[20px\\]{line-height:20px}.leading-\\[23px\\]{line-height:23px}.\\!text-\\[\\#353535\\]{--tw-text-opacity:1!important;color:rgb(53 53 53/var(--tw-text-opacity))!important}.text-\\[\\#353535\\]{--tw-text-opacity:1;color:rgb(53 53 53/var(--tw-text-opacity))}.text-\\[\\#5D5D5D\\],.text-\\[\\#5d5d5d\\]{--tw-text-opacity:1;color:rgb(93 93 93/var(--tw-text-opacity))}.text-\\[\\#707070\\]{--tw-text-opacity:1;color:rgb(112 112 112/var(--tw-text-opacity))}.text-\\[\\#727272\\]{--tw-text-opacity:1;color:rgb(114 114 114/var(--tw-text-opacity))}.text-\\[\\#747474\\]{--tw-text-opacity:1;color:rgb(116 116 116/var(--tw-text-opacity))}.text-\\[\\#9A9A9A\\]{--tw-text-opacity:1;color:rgb(154 154 154/var(--tw-text-opacity))}.text-\\[\\#9f9f9f\\]{--tw-text-opacity:1;color:rgb(159 159 159/var(--tw-text-opacity))}.text-\\[\\#E11938\\]{--tw-text-opacity:1;color:rgb(225 25 56/var(--tw-text-opacity))}.text-\\[\\#E11A38\\]{--tw-text-opacity:1;color:rgb(225 26 56/var(--tw-text-opacity))}.text-\\[\\#E21938\\]{--tw-text-opacity:1;color:rgb(226 25 56/var(--tw-text-opacity))}.text-\\[\\#c2c2c2\\]{--tw-text-opacity:1;color:rgb(194 194 194/var(--tw-text-opacity))}.text-\\[\\#cf132b\\]{--tw-text-opacity:1;color:rgb(207 19 43/var(--tw-text-opacity))}.text-\\[\\#e11a38\\]{--tw-text-opacity:1;color:rgb(225 26 56/var(--tw-text-opacity))}.text-\\[\\#fff\\],.text-\\[\\#ffffff\\]{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.text-lime-400{--tw-text-opacity:1;color:rgb(163 230 53/var(--tw-text-opacity))}.text-orange-300{--tw-text-opacity:1;color:rgb(253 186 116/var(--tw-text-opacity))}.text-orange-400{--tw-text-opacity:1;color:rgb(251 146 60/var(--tw-text-opacity))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.text-slate-300{--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity))}.text-teal-500{--tw-text-opacity:1;color:rgb(20 184 166/var(--tw-text-opacity))}.text-violet-600{--tw-text-opacity:1;color:rgb(124 58 237/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline{text-decoration-line:underline}.\\!shadow-\\[0px_7px_64px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.07\\)\\]{--tw-shadow:0px 7px 64px rgba(0,0,0,.07)!important;--tw-shadow-colored:0px 7px 64px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.\\!shadow-\\[0px_7px_64px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.11\\)\\]{--tw-shadow:0px 7px 64px rgba(0,0,0,.11)!important;--tw-shadow-colored:0px 7px 64px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-\\[0px_3px_6px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.16\\)\\]{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\\[0px_3px_6px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.16\\)\\]{--tw-shadow:0px 3px 6px rgba(0,0,0,.16);--tw-shadow-colored:0px 3px 6px var(--tw-shadow-color)}.shadow-\\[0px_7px_64px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.07\\)\\]{--tw-shadow:0px 7px 64px rgba(0,0,0,.07);--tw-shadow-colored:0px 7px 64px var(--tw-shadow-color)}.shadow-\\[0px_7px_64px_rgba\\(0\\2c 0\\2c 0\\2c 0\\.07\\)\\],.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-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);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-inset{--tw-ring-inset:inset}.ring-\\[\\#E11A38\\]{--tw-ring-opacity:1;--tw-ring-color:rgb(225 26 56/var(--tw-ring-opacity))}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-\\[21px\\]{--tw-backdrop-blur:blur(21px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}@import url(\"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap\");html{font-family:Roboto,sans-serif}.Toastify__toast-container{width:32vw!important}.Toastify__toast{padding:1rem!important}.Toastify__close-button{align-self:center!important}.Toastify__close-button>svg{fill:#707070!important}.Toastify__toast-theme--colored.Toastify__toast--success{background:#ebfbf5!important;border:1px solid #98d6bf;box-shadow:0 0 10px #00000059;color:#353535!important;font-family:Roboto,sans-serif;font-size:14px;font-weight:600}.Toastify__toast-theme--colored.Toastify__toast--success .Toastify__toast-icon>svg{fill:#00c48c!important}.Toastify__toast-theme--colored.Toastify__toast--error{background:#fce8eb!important;border:1px solid #ffd8de;box-shadow:0 0 10px #00000059;color:#353535!important;font-family:Roboto,sans-serif;font-size:14px;font-weight:600}.Toastify__toast-theme--colored.Toastify__toast--error .Toastify__toast-icon>svg{fill:hwb(351 10% 12%)!important;height:100%;width:100%}.Toastify__toast-theme--colored.Toastify__toast--info{background:#d5e9fa!important;border:1px solid #b5ddff;box-shadow:0 0 10px #00000059;color:#353535!important;font-family:Roboto,sans-serif;font-size:14px;font-weight:600}.Toastify__toast-theme--colored.Toastify__toast--info .Toastify__toast-icon>svg{fill:#0084f4!important}.Toastify__toast-icon{height:1.875rem!important;width:1.875rem!important}#slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;background-image:linear-gradient(#f00528,#f00528);background-repeat:no-repeat;background-size:70% 100%;height:18px;opacity:.7;outline:none;transition:opacity .2s;width:100%}#slider:hover{opacity:1}#slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#f00528;border-radius:2px;box-shadow:0 0 2px 0 #555;cursor:pointer;height:25px;-webkit-transition:background .3s ease-in-out;transition:background .3s ease-in-out;width:25px}input[type=range]::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#f00528;border-radius:2%;box-shadow:0 0 2px 0 #555;cursor:ew-resize;height:20px;-moz-transition:background .3s ease-in-out;transition:background .3s ease-in-out;width:20px}.btn-hover:hover{background:#e11a38;color:#fff}.link-hover:hover{color:#e11a38}@media (min-width:768px){.md\\:btn-md{font-size:.875rem;height:3rem;min-height:3rem;padding-left:1rem;padding-right:1rem}.btn-square:where(.md\\:btn-md){height:3rem;padding:0;width:3rem}.btn-circle:where(.md\\:btn-md){border-radius:9999px;height:3rem;padding:0;width:3rem}}.placeholder\\:leading-\\[20px\\]::-moz-placeholder{line-height:20px}.placeholder\\:leading-\\[20px\\]::placeholder{line-height:20px}.before\\:absolute:before{content:var(--tw-content);position:absolute}.before\\:left-\\[18px\\]:before{content:var(--tw-content);left:18px}.before\\:top-\\[-0\\.3125rem\\]:before{content:var(--tw-content);top:-.3125rem}.before\\:h-\\[0\\.75rem\\]:before{content:var(--tw-content);height:.75rem}.before\\:w-\\[0\\.75rem\\]:before{content:var(--tw-content);width:.75rem}.before\\:rotate-45:before{--tw-rotate:45deg;content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.before\\:bg-\\[\\#ffffff\\]:before,.before\\:bg-\\[white\\]:before{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));content:var(--tw-content)}.before\\:content-\\[\\'\\'\\]:before{--tw-content:\"\";content:var(--tw-content)}.first\\:rounded-l:first-child{border-bottom-left-radius:.25rem;border-top-left-radius:.25rem}.last\\:rounded-r:last-child{border-bottom-right-radius:.25rem;border-top-right-radius:.25rem}.last\\:border-b-0:last-child{border-bottom-width:0}.hover\\:rounded-none:hover{border-radius:0}.hover\\:border-\\[\\#E11A38\\]:hover{--tw-border-opacity:1;border-color:rgb(225 26 56/var(--tw-border-opacity))}.hover\\:bg-\\[\\#E11A38\\]:hover{--tw-bg-opacity:1;background-color:rgb(225 26 56/var(--tw-bg-opacity))}.hover\\:bg-\\[\\#fce8eb\\]:hover{--tw-bg-opacity:1;background-color:rgb(252 232 235/var(--tw-bg-opacity))}.hover\\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.hover\\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.hover\\:font-bold:hover{font-weight:700}.hover\\:text-\\[\\#353535\\]:hover{--tw-text-opacity:1;color:rgb(53 53 53/var(--tw-text-opacity))}.hover\\:text-\\[\\#e11a38\\]:hover{--tw-text-opacity:1;color:rgb(225 26 56/var(--tw-text-opacity))}.hover\\:text-\\[\\#ffffff\\]:hover,.hover\\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:decoration-2:hover{text-decoration-thickness:2px}.hover\\:underline-offset-4:hover{text-underline-offset:4px}.focus\\:z-\\[3\\]:focus{z-index:3}.focus\\:rounded-sm:focus{border-radius:.125rem}.focus\\: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-visible\\:outline-0:focus-visible{outline-width:0}.active\\:bg-violet-700:active{--tw-bg-opacity:1;background-color:rgb(109 40 217/var(--tw-bg-opacity))}.group:hover .group-hover\\:fill-\\[\\#E11A38\\]{fill:#e11a38}@media (prefers-color-scheme:dark){.dark\\:border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity))}.dark\\:bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.dark\\:hover\\:border-gray-500:hover{--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity))}.dark\\:hover\\:bg-gray-600:hover{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity))}}@media (min-width:640px){.sm\\:mt-0{margin-top:0}.sm\\:h-\\[42vh\\]{height:42vh}.sm\\:h-\\[55vh\\]{height:55vh}.sm\\:w-\\[60\\%\\]{width:60%}.sm\\:w-auto{width:auto}}@media (min-width:768px){.md\\:absolute{position:absolute}.md\\:relative{position:relative}.md\\:bottom-\\[20px\\]{bottom:20px}.md\\:right-0{right:0}.md\\:mr-\\[0\\%\\]{margin-right:0}.md\\:block{display:block}.md\\:h-auto{height:auto}.md\\:w-\\[100\\%\\]{width:100%}.md\\:w-\\[65\\%\\]{width:65%}.md\\:w-\\[auto\\]{width:auto}.md\\:w-full{width:100%}.md\\:max-w-\\[100\\%\\]{max-width:100%}.md\\:-translate-y-2\\/4{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\\:flex-row{flex-direction:row}.md\\:flex-col{flex-direction:column}.md\\:justify-end{justify-content:flex-end}.md\\:p-\\[98px\\]{padding:98px}.md\\:px-\\[112px\\]{padding-left:112px;padding-right:112px}.md\\:before\\:left-\\[unset\\]:before{content:var(--tw-content);left:unset}.md\\:before\\:right-\\[18px\\]:before{content:var(--tw-content);right:18px}}@media (min-width:1024px){.lg\\:mr-\\[30px\\]{margin-right:30px}.lg\\:w-2\\/5{width:40%}.lg\\:w-\\[10\\%\\]{width:10%}.lg\\:w-\\[50\\%\\]{width:50%}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\\:flex-row{flex-direction:row}}@media (min-width:1280px){.xl\\:w-\\[40\\%\\]{width:40%}.xl\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (min-width:1536px){.\\32xl\\:top-2\\/4{top:50%}.\\32xl\\:h-\\[50vh\\]{height:50vh}.\\32xl\\:h-\\[60vh\\]{height:60vh}.\\32xl\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.\\32xl\\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}}";
65
66
  styleInject(css_248z);
66
67
 
67
68
  function _regeneratorRuntime() {
@@ -395,6 +396,23 @@ function _asyncToGenerator(fn) {
395
396
  });
396
397
  };
397
398
  }
399
+ function _defineProperties(target, props) {
400
+ for (var i = 0; i < props.length; i++) {
401
+ var descriptor = props[i];
402
+ descriptor.enumerable = descriptor.enumerable || false;
403
+ descriptor.configurable = true;
404
+ if ("value" in descriptor) descriptor.writable = true;
405
+ Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
406
+ }
407
+ }
408
+ function _createClass(Constructor, protoProps, staticProps) {
409
+ if (protoProps) _defineProperties(Constructor.prototype, protoProps);
410
+ if (staticProps) _defineProperties(Constructor, staticProps);
411
+ Object.defineProperty(Constructor, "prototype", {
412
+ writable: false
413
+ });
414
+ return Constructor;
415
+ }
398
416
  function _extends() {
399
417
  _extends = Object.assign ? Object.assign.bind() : function (target) {
400
418
  for (var i = 1; i < arguments.length; i++) {
@@ -421,6 +439,20 @@ function _objectWithoutPropertiesLoose(source, excluded) {
421
439
  }
422
440
  return target;
423
441
  }
442
+ function _toPrimitive(input, hint) {
443
+ if (typeof input !== "object" || input === null) return input;
444
+ var prim = input[Symbol.toPrimitive];
445
+ if (prim !== undefined) {
446
+ var res = prim.call(input, hint || "default");
447
+ if (typeof res !== "object") return res;
448
+ throw new TypeError("@@toPrimitive must return a primitive value.");
449
+ }
450
+ return (hint === "string" ? String : Number)(input);
451
+ }
452
+ function _toPropertyKey(arg) {
453
+ var key = _toPrimitive(arg, "string");
454
+ return typeof key === "symbol" ? key : String(key);
455
+ }
424
456
 
425
457
  var graphqlSlice = function graphqlSlice(set, get) {
426
458
  return {
@@ -575,7 +607,12 @@ var graphqlSlice = function graphqlSlice(set, get) {
575
607
  });
576
608
  },
577
609
  disableUpdate: false,
578
- productBreakup: []
610
+ productBreakup: [],
611
+ logoSearchText: '',
612
+ logoSortBy: 'updated_at',
613
+ logoSortDir: 'DESC',
614
+ logoPageNo: 1,
615
+ logoPageSize: 14
579
616
  };
580
617
  };
581
618
 
@@ -612,7 +649,7 @@ var lambdaSlice = function lambdaSlice(_set, _get) {
612
649
  return {
613
650
  lambdaClient: requests,
614
651
  loadingLogo: function () {
615
- var _loadingLogo = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(data) {
652
+ var _loadingLogo = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_data) {
616
653
  var response, res;
617
654
  return _regeneratorRuntime().wrap(function _callee$(_context) {
618
655
  while (1) switch (_context.prev = _context.next) {
@@ -628,7 +665,7 @@ var lambdaSlice = function lambdaSlice(_set, _get) {
628
665
  throw new Error('lambdaClient Not Found');
629
666
  case 4:
630
667
  _context.next = 6;
631
- return requests.get("/editor-logo/117015?searchText=+" + data);
668
+ return requests.get("/editor-logo/117015?searchText=" + use3dddPlus.getState().logoSearchText + "&sortBy=" + use3dddPlus.getState().logoSortBy + "&sortDir=" + use3dddPlus.getState().logoSortDir + "&pageSize=" + use3dddPlus.getState().logoPageSize + "&pageNo=" + use3dddPlus.getState().logoPageNo);
632
669
  case 6:
633
670
  response = _context.sent;
634
671
  use3dddPlus.setState({
@@ -638,7 +675,7 @@ var lambdaSlice = function lambdaSlice(_set, _get) {
638
675
  return response;
639
676
  case 10:
640
677
  res = _context.sent;
641
- use3dddPlus.setState({
678
+ use3dddPlus.getState().logoPageNo === 1 && use3dddPlus.setState({
642
679
  retriveLogoDesign: res
643
680
  });
644
681
  return _context.abrupt("return", response);
@@ -957,7 +994,7 @@ var authSlice = function authSlice(set, get) {
957
994
  authType: '',
958
995
  cardCode: '',
959
996
  customerEmail: '',
960
- customerId: null,
997
+ customerId: 117015,
961
998
  customerType: '',
962
999
  priceLevel: '',
963
1000
  token: ''
@@ -2301,7 +2338,7 @@ var converterSlice = function converterSlice(set, get) {
2301
2338
  var text = new fabric.fabric.Text('NEW TEXT', {
2302
2339
  lineHeight: 1,
2303
2340
  fill: '#fff',
2304
- fontFamily: 'Arial',
2341
+ // fontFamily: 'Arial',
2305
2342
  fontWeight: 'normal',
2306
2343
  top: use3dddPlus.getState().fabricCanvas.height / 2 - 40,
2307
2344
  left: use3dddPlus.getState().fabricCanvas.width / 2 - 205,
@@ -3834,7 +3871,7 @@ var initCanvas = function initCanvas() {
3834
3871
  });
3835
3872
  var getAllColors = function getAllColors() {
3836
3873
  var _canv$getObjects;
3837
- console.log("+++++", canv == null ? void 0 : canv.getObjects());
3874
+ // console.log("+++++",canv?.getObjects());
3838
3875
  if (!(canv != null && canv.getObjects())) {
3839
3876
  return;
3840
3877
  }
@@ -4780,7 +4817,7 @@ var input = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
4780
4817
  // @ts-ignore
4781
4818
  ref: ref
4782
4819
  }, props, {
4783
- className: props.className + " block w-full border border-dark py-2 px-4 mb-4"
4820
+ className: "" + props.className
4784
4821
  }));
4785
4822
  });
4786
4823
 
@@ -4877,62 +4914,74 @@ var ModalStatusIcon = function ModalStatusIcon(_ref) {
4877
4914
  }), children));
4878
4915
  };
4879
4916
 
4880
- var SortButton = function SortButton(_ref) {
4917
+ var SortAndFilterButton = function SortAndFilterButton(_ref) {
4881
4918
  var label = _ref.label,
4882
4919
  icons = _ref.icons,
4883
4920
  onClick = _ref.onClick,
4884
- className = _ref.className;
4921
+ className = _ref.className,
4922
+ buttonLabelClass = _ref.buttonLabelClass;
4885
4923
  return React__default.createElement("button", {
4886
4924
  onClick: onClick,
4887
- className: "flex rounded-none gap-3 items-center p-2 mr-[24px] " + className
4888
- }, icons, label);
4925
+ className: "flex border border-[#EBEBEB] rounded-none gap-[31.5px] items-center p-2 shadow-[0px_7px_64px_rgba(0,0,0,0.07)] bg-[#FFFFFF] " + className
4926
+ }, React__default.createElement("span", {
4927
+ className: "" + buttonLabelClass
4928
+ }, label), React__default.createElement("span", null, icons));
4889
4929
  };
4890
4930
 
4891
- var SortByDropdown = function SortByDropdown() {
4931
+ var SortByDropdown = function SortByDropdown(_ref) {
4932
+ var sortOptions = _ref.sortOptions;
4892
4933
  var _use3dddPlus = use3dddPlus(function (state) {
4893
- return [state.loadingLogo];
4934
+ return [state.loadingLogo, state.logoSortBy, state.logoSortDir];
4894
4935
  }, shallow.shallow),
4895
- loadingLogo = _use3dddPlus[0];
4936
+ loadingLogo = _use3dddPlus[0],
4937
+ logoSortBy = _use3dddPlus[1],
4938
+ logoSortDir = _use3dddPlus[2];
4896
4939
  var _useState = React.useState(false),
4897
4940
  isDropdownOpen = _useState[0],
4898
4941
  setIsDropdownOpen = _useState[1];
4942
+ var dropdownRef = React.useRef(null);
4899
4943
  var toggleDropdown = function toggleDropdown() {
4900
4944
  setIsDropdownOpen(!isDropdownOpen);
4901
4945
  };
4946
+ var closeDropdown = function closeDropdown() {
4947
+ setIsDropdownOpen(false);
4948
+ };
4949
+ React.useEffect(function () {
4950
+ var handleOutsideClick = function handleOutsideClick(event) {
4951
+ if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
4952
+ closeDropdown();
4953
+ }
4954
+ };
4955
+ if (isDropdownOpen) {
4956
+ document.addEventListener('click', handleOutsideClick);
4957
+ }
4958
+ return function () {
4959
+ document.removeEventListener('click', handleOutsideClick);
4960
+ };
4961
+ }, [isDropdownOpen]);
4902
4962
  return React__default.createElement("div", {
4903
- className: "absolute"
4904
- }, React__default.createElement(SortButton, {
4963
+ className: "relative",
4964
+ ref: dropdownRef
4965
+ }, React__default.createElement(SortAndFilterButton, {
4905
4966
  onClick: toggleDropdown,
4906
4967
  label: "Sort by",
4907
- icons: React__default.createElement(bs.BsSortDown, null),
4908
- className: " bg-[#FFFFFF]"
4909
- }), isDropdownOpen && React__default.createElement("div", {
4910
- className: "dropdown-content h-[200px] w-[210px] bg-[#FFFFFF] flex flex-col absolute z-10"
4911
- }, React__default.createElement("button", {
4912
- className: "flex items-center h-[45px] mt-[12px] pl-[27.85px] border-b-[1px] border-[#F4F4F4] ",
4913
- onClick: function onClick() {
4914
- toggleDropdown();
4915
- loadingLogo('&sortBy=updated_at&sortDir=DESC');
4916
- }
4917
- }, "NEWEST"), React__default.createElement("button", {
4918
- className: "flex items-center h-[45px] pl-[27.85px] border-b-[1px] border-[#F4F4F4]",
4919
- onClick: function onClick() {
4920
- toggleDropdown();
4921
- loadingLogo('&sortBy=updated_at&sortDir=ASC');
4922
- }
4923
- }, "OLDEST"), React__default.createElement("button", {
4924
- className: "flex items-center h-[45px] pl-[27.85px] border-b-[1px] border-[#F4F4F4]",
4925
- onClick: function onClick() {
4926
- toggleDropdown();
4927
- loadingLogo('&sortBy=name&sortDir=ASC');
4928
- }
4929
- }, "A TO Z"), React__default.createElement("button", {
4930
- className: "flex items-center h-[45px] pl-[27.85px] border-[#F4F4F4]",
4931
- onClick: function onClick() {
4932
- toggleDropdown();
4933
- loadingLogo('&sortBy=name&sortDir=DESC');
4934
- }
4935
- }, "Z TO A")));
4968
+ icons: React__default.createElement(bs.BsSortDown, {
4969
+ size: '1.2rem'
4970
+ }),
4971
+ buttonLabelClass: "hidden md:block",
4972
+ className: "py-[10px] px-[14.5px] text-[13px] leading-[16px] text-[#5d5d5d] font-bold"
4973
+ }), isDropdownOpen && React__default.createElement("ul", {
4974
+ className: "mt-[14px] shadow-[0px_7px_64px_rgba(0,0,0,0.07)] pt-[10px] dropdown-content w-[210px] md:right-0 bg-[#FFFFFF] flex flex-col absolute z-10 before:content-[''] before:absolute before:top-[-0.3125rem] before:h-[0.75rem] before:w-[0.75rem] before:bg-[white] before:rotate-45 md:before:right-[18px] md:before:left-[unset] before:left-[18px]"
4975
+ }, sortOptions.map(function (option) {
4976
+ return React__default.createElement("li", {
4977
+ key: option.label,
4978
+ className: (logoSortBy === option.sortBy && logoSortDir === option.sortDir ? 'bg-[#fce8eb] text-[#e11a38]' : '') + " cursor-pointer flex items-center hover:bg-[#fce8eb] hover:text-[#e11a38] py-[13px] px-[27.85px] border-b-[1px] last:border-b-0 border-[#F4F4F4] text-[14px] leading-[19px] text-[#353535] font-bold",
4979
+ onClick: function onClick() {
4980
+ toggleDropdown();
4981
+ loadingLogo(option.onClick());
4982
+ }
4983
+ }, option.label);
4984
+ })));
4936
4985
  };
4937
4986
 
4938
4987
  var css_248z$4 = "#ls{//top:8rem;background-color:#fff;background:radial-gradient(#eee,#ccc);height:100%;left:0;opacity:1;position:relative;transition:opacity 1s;width:100%;z-index:100}#ls.fade-out{opacity:0}#l{animation:spin 2s linear infinite;border:3px solid transparent;border-radius:50%;border-top-color:#b16b6b;display:block;height:100px;left:50%;margin:-50px 0 0 -50px;position:relative;top:50%;width:100px}#l:before{animation:spin 3s linear infinite;border:3px solid transparent;border-radius:50%;border-top-color:#c10909;bottom:5px;left:5px;right:5px;top:5px}#l:after,#l:before{content:\"\";position:absolute}#l:after{animation:spin 1.5s linear infinite;border:3px solid transparent;border-radius:50%;border-top-color:#bb4646;bottom:15px;left:15px;right:15px;top:15px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}";
@@ -4962,53 +5011,225 @@ var Loader = function Loader(_ref) {
4962
5011
  }));
4963
5012
  };
4964
5013
 
5014
+ var useDebounce = function useDebounce(value, milliSeconds) {
5015
+ var _useState = React.useState(value),
5016
+ debouncedValue = _useState[0],
5017
+ setDebouncedValue = _useState[1];
5018
+ React.useEffect(function () {
5019
+ var handler = setTimeout(function () {
5020
+ setDebouncedValue(value);
5021
+ }, milliSeconds);
5022
+ return function () {
5023
+ clearTimeout(handler);
5024
+ };
5025
+ }, [value, milliSeconds]);
5026
+ return debouncedValue;
5027
+ };
5028
+
4965
5029
  var MyLogo$1 = function MyLogo(_ref) {
4966
5030
  var onApply = _ref.onApply;
4967
5031
  var _React$useState = React__default.useState(),
4968
5032
  logoSelected = _React$useState[0],
4969
5033
  setLogoSelected = _React$useState[1];
5034
+ var _useState = React.useState(false),
5035
+ scrollEnd = _useState[0],
5036
+ setScrollEnd = _useState[1];
5037
+ var _useState2 = React.useState(true),
5038
+ morePages = _useState2[0],
5039
+ setMorePages = _useState2[1];
5040
+ var myRef = React.useRef(null);
4970
5041
  var _use3dddPlus = use3dddPlus(function (state) {
4971
- return [state.retriveLogoDesign, state.myLogoHandler, state.loadingLogo, state.loading, state.setLogoData, state.logoData];
5042
+ return [state.retriveLogoDesign, state.myLogoHandler, state.loadingLogo, state.loading, state.setLogoData, state.logoData, state.logoSearchText];
4972
5043
  }, shallow.shallow),
4973
5044
  retriveLogoDesign = _use3dddPlus[0],
4974
5045
  myLogoHandler = _use3dddPlus[1],
4975
5046
  loadingLogo = _use3dddPlus[2],
4976
5047
  loading = _use3dddPlus[3],
4977
5048
  setLogoData = _use3dddPlus[4],
4978
- logoData = _use3dddPlus[5];
5049
+ logoData = _use3dddPlus[5],
5050
+ logoSearchText = _use3dddPlus[6];
5051
+ var debouncedSearchText = useDebounce(logoSearchText, 300);
5052
+ var handleSearchChange = function handleSearchChange(e) {
5053
+ use3dddPlus.setState({
5054
+ logoSearchText: e.currentTarget.value,
5055
+ logoPageNo: 1,
5056
+ retriveLogoDesign: []
5057
+ });
5058
+ setMorePages(true);
5059
+ };
5060
+ React.useEffect(function () {
5061
+ loadingLogo(debouncedSearchText);
5062
+ }, [debouncedSearchText]);
4979
5063
  React.useEffect(function () {
4980
5064
  loadingLogo('');
5065
+ setMorePages(true);
4981
5066
  }, []);
5067
+ var handleScroll = React__default.useCallback(function () {
5068
+ if (!(myRef != null && myRef.current)) return;
5069
+ if (scrollEnd) return;
5070
+ var scrollY = myRef.current.scrollTop;
5071
+ var height = myRef.current.clientHeight;
5072
+ var scrollHeight = myRef.current.scrollHeight;
5073
+ var tolerance = 10;
5074
+ if (scrollY + height + tolerance >= scrollHeight) {
5075
+ setScrollEnd(true);
5076
+ } else if (scrollY + height + tolerance < scrollHeight) {
5077
+ setScrollEnd(false);
5078
+ }
5079
+ }, [myRef, scrollEnd]);
5080
+ var fetchData = /*#__PURE__*/function () {
5081
+ var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
5082
+ var result;
5083
+ return _regeneratorRuntime().wrap(function _callee$(_context) {
5084
+ while (1) switch (_context.prev = _context.next) {
5085
+ case 0:
5086
+ _context.prev = 0;
5087
+ use3dddPlus.setState(function (state) {
5088
+ return {
5089
+ logoPageNo: state.logoPageNo + 1
5090
+ };
5091
+ });
5092
+ _context.next = 4;
5093
+ return loadingLogo('');
5094
+ case 4:
5095
+ result = _context.sent;
5096
+ if (!(result.length === 0)) {
5097
+ _context.next = 9;
5098
+ break;
5099
+ }
5100
+ setScrollEnd(false);
5101
+ setMorePages(false);
5102
+ return _context.abrupt("return");
5103
+ case 9:
5104
+ if (use3dddPlus.getState().logoPageNo === 1) {
5105
+ use3dddPlus.setState({
5106
+ retriveLogoDesign: result
5107
+ });
5108
+ } else if (use3dddPlus.getState().logoPageNo > 1) {
5109
+ use3dddPlus.setState(function (state) {
5110
+ var updatedState = {
5111
+ retriveLogoDesign: [].concat(state.retriveLogoDesign, result)
5112
+ };
5113
+ return updatedState;
5114
+ });
5115
+ }
5116
+ setScrollEnd(false);
5117
+ _context.next = 16;
5118
+ break;
5119
+ case 13:
5120
+ _context.prev = 13;
5121
+ _context.t0 = _context["catch"](0);
5122
+ console.error(_context.t0);
5123
+ case 16:
5124
+ case "end":
5125
+ return _context.stop();
5126
+ }
5127
+ }, _callee, null, [[0, 13]]);
5128
+ }));
5129
+ return function fetchData() {
5130
+ return _ref2.apply(this, arguments);
5131
+ };
5132
+ }();
5133
+ React.useEffect(function () {
5134
+ if (scrollEnd && morePages) {
5135
+ setTimeout( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
5136
+ return _regeneratorRuntime().wrap(function _callee2$(_context2) {
5137
+ while (1) switch (_context2.prev = _context2.next) {
5138
+ case 0:
5139
+ _context2.next = 2;
5140
+ return fetchData();
5141
+ case 2:
5142
+ case "end":
5143
+ return _context2.stop();
5144
+ }
5145
+ }, _callee2);
5146
+ })), 700);
5147
+ }
5148
+ }, [scrollEnd]);
5149
+ var sortOptions = [{
5150
+ label: 'NEWEST',
5151
+ sortBy: 'updated_at',
5152
+ sortDir: 'DESC',
5153
+ onClick: function onClick() {
5154
+ setScrollEnd(false);
5155
+ use3dddPlus.setState({
5156
+ logoPageNo: 1,
5157
+ logoSortBy: 'updated_at',
5158
+ logoSortDir: 'DESC'
5159
+ });
5160
+ setMorePages(true);
5161
+ }
5162
+ }, {
5163
+ label: 'OLDEST',
5164
+ sortBy: 'updated_at',
5165
+ sortDir: 'ASC',
5166
+ onClick: function onClick() {
5167
+ setScrollEnd(false);
5168
+ use3dddPlus.setState({
5169
+ logoPageNo: 1,
5170
+ logoSortBy: 'updated_at',
5171
+ logoSortDir: 'ASC'
5172
+ });
5173
+ setMorePages(true);
5174
+ }
5175
+ }, {
5176
+ label: 'A TO Z',
5177
+ sortBy: 'name',
5178
+ sortDir: 'ASC',
5179
+ onClick: function onClick() {
5180
+ setScrollEnd(false);
5181
+ use3dddPlus.setState({
5182
+ logoPageNo: 1,
5183
+ logoSortBy: 'name',
5184
+ logoSortDir: 'ASC'
5185
+ });
5186
+ setMorePages(true);
5187
+ }
5188
+ }, {
5189
+ label: 'Z TO A',
5190
+ sortBy: 'name',
5191
+ sortDir: 'DESC',
5192
+ onClick: function onClick() {
5193
+ setScrollEnd(false);
5194
+ use3dddPlus.setState({
5195
+ logoPageNo: 1,
5196
+ logoSortBy: 'name',
5197
+ logoSortDir: 'DESC'
5198
+ });
5199
+ setMorePages(true);
5200
+ }
5201
+ }];
4982
5202
  var handleEditLogo = function handleEditLogo(logo) {
4983
5203
  if (logo) {
4984
5204
  myLogoHandler(logo);
4985
5205
  console.log(logo);
4986
- // setLogoSelected(logo);
5206
+ setLogoSelected(logo);
4987
5207
  }
4988
5208
  };
4989
-
4990
5209
  var handleApplyLogo = function handleApplyLogo(logo) {
4991
5210
  if (logo) {
4992
5211
  onApply();
4993
- // setLogoSelected(logo);
5212
+ setLogoSelected(logo);
4994
5213
  }
4995
5214
  };
4996
-
4997
5215
  return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
4998
5216
  className: "bg-[#F7F7F7] absolute z-100 w-[90%] h-full pr-[56px]"
4999
5217
  }, React__default.createElement("div", {
5000
5218
  className: " w-full flex mt-[50px] flex-row"
5001
5219
  }, React__default.createElement("div", {
5002
- className: " flex w-1/2 justify-end"
5003
- }, React__default.createElement(SortByDropdown, null)), React__default.createElement("div", {
5004
- className: " flex-1"
5220
+ className: "flex gap-4 justify-end w-full md:justify-end "
5221
+ }, React__default.createElement(SortByDropdown, {
5222
+ sortOptions: sortOptions
5223
+ }), React__default.createElement("div", {
5224
+ className: " w-full sm:w-[60%] md:w-[65%] lg:w-[50%] xl:w-[40%] "
5005
5225
  }, React__default.createElement(Searchbar, {
5006
5226
  placeholder: 'Search by Logo name or tags',
5007
- onChange: function onChange(e) {
5008
- return loadingLogo(e.target.value);
5009
- }
5010
- }))), React__default.createElement("div", {
5011
- className: "flex ml-[33px] mt-[30px] overflow-y-auto overflow-x-hidden h-[65vh] pr-[33px]"
5227
+ searchBarMainClass: "!h-[40px] border border-[#BEBEBE]",
5228
+ onChange: handleSearchChange
5229
+ })))), React__default.createElement("div", {
5230
+ className: "flex ml-[33px] mt-[30px] overflow-y-auto overflow-x-hidden h-[65vh] pr-[33px]",
5231
+ onScroll: handleScroll,
5232
+ ref: myRef
5012
5233
  }, React__default.createElement("div", {
5013
5234
  className: "max-h-[140px] grid gap-[2vw] grid-cols-3 md:grid-cols-4 lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-6 w-full "
5014
5235
  }, retriveLogoDesign.length > 0 ? retriveLogoDesign.map(function (logo) {
@@ -5234,6 +5455,380 @@ var ImageEdit = function ImageEdit(_ref) {
5234
5455
  var css_248z$5 = ".rangeSlider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border:1px solid #f0f0f0;height:15px;width:100%}.rangeSlider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#e11a38;border-radius:4px;height:31px;width:31px}.rangeSlider::-moz-range-thumb{background-color:#e11a38;border-radius:4px;height:30px;width:30px}";
5235
5456
  styleInject(css_248z$5);
5236
5457
 
5458
+ !function (t) {
5459
+ var s = {};
5460
+ function i(h) {
5461
+ if (s[h]) return s[h].exports;
5462
+ var e = s[h] = {
5463
+ i: h,
5464
+ l: !1,
5465
+ exports: {}
5466
+ };
5467
+ return t[h].call(e.exports, e, e.exports, i), e.l = !0, e.exports;
5468
+ }
5469
+ i.m = t, i.c = s, i.d = function (t, s, h) {
5470
+ i.o(t, s) || Object.defineProperty(t, s, {
5471
+ configurable: !1,
5472
+ enumerable: !0,
5473
+ get: h
5474
+ });
5475
+ }, i.r = function (t) {
5476
+ Object.defineProperty(t, "__esModule", {
5477
+ value: !0
5478
+ });
5479
+ }, i.n = function (t) {
5480
+ var s = t && t.__esModule ? function () {
5481
+ return t["default"];
5482
+ } : function () {
5483
+ return t;
5484
+ };
5485
+ return i.d(s, "a", s), s;
5486
+ }, i.o = function (t, s) {
5487
+ return Object.prototype.hasOwnProperty.call(t, s);
5488
+ }, i.p = "", i(i.s = 4);
5489
+ }([function (t, s, i) {
5490
+ var h = i(1),
5491
+ e = i(3);
5492
+ t.exports = /*#__PURE__*/function () {
5493
+ function _class(t, s) {
5494
+ this.source = s, this.A = new h(s.left, s.top), this.B = new h(s.right, s.top), this.C = new h(s.right, s.bottom), this.D = new h(s.left, s.bottom), this.Aleft = new h(s.left, s.top + s.height / 3), this.Atop = new h(s.left + s.width / 3, s.top), this.Btop = new h(s.right - s.width / 3, s.top), this.Bright = new h(s.right, s.top + s.height / 3), this.Cright = new h(s.right, s.bottom - s.height / 3), this.Cbottom = new h(s.right - s.width / 3, s.bottom), this.Dbottom = new h(s.left + s.width / 3, s.bottom), this.Dleft = new h(s.left, s.bottom - s.height / 3), this.ABx = 0, this.ABy = 0, this.CDx = 0, this.CDy = 0, this.BCx = 0, this.BCy = 0, this.ADx = 0, this.ADy = 0, this.STEPS = 10, this.distortX = 0, this.distortY1 = 0, this.distortY2 = 0, this.T1 = 1 / 3, this.T2 = 2 / 3, this.kAB = 0, this.kBC = 0, this.kCD = 0, this.kAD = 0, this.applyParameters(t);
5495
+ }
5496
+ var _proto = _class.prototype;
5497
+ _proto.applyParameters = function applyParameters(t) {
5498
+ var s = this.source,
5499
+ i = this._parameters = new e(t);
5500
+ this.angle = i.bend * Math.PI / 2, this.sin = Math.sin(this.angle), this.cos = Math.cos(this.angle), this.kt = 1 + Math.pow(i.bend, 4), this.distortX = .5 * i.distortV * s.width;
5501
+ var h = .5 * i.distortH * s.height;
5502
+ switch (this.distortY1 = h * (1 - i.distortV), this.distortY2 = h * (1 + i.distortV), this.kAB = 1 - i.distortV, this.kBC = 1 + i.distortH, this.kCD = 1 + i.distortV, this.kAD = 1 - i.distortH, this.setAnchors(), i.type) {
5503
+ case "WARP_ARC":
5504
+ this.setArc();
5505
+ break;
5506
+ case "WARP_ARC_LOWER":
5507
+ this.setArcLower();
5508
+ break;
5509
+ case "WARP_ARC_UPPER":
5510
+ this.setArcUpper();
5511
+ break;
5512
+ case "WARP_ARCH":
5513
+ this.setArch();
5514
+ break;
5515
+ case "WARP_BULGE":
5516
+ this.setBulge();
5517
+ break;
5518
+ case "WARP_FLAG":
5519
+ this.setFlag();
5520
+ break;
5521
+ case "WARP_FISH":
5522
+ this.setFish();
5523
+ break;
5524
+ case "WARP_RISE":
5525
+ this.setRise();
5526
+ break;
5527
+ case "WARP_INFLATE":
5528
+ this.setInflate();
5529
+ break;
5530
+ case "WARP_SQUEEZE":
5531
+ this.setSqueeze();
5532
+ break;
5533
+ case "WARP_WAVE_LOWER":
5534
+ this.setWaveLower();
5535
+ break;
5536
+ case "WARP_WAVE_UPPER":
5537
+ this.setWaveUpper();
5538
+ }
5539
+ };
5540
+ _proto.setAnchors = function setAnchors() {
5541
+ this.A.x = this.source.left + this.distortX, this.B.x = this.source.right - this.distortX, this.C.x = this.source.right + this.distortX, this.D.x = this.source.left - this.distortX, this.A.y = this.source.top + this.distortY1, this.B.y = this.source.top - this.distortY1, this.C.y = this.source.bottom + this.distortY2, this.D.y = this.source.bottom - this.distortY2;
5542
+ };
5543
+ _proto.setControls = function setControls() {
5544
+ this.Atop.x = this.A.x + this.ABx, this.Atop.y = this.A.y + this.ABy, this.Btop.x = this.B.x - this.ABx, this.Btop.y = this.B.y - this.ABy, this.Dbottom.x = this.D.x + this.CDx, this.Dbottom.y = this.D.y + this.CDy, this.Cbottom.x = this.C.x - this.CDx, this.Cbottom.y = this.C.y - this.CDy, this.Bright.x = this.B.x + this.BCx, this.Bright.y = this.B.y + this.BCy, this.Cright.x = this.C.x - this.BCx, this.Cright.y = this.C.y - this.BCy, this.Aleft.x = this.A.x + this.ADx, this.Aleft.y = this.A.y + this.ADy, this.Dleft.x = this.D.x - this.ADx, this.Dleft.y = this.D.y - this.ADy;
5545
+ };
5546
+ _proto.changeCubic = function changeCubic(t, s, i, h) {
5547
+ var e = this._changePoint(t),
5548
+ o = this._changePoint(h),
5549
+ r = this.getPointOn(1 / 3, t, h, s, i),
5550
+ n = this.getPointOn(2 / 3, t, h, s, i),
5551
+ a = this._changePoint(r),
5552
+ y = this._changePoint(n);
5553
+ return this.getNewSegment(e, o, a, y);
5554
+ };
5555
+ _proto.changePoint = function changePoint(t) {
5556
+ var s = this._changePoint(t);
5557
+ return [s.x, s.y];
5558
+ };
5559
+ _proto._changePoint = function _changePoint(t) {
5560
+ var s = this.A,
5561
+ i = this.Atop,
5562
+ e = this.Aleft,
5563
+ o = this.B,
5564
+ r = this.Btop,
5565
+ n = this.Bright,
5566
+ a = this.C,
5567
+ y = this.Cright,
5568
+ x = this.Cbottom,
5569
+ c = this.D,
5570
+ A = this.Dbottom,
5571
+ C = this.Dleft;
5572
+ var d = (t.x - this.source.x) / this.source.width,
5573
+ b = (t.y - this.source.y) / this.source.height,
5574
+ p = 1 - b,
5575
+ B = this.getPointOn(b, s, c, e, C),
5576
+ l = this.getPointOn(b, o, a, n, y),
5577
+ D = new h(i.x * p + A.x * b, i.y * p + A.y * b),
5578
+ m = new h(r.x * p + x.x * b, r.y * p + x.y * b),
5579
+ k = this.getPointOn(d, B, l, D, m);
5580
+ return new h(k.x, k.y);
5581
+ };
5582
+ _proto.getPointOn = function getPointOn(t, s, i, e, o) {
5583
+ var r = new h(),
5584
+ n = t * t * t,
5585
+ a = t * t;
5586
+ return r.x = n * (i.x + 3 * (e.x - o.x) - s.x) + 3 * a * (s.x - 2 * e.x + o.x) + 3 * t * (e.x - s.x) + s.x, r.y = n * (i.y + 3 * (e.y - o.y) - s.y) + 3 * a * (s.y - 2 * e.y + o.y) + 3 * t * (e.y - s.y) + s.y, r;
5587
+ };
5588
+ _proto.setArc = function setArc() {
5589
+ var t = this._parameters,
5590
+ s = this.source,
5591
+ i = 1 - t.distortV;
5592
+ t.bend > 0 ? (this.A.x -= i * (s.height - this.distortY1) * this.sin, this.B.x += i * (s.height + this.distortY1) * this.sin, this.A.y += (s.height - this.distortY1) * (1 - this.cos), this.B.y += (s.height + this.distortY1) * (1 - this.cos), this.C.x -= this.distortY2 * this.sin, this.D.x -= this.distortY2 * this.sin, this.C.y += this.distortY2 * (this.cos - 1), this.D.y -= this.distortY2 * (this.cos - 1)) : t.bend < 0 && (this.D.x += i * (s.height - this.distortY2) * this.sin, this.C.x -= i * (s.height + this.distortY2) * this.sin, this.D.y += (s.height - this.distortY2) * (this.cos - 1), this.C.y += (s.height + this.distortY2) * (this.cos - 1), this.A.x += this.distortY1 * this.sin, this.B.x += this.distortY1 * this.sin, this.A.y -= this.distortY1 * (1 - this.cos), this.B.y += this.distortY1 * (1 - this.cos)), this.calculateArms(), this.setControls(), this.Atop.x += this.ABx * (this.cos * this.kt - 1), this.Atop.y -= this.ABx * this.sin * this.kt, this.Btop.x += this.ABx * (1 - this.cos * this.kt), this.Btop.y -= this.ABx * this.sin * this.kt, this.Dbottom.x += this.CDx * (this.cos * this.kt - 1), this.Dbottom.y -= this.CDx * this.sin * this.kt, this.Cbottom.x += this.CDx * (1 - this.cos * this.kt), this.Cbottom.y -= this.CDx * this.sin * this.kt;
5593
+ };
5594
+ _proto.setFish = function setFish() {
5595
+ var t = this._parameters;
5596
+ this.calculateArms(), this.setControls(), this.Atop.y -= 2 * t.bend * this.kAB * (2 * this.ADy + this.BCy), this.Btop.y += 2 * t.bend * this.kAB * (this.ADy + 2 * this.BCy), this.Dbottom.y += 2 * t.bend * this.kCD * (2 * this.ADy + this.BCy), this.Cbottom.y -= 2 * t.bend * this.kCD * (this.ADy + 2 * this.BCy);
5597
+ };
5598
+ _proto.setFlag = function setFlag() {
5599
+ this.calculateArms(), this.setControls();
5600
+ var t = this._parameters;
5601
+ this.Atop.y += 3 * t.bend * this.kAB * (this.ADy + this.BCy), this.Btop.y -= 3 * t.bend * this.kAB * (this.ADy + this.BCy), this.Dbottom.y += 3 * t.bend * this.kCD * (this.ADy + this.BCy), this.Cbottom.y -= 3 * t.bend * this.kCD * (this.ADy + this.BCy);
5602
+ };
5603
+ _proto.setBulge = function setBulge() {
5604
+ this.calculateArms(), this.setControls(), this.Atop.x += this.ABx * (this.cos * this.kt - 1), this.Atop.y -= this.ABx * this.sin * this.kt, this.Btop.x += this.ABx * (1 - this.cos * this.kt), this.Btop.y -= this.ABx * this.sin * this.kt, this.Dbottom.x += this.CDx * (this.cos * this.kt - 1), this.Dbottom.y += this.CDx * this.sin * this.kt, this.Cbottom.x += this.CDx * (1 - this.cos * this.kt), this.Cbottom.y += this.CDx * this.sin * this.kt;
5605
+ };
5606
+ _proto.setArch = function setArch() {
5607
+ this.calculateArms(), this.setControls(), this.Atop.x += this.ABx * (this.cos * this.kt - 1), this.Atop.y -= this.ABx * this.sin * this.kt, this.Btop.x += this.ABx * (1 - this.cos * this.kt), this.Btop.y -= this.ABx * this.sin * this.kt, this.Dbottom.x += this.CDx * (this.cos * this.kt - 1), this.Dbottom.y -= this.CDx * this.sin * this.kt, this.Cbottom.x += this.CDx * (1 - this.cos * this.kt), this.Cbottom.y -= this.CDx * this.sin * this.kt;
5608
+ };
5609
+ _proto.setArcLower = function setArcLower() {
5610
+ this.calculateArms(), this.setControls(), this.Dbottom.x += this.CDx * (this.cos * this.kt - 1), this.Dbottom.y += this.CDx * this.sin * this.kt, this.Cbottom.x += this.CDx * (1 - this.cos * this.kt), this.Cbottom.y += this.CDx * this.sin * this.kt;
5611
+ };
5612
+ _proto.setArcUpper = function setArcUpper() {
5613
+ this.calculateArms(), this.setControls(), this.Atop.x += this.ABx * (this.cos * this.kt - 1), this.Atop.y -= this.ABx * this.sin * this.kt, this.Btop.x += this.ABx * (1 - this.cos * this.kt), this.Btop.y -= this.ABx * this.sin * this.kt;
5614
+ };
5615
+ _proto.setSqueeze = function setSqueeze() {
5616
+ this.calculateArms(), this.setControls();
5617
+ var t = this._parameters;
5618
+ this.Atop.y -= t.bend * this.kAB * this.ADy, this.Btop.y -= t.bend * this.kAB * this.BCy, this.Dbottom.y += t.bend * this.kCD * this.ADy, this.Cbottom.y += t.bend * this.kCD * this.BCy, this.Bright.x -= t.bend * this.kBC * this.ABx, this.Cright.x -= t.bend * this.kBC * this.CDx, this.Aleft.x += t.bend * this.kAD * this.ABx, this.Dleft.x += t.bend * this.kAD * this.CDx;
5619
+ };
5620
+ _proto.setInflate = function setInflate() {
5621
+ this.calculateArms(), this.setControls();
5622
+ var t = this._parameters,
5623
+ s = (this.ADy + this.BCy) / 2,
5624
+ i = (this.ABx + this.CDx) / 2;
5625
+ this.Atop.y -= t.bend * this.kAB * s, this.Btop.y -= t.bend * this.kAB * s, this.Dbottom.y += t.bend * this.kCD * s, this.Cbottom.y += t.bend * this.kCD * s, this.Bright.x += t.bend * this.kBC * i, this.Cright.x += t.bend * this.kBC * i, this.Aleft.x -= t.bend * this.kAD * i, this.Dleft.x -= t.bend * this.kAD * i;
5626
+ };
5627
+ _proto.setRise = function setRise() {
5628
+ var t = this._parameters;
5629
+ this.A.y += t.bend * this.kAB * source.height, this.D.y += t.bend * this.kCD * source.height, this.B.y -= t.bend * this.kAB * source.height, this.C.y -= t.bend * this.kCD * source.height, this.calculateArms(), this.setControls();
5630
+ var s = this.ADy + this.BCy;
5631
+ this.Atop.y += t.bend * this.kAB * s, this.Btop.y -= t.bend * this.kAB * s, this.Dbottom.y += t.bend * this.kCD * s, this.Cbottom.y -= t.bend * this.kCD * s;
5632
+ };
5633
+ _proto.setWaveUpper = function setWaveUpper() {
5634
+ this.calculateArms(), this.setControls();
5635
+ var t = this._parameters;
5636
+ this.Atop.y += 3 * t.bend * this.kAB * (this.ADy + this.BCy), this.Btop.y -= 3 * t.bend * this.kAB * (this.ADy + this.BCy);
5637
+ };
5638
+ _proto.setWaveLower = function setWaveLower() {
5639
+ this.calculateArms(), this.setControls();
5640
+ var t = this._parameters;
5641
+ this.Dbottom.y += 3 * t.bend * this.kCD * (this.ADy + this.BCy), this.Cbottom.y -= 3 * t.bend * this.kCD * (this.ADy + this.BCy);
5642
+ };
5643
+ _proto.calculateArms = function calculateArms() {
5644
+ this.ABx = (this.B.x - this.A.x) / 3, this.ABy = (this.B.y - this.A.y) / 3, this.CDx = (this.C.x - this.D.x) / 3, this.CDy = (this.C.y - this.D.y) / 3, this.BCx = (this.C.x - this.B.x) / 3, this.BCy = (this.C.y - this.B.y) / 3, this.ADx = (this.D.x - this.A.x) / 3, this.ADy = (this.D.y - this.A.y) / 3;
5645
+ };
5646
+ _proto.getNewSegment = function getNewSegment(t, s, i, e) {
5647
+ var o = this.T1,
5648
+ r = o * o * o,
5649
+ n = 1 - o,
5650
+ a = n * n * n,
5651
+ y = this.T2,
5652
+ x = y * y * y,
5653
+ c = 1 - y,
5654
+ A = c * c * c,
5655
+ C = 3 * o * n,
5656
+ d = {};
5657
+ d.x = (i.x - a * t.x - r * s.x) / C, d.y = (i.y - a * t.y - r * s.y) / C;
5658
+ var b = 3 * y * c,
5659
+ p = {};
5660
+ p.x = (e.x - A * t.x - x * s.x) / b, p.y = (e.y - A * t.y - x * s.y) / b;
5661
+ var B = {};
5662
+ B.x = (y * d.x - o * p.x) / (n * p.x - c * d.x), B.y = (y * d.y - o * p.y) / (n * p.y - c * d.y), isNaN(B.x) && (B.x = 0), isNaN(B.y) && (B.y = 0);
5663
+ var l = {},
5664
+ D = {};
5665
+ D.x = d.x / (n * B.x + o), D.y = d.y / (n * B.y + o), l.x = B.x * D.x, l.y = B.y * D.y;
5666
+ var m = new h(l.x, l.y),
5667
+ k = new h(D.x, D.y);
5668
+ return [m.x, m.y, k.x, k.y, s.x, s.y];
5669
+ };
5670
+ return _class;
5671
+ }();
5672
+ }, function (t, s) {
5673
+ t.exports = /*#__PURE__*/function () {
5674
+ function _class2(t, s) {
5675
+ if (t === void 0) {
5676
+ t = 0;
5677
+ }
5678
+ if (s === void 0) {
5679
+ s = 0;
5680
+ }
5681
+ if ("number" != typeof t || "number" != typeof s) throw new Exception("Invalid points");
5682
+ var i = t || 0,
5683
+ h = s || 0;
5684
+ i && (i = parseInt(1e3 * i) / 1e3), h && (h = parseInt(1e3 * h) / 1e3), this._props = [i, h], this[0] = i, this[1] = h;
5685
+ }
5686
+ _createClass(_class2, [{
5687
+ key: "x",
5688
+ get: function get() {
5689
+ return this._props[0];
5690
+ },
5691
+ set: function set(t) {
5692
+ this[0] = t, this._props[0] = t;
5693
+ }
5694
+ }, {
5695
+ key: "y",
5696
+ get: function get() {
5697
+ return this._props[1];
5698
+ },
5699
+ set: function set(t) {
5700
+ this[1] = t, this._props[1] = t;
5701
+ }
5702
+ }]);
5703
+ return _class2;
5704
+ }();
5705
+ }, function (t, s) {
5706
+ t.exports = /*#__PURE__*/function () {
5707
+ function _class3(t, s, i, h) {
5708
+ this.x = t, this.y = s, this.width = i, this.height = h, this.top = s, this.bottom = s + h, this.left = t, this.right = t + i;
5709
+ }
5710
+ return _class3;
5711
+ }();
5712
+ }, function (t, s, i) {
5713
+ i(0);
5714
+ t.exports = /*#__PURE__*/function () {
5715
+ function _class4(t) {
5716
+ this.type = t.type || 0, this.bend = t.bend || 0, this.distortV = t.distortV || 0, this.distortH = t.distortH || 0, this.vertical = t.vertical || !1;
5717
+ }
5718
+ return _class4;
5719
+ }();
5720
+ }, function (t, s, i) {
5721
+ var h = i(1),
5722
+ e = i(0),
5723
+ o = i(2),
5724
+ r = "C",
5725
+ n = "Q",
5726
+ a = "L",
5727
+ y = "M",
5728
+ x = "Z",
5729
+ c = /*#__PURE__*/function () {
5730
+ function c(t) {
5731
+ this.data = [], this.commands = [], this.parseString(t);
5732
+ }
5733
+ var _proto2 = c.prototype;
5734
+ _proto2.parseString = function parseString(t) {
5735
+ var s = [],
5736
+ i = [];
5737
+ t.match(/[A-Za-z][0-9\.\s\,\-]+\d/g).forEach(function (t) {
5738
+ var h = t[0],
5739
+ e = t.match(/[\d\.\-]+/g);
5740
+ s.push(h), i.push.apply(i, e.map(parseFloat));
5741
+ }), this.commands = s, this.data = i;
5742
+ };
5743
+ _proto2.scale = function scale(t, s) {
5744
+ if (s === void 0) {
5745
+ s = 0;
5746
+ }
5747
+ 0 == s && (s = t);
5748
+ var i = this.data;
5749
+ for (var _h = 0; _h < i.length; _h += 2) i[_h] *= t, i[_h + 1] *= s;
5750
+ };
5751
+ _proto2.warp = function warp(t) {
5752
+ var s = new e(t, this.calcRectangle()),
5753
+ i = this.commands,
5754
+ o = this.data,
5755
+ n = [],
5756
+ a = new h(),
5757
+ y = new h(),
5758
+ _c = new h(),
5759
+ A = new h(),
5760
+ C = 0,
5761
+ d = new h();
5762
+ for (var _t = 0; _t < i.length; _t++) {
5763
+ switch (i[_t]) {
5764
+ case "L":
5765
+ i[_t] = r, a = new h((2 * A[0] + o[C]) / 3, (2 * A[1] + o[C + 1]) / 3), y = new h((A[0] + 2 * o[C]) / 3, (A[1] + 2 * o[C + 1]) / 3), d = new h(o[C], o[C + 1]), n = n.concat(s.changeCubic(A, a, y, d)), A = d, C += 2;
5766
+ break;
5767
+ case "Q":
5768
+ i[_t] = r, a = new h((2 * o[C] + A.x) / 3, (2 * o[C + 1] + A.y) / 3), y = new h((2 * o[C] + o[C + 2]) / 3, (2 * o[C + 1] + o[C + 3]) / 3), d = new h(o[C + 2], o[C + 3]), n = n.concat(s.changeCubic(A, a, y, d)), A = d, C += 4;
5769
+ break;
5770
+ case "M":
5771
+ A = _c = new h(o[C], o[C + 1]), n = n.concat(s.changePoint(A)), C += 2;
5772
+ break;
5773
+ case "C":
5774
+ n = n.concat(s.changeCubic(A, new h(o[C], o[C + 1]), new h(o[C + 2], o[C + 3]), new h(o[C + 4], o[C + 5]))), A = new h(o[C + 4], o[C + 5]), C += 6;
5775
+ break;
5776
+ case x:
5777
+ A = _c;
5778
+ }
5779
+ }
5780
+ this.data = n;
5781
+ };
5782
+ _proto2.output = function output() {
5783
+ var t = [],
5784
+ s = this.data.slice();
5785
+ for (var _i = 0; _i < this.commands.length; _i++) {
5786
+ var _h2 = this.commands[_i],
5787
+ _e = 0;
5788
+ switch (_h2) {
5789
+ case "M":
5790
+ case "L":
5791
+ _e = 2;
5792
+ break;
5793
+ case "Q":
5794
+ _e = 4;
5795
+ break;
5796
+ case "C":
5797
+ _e = 6;
5798
+ }
5799
+ t.push(_h2 + s.splice(0, _e).join(" "));
5800
+ }
5801
+ return t.join(" ");
5802
+ };
5803
+ _proto2.calcRectangle = function calcRectangle() {
5804
+ var t = this.commands,
5805
+ s = this.data;
5806
+ for (var i, h, e = {
5807
+ xMin: 1 / 0,
5808
+ yMin: 1 / 0,
5809
+ xMax: -1 / 0,
5810
+ yMax: -1 / 0
5811
+ }, x = 0, _c2 = 0; _c2 < t.length; _c2++) {
5812
+ switch (t[_c2]) {
5813
+ case y:
5814
+ case a:
5815
+ i = s[x], h = s[x + 1], x += 2;
5816
+ break;
5817
+ case n:
5818
+ i = s[x + 2], h = s[x + 3], x += 4;
5819
+ break;
5820
+ case r:
5821
+ i = s[x + 4], h = s[x + 5], x += 6;
5822
+ }
5823
+ e.xMin = Math.min(i, e.xMin), e.xMax = Math.max(i, e.xMax), e.yMin = Math.min(h, e.yMin), e.yMax = Math.max(h, e.yMax);
5824
+ }
5825
+ return e.xMax == -1 / 0 ? null : new o(e.xMin, e.yMin, e.xMax - e.xMin, e.yMax - e.yMin);
5826
+ };
5827
+ return c;
5828
+ }();
5829
+ t.exports = c, "undefined" != typeof window && (window.Path = c);
5830
+ }]);
5831
+
5237
5832
  var fontFamilies = [{
5238
5833
  name: 'Athletic Block',
5239
5834
  src: 'https://storage.googleapis.com/3ddplusgcp/logoEditor/assets/fonts/athletic.ttf'
@@ -5298,6 +5893,9 @@ var Rightmenu = function Rightmenu() {
5298
5893
  var _useState7 = React.useState(1),
5299
5894
  activeTab = _useState7[0],
5300
5895
  setActiveTab = _useState7[1];
5896
+ var _useState8 = React.useState(50),
5897
+ shapeSizeVal = _useState8[0],
5898
+ setShapeSizeVal = _useState8[1];
5301
5899
  var tabs = [{
5302
5900
  id: 1,
5303
5901
  label: 'Properties'
@@ -5305,6 +5903,25 @@ var Rightmenu = function Rightmenu() {
5305
5903
  id: 2,
5306
5904
  label: 'Layers'
5307
5905
  }];
5906
+ var textShapes = [{
5907
+ name: 'None',
5908
+ src: ''
5909
+ }, {
5910
+ name: 'Arc',
5911
+ src: ''
5912
+ }, {
5913
+ name: 'Bridge',
5914
+ src: ''
5915
+ }, {
5916
+ name: 'Bowtie',
5917
+ src: ''
5918
+ }, {
5919
+ name: 'Vertical Arch',
5920
+ src: ''
5921
+ }, {
5922
+ name: 'Reverse Vertical Arch',
5923
+ src: ''
5924
+ }];
5308
5925
  React.useEffect(function () {
5309
5926
  if (!activeSelection) return;
5310
5927
  use3dddPlus.setState({
@@ -5318,12 +5935,429 @@ var Rightmenu = function Rightmenu() {
5318
5935
  setActiveTab(2);
5319
5936
  }
5320
5937
  }, [currentSelection]);
5938
+ var textToPath = /*#__PURE__*/function () {
5939
+ var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(objects) {
5940
+ var promises, pathObj;
5941
+ return _regeneratorRuntime().wrap(function _callee$(_context) {
5942
+ while (1) switch (_context.prev = _context.next) {
5943
+ case 0:
5944
+ promises = [];
5945
+ pathObj = null;
5946
+ objects.forEach(function (object) {
5947
+ promises = [].concat(promises, [new Promise(function (resolve) {
5948
+ // console.log(object.type)
5949
+ if (object.type === 'text') {
5950
+ // console.log(object.fontFamily);
5951
+ var fontSource = fontFamilies.filter(function (o) {
5952
+ return o.name === object.fontFamily;
5953
+ })[0].src;
5954
+ // console.log(fontSource);
5955
+ opentype_js.load(fontSource, function (error, font) {
5956
+ if (error) {
5957
+ console.error(error);
5958
+ }
5959
+ // console.log("font loaded", font);
5960
+ var path = font.getPath(object.text, 0, 0, object.fontSize, {
5961
+ fontSize: object.get('fontSize'),
5962
+ fill: object.get('fill'),
5963
+ stroke: object.get('stroke'),
5964
+ strokeWidth: object.get('strokeWidth')
5965
+ });
5966
+ var fabricPath = new fabric.fabric.Path(path.toPathData(20), {});
5967
+ pathObj = fabricPath;
5968
+ resolve(pathObj);
5969
+ });
5970
+ }
5971
+ })]);
5972
+ });
5973
+ //resolve all promises
5974
+ _context.next = 5;
5975
+ return Promise.all(promises);
5976
+ case 5:
5977
+ return _context.abrupt("return", pathObj);
5978
+ case 6:
5979
+ case "end":
5980
+ return _context.stop();
5981
+ }
5982
+ }, _callee);
5983
+ }));
5984
+ return function textToPath(_x) {
5985
+ return _ref.apply(this, arguments);
5986
+ };
5987
+ }();
5988
+ var setShapeSizeOnTextPath = function setShapeSizeOnTextPath(val) {
5989
+ // console.log(textSelected,val);
5990
+ if (!textSelected || !textSelected['pathData']) {
5991
+ return;
5992
+ }
5993
+ //@ts-ignore
5994
+ var p = new Path(textSelected['pathData'].toClipPathSVG());
5995
+ textSelected.shapeSize = val;
5996
+ switch (textSelected['shapeType']) {
5997
+ case 'None':
5998
+ {
5999
+ break;
6000
+ }
6001
+ case 'Arc':
6002
+ {
6003
+ p.warp({
6004
+ type: 'WARP_ARC',
6005
+ bend: val / 100 || 0
6006
+ });
6007
+ break;
6008
+ }
6009
+ case 'Bridge':
6010
+ {
6011
+ p.warp({
6012
+ type: 'WARP_ARC_LOWER',
6013
+ bend: val / 100 || 0
6014
+ });
6015
+ break;
6016
+ }
6017
+ case 'Bowtie':
6018
+ {
6019
+ p.warp({
6020
+ type: 'WARP_BULGE',
6021
+ bend: val / 100 || 0
6022
+ });
6023
+ break;
6024
+ }
6025
+ case 'Vertical Arch':
6026
+ {
6027
+ p.warp({
6028
+ type: 'WARP_ARCH',
6029
+ bend: val / 100 || 0
6030
+ });
6031
+ break;
6032
+ }
6033
+ case 'Reverse Vertical Arch':
6034
+ {
6035
+ p.warp({
6036
+ type: 'WARP_ARCH',
6037
+ bend: val / 100 || 0
6038
+ });
6039
+ break;
6040
+ }
6041
+ }
6042
+ var newTextPath = new fabric.fabric.Path(p.output());
6043
+ // add new textPath
6044
+ canvas.add(newTextPath);
6045
+ newTextPath['pathData'] = textSelected.pathData;
6046
+ newTextPath['colorFill'] = textSelected.colorFill;
6047
+ newTextPath['shapeSize'] = val;
6048
+ newTextPath['shapeType'] = textSelected.shapeType;
6049
+ // carry forward the text properties over the path for further changes
6050
+ newTextPath['fill'] = textSelected.fill;
6051
+ newTextPath['fontFamily'] = textSelected.fontFamily;
6052
+ newTextPath['fontWeight'] = textSelected.fontWeight;
6053
+ newTextPath['stroke'] = textSelected.stroke;
6054
+ newTextPath['strokeWidth'] = textSelected.strokeWidth;
6055
+ newTextPath['padding'] = textSelected.padding;
6056
+ newTextPath['fontSize'] = textSelected.fontSize;
6057
+ newTextPath['charSpacing'] = textSelected.charSpacing;
6058
+ newTextPath['textAlign'] = textSelected.textAlign;
6059
+ newTextPath['fontStyle'] = textSelected.fontStyle;
6060
+ newTextPath['text'] = textSelected.text;
6061
+ // Set the same position scale matching with existing text
6062
+ newTextPath.left = textSelected.left;
6063
+ newTextPath.top = textSelected.top;
6064
+ newTextPath.width = textSelected.width;
6065
+ newTextPath.height = textSelected.height;
6066
+ newTextPath.scaleX = textSelected.scaleX;
6067
+ newTextPath.scaleY = textSelected.scaleY;
6068
+ newTextPath.setCoords();
6069
+ //@ts-ignore
6070
+ var dims = newTextPath._calcDimensions();
6071
+ newTextPath.width = dims.width;
6072
+ newTextPath.height = dims.height;
6073
+ // delete the text object
6074
+ canvas.remove(textSelected);
6075
+ // set active object as path text
6076
+ canvas.setActiveObject(newTextPath);
6077
+ // textSelected.path = newTextPath.path;
6078
+ textSelected._removeCacheCanvas();
6079
+ canvas.renderAll();
6080
+ };
6081
+ var textShapeChange = /*#__PURE__*/function () {
6082
+ var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(e, textChange, fontSize, charSpacing, strokeWidth, fontWeight, textAlign, fontStyle) {
6083
+ var pathData, p, shapeType, text, fabricPath, dims, newTextPath, activeObj, _dims;
6084
+ return _regeneratorRuntime().wrap(function _callee2$(_context2) {
6085
+ while (1) switch (_context2.prev = _context2.next) {
6086
+ case 0:
6087
+ if (textChange === void 0) {
6088
+ textChange = false;
6089
+ }
6090
+ if (fontSize === void 0) {
6091
+ fontSize = null;
6092
+ }
6093
+ if (charSpacing === void 0) {
6094
+ charSpacing = null;
6095
+ }
6096
+ if (strokeWidth === void 0) {
6097
+ strokeWidth = null;
6098
+ }
6099
+ if (fontWeight === void 0) {
6100
+ fontWeight = null;
6101
+ }
6102
+ if (textAlign === void 0) {
6103
+ textAlign = null;
6104
+ }
6105
+ if (fontStyle === void 0) {
6106
+ fontStyle = null;
6107
+ }
6108
+ pathData = null;
6109
+ p = null;
6110
+ shapeType = e && e.target ? e.target.value : e;
6111
+ if (!shapeType) {
6112
+ shapeType = textSelected.shapeType;
6113
+ }
6114
+ // setShapeType(shapeType);
6115
+ // if the selection is a text object then convert the text into path for shape deformation
6116
+ if (!(currentSelection === 'text')) {
6117
+ _context2.next = 18;
6118
+ break;
6119
+ }
6120
+ _context2.next = 14;
6121
+ return textToPath([textSelected]);
6122
+ case 14:
6123
+ pathData = _context2.sent;
6124
+ //@ts-ignore
6125
+ p = new Path(pathData.toClipPathSVG());
6126
+ _context2.next = 44;
6127
+ break;
6128
+ case 18:
6129
+ if (!(currentSelection === 'path' && textChange)) {
6130
+ _context2.next = 38;
6131
+ break;
6132
+ }
6133
+ if (!(textSelected.text && textSelected.text.trim() === "")) {
6134
+ _context2.next = 24;
6135
+ break;
6136
+ }
6137
+ textSelected.path = [];
6138
+ textSelected._removeCacheCanvas();
6139
+ canvas.renderAll();
6140
+ return _context2.abrupt("return");
6141
+ case 24:
6142
+ // create a temp text with same properties & convert to path
6143
+ text = new fabric.fabric.Text(textSelected.text, {
6144
+ lineHeight: 1,
6145
+ fill: textSelected.fill,
6146
+ fontFamily: textSelected.fontFamily,
6147
+ fontWeight: fontWeight ? fontWeight : textSelected.fontWeight,
6148
+ top: textSelected.top,
6149
+ left: textSelected.left,
6150
+ stroke: textSelected.stroke,
6151
+ strokeWidth: strokeWidth ? strokeWidth : textSelected.strokeWidth,
6152
+ fontStyle: fontStyle ? fontStyle : textSelected.fontStyle,
6153
+ paintFirst: 'stroke',
6154
+ charSpacing: charSpacing ? charSpacing : textSelected.charSpacing,
6155
+ padding: textSelected.padding,
6156
+ fontSize: fontSize ? fontSize : textSelected.fontSize,
6157
+ textAlign: textAlign ? textAlign : textSelected.textAlign,
6158
+ name: 'text',
6159
+ lockScalingFlip: true,
6160
+ centeredScaling: true,
6161
+ text: textSelected.text
6162
+ });
6163
+ text.set({
6164
+ //@ts-ignore
6165
+ colorFill: textSelected.colorFill,
6166
+ fontWeight: fontWeight
6167
+ });
6168
+ text.left = textSelected.left;
6169
+ text.top = textSelected.top;
6170
+ text.width = textSelected.width;
6171
+ text.height = textSelected.height;
6172
+ text.scaleX = textSelected.scaleX;
6173
+ text.scaleY = textSelected.scaleY;
6174
+ _context2.next = 34;
6175
+ return textToPath([text]);
6176
+ case 34:
6177
+ pathData = _context2.sent;
6178
+ //@ts-ignore
6179
+ p = new Path(pathData.toClipPathSVG());
6180
+ _context2.next = 44;
6181
+ break;
6182
+ case 38:
6183
+ if (!(currentSelection === 'path' && !textChange)) {
6184
+ _context2.next = 43;
6185
+ break;
6186
+ }
6187
+ pathData = textSelected.pathData;
6188
+ //@ts-ignore
6189
+ p = new Path(pathData.toClipPathSVG());
6190
+ _context2.next = 44;
6191
+ break;
6192
+ case 43:
6193
+ return _context2.abrupt("return");
6194
+ case 44:
6195
+ _context2.t0 = shapeType;
6196
+ _context2.next = _context2.t0 === 'None' ? 47 : _context2.t0 === 'Arc' ? 50 : _context2.t0 === 'Bridge' ? 54 : _context2.t0 === 'Bowtie' ? 58 : _context2.t0 === 'Vertical Arch' ? 62 : _context2.t0 === 'Reverse Vertical Arch' ? 66 : 70;
6197
+ break;
6198
+ case 47:
6199
+ setShapeSizeVal(0);
6200
+ textSelected.shapeType = 'None';
6201
+ return _context2.abrupt("break", 71);
6202
+ case 50:
6203
+ setShapeSizeVal(50);
6204
+ textSelected.shapeType = 'Arc';
6205
+ p.warp({
6206
+ type: 'WARP_ARC',
6207
+ bend: 50 / 100
6208
+ });
6209
+ return _context2.abrupt("break", 71);
6210
+ case 54:
6211
+ setShapeSizeVal(-25);
6212
+ textSelected.shapeType = 'Bridge';
6213
+ p.warp({
6214
+ type: 'WARP_ARC_LOWER',
6215
+ bend: -25 / 100
6216
+ });
6217
+ return _context2.abrupt("break", 71);
6218
+ case 58:
6219
+ setShapeSizeVal(-12);
6220
+ textSelected.shapeType = 'Bowtie';
6221
+ p.warp({
6222
+ type: 'WARP_BULGE',
6223
+ bend: -12 / 100
6224
+ });
6225
+ return _context2.abrupt("break", 71);
6226
+ case 62:
6227
+ setShapeSizeVal(35);
6228
+ textSelected.shapeType = 'Vertical Arch';
6229
+ p.warp({
6230
+ type: 'WARP_ARCH',
6231
+ bend: 35 / 100
6232
+ });
6233
+ return _context2.abrupt("break", 71);
6234
+ case 66:
6235
+ setShapeSizeVal(-35);
6236
+ textSelected.shapeType = 'Reverse Vertical Arch';
6237
+ p.warp({
6238
+ type: 'WARP_ARCH',
6239
+ bend: -35 / 100
6240
+ });
6241
+ return _context2.abrupt("break", 71);
6242
+ case 70:
6243
+ return _context2.abrupt("break", 71);
6244
+ case 71:
6245
+ // take out the update path with shape type deformation
6246
+ fabricPath = new fabric.fabric.Path(p.output());
6247
+ textSelected['pathData'] = pathData;
6248
+ // add object only when converting from text to path
6249
+ if (currentSelection === 'text') {
6250
+ // add the path text object on canvas
6251
+ canvas.add(fabricPath);
6252
+ fabricPath['pathData'] = pathData;
6253
+ fabricPath['colorFill'] = textSelected.colorFill;
6254
+ fabricPath['shapeSize'] = shapeSizeVal;
6255
+ fabricPath['shapeType'] = e.target.value;
6256
+ // carry forward the text properties over the path for further changes
6257
+ fabricPath['fill'] = textSelected.fill;
6258
+ fabricPath['fontFamily'] = textSelected.fontFamily;
6259
+ fabricPath['fontWeight'] = textSelected.fontWeight;
6260
+ fabricPath['stroke'] = textSelected.stroke;
6261
+ fabricPath['strokeWidth'] = textSelected.strokeWidth / textSelected.scaleY * textSelected.fontSize / 10;
6262
+ fabricPath['padding'] = textSelected.padding;
6263
+ fabricPath['fontSize'] = textSelected.fontSize;
6264
+ fabricPath['charSpacing'] = textSelected.charSpacing;
6265
+ fabricPath['textAlign'] = textSelected.textAlign;
6266
+ fabricPath['fontStyle'] = textSelected.fontStyle;
6267
+ fabricPath['text'] = textSelected.text;
6268
+ // Set the same position scale matching with existing text
6269
+ fabricPath.left = textSelected.left;
6270
+ fabricPath.top = textSelected.top;
6271
+ fabricPath.width = textSelected.width;
6272
+ fabricPath.height = textSelected.height;
6273
+ fabricPath.scaleX = textSelected.scaleX;
6274
+ fabricPath.scaleY = textSelected.scaleY;
6275
+ fabricPath.setCoords();
6276
+ //@ts-ignore
6277
+ dims = fabricPath._calcDimensions();
6278
+ fabricPath.width = dims.width;
6279
+ fabricPath.height = dims.height;
6280
+ // var sel = new fabric.ActiveSelection(fabricPath, { canvas: canvas });
6281
+ // canvas.setActiveObject(sel).requestRenderAll();
6282
+ // delete the text object
6283
+ canvas.remove(textSelected);
6284
+ // set active object as path text
6285
+ canvas.setActiveObject(fabricPath);
6286
+ }
6287
+ // update the text path object with new shape type
6288
+ else {
6289
+ // add new textPath
6290
+ newTextPath = new fabric.fabric.Path(p.output());
6291
+ newTextPath['pathData'] = textSelected.pathData;
6292
+ newTextPath['colorFill'] = textSelected.colorFill;
6293
+ newTextPath['shapeSize'] = textSelected.shapeSize;
6294
+ newTextPath['shapeType'] = textSelected.shapeType;
6295
+ newTextPath['fill'] = textSelected.fill;
6296
+ newTextPath['fontFamily'] = textSelected.fontFamily;
6297
+ newTextPath['fontWeight'] = textSelected.fontWeight;
6298
+ newTextPath['stroke'] = textSelected.stroke;
6299
+ newTextPath['strokeWidth'] = textSelected.strokeWidth;
6300
+ newTextPath['padding'] = textSelected.padding;
6301
+ newTextPath['fontSize'] = textSelected.fontSize;
6302
+ newTextPath['charSpacing'] = textSelected.charSpacing;
6303
+ newTextPath['textAlign'] = textSelected.textAlign;
6304
+ newTextPath['fontStyle'] = textSelected.fontStyle;
6305
+ newTextPath['text'] = textSelected.text;
6306
+ // set same position & scale
6307
+ newTextPath["left"] = textSelected.left;
6308
+ newTextPath["top"] = textSelected.top;
6309
+ newTextPath["width"] = textSelected.width;
6310
+ newTextPath["height"] = textSelected.height;
6311
+ newTextPath["scaleX"] = textSelected.scaleX;
6312
+ newTextPath["scaleY"] = textSelected.scaleY;
6313
+ // delete the active text object
6314
+ activeObj = canvas.getActiveObject();
6315
+ canvas.remove(activeObj);
6316
+ activeObj._removeCacheCanvas();
6317
+ // add & set active new path text
6318
+ canvas.add(newTextPath);
6319
+ canvas.setActiveObject(newTextPath);
6320
+ newTextPath.setCoords();
6321
+ //@ts-ignore
6322
+ _dims = newTextPath._calcDimensions();
6323
+ newTextPath.width = _dims.width;
6324
+ newTextPath.height = _dims.height;
6325
+ canvas.renderAll();
6326
+ }
6327
+ canvas.renderAll();
6328
+ case 75:
6329
+ case "end":
6330
+ return _context2.stop();
6331
+ }
6332
+ }, _callee2);
6333
+ }));
6334
+ return function textShapeChange(_x2, _x3, _x4, _x5, _x6, _x7, _x8, _x9) {
6335
+ return _ref2.apply(this, arguments);
6336
+ };
6337
+ }();
6338
+ var textShapeSizeHandler = function textShapeSizeHandler(e) {
6339
+ setShapeSizeVal(e.target.valueAsNumber);
6340
+ textSelected.shapeSize = e.target.valueAsNumber;
6341
+ console.log(e.target.valueAsNumber);
6342
+ use3dddPlus.getState().updateModifaction(true);
6343
+ use3dddPlus.getState().forIconCapture();
6344
+ textSelected.icon = use3dddPlus.getState().iconImage;
6345
+ setShapeSizeOnTextPath(textSelected.shapeSize);
6346
+ canvas.renderAll();
6347
+ if (textSelected.aCoords.tr.x > 480) {
6348
+ return;
6349
+ }
6350
+ };
5321
6351
  var onTextChange = function onTextChange(e) {
5322
6352
  var lines = e.target.value.split('\n');
5323
6353
  lines.length == 1 ? setTextAlignDisplay(false) : setTextAlignDisplay(true);
5324
6354
  use3dddPlus.setState({
5325
6355
  textInfo: e.target.value
5326
6356
  });
6357
+ textSelected['text'] = e.target.value;
6358
+ if (currentSelection === 'path') {
6359
+ textShapeChange(textSelected.shapeType, true);
6360
+ }
5327
6361
  textSelected.set('text', use3dddPlus.getState().textInfo);
5328
6362
  use3dddPlus.getState().forIconCapture();
5329
6363
  textSelected.icon = use3dddPlus.getState().iconImage;
@@ -5333,6 +6367,9 @@ var Rightmenu = function Rightmenu() {
5333
6367
  console.log(e.target.id);
5334
6368
  setActiveButton(e.target.id);
5335
6369
  textSelected.set('textAlign', e.target.id);
6370
+ if (currentSelection === 'path') {
6371
+ textShapeChange(textSelected.shapeType, true);
6372
+ }
5336
6373
  use3dddPlus.getState().updateModifaction(true);
5337
6374
  use3dddPlus.getState().forIconCapture();
5338
6375
  textSelected.icon = use3dddPlus.getState().iconImage;
@@ -5340,6 +6377,9 @@ var Rightmenu = function Rightmenu() {
5340
6377
  };
5341
6378
  var handleSliderChange = function handleSliderChange(event) {
5342
6379
  textSelected.set('fontSize', event.target.value);
6380
+ if (currentSelection === 'path') {
6381
+ textShapeChange(textSelected.shapeType, true);
6382
+ }
5343
6383
  canvas.renderAll();
5344
6384
  setSliderValue(event.target.value);
5345
6385
  };
@@ -5354,6 +6394,9 @@ var Rightmenu = function Rightmenu() {
5354
6394
  (_document$fonts = document.fonts) == null ? void 0 : _document$fonts.add(value);
5355
6395
  document.body.classList.add('fonts-loaded');
5356
6396
  textSelected.set('fontFamily', item.name);
6397
+ if (currentSelection === 'path') {
6398
+ textShapeChange(textSelected.shapeType, true);
6399
+ }
5357
6400
  use3dddPlus.getState().forIconCapture();
5358
6401
  textSelected.icon = use3dddPlus.getState().iconImage;
5359
6402
  canvas.renderAll();
@@ -5397,6 +6440,9 @@ var Rightmenu = function Rightmenu() {
5397
6440
  var textOutlineHandler = function textOutlineHandler(e) {
5398
6441
  setOutlineVal(e.target.valueAsNumber);
5399
6442
  textSelected.strokeWidth = e.target.valueAsNumber;
6443
+ if (currentSelection === 'path') {
6444
+ textShapeChange(textSelected.shapeType, true);
6445
+ }
5400
6446
  use3dddPlus.getState().updateModifaction(true);
5401
6447
  use3dddPlus.getState().forIconCapture();
5402
6448
  textSelected.icon = use3dddPlus.getState().iconImage;
@@ -5413,6 +6459,9 @@ var Rightmenu = function Rightmenu() {
5413
6459
  var textSpacingHandler = function textSpacingHandler(e) {
5414
6460
  setSpacinglineVal(e.target.valueAsNumber);
5415
6461
  textSelected.charSpacing = e.target.valueAsNumber;
6462
+ if (currentSelection === 'path') {
6463
+ textShapeChange(textSelected.shapeType, true);
6464
+ }
5416
6465
  use3dddPlus.getState().updateModifaction(true);
5417
6466
  use3dddPlus.getState().forIconCapture();
5418
6467
  textSelected.icon = use3dddPlus.getState().iconImage;
@@ -5612,7 +6661,7 @@ var Rightmenu = function Rightmenu() {
5612
6661
  key: activeTab
5613
6662
  }, React__default.createElement("div", {
5614
6663
  className: "h-[50vh] sm:h-[55vh] 2xl:h-[60vh] overflow-y-auto overflow-x-hidden"
5615
- }, currentSelection === 'text' && React__default.createElement("div", {
6664
+ }, (currentSelection === 'text' || currentSelection === 'path') && React__default.createElement("div", {
5616
6665
  className: " "
5617
6666
  }, React__default.createElement("div", {
5618
6667
  className: "uppercase font-bold text-sm mb-[8.5px]"
@@ -5739,6 +6788,27 @@ var Rightmenu = function Rightmenu() {
5739
6788
  value: spacingVal,
5740
6789
  className: "border border-[#EBEBEB] py-[10px] pl-[16px] mb-[16.5px] w-[145px]",
5741
6790
  onChange: textSpacingHandler
6791
+ }))), React__default.createElement("div", null, React__default.createElement("div", {
6792
+ className: "uppercase font-bold text-sm mb-[8.5px]"
6793
+ }, "Text Shape"), React__default.createElement("select", {
6794
+ name: "textShape",
6795
+ id: "textShape",
6796
+ onChange: textShapeChange,
6797
+ className: INPUT_BG_COLOR + " font-bold " + TEXT_COLOR_1 + " " + TEXT_SIZE_3 + " border border-solid\u2003\u2003 " + BORDER_COLOR_1 + " select select-bordered w-full rounded-none focus:outline-current focus:outline-offset-0 focus:rounded-sm mb-[16.5px]"
6798
+ }, textShapes.map(function (list) {
6799
+ return React__default.createElement(React__default.Fragment, null, React__default.createElement("option", {
6800
+ value: list.name
6801
+ }, list.name));
6802
+ })), React__default.createElement("div", null, React__default.createElement("div", {
6803
+ className: "uppercase font-bold text-sm mb-[8.5px]"
6804
+ }, "Shape Size"), React__default.createElement("input", {
6805
+ type: "number",
6806
+ id: "shapeSize",
6807
+ name: "shapeSize",
6808
+ step: "10",
6809
+ value: shapeSizeVal,
6810
+ className: "border border-[#EBEBEB] py-[10px] pl-[16px] mb-[16.5px] w-[145px]",
6811
+ onChange: textShapeSizeHandler
5742
6812
  })))), currentSelection === 'group' && React__default.createElement(ImageEdit, {
5743
6813
  flipX: flipX,
5744
6814
  flipY: flipY,
@@ -6058,7 +7128,7 @@ var SaveDesignModal = function SaveDesignModal(_ref) {
6058
7128
  }, React__default.createElement("button", null, "close"))));
6059
7129
  };
6060
7130
 
6061
- var css_248z$6 = ".designNameInput+.designNameLabel,.designNotesTextarea+.designNotesLabel,.designTagsInput+.designTagsLabel{font-size:15px;padding-bottom:0;padding-top:0}.designNameInput:not(:-moz-placeholder-shown)+.designNameLabel,.designNotesTextarea:not(:-moz-placeholder-shown)+.designNotesLabel,.designTagsInput:not(:-moz-placeholder-shown)+.designTagsLabel{background:#fff;color:#727272;font-size:13px;left:1rem;line-height:normal;opacity:1;top:0}.designNameInput:not(:-moz-placeholder-shown) + .designNameLabel, .designNotesTextarea:not(:-moz-placeholder-shown) + .designNotesLabel, .designTagsInput:not(:-moz-placeholder-shown) + .designTagsLabel{background:#fff;color:#727272;font-size:13px;left:1rem;line-height:normal;opacity:1;top:0}.designNameInput:focus+.designNameLabel,.designNameInput:not(:placeholder-shown)+.designNameLabel,.designNotesTextarea:focus+.designNotesLabel,.designNotesTextarea:not(:placeholder-shown)+.designNotesLabel,.designTagsInput:focus+.designTagsLabel,.designTagsInput:not(:placeholder-shown)+.designTagsLabel{background:#fff;color:#727272;font-size:13px;left:1rem;line-height:normal;opacity:1;top:0}.designNameLabel,.designNotesLabel,.designTagsLabel{font-size:15px;opacity:.4}.tagClass{background:#fff!important;color:#727272;font-size:13px!important;left:1rem!important;line-height:normal;opacity:1;top:0!important}";
7131
+ var css_248z$6 = ".designNameInputlogo+.designNameLabellogo,.designNotesTextarea+.designNotesLabel,.designTagsInputlogo+.designTagsLabellogo{font-size:15px;padding-bottom:0;padding-top:0}.designNameInputlogo:not(:-moz-placeholder-shown)+.designNameLabellogo,.designNotesTextarea:not(:-moz-placeholder-shown)+.designNotesLabel,.designTagsInputlogo:not(:-moz-placeholder-shown)+.designTagsLabellogo{background:#fff;color:#727272;font-size:13px;left:1rem;line-height:normal;opacity:1;top:0}.designNameInputlogo:not(:-moz-placeholder-shown) + .designNameLabellogo, .designNotesTextarea:not(:-moz-placeholder-shown) + .designNotesLabel, .designTagsInputlogo:not(:-moz-placeholder-shown) + .designTagsLabellogo{background:#fff;color:#727272;font-size:13px;left:1rem;line-height:normal;opacity:1;top:0}.designNameInputlogo:focus+.designNameLabellogo,.designNameInputlogo:not(:placeholder-shown)+.designNameLabellogo,.designNotesTextarea:focus+.designNotesLabel,.designNotesTextarea:not(:placeholder-shown)+.designNotesLabel,.designTagsInputlogo:focus+.designTagsLabellogo,.designTagsInputlogo:not(:placeholder-shown)+.designTagsLabellogo{background:#fff;color:#727272;font-size:13px;left:1rem;line-height:normal;opacity:1;top:0}.designNameLabellogo,.designNotesLabel,.designTagsLabellogo{font-size:15px;opacity:.4}.tagClasslogo{background:#fff!important;color:#727272;font-size:13px!important;left:1rem!important;line-height:normal;opacity:1;top:0!important}";
6062
7132
  styleInject(css_248z$6);
6063
7133
 
6064
7134
  var SaveDesign = function SaveDesign() {
@@ -6257,9 +7327,9 @@ var SaveDesign = function SaveDesign() {
6257
7327
  className: "relative"
6258
7328
  }, React__default.createElement("input", {
6259
7329
  type: "text",
6260
- id: "exampleFormControlInput2",
6261
- name: "designName",
6262
- className: (designNameValidation === 'length' ? 'mb-[1rem]' : 'mb-[1.25rem]') + " " + (designNameValidation === 'length' ? "border " + INPUT_ERROR_BORDER_COLOR : "border " + EDIT_DESIGN_INFO_INPUT_BORDER_COLOR) + " designNameInput bg-white w-full h-[3rem] rounded-none focus:outline-none border " + EDIT_DESIGN_INFO_INPUT_BORDER_COLOR + " " + TEXT_SIZE_9 + " py-[0.8125rem] px-4 block leading-[1.25rem] " + EDIT_DESIGN_INFO_TEXT_COLOR_3 + " font-medium",
7330
+ id: "exampleFormControlInput2logo",
7331
+ name: "designNamelogo",
7332
+ className: (designNameValidation === 'length' ? 'mb-[1rem]' : 'mb-[1.25rem]') + " " + (designNameValidation === 'length' ? "border " + INPUT_ERROR_BORDER_COLOR : "border " + EDIT_DESIGN_INFO_INPUT_BORDER_COLOR) + " designNameInputlogo bg-white w-full h-[3rem] rounded-none focus:outline-none border " + EDIT_DESIGN_INFO_INPUT_BORDER_COLOR + " " + TEXT_SIZE_9 + " py-[0.8125rem] px-4 block leading-[1.25rem] " + EDIT_DESIGN_INFO_TEXT_COLOR_3 + " font-medium",
6263
7333
  placeholder: " ",
6264
7334
  value: designName,
6265
7335
  onChange: function onChange(e) {
@@ -6270,8 +7340,8 @@ var SaveDesign = function SaveDesign() {
6270
7340
  e.currentTarget.focus();
6271
7341
  }
6272
7342
  }), React__default.createElement("label", {
6273
- htmlFor: "exampleFormControlInput2",
6274
- className: "designNameLabel px-[0.125rem] absolute left-4 transition-all " + TEXT_SIZE_9 + " " + EDIT_DESIGN_INFO_TEXT_COLOR_2 + " top-1/2 transform -translate-y-1/2"
7343
+ htmlFor: "exampleFormControlInput2logo",
7344
+ className: "designNameLabellogo px-[0.125rem] absolute left-4 transition-all " + TEXT_SIZE_9 + " " + EDIT_DESIGN_INFO_TEXT_COLOR_2 + " top-1/2 transform -translate-y-1/2"
6275
7345
  }, "Design Name")), designNameValidation === 'length' && React__default.createElement("div", {
6276
7346
  role: "alert",
6277
7347
  className: "text-sm " + INPUT_ERROR_TEXT_COLOR + " mb-[1.25rem]"
@@ -6297,18 +7367,18 @@ var SaveDesign = function SaveDesign() {
6297
7367
  name: "tags",
6298
7368
  type: "text",
6299
7369
  placeholder: " ",
6300
- className: "designTagsInput " + EDIT_DESIGN_INFO_TEXT_COLOR_3 + " font-medium block w-[6.25rem] focus:outline-none",
7370
+ className: "designTagsInputlogo " + EDIT_DESIGN_INFO_TEXT_COLOR_3 + " font-medium block w-[6.25rem] focus:outline-none",
6301
7371
  value: tagName,
6302
7372
  onChange: handleTagChange,
6303
7373
  onKeyDown: handleKeyDown,
6304
7374
  onBlur: handleKeyDown,
6305
- id: "exampleFormControlInput3",
7375
+ id: "exampleFormControlInput3logo",
6306
7376
  onClick: function onClick(e) {
6307
7377
  e.currentTarget.focus();
6308
7378
  }
6309
7379
  }), React__default.createElement("label", {
6310
- htmlFor: "exampleFormControlInput3",
6311
- className: "py-[0.695rem] " + ((designTag == null ? void 0 : designTag.length) > 0 ? 'tagClass' : '') + " designTagsLabel px-[0.125rem] " + TEXT_SIZE_9 + " " + EDIT_DESIGN_INFO_TEXT_COLOR_2 + " font-medium leading-[1.25rem] absolute transition-all top-1/2 transform -translate-y-1/2"
7380
+ htmlFor: "exampleFormControlInput3logo",
7381
+ className: "py-[0.695rem] " + ((designTag == null ? void 0 : designTag.length) > 0 ? 'tagClasslogo' : '') + " designTagsLabellogo px-[0.125rem] " + TEXT_SIZE_9 + " " + EDIT_DESIGN_INFO_TEXT_COLOR_2 + " font-medium leading-[1.25rem] absolute transition-all top-1/2 transform -translate-y-1/2"
6312
7382
  }, "Tags")))), !!commaInTagName && React__default.createElement("div", {
6313
7383
  role: "alert",
6314
7384
  className: "text-sm " + INPUT_ERROR_TEXT_COLOR + " mb-5"