.sygni-input{width:100%;display:flex;flex-direction:column;position:relative}.sygni-input__info{background-color:var(--background-primary-color--light);color:var(--subtext-color);display:inline-block;border-radius:999px;vertical-align:top;text-align:center;line-height:17px;font-weight:500;margin-left:5px;margin-top:-5px;font-size:10px;height:17px;width:17px}.sygni-input input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}.sygni-input--with-check input[editable=true]{padding-right:89px!important}.sygni-input--with-check .confirmation-box{right:47px!important}.sygni-input .counter{position:absolute;right:10px;top:50%;margin-left:3px;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:1;gap:8px}.sygni-input .counter .arrow-up{cursor:pointer;width:9px;transform:rotate(-180deg)}.sygni-input .counter .arrow-down{cursor:pointer;width:9px}.sygni-input .label{white-space:nowrap;padding:2px 4px 5px 4px;font-size:12px;font-weight:500;font-stretch:normal;font-style:normal;letter-spacing:normal;color:var(--subtext-color);opacity:.85;width:1px;height:20px}.sygni-input .label strong{font-weight:inherit;color:var(--red)}.sygni-input .clearable{aspect-ratio:1/1;position:absolute;cursor:pointer;height:100%;right:0;top:0}.sygni-input .clearable,.sygni-input .unit-type{justify-content:center;align-items:center;display:flex}.sygni-input .unit-type{background-color:var(--background-secondary-color--hover);border:1px solid var(--border-primary-color);border-radius:0 3px 3px 0;min-width:35px;padding:0 5px;width:35px}.sygni-input .input-container{width:100%;display:flex;position:relative;flex-direction:row}.sygni-input .input-container:has(.confirmation-box) input{padding-right:42px}.sygni-input:hover .unit-type{background-color:var(--background-secondary-color--hover);border:1px solid var(--border-primary-color)}.sygni-input input{width:100%;height:42px;border:1px solid var(--border-primary-color);padding:5px 10px;border-radius:3px;text-align:center;font-size:14px;font-weight:500;color:var(--text-color)}.sygni-input input::-moz-placeholder{color:var(--placeholder-text-color)}.sygni-input input:-ms-input-placeholder{color:var(--placeholder-text-color)}.sygni-input input::placeholder{color:var(--placeholder-text-color)}.sygni-input input.with-unit{border-right:0;border-radius:3px 0 0 3px}.sygni-input input[editable=true]{padding-right:47px}.sygni-input input:focus{border:1px solid var(--border-primary-color--focus)}.sygni-input.error input{color:red!important;border:1px solid var(--red)!important}.sygni-input.text-left input{text-align:left}.sygni-input.text-right input{text-align:right}.sygni-input.disabled input{background-color:var(--background-primary-color--light)!important;border-color:var(--text-color-disabled)!important;color:var(--text-color)!important;cursor:not-allowed!important}.sygni-input.disabled .unit-type{background-color:var(--background-primary-color--light);cursor:not-allowed!important}.sygni-input.uppercase input{text-transform:uppercase}.sygni-input .edit-button{position:absolute;right:8px;height:12px;top:calc(50% - 5px);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--text-color)}.sygni-input .confirmation-box{justify-content:center;align-items:center;position:absolute;cursor:pointer;display:flex;height:100%;width:42px;right:0;top:0}.sygni-input .confirmation-box .success-box{background-color:var(--success);border-radius:999px;height:16px;width:16px}.sygni-input .confirmation-box .success-box img,.sygni-input .confirmation-box .success-box svg{transform:translate(-50%,-50%);-o-object-fit:contain;object-fit:contain;position:absolute;height:14px;width:14px;left:50%;top:50%}.sygni-input .confirmation-box .error-box{background-color:var(--danger);border-radius:999px;position:relative;height:16px;width:16px}.sygni-input .confirmation-box .error-box span{transform:translate(-50%,-50%) rotate(-45deg);background-color:var(--white);position:absolute;height:2px;width:50%;left:50%;top:50%}.sygni-input .confirmation-box .error-box span:first-of-type{transform:translate(-50%,-50%) rotate(45deg)}.sygni-input.tw-theme .label{color:var(--gn-new-primary);margin-bottom:10px;text-wrap:wrap;height:auto;width:auto;padding:0}.sygni-input.tw-theme .label .optional-label{color:var(--gn-new-description--dark);vertical-align:baseline;font-size:10px}.sygni-input.tw-theme input{border-color:var(--gn-new-border);border-radius:6px;text-align:left;font-weight:400;font-size:14px}.sygni-input.tw-theme input:focus{border-color:var(--gn-new-primary)}.sygni-input.tw-theme.error input{color:var(--text-color)!important}.sygni-input.tw-theme.text-center input{text-align:center}.sygni-input.tw-theme:has(.optional-label) .label{display:inline-block}.sygni-input.tw-theme:has(.unit-type) input{border-bottom-right-radius:0;border-top-right-radius:0}.sygni-input.tw-theme:has(.unit-type) .unit-type{border-color:var(--gn-new-border)!important}.sygni-input.tw-theme:has(.unit-type).disabled .unit-type{border-color:var(--disabled-border)!important}.sygni-input.tw-theme.disabled input{border-color:var(--disabled-border)!important}