@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&family=Source+Sans+3:wght@300;400;500;600&display=swap";.input-color{display:flex;flex-flow:column;gap:10px}.input-color__title,.input-color__value{display:block;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;text-transform:capitalize}.input-color__value{color:#aaa}.input-color__wrapper{aspect-ratio:1/1;height:auto;position:relative;width:100%}.input-color__swatch{border-radius:4px;height:100%;min-height:32px;width:100%}.input-color__swatch--empty{align-items:center;border:2px dashed #eaeaea;color:#cfcfcf;display:flex;justify-content:center}.input-color__swatch--empty .icon{height:32px;width:32px}.input-color__input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}@media (min-width:62em){.input-color{gap:16px}}