.input-color{width:100%;display:flex;position:relative}.input-color input{width:100%}.input-color__input.fresh-design{background-color:#21193a;border:1px solid #282041;border-radius:4px;font-weight:500}.input-color__input{padding:var(--spacing-md) var(--spacing-xl);border:1px solid var(--border-primary);border-radius:var(--radius-full);background:var(--background-primary);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:700;line-height:var(--line-height-base);outline:none;flex:1}.input-color__input:hover{border:1px solid var(--border-secondary);background:var(--background-secondary)}.input-color__input:active,.input-color__input:focus{border:1px solid var(--border-tertiary)!important;background:var(--background-tertiary)!important;box-shadow:none!important}.input-color__input--invalid{border:1px solid var(--border-danger)!important;background:var(--background-danger)!important}.input-color__preview{top:50%;right:var(--spacing-lg);border-radius:var(--radius-full);cursor:pointer;width:1rem;height:1rem;position:absolute;transform:translateY(-50%);box-shadow:0 0 0 1px #00000080}.input-color__preview--transparency{--checker:#b8b8b8;--checker-bg:#e8e8e8;background-color:var(--checker-bg);background-image:linear-gradient(45deg, var(--checker) 25%, transparent 25%), linear-gradient(-45deg, var(--checker) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--checker) 75%), linear-gradient(-45deg, transparent 75%, var(--checker) 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px}.input-color__selector{height:100%;top:var(--spacing-sm);right:calc(-50% + var(--spacing-2xl));display:none;position:absolute;transform:translate(50%)}.animations-inventory-header{justify-content:flex-end;align-items:center;gap:var(--spacing-md);display:flex}.animations-inventory-header__label{color:var(--text-primary);font-size:var(--font-size-sm);line-height:var(--line-height-sm);font-weight:700}.animations-inventory-header__select{width:150px}