.x-field{position:relative;overflow:hidden}.x-field__canvas{width:100%;height:100%;position:absolute;inset:0}.x-field__label{letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:#5f6662;pointer-events:none;background:var(--field-label-bg,#f3f3eed9);border-radius:4px;padding:3px 6px;font-size:11.5px;font-weight:600;position:absolute}.x-field__label--left{transform:translate(14px,10px)}.x-field__label--right{transform:translate(-100%,calc(-100% - 12px))}.x-field__label--center{transform:translate(-50%,calc(-100% - 24px))}.x-field__label.is-fade{color:rgb(95 102 98/calc(1 - var(--resolve,0)));animation:x-field-fade .7s var(--ease) 1.1s both}.x-field__label.is-signal{color:rgb(194 68 31/var(--commit,0))}@keyframes x-field-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.x-field__label.is-fade{animation:none}}.x-field__mark{pointer-events:none;position:absolute}