.sample-color-0065f4 { background: #0065F4; color: #FFFFFF; }
.sample-color-00b9a4 { background: #00B9A4; color: #0E2C4F; }
.sample-color-0e2c4f { background: #0E2C4F; color: #FFFFFF; }
.sample-color-0a1632 { background: #0A1632; color: #FFFFFF; }
.sample-color-d2dfed { background: #D2DFED; color: #0E2C4F; }
.sample-color-5b7da5 { background: #5B7DA5; color: #FFFFFF; }
.sample-color-e0faf4 { background: #E0FAF4; color: #0E2C4F; }
.sample-color-e6f2ff { background: #E6F2FF; color: #0E2C4F; }
.sample-color-f1f2f3 { background: #F1F2F3; color: #0E2C4F; }
.sample-color-ffffff { background: #FFFFFF; color: #0E2C4F; }
.sample-color-054aab { background: #054AAB; color: #FFFFFF; }
.sample-color-4a6380 { background: #4A6380; color: #FFFFFF; }
.sample-color-a9bcd3 { background: #A9BCD3; color: #0E2C4F; }
.sample-color-7996b7 { background: #7996B7; color: #0E2C4F; }
.sample-color-6fa8ff { background: #6FA8FF; color: #0E2C4F; }
.sample-color-00796b { background: #00796B; color: #FFFFFF; }
.sample-color-a8ddd3 { background: #A8DDD3; color: #0E2C4F; }
.sample-color-c4320a { background: #C4320A; color: #FFFFFF; }
.sample-color-fdece8 { background: #FDECE8; color: #0E2C4F; }
.sample-color-ff8a70 { background: #FF8A70; color: #0E2C4F; }
.sample-color-ebb8ac { background: #EBB8AC; color: #0E2C4F; }
.sample-color-9a5b00 { background: #9A5B00; color: #FFFFFF; }
.sample-color-fff4d6 { background: #FFF4D6; color: #0E2C4F; }
.sample-color-ffc857 { background: #FFC857; color: #0E2C4F; }
.sample-color-e9d29a { background: #E9D29A; color: #0E2C4F; }
.sample-color-e8344f { background: #E8344F; color: #FFFFFF; }
.sample-radius-0 { border-radius: var(--radius-0); }
.sample-radius-2 { border-radius: var(--radius-2); }
.sample-radius-4 { border-radius: var(--radius-4); }
.sample-radius-8 { border-radius: var(--radius-8); }
.sample-radius-12 { border-radius: var(--radius-12); }
.sample-radius-16 { border-radius: var(--radius-16); }
.sample-radius-24 { border-radius: var(--radius-24); }
.sample-radius-full { border-radius: var(--radius-full); }
.sample-shadow-sm { box-shadow: var(--shadow-sm); }
.sample-shadow-md { box-shadow: var(--shadow-md); }
.sample-shadow-lg { box-shadow: var(--shadow-lg); }