.ColorCard-module__yA2bHq__card{font-family:var(--sans);aspect-ratio:20/29;text-align:left;border:1px solid #80808029;border-radius:0;flex-direction:column;width:100%;min-width:0;padding:clamp(22px,3vw,32px);display:flex;position:relative;overflow:hidden}.ColorCard-module__yA2bHq__name{overflow-wrap:anywhere;margin:18px 0 0;font-size:14px;line-height:1.35}.ColorCard-module__yA2bHq__sample{font-family:var(--sans);font-size:var(--palette-sample-size,clamp(112px, 12vw, 160px));letter-spacing:-.075em;align-self:flex-end;margin-top:auto;padding-top:40px;font-weight:400;line-height:.9;display:block}.ColorCard-module__yA2bHq__values{font-variant-numeric:tabular-nums;margin:0;font-size:12px;line-height:1.6}.ColorCard-module__yA2bHq__values+.ColorCard-module__yA2bHq__values,.ColorCard-module__yA2bHq__name+.ColorCard-module__yA2bHq__values{margin-top:16px}.ColorCard-module__yA2bHq__values>div{flex-wrap:wrap;align-items:baseline;column-gap:8px;display:flex}.ColorCard-module__yA2bHq__values dt,.ColorCard-module__yA2bHq__values dd{margin:0}.ColorCard-module__yA2bHq__values dt{font-weight:500}.ColorCard-module__yA2bHq__values dd{overflow-wrap:anywhere}.ColorCard-module__yA2bHq__values .ColorCard-module__yA2bHq__hex{font-size:clamp(18px,1.8vw,22px);line-height:1.2}
.ColorField-module__rXG8PW__field{margin-bottom:24px}.ColorField-module__rXG8PW__inputs{grid-template-columns:64px minmax(0,1fr);gap:16px;display:grid}.ColorField-module__rXG8PW__pickerLabel{flex-direction:column;gap:9px;font-size:13px;display:flex}.ColorField-module__rXG8PW__pickerLabel input{border:1px solid var(--theme-elevation-200);background:var(--theme-input-bg);cursor:pointer;width:64px;height:40px;padding:3px}.ColorField-module__rXG8PW__pickerLabel input:focus-visible{outline:2px solid var(--theme-text);outline-offset:3px}.ColorField-module__rXG8PW__pickerLabel input:disabled{cursor:default}.ColorField-module__rXG8PW__preview{--palette-sample-size:clamp(112px, 12vw, 160px);max-width:400px}.ColorField-module__rXG8PW__conversions{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:16px;display:grid}.ColorField-module__rXG8PW__conversions label{gap:8px;font-size:13px;display:grid}.ColorField-module__rXG8PW__conversions input{border:1px solid var(--theme-elevation-200);background:var(--theme-elevation-50);width:100%;min-width:0;color:var(--theme-text);border-radius:0;padding:10px 12px;font-size:14px}.ColorField-module__rXG8PW__note{color:var(--theme-elevation-500);margin:8px 0 20px;font-size:12px}