@layer pylot{:root{--pylot-field-chrome:2.4rem;--pylot-field-w-num:calc(5ch + var(--pylot-field-chrome));--pylot-field-w-date:calc(10ch + var(--pylot-field-chrome));--pylot-field-w-daterange:calc(22ch + var(--pylot-field-chrome));--pylot-field-w-code:calc(16ch + var(--pylot-field-chrome));--pylot-field-w-short:calc(22ch + var(--pylot-field-chrome));--pylot-field-w-medium:calc(32ch + var(--pylot-field-chrome));--pylot-field-w-long:calc(48ch + var(--pylot-field-chrome))}.pylot-field--num{width:min(100%, var(--pylot-field-w-num))}.pylot-field--date{width:min(100%, var(--pylot-field-w-date))}.pylot-field--dateRange{width:min(100%, var(--pylot-field-w-daterange))}.pylot-field--code{width:min(100%, var(--pylot-field-w-code))}.pylot-field--short{width:min(100%, var(--pylot-field-w-short))}.pylot-field--medium{width:min(100%, var(--pylot-field-w-medium))}.pylot-field--long{width:min(100%, var(--pylot-field-w-long))}.pylot-field--full{width:100%}}