:root{--input-bg:#fff;--input-bg-focus:#fff;--input-text-color:#384250;--input-placeholder-color:#6c727e;--input-border-color:#9da4ae;--input-border-hover:#384250;--input-underline-color:#0c111b;--input-error-color:#d92d20;--input-success-color:#12b76a;--input-disabled-opacity:.5;--input-shadow-focus:0px 2px 4px -2px rgba(16,24,40,.06),0px 4px 8px -2px rgba(16,24,40,.1);--input-radius:4px;--input-height:40px;--input-padding-x:16px;--input-font-size:16px;--input-line-height:24px;--input-label-color:#384250;--input-hint-color:#6c727e}.input-label{display:block;font-size:14px;font-weight:500;line-height:20px;color:var(--input-label-color);margin-bottom:6px}.input-label .required{color:var(--input-error-color);margin-left:2px}.input-hint{display:block;font-size:13px;line-height:18px;color:var(--input-hint-color);margin-top:6px}.input-error-msg{display:block;font-size:13px;line-height:18px;color:var(--input-error-color);margin-top:6px}.input-wrap{display:flex;align-items:center;gap:8px;height:var(--input-height);width:100%;min-width:200px;padding:0 var(--input-padding-x);border-radius:var(--input-radius);border:1px solid #c9cacd;background-color:var(--input-bg);position:relative;box-sizing:border-box;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.input-wrap::after{content:"";position:absolute;bottom:0;left:50%;width:0%;height:2px;transform:translateX(-50%);background-color:var(--input-underline-color);transition:width .2s ease-in-out}.input-wrap input[type="text"],.input-wrap input[type="email"],.input-wrap input[type="tel"],.input-wrap input[type="number"],.input-wrap input[type="password"],.input-wrap input[type="search"],.input-wrap input[type="url"],.input-wrap input[type="date"],.input-wrap input[type="datetime-local"],.input-wrap input[type="time"],.input-wrap input[type="month"],.input-wrap input[type="week"]{font-family:inherit;font-size:var(--input-font-size);font-weight:400;line-height:var(--input-line-height);color:var(--input-text-color);background:transparent;border:0;outline:0;height:100%;width:100%;box-sizing:border-box;-moz-appearance:textfield}.input-wrap input::placeholder{color:var(--input-placeholder-color)}.input-wrap input[type="number"]::-webkit-inner-spin-button,.input-wrap input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-wrap input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}.custom-select{position:relative;width:100%;min-width:200px;font-family:inherit}.custom-select-trigger{display:flex;align-items:center;justify-content:space-between;height:var(--input-height,40px);width:100%;padding:0 var(--input-padding-x,16px);border-radius:var(--input-radius,4px);border:1px solid #c9cacd;background-color:var(--input-bg,#f3f4f6);color:var(--input-placeholder-color,#6c727e);font-size:var(--input-font-size,16px);font-weight:400;line-height:var(--input-line-height,24px);cursor:pointer;box-sizing:border-box;position:relative;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease;user-select:none}.custom-select-trigger.has-value{color:var(--input-text-color,#384250)}.custom-select-trigger::after{content:"";position:absolute;bottom:0;left:50%;width:0%;height:2px;transform:translateX(-50%);background-color:var(--input-underline-color,#0c111b);transition:width .2s ease-in-out}.custom-select-arrow{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--input-text-color,#384250);transition:transform .2s ease;pointer-events:none}.custom-select-trigger:hover{border-color:var(--input-border-hover,#384250)}.custom-select.open .custom-select-trigger{border-color:var(--input-border-color,#9da4ae);background-color:var(--input-bg-focus,#fff);box-shadow:var(--input-shadow-focus)}.custom-select.open .custom-select-trigger::after{width:100%}.custom-select.open .custom-select-arrow{transform:rotate(180deg)}.custom-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;width:100%;max-height:240px;overflow-y:auto;background:var(--input-bg-focus,#fff);border:1px solid var(--input-border-color,#9da4ae);border-radius:var(--input-radius,4px);box-shadow:0 4px 16px rgba(0,0,0,.12);z-index:1000;padding:4px 0;box-sizing:border-box;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .15s ease,transform .15s ease}.custom-select.open .custom-select-dropdown{opacity:1;transform:translateY(0);pointer-events:auto}.custom-select-option{display:flex;align-items:center;padding:8px var(--input-padding-x,16px);font-size:var(--input-font-size,16px);line-height:var(--input-line-height,24px);color:var(--input-text-color,#384250);cursor:pointer;transition:background-color .1s ease}.custom-select-option:hover,.custom-select-option.focused{background-color:var(--input-bg,#f3f4f6)}.custom-select-option.selected{font-weight:600}.custom-select-option.selected::after{content:"";margin-left:auto;width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230c111b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;flex-shrink:0}[dir="rtl"] .custom-select-option.selected::after{margin-left:0;margin-right:auto}.custom-select-option.disabled{color:var(--input-placeholder-color,#6c727e);opacity:.5;pointer-events:none}.custom-select-divider{height:1px;background:#e5e7eb;margin:4px 0}.custom-select-group-label{padding:8px 16px 4px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--input-placeholder-color,#6c727e);pointer-events:none}.custom-select.error .custom-select-trigger,.custom-select.error .custom-select-trigger:hover{border-color:var(--input-error-color,#d92d20)}.custom-select.error .custom-select-trigger::after{background-color:var(--input-error-color,#d92d20)}.custom-select.disabled .custom-select-trigger{opacity:var(--input-disabled-opacity,.5);pointer-events:none}.custom-select-dropdown::-webkit-scrollbar{width:6px}.custom-select-dropdown::-webkit-scrollbar-track{background:transparent}.custom-select-dropdown::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.custom-select-backdrop{position:fixed;inset:0;z-index:999;cursor:default}.phone-input-group{display:flex;width:100%}.phone-code-select{position:relative;flex-shrink:0}.phone-code-trigger{display:flex;align-items:center;gap:6px;height:var(--input-height);padding:0 12px;border-radius:0 var(--input-radius) var(--input-radius) 0;border:1px solid #c9cacd;border-left:1px solid var(--input-border-color);background-color:var(--input-bg);color:var(--input-text-color);font-size:var(--input-font-size);font-weight:400;font-family:inherit;cursor:pointer;box-sizing:border-box;transition:border-color .2s ease,background-color .2s ease;user-select:none;white-space:nowrap}.phone-code-trigger{border-radius:0 var(--input-radius) var(--input-radius) 0;border-left:0;border-right:1px solid var(--input-border-color)}[dir="rtl"] .phone-code-trigger{border-radius:var(--input-radius) 0 0 var(--input-radius);border-right:0;border-left:1px solid var(--input-border-color)}.phone-code-trigger:hover{background-color:var(--input-bg-focus)}.phone-code-arrow{width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:var(--input-text-color);transition:transform .2s ease;pointer-events:none}.phone-code-select.open .phone-code-arrow{transform:rotate(180deg)}.phone-code-select.open .phone-code-trigger{background-color:var(--input-bg-focus);border-color:var(--input-border-color)}.phone-code-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:100%;max-height:200px;overflow-y:auto;background:var(--input-bg-focus);border:1px solid var(--input-border-color);border-radius:var(--input-radius);box-shadow:0 4px 16px rgba(0,0,0,.12);z-index:1000;padding:4px 0;box-sizing:border-box;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .15s ease,transform .15s ease}[dir="rtl"] .phone-code-dropdown{right:auto;left:0}.phone-code-select.open .phone-code-dropdown{opacity:1;transform:translateY(0);pointer-events:auto}.phone-code-option{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:var(--input-font-size);line-height:var(--input-line-height);color:var(--input-text-color);cursor:pointer;white-space:nowrap;transition:background-color .1s ease}.phone-code-option:hover,.phone-code-option.focused{background-color:var(--input-bg)}.phone-code-option.selected{font-weight:600}.phone-input-group .input-wrap{flex:1;min-width:0;border-radius:var(--input-radius) 0 0 var(--input-radius)}[dir="rtl"] .phone-input-group .input-wrap{border-radius:0 var(--input-radius) var(--input-radius) 0}.phone-input-group.error .input-wrap{border-color:var(--input-error-color)}.phone-input-group.error .phone-code-trigger{border-color:var(--input-error-color)}.phone-code-dropdown::-webkit-scrollbar{width:6px}.phone-code-dropdown::-webkit-scrollbar-track{background:transparent}.phone-code-dropdown::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.textarea-wrap{display:flex;width:100%;min-width:200px;padding:8px var(--input-padding-x);border-radius:var(--input-radius);border:1px solid #c9cacd;background-color:var(--input-bg);position:relative;box-sizing:border-box;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.textarea-wrap::after{content:"";position:absolute;bottom:0;left:50%;width:0%;height:2px;transform:translateX(-50%);background-color:var(--input-underline-color);transition:width .2s ease-in-out}.textarea-wrap textarea{font-family:inherit;font-size:var(--input-font-size);font-weight:400;line-height:var(--input-line-height);color:var(--input-text-color);background:transparent;border:0;outline:0;width:100%;min-height:80px;resize:vertical;box-sizing:border-box}.textarea-wrap textarea::placeholder{color:var(--input-placeholder-color)}.input-wrap .input-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;color:var(--input-placeholder-color)}.input-wrap .input-addon{flex-shrink:0;font-size:14px;color:var(--input-placeholder-color);white-space:nowrap;user-select:none}.input-wrap:hover,.textarea-wrap:hover{border-color:var(--input-border-hover)}.input-wrap:focus-within,.textarea-wrap:focus-within{border-color:var(--input-border-color);background-color:var(--input-bg-focus);box-shadow:var(--input-shadow-focus)}.input-wrap:focus-within::after,.textarea-wrap:focus-within::after{width:100%}.input-wrap.error,.input-wrap.error:hover,.textarea-wrap.error,.textarea-wrap.error:hover{border-color:var(--input-error-color)}.input-wrap.error::after,.textarea-wrap.error::after{background-color:var(--input-error-color)}.input-wrap.success,.input-wrap.success:hover,.textarea-wrap.success,.textarea-wrap.success:hover{border-color:var(--input-success-color)}.input-wrap.success::after,.textarea-wrap.success::after{background-color:var(--input-success-color)}.input-wrap.disabled,.textarea-wrap.disabled{opacity:var(--input-disabled-opacity);pointer-events:none}.input-wrap.readonly,.textarea-wrap.readonly{background-color:var(--input-bg);cursor:default}.input-wrap.readonly::after,.textarea-wrap.readonly::after{display:none}.check-wrap,.radio-wrap{display:inline-flex;align-items:center;gap:8px;cursor:pointer;user-select:none}.check-wrap input[type="checkbox"],.radio-wrap input[type="radio"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:1.5px solid var(--input-border-color);background:var(--input-bg-focus);flex-shrink:0;cursor:pointer;position:relative;transition:background-color .15s ease,border-color .15s ease}.check-wrap input[type="checkbox"]{border-radius:3px}.radio-wrap input[type="radio"]{border-radius:50%}.check-wrap input[type="checkbox"]:checked,.radio-wrap input[type="radio"]:checked{background-color:var(--input-underline-color);border-color:var(--input-underline-color)}.check-wrap input[type="checkbox"]:checked::after{content:"";position:absolute;left:5px;top:2px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.radio-wrap input[type="radio"]:checked::after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:50%;background:#fff;transform:translate(-50%,-50%)}.check-wrap input:focus-visible,.radio-wrap input:focus-visible{outline:2px solid var(--input-underline-color);outline-offset:2px}.check-wrap input:disabled,.radio-wrap input:disabled{opacity:var(--input-disabled-opacity);cursor:not-allowed}.check-wrap input:disabled+span,.radio-wrap input:disabled+span{opacity:var(--input-disabled-opacity)}.check-wrap.error input,.radio-wrap.error input{border-color:var(--input-error-color)}.toggle-wrap{display:inline-flex;align-items:center;gap:10px;cursor:pointer;user-select:none}.toggle-wrap input[type="checkbox"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:40px;height:22px;border-radius:11px;background:var(--input-border-color);position:relative;cursor:pointer;flex-shrink:0;transition:background-color .2s ease}.toggle-wrap input[type="checkbox"]::after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s ease}.toggle-wrap input[type="checkbox"]:checked{background:var(--input-underline-color)}.toggle-wrap input[type="checkbox"]:checked::after{transform:translateX(18px)}.toggle-wrap input:focus-visible{outline:2px solid var(--input-underline-color);outline-offset:2px}.toggle-wrap input:disabled{opacity:var(--input-disabled-opacity);cursor:not-allowed}.toggle-wrap.error input[type="checkbox"]{background:var(--input-error-color);outline:2px solid var(--input-error-color);outline-offset:2px}.toggle-wrap.error span{color:var(--input-error-color)}.file-wrap{display:flex;align-items:center;gap:12px;height:var(--input-height);width:100%;min-width:200px;padding:0 var(--input-padding-x);border-radius:var(--input-radius);border:1px dashed var(--input-border-color);background-color:var(--input-bg);box-sizing:border-box;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.file-wrap:hover{border-color:var(--input-border-hover);background-color:var(--input-bg-focus)}.file-wrap input[type="file"]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.file-wrap .file-label{font-size:14px;color:var(--input-placeholder-color)}.file-wrap.error{border-color:var(--input-error-color)}.range-wrap{width:100%;min-width:200px}.range-wrap input[type="range"]{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:var(--input-border-color);outline:0;cursor:pointer}.range-wrap input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--input-underline-color);border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.2);cursor:pointer}.range-wrap input[type="range"]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--input-underline-color);border:2px solid #fff;box-shadow:0 1px 3px rgba(0,0,0,.2);cursor:pointer}.range-wrap input[type="range"]:focus-visible::-webkit-slider-thumb{outline:2px solid var(--input-underline-color);outline-offset:2px}.range-wrap input[type="range"]:disabled{opacity:var(--input-disabled-opacity);cursor:not-allowed}.input-group{display:flex;width:100%;min-width:200px}.input-group .input-wrap{border-radius:0;min-width:0}.input-group .input-wrap:first-child{border-radius:var(--input-radius) 0 0 var(--input-radius)}.input-group .input-wrap:last-child{border-radius:0 var(--input-radius) var(--input-radius) 0}.input-group-text{display:flex;align-items:center;padding:0 12px;font-size:14px;color:var(--input-placeholder-color);background:var(--input-bg);border:1px solid #c9cacd;white-space:nowrap;user-select:none}.input-group-text:first-child{border-radius:var(--input-radius) 0 0 var(--input-radius);border-right:1px solid var(--input-border-color)}.input-group-text:last-child{border-radius:0 var(--input-radius) var(--input-radius) 0;border-left:1px solid var(--input-border-color)}