@layer patterns{html{scroll-padding-bottom:var(--size-120)}.cs .d2-horizontal{gap:var(--size-14);flex-direction:column;display:flex}.cs .d2-stack{gap:var(--size-20);flex-direction:column;min-width:0;display:flex}.cs .d2-horizontal>.ui-field{grid-template-columns:var(--size-120) minmax(0, 1fr);gap:var(--size-8) var(--size-20);align-items:start;margin:0;display:grid}.cs .d2-horizontal>.ui-field>label{padding-top:var(--size-11)}.cs .d2-horizontal>.ui-field>.ui-error,.cs .d2-horizontal>.ui-field>.ui-hint{grid-column:2}@media (width<=767px){.cs .d2-horizontal>.ui-field{gap:var(--size-6);grid-template-columns:minmax(0,1fr)}.cs .d2-horizontal>.ui-field>label{padding-top:0}.cs .d2-horizontal>.ui-field>.ui-error,.cs .d2-horizontal>.ui-field>.ui-hint{grid-column:1}}}