fenextjs-component
Version:
1 lines • 198 kB
CSS
*{box-sizing:border-box;padding:0;margin:0}html,body{max-width:100vw;min-height:100dvh}html{font-size:16px;overflow:auto;background-color:var(--fenext-color-white);color:var(--fenext-color-dark)}@media(min-width: 575px){html{font-size:14px}}@media(min-width: 768px){html{font-size:15px}}@media(min-width: 992px){html{font-size:16px}}@media(min-width: 1024px){html{font-size:17px}}@media(min-width: 1440px){html{font-size:18px}}@media(min-width: 1680px){html{font-size:19px}}@media(min-width: 1920px){html{font-size:20px}}body{padding:0;margin:0}body.sb-show-main.sb-main-padded{padding:2rem}body.sb-show-main.sb-main-padded:has(.fenext-layout-grid){padding:0}@media(max-width: 991px){body.sb-show-main.sb-main-padded{padding:1rem}}:root{--fenext-font-global:system-ui;--fenext-size-menu-top: 3rem;--fenext-size-menu-left-close: 0px;--fenext-size-menu-left-max: max(13rem, 10vw);--fenext-size-menu-left: min(100%, var(--fenext-size-menu-left-max));--fenext-z-index-menu: 100;--fenext-z-index-modal: 2000;--fenext-z-index-select-option: 3000;--fenext-z-index-notification: 30000;--fenext-z-index-google-autocomplete-pac: 40000;--fenext-size-container: 80dvw}@media(max-width: 575px){:root{--fenext-size-container: 100%}}:root{--fenext-size-btn-menu: 2rem;--fenext-size-user: 3rem;--fenext-modal-width: max(30vw, min(30rem, 100%));--fenext-modal-height: max(30vh, min(15rem, 100%))}:root{--fenext-color-primary: #007ec7;--fenext-color-theme-light-primary: #007ec7;--fenext-color-secondary: #1c2434;--fenext-color-theme-light-secondary: #1c2434;--fenext-color-processed: #5700d1;--fenext-color-theme-light-processed: #5700d1;--fenext-color-pendding: #60c5ff;--fenext-color-theme-light-pendding: #60c5ff;--fenext-color-success: #43A047;--fenext-color-theme-light-success: #43A047;--fenext-color-warning: #FDD835;--fenext-color-theme-light-warning: #FDD835;--fenext-color-danger: #E53935;--fenext-color-theme-light-danger: #E53935;--fenext-color-light: #F5F5F5;--fenext-color-theme-light-light: #F5F5F5;--fenext-color-dark: #212121;--fenext-color-theme-light-dark: #212121;--fenext-color-gray: #c9c9c9;--fenext-color-theme-light-gray: #c9c9c9;--fenext-color-disabled: #9c9c9c;--fenext-color-theme-light-disabled: #9c9c9c;--fenext-color-white: #fff;--fenext-color-theme-light-white: #fff;--fenext-color-loader-background: #f2f2f2;--fenext-color-theme-light-loader-background: #f2f2f2;--fenext-color-loader-foreground: #9c9c9c;--fenext-color-theme-light-loader-foreground: #9c9c9c}@media(prefers-color-scheme: dark){:root:not(:has([data-fenext-prefers-color-scheme-disabled])){--fenext-color-primary: #60c5ff;--fenext-color-theme-dark-primary: #60c5ff;--fenext-color-secondary: #24303f;--fenext-color-theme-dark-secondary: #24303f;--fenext-color-processed: #5700d1;--fenext-color-theme-dark-processed: #5700d1;--fenext-color-pendding: #60c5ff;--fenext-color-theme-dark-pendding: #60c5ff;--fenext-color-success: #66BB6A;--fenext-color-theme-dark-success: #66BB6A;--fenext-color-warning: #FFEB3B;--fenext-color-theme-dark-warning: #FFEB3B;--fenext-color-danger: #EF5350;--fenext-color-theme-dark-danger: #EF5350;--fenext-color-light: #24303f;--fenext-color-theme-dark-light: #24303f;--fenext-color-dark: #FAFAFA;--fenext-color-theme-dark-dark: #FAFAFA;--fenext-color-gray: #c9c9c9;--fenext-color-theme-dark-gray: #c9c9c9;--fenext-color-disabled: #9c9c9c;--fenext-color-theme-dark-disabled: #9c9c9c;--fenext-color-white: #1a222c;--fenext-color-theme-dark-white: #1a222c;--fenext-color-loader-background: hsl(0, 0%, 35%);--fenext-color-theme-dark-loader-background: hsl(0, 0%, 35%);--fenext-color-loader-foreground: hsl(0, 0%, 71%);--fenext-color-theme-dark-loader-foreground: hsl(0, 0%, 71%)}}[fenext-theme=dark]{--fenext-color-primary: #60c5ff;--fenext-color-theme-dark-primary: #60c5ff;--fenext-color-secondary: #24303f;--fenext-color-theme-dark-secondary: #24303f;--fenext-color-processed: #5700d1;--fenext-color-theme-dark-processed: #5700d1;--fenext-color-pendding: #60c5ff;--fenext-color-theme-dark-pendding: #60c5ff;--fenext-color-success: #66BB6A;--fenext-color-theme-dark-success: #66BB6A;--fenext-color-warning: #FFEB3B;--fenext-color-theme-dark-warning: #FFEB3B;--fenext-color-danger: #EF5350;--fenext-color-theme-dark-danger: #EF5350;--fenext-color-light: #24303f;--fenext-color-theme-dark-light: #24303f;--fenext-color-dark: #FAFAFA;--fenext-color-theme-dark-dark: #FAFAFA;--fenext-color-gray: #c9c9c9;--fenext-color-theme-dark-gray: #c9c9c9;--fenext-color-disabled: #9c9c9c;--fenext-color-theme-dark-disabled: #9c9c9c;--fenext-color-white: #1a222c;--fenext-color-theme-dark-white: #1a222c;--fenext-color-loader-background: hsl(0, 0%, 35%);--fenext-color-theme-dark-loader-background: hsl(0, 0%, 35%);--fenext-color-loader-foreground: hsl(0, 0%, 71%);--fenext-color-theme-dark-loader-foreground: hsl(0, 0%, 71%)}[fenext-theme=light]{--fenext-color-primary: #007ec7;--fenext-color-theme-light-primary: #007ec7;--fenext-color-secondary: #1c2434;--fenext-color-theme-light-secondary: #1c2434;--fenext-color-processed: #5700d1;--fenext-color-theme-light-processed: #5700d1;--fenext-color-pendding: #60c5ff;--fenext-color-theme-light-pendding: #60c5ff;--fenext-color-success: #43A047;--fenext-color-theme-light-success: #43A047;--fenext-color-warning: #FDD835;--fenext-color-theme-light-warning: #FDD835;--fenext-color-danger: #E53935;--fenext-color-theme-light-danger: #E53935;--fenext-color-light: #F5F5F5;--fenext-color-theme-light-light: #F5F5F5;--fenext-color-dark: #212121;--fenext-color-theme-light-dark: #212121;--fenext-color-gray: #c9c9c9;--fenext-color-theme-light-gray: #c9c9c9;--fenext-color-disabled: #9c9c9c;--fenext-color-theme-light-disabled: #9c9c9c;--fenext-color-white: #fff;--fenext-color-theme-light-white: #fff;--fenext-color-loader-background: #f2f2f2;--fenext-color-theme-light-loader-background: #f2f2f2;--fenext-color-loader-foreground: #9c9c9c;--fenext-color-theme-light-loader-foreground: #9c9c9c}::-webkit-scrollbar{width:.5rem;height:.5rem}::-webkit-scrollbar-track{background-color:var(--fenext-color-white, white)}::-webkit-scrollbar-thumb{background-color:var(--fenext-color-primary, gray);border-radius:1rem;cursor:pointer}*{scroll-behavior:smooth}@view-transition{navigation:auto}::view-transition-group(*){animation-duration:1s}.fenext-loader{width:1.5rem;aspect-ratio:1/1;border:.3rem solid var(--fenext-color-dark);border-color:color-contrast(var(--fenext-color-dark) vs #fff, var(--fenext-color-dark));border-top-color:rgba(0,0,0,0);border-radius:100%;margin:auto;animation:to-rotate 1s infinite}.fenext-loader-spinner{width:1.5rem;aspect-ratio:1/1;border:.3rem solid var(--fenext-color-dark);border-color:color-contrast(var(--fenext-color-dark) vs #fff, var(--fenext-color-dark));border-top-color:rgba(0,0,0,0);border-radius:100%;margin:auto;animation:to-rotate 1s infinite}.fenext-loader-line{--size: var(--height, 1rem);width:100%;height:var(--size, 1rem);border-radius:var(--size, 1rem);overflow:hidden;display:block;position:relative}.fenext-loader-line::before{content:"";position:absolute;width:200%;height:100%;top:0;left:-100%;background:linear-gradient(to right, var(--fenext-color-loader-background) 0%, var(--fenext-color-loader-foreground) 50%, var(--fenext-color-loader-background) 100%);transition:1s;animation:toMove_n100_2002 2s infinite alternate}@keyframes toMove_n100_2002{from{left:-100%}to{left:0%}}.fenext-loader-user{display:grid;grid-template-columns:var(--fenext-size-user) repeat(1, 1fr);grid-template-rows:repeat(2, 1fr);column-gap:1rem;align-items:center;align-content:center}@media(max-width: 767px){.fenext-loader-user{grid-template-columns:var(--fenext-size-user)}}.fenext-loader-user-img{grid-area:1/1/3/2;width:100%;height:100%;aspect-ratio:1/1;border-radius:100%}.fenext-loader-user-name{grid-area:1/2/2/3;width:7rem;height:1rem}@media(max-width: 767px){.fenext-loader-user-name{display:none}}.fenext-loader-user-email{grid-area:2/2/3/3;width:4rem;height:.75rem}@media(max-width: 767px){.fenext-loader-user-email{display:none}}:root{--fenext-btn-padding: 1rem 1.5rem;--fenext-btn-extra-small-padding: 0.5rem 0.9rem;--fenext-btn-small-padding: 0.75rem 1.2rem;--fenext-btn-normal-padding: 1rem 1.5rem;--fenext-btn-strong-padding: 1.2rem 1.7rem;--fenext-btn-extra-strong-padding: 1.3rem 2rem;--fenext-btn-font-size: 1rem;--fenext-btn-extra-small-font-size: 0.7rem;--fenext-btn-small-font-size: 0.8rem;--fenext-btn-normal-font-size: 1rem;--fenext-btn-strong-font-size: 1.2rem;--fenext-btn-extra-strong-font-size: 1.4rem;--fenext-btn-font-weight: 900;--fenext-btn-line-height: 1;--fenext-btn-text-align: center;--fenext-btn-background: var(--fenext-color-primary);--fenext-btn-background-hover: var(--fenext-color-secondary);--fenext-btn-background-invert: var(--fenext-color-secondary);--fenext-btn-background-invert-hover: var(--fenext-color-primary);--fenext-btn-background-disabled: var(--fenext-color-disabled);--fenext-btn-color: var(--fenext-color-theme-light-light);--fenext-btn-color-loader: transparent;--fenext-btn-border-radius: 0.5rem;--fenext-btn-border: 0;--fenext-btn-width: auto;--fenext-btn-full-width: 100%;--fenext-btn-cursor: pointer;--fenext-btn-display: inline-flex;--fenext-btn-align-items: center;--fenext-btn-justify-content: center;--fenext-btn-gap: 0.5rem;--fenext-btn-position: relative;--fenext-btn-icon-justify-content: start;--fenext-btn-content-loader-position: absolute;--fenext-btn-content-loader-inset: 0;--fenext-btn-content-loader-margin: auto;--fenext-btn-content-loader-display: grid;--fenext-btn-content-loader-place-content: center;--fenext-btn-loader-max-height: 90%;--fenext-btn-loader-height: 1.5rem;--fenext-btn-loader-width: auto;--fenext-btn-loader-color: var(--fenext-color-light);--fenext-btn-fenext-svg-size: 1em}.fenext-btn{color:var(--fenext-btn-color);background:var(--fenext-btn-background);padding:var(--fenext-btn-padding);border-radius:var(--fenext-btn-border-radius);border:var(--fenext-btn-border);font-family:var(--fenext-font-global);font-size:var(--fenext-btn-font-size);font-weight:var(--fenext-btn-font-weight);line-height:var(--fenext-btn-line-height);text-align:var(--fenext-btn-text-align);width:var(--fenext-btn-width);cursor:var(--fenext-btn-cursor);display:var(--fenext-btn-display);position:var(--fenext-btn-position);align-items:var(--fenext-btn-align-items);justify-content:var(--fenext-btn-justify-content);gap:var(--fenext-btn-gap)}.fenext-btn:hover{--fenext-btn-background: var(--fenext-btn-background-hover)}.fenext-btn-invert{--fenext-btn-background: var(--fenext-btn-background-invert);--fenext-btn-background-hover: var( --fenext-btn-background-invert-hover )}.fenext-btn-icon{--fenext-btn-justify-content: var(--fenext-btn-icon-justify-content)}.fenext-btn :where(.fenext-btn-icon .fenext_svg){width:var(--fenext-btn-fenext-svg-size);height:var(--fenext-btn-fenext-svg-size)}.fenext-btn-disabled{--fenext-btn-background: var(--fenext-btn-background-disabled)}.fenext-btn-size-extra-small{--fenext-btn-padding: var(--fenext-btn-extra-small-padding);--fenext-btn-font-size: var(--fenext-btn-extra-small-font-size);--fenext-btn-loader-max-height: 70%}.fenext-btn-size-small{--fenext-btn-padding: var(--fenext-btn-small-padding);--fenext-btn-font-size: var(--fenext-btn-small-font-size);--fenext-btn-loader-max-height: 80%}.fenext-btn-size-normal{--fenext-btn-padding: var(--fenext-btn-normal-padding);--fenext-btn-font-size: var(--fenext-btn-normal-font-size)}.fenext-btn-size-strong{--fenext-btn-padding: var(--fenext-btn-strong-padding);--fenext-btn-font-size: var(--fenext-btn-strong-font-size)}.fenext-btn-size-extra-strong{--fenext-btn-padding: var(--fenext-btn-extra-strong-padding);--fenext-btn-font-size: var(--fenext-btn-extra-strong-font-size)}.fenext-btn-size-full{--fenext-btn-width: var(--fenext-btn-full-width)}.fenext-btn-content-loader-element{position:var(--fenext-btn-content-loader-position);inset:var(--fenext-btn-content-loader-inset);margin:var(--fenext-btn-content-loader-margin);display:var(--fenext-btn-content-loader-display);place-content:var(--fenext-btn-content-loader-place-content)}.fenext-btn-loader-element{max-height:var(--fenext-btn-loader-max-height);height:var(--fenext-btn-loader-height);width:var(--fenext-btn-loader-width);color:var(--fenext-btn-loader-color)}.fenext-btn-loader{--fenext-btn-color: var(--fenext-btn-color-loader)}.fenext-btn :where(.fenext-btn-loader>*:not(.fenext-btn-content-loader-element)){opacity:0}.fenext-input-label{font-family:var(--fenext-font-global);font-size:1rem;font-weight:800;line-height:1.36;text-align:left;color:var(--fenext-color-dark)}.fenext-input-label:empty{display:none}.fenext-input-optional{margin-left:.5rem;font-size:.75em;color:color-mix(in srgb, currentColor 50%, transparent)}.fenext-input-required{margin-left:.5rem;font-size:.75em;color:color-mix(in srgb, currentColor 50%, transparent)}.fenext-input-validator-status-error{box-shadow:var(--box-shadow)}.fenext-input-content{position:relative;--box-shadow-size: 2px;--box-shadow-color: var(--fenext-color-light);--box-shadow-color-error: var(--fenext-color-danger);--box-shadow-color-target: var(--fenext-color-secondary);--box-shadow-color-focus: var(--fenext-color-primary);--box-shadow: inset 0px 0px 0px var(--box-shadow-size) var(--box-shadow-color)}.fenext-input-content:has(.fenext-input-content-input:focus){--box-shadow-color: var(--box-shadow-color-focus)}.fenext-input-content:has(.fenext-input-validator-status-error.fenext-input-validator-status-error){--box-shadow-color: var(--box-shadow-color-error)}.fenext-input-content:has(.fenext-input-content-input-show-focus-target:target){--box-shadow-color: var(--box-shadow-color-target)}.fenext-input-content-input{width:100%;padding:1rem 1.5rem;opacity:1;border-radius:.7rem;border:0;color:var(--fenext-color-dark);background-color:var(--fenext-color-light);font-family:var(--fenext-font-global);box-shadow:var(--box-shadow);font-size:1rem;font-weight:800;line-height:1.36;text-align:left;outline:none}@media(max-width: 575px){.fenext-input-content-input{padding:.75rem 1rem;font-size:.75rem}}.fenext-input-content-input-show-focus-target:target{box-shadow:var(--box-shadow)}.fenext-input-content-input::placeholder{color:color-mix(in srgb, currentColor 50%, transparent)}.fenext-input-content-input:focus{box-shadow:var(--box-shadow)}.fenext-input-content-input:disabled{opacity:.5}.fenext-input-content-input[type=textarea]{min-height:5rem;resize:vertical}.fenext-input-content-input-max-leght{position:absolute;right:1rem;bottom:.5rem;font-family:var(--fenext-font-global);font-size:.75rem;font-weight:300;line-height:1;color:var(--fenext-color-light)}.fenext-input-content-input[type=number]{-moz-appearance:textfield}.fenext-input-content-input[type=number]::-webkit-outer-spin-button,.fenext-input-content-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.fenext-input-content-icon{position:absolute;right:1.5rem;color:var(--fenext-color-dark);top:0;bottom:0;margin:auto;display:flex;align-items:center;cursor:pointer}@media(max-width: 575px){.fenext-input-content-icon{right:.75rem}}.fenext-input-content-icon svg{width:1rem}.fenext-input-content-loader{position:absolute;right:1.5rem;color:var(--fenext-color-dark);top:0;bottom:0;margin:auto;display:flex;align-items:center}.fenext-input-content:has(.fenext-input-content-loader) .fenext-input-content-icon{display:none}.fenext-input-icon-pos-left .fenext-input-content-input{padding-left:3.3rem}.fenext-input-icon-pos-left .fenext-input-content-icon{right:inherit;left:1.5rem}.fenext-input-error.fenext-input-error{text-align:right;color:var(--fenext-color-danger);background-color:rgba(0,0,0,0);margin-bottom:0}.fenext-input-error.fenext-input-error .fenext-error-input{display:none}.fenext-input-date{position:absolute;inset:0;opacity:0;z-index:2;width:100%;height:100%;max-width:100%;min-width:100%;border:0;box-sizing:border-box;padding:0;margin:0;outline:none;box-shadow:none}.fenext-input-date::-webkit-calendar-picker-indicator{cursor:pointer;display:block;background:rgba(0,0,0,0);color:rgba(0,0,0,0);position:absolute;inset:0;width:100%;height:100%;z-index:2}.fenext-input-date-icon{display:flex;align-items:center}.fenext-input-date-icon svg{width:1.3rem}@media(max-width: 575px){.fenext-input-date-icon svg{width:1rem}}.fenext-input-date-range{display:grid;grid-template-columns:1fr 1fr;column-gap:.5rem}.fenext-input-date-range .fenext-input-label{grid-column:1/-1}.fenext-input-content:has(.fenext-input-password-icon:hover) .fenext-input-content-input{--box-shadow: 0px 0px 0px 2px var(--box-shadow-color);box-shadow:var(--box-shadow)}.fenext-input-password-icon{user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none}.fenext-input-password-icon svg{width:1.5rem}.fenext-input-file{position:relative;overflow:hidden}.fenext-input-file-label{position:relative}.fenext-input-file-content{position:relative}.fenext-input-file-input{position:absolute;width:100%;height:100%;opacity:0;inset:0;border:0;cursor:pointer}.fenext-input-file-input::-webkit-file-upload-button{position:absolute;width:100%;padding:100vh 100vw;height:100%;min-width:100%;min-height:100%;opacity:1;top:50%;left:50%;transform:translate(-50%, -50%);inset:0;border:0;cursor:pointer}.fenext-input-number-icon-increase{right:1rem}.fenext-input-number-icon-decrease{left:1rem}.fenext-input-number-icon-arrow svg{width:.75rem}.fenext-input-number-icon-arrow{display:flex;flex-direction:column;justify-content:center;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;padding:.2rem .25rem}.fenext-input-number-icon-arrow-up{transform:rotateZ(180deg)}.fenext-input-number-icon-increase,.fenext-input-number-icon-decrease{position:absolute;top:0;bottom:0;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none}.fenext-input-number-icon-increase svg,.fenext-input-number-icon-decrease svg{width:1rem}.fenext-input-content:has(.fenext-input-number-icon-arrow:hover) .fenext-input-content-input{box-shadow:var(--box-shadow)}.fenext-input-content:has(.fenext-input-number-icon-increase) .fenext-input-content-input{padding-right:3rem;padding-left:3rem;text-align:center}.fenext-input-content-icon:has(.fenext-input-number-icon-increase){position:static}.fenext-input-checkbox{cursor:pointer;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.5rem}.fenext-input-checkbox-input{position:fixed;transform:scale(0)}.fenext-input-checkbox-box{width:1.25rem;aspect-ratio:1/1;border-radius:3px;background:var(--fenext-color-light);border:2px solid var(--fenext-color-gray);color:var(--fenext-color-dark);display:flex;align-items:center;justify-content:center}.fenext-input-checkbox-box-icon{display:flex;align-items:center;justify-content:center}.fenext-input-checkbox-box-icon svg{width:75%}.fenext-input-checkbox-text{font-family:var(--fenext-font-global);font-size:1rem;font-weight:800;line-height:1.36;text-align:left;color:var(--fenext-color-dark)}.fenext-input-checkbox:has(.fenext-input-checkbox-input:checked) .fenext-input-checkbox-box{border-color:var(--fenext-color-primary);background:var(--fenext-color-primary);color:var(--fenext-color-light)}.fenext-select-option{font-family:var(--fenext-font-global);font-size:1rem;font-weight:500;line-height:1.36;text-align:left;padding:.5rem 1rem;cursor:pointer;position:relative;color:var(--fenext-color-dark);background-color:var(--fenext-color-light);background-color:var(--fenext-color-white);width:100%;display:flex;align-items:center;gap:1rem;z-index:1;--display-hidden: none}.fenext-select-option-hidden{display:var(--display-hidden) !important}.fenext-select-option-disabled{filter:grayscale(1);opacity:.5;cursor:not-allowed}.fenext-select-option:hover{color:var(--fenext-color-light);background-color:var(--fenext-color-primary)}.fenext-select-option-img{max-width:2rem;display:flex;align-items:center;justify-content:center}.fenext-select-option-img *{max-width:100%}.fenext-select-option-icon{max-width:2rem}.fenext-select-option-icon *{max-width:100%}.fenext-select-option-type-multiple{background-color:var(--fenext-color-light);color:var(--fenext-color-dark);border-radius:.7rem;display:flex;align-items:center;width:auto}.fenext-select-option-delete{inset:0;left:inherit;margin:auto;display:inline-flex;align-items:center;justify-content:center;padding-left:1rem;color:currentColor;margin-left:auto}.fenext-select-option-delete:hover{color:var(--fenext-color-danger)}.fenext-select-option-delete svg{width:1rem;height:100%;max-width:1em;max-height:1em}.fenext-select-option-btn{position:sticky;top:0;padding:.5rem 1.5rem;border-radius:.5rem;border:0;margin:0 1rem;margin-bottom:1rem;width:calc(100% - 2rem);text-align:center;color:var(--fenext-color-light);background:var(--fenext-color-primary);z-index:2;--box-shadow-color: var(--fenext-color-white);box-shadow:0 0 0 1rem var(--box-shadow-color),5rem 0 0 1rem var(--box-shadow-color),-5rem 0 0 1rem var(--box-shadow-color)}.fenext-select-option-btn:hover{background:var(--fenext-color-secondary);color:var(--fenext-color-theme-light-light)}.fenext-select-option-item-max-lenght-show-options{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem}.fenext-select{position:relative;width:100%;--list-scaleY: 0;--fenext-select-max-height: 100dvh;--fenext-select-height-multiple: 0px;--fenext-select-error-range-height: 1rem}.fenext-select-content-icon-arrow{display:flex;align-items:center}.fenext-select-content-icon-search{display:flex;align-items:center;display:none}.fenext-select:has(.fenext-select-option-selected-img) .fenext-input-content-input{padding-left:4rem}.fenext-select-option-selected-img{position:absolute;top:0;left:1rem;bottom:0;margin:auto;max-width:2rem;display:flex;align-items:center;justify-content:center}.fenext-select-option-selected-img *{max-width:100%}.fenext-select-checkbox-close{position:absolute;width:0;height:0;opacity:0;scale:0}.fenext-select-is-not-change-text .fenext-input-content-input{caret-color:rgba(0,0,0,0)}.fenext-select-clear{position:absolute;right:0;bottom:0;color:var(--fenext-color-light);outline:none;font-family:var(--fenext-font-global);font-size:.75rem;font-weight:800;line-height:1.36;text-align:left;padding:.5rem 1rem;height:100%;background:rgba(0,0,0,0);border:0;display:none;z-index:var(--fenext-z-index-modal)}.fenext-select-list-options{position:absolute;top:0;left:0;width:100%;color:var(--fenext-color-dark);background-color:var(--fenext-color-light);border-radius:.7rem;padding:1rem 0;z-index:var(--fenext-z-index-select-option);transition:transform .1s .1s;transition-delay:calc((1.4 - var(--list-scaleY, 0))*.25s);transform:scaleY(var(--list-scaleY, 0));transform-origin:top center;overflow:auto;background-color:var(--fenext-color-white);box-shadow:0 0 2px 0 var(--fenext-color-gray)}.fenext-select-list-options-type-select{top:0;opacity:0;height:100%;cursor:pointer;display:block;max-height:none;bottom:inherit;--list-scaleY: 1}.fenext-select-list-options-type-datalist{--list-scaleY: 1}.fenext-select-close{display:flex;align-items:center;color:var(--fenext-color-dark);background:rgba(0,0,0,0);padding:1rem .5rem;width:4rem;justify-content:center;border:0}.fenext-select-close svg{width:1rem}.fenext-select-close-checkbox{display:none}.fenext-select-search-nmax:has(.fenext-input-content-input:focus) .fenext-input-content-input{padding-left:2.5rem}.fenext-select-search-nmax:has(.fenext-input-content-input:focus) .fenext-input-content-icon{left:1.1rem;right:inherit}.fenext-select-search-nmax:has(.fenext-input-content-input:focus) .fenext-select-content-icon-arrow{display:none}.fenext-select-search-nmax:has(.fenext-input-content-input:focus) .fenext-select-content-icon-search{display:flex}.fenext-select-search-nmax:has(.fenext-input-content-input:focus) .fenext-select-option-selected-img{display:none}@media(min-width: 576px){.fenext-select-type-style-box{--size-box: 150px}.fenext-select-type-style-box .fenext-select-content-icon-arrow{display:none}.fenext-select-type-style-box .fenext-select-content-icon-search{display:flex}.fenext-select-type-style-box .fenext-select-list-options.fenext-select-list-options.fenext-select-list-options{display:grid;grid-template-columns:repeat(auto-fill, minmax(var(--size-box), 1fr));max-height:70dvh;position:relative;top:initial;left:initial;bottom:initial;transform:none;flex-direction:initial;gap:1rem;padding:1rem;border-radius:1rem;margin-top:.5rem;overflow:auto;z-index:1}.fenext-select-type-style-box .fenext-select-list-options.fenext-select-list-options.fenext-select-list-options .fenext-select-option{aspect-ratio:1/1;border-radius:1rem;display:grid;place-content:center;place-items:center;text-align:center;background:var(--fenext-color-light)}.fenext-select-type-style-box .fenext-select-list-options.fenext-select-list-options.fenext-select-list-options .fenext-select-option:hover{background:var(--fenext-color-primary)}.fenext-select-type-style-box .fenext-select-list-options.fenext-select-list-options.fenext-select-list-options .fenext-select-option-img{max-width:50%}.fenext-select-type-style-box .fenext-select-list-options.fenext-select-list-options.fenext-select-list-options .fenext-select-option-btn{margin:0;width:100%;background:var(--fenext-color-primary);color:var(--fenext-color-light);aspect-ratio:initial;grid-column:1/-1;border-radius:.75rem}.fenext-select-type-style-box .fenext-select-list-options.fenext-select-list-options.fenext-select-list-options .fenext-select-option-btn:hover{background:var(--fenext-color-secondary)}.fenext-select-type-style-box .fenext-select-list-options.fenext-select-list-options.fenext-select-list-options .fenext-select-option-not-result{grid-column:1/-1;aspect-ratio:initial;border-radius:.75rem}.fenext-select-type-style-box .fenext-select-list-options.fenext-select-list-options.fenext-select-list-options .fenext-select-option-item-max-lenght-show-options{grid-template-columns:1fr}}@media(min-width: 576px){.fenext-select-type-style-list .fenext-select-content-icon-arrow{display:none}.fenext-select-type-style-list .fenext-select-content-icon-search{display:flex}.fenext-select-type-style-list .fenext-select-list-options.fenext-select-list-options.fenext-select-list-options{display:grid;max-height:70dvh;position:relative;top:initial;left:initial;bottom:initial;transform:none;flex-direction:initial;gap:1rem;padding:1rem;border-radius:1rem;margin-top:.5rem;overflow:auto;z-index:1}.fenext-select-type-style-list .fenext-select-list-options.fenext-select-list-options.fenext-select-list-options .fenext-select-option{border-radius:.75rem;background:var(--fenext-color-light)}.fenext-select-type-style-list .fenext-select-list-options.fenext-select-list-options.fenext-select-list-options .fenext-select-option:hover{background:var(--fenext-color-primary)}.fenext-select-type-style-list .fenext-select-list-options.fenext-select-list-options.fenext-select-list-options .fenext-select-option-btn{margin:0;width:100%;background:var(--fenext-color-primary);color:var(--fenext-color-light);grid-column:1/-1;display:grid;place-items:center;text-align:center}.fenext-select-type-style-list .fenext-select-list-options.fenext-select-list-options.fenext-select-list-options .fenext-select-option-btn:hover{background:var(--fenext-color-secondary)}}@media(min-width: 576px){.fenext-select-type-style-checkbox{--size-box: 150px}.fenext-select-type-style-checkbox .fenext-select-content-icon-arrow{display:none}.fenext-select-type-style-checkbox .fenext-select-content-icon-search{display:flex}.fenext-select-type-style-checkbox .fenext-select-list-options.fenext-select-list-options.fenext-select-list-options{display:grid;grid-template-columns:repeat(auto-fill, minmax(var(--size-box), 1fr));max-height:70dvh;position:relative;top:initial;left:initial;bottom:initial;transform:none;flex-direction:initial;gap:1rem;padding:1rem;border-radius:1rem;margin-top:.5rem;overflow:auto;z-index:1}.fenext-select-type-style-checkbox .fenext-select-list-options.fenext-select-list-options.fenext-select-list-options .fenext-select-option{aspect-ratio:1/1;border-radius:1rem;display:grid;place-content:center;place-items:center;text-align:center;background:var(--fenext-color-light)}.fenext-select-type-style-checkbox .fenext-select-list-options.fenext-select-list-options.fenext-select-list-options .fenext-select-option:hover{background:var(--fenext-color-primary)}.fenext-select-type-style-checkbox .fenext-select-list-options.fenext-select-list-options.fenext-select-list-options .fenext-select-option-img{max-width:50%}.fenext-select-type-style-checkbox .fenext-select-list-options.fenext-select-list-options.fenext-select-list-options .fenext-select-option-btn{margin:0;width:100%;background:var(--fenext-color-primary);color:var(--fenext-color-light);aspect-ratio:initial;grid-column:1/-1;border-radius:.75rem}.fenext-select-type-style-checkbox .fenext-select-list-options.fenext-select-list-options.fenext-select-list-options .fenext-select-option-btn:hover{background:var(--fenext-color-secondary)}.fenext-select-type-style-checkbox .fenext-select-list-options.fenext-select-list-options.fenext-select-list-options .fenext-select-option-not-result{grid-column:1/-1;aspect-ratio:initial;border-radius:.75rem}.fenext-select-type-style-checkbox .fenext-select-list-options.fenext-select-list-options.fenext-select-list-options .fenext-select-option-item-max-lenght-show-options{grid-template-columns:1fr}}.fenext-select-type-style-checkbox{--display-list-empty: grid}.fenext-select-type-style-checkbox .fenext-select-multiple-list{display:none}.fenext-select-type-style-checkbox .fenext-select-option{--display-hidden: grid}.fenext-select-type-style-checkbox .fenext-select-option-selected{box-shadow:inset 0 0 0 .25rem var(--fenext-color-primary)}@media(min-width: 576px){.fenext-select:has(.fenext-swich-view) .fenext-input{display:grid;grid-template-columns:1fr 9rem}.fenext-select:has(.fenext-swich-view) .fenext-input>*:not(:where(.fenext-input-content,.fenext-swich-view)){grid-column:1/-1}}.fenext-use-select-options-pos{position:fixed;width:var(--element-width);z-index:var(--fenext-z-index-select-option);top:var(--element-bottom);left:var(--element-left)}.fenext-use-select-options-pos:has(.fenext-select-list-options-use-nowrap){min-width:var(--element-width);width:auto !important}.fenext-use-select-options-pos:has(.fenext-select-list-options-use-nowrap) .fenext-select-list-options{width:auto}.fenext-use-select-options-pos .fenext-select-list-options{max-height:calc(100dvh - var(--element-bottom) - .5rem)}.fenext-use-select-options-pos .fenext-select-option{z-index:calc(var(--fenext-z-index-select-option) + 1)}.fenext-use-select-options-pos .fenext-select-option-btn{z-index:calc(var(--fenext-z-index-select-option) + 2)}@media(min-width: 576px){.fenext-use-select-options-pos .fenext-select-content-search{display:none}.fenext-use-select-options-pos[fenext-direction-pos=top]{top:var(--element-top)}.fenext-use-select-options-pos[fenext-direction-pos=top] .fenext-select-list-options{max-height:calc(var(--element-top) - .5rem);top:initial;bottom:0;transform-origin:bottom center}}@media(max-width: 575px){.fenext-use-select-options-pos{top:0;left:0;width:100%;height:100dvh;padding:1rem;display:grid;grid-template-rows:auto 1fr;gap:.5rem;background:var(--fenext-color-light);transition:transform .1s .1s;transition-delay:calc((1.4 - var(--list-scaleY, 0))*.25s);transform:scaleY(var(--list-scaleY, 0));transform-origin:top center}.fenext-use-select-options-pos:has(.fenext-input-content-input:focus){--list-scaleY: 1}.fenext-use-select-options-pos .fenext-select-content-search{position:relative}.fenext-use-select-options-pos .fenext-select-content-search .fenext-input-content-input{padding-right:3rem}.fenext-use-select-options-pos .fenext-select-content-search{display:grid;grid-template-columns:1fr auto}.fenext-use-select-options-pos .fenext-select-content-search .fenext-error{grid-column:1/-1;grid-row:2/3}.fenext-use-select-options-pos .fenext-select-list-options{--list-scaleY: 1;height:100%;max-height:none;position:relative}.fenext-use-select-options-pos .fenext-select-option-btn{margin-inline:0;width:100%}}body:has(.fenext-select.hover:hover) [id^=fenext-select],body:has(.fenext-select.focus .fenext-input-content-input:focus) [id^=fenext-select],body:has(.fenext-select.focus-hover:hover) [id^=fenext-select],body:has(.fenext-select.focus-hover .fenext-input-content-input:focus) [id^=fenext-select]{--list-scaleY: 1}body:not(:has(.fenext-input-radio-input-id-fenext-swich-view-fenext-swich-view-select-normal:checked)):has(.fenext-select-use-swich-select-style.hover:hover) [id^=fenext-select],body:not(:has(.fenext-input-radio-input-id-fenext-swich-view-fenext-swich-view-select-normal:checked)):has(.fenext-select-use-swich-select-style.focus .fenext-input-content-input:focus) [id^=fenext-select],body:not(:has(.fenext-input-radio-input-id-fenext-swich-view-fenext-swich-view-select-normal:checked)):has(.fenext-select-use-swich-select-style.focus-hover:hover) [id^=fenext-select],body:not(:has(.fenext-input-radio-input-id-fenext-swich-view-fenext-swich-view-select-normal:checked)):has(.fenext-select-use-swich-select-style.focus-hover .fenext-input-content-input:focus) [id^=fenext-select]{display:none}.fenext-select-csc{display:grid;gap:1rem}.fenext-select-multiple-list{display:flex;padding:1rem 0;gap:1rem;flex-wrap:wrap;grid-column:1/-1;order:9}.fenext-select-multiple-list:empty{display:none}.fenext-select-multiple{--display-list-empty: none}.fenext-select-multiple .fenext-select-list-options:empty{display:var(--display-list-empty) !important}.fenext-select-multiple .fenext-select-list-options:not(:has(.fenext-select-option-not-hidden)){display:var(--display-list-empty) !important}.fenext-select-multiple .fenext-select-option-checkbox{display:none}.fenext-select-multiple-checkbox .fenext-select-option-checkbox{display:grid}.fenext-select-multiple-checkbox .fenext-select-multiple-list .fenext-select-option{position:relative}.fenext-select-multiple-checkbox .fenext-select-multiple-list .fenext-select-option-delete{position:absolute;inset:0;width:100%;height:100%;opacity:0}.fenext-content-radio{display:grid;gap:.5rem}.fenext-input-radio{cursor:pointer;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.5rem}.fenext-input-radio.left{grid-template-columns:1fr auto}.fenext-input-radio.left .fenext-input-radio-box{order:2}.fenext-input-radio.left .fenext-input-radio-text{order:1;text-align:right}.fenext-input-radio-input{position:fixed;scale:0;width:0;height:0;opacity:0}.fenext-input-radio-box{width:1.25rem;aspect-ratio:1/1;border-radius:100%;background:var(--fenext-color-light);border:2px solid var(--fenext-color-gray);color:var(--fenext-color-dark);display:flex;align-items:center;justify-content:center}.fenext-input-radio-box-icon{display:flex;align-items:center;justify-content:center}.fenext-input-radio-box-icon svg{width:.8rem}.fenext-input-radio:has(.fenext-input-radio-box-icon:not(:empty)) .fenext-input-radio-box{border-color:var(--fenext-color-primary);background:var(--fenext-color-primary);color:var(--fenext-color-light)}.fenext-input-radio-text{font-family:var(--fenext-font-global);font-size:1rem;font-weight:800;line-height:1.36;text-align:left;color:var(--fenext-color-dark)}.fenext-input-phone{display:grid;grid-template-columns:min(7rem,30%) 1fr;column-gap:.5rem}.fenext-input-phone-label{grid-column:1/-1}.fenext-input-phone-code .fenext-select:has(.fenext-select-option-selected-img) .fenext-input-content-input{padding-left:3rem}.fenext-input-phone-code .fenext-input-content-input{padding-inline:.5rem}.fenext-input-phone-code .fenext-select-option{padding-inline:.5rem}.fenext-input-phone-text .fenext-error{display:none}.fenext-input-phone .fenext-error{grid-column:1/-1}.fenext-input-phone .fenext-select-option-selected-img{left:1rem;max-width:1.5rem}.fenext-input-phone-select-code .fenext-select-option-img{max-width:1.5rem}.fenext-input-phone-option-country{white-space:nowrap;display:grid;grid-template-columns:2.2rem 1fr;gap:.5rem}.fenext-input-range{display:grid;grid-template-columns:1fr;grid-template-rows:1.5rem auto;gap:.5rem;padding:.5rem 0;width:100%;--size-circle: 1rem}.fenext-input-range-content-range{opacity:0}.fenext-input-range-item{cursor:grab;width:100%;height:100%;position:absolute;inset:0}.fenext-input-range-item:active{cursor:grabbing}.fenext-input-range-min{clip-path:polygon(0 0, var(--centerP) 0, var(--centerP) 100%, 0% 100%)}.fenext-input-range-max{clip-path:polygon(var(--centerP) 0, 100% 0, 100% 100%, var(--centerP) 100%)}.fenext-input-range-content-value{grid-area:1/1/2/3;width:100%;position:relative}.fenext-input-range-content-circle{grid-area:2/1/3/3;z-index:2;position:relative}.fenext-input-range-content-range{position:relative;grid-area:2/1/3/3;z-index:3;width:100%}.fenext-input-range-line{width:100%;height:.6rem;border-radius:.3rem;background:linear-gradient(to right, var(--fenext-color-primary) 0%, var(--fenext-color-primary) var(--valueP), var(--fenext-color-light) var(--valueP), var(--fenext-color-light) 100%)}.fenext-input-range-circle{width:var(--size-circle);aspect-ratio:1/1;border-radius:100%;background-color:var(--fenext-color-primary);position:absolute;top:50%}.fenext-input-range-circle-min{left:min(max(var(--minP),var(--size-circle)/2),100% - var(--size-circle)*1.25);transform:translate(-50%, -50%)}.fenext-input-range-circle-max{right:min(max(var(--maxP),var(--size-circle)/2),100% - var(--size-circle)*1.25);transform:translate(50%, -50%)}.fenext-input-range-circle-current{left:min(max(var(--valueP),var(--size-circle)/2),100% - var(--size-circle)/2);transform:translate(-50%, -50%)}.fenext-input-range-value{font-size:.75rem;line-height:.75rem;font-family:var(--fenext-font-global);padding:.25rem .5rem;border-radius:.35rem;color:var(--fenext-color-dark);background-color:var(--fenext-color-light);position:absolute;--size-box: 3rem;--size-box-max: 3rem;width:3rem;text-align:center;top:0;-webkit-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fenext-input-range-value-arrow{position:absolute;bottom:0rem;width:1rem;height:.5rem;background-color:var(--fenext-color-light);clip-path:polygon(50% 100%, 0 0, 100% 0);--size-box: 1rem;--size-box-max: calc(var(--size-circle) * 1.75)}.fenext-input-range-value-min{left:min(max(0%,var(--minP) - var(--size-box)/2),100% - var(--size-box-max))}.fenext-input-range-value-max{right:min(max(0%,var(--maxP) - var(--size-box)/2),100% - var(--size-box-max))}.fenext-input-range-value-current{left:min(max(0%,var(--valueP) - var(--size-box)/2),100% - var(--size-box))}.fenext-input-range.range .fenext-input-range-min,.fenext-input-range.range .fenext-input-range-circle-min,.fenext-input-range.range .fenext-input-range-value-min{display:block}.fenext-input-range.range .fenext-input-range-current,.fenext-input-range.range .fenext-input-range-circle-current,.fenext-input-range.range .fenext-input-range-value-current{display:none}.fenext-input-range.range .fenext-input-range-max,.fenext-input-range.range .fenext-input-range-circle-max,.fenext-input-range.range .fenext-input-range-value-max{display:block}.fenext-input-range.range .fenext-input-range-line{background:linear-gradient(to right, var(--fenext-color-light) 0%, var(--fenext-color-light) var(--minP), var(--fenext-color-primary) var(--minP), var(--fenext-color-primary) calc(100% - var(--maxP)), var(--fenext-color-light) calc(100% - var(--maxP)), var(--fenext-color-light) 100%)}.fenext-input-range-min,.fenext-input-range-circle-min,.fenext-input-range-value-min{display:none}.fenext-input-range-current,.fenext-input-range-circle-current,.fenext-input-range-value-current{display:block}.fenext-input-range-max,.fenext-input-range-circle-max,.fenext-input-range-value-max{display:none}.fenext-input-range-show-number-bottom{transform:rotateX(180deg)}.fenext-input-range-show-number-bottom .fenext-input-range-value{transform:rotateX(180deg)}.fenext-input-range-show-number-none{grid-template-rows:0 auto;gap:0}.fenext-input-range-show-number-none .fenext-input-range-content-value{display:none}.fenext-input-rate{display:grid;grid-template-columns:1fr auto;gap:1rem;grid-template-rows:1fr;width:max-content}.fenext-input-rate-content-start{display:flex;gap:.1rem;grid-column:1/2;grid-row:1/-1}.fenext-input-rate-content-start-active{clip-path:polygon(0 0, var(--startP) 0%, var(--startP) 100%, 0% 100%)}.fenext-input-rate-start{width:1.5rem;color:var(--fenext-color-light);cursor:pointer}.fenext-input-rate-start-active{color:var(--fenext-color-primary)}.fenext-input-rate-cap{cursor:pointer;z-index:2;position:relative}.fenext-input-rate-cap-input{position:absolute;width:100%;height:100%;inset:0;cursor:pointer;opacity:0}.fenext-input-rate-number{font-family:var(--fenext-font-global);font-size:1rem;font-weight:800;line-height:1;text-align:left;color:var(--fenext-color-dark);display:flex;align-items:center}.fenext-input-swich{cursor:pointer;display:flex;align-items:center;--size-cicle: 1rem;--bg: var(--fenext-color-danger);--bg-circle: var(--fenext-color-light);background-color:var(--bg);border-radius:var(--size-cicle);padding:.25rem;width:calc(var(--size-cicle)*2.75 + .5rem);transition:.1s}.fenext-input-swich-input{position:fixed;scale:0;opacity:0}.fenext-input-swich-circle{width:var(--size-cicle);aspect-ratio:1/1;border-radius:100%;background-color:var(--bg-circle);transition:.1s}.fenext-input-swich:has(.fenext-input-swich-input:checked){--bg: var(--fenext-color-success)}.fenext-input-swich:has(.fenext-input-swich-input:checked) .fenext-input-swich-circle{transform:translateX(175%)}.fenext-input-search{transition:.1s;position:relative;display:grid;gap:1rem}.fenext-input-search .fenext-input-icon-pos-left .fenext-input-content-icon{display:flex}.fenext-input-search-checkbox{position:fixed;width:0;height:0;opacity:0}.fenext-input-search-bg{position:absolute;inset:0;width:100%;height:100%;opacity:0;background-color:var(--fenext-color-dark)}.fenext-input-search-clear{position:absolute;top:0;left:inherit;right:1.5rem;bottom:0;margin:auto;display:flex;align-items:center;justify-content:center;background-color:var(--fenext-color-white);color:var(--fenext-color-dark);width:1.5rem;height:1.5rem;border-radius:100%;cursor:pointer}.fenext-input-search-clear svg{width:75%;max-height:75%}.fenext-input-search:has(.fenext-input-content-input:placeholder-shown):has(.fenext-input-search-content-tabs-selected:empty) .fenext-input-search-clear,.fenext-input-search:has(.fenext-input-content-loader) .fenext-input-search-clear{display:none}.fenext-input-search-content-result{height:fit-content;max-height:100%;overflow:auto;display:grid;position:relative;gap:1rem;border-radius:.5rem;background:var(--fenext-color-dark);align-items:flex-start;align-content:flex-start;--padding: 0;max-height:0vw;padding:var(--padding)}.fenext-input-search-content-result:has(.fenext-input-search-content-tabs:not(:empty)){padding-top:0}.fenext-input-search-content-result:has(.fenext-input-search-load-more){padding-bottom:0}.fenext-input-search-content-result-empty{color:var(--fenext-color-white);display:grid;place-items:center;padding-block:2rem}.fenext-input-search-content-result-pre-search{color:var(--fenext-color-white);display:grid;place-items:center;padding-block:2rem}.fenext-input-search .fenext-select-option{display:inline-flex;width:auto;border-radius:.5rem;line-height:1}.fenext-input-search .fenext-select-option-delete{padding-left:.1rem;color:var(--fenext-color-dark)}.fenext-input-search-content-tabs{display:flex;gap:1rem;flex-wrap:wrap;position:sticky;top:0;background:var(--fenext-color-dark);padding-block:1rem}.fenext-input-search-content-tabs:empty{display:none}.fenext-input-search-content-tabs-selected{padding:0;border-radius:.7rem;display:inline-flex;gap:0;overflow:hidden;position:absolute;top:2px;left:2px;max-width:100%;background:var(--fenext-color-white)}.fenext-input-search-content-tabs-selected .fenext-select-option{border-radius:0;background:var(--fenext-color-white);color:var(--fenext-color-dark)}.fenext-input-search .fenext-input-content:has(.fenext-input-search-content-tabs-selected:not(:empty)) .fenext-input-content-input{padding-top:2.5rem}.fenext-input-search-content-load-more{padding-block:1rem;position:sticky;bottom:0;background:var(--fenext-color-dark)}.fenext-input-search-load-more{width:100%}.fenext-input-search-result{font-family:var(--fenext-font-global);font-size:1rem;font-weight:800;line-height:1.36;text-align:left;background:var(--fenext-color-white);color:var(--fenext-color-dark);padding:.5rem;border-radius:.5rem;cursor:pointer}.fenext-input-search-result>*{max-width:100%}.fenext-input-search .fenext-input{position:relative}.fenext-input-search-fixed-focus{grid-template-rows:auto 1fr;max-height:100dvh;gap:0}.fenext-input-search-fixed-focus:has(.fenext-input-search-load-more:hover),.fenext-input-search-fixed-focus:has(.fenext-input-search-content-tabs-selected:hover),.fenext-input-search-fixed-focus:has(.fenext-input-search-clear:hover),.fenext-input-search-fixed-focus:has(.fenext-input-search-content-result:active),.fenext-input-search-fixed-focus:has(.fenext-input-search-content-result:hover){transition-delay:.2s}.fenext-input-search-fixed-focus:has(.fenext-input-search-load-more:hover) .fenext-input-search-content-result,.fenext-input-search-fixed-focus:has(.fenext-input-search-content-tabs-selected:hover) .fenext-input-search-content-result,.fenext-input-search-fixed-focus:has(.fenext-input-search-clear:hover) .fenext-input-search-content-result,.fenext-input-search-fixed-focus:has(.fenext-input-search-content-result:active) .fenext-input-search-content-result,.fenext-input-search-fixed-focus:has(.fenext-input-search-content-result:hover) .fenext-input-search-content-result{transition-delay:.2s}.fenext-input-search-fixed-focus:has(.fenext-input-content-input:focus){position:fixed;inset:0;width:100%;height:100dvh;padding:1rem;z-index:var(--fenext-z-index-modal);gap:1rem}.fenext-input-search-fixed-focus:has(.fenext-input-content-input:focus) .fenext-input-search-bg{opacity:.5}.fenext-input-search-fixed-focus:has(.fenext-input-content-input:focus) .fenext-input-search-content-result{max-height:100%;--padding: 1rem}.fenext-input-search:has(.fenext-input-content-input:focus) .fenext-input-search-content-result,.fenext-input-search:has(.fenext-input-search-content-result:active) .fenext-input-search-content-result{display:grid}.fenext-input-search-not-use-result:has(.fenext-input-content-input:focus),.fenext-input-search-not-use-result:has(.fenext-input-search-content-result:active){grid-template-rows:1fr;align-content:center;align-items:center}.fenext-input-search-single-tabs .fenext-input-content:has(.fenext-input-search-content-tabs-selected:not(:empty)) .fenext-input-content-input{padding-top:1rem}.fenext-input-search-single-tabs .fenext-input-search-content-tabs-selected{top:0;left:inherit;right:3.5rem;bottom:0;margin:auto;display:flex;align-items:center;background:rgba(0,0,0,0)}.fenext-input-search-single-tabs .fenext-input-search-content-tabs-selected .fenext-select-option{background:var(--fenext-color-white);border-radius:.7rem}*:has(.fenext-input-search-fixed-focus .fenext-input-content-input:focus){z-index:var(--fenext-z-index-modal);position:relative}html:has(.fenext-input-search-fixed-focus .fenext-input-content-input:focus),body:has(.fenext-input-search-fixed-focus .fenext-input-content-input:focus){overflow:hidden}.fenext-input-upload{border-radius:1rem;border:dashed 3px var(--fenext-color-gray);background:var(--fenext-color-white);position:relative}.fenext-input-upload-up{display:grid;gap:1rem;padding:1rem;justify-items:center;cursor:pointer}.fenext-input-upload-remove{position:absolute;right:1rem;top:1rem;width:1.5rem;height:1.5rem;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;color:var(--fenext-color-white);background:var(--fenext-color-danger);padding:.4rem;border-radius:100%;cursor:pointer}.fenext-input-upload-remove svg{width:100%}.fenext-input-upload-title{white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}.fenext-input-upload-content-icon{width:min(100%,2rem)}.fenext-input-upload-content-icon:empty{display:none}.fenext-input-upload .fenext-collapse{width:100%}.fenext-input-upload .fenext-collapse-header{grid-template-columns:1fr;background-color:rgba(0,0,0,0);color:var(--fenext-color-dark);text-align:center}.fenext-input-upload .fenext-collapse-header-icon{display:none}.fenext-input-upload-preview{width:100%;border:0}.fenext-input-upload-in-progress{border-color:var(--fenext-color-gray);background:var(--fenext-color-white)}.fenext-input-upload-ok{border-color:var(--fenext-color-success);background:var(--fenext-color-white)}.fenext-input-upload-error{border-color:var(--fenext-color-danger);background:var(--fenext-color-white)}.fenext-input-upload .fenext-error{margin:.5rem 0;text-align:center}.fenext-input-img{border-radius:1rem;border:dashed 3px var(--fenext-color-gray);background:var(--fenext-color-white);position:relative;overflow:hidden}.fenext-input-img-up{display:grid;gap:1rem;padding:1rem;justify-items:center;cursor:pointer}.fenext-input-img-remove{position:absolute;right:1rem;top:1rem;width:1.5rem;height:1.5rem;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;color:var(--fenext-color-white);background:var(--fenext-color-danger);padding:.4rem;border-radius:100%;cursor:pointer}.fenext-input-img-img{width:100%;max-height:50dvh;object-fit:contain;object-position:center}.fenext-input-img-content-icon{width:min(100%,2rem)}.fenext-input-img-in-progress{border:solid 3px var(--fenext-color-gray);background:var(--fenext-color-gray)}.fenext-input-img-ok{border-color:var(--fenext-color-success);background:var(--fene