.app-color-transparency-slider{--app-color-transparency-slider-thumb-color:red;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDE2IDE2Ij48ZyBjbGlwLXBhdGg9InVybCgjYSkiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoMTZ2MTZIMHoiLz48cGF0aCBmaWxsPSIjZjJmMmYyIiBkPSJNOCAwaDh2OEg4ek0wIDhoOHY4SDB6Ii8+PC9nPjxkZWZzPjxjbGlwUGF0aCBpZD0iYSI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGgxNnYxNkgweiIvPjwvY2xpcFBhdGg+PC9kZWZzPjwvc3ZnPg==);border:2px solid var(--color-light-gray);border-radius:4px;height:24px;position:relative}.app-color-transparency-slider__gradient{height:100%;width:100%}.app-color-transparency-slider__slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;height:100%;margin:0;padding:0;position:absolute;top:0;width:100%}.app-color-transparency-slider__slider::-moz-range-thumb{-moz-appearance:none;appearance:none;background-color:var(--app-color-transparency-slider-thumb-color);border:2px solid #fff;border-radius:6px;cursor:pointer;height:28px;position:relative;width:16px}.app-color-transparency-slider__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:var(--app-color-transparency-slider-thumb-color);border:2px solid #fff;border-radius:6px;cursor:pointer;height:28px;position:relative;width:16px}@keyframes pulse-animation{0%{box-shadow:0 0 0 0 var(--pulse-color)}to{box-shadow:0 0 0 var(--pulse-size) transparent}}@keyframes shimmer{to{transform:translate(100%)}}.app-input{display:flex;flex-direction:column;gap:2px;position:relative}.app-input__input-wrapper{align-items:flex-start;display:flex;position:relative}.app-input__input-wrapper--color{align-items:stretch;flex-direction:column;gap:4px}.app-input__number-control-button{align-items:center;background:#fff;border:2px solid var(--color-light-gray);display:flex;flex-shrink:0;height:46px;justify-content:center;padding:0;width:46px}.app-input__number-control-button:hover{border:2px solid var(--color-secondary)}.app-input__input{border:2px solid var(--color-light-gray);border-radius:var(--default-border-radius);color:var(--color-mine-shaft);font-family:var(--font-family-default);font-size:16px;min-height:46px;padding:6px;transition:all .2s;width:100%}.app-input__input:active,.app-input__input:focus,.app-input__input:focus-visible{border-color:var(--color-secondary);outline-color:var(--color-secondary)}.app-input__input:focus{outline:none}.app-input__input--error{border:2px solid var(--color-error)}.app-input__input--valid{border-bottom-color:var(--color-success)}.app-input__input--color{border-radius:4px;padding:0}.app-input__input--color::-webkit-color-swatch-wrapper{padding:0}.app-input__input--color::-moz-color-swatch{border:none}.app-input__input--color::-webkit-color-swatch{border:none;margin:0;padding:0;width:100%}.app-input__label{display:block;font-size:14px;font-weight:300;margin:0 0 4px}.app-input__form-error{text-align:right}.app-input__input--show-controls::-webkit-inner-spin-button,.app-input__input--show-controls::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.app-input__input--show-controls{-moz-appearance:textfield;border-left:none;border-radius:0;border-right:none;text-align:center;width:46px}.app-input__number-control-button--decrease{border-radius:4px 0 0 4px}.app-input__number-control-button--increase{border-radius:0 4px 4px 0}.input-type__date{-moz-appearance:none;-webkit-appearance:none;background:#fff}.input-type__date::-webkit-date-and-time-value{text-align:left}.input-type__password{padding-right:38px}.app-input__password-eye{cursor:pointer;position:absolute;right:12px;top:50%;transform:translateY(-50%)}