Border Color

Set the color for element borders.

Widely available

This feature is well established and works across many devices and browser versions.

Chrome
Edge
Firefox
Safari

bc-red-1
border-color: #fbdfe1;
bc-red-2
border-color: #f8c4c8;
bc-red-3
border-color: #f4a8ae;
bc-red-4
border-color: #f18c94;
bc-red-5
border-color: #ed707a;
bc-red-6
border-color: #ea5560;
bc-red
border-color: #e63946;
bc-red-7
border-color: #c6313c;
bc-red-8
border-color: #a62932;
bc-red-9
border-color: #852129;
bc-red-10
border-color: #65191f;
bc-red-11
border-color: #451115;
bc-red-12
border-color: #25090b;
bc-orange-1
border-color: #ffe7df;
bc-orange-2
border-color: #ffd3c2;
bc-orange-3
border-color: #ffbea6;
bc-orange-4
border-color: #ffa98a;
bc-orange-5
border-color: #ff946e;
bc-orange-6
border-color: #ff8051;
bc-orange
border-color: #ff6b35;
bc-orange-7
border-color: #db5c2e;
bc-orange-8
border-color: #b84d26;
bc-orange-9
border-color: #943e1f;
bc-orange-10
border-color: #702f17;
bc-orange-11
border-color: #4d2010;
bc-orange-12
border-color: #291108;
bc-yellow-1
border-color: #fff4db;
bc-yellow-2
border-color: #ffeabb;
bc-yellow-3
border-color: #ffe09b;
bc-yellow-4
border-color: #ffd67b;
bc-yellow-5
border-color: #ffcc5c;
bc-yellow-6
border-color: #ffc23c;
bc-yellow
border-color: #ffb81c;
bc-yellow-7
border-color: #db9e18;
bc-yellow-8
border-color: #b88414;
bc-yellow-9
border-color: #946b10;
bc-yellow-10
border-color: #70510c;
bc-yellow-11
border-color: #4d3708;
bc-yellow-12
border-color: #291d04;
bc-lime-1
border-color: #ebf7da;
bc-lime-2
border-color: #daf0b9;
bc-lime-3
border-color: #c9e998;
bc-lime-4
border-color: #b8e178;
bc-lime-5
border-color: #a6da57;
bc-lime-6
border-color: #95d337;
bc-lime
border-color: #84cc16;
bc-lime-7
border-color: #72af13;
bc-lime-8
border-color: #5f9310;
bc-lime-9
border-color: #4d760d;
bc-lime-10
border-color: #3a5a0a;
bc-lime-11
border-color: #283d07;
bc-lime-12
border-color: #152104;
bc-mint-1
border-color: #d9f4eb;
bc-mint-2
border-color: #b7ead9;
bc-mint-3
border-color: #96e0c8;
bc-mint-4
border-color: #74d6b6;
bc-mint-5
border-color: #53cda4;
bc-mint-6
border-color: #31c393;
bc-mint
border-color: #10b981;
bc-mint-7
border-color: #0e9f6f;
bc-mint-8
border-color: #0c855d;
bc-mint-9
border-color: #096b4b;
bc-mint-10
border-color: #075139;
bc-mint-11
border-color: #053827;
bc-mint-12
border-color: #031e15;
bc-green-1
border-color: #d7f8f0;
bc-green-2
border-color: #b4f3e3;
bc-green-3
border-color: #91edd5;
bc-green-4
border-color: #6fe7c8;
bc-green-5
border-color: #4ce1bb;
bc-green-6
border-color: #29dcad;
bc-green
border-color: #06d6a0;
bc-green-7
border-color: #05b88a;
bc-green-8
border-color: #049a73;
bc-green-9
border-color: #037c5d;
bc-green-10
border-color: #035e46;
bc-green-11
border-color: #024030;
bc-green-12
border-color: #01221a;
bc-cyan-1
border-color: #d7f3f8;
bc-cyan-2
border-color: #b4e9f2;
bc-cyan-3
border-color: #91dfec;
bc-cyan-4
border-color: #6fd5e6;
bc-cyan-5
border-color: #4ccae0;
bc-cyan-6
border-color: #29c0da;
bc-cyan
border-color: #06b6d4;
bc-cyan-7
border-color: #059db6;
bc-cyan-8
border-color: #048399;
bc-cyan-9
border-color: #036a7b;
bc-cyan-10
border-color: #03505d;
bc-cyan-11
border-color: #023740;
bc-cyan-12
border-color: #011d22;
bc-sky-1
border-color: #dff4fe;
bc-sky-2
border-color: #c3ebfd;
bc-sky-3
border-color: #a7e2fc;
bc-sky-4
border-color: #8cd9fb;
bc-sky-5
border-color: #70cffa;
bc-sky-6
border-color: #54c6f9;
bc-sky
border-color: #38bdf8;
bc-sky-7
border-color: #30a3d5;
bc-sky-8
border-color: #2888b3;
bc-sky-9
border-color: #206e90;
bc-sky-10
border-color: #19536d;
bc-sky-11
border-color: #11394a;
bc-sky-12
border-color: #091e28;
bc-blue-1
border-color: #dce6fc;
bc-blue-2
border-color: #bed0f9;
bc-blue-3
border-color: #9fbaf6;
bc-blue-4
border-color: #81a5f3;
bc-blue-5
border-color: #628ff1;
bc-blue-6
border-color: #4479ee;
bc-blue
border-color: #2563eb;
bc-blue-7
border-color: #2055ca;
bc-blue-8
border-color: #1b47a9;
bc-blue-9
border-color: #153988;
bc-blue-10
border-color: #102c67;
bc-blue-11
border-color: #0b1e47;
bc-blue-12
border-color: #061026;
bc-indigo-1
border-color: #e6e7fd;
bc-indigo-2
border-color: #d0d1fb;
bc-indigo-3
border-color: #babcf9;
bc-indigo-4
border-color: #a5a6f7;
bc-indigo-5
border-color: #8f91f5;
bc-indigo-6
border-color: #797bf3;
bc-indigo
border-color: #6366f1;
bc-indigo-7
border-color: #5558cf;
bc-indigo-8
border-color: #4749ae;
bc-indigo-9
border-color: #393b8c;
bc-indigo-10
border-color: #2c2d6a;
bc-indigo-11
border-color: #1e1f48;
bc-indigo-12
border-color: #101027;
bc-violet-1
border-color: #ece5fe;
bc-violet-2
border-color: #dccefc;
bc-violet-3
border-color: #ccb7fb;
bc-violet-4
border-color: #bca0fa;
bc-violet-5
border-color: #ab8af9;
bc-violet-6
border-color: #9b73f7;
bc-violet
border-color: #8b5cf6;
bc-violet-7
border-color: #784fd4;
bc-violet-8
border-color: #6442b1;
bc-violet-9
border-color: #51358f;
bc-violet-10
border-color: #3d286c;
bc-violet-11
border-color: #2a1c4a;
bc-violet-12
border-color: #160f27;
bc-lavender-1
border-color: #f1ecfe;
bc-lavender-2
border-color: #e5dcfe;
bc-lavender-3
border-color: #d8ccfd;
bc-lavender-4
border-color: #ccbcfc;
bc-lavender-5
border-color: #c0abfb;
bc-lavender-6
border-color: #b39bfb;
bc-lavender
border-color: #a78bfa;
bc-lavender-7
border-color: #9078d7;
bc-lavender-8
border-color: #7864b4;
bc-lavender-9
border-color: #615191;
bc-lavender-10
border-color: #493d6e;
bc-lavender-11
border-color: #322a4b;
bc-lavender-12
border-color: #1b1628;
bc-magenta-1
border-color: #f9e1fc;
bc-magenta-2
border-color: #f4c8fa;
bc-magenta-3
border-color: #eeaef8;
bc-magenta-4
border-color: #e994f6;
bc-magenta-5
border-color: #e47af3;
bc-magenta-6
border-color: #de60f1;
bc-magenta
border-color: #d946ef;
bc-magenta-7
border-color: #bb3cce;
bc-magenta-8
border-color: #9c32ac;
bc-magenta-9
border-color: #7e298b;
bc-magenta-10
border-color: #5f1f69;
bc-magenta-11
border-color: #411548;
bc-magenta-12
border-color: #230b26;
bc-pink-1
border-color: #fce2ef;
bc-pink-2
border-color: #f9c8e0;
bc-pink-3
border-color: #f7aed2;
bc-pink-4
border-color: #f495c4;
bc-pink-5
border-color: #f17bb6;
bc-pink-6
border-color: #ef62a7;
bc-pink
border-color: #ec4899;
bc-pink-7
border-color: #cb3e84;
bc-pink-8
border-color: #aa346e;
bc-pink-9
border-color: #892a59;
bc-pink-10
border-color: #682043;
bc-pink-11
border-color: #47162e;
bc-pink-12
border-color: #260c18;
bc-coral-1
border-color: #ffe8ed;
bc-coral-2
border-color: #ffd4de;
bc-coral-3
border-color: #ffc0cf;
bc-coral-4
border-color: #ffabbf;
bc-coral-5
border-color: #ff97b0;
bc-coral-6
border-color: #ff83a0;
bc-coral
border-color: #ff6f91;
bc-coral-7
border-color: #db5f7d;
bc-coral-8
border-color: #b85068;
bc-coral-9
border-color: #944054;
bc-coral-10
border-color: #703140;
bc-coral-11
border-color: #4d212c;
bc-coral-12
border-color: #291217;
bc-zinc-1
border-color: #e3e3e5;
bc-zinc-2
border-color: #cbcbce;
bc-zinc-3
border-color: #b3b3b7;
bc-zinc-4
border-color: #9b9ba0;
bc-zinc-5
border-color: #828289;
bc-zinc-6
border-color: #6a6a72;
bc-zinc
border-color: #52525b;
bc-zinc-7
border-color: #47474e;
bc-zinc-8
border-color: #3b3b42;
bc-zinc-9
border-color: #303035;
bc-zinc-10
border-color: #242428;
bc-zinc-11
border-color: #19191b;
bc-zinc-12
border-color: #0d0d0f;
bc-gray-1
border-color: #e7e8eb;
bc-gray-2
border-color: #d3d5d9;
bc-gray-3
border-color: #bec1c7;
bc-gray-4
border-color: #a9adb5;
bc-gray-5
border-color: #9499a4;
bc-gray-6
border-color: #808692;
bc-gray
border-color: #6b7280;
bc-gray-7
border-color: #5c626e;
bc-gray-8
border-color: #4d525c;
bc-gray-9
border-color: #3e424a;
bc-gray-10
border-color: #2f3238;
bc-gray-11
border-color: #202226;
bc-gray-12
border-color: #111214;
bc-slate-1
border-color: #e6e9ec;
bc-slate-2
border-color: #d1d5dc;
bc-slate-3
border-color: #bbc2cc;
bc-slate-4
border-color: #a5aebc;
bc-slate-5
border-color: #8f9bab;
bc-slate-6
border-color: #7a879b;
bc-slate
border-color: #64748b;
bc-slate-7
border-color: #566478;
bc-slate-8
border-color: #485464;
bc-slate-9
border-color: #3a4351;
bc-slate-10
border-color: #2c333d;
bc-slate-11
border-color: #1e232a;
bc-slate-12
border-color: #101316;
bc-silver-1
border-color: #eff0f2;
bc-silver-2
border-color: #e1e3e7;
bc-silver-3
border-color: #d3d7dc;
bc-silver-4
border-color: #c6cad1;
bc-silver-5
border-color: #b8bdc5;
bc-silver-6
border-color: #aab0ba;
bc-silver
border-color: #9ca3af;
bc-silver-7
border-color: #868c97;
bc-silver-8
border-color: #70757e;
bc-silver-9
border-color: #5a5f66;
bc-silver-10
border-color: #45484d;
bc-silver-11
border-color: #2f3135;
bc-silver-12
border-color: #191a1c;
bc-black
border-color: #000000;
bc-current
border-color: currentColor;
bc-transparent
border-color: transparent;
bc-white
border-color: #ffffff;

Border Bottom Color

bbc-red-1
border-bottom-color: #fbdfe1;
bbc-red-2
border-bottom-color: #f8c4c8;
bbc-red-3
border-bottom-color: #f4a8ae;
bbc-red-4
border-bottom-color: #f18c94;
bbc-red-5
border-bottom-color: #ed707a;
bbc-red-6
border-bottom-color: #ea5560;
bbc-red
border-bottom-color: #e63946;
bbc-red-7
border-bottom-color: #c6313c;
bbc-red-8
border-bottom-color: #a62932;
bbc-red-9
border-bottom-color: #852129;
bbc-red-10
border-bottom-color: #65191f;
bbc-red-11
border-bottom-color: #451115;
bbc-red-12
border-bottom-color: #25090b;
bbc-orange-1
border-bottom-color: #ffe7df;
bbc-orange-2
border-bottom-color: #ffd3c2;
bbc-orange-3
border-bottom-color: #ffbea6;
bbc-orange-4
border-bottom-color: #ffa98a;
bbc-orange-5
border-bottom-color: #ff946e;
bbc-orange-6
border-bottom-color: #ff8051;
bbc-orange
border-bottom-color: #ff6b35;
bbc-orange-7
border-bottom-color: #db5c2e;
bbc-orange-8
border-bottom-color: #b84d26;
bbc-orange-9
border-bottom-color: #943e1f;
bbc-orange-10
border-bottom-color: #702f17;
bbc-orange-11
border-bottom-color: #4d2010;
bbc-orange-12
border-bottom-color: #291108;
bbc-yellow-1
border-bottom-color: #fff4db;
bbc-yellow-2
border-bottom-color: #ffeabb;
bbc-yellow-3
border-bottom-color: #ffe09b;
bbc-yellow-4
border-bottom-color: #ffd67b;
bbc-yellow-5
border-bottom-color: #ffcc5c;
bbc-yellow-6
border-bottom-color: #ffc23c;
bbc-yellow
border-bottom-color: #ffb81c;
bbc-yellow-7
border-bottom-color: #db9e18;
bbc-yellow-8
border-bottom-color: #b88414;
bbc-yellow-9
border-bottom-color: #946b10;
bbc-yellow-10
border-bottom-color: #70510c;
bbc-yellow-11
border-bottom-color: #4d3708;
bbc-yellow-12
border-bottom-color: #291d04;
bbc-lime-1
border-bottom-color: #ebf7da;
bbc-lime-2
border-bottom-color: #daf0b9;
bbc-lime-3
border-bottom-color: #c9e998;
bbc-lime-4
border-bottom-color: #b8e178;
bbc-lime-5
border-bottom-color: #a6da57;
bbc-lime-6
border-bottom-color: #95d337;
bbc-lime
border-bottom-color: #84cc16;
bbc-lime-7
border-bottom-color: #72af13;
bbc-lime-8
border-bottom-color: #5f9310;
bbc-lime-9
border-bottom-color: #4d760d;
bbc-lime-10
border-bottom-color: #3a5a0a;
bbc-lime-11
border-bottom-color: #283d07;
bbc-lime-12
border-bottom-color: #152104;
bbc-mint-1
border-bottom-color: #d9f4eb;
bbc-mint-2
border-bottom-color: #b7ead9;
bbc-mint-3
border-bottom-color: #96e0c8;
bbc-mint-4
border-bottom-color: #74d6b6;
bbc-mint-5
border-bottom-color: #53cda4;
bbc-mint-6
border-bottom-color: #31c393;
bbc-mint
border-bottom-color: #10b981;
bbc-mint-7
border-bottom-color: #0e9f6f;
bbc-mint-8
border-bottom-color: #0c855d;
bbc-mint-9
border-bottom-color: #096b4b;
bbc-mint-10
border-bottom-color: #075139;
bbc-mint-11
border-bottom-color: #053827;
bbc-mint-12
border-bottom-color: #031e15;
bbc-green-1
border-bottom-color: #d7f8f0;
bbc-green-2
border-bottom-color: #b4f3e3;
bbc-green-3
border-bottom-color: #91edd5;
bbc-green-4
border-bottom-color: #6fe7c8;
bbc-green-5
border-bottom-color: #4ce1bb;
bbc-green-6
border-bottom-color: #29dcad;
bbc-green
border-bottom-color: #06d6a0;
bbc-green-7
border-bottom-color: #05b88a;
bbc-green-8
border-bottom-color: #049a73;
bbc-green-9
border-bottom-color: #037c5d;
bbc-green-10
border-bottom-color: #035e46;
bbc-green-11
border-bottom-color: #024030;
bbc-green-12
border-bottom-color: #01221a;
bbc-cyan-1
border-bottom-color: #d7f3f8;
bbc-cyan-2
border-bottom-color: #b4e9f2;
bbc-cyan-3
border-bottom-color: #91dfec;
bbc-cyan-4
border-bottom-color: #6fd5e6;
bbc-cyan-5
border-bottom-color: #4ccae0;
bbc-cyan-6
border-bottom-color: #29c0da;
bbc-cyan
border-bottom-color: #06b6d4;
bbc-cyan-7
border-bottom-color: #059db6;
bbc-cyan-8
border-bottom-color: #048399;
bbc-cyan-9
border-bottom-color: #036a7b;
bbc-cyan-10
border-bottom-color: #03505d;
bbc-cyan-11
border-bottom-color: #023740;
bbc-cyan-12
border-bottom-color: #011d22;
bbc-sky-1
border-bottom-color: #dff4fe;
bbc-sky-2
border-bottom-color: #c3ebfd;
bbc-sky-3
border-bottom-color: #a7e2fc;
bbc-sky-4
border-bottom-color: #8cd9fb;
bbc-sky-5
border-bottom-color: #70cffa;
bbc-sky-6
border-bottom-color: #54c6f9;
bbc-sky
border-bottom-color: #38bdf8;
bbc-sky-7
border-bottom-color: #30a3d5;
bbc-sky-8
border-bottom-color: #2888b3;
bbc-sky-9
border-bottom-color: #206e90;
bbc-sky-10
border-bottom-color: #19536d;
bbc-sky-11
border-bottom-color: #11394a;
bbc-sky-12
border-bottom-color: #091e28;
bbc-blue-1
border-bottom-color: #dce6fc;
bbc-blue-2
border-bottom-color: #bed0f9;
bbc-blue-3
border-bottom-color: #9fbaf6;
bbc-blue-4
border-bottom-color: #81a5f3;
bbc-blue-5
border-bottom-color: #628ff1;
bbc-blue-6
border-bottom-color: #4479ee;
bbc-blue
border-bottom-color: #2563eb;
bbc-blue-7
border-bottom-color: #2055ca;
bbc-blue-8
border-bottom-color: #1b47a9;
bbc-blue-9
border-bottom-color: #153988;
bbc-blue-10
border-bottom-color: #102c67;
bbc-blue-11
border-bottom-color: #0b1e47;
bbc-blue-12
border-bottom-color: #061026;
bbc-indigo-1
border-bottom-color: #e6e7fd;
bbc-indigo-2
border-bottom-color: #d0d1fb;
bbc-indigo-3
border-bottom-color: #babcf9;
bbc-indigo-4
border-bottom-color: #a5a6f7;
bbc-indigo-5
border-bottom-color: #8f91f5;
bbc-indigo-6
border-bottom-color: #797bf3;
bbc-indigo
border-bottom-color: #6366f1;
bbc-indigo-7
border-bottom-color: #5558cf;
bbc-indigo-8
border-bottom-color: #4749ae;
bbc-indigo-9
border-bottom-color: #393b8c;
bbc-indigo-10
border-bottom-color: #2c2d6a;
bbc-indigo-11
border-bottom-color: #1e1f48;
bbc-indigo-12
border-bottom-color: #101027;
bbc-violet-1
border-bottom-color: #ece5fe;
bbc-violet-2
border-bottom-color: #dccefc;
bbc-violet-3
border-bottom-color: #ccb7fb;
bbc-violet-4
border-bottom-color: #bca0fa;
bbc-violet-5
border-bottom-color: #ab8af9;
bbc-violet-6
border-bottom-color: #9b73f7;
bbc-violet
border-bottom-color: #8b5cf6;
bbc-violet-7
border-bottom-color: #784fd4;
bbc-violet-8
border-bottom-color: #6442b1;
bbc-violet-9
border-bottom-color: #51358f;
bbc-violet-10
border-bottom-color: #3d286c;
bbc-violet-11
border-bottom-color: #2a1c4a;
bbc-violet-12
border-bottom-color: #160f27;
bbc-lavender-1
border-bottom-color: #f1ecfe;
bbc-lavender-2
border-bottom-color: #e5dcfe;
bbc-lavender-3
border-bottom-color: #d8ccfd;
bbc-lavender-4
border-bottom-color: #ccbcfc;
bbc-lavender-5
border-bottom-color: #c0abfb;
bbc-lavender-6
border-bottom-color: #b39bfb;
bbc-lavender
border-bottom-color: #a78bfa;
bbc-lavender-7
border-bottom-color: #9078d7;
bbc-lavender-8
border-bottom-color: #7864b4;
bbc-lavender-9
border-bottom-color: #615191;
bbc-lavender-10
border-bottom-color: #493d6e;
bbc-lavender-11
border-bottom-color: #322a4b;
bbc-lavender-12
border-bottom-color: #1b1628;
bbc-magenta-1
border-bottom-color: #f9e1fc;
bbc-magenta-2
border-bottom-color: #f4c8fa;
bbc-magenta-3
border-bottom-color: #eeaef8;
bbc-magenta-4
border-bottom-color: #e994f6;
bbc-magenta-5
border-bottom-color: #e47af3;
bbc-magenta-6
border-bottom-color: #de60f1;
bbc-magenta
border-bottom-color: #d946ef;
bbc-magenta-7
border-bottom-color: #bb3cce;
bbc-magenta-8
border-bottom-color: #9c32ac;
bbc-magenta-9
border-bottom-color: #7e298b;
bbc-magenta-10
border-bottom-color: #5f1f69;
bbc-magenta-11
border-bottom-color: #411548;
bbc-magenta-12
border-bottom-color: #230b26;
bbc-pink-1
border-bottom-color: #fce2ef;
bbc-pink-2
border-bottom-color: #f9c8e0;
bbc-pink-3
border-bottom-color: #f7aed2;
bbc-pink-4
border-bottom-color: #f495c4;
bbc-pink-5
border-bottom-color: #f17bb6;
bbc-pink-6
border-bottom-color: #ef62a7;
bbc-pink
border-bottom-color: #ec4899;
bbc-pink-7
border-bottom-color: #cb3e84;
bbc-pink-8
border-bottom-color: #aa346e;
bbc-pink-9
border-bottom-color: #892a59;
bbc-pink-10
border-bottom-color: #682043;
bbc-pink-11
border-bottom-color: #47162e;
bbc-pink-12
border-bottom-color: #260c18;
bbc-coral-1
border-bottom-color: #ffe8ed;
bbc-coral-2
border-bottom-color: #ffd4de;
bbc-coral-3
border-bottom-color: #ffc0cf;
bbc-coral-4
border-bottom-color: #ffabbf;
bbc-coral-5
border-bottom-color: #ff97b0;
bbc-coral-6
border-bottom-color: #ff83a0;
bbc-coral
border-bottom-color: #ff6f91;
bbc-coral-7
border-bottom-color: #db5f7d;
bbc-coral-8
border-bottom-color: #b85068;
bbc-coral-9
border-bottom-color: #944054;
bbc-coral-10
border-bottom-color: #703140;
bbc-coral-11
border-bottom-color: #4d212c;
bbc-coral-12
border-bottom-color: #291217;
bbc-zinc-1
border-bottom-color: #e3e3e5;
bbc-zinc-2
border-bottom-color: #cbcbce;
bbc-zinc-3
border-bottom-color: #b3b3b7;
bbc-zinc-4
border-bottom-color: #9b9ba0;
bbc-zinc-5
border-bottom-color: #828289;
bbc-zinc-6
border-bottom-color: #6a6a72;
bbc-zinc
border-bottom-color: #52525b;
bbc-zinc-7
border-bottom-color: #47474e;
bbc-zinc-8
border-bottom-color: #3b3b42;
bbc-zinc-9
border-bottom-color: #303035;
bbc-zinc-10
border-bottom-color: #242428;
bbc-zinc-11
border-bottom-color: #19191b;
bbc-zinc-12
border-bottom-color: #0d0d0f;
bbc-gray-1
border-bottom-color: #e7e8eb;
bbc-gray-2
border-bottom-color: #d3d5d9;
bbc-gray-3
border-bottom-color: #bec1c7;
bbc-gray-4
border-bottom-color: #a9adb5;
bbc-gray-5
border-bottom-color: #9499a4;
bbc-gray-6
border-bottom-color: #808692;
bbc-gray
border-bottom-color: #6b7280;
bbc-gray-7
border-bottom-color: #5c626e;
bbc-gray-8
border-bottom-color: #4d525c;
bbc-gray-9
border-bottom-color: #3e424a;
bbc-gray-10
border-bottom-color: #2f3238;
bbc-gray-11
border-bottom-color: #202226;
bbc-gray-12
border-bottom-color: #111214;
bbc-slate-1
border-bottom-color: #e6e9ec;
bbc-slate-2
border-bottom-color: #d1d5dc;
bbc-slate-3
border-bottom-color: #bbc2cc;
bbc-slate-4
border-bottom-color: #a5aebc;
bbc-slate-5
border-bottom-color: #8f9bab;
bbc-slate-6
border-bottom-color: #7a879b;
bbc-slate
border-bottom-color: #64748b;
bbc-slate-7
border-bottom-color: #566478;
bbc-slate-8
border-bottom-color: #485464;
bbc-slate-9
border-bottom-color: #3a4351;
bbc-slate-10
border-bottom-color: #2c333d;
bbc-slate-11
border-bottom-color: #1e232a;
bbc-slate-12
border-bottom-color: #101316;
bbc-silver-1
border-bottom-color: #eff0f2;
bbc-silver-2
border-bottom-color: #e1e3e7;
bbc-silver-3
border-bottom-color: #d3d7dc;
bbc-silver-4
border-bottom-color: #c6cad1;
bbc-silver-5
border-bottom-color: #b8bdc5;
bbc-silver-6
border-bottom-color: #aab0ba;
bbc-silver
border-bottom-color: #9ca3af;
bbc-silver-7
border-bottom-color: #868c97;
bbc-silver-8
border-bottom-color: #70757e;
bbc-silver-9
border-bottom-color: #5a5f66;
bbc-silver-10
border-bottom-color: #45484d;
bbc-silver-11
border-bottom-color: #2f3135;
bbc-silver-12
border-bottom-color: #191a1c;
bbc-black
border-bottom-color: #000000;
bbc-current
border-bottom-color: currentColor;
bbc-transparent
border-bottom-color: transparent;
bbc-white
border-bottom-color: #ffffff;

Border Left Color

blc-red-1
border-left-color: #fbdfe1;
blc-red-2
border-left-color: #f8c4c8;
blc-red-3
border-left-color: #f4a8ae;
blc-red-4
border-left-color: #f18c94;
blc-red-5
border-left-color: #ed707a;
blc-red-6
border-left-color: #ea5560;
blc-red
border-left-color: #e63946;
blc-red-7
border-left-color: #c6313c;
blc-red-8
border-left-color: #a62932;
blc-red-9
border-left-color: #852129;
blc-red-10
border-left-color: #65191f;
blc-red-11
border-left-color: #451115;
blc-red-12
border-left-color: #25090b;
blc-orange-1
border-left-color: #ffe7df;
blc-orange-2
border-left-color: #ffd3c2;
blc-orange-3
border-left-color: #ffbea6;
blc-orange-4
border-left-color: #ffa98a;
blc-orange-5
border-left-color: #ff946e;
blc-orange-6
border-left-color: #ff8051;
blc-orange
border-left-color: #ff6b35;
blc-orange-7
border-left-color: #db5c2e;
blc-orange-8
border-left-color: #b84d26;
blc-orange-9
border-left-color: #943e1f;
blc-orange-10
border-left-color: #702f17;
blc-orange-11
border-left-color: #4d2010;
blc-orange-12
border-left-color: #291108;
blc-yellow-1
border-left-color: #fff4db;
blc-yellow-2
border-left-color: #ffeabb;
blc-yellow-3
border-left-color: #ffe09b;
blc-yellow-4
border-left-color: #ffd67b;
blc-yellow-5
border-left-color: #ffcc5c;
blc-yellow-6
border-left-color: #ffc23c;
blc-yellow
border-left-color: #ffb81c;
blc-yellow-7
border-left-color: #db9e18;
blc-yellow-8
border-left-color: #b88414;
blc-yellow-9
border-left-color: #946b10;
blc-yellow-10
border-left-color: #70510c;
blc-yellow-11
border-left-color: #4d3708;
blc-yellow-12
border-left-color: #291d04;
blc-lime-1
border-left-color: #ebf7da;
blc-lime-2
border-left-color: #daf0b9;
blc-lime-3
border-left-color: #c9e998;
blc-lime-4
border-left-color: #b8e178;
blc-lime-5
border-left-color: #a6da57;
blc-lime-6
border-left-color: #95d337;
blc-lime
border-left-color: #84cc16;
blc-lime-7
border-left-color: #72af13;
blc-lime-8
border-left-color: #5f9310;
blc-lime-9
border-left-color: #4d760d;
blc-lime-10
border-left-color: #3a5a0a;
blc-lime-11
border-left-color: #283d07;
blc-lime-12
border-left-color: #152104;
blc-mint-1
border-left-color: #d9f4eb;
blc-mint-2
border-left-color: #b7ead9;
blc-mint-3
border-left-color: #96e0c8;
blc-mint-4
border-left-color: #74d6b6;
blc-mint-5
border-left-color: #53cda4;
blc-mint-6
border-left-color: #31c393;
blc-mint
border-left-color: #10b981;
blc-mint-7
border-left-color: #0e9f6f;
blc-mint-8
border-left-color: #0c855d;
blc-mint-9
border-left-color: #096b4b;
blc-mint-10
border-left-color: #075139;
blc-mint-11
border-left-color: #053827;
blc-mint-12
border-left-color: #031e15;
blc-green-1
border-left-color: #d7f8f0;
blc-green-2
border-left-color: #b4f3e3;
blc-green-3
border-left-color: #91edd5;
blc-green-4
border-left-color: #6fe7c8;
blc-green-5
border-left-color: #4ce1bb;
blc-green-6
border-left-color: #29dcad;
blc-green
border-left-color: #06d6a0;
blc-green-7
border-left-color: #05b88a;
blc-green-8
border-left-color: #049a73;
blc-green-9
border-left-color: #037c5d;
blc-green-10
border-left-color: #035e46;
blc-green-11
border-left-color: #024030;
blc-green-12
border-left-color: #01221a;
blc-cyan-1
border-left-color: #d7f3f8;
blc-cyan-2
border-left-color: #b4e9f2;
blc-cyan-3
border-left-color: #91dfec;
blc-cyan-4
border-left-color: #6fd5e6;
blc-cyan-5
border-left-color: #4ccae0;
blc-cyan-6
border-left-color: #29c0da;
blc-cyan
border-left-color: #06b6d4;
blc-cyan-7
border-left-color: #059db6;
blc-cyan-8
border-left-color: #048399;
blc-cyan-9
border-left-color: #036a7b;
blc-cyan-10
border-left-color: #03505d;
blc-cyan-11
border-left-color: #023740;
blc-cyan-12
border-left-color: #011d22;
blc-sky-1
border-left-color: #dff4fe;
blc-sky-2
border-left-color: #c3ebfd;
blc-sky-3
border-left-color: #a7e2fc;
blc-sky-4
border-left-color: #8cd9fb;
blc-sky-5
border-left-color: #70cffa;
blc-sky-6
border-left-color: #54c6f9;
blc-sky
border-left-color: #38bdf8;
blc-sky-7
border-left-color: #30a3d5;
blc-sky-8
border-left-color: #2888b3;
blc-sky-9
border-left-color: #206e90;
blc-sky-10
border-left-color: #19536d;
blc-sky-11
border-left-color: #11394a;
blc-sky-12
border-left-color: #091e28;
blc-blue-1
border-left-color: #dce6fc;
blc-blue-2
border-left-color: #bed0f9;
blc-blue-3
border-left-color: #9fbaf6;
blc-blue-4
border-left-color: #81a5f3;
blc-blue-5
border-left-color: #628ff1;
blc-blue-6
border-left-color: #4479ee;
blc-blue
border-left-color: #2563eb;
blc-blue-7
border-left-color: #2055ca;
blc-blue-8
border-left-color: #1b47a9;
blc-blue-9
border-left-color: #153988;
blc-blue-10
border-left-color: #102c67;
blc-blue-11
border-left-color: #0b1e47;
blc-blue-12
border-left-color: #061026;
blc-indigo-1
border-left-color: #e6e7fd;
blc-indigo-2
border-left-color: #d0d1fb;
blc-indigo-3
border-left-color: #babcf9;
blc-indigo-4
border-left-color: #a5a6f7;
blc-indigo-5
border-left-color: #8f91f5;
blc-indigo-6
border-left-color: #797bf3;
blc-indigo
border-left-color: #6366f1;
blc-indigo-7
border-left-color: #5558cf;
blc-indigo-8
border-left-color: #4749ae;
blc-indigo-9
border-left-color: #393b8c;
blc-indigo-10
border-left-color: #2c2d6a;
blc-indigo-11
border-left-color: #1e1f48;
blc-indigo-12
border-left-color: #101027;
blc-violet-1
border-left-color: #ece5fe;
blc-violet-2
border-left-color: #dccefc;
blc-violet-3
border-left-color: #ccb7fb;
blc-violet-4
border-left-color: #bca0fa;
blc-violet-5
border-left-color: #ab8af9;
blc-violet-6
border-left-color: #9b73f7;
blc-violet
border-left-color: #8b5cf6;
blc-violet-7
border-left-color: #784fd4;
blc-violet-8
border-left-color: #6442b1;
blc-violet-9
border-left-color: #51358f;
blc-violet-10
border-left-color: #3d286c;
blc-violet-11
border-left-color: #2a1c4a;
blc-violet-12
border-left-color: #160f27;
blc-lavender-1
border-left-color: #f1ecfe;
blc-lavender-2
border-left-color: #e5dcfe;
blc-lavender-3
border-left-color: #d8ccfd;
blc-lavender-4
border-left-color: #ccbcfc;
blc-lavender-5
border-left-color: #c0abfb;
blc-lavender-6
border-left-color: #b39bfb;
blc-lavender
border-left-color: #a78bfa;
blc-lavender-7
border-left-color: #9078d7;
blc-lavender-8
border-left-color: #7864b4;
blc-lavender-9
border-left-color: #615191;
blc-lavender-10
border-left-color: #493d6e;
blc-lavender-11
border-left-color: #322a4b;
blc-lavender-12
border-left-color: #1b1628;
blc-magenta-1
border-left-color: #f9e1fc;
blc-magenta-2
border-left-color: #f4c8fa;
blc-magenta-3
border-left-color: #eeaef8;
blc-magenta-4
border-left-color: #e994f6;
blc-magenta-5
border-left-color: #e47af3;
blc-magenta-6
border-left-color: #de60f1;
blc-magenta
border-left-color: #d946ef;
blc-magenta-7
border-left-color: #bb3cce;
blc-magenta-8
border-left-color: #9c32ac;
blc-magenta-9
border-left-color: #7e298b;
blc-magenta-10
border-left-color: #5f1f69;
blc-magenta-11
border-left-color: #411548;
blc-magenta-12
border-left-color: #230b26;
blc-pink-1
border-left-color: #fce2ef;
blc-pink-2
border-left-color: #f9c8e0;
blc-pink-3
border-left-color: #f7aed2;
blc-pink-4
border-left-color: #f495c4;
blc-pink-5
border-left-color: #f17bb6;
blc-pink-6
border-left-color: #ef62a7;
blc-pink
border-left-color: #ec4899;
blc-pink-7
border-left-color: #cb3e84;
blc-pink-8
border-left-color: #aa346e;
blc-pink-9
border-left-color: #892a59;
blc-pink-10
border-left-color: #682043;
blc-pink-11
border-left-color: #47162e;
blc-pink-12
border-left-color: #260c18;
blc-coral-1
border-left-color: #ffe8ed;
blc-coral-2
border-left-color: #ffd4de;
blc-coral-3
border-left-color: #ffc0cf;
blc-coral-4
border-left-color: #ffabbf;
blc-coral-5
border-left-color: #ff97b0;
blc-coral-6
border-left-color: #ff83a0;
blc-coral
border-left-color: #ff6f91;
blc-coral-7
border-left-color: #db5f7d;
blc-coral-8
border-left-color: #b85068;
blc-coral-9
border-left-color: #944054;
blc-coral-10
border-left-color: #703140;
blc-coral-11
border-left-color: #4d212c;
blc-coral-12
border-left-color: #291217;
blc-zinc-1
border-left-color: #e3e3e5;
blc-zinc-2
border-left-color: #cbcbce;
blc-zinc-3
border-left-color: #b3b3b7;
blc-zinc-4
border-left-color: #9b9ba0;
blc-zinc-5
border-left-color: #828289;
blc-zinc-6
border-left-color: #6a6a72;
blc-zinc
border-left-color: #52525b;
blc-zinc-7
border-left-color: #47474e;
blc-zinc-8
border-left-color: #3b3b42;
blc-zinc-9
border-left-color: #303035;
blc-zinc-10
border-left-color: #242428;
blc-zinc-11
border-left-color: #19191b;
blc-zinc-12
border-left-color: #0d0d0f;
blc-gray-1
border-left-color: #e7e8eb;
blc-gray-2
border-left-color: #d3d5d9;
blc-gray-3
border-left-color: #bec1c7;
blc-gray-4
border-left-color: #a9adb5;
blc-gray-5
border-left-color: #9499a4;
blc-gray-6
border-left-color: #808692;
blc-gray
border-left-color: #6b7280;
blc-gray-7
border-left-color: #5c626e;
blc-gray-8
border-left-color: #4d525c;
blc-gray-9
border-left-color: #3e424a;
blc-gray-10
border-left-color: #2f3238;
blc-gray-11
border-left-color: #202226;
blc-gray-12
border-left-color: #111214;
blc-slate-1
border-left-color: #e6e9ec;
blc-slate-2
border-left-color: #d1d5dc;
blc-slate-3
border-left-color: #bbc2cc;
blc-slate-4
border-left-color: #a5aebc;
blc-slate-5
border-left-color: #8f9bab;
blc-slate-6
border-left-color: #7a879b;
blc-slate
border-left-color: #64748b;
blc-slate-7
border-left-color: #566478;
blc-slate-8
border-left-color: #485464;
blc-slate-9
border-left-color: #3a4351;
blc-slate-10
border-left-color: #2c333d;
blc-slate-11
border-left-color: #1e232a;
blc-slate-12
border-left-color: #101316;
blc-silver-1
border-left-color: #eff0f2;
blc-silver-2
border-left-color: #e1e3e7;
blc-silver-3
border-left-color: #d3d7dc;
blc-silver-4
border-left-color: #c6cad1;
blc-silver-5
border-left-color: #b8bdc5;
blc-silver-6
border-left-color: #aab0ba;
blc-silver
border-left-color: #9ca3af;
blc-silver-7
border-left-color: #868c97;
blc-silver-8
border-left-color: #70757e;
blc-silver-9
border-left-color: #5a5f66;
blc-silver-10
border-left-color: #45484d;
blc-silver-11
border-left-color: #2f3135;
blc-silver-12
border-left-color: #191a1c;
blc-black
border-left-color: #000000;
blc-current
border-left-color: currentColor;
blc-transparent
border-left-color: transparent;
blc-white
border-left-color: #ffffff;

Border Right Color

brc-red-1
border-right-color: #fbdfe1;
brc-red-2
border-right-color: #f8c4c8;
brc-red-3
border-right-color: #f4a8ae;
brc-red-4
border-right-color: #f18c94;
brc-red-5
border-right-color: #ed707a;
brc-red-6
border-right-color: #ea5560;
brc-red
border-right-color: #e63946;
brc-red-7
border-right-color: #c6313c;
brc-red-8
border-right-color: #a62932;
brc-red-9
border-right-color: #852129;
brc-red-10
border-right-color: #65191f;
brc-red-11
border-right-color: #451115;
brc-red-12
border-right-color: #25090b;
brc-orange-1
border-right-color: #ffe7df;
brc-orange-2
border-right-color: #ffd3c2;
brc-orange-3
border-right-color: #ffbea6;
brc-orange-4
border-right-color: #ffa98a;
brc-orange-5
border-right-color: #ff946e;
brc-orange-6
border-right-color: #ff8051;
brc-orange
border-right-color: #ff6b35;
brc-orange-7
border-right-color: #db5c2e;
brc-orange-8
border-right-color: #b84d26;
brc-orange-9
border-right-color: #943e1f;
brc-orange-10
border-right-color: #702f17;
brc-orange-11
border-right-color: #4d2010;
brc-orange-12
border-right-color: #291108;
brc-yellow-1
border-right-color: #fff4db;
brc-yellow-2
border-right-color: #ffeabb;
brc-yellow-3
border-right-color: #ffe09b;
brc-yellow-4
border-right-color: #ffd67b;
brc-yellow-5
border-right-color: #ffcc5c;
brc-yellow-6
border-right-color: #ffc23c;
brc-yellow
border-right-color: #ffb81c;
brc-yellow-7
border-right-color: #db9e18;
brc-yellow-8
border-right-color: #b88414;
brc-yellow-9
border-right-color: #946b10;
brc-yellow-10
border-right-color: #70510c;
brc-yellow-11
border-right-color: #4d3708;
brc-yellow-12
border-right-color: #291d04;
brc-lime-1
border-right-color: #ebf7da;
brc-lime-2
border-right-color: #daf0b9;
brc-lime-3
border-right-color: #c9e998;
brc-lime-4
border-right-color: #b8e178;
brc-lime-5
border-right-color: #a6da57;
brc-lime-6
border-right-color: #95d337;
brc-lime
border-right-color: #84cc16;
brc-lime-7
border-right-color: #72af13;
brc-lime-8
border-right-color: #5f9310;
brc-lime-9
border-right-color: #4d760d;
brc-lime-10
border-right-color: #3a5a0a;
brc-lime-11
border-right-color: #283d07;
brc-lime-12
border-right-color: #152104;
brc-mint-1
border-right-color: #d9f4eb;
brc-mint-2
border-right-color: #b7ead9;
brc-mint-3
border-right-color: #96e0c8;
brc-mint-4
border-right-color: #74d6b6;
brc-mint-5
border-right-color: #53cda4;
brc-mint-6
border-right-color: #31c393;
brc-mint
border-right-color: #10b981;
brc-mint-7
border-right-color: #0e9f6f;
brc-mint-8
border-right-color: #0c855d;
brc-mint-9
border-right-color: #096b4b;
brc-mint-10
border-right-color: #075139;
brc-mint-11
border-right-color: #053827;
brc-mint-12
border-right-color: #031e15;
brc-green-1
border-right-color: #d7f8f0;
brc-green-2
border-right-color: #b4f3e3;
brc-green-3
border-right-color: #91edd5;
brc-green-4
border-right-color: #6fe7c8;
brc-green-5
border-right-color: #4ce1bb;
brc-green-6
border-right-color: #29dcad;
brc-green
border-right-color: #06d6a0;
brc-green-7
border-right-color: #05b88a;
brc-green-8
border-right-color: #049a73;
brc-green-9
border-right-color: #037c5d;
brc-green-10
border-right-color: #035e46;
brc-green-11
border-right-color: #024030;
brc-green-12
border-right-color: #01221a;
brc-cyan-1
border-right-color: #d7f3f8;
brc-cyan-2
border-right-color: #b4e9f2;
brc-cyan-3
border-right-color: #91dfec;
brc-cyan-4
border-right-color: #6fd5e6;
brc-cyan-5
border-right-color: #4ccae0;
brc-cyan-6
border-right-color: #29c0da;
brc-cyan
border-right-color: #06b6d4;
brc-cyan-7
border-right-color: #059db6;
brc-cyan-8
border-right-color: #048399;
brc-cyan-9
border-right-color: #036a7b;
brc-cyan-10
border-right-color: #03505d;
brc-cyan-11
border-right-color: #023740;
brc-cyan-12
border-right-color: #011d22;
brc-sky-1
border-right-color: #dff4fe;
brc-sky-2
border-right-color: #c3ebfd;
brc-sky-3
border-right-color: #a7e2fc;
brc-sky-4
border-right-color: #8cd9fb;
brc-sky-5
border-right-color: #70cffa;
brc-sky-6
border-right-color: #54c6f9;
brc-sky
border-right-color: #38bdf8;
brc-sky-7
border-right-color: #30a3d5;
brc-sky-8
border-right-color: #2888b3;
brc-sky-9
border-right-color: #206e90;
brc-sky-10
border-right-color: #19536d;
brc-sky-11
border-right-color: #11394a;
brc-sky-12
border-right-color: #091e28;
brc-blue-1
border-right-color: #dce6fc;
brc-blue-2
border-right-color: #bed0f9;
brc-blue-3
border-right-color: #9fbaf6;
brc-blue-4
border-right-color: #81a5f3;
brc-blue-5
border-right-color: #628ff1;
brc-blue-6
border-right-color: #4479ee;
brc-blue
border-right-color: #2563eb;
brc-blue-7
border-right-color: #2055ca;
brc-blue-8
border-right-color: #1b47a9;
brc-blue-9
border-right-color: #153988;
brc-blue-10
border-right-color: #102c67;
brc-blue-11
border-right-color: #0b1e47;
brc-blue-12
border-right-color: #061026;
brc-indigo-1
border-right-color: #e6e7fd;
brc-indigo-2
border-right-color: #d0d1fb;
brc-indigo-3
border-right-color: #babcf9;
brc-indigo-4
border-right-color: #a5a6f7;
brc-indigo-5
border-right-color: #8f91f5;
brc-indigo-6
border-right-color: #797bf3;
brc-indigo
border-right-color: #6366f1;
brc-indigo-7
border-right-color: #5558cf;
brc-indigo-8
border-right-color: #4749ae;
brc-indigo-9
border-right-color: #393b8c;
brc-indigo-10
border-right-color: #2c2d6a;
brc-indigo-11
border-right-color: #1e1f48;
brc-indigo-12
border-right-color: #101027;
brc-violet-1
border-right-color: #ece5fe;
brc-violet-2
border-right-color: #dccefc;
brc-violet-3
border-right-color: #ccb7fb;
brc-violet-4
border-right-color: #bca0fa;
brc-violet-5
border-right-color: #ab8af9;
brc-violet-6
border-right-color: #9b73f7;
brc-violet
border-right-color: #8b5cf6;
brc-violet-7
border-right-color: #784fd4;
brc-violet-8
border-right-color: #6442b1;
brc-violet-9
border-right-color: #51358f;
brc-violet-10
border-right-color: #3d286c;
brc-violet-11
border-right-color: #2a1c4a;
brc-violet-12
border-right-color: #160f27;
brc-lavender-1
border-right-color: #f1ecfe;
brc-lavender-2
border-right-color: #e5dcfe;
brc-lavender-3
border-right-color: #d8ccfd;
brc-lavender-4
border-right-color: #ccbcfc;
brc-lavender-5
border-right-color: #c0abfb;
brc-lavender-6
border-right-color: #b39bfb;
brc-lavender
border-right-color: #a78bfa;
brc-lavender-7
border-right-color: #9078d7;
brc-lavender-8
border-right-color: #7864b4;
brc-lavender-9
border-right-color: #615191;
brc-lavender-10
border-right-color: #493d6e;
brc-lavender-11
border-right-color: #322a4b;
brc-lavender-12
border-right-color: #1b1628;
brc-magenta-1
border-right-color: #f9e1fc;
brc-magenta-2
border-right-color: #f4c8fa;
brc-magenta-3
border-right-color: #eeaef8;
brc-magenta-4
border-right-color: #e994f6;
brc-magenta-5
border-right-color: #e47af3;
brc-magenta-6
border-right-color: #de60f1;
brc-magenta
border-right-color: #d946ef;
brc-magenta-7
border-right-color: #bb3cce;
brc-magenta-8
border-right-color: #9c32ac;
brc-magenta-9
border-right-color: #7e298b;
brc-magenta-10
border-right-color: #5f1f69;
brc-magenta-11
border-right-color: #411548;
brc-magenta-12
border-right-color: #230b26;
brc-pink-1
border-right-color: #fce2ef;
brc-pink-2
border-right-color: #f9c8e0;
brc-pink-3
border-right-color: #f7aed2;
brc-pink-4
border-right-color: #f495c4;
brc-pink-5
border-right-color: #f17bb6;
brc-pink-6
border-right-color: #ef62a7;
brc-pink
border-right-color: #ec4899;
brc-pink-7
border-right-color: #cb3e84;
brc-pink-8
border-right-color: #aa346e;
brc-pink-9
border-right-color: #892a59;
brc-pink-10
border-right-color: #682043;
brc-pink-11
border-right-color: #47162e;
brc-pink-12
border-right-color: #260c18;
brc-coral-1
border-right-color: #ffe8ed;
brc-coral-2
border-right-color: #ffd4de;
brc-coral-3
border-right-color: #ffc0cf;
brc-coral-4
border-right-color: #ffabbf;
brc-coral-5
border-right-color: #ff97b0;
brc-coral-6
border-right-color: #ff83a0;
brc-coral
border-right-color: #ff6f91;
brc-coral-7
border-right-color: #db5f7d;
brc-coral-8
border-right-color: #b85068;
brc-coral-9
border-right-color: #944054;
brc-coral-10
border-right-color: #703140;
brc-coral-11
border-right-color: #4d212c;
brc-coral-12
border-right-color: #291217;
brc-zinc-1
border-right-color: #e3e3e5;
brc-zinc-2
border-right-color: #cbcbce;
brc-zinc-3
border-right-color: #b3b3b7;
brc-zinc-4
border-right-color: #9b9ba0;
brc-zinc-5
border-right-color: #828289;
brc-zinc-6
border-right-color: #6a6a72;
brc-zinc
border-right-color: #52525b;
brc-zinc-7
border-right-color: #47474e;
brc-zinc-8
border-right-color: #3b3b42;
brc-zinc-9
border-right-color: #303035;
brc-zinc-10
border-right-color: #242428;
brc-zinc-11
border-right-color: #19191b;
brc-zinc-12
border-right-color: #0d0d0f;
brc-gray-1
border-right-color: #e7e8eb;
brc-gray-2
border-right-color: #d3d5d9;
brc-gray-3
border-right-color: #bec1c7;
brc-gray-4
border-right-color: #a9adb5;
brc-gray-5
border-right-color: #9499a4;
brc-gray-6
border-right-color: #808692;
brc-gray
border-right-color: #6b7280;
brc-gray-7
border-right-color: #5c626e;
brc-gray-8
border-right-color: #4d525c;
brc-gray-9
border-right-color: #3e424a;
brc-gray-10
border-right-color: #2f3238;
brc-gray-11
border-right-color: #202226;
brc-gray-12
border-right-color: #111214;
brc-slate-1
border-right-color: #e6e9ec;
brc-slate-2
border-right-color: #d1d5dc;
brc-slate-3
border-right-color: #bbc2cc;
brc-slate-4
border-right-color: #a5aebc;
brc-slate-5
border-right-color: #8f9bab;
brc-slate-6
border-right-color: #7a879b;
brc-slate
border-right-color: #64748b;
brc-slate-7
border-right-color: #566478;
brc-slate-8
border-right-color: #485464;
brc-slate-9
border-right-color: #3a4351;
brc-slate-10
border-right-color: #2c333d;
brc-slate-11
border-right-color: #1e232a;
brc-slate-12
border-right-color: #101316;
brc-silver-1
border-right-color: #eff0f2;
brc-silver-2
border-right-color: #e1e3e7;
brc-silver-3
border-right-color: #d3d7dc;
brc-silver-4
border-right-color: #c6cad1;
brc-silver-5
border-right-color: #b8bdc5;
brc-silver-6
border-right-color: #aab0ba;
brc-silver
border-right-color: #9ca3af;
brc-silver-7
border-right-color: #868c97;
brc-silver-8
border-right-color: #70757e;
brc-silver-9
border-right-color: #5a5f66;
brc-silver-10
border-right-color: #45484d;
brc-silver-11
border-right-color: #2f3135;
brc-silver-12
border-right-color: #191a1c;
brc-black
border-right-color: #000000;
brc-current
border-right-color: currentColor;
brc-transparent
border-right-color: transparent;
brc-white
border-right-color: #ffffff;

Border Top Color

btc-red-1
border-top-color: #fbdfe1;
btc-red-2
border-top-color: #f8c4c8;
btc-red-3
border-top-color: #f4a8ae;
btc-red-4
border-top-color: #f18c94;
btc-red-5
border-top-color: #ed707a;
btc-red-6
border-top-color: #ea5560;
btc-red
border-top-color: #e63946;
btc-red-7
border-top-color: #c6313c;
btc-red-8
border-top-color: #a62932;
btc-red-9
border-top-color: #852129;
btc-red-10
border-top-color: #65191f;
btc-red-11
border-top-color: #451115;
btc-red-12
border-top-color: #25090b;
btc-orange-1
border-top-color: #ffe7df;
btc-orange-2
border-top-color: #ffd3c2;
btc-orange-3
border-top-color: #ffbea6;
btc-orange-4
border-top-color: #ffa98a;
btc-orange-5
border-top-color: #ff946e;
btc-orange-6
border-top-color: #ff8051;
btc-orange
border-top-color: #ff6b35;
btc-orange-7
border-top-color: #db5c2e;
btc-orange-8
border-top-color: #b84d26;
btc-orange-9
border-top-color: #943e1f;
btc-orange-10
border-top-color: #702f17;
btc-orange-11
border-top-color: #4d2010;
btc-orange-12
border-top-color: #291108;
btc-yellow-1
border-top-color: #fff4db;
btc-yellow-2
border-top-color: #ffeabb;
btc-yellow-3
border-top-color: #ffe09b;
btc-yellow-4
border-top-color: #ffd67b;
btc-yellow-5
border-top-color: #ffcc5c;
btc-yellow-6
border-top-color: #ffc23c;
btc-yellow
border-top-color: #ffb81c;
btc-yellow-7
border-top-color: #db9e18;
btc-yellow-8
border-top-color: #b88414;
btc-yellow-9
border-top-color: #946b10;
btc-yellow-10
border-top-color: #70510c;
btc-yellow-11
border-top-color: #4d3708;
btc-yellow-12
border-top-color: #291d04;
btc-lime-1
border-top-color: #ebf7da;
btc-lime-2
border-top-color: #daf0b9;
btc-lime-3
border-top-color: #c9e998;
btc-lime-4
border-top-color: #b8e178;
btc-lime-5
border-top-color: #a6da57;
btc-lime-6
border-top-color: #95d337;
btc-lime
border-top-color: #84cc16;
btc-lime-7
border-top-color: #72af13;
btc-lime-8
border-top-color: #5f9310;
btc-lime-9
border-top-color: #4d760d;
btc-lime-10
border-top-color: #3a5a0a;
btc-lime-11
border-top-color: #283d07;
btc-lime-12
border-top-color: #152104;
btc-mint-1
border-top-color: #d9f4eb;
btc-mint-2
border-top-color: #b7ead9;
btc-mint-3
border-top-color: #96e0c8;
btc-mint-4
border-top-color: #74d6b6;
btc-mint-5
border-top-color: #53cda4;
btc-mint-6
border-top-color: #31c393;
btc-mint
border-top-color: #10b981;
btc-mint-7
border-top-color: #0e9f6f;
btc-mint-8
border-top-color: #0c855d;
btc-mint-9
border-top-color: #096b4b;
btc-mint-10
border-top-color: #075139;
btc-mint-11
border-top-color: #053827;
btc-mint-12
border-top-color: #031e15;
btc-green-1
border-top-color: #d7f8f0;
btc-green-2
border-top-color: #b4f3e3;
btc-green-3
border-top-color: #91edd5;
btc-green-4
border-top-color: #6fe7c8;
btc-green-5
border-top-color: #4ce1bb;
btc-green-6
border-top-color: #29dcad;
btc-green
border-top-color: #06d6a0;
btc-green-7
border-top-color: #05b88a;
btc-green-8
border-top-color: #049a73;
btc-green-9
border-top-color: #037c5d;
btc-green-10
border-top-color: #035e46;
btc-green-11
border-top-color: #024030;
btc-green-12
border-top-color: #01221a;
btc-cyan-1
border-top-color: #d7f3f8;
btc-cyan-2
border-top-color: #b4e9f2;
btc-cyan-3
border-top-color: #91dfec;
btc-cyan-4
border-top-color: #6fd5e6;
btc-cyan-5
border-top-color: #4ccae0;
btc-cyan-6
border-top-color: #29c0da;
btc-cyan
border-top-color: #06b6d4;
btc-cyan-7
border-top-color: #059db6;
btc-cyan-8
border-top-color: #048399;
btc-cyan-9
border-top-color: #036a7b;
btc-cyan-10
border-top-color: #03505d;
btc-cyan-11
border-top-color: #023740;
btc-cyan-12
border-top-color: #011d22;
btc-sky-1
border-top-color: #dff4fe;
btc-sky-2
border-top-color: #c3ebfd;
btc-sky-3
border-top-color: #a7e2fc;
btc-sky-4
border-top-color: #8cd9fb;
btc-sky-5
border-top-color: #70cffa;
btc-sky-6
border-top-color: #54c6f9;
btc-sky
border-top-color: #38bdf8;
btc-sky-7
border-top-color: #30a3d5;
btc-sky-8
border-top-color: #2888b3;
btc-sky-9
border-top-color: #206e90;
btc-sky-10
border-top-color: #19536d;
btc-sky-11
border-top-color: #11394a;
btc-sky-12
border-top-color: #091e28;
btc-blue-1
border-top-color: #dce6fc;
btc-blue-2
border-top-color: #bed0f9;
btc-blue-3
border-top-color: #9fbaf6;
btc-blue-4
border-top-color: #81a5f3;
btc-blue-5
border-top-color: #628ff1;
btc-blue-6
border-top-color: #4479ee;
btc-blue
border-top-color: #2563eb;
btc-blue-7
border-top-color: #2055ca;
btc-blue-8
border-top-color: #1b47a9;
btc-blue-9
border-top-color: #153988;
btc-blue-10
border-top-color: #102c67;
btc-blue-11
border-top-color: #0b1e47;
btc-blue-12
border-top-color: #061026;
btc-indigo-1
border-top-color: #e6e7fd;
btc-indigo-2
border-top-color: #d0d1fb;
btc-indigo-3
border-top-color: #babcf9;
btc-indigo-4
border-top-color: #a5a6f7;
btc-indigo-5
border-top-color: #8f91f5;
btc-indigo-6
border-top-color: #797bf3;
btc-indigo
border-top-color: #6366f1;
btc-indigo-7
border-top-color: #5558cf;
btc-indigo-8
border-top-color: #4749ae;
btc-indigo-9
border-top-color: #393b8c;
btc-indigo-10
border-top-color: #2c2d6a;
btc-indigo-11
border-top-color: #1e1f48;
btc-indigo-12
border-top-color: #101027;
btc-violet-1
border-top-color: #ece5fe;
btc-violet-2
border-top-color: #dccefc;
btc-violet-3
border-top-color: #ccb7fb;
btc-violet-4
border-top-color: #bca0fa;
btc-violet-5
border-top-color: #ab8af9;
btc-violet-6
border-top-color: #9b73f7;
btc-violet
border-top-color: #8b5cf6;
btc-violet-7
border-top-color: #784fd4;
btc-violet-8
border-top-color: #6442b1;
btc-violet-9
border-top-color: #51358f;
btc-violet-10
border-top-color: #3d286c;
btc-violet-11
border-top-color: #2a1c4a;
btc-violet-12
border-top-color: #160f27;
btc-lavender-1
border-top-color: #f1ecfe;
btc-lavender-2
border-top-color: #e5dcfe;
btc-lavender-3
border-top-color: #d8ccfd;
btc-lavender-4
border-top-color: #ccbcfc;
btc-lavender-5
border-top-color: #c0abfb;
btc-lavender-6
border-top-color: #b39bfb;
btc-lavender
border-top-color: #a78bfa;
btc-lavender-7
border-top-color: #9078d7;
btc-lavender-8
border-top-color: #7864b4;
btc-lavender-9
border-top-color: #615191;
btc-lavender-10
border-top-color: #493d6e;
btc-lavender-11
border-top-color: #322a4b;
btc-lavender-12
border-top-color: #1b1628;
btc-magenta-1
border-top-color: #f9e1fc;
btc-magenta-2
border-top-color: #f4c8fa;
btc-magenta-3
border-top-color: #eeaef8;
btc-magenta-4
border-top-color: #e994f6;
btc-magenta-5
border-top-color: #e47af3;
btc-magenta-6
border-top-color: #de60f1;
btc-magenta
border-top-color: #d946ef;
btc-magenta-7
border-top-color: #bb3cce;
btc-magenta-8
border-top-color: #9c32ac;
btc-magenta-9
border-top-color: #7e298b;
btc-magenta-10
border-top-color: #5f1f69;
btc-magenta-11
border-top-color: #411548;
btc-magenta-12
border-top-color: #230b26;
btc-pink-1
border-top-color: #fce2ef;
btc-pink-2
border-top-color: #f9c8e0;
btc-pink-3
border-top-color: #f7aed2;
btc-pink-4
border-top-color: #f495c4;
btc-pink-5
border-top-color: #f17bb6;
btc-pink-6
border-top-color: #ef62a7;
btc-pink
border-top-color: #ec4899;
btc-pink-7
border-top-color: #cb3e84;
btc-pink-8
border-top-color: #aa346e;
btc-pink-9
border-top-color: #892a59;
btc-pink-10
border-top-color: #682043;
btc-pink-11
border-top-color: #47162e;
btc-pink-12
border-top-color: #260c18;
btc-coral-1
border-top-color: #ffe8ed;
btc-coral-2
border-top-color: #ffd4de;
btc-coral-3
border-top-color: #ffc0cf;
btc-coral-4
border-top-color: #ffabbf;
btc-coral-5
border-top-color: #ff97b0;
btc-coral-6
border-top-color: #ff83a0;
btc-coral
border-top-color: #ff6f91;
btc-coral-7
border-top-color: #db5f7d;
btc-coral-8
border-top-color: #b85068;
btc-coral-9
border-top-color: #944054;
btc-coral-10
border-top-color: #703140;
btc-coral-11
border-top-color: #4d212c;
btc-coral-12
border-top-color: #291217;
btc-zinc-1
border-top-color: #e3e3e5;
btc-zinc-2
border-top-color: #cbcbce;
btc-zinc-3
border-top-color: #b3b3b7;
btc-zinc-4
border-top-color: #9b9ba0;
btc-zinc-5
border-top-color: #828289;
btc-zinc-6
border-top-color: #6a6a72;
btc-zinc
border-top-color: #52525b;
btc-zinc-7
border-top-color: #47474e;
btc-zinc-8
border-top-color: #3b3b42;
btc-zinc-9
border-top-color: #303035;
btc-zinc-10
border-top-color: #242428;
btc-zinc-11
border-top-color: #19191b;
btc-zinc-12
border-top-color: #0d0d0f;
btc-gray-1
border-top-color: #e7e8eb;
btc-gray-2
border-top-color: #d3d5d9;
btc-gray-3
border-top-color: #bec1c7;
btc-gray-4
border-top-color: #a9adb5;
btc-gray-5
border-top-color: #9499a4;
btc-gray-6
border-top-color: #808692;
btc-gray
border-top-color: #6b7280;
btc-gray-7
border-top-color: #5c626e;
btc-gray-8
border-top-color: #4d525c;
btc-gray-9
border-top-color: #3e424a;
btc-gray-10
border-top-color: #2f3238;
btc-gray-11
border-top-color: #202226;
btc-gray-12
border-top-color: #111214;
btc-slate-1
border-top-color: #e6e9ec;
btc-slate-2
border-top-color: #d1d5dc;
btc-slate-3
border-top-color: #bbc2cc;
btc-slate-4
border-top-color: #a5aebc;
btc-slate-5
border-top-color: #8f9bab;
btc-slate-6
border-top-color: #7a879b;
btc-slate
border-top-color: #64748b;
btc-slate-7
border-top-color: #566478;
btc-slate-8
border-top-color: #485464;
btc-slate-9
border-top-color: #3a4351;
btc-slate-10
border-top-color: #2c333d;
btc-slate-11
border-top-color: #1e232a;
btc-slate-12
border-top-color: #101316;
btc-silver-1
border-top-color: #eff0f2;
btc-silver-2
border-top-color: #e1e3e7;
btc-silver-3
border-top-color: #d3d7dc;
btc-silver-4
border-top-color: #c6cad1;
btc-silver-5
border-top-color: #b8bdc5;
btc-silver-6
border-top-color: #aab0ba;
btc-silver
border-top-color: #9ca3af;
btc-silver-7
border-top-color: #868c97;
btc-silver-8
border-top-color: #70757e;
btc-silver-9
border-top-color: #5a5f66;
btc-silver-10
border-top-color: #45484d;
btc-silver-11
border-top-color: #2f3135;
btc-silver-12
border-top-color: #191a1c;
btc-black
border-top-color: #000000;
btc-current
border-top-color: currentColor;
btc-transparent
border-top-color: transparent;
btc-white
border-top-color: #ffffff;

Media Queries

Prefix a class with a breakpoint to apply it from that width up.

Pseudo Classes

Prefix a class with a state to apply it only while that state matches.

Opacity Modifiers

Adjust color transparency by appending an opacity suffix.