/* YY Utilities */
.u-text-center { text-align: center; }
.u-text-right { text-align: right; }
.u-text-mute { color: var(--yy-text-mute); }
.u-text-soft { color: var(--yy-text-soft); }
.u-text-brand { color: var(--yy-brand); }
.u-text-accent { color: var(--yy-accent); }

.u-mb-0 { margin-bottom: 0 !important; }
.u-mb-2 { margin-bottom: var(--yy-sp-2) !important; }
.u-mb-3 { margin-bottom: var(--yy-sp-3) !important; }
.u-mb-4 { margin-bottom: var(--yy-sp-4) !important; }
.u-mb-5 { margin-bottom: var(--yy-sp-5) !important; }
.u-mb-6 { margin-bottom: var(--yy-sp-6) !important; }
.u-mt-0 { margin-top: 0 !important; }
.u-mt-4 { margin-top: var(--yy-sp-4) !important; }
.u-mt-5 { margin-top: var(--yy-sp-5) !important; }

.u-hidden { display: none !important; }
@media (max-width: 767px) { .u-hide-sm { display: none !important; } }
@media (min-width: 768px)  { .u-hide-md { display: none !important; } }
@media (min-width: 1024px) { .u-hide-lg { display: none !important; } }

.u-flex { display: flex; }
.u-items-center { align-items: center; }
.u-justify-between { justify-content: space-between; }
.u-gap-2 { gap: var(--yy-sp-2); }
.u-gap-3 { gap: var(--yy-sp-3); }
.u-gap-4 { gap: var(--yy-sp-4); }
.u-gap-5 { gap: var(--yy-sp-5); }
.u-w-full { width: 100%; }