.color-field[data-v-0971f1cd]{position:relative}.color-field__swatch[data-v-0971f1cd]{position:absolute;left:10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:18px;height:18px;border-radius:3px;border:1px solid var(--light-grey-300-dark-grey-700);pointer-events:none;z-index:2;overflow:hidden}.color-field__swatch--empty[data-v-0971f1cd]{border:1px solid var(--grey-500);-webkit-box-shadow:inset 0 0 0 1px var(--grey-500);box-shadow:inset 0 0 0 1px var(--grey-500);background:transparent}.color-field__swatch--empty[data-v-0971f1cd]:after{content:"";position:absolute;top:50%;left:-2px;width:140%;height:2px;background:var(--grey-500);-webkit-transform:rotate(-45deg) translateY(-50%);transform:rotate(-45deg) translateY(-50%);-webkit-transform-origin:center;transform-origin:center}.color-field__picker[data-v-0971f1cd]{position:absolute;left:6px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:26px;height:26px;opacity:0;cursor:pointer;z-index:3;padding:0;border:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent}.color-text-input[data-v-0971f1cd]{-webkit-box-flex:1;-ms-flex:1;flex:1}[data-v-0971f1cd] .color-text-input.form-component:not(.slim){padding-top:0!important;padding-bottom:0!important}[data-v-0971f1cd] .color-text-input .v-input__slot input{padding-left:34px!important}