@layer vuestic.styles,vuestic.components;@layer vuestic.components{.va-color-indicator{display:inline-flex;justify-content:center;align-items:center;cursor:pointer;border-radius:var(--va-border-radius-computed);text-align:center;background-color:var(--va-background-element);border:.125rem solid var(--va-background-border);box-sizing:border-box;overflow:hidden}.va-color-indicator__core{border-radius:var(--va-border-radius-computed)}.va-color-indicator--selected{background-color:var(--va-primary);border-color:var(--va-primary)}.va-color-indicator--on-keyboard-focus{outline:2px solid var(--va-focus)!important;border-radius:var(--va-border-radius-computed)}}@layer vuestic.styles,vuestic.components;@layer vuestic.components{.va-color-input{display:flex;align-items:center!important;position:relative}.va-color-input .form-group{margin-bottom:0}.va-color-input__input{margin-bottom:0;min-width:5.6rem;width:100%}.va-color-input__input__pointer{cursor:pointer}.va-color-input__hidden-input{visibility:hidden;width:0;height:0;overflow:hidden;position:absolute;pointer-events:none;bottom:0}@supports (-ms-ime-align: auto){.va-color-input__hidden-input{right:14.7rem}}@media screen and (-webkit-min-device-pixel-ratio: 0){.va-color-input__hidden-input{right:14.7rem}}}