| @import '../../../elements-sk/modules/colors'; |
| |
| skottie-color-manager-sk { |
| .wrapper { |
| .no-manager { |
| .info-box { |
| display: flex; |
| color: var(--disabled); |
| flex-direction: row; |
| gap: 16px; |
| |
| &--icon { |
| color: var(--on-surface); |
| font-size: 17px; |
| padding-top: 4px; |
| flex: 0 0 auto; |
| } |
| |
| &--description { |
| color: var(--on-surface); |
| font-size: 12px; |
| } |
| } |
| |
| .apply-btn { |
| margin-top: 12px; |
| padding: 8px 16px; |
| } |
| } |
| |
| .manager { |
| .color-form--color { |
| display: flex; |
| align-items: baseline; |
| flex-direction: row; |
| gap: 4px; |
| margin-top: 16px; |
| } |
| .color-form--original-color { |
| display: inline-block; |
| margin-top: 16px; |
| } |
| } |
| } |
| } |
