:root{--spacing-x2-large:calc(var(--spacing-unit) * 8);--spacing-x3-large:calc(var(--spacing-unit) * 12);--spacing-x4-large:calc(var(--spacing-unit) * 16);--spacing-x5-large:calc(var(--spacing-unit) * 24);--spacing-x6-large:calc(var(--spacing-unit) * 32);--spacing-x7-large:calc(var(--spacing-unit) * 40);--spacing-x8-large:calc(var(--spacing-unit) * 48);--spacing-x9-large:calc(var(--spacing-unit) * 56);--spacing-x10-large:calc(var(--spacing-unit) * 64);--spacing-x11-large:calc(var(--spacing-unit) * 72);--spacing-x12-large:calc(var(--spacing-unit) * 80);--spacing-unit:4px;--spacing-x-small:calc(var(--spacing-unit) * 0.5);--spacing-small:calc(var(--spacing-unit) * 1);--spacing-regular:calc(var(--spacing-unit) * 2);--spacing-medium:calc(var(--spacing-unit) * 3);--spacing-large:calc(var(--spacing-unit) * 4);--spacing-x-large:calc(var(--spacing-unit) * 6);--spacing-xx-large:calc(var(--spacing-unit) * 8);--spacing-xxx-large:calc(var(--spacing-unit) * 12);--spacing-xxxx-large:calc(var(--spacing-unit) * 16);--spacing-xxxxx-large:calc(var(--spacing-unit) * 24);--spacing-xxxxxx-large:calc(var(--spacing-unit) * 32);--compact-spacing-unit:3px;--compact-spacing-x-small:calc(var(--compact-spacing-unit) * 0.5);--compact-spacing-small:calc(var(--compact-spacing-unit) * 1);--compact-spacing-regular:calc(var(--compact-spacing-unit) * 2);--compact-spacing-medium:calc(var(--compact-spacing-unit) * 3);--compact-spacing-large:calc(var(--compact-spacing-unit) * 4);--compact-spacing-x-large:calc(var(--compact-spacing-unit) * 6);--border-radius-small:var(--spacing-unit);--border-radius-large:var(--spacing-large);--border-line:1px solid rgb(var(--greyscale-level-4));--opacity-disabled:0.5;--base-transition-duration:0.3s;--transition-half-duration:calc(var(--base-transition-duration) * 0.5);--outline:var(--spacing-x-small) solid var(--color-primary);--outline-warning:var(--spacing-x-small) solid var(--color-warning);--outline-offset:var(--spacing-small);--popover-box-shadow:0px 8px 24px 0px rgba(17,17,17,0.24);--default-field-height:44px}