/* Utility class thay cho inline style ở template (sinh bởi bin/inline-styles-to-utilities.py).
   !important để giữ đúng độ ưu tiên mà inline style trước đây có. */

.u-align-items-baseline { align-items: baseline !important; }
.u-align-items-center { align-items: center !important; }
.u-aspect-ratio-16-10 { aspect-ratio: 16/10 !important; }
.u-background-0d1a12 { background: #0d1a12 !important; }
.u-background-ink { background: var(--ink) !important; }
.u-background-rgba-114-160-136-0p2 { background: rgba(114, 160, 136, 0.2) !important; }
.u-background-rgba-168-59-36-0p2 { background: rgba(168, 59, 36, 0.2) !important; }
.u-background-rgba-201-168-76-0p2 { background: rgba(201, 168, 76, 0.2) !important; }
.u-background-rgba-247-242-232-0p01 { background: rgba(247, 242, 232, 0.01) !important; }
.u-background-rgba-247-242-232-0p05 { background: rgba(247, 242, 232, 0.05) !important; }
.u-background-rgba-85-85-85-0p25 { background: rgba(85, 85, 85, 0.25) !important; }
.u-border-1px-solid-rgba-201-168-76-0p15 { border: 1px solid rgba(201, 168, 76, 0.15) !important; }
.u-border-1px-solid-rgba-201-168-76-0p2 { border: 1px solid rgba(201, 168, 76, 0.2) !important; }
.u-border-bottom-1px-solid-rgba-201-168-76-0p1 { border-bottom: 1px solid rgba(201, 168, 76, 0.1) !important; }
.u-border-bottom-1px-solid-rgba-201-168-76-0p15 { border-bottom: 1px solid rgba(201, 168, 76, 0.15) !important; }
.u-border-color-rgba-114-160-136-0p5 { border-color: rgba(114, 160, 136, 0.5) !important; }
.u-border-color-rgba-168-59-36-0p5 { border-color: rgba(168, 59, 36, 0.5) !important; }
.u-border-color-rgba-201-168-76-0p6 { border-color: rgba(201, 168, 76, 0.6) !important; }
.u-border-color-rgba-239-68-68-0p45 { border-color: rgba(239, 68, 68, 0.45) !important; }
.u-border-radius-4px { border-radius: 4px !important; }
.u-color-fff { color: #fff !important; }
.u-color-gold { color: var(--gold) !important; }
.u-color-ivory { color: var(--ivory) !important; }
.u-color-rgba-247-242-232-0p4 { color: rgba(247, 242, 232, 0.4) !important; }
.u-color-rgba-247-242-232-0p45 { color: rgba(247, 242, 232, 0.45) !important; }
.u-color-rgba-247-242-232-0p55 { color: rgba(247, 242, 232, 0.55) !important; }
.u-color-rgba-247-242-232-0p6 { color: rgba(247, 242, 232, 0.6) !important; }
.u-color-rgba-247-242-232-0p7 { color: rgba(247,242,232,0.7) !important; }
.u-color-rust { color: var(--rust) !important; }
.u-display-block { display: block !important; }
.u-display-flex { display: flex !important; }
.u-display-grid { display: grid !important; }
.u-display-inline-flex { display: inline-flex !important; }
.u-flex-1 { flex: 1 !important; }
.u-flex-direction-column { flex-direction: column !important; }
.u-flex-shrink-0 { flex-shrink: 0 !important; }
.u-flex-wrap-wrap { flex-wrap: wrap !important; }
.u-font-family-display { font-family: var(--display) !important; }
.u-font-size-10p5px { font-size: 10.5px !important; }
.u-font-size-10px { font-size: 10px !important; }
.u-font-size-11px { font-size: 11px !important; }
.u-font-size-13px { font-size: 13px !important; }
.u-font-size-14px { font-size: 14px !important; }
.u-font-size-16px { font-size: 16px !important; }
.u-font-size-18px { font-size: 18px !important; }
.u-font-size-24px { font-size: 24px !important; }
.u-font-size-32px { font-size: 32px !important; }
.u-font-size-clamp-32px-4vw-48px { font-size: clamp(32px, 4vw, 48px) !important; }
.u-font-size-clamp-40px-6vw-72px { font-size: clamp(40px, 6vw, 72px) !important; }
.u-font-style-italic { font-style: italic !important; }
.u-font-weight-300 { font-weight: 300 !important; }
.u-font-weight-400 { font-weight: 400 !important; }
.u-font-weight-500 { font-weight: 500 !important; }
.u-gap-16px { gap: 16px !important; }
.u-gap-40px { gap: 40px !important; }
.u-gap-6px { gap: 6px !important; }
.u-gap-8px { gap: 8px !important; }
.u-grid-column-1-1 { grid-column: 1/-1 !important; }
.u-grid-template-columns-repeat-auto-fill-minmax-320px-1fr { grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)) !important; }
.u-justify-content-center { justify-content: center !important; }
.u-justify-content-flex-end { justify-content: flex-end !important; }
.u-justify-content-flex-start { justify-content: flex-start !important; }
.u-justify-content-space-between { justify-content: space-between !important; }
.u-letter-spacing-0p1em { letter-spacing: 0.1em !important; }
.u-letter-spacing-p2em { letter-spacing: .2em !important; }
.u-line-height-1p2 { line-height: 1.2 !important; }
.u-line-height-1p3 { line-height: 1.3 !important; }
.u-line-height-1p7 { line-height: 1.7 !important; }
.u-line-height-1p8 { line-height: 1.8 !important; }
.u-list-style-none { list-style: none !important; }
.u-margin-0 { margin: 0 !important; }
.u-margin-0-auto { margin: 0 auto !important; }
.u-margin-0-auto-30px { margin: 0 auto 30px !important; }
.u-margin-18px-auto { margin: 18px auto !important; }
.u-margin-bottom-12px { margin-bottom: 12px !important; }
.u-margin-bottom-14px { margin-bottom: 14px !important; }
.u-margin-bottom-16px { margin-bottom: 16px !important; }
.u-margin-bottom-20px { margin-bottom: 20px !important; }
.u-margin-bottom-22px { margin-bottom: 22px !important; }
.u-margin-bottom-24px { margin-bottom: 24px !important; }
.u-margin-bottom-2rem { margin-bottom: 2rem !important; }
.u-margin-bottom-40px { margin-bottom: 40px !important; }
.u-margin-bottom-60px { margin-bottom: 60px !important; }
.u-margin-bottom-6px { margin-bottom: 6px !important; }
.u-margin-bottom-80px { margin-bottom: 80px !important; }
.u-margin-left-8px { margin-left: 8px !important; }
.u-margin-top-10px { margin-top: 10px !important; }
.u-margin-top-15px { margin-top: 15px !important; }
.u-margin-top-16px { margin-top: 16px !important; }
.u-margin-top-18px { margin-top: 18px !important; }
.u-margin-top-20px { margin-top: 20px !important; }
.u-margin-top-24px { margin-top: 24px !important; }
.u-margin-top-4px { margin-top: 4px !important; }
.u-margin-top-6px { margin-top: 6px !important; }
.u-margin-top-8px { margin-top: 8px !important; }
.u-max-width-100pct { max-width: 100% !important; }
.u-max-width-1200px { max-width: 1200px !important; }
.u-max-width-600px { max-width: 600px !important; }
.u-min-height-100vh { min-height: 100vh !important; }
.u-min-height-60vh { min-height: 60vh !important; }
.u-overflow-hidden { overflow: hidden !important; }
.u-overflow-x-hidden { overflow-x: hidden !important; }
.u-padding-0 { padding: 0 !important; }
.u-padding-0-16px { padding: 0 16px !important; }
.u-padding-0-20px { padding: 0 20px !important; }
.u-padding-10px-12px { padding: 10px 12px !important; }
.u-padding-120px-24px { padding: 120px 24px !important; }
.u-padding-160px-24px-100px { padding: 160px 24px 100px !important; }
.u-padding-160px-60px-100px { padding: 160px 60px 100px !important; }
.u-padding-32px-28px { padding: 32px 28px !important; }
.u-padding-40px-0 { padding: 40px 0 !important; }
.u-padding-4px-8px { padding: 4px 8px !important; }
.u-padding-80px-0 { padding: 80px 0 !important; }
.u-padding-bottom-16px { padding-bottom: 16px !important; }
.u-position-absolute { position: absolute !important; }
.u-position-relative { position: relative !important; }
.u-text-align-center { text-align: center !important; }
.u-text-align-left { text-align: left !important; }
.u-text-transform-capitalize { text-transform: capitalize !important; }
.u-text-transform-uppercase { text-transform: uppercase !important; }
.u-top-9999px { top: -9999px !important; }
.u-white-space-nowrap { white-space: nowrap !important; }
.u-z-index-2 { z-index: 2 !important; }