@awsui/components-react
Version:
AWS UI is a collection of [React](https://reactjs.org/) components that help create intuitive, responsive, and accessible user experiences for web applications. It is developed by Amazon Web Services (AWS). This work is available under the terms of the [A
742 lines (633 loc) • 27.2 kB
CSS
._root_18wu0_nff6i_3:not(#\9){
font-size:1.4rem;
font-size:var(--size-font-body-100-1S0qZw, 1.4rem);
line-height:2.2rem;
line-height:var(--size-lineHeight-body-100-2aIKVt, 2.2rem);
color:#16191f;
color:var(--color-text-body-default-2ZjSsg, #16191f);
font-weight:400;
font-family:"Noto Sans", "Helvetica Neue", Roboto, Arial, sans-serif;
}
._box_18wu0_nff6i_16._p-variant_18wu0_nff6i_16._color-default_18wu0_nff6i_16:not(#\9), ._box_18wu0_nff6i_16._b-variant_18wu0_nff6i_16._color-default_18wu0_nff6i_16:not(#\9), ._box_18wu0_nff6i_16._strong-variant_18wu0_nff6i_16._color-default_18wu0_nff6i_16:not(#\9), ._box_18wu0_nff6i_16._p-variant_18wu0_nff6i_16._color-default_18wu0_nff6i_16:not(#\9), ._box_18wu0_nff6i_16._code-variant_18wu0_nff6i_16._color-default_18wu0_nff6i_16:not(#\9), ._box_18wu0_nff6i_16._pre-variant_18wu0_nff6i_16._color-default_18wu0_nff6i_16:not(#\9), ._box_18wu0_nff6i_16._samp-variant_18wu0_nff6i_16._color-default_18wu0_nff6i_16:not(#\9){
color:#16191f;
color:var(--color-text-body-default-2ZjSsg, #16191f);
}
._box_18wu0_nff6i_16._h1-variant_18wu0_nff6i_20._color-default_18wu0_nff6i_16:not(#\9), ._box_18wu0_nff6i_16._h2-variant_18wu0_nff6i_20._color-default_18wu0_nff6i_16:not(#\9), ._box_18wu0_nff6i_16._h3-variant_18wu0_nff6i_20._color-default_18wu0_nff6i_16:not(#\9), ._box_18wu0_nff6i_16._h4-variant_18wu0_nff6i_20._color-default_18wu0_nff6i_16:not(#\9), ._box_18wu0_nff6i_16._h5-variant_18wu0_nff6i_20._color-default_18wu0_nff6i_16:not(#\9){
color:#16191f;
color:var(--color-text-heading-default-2ZjSsg, #16191f);
}
._box_18wu0_nff6i_16._small-variant_18wu0_nff6i_24._color-default_18wu0_nff6i_16:not(#\9){
color:#687078;
color:var(--color-text-small-1UtnXw, #687078);
}
._box_18wu0_nff6i_16._a-variant_18wu0_nff6i_28._color-default_18wu0_nff6i_16:not(#\9){
color:#0073bb;
color:var(--color-text-link-default-3H8Hch, #0073bb);
}
._box_18wu0_nff6i_16._small-variant_18wu0_nff6i_24._font-size-default_18wu0_nff6i_32:not(#\9), ._box_18wu0_nff6i_16._code-variant_18wu0_nff6i_16._font-size-default_18wu0_nff6i_32:not(#\9){
font-size:1.2rem;
font-size:var(--size-font-body-50-3LgOeB, 1.2rem);
line-height:1.6rem;
line-height:var(--size-lineHeight-body-50-3o9QS_, 1.6rem);
}
._box_18wu0_nff6i_16._p-variant_18wu0_nff6i_16._font-size-default_18wu0_nff6i_32:not(#\9), ._box_18wu0_nff6i_16._b-variant_18wu0_nff6i_16._font-size-default_18wu0_nff6i_32:not(#\9), ._box_18wu0_nff6i_16._strong-variant_18wu0_nff6i_16._font-size-default_18wu0_nff6i_32:not(#\9), ._box_18wu0_nff6i_16._pre-variant_18wu0_nff6i_16._font-size-default_18wu0_nff6i_32:not(#\9), ._box_18wu0_nff6i_16._samp-variant_18wu0_nff6i_16._font-size-default_18wu0_nff6i_32:not(#\9), ._box_18wu0_nff6i_16._a-variant_18wu0_nff6i_28._font-size-default_18wu0_nff6i_32:not(#\9){
font-size:1.4rem;
font-size:var(--size-font-body-100-1S0qZw, 1.4rem);
line-height:2.2rem;
line-height:var(--size-lineHeight-body-100-2aIKVt, 2.2rem);
}
._box_18wu0_nff6i_16._h5-variant_18wu0_nff6i_20._font-size-default_18wu0_nff6i_32:not(#\9){
font-size:1.6rem;
font-size:var(--size-font-heading-100-3o9QS_, 1.6rem);
line-height:2rem;
line-height:var(--size-lineHeight-heading-100-3SmGmy, 2rem);
}
._box_18wu0_nff6i_16._h4-variant_18wu0_nff6i_20._font-size-default_18wu0_nff6i_32:not(#\9){
font-size:1.6rem;
font-size:var(--size-font-heading-100-3o9QS_, 1.6rem);
line-height:2rem;
line-height:var(--size-lineHeight-heading-100-3SmGmy, 2rem);
}
._box_18wu0_nff6i_16._h3-variant_18wu0_nff6i_20._font-size-default_18wu0_nff6i_32:not(#\9){
font-size:1.8rem;
font-size:var(--size-font-heading-200-2NVa8Z, 1.8rem);
line-height:2.2rem;
line-height:var(--size-lineHeight-heading-200-2aIKVt, 2.2rem);
}
._box_18wu0_nff6i_16._h2-variant_18wu0_nff6i_20._font-size-default_18wu0_nff6i_32:not(#\9){
font-size:1.8rem;
font-size:var(--size-font-heading-200-2NVa8Z, 1.8rem);
line-height:2.2rem;
line-height:var(--size-lineHeight-heading-200-2aIKVt, 2.2rem);
}
._box_18wu0_nff6i_16._h1-variant_18wu0_nff6i_20._font-size-default_18wu0_nff6i_32:not(#\9){
font-size:2.8rem;
font-size:var(--size-font-heading-500-1qu30Q, 2.8rem);
line-height:3.6rem;
line-height:var(--size-lineHeight-heading-500-1Bmg96, 3.6rem);
}
._box_18wu0_nff6i_16._h1-variant_18wu0_nff6i_20._font-weight-default_18wu0_nff6i_67:not(#\9), ._box_18wu0_nff6i_16._h3-variant_18wu0_nff6i_20._font-weight-default_18wu0_nff6i_67:not(#\9), ._box_18wu0_nff6i_16._h5-variant_18wu0_nff6i_20._font-weight-default_18wu0_nff6i_67:not(#\9), ._box_18wu0_nff6i_16._p-variant_18wu0_nff6i_16._font-weight-default_18wu0_nff6i_67:not(#\9), ._box_18wu0_nff6i_16._p-variant_18wu0_nff6i_16._font-weight-default_18wu0_nff6i_67:not(#\9), ._box_18wu0_nff6i_16._code-variant_18wu0_nff6i_16._font-weight-default_18wu0_nff6i_67:not(#\9), ._box_18wu0_nff6i_16._pre-variant_18wu0_nff6i_16._font-weight-default_18wu0_nff6i_67:not(#\9), ._box_18wu0_nff6i_16._samp-variant_18wu0_nff6i_16._font-weight-default_18wu0_nff6i_67:not(#\9), ._box_18wu0_nff6i_16._small-variant_18wu0_nff6i_24._font-weight-default_18wu0_nff6i_67:not(#\9), ._box_18wu0_nff6i_16._a-variant_18wu0_nff6i_28._font-weight-default_18wu0_nff6i_67:not(#\9){
font-weight:400;
}
._box_18wu0_nff6i_16._h2-variant_18wu0_nff6i_20._font-weight-default_18wu0_nff6i_67:not(#\9), ._box_18wu0_nff6i_16._h4-variant_18wu0_nff6i_20._font-weight-default_18wu0_nff6i_67:not(#\9), ._box_18wu0_nff6i_16._strong-variant_18wu0_nff6i_16._font-weight-default_18wu0_nff6i_67:not(#\9), ._box_18wu0_nff6i_16._b-variant_18wu0_nff6i_16._font-weight-default_18wu0_nff6i_67:not(#\9){
font-weight:700;
}
._box_18wu0_nff6i_16._h1-variant_18wu0_nff6i_20:not(#\9), ._box_18wu0_nff6i_16._h2-variant_18wu0_nff6i_20:not(#\9), ._box_18wu0_nff6i_16._h3-variant_18wu0_nff6i_20:not(#\9), ._box_18wu0_nff6i_16._h4-variant_18wu0_nff6i_20:not(#\9), ._box_18wu0_nff6i_16._h5-variant_18wu0_nff6i_20:not(#\9), ._box_18wu0_nff6i_16._p-variant_18wu0_nff6i_16:not(#\9){
margin:0;
text-decoration:none;
padding:0.4rem 0;
padding:var(--space-xxs-1SRICw, 0.4rem) 0;
}
._box_18wu0_nff6i_16._small-variant_18wu0_nff6i_24:not(#\9){
display:inline-block;
}
._box_18wu0_nff6i_16._code-variant_18wu0_nff6i_16:not(#\9), ._box_18wu0_nff6i_16._pre-variant_18wu0_nff6i_16:not(#\9), ._box_18wu0_nff6i_16._samp-variant_18wu0_nff6i_16:not(#\9){
font-family:Monaco, Menlo, Consolas, "Courier Prime", Courier, "Courier New", monospace;
}
._box_18wu0_nff6i_16._color-inverted_18wu0_nff6i_87:not(#\9){
color:#fafafa;
color:var(--color-text-notification-default-yKNU8Y, #fafafa);
}
._box_18wu0_nff6i_16._color-text-label_18wu0_nff6i_90:not(#\9){
color:#545b64;
color:var(--color-text-label-3MrzkF, #545b64);
}
._box_18wu0_nff6i_16._color-text-body-secondary_18wu0_nff6i_93:not(#\9){
color:#545b64;
color:var(--color-text-body-secondary-3MrzkF, #545b64);
}
._box_18wu0_nff6i_16._color-text-status-error_18wu0_nff6i_96:not(#\9){
color:#d13212;
color:var(--color-text-status-error-1SZf5y, #d13212);
}
._box_18wu0_nff6i_16._color-text-status-success_18wu0_nff6i_99:not(#\9){
color:#1d8102;
color:var(--color-text-status-success-2klHNN, #1d8102);
}
._box_18wu0_nff6i_16._color-text-status-info_18wu0_nff6i_102:not(#\9){
color:#0073bb;
color:var(--color-text-status-info-3H8Hch, #0073bb);
}
._box_18wu0_nff6i_16._color-text-status-inactive_18wu0_nff6i_105:not(#\9){
color:#687078;
color:var(--color-text-status-inactive-1UtnXw, #687078);
}
._box_18wu0_nff6i_16._color-inherit_18wu0_nff6i_108:not(#\9){
color:inherit;
}
._box_18wu0_nff6i_16._font-size-body-s_18wu0_nff6i_111:not(#\9){
font-size:1.2rem;
font-size:var(--size-font-body-50-3LgOeB, 1.2rem);
line-height:1.6rem;
line-height:var(--size-lineHeight-body-50-3o9QS_, 1.6rem);
}
._box_18wu0_nff6i_16._font-size-body-m_18wu0_nff6i_115:not(#\9){
font-size:1.4rem;
font-size:var(--size-font-body-100-1S0qZw, 1.4rem);
line-height:2.2rem;
line-height:var(--size-lineHeight-body-100-2aIKVt, 2.2rem);
}
._box_18wu0_nff6i_16._font-size-heading-xs_18wu0_nff6i_119:not(#\9){
font-size:1.6rem;
font-size:var(--size-font-heading-100-3o9QS_, 1.6rem);
line-height:2rem;
line-height:var(--size-lineHeight-heading-100-3SmGmy, 2rem);
}
._box_18wu0_nff6i_16._font-size-heading-s_18wu0_nff6i_123:not(#\9){
font-size:1.6rem;
font-size:var(--size-font-heading-100-3o9QS_, 1.6rem);
line-height:2rem;
line-height:var(--size-lineHeight-heading-100-3SmGmy, 2rem);
}
._box_18wu0_nff6i_16._font-size-heading-m_18wu0_nff6i_127:not(#\9){
font-size:1.8rem;
font-size:var(--size-font-heading-200-2NVa8Z, 1.8rem);
line-height:2.2rem;
line-height:var(--size-lineHeight-heading-200-2aIKVt, 2.2rem);
}
._box_18wu0_nff6i_16._font-size-heading-l_18wu0_nff6i_131:not(#\9){
font-size:1.8rem;
font-size:var(--size-font-heading-200-2NVa8Z, 1.8rem);
line-height:2.2rem;
line-height:var(--size-lineHeight-heading-200-2aIKVt, 2.2rem);
}
._box_18wu0_nff6i_16._font-size-heading-xl_18wu0_nff6i_135:not(#\9){
font-size:2.8rem;
font-size:var(--size-font-heading-500-1qu30Q, 2.8rem);
line-height:3.6rem;
line-height:var(--size-lineHeight-heading-500-1Bmg96, 3.6rem);
}
._box_18wu0_nff6i_16._font-size-display-l_18wu0_nff6i_139:not(#\9){
font-size:4.4rem;
font-size:var(--size-font-display-200-C02a-G, 4.4rem);
line-height:5.6rem;
line-height:var(--size-lineHeight-display-200-X7YH-w, 5.6rem);
}
._box_18wu0_nff6i_16._font-weight-light_18wu0_nff6i_143:not(#\9){
font-weight:300;
}
._box_18wu0_nff6i_16._font-weight-normal_18wu0_nff6i_146:not(#\9){
font-weight:400;
}
._box_18wu0_nff6i_16._font-weight-bold_18wu0_nff6i_149:not(#\9){
font-weight:700;
}
._t-left_18wu0_nff6i_153:not(#\9){
text-align:left;
}
._t-right_18wu0_nff6i_157:not(#\9){
text-align:right;
}
._t-center_18wu0_nff6i_161:not(#\9){
text-align:center;
}
._box_18wu0_nff6i_16._p-n_18wu0_nff6i_168:not(#\9){
padding:0 0;
padding:var(--space-scaled-none-1ld6ZS, 0) var(--space-none-1yo5g8, 0);
}
._box_18wu0_nff6i_16._p-top-n_18wu0_nff6i_172:not(#\9),
._box_18wu0_nff6i_16._p-vertical-n_18wu0_nff6i_173:not(#\9){
padding-top:0;
padding-top:var(--space-scaled-none-1ld6ZS, 0);
}
._box_18wu0_nff6i_16._p-right-n_18wu0_nff6i_177:not(#\9),
._box_18wu0_nff6i_16._p-horizontal-n_18wu0_nff6i_178:not(#\9){
padding-right:0;
padding-right:var(--space-none-1yo5g8, 0);
}
._box_18wu0_nff6i_16._p-bottom-n_18wu0_nff6i_182:not(#\9),
._box_18wu0_nff6i_16._p-vertical-n_18wu0_nff6i_173:not(#\9){
padding-bottom:0;
padding-bottom:var(--space-scaled-none-1ld6ZS, 0);
}
._box_18wu0_nff6i_16._p-left-n_18wu0_nff6i_187:not(#\9),
._box_18wu0_nff6i_16._p-horizontal-n_18wu0_nff6i_178:not(#\9){
padding-left:0;
padding-left:var(--space-none-1yo5g8, 0);
}
._box_18wu0_nff6i_16._p-xxxs_18wu0_nff6i_192:not(#\9){
padding:0.2rem 0.2rem;
padding:var(--space-scaled-xxxs-1yX_gQ, 0.2rem) var(--space-xxxs-adYOh0, 0.2rem);
}
._box_18wu0_nff6i_16._p-top-xxxs_18wu0_nff6i_196:not(#\9),
._box_18wu0_nff6i_16._p-vertical-xxxs_18wu0_nff6i_197:not(#\9){
padding-top:0.2rem;
padding-top:var(--space-scaled-xxxs-1yX_gQ, 0.2rem);
}
._box_18wu0_nff6i_16._p-right-xxxs_18wu0_nff6i_201:not(#\9),
._box_18wu0_nff6i_16._p-horizontal-xxxs_18wu0_nff6i_202:not(#\9){
padding-right:0.2rem;
padding-right:var(--space-xxxs-adYOh0, 0.2rem);
}
._box_18wu0_nff6i_16._p-bottom-xxxs_18wu0_nff6i_206:not(#\9),
._box_18wu0_nff6i_16._p-vertical-xxxs_18wu0_nff6i_197:not(#\9){
padding-bottom:0.2rem;
padding-bottom:var(--space-scaled-xxxs-1yX_gQ, 0.2rem);
}
._box_18wu0_nff6i_16._p-left-xxxs_18wu0_nff6i_211:not(#\9),
._box_18wu0_nff6i_16._p-horizontal-xxxs_18wu0_nff6i_202:not(#\9){
padding-left:0.2rem;
padding-left:var(--space-xxxs-adYOh0, 0.2rem);
}
._box_18wu0_nff6i_16._p-xxs_18wu0_nff6i_216:not(#\9){
padding:0.4rem 0.4rem;
padding:var(--space-scaled-xxs-wz9S8K, 0.4rem) var(--space-xxs-1SRICw, 0.4rem);
}
._box_18wu0_nff6i_16._p-top-xxs_18wu0_nff6i_220:not(#\9),
._box_18wu0_nff6i_16._p-vertical-xxs_18wu0_nff6i_221:not(#\9){
padding-top:0.4rem;
padding-top:var(--space-scaled-xxs-wz9S8K, 0.4rem);
}
._box_18wu0_nff6i_16._p-right-xxs_18wu0_nff6i_225:not(#\9),
._box_18wu0_nff6i_16._p-horizontal-xxs_18wu0_nff6i_226:not(#\9){
padding-right:0.4rem;
padding-right:var(--space-xxs-1SRICw, 0.4rem);
}
._box_18wu0_nff6i_16._p-bottom-xxs_18wu0_nff6i_230:not(#\9),
._box_18wu0_nff6i_16._p-vertical-xxs_18wu0_nff6i_221:not(#\9){
padding-bottom:0.4rem;
padding-bottom:var(--space-scaled-xxs-wz9S8K, 0.4rem);
}
._box_18wu0_nff6i_16._p-left-xxs_18wu0_nff6i_235:not(#\9),
._box_18wu0_nff6i_16._p-horizontal-xxs_18wu0_nff6i_226:not(#\9){
padding-left:0.4rem;
padding-left:var(--space-xxs-1SRICw, 0.4rem);
}
._box_18wu0_nff6i_16._p-xs_18wu0_nff6i_240:not(#\9){
padding:0.8rem 0.8rem;
padding:var(--space-scaled-xs-19adjU, 0.8rem) var(--space-xs-qJuxzO, 0.8rem);
}
._box_18wu0_nff6i_16._p-top-xs_18wu0_nff6i_244:not(#\9),
._box_18wu0_nff6i_16._p-vertical-xs_18wu0_nff6i_245:not(#\9){
padding-top:0.8rem;
padding-top:var(--space-scaled-xs-19adjU, 0.8rem);
}
._box_18wu0_nff6i_16._p-right-xs_18wu0_nff6i_249:not(#\9),
._box_18wu0_nff6i_16._p-horizontal-xs_18wu0_nff6i_250:not(#\9){
padding-right:0.8rem;
padding-right:var(--space-xs-qJuxzO, 0.8rem);
}
._box_18wu0_nff6i_16._p-bottom-xs_18wu0_nff6i_254:not(#\9),
._box_18wu0_nff6i_16._p-vertical-xs_18wu0_nff6i_245:not(#\9){
padding-bottom:0.8rem;
padding-bottom:var(--space-scaled-xs-19adjU, 0.8rem);
}
._box_18wu0_nff6i_16._p-left-xs_18wu0_nff6i_259:not(#\9),
._box_18wu0_nff6i_16._p-horizontal-xs_18wu0_nff6i_250:not(#\9){
padding-left:0.8rem;
padding-left:var(--space-xs-qJuxzO, 0.8rem);
}
._box_18wu0_nff6i_16._p-s_18wu0_nff6i_264:not(#\9){
padding:1.2rem 1.2rem;
padding:var(--space-scaled-s-1sAHT4, 1.2rem) var(--space-s-3LgOeB, 1.2rem);
}
._box_18wu0_nff6i_16._p-top-s_18wu0_nff6i_268:not(#\9),
._box_18wu0_nff6i_16._p-vertical-s_18wu0_nff6i_269:not(#\9){
padding-top:1.2rem;
padding-top:var(--space-scaled-s-1sAHT4, 1.2rem);
}
._box_18wu0_nff6i_16._p-right-s_18wu0_nff6i_273:not(#\9),
._box_18wu0_nff6i_16._p-horizontal-s_18wu0_nff6i_274:not(#\9){
padding-right:1.2rem;
padding-right:var(--space-s-3LgOeB, 1.2rem);
}
._box_18wu0_nff6i_16._p-bottom-s_18wu0_nff6i_278:not(#\9),
._box_18wu0_nff6i_16._p-vertical-s_18wu0_nff6i_269:not(#\9){
padding-bottom:1.2rem;
padding-bottom:var(--space-scaled-s-1sAHT4, 1.2rem);
}
._box_18wu0_nff6i_16._p-left-s_18wu0_nff6i_283:not(#\9),
._box_18wu0_nff6i_16._p-horizontal-s_18wu0_nff6i_274:not(#\9){
padding-left:1.2rem;
padding-left:var(--space-s-3LgOeB, 1.2rem);
}
._box_18wu0_nff6i_16._p-m_18wu0_nff6i_288:not(#\9){
padding:1.6rem 1.6rem;
padding:var(--space-scaled-m-p3tAne, 1.6rem) var(--space-m-3o9QS_, 1.6rem);
}
._box_18wu0_nff6i_16._p-top-m_18wu0_nff6i_292:not(#\9),
._box_18wu0_nff6i_16._p-vertical-m_18wu0_nff6i_293:not(#\9){
padding-top:1.6rem;
padding-top:var(--space-scaled-m-p3tAne, 1.6rem);
}
._box_18wu0_nff6i_16._p-right-m_18wu0_nff6i_297:not(#\9),
._box_18wu0_nff6i_16._p-horizontal-m_18wu0_nff6i_298:not(#\9){
padding-right:1.6rem;
padding-right:var(--space-m-3o9QS_, 1.6rem);
}
._box_18wu0_nff6i_16._p-bottom-m_18wu0_nff6i_302:not(#\9),
._box_18wu0_nff6i_16._p-vertical-m_18wu0_nff6i_293:not(#\9){
padding-bottom:1.6rem;
padding-bottom:var(--space-scaled-m-p3tAne, 1.6rem);
}
._box_18wu0_nff6i_16._p-left-m_18wu0_nff6i_307:not(#\9),
._box_18wu0_nff6i_16._p-horizontal-m_18wu0_nff6i_298:not(#\9){
padding-left:1.6rem;
padding-left:var(--space-m-3o9QS_, 1.6rem);
}
._box_18wu0_nff6i_16._p-l_18wu0_nff6i_187:not(#\9){
padding:2rem 2rem;
padding:var(--space-scaled-l-17GFGI, 2rem) var(--space-l-3SmGmy, 2rem);
}
._box_18wu0_nff6i_16._p-top-l_18wu0_nff6i_316:not(#\9),
._box_18wu0_nff6i_16._p-vertical-l_18wu0_nff6i_317:not(#\9){
padding-top:2rem;
padding-top:var(--space-scaled-l-17GFGI, 2rem);
}
._box_18wu0_nff6i_16._p-right-l_18wu0_nff6i_321:not(#\9),
._box_18wu0_nff6i_16._p-horizontal-l_18wu0_nff6i_322:not(#\9){
padding-right:2rem;
padding-right:var(--space-l-3SmGmy, 2rem);
}
._box_18wu0_nff6i_16._p-bottom-l_18wu0_nff6i_326:not(#\9),
._box_18wu0_nff6i_16._p-vertical-l_18wu0_nff6i_317:not(#\9){
padding-bottom:2rem;
padding-bottom:var(--space-scaled-l-17GFGI, 2rem);
}
._box_18wu0_nff6i_16._p-left-l_18wu0_nff6i_331:not(#\9),
._box_18wu0_nff6i_16._p-horizontal-l_18wu0_nff6i_322:not(#\9){
padding-left:2rem;
padding-left:var(--space-l-3SmGmy, 2rem);
}
._box_18wu0_nff6i_16._p-xl_18wu0_nff6i_336:not(#\9){
padding:2.4rem 2.4rem;
padding:var(--space-scaled-xl-axUbkA, 2.4rem) var(--space-xl-ADubW1, 2.4rem);
}
._box_18wu0_nff6i_16._p-top-xl_18wu0_nff6i_340:not(#\9),
._box_18wu0_nff6i_16._p-vertical-xl_18wu0_nff6i_341:not(#\9){
padding-top:2.4rem;
padding-top:var(--space-scaled-xl-axUbkA, 2.4rem);
}
._box_18wu0_nff6i_16._p-right-xl_18wu0_nff6i_345:not(#\9),
._box_18wu0_nff6i_16._p-horizontal-xl_18wu0_nff6i_346:not(#\9){
padding-right:2.4rem;
padding-right:var(--space-xl-ADubW1, 2.4rem);
}
._box_18wu0_nff6i_16._p-bottom-xl_18wu0_nff6i_350:not(#\9),
._box_18wu0_nff6i_16._p-vertical-xl_18wu0_nff6i_341:not(#\9){
padding-bottom:2.4rem;
padding-bottom:var(--space-scaled-xl-axUbkA, 2.4rem);
}
._box_18wu0_nff6i_16._p-left-xl_18wu0_nff6i_355:not(#\9),
._box_18wu0_nff6i_16._p-horizontal-xl_18wu0_nff6i_346:not(#\9){
padding-left:2.4rem;
padding-left:var(--space-xl-ADubW1, 2.4rem);
}
._box_18wu0_nff6i_16._p-xxl_18wu0_nff6i_360:not(#\9){
padding:3.2rem 3.2rem;
padding:var(--space-scaled-xxl-238u6Z, 3.2rem) var(--space-xxl-ne7xIx, 3.2rem);
}
._box_18wu0_nff6i_16._p-top-xxl_18wu0_nff6i_364:not(#\9),
._box_18wu0_nff6i_16._p-vertical-xxl_18wu0_nff6i_365:not(#\9){
padding-top:3.2rem;
padding-top:var(--space-scaled-xxl-238u6Z, 3.2rem);
}
._box_18wu0_nff6i_16._p-right-xxl_18wu0_nff6i_369:not(#\9),
._box_18wu0_nff6i_16._p-horizontal-xxl_18wu0_nff6i_370:not(#\9){
padding-right:3.2rem;
padding-right:var(--space-xxl-ne7xIx, 3.2rem);
}
._box_18wu0_nff6i_16._p-bottom-xxl_18wu0_nff6i_374:not(#\9),
._box_18wu0_nff6i_16._p-vertical-xxl_18wu0_nff6i_365:not(#\9){
padding-bottom:3.2rem;
padding-bottom:var(--space-scaled-xxl-238u6Z, 3.2rem);
}
._box_18wu0_nff6i_16._p-left-xxl_18wu0_nff6i_379:not(#\9),
._box_18wu0_nff6i_16._p-horizontal-xxl_18wu0_nff6i_370:not(#\9){
padding-left:3.2rem;
padding-left:var(--space-xxl-ne7xIx, 3.2rem);
}
._box_18wu0_nff6i_16._m-n_18wu0_nff6i_384:not(#\9){
margin:0 0;
margin:var(--space-scaled-none-1ld6ZS, 0) var(--space-none-1yo5g8, 0);
}
._box_18wu0_nff6i_16._m-top-n_18wu0_nff6i_388:not(#\9),
._box_18wu0_nff6i_16._m-vertical-n_18wu0_nff6i_389:not(#\9){
margin-top:0;
margin-top:var(--space-scaled-none-1ld6ZS, 0);
}
._box_18wu0_nff6i_16._m-right-n_18wu0_nff6i_393:not(#\9),
._box_18wu0_nff6i_16._m-horizontal-n_18wu0_nff6i_394:not(#\9){
margin-right:0;
margin-right:var(--space-none-1yo5g8, 0);
}
._box_18wu0_nff6i_16._m-bottom-n_18wu0_nff6i_398:not(#\9),
._box_18wu0_nff6i_16._m-vertical-n_18wu0_nff6i_389:not(#\9){
margin-bottom:0;
margin-bottom:var(--space-scaled-none-1ld6ZS, 0);
}
._box_18wu0_nff6i_16._m-left-n_18wu0_nff6i_403:not(#\9),
._box_18wu0_nff6i_16._m-horizontal-n_18wu0_nff6i_394:not(#\9){
margin-left:0;
margin-left:var(--space-none-1yo5g8, 0);
}
._box_18wu0_nff6i_16._m-xxxs_18wu0_nff6i_408:not(#\9){
margin:0.2rem 0.2rem;
margin:var(--space-scaled-xxxs-1yX_gQ, 0.2rem) var(--space-xxxs-adYOh0, 0.2rem);
}
._box_18wu0_nff6i_16._m-top-xxxs_18wu0_nff6i_412:not(#\9),
._box_18wu0_nff6i_16._m-vertical-xxxs_18wu0_nff6i_413:not(#\9){
margin-top:0.2rem;
margin-top:var(--space-scaled-xxxs-1yX_gQ, 0.2rem);
}
._box_18wu0_nff6i_16._m-right-xxxs_18wu0_nff6i_417:not(#\9),
._box_18wu0_nff6i_16._m-horizontal-xxxs_18wu0_nff6i_418:not(#\9){
margin-right:0.2rem;
margin-right:var(--space-xxxs-adYOh0, 0.2rem);
}
._box_18wu0_nff6i_16._m-bottom-xxxs_18wu0_nff6i_422:not(#\9),
._box_18wu0_nff6i_16._m-vertical-xxxs_18wu0_nff6i_413:not(#\9){
margin-bottom:0.2rem;
margin-bottom:var(--space-scaled-xxxs-1yX_gQ, 0.2rem);
}
._box_18wu0_nff6i_16._m-left-xxxs_18wu0_nff6i_427:not(#\9),
._box_18wu0_nff6i_16._m-horizontal-xxxs_18wu0_nff6i_418:not(#\9){
margin-left:0.2rem;
margin-left:var(--space-xxxs-adYOh0, 0.2rem);
}
._box_18wu0_nff6i_16._m-xxs_18wu0_nff6i_432:not(#\9){
margin:0.4rem 0.4rem;
margin:var(--space-scaled-xxs-wz9S8K, 0.4rem) var(--space-xxs-1SRICw, 0.4rem);
}
._box_18wu0_nff6i_16._m-top-xxs_18wu0_nff6i_436:not(#\9),
._box_18wu0_nff6i_16._m-vertical-xxs_18wu0_nff6i_437:not(#\9){
margin-top:0.4rem;
margin-top:var(--space-scaled-xxs-wz9S8K, 0.4rem);
}
._box_18wu0_nff6i_16._m-right-xxs_18wu0_nff6i_441:not(#\9),
._box_18wu0_nff6i_16._m-horizontal-xxs_18wu0_nff6i_442:not(#\9){
margin-right:0.4rem;
margin-right:var(--space-xxs-1SRICw, 0.4rem);
}
._box_18wu0_nff6i_16._m-bottom-xxs_18wu0_nff6i_446:not(#\9),
._box_18wu0_nff6i_16._m-vertical-xxs_18wu0_nff6i_437:not(#\9){
margin-bottom:0.4rem;
margin-bottom:var(--space-scaled-xxs-wz9S8K, 0.4rem);
}
._box_18wu0_nff6i_16._m-left-xxs_18wu0_nff6i_451:not(#\9),
._box_18wu0_nff6i_16._m-horizontal-xxs_18wu0_nff6i_442:not(#\9){
margin-left:0.4rem;
margin-left:var(--space-xxs-1SRICw, 0.4rem);
}
._box_18wu0_nff6i_16._m-xs_18wu0_nff6i_456:not(#\9){
margin:0.8rem 0.8rem;
margin:var(--space-scaled-xs-19adjU, 0.8rem) var(--space-xs-qJuxzO, 0.8rem);
}
._box_18wu0_nff6i_16._m-top-xs_18wu0_nff6i_460:not(#\9),
._box_18wu0_nff6i_16._m-vertical-xs_18wu0_nff6i_461:not(#\9){
margin-top:0.8rem;
margin-top:var(--space-scaled-xs-19adjU, 0.8rem);
}
._box_18wu0_nff6i_16._m-right-xs_18wu0_nff6i_465:not(#\9),
._box_18wu0_nff6i_16._m-horizontal-xs_18wu0_nff6i_466:not(#\9){
margin-right:0.8rem;
margin-right:var(--space-xs-qJuxzO, 0.8rem);
}
._box_18wu0_nff6i_16._m-bottom-xs_18wu0_nff6i_470:not(#\9),
._box_18wu0_nff6i_16._m-vertical-xs_18wu0_nff6i_461:not(#\9){
margin-bottom:0.8rem;
margin-bottom:var(--space-scaled-xs-19adjU, 0.8rem);
}
._box_18wu0_nff6i_16._m-left-xs_18wu0_nff6i_475:not(#\9),
._box_18wu0_nff6i_16._m-horizontal-xs_18wu0_nff6i_466:not(#\9){
margin-left:0.8rem;
margin-left:var(--space-xs-qJuxzO, 0.8rem);
}
._box_18wu0_nff6i_16._m-s_18wu0_nff6i_480:not(#\9){
margin:1.2rem 1.2rem;
margin:var(--space-scaled-s-1sAHT4, 1.2rem) var(--space-s-3LgOeB, 1.2rem);
}
._box_18wu0_nff6i_16._m-top-s_18wu0_nff6i_484:not(#\9),
._box_18wu0_nff6i_16._m-vertical-s_18wu0_nff6i_485:not(#\9){
margin-top:1.2rem;
margin-top:var(--space-scaled-s-1sAHT4, 1.2rem);
}
._box_18wu0_nff6i_16._m-right-s_18wu0_nff6i_489:not(#\9),
._box_18wu0_nff6i_16._m-horizontal-s_18wu0_nff6i_490:not(#\9){
margin-right:1.2rem;
margin-right:var(--space-s-3LgOeB, 1.2rem);
}
._box_18wu0_nff6i_16._m-bottom-s_18wu0_nff6i_494:not(#\9),
._box_18wu0_nff6i_16._m-vertical-s_18wu0_nff6i_485:not(#\9){
margin-bottom:1.2rem;
margin-bottom:var(--space-scaled-s-1sAHT4, 1.2rem);
}
._box_18wu0_nff6i_16._m-left-s_18wu0_nff6i_499:not(#\9),
._box_18wu0_nff6i_16._m-horizontal-s_18wu0_nff6i_490:not(#\9){
margin-left:1.2rem;
margin-left:var(--space-s-3LgOeB, 1.2rem);
}
._box_18wu0_nff6i_16._m-m_18wu0_nff6i_504:not(#\9){
margin:1.6rem 1.6rem;
margin:var(--space-scaled-m-p3tAne, 1.6rem) var(--space-m-3o9QS_, 1.6rem);
}
._box_18wu0_nff6i_16._m-top-m_18wu0_nff6i_508:not(#\9),
._box_18wu0_nff6i_16._m-vertical-m_18wu0_nff6i_509:not(#\9){
margin-top:1.6rem;
margin-top:var(--space-scaled-m-p3tAne, 1.6rem);
}
._box_18wu0_nff6i_16._m-right-m_18wu0_nff6i_513:not(#\9),
._box_18wu0_nff6i_16._m-horizontal-m_18wu0_nff6i_514:not(#\9){
margin-right:1.6rem;
margin-right:var(--space-m-3o9QS_, 1.6rem);
}
._box_18wu0_nff6i_16._m-bottom-m_18wu0_nff6i_518:not(#\9),
._box_18wu0_nff6i_16._m-vertical-m_18wu0_nff6i_509:not(#\9){
margin-bottom:1.6rem;
margin-bottom:var(--space-scaled-m-p3tAne, 1.6rem);
}
._box_18wu0_nff6i_16._m-left-m_18wu0_nff6i_523:not(#\9),
._box_18wu0_nff6i_16._m-horizontal-m_18wu0_nff6i_514:not(#\9){
margin-left:1.6rem;
margin-left:var(--space-m-3o9QS_, 1.6rem);
}
._box_18wu0_nff6i_16._m-l_18wu0_nff6i_403:not(#\9){
margin:2rem 2rem;
margin:var(--space-scaled-l-17GFGI, 2rem) var(--space-l-3SmGmy, 2rem);
}
._box_18wu0_nff6i_16._m-top-l_18wu0_nff6i_532:not(#\9),
._box_18wu0_nff6i_16._m-vertical-l_18wu0_nff6i_533:not(#\9){
margin-top:2rem;
margin-top:var(--space-scaled-l-17GFGI, 2rem);
}
._box_18wu0_nff6i_16._m-right-l_18wu0_nff6i_537:not(#\9),
._box_18wu0_nff6i_16._m-horizontal-l_18wu0_nff6i_538:not(#\9){
margin-right:2rem;
margin-right:var(--space-l-3SmGmy, 2rem);
}
._box_18wu0_nff6i_16._m-bottom-l_18wu0_nff6i_542:not(#\9),
._box_18wu0_nff6i_16._m-vertical-l_18wu0_nff6i_533:not(#\9){
margin-bottom:2rem;
margin-bottom:var(--space-scaled-l-17GFGI, 2rem);
}
._box_18wu0_nff6i_16._m-left-l_18wu0_nff6i_547:not(#\9),
._box_18wu0_nff6i_16._m-horizontal-l_18wu0_nff6i_538:not(#\9){
margin-left:2rem;
margin-left:var(--space-l-3SmGmy, 2rem);
}
._box_18wu0_nff6i_16._m-xl_18wu0_nff6i_552:not(#\9){
margin:2.4rem 2.4rem;
margin:var(--space-scaled-xl-axUbkA, 2.4rem) var(--space-xl-ADubW1, 2.4rem);
}
._box_18wu0_nff6i_16._m-top-xl_18wu0_nff6i_556:not(#\9),
._box_18wu0_nff6i_16._m-vertical-xl_18wu0_nff6i_557:not(#\9){
margin-top:2.4rem;
margin-top:var(--space-scaled-xl-axUbkA, 2.4rem);
}
._box_18wu0_nff6i_16._m-right-xl_18wu0_nff6i_561:not(#\9),
._box_18wu0_nff6i_16._m-horizontal-xl_18wu0_nff6i_562:not(#\9){
margin-right:2.4rem;
margin-right:var(--space-xl-ADubW1, 2.4rem);
}
._box_18wu0_nff6i_16._m-bottom-xl_18wu0_nff6i_566:not(#\9),
._box_18wu0_nff6i_16._m-vertical-xl_18wu0_nff6i_557:not(#\9){
margin-bottom:2.4rem;
margin-bottom:var(--space-scaled-xl-axUbkA, 2.4rem);
}
._box_18wu0_nff6i_16._m-left-xl_18wu0_nff6i_571:not(#\9),
._box_18wu0_nff6i_16._m-horizontal-xl_18wu0_nff6i_562:not(#\9){
margin-left:2.4rem;
margin-left:var(--space-xl-ADubW1, 2.4rem);
}
._box_18wu0_nff6i_16._m-xxl_18wu0_nff6i_576:not(#\9){
margin:3.2rem 3.2rem;
margin:var(--space-scaled-xxl-238u6Z, 3.2rem) var(--space-xxl-ne7xIx, 3.2rem);
}
._box_18wu0_nff6i_16._m-top-xxl_18wu0_nff6i_580:not(#\9),
._box_18wu0_nff6i_16._m-vertical-xxl_18wu0_nff6i_581:not(#\9){
margin-top:3.2rem;
margin-top:var(--space-scaled-xxl-238u6Z, 3.2rem);
}
._box_18wu0_nff6i_16._m-right-xxl_18wu0_nff6i_585:not(#\9),
._box_18wu0_nff6i_16._m-horizontal-xxl_18wu0_nff6i_586:not(#\9){
margin-right:3.2rem;
margin-right:var(--space-xxl-ne7xIx, 3.2rem);
}
._box_18wu0_nff6i_16._m-bottom-xxl_18wu0_nff6i_590:not(#\9),
._box_18wu0_nff6i_16._m-vertical-xxl_18wu0_nff6i_581:not(#\9){
margin-bottom:3.2rem;
margin-bottom:var(--space-scaled-xxl-238u6Z, 3.2rem);
}
._box_18wu0_nff6i_16._m-left-xxl_18wu0_nff6i_595:not(#\9),
._box_18wu0_nff6i_16._m-horizontal-xxl_18wu0_nff6i_586:not(#\9){
margin-left:3.2rem;
margin-left:var(--space-xxl-ne7xIx, 3.2rem);
}
._box_18wu0_nff6i_16._d-block_18wu0_nff6i_600:not(#\9){
display:block;
}
._box_18wu0_nff6i_16._d-inline_18wu0_nff6i_603:not(#\9){
display:inline;
}
._box_18wu0_nff6i_16._d-inline-block_18wu0_nff6i_606:not(#\9){
display:inline-block;
}
._box_18wu0_nff6i_16._d-none_18wu0_nff6i_609:not(#\9){
display:none;
}
._f-left_18wu0_nff6i_613:not(#\9){
float:left;
}
._f-right_18wu0_nff6i_617:not(#\9){
float:right;
}