.sizeField{gap:var(--spacing-md);flex-direction:column;display:flex}.sizeField .preview{height:11em;padding:var(--spacing-xs);border-radius:var(--radius-md);background:var(--container);corner-shape:superellipse(1.5);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.sizeField .canvas{border-radius:var(--radius-lg);corner-shape:superellipse(1.5);background-color:color-mix(in srgb,var(--text)6%,transparent);background-image:repeating-conic-gradient(color-mix(in srgb,var(--text)5%,transparent)0% 25%,transparent 0% 50%);background-size:1em 1em}.sizeField .canvas .label{white-space:nowrap;transform-origin:50%;font-size:var(--font-md);position:absolute;top:50%;left:50%!important;transform:translate(-50%,-50%)!important}