madosel
Version:
The most and fast advanced responsive html front-end framework.
3,252 lines (2,514 loc) • 142 kB
CSS
@charset "UTF-8";
/*!
* Madosel 1.0.0-alpha12
* Copyright 2020-2021 Kenan Gündoğan
* https://www.madosel.com
* Licensed under MIT https://github.com/kenangundogan/madosel/blob/master/LICENSE
* Released under the MIT License
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
.appearance-auto {
appearance: auto;
}
.appearance-none {
appearance: none;
}
.align-items-start {
align-items: flex-start;
}
.align-items-end {
align-items: flex-end;
}
.align-items-center {
align-items: center;
}
.align-items-baseline {
align-items: baseline;
}
.align-items-stretch {
align-items: stretch;
}
.align-self-auto {
align-self: auto;
}
.align-self-start {
align-self: flex-start;
}
.align-self-end {
align-self: flex-end;
}
.align-self-center {
align-self: center;
}
.align-self-stretch {
align-self: stretch;
}
.background-attachment-fixed {
background-attachment: fixed;
}
.background-attachment-local {
background-attachment: local;
}
.background-attachment-scroll {
background-attachment: scroll;
}
.background-clip-border-box {
background-clip: border-box;
}
.background-clip-padding-box {
background-clip: padding-box;
}
.background-clip-content-box {
background-clip: content-box;
}
.background-clip-text {
background-clip: text;
}
.bg-red-600 {
--bg-opacity: 1;
background-color: rgba(237, 45, 45, var(--bg-opacity));
}
.bg-red-700 {
--bg-opacity: 1;
background-color: rgba(235, 21, 21, var(--bg-opacity));
}
.bg-red-800 {
--bg-opacity: 1;
background-color: rgba(212, 18, 18, var(--bg-opacity));
}
.bg-red-900 {
--bg-opacity: 1;
background-color: rgba(189, 16, 16, var(--bg-opacity));
}
.bg-red-500 {
--bg-opacity: 1;
background-color: rgba(239, 68, 68, var(--bg-opacity));
}
.bg-red-400 {
--bg-opacity: 1;
background-color: rgba(242, 106, 106, var(--bg-opacity));
}
.bg-red-300 {
--bg-opacity: 1;
background-color: rgba(245, 143, 143, var(--bg-opacity));
}
.bg-red-200 {
--bg-opacity: 1;
background-color: rgba(249, 181, 181, var(--bg-opacity));
}
.bg-red-100 {
--bg-opacity: 1;
background-color: rgba(252, 218, 218, var(--bg-opacity));
}
.bg-green-600 {
--bg-opacity: 1;
background-color: rgba(14, 162, 113, var(--bg-opacity));
}
.bg-green-700 {
--bg-opacity: 1;
background-color: rgba(12, 138, 96, var(--bg-opacity));
}
.bg-green-800 {
--bg-opacity: 1;
background-color: rgba(10, 115, 80, var(--bg-opacity));
}
.bg-green-900 {
--bg-opacity: 1;
background-color: rgba(8, 91, 64, var(--bg-opacity));
}
.bg-green-500 {
--bg-opacity: 1;
background-color: rgba(16, 185, 129, var(--bg-opacity));
}
.bg-green-400 {
--bg-opacity: 1;
background-color: rgba(19, 223, 155, var(--bg-opacity));
}
.bg-green-300 {
--bg-opacity: 1;
background-color: rgba(46, 237, 174, var(--bg-opacity));
}
.bg-green-200 {
--bg-opacity: 1;
background-color: rgba(83, 240, 188, var(--bg-opacity));
}
.bg-green-100 {
--bg-opacity: 1;
background-color: rgba(121, 243, 203, var(--bg-opacity));
}
.bg-blue-600 {
--bg-opacity: 1;
background-color: rgba(35, 114, 245, var(--bg-opacity));
}
.bg-blue-700 {
--bg-opacity: 1;
background-color: rgba(11, 99, 243, var(--bg-opacity));
}
.bg-blue-800 {
--bg-opacity: 1;
background-color: rgba(10, 89, 218, var(--bg-opacity));
}
.bg-blue-900 {
--bg-opacity: 1;
background-color: rgba(9, 79, 194, var(--bg-opacity));
}
.bg-blue-500 {
--bg-opacity: 1;
background-color: rgba(59, 130, 246, var(--bg-opacity));
}
.bg-blue-400 {
--bg-opacity: 1;
background-color: rgba(98, 155, 248, var(--bg-opacity));
}
.bg-blue-300 {
--bg-opacity: 1;
background-color: rgba(137, 180, 250, var(--bg-opacity));
}
.bg-blue-200 {
--bg-opacity: 1;
background-color: rgba(176, 205, 251, var(--bg-opacity));
}
.bg-blue-100 {
--bg-opacity: 1;
background-color: rgba(215, 230, 253, var(--bg-opacity));
}
.bg-yellow-600 {
--bg-opacity: 1;
background-color: rgba(251, 184, 11, var(--bg-opacity));
}
.bg-yellow-700 {
--bg-opacity: 1;
background-color: rgba(232, 168, 4, var(--bg-opacity));
}
.bg-yellow-800 {
--bg-opacity: 1;
background-color: rgba(207, 150, 4, var(--bg-opacity));
}
.bg-yellow-900 {
--bg-opacity: 1;
background-color: rgba(182, 132, 3, var(--bg-opacity));
}
.bg-yellow-500 {
--bg-opacity: 1;
background-color: rgba(251, 191, 36, var(--bg-opacity));
}
.bg-yellow-400 {
--bg-opacity: 1;
background-color: rgba(252, 203, 76, var(--bg-opacity));
}
.bg-yellow-300 {
--bg-opacity: 1;
background-color: rgba(252, 214, 116, var(--bg-opacity));
}
.bg-yellow-200 {
--bg-opacity: 1;
background-color: rgba(253, 226, 156, var(--bg-opacity));
}
.bg-yellow-100 {
--bg-opacity: 1;
background-color: rgba(254, 238, 196, var(--bg-opacity));
}
.bg-pink-600 {
--bg-opacity: 1;
background-color: rgba(234, 49, 140, var(--bg-opacity));
}
.bg-pink-700 {
--bg-opacity: 1;
background-color: rgba(231, 26, 127, var(--bg-opacity));
}
.bg-pink-800 {
--bg-opacity: 1;
background-color: rgba(210, 22, 115, var(--bg-opacity));
}
.bg-pink-900 {
--bg-opacity: 1;
background-color: rgba(187, 19, 102, var(--bg-opacity));
}
.bg-pink-500 {
--bg-opacity: 1;
background-color: rgba(236, 72, 153, var(--bg-opacity));
}
.bg-pink-400 {
--bg-opacity: 1;
background-color: rgba(240, 109, 174, var(--bg-opacity));
}
.bg-pink-300 {
--bg-opacity: 1;
background-color: rgba(244, 146, 194, var(--bg-opacity));
}
.bg-pink-200 {
--bg-opacity: 1;
background-color: rgba(248, 183, 215, var(--bg-opacity));
}
.bg-pink-100 {
--bg-opacity: 1;
background-color: rgba(251, 220, 235, var(--bg-opacity));
}
.bg-purple-600 {
--bg-opacity: 1;
background-color: rgba(122, 68, 245, var(--bg-opacity));
}
.bg-purple-700 {
--bg-opacity: 1;
background-color: rgba(105, 44, 243, var(--bg-opacity));
}
.bg-purple-800 {
--bg-opacity: 1;
background-color: rgba(87, 20, 242, var(--bg-opacity));
}
.bg-purple-900 {
--bg-opacity: 1;
background-color: rgba(77, 12, 224, var(--bg-opacity));
}
.bg-purple-500 {
--bg-opacity: 1;
background-color: rgba(139, 92, 246, var(--bg-opacity));
}
.bg-purple-400 {
--bg-opacity: 1;
background-color: rgba(167, 131, 248, var(--bg-opacity));
}
.bg-purple-300 {
--bg-opacity: 1;
background-color: rgba(194, 169, 250, var(--bg-opacity));
}
.bg-purple-200 {
--bg-opacity: 1;
background-color: rgba(222, 208, 252, var(--bg-opacity));
}
.bg-purple-100 {
--bg-opacity: 1;
background-color: rgba(249, 247, 255, var(--bg-opacity));
}
.bg-gray-600 {
--bg-opacity: 1;
background-color: rgba(95, 102, 114, var(--bg-opacity));
}
.bg-gray-700 {
--bg-opacity: 1;
background-color: rgba(84, 89, 100, var(--bg-opacity));
}
.bg-gray-800 {
--bg-opacity: 1;
background-color: rgba(72, 77, 86, var(--bg-opacity));
}
.bg-gray-900 {
--bg-opacity: 1;
background-color: rgba(61, 65, 72, var(--bg-opacity));
}
.bg-gray-500 {
--bg-opacity: 1;
background-color: rgba(107, 114, 128, var(--bg-opacity));
}
.bg-gray-400 {
--bg-opacity: 1;
background-color: rgba(127, 134, 148, var(--bg-opacity));
}
.bg-gray-300 {
--bg-opacity: 1;
background-color: rgba(150, 155, 167, var(--bg-opacity));
}
.bg-gray-200 {
--bg-opacity: 1;
background-color: rgba(172, 176, 186, var(--bg-opacity));
}
.bg-gray-100 {
--bg-opacity: 1;
background-color: rgba(194, 197, 204, var(--bg-opacity));
}
.bg-opacity-0 {
--bg-opacity: 0;
}
.bg-opacity-5 {
--bg-opacity: 0.05;
}
.bg-opacity-10 {
--bg-opacity: 0.1;
}
.bg-opacity-15 {
--bg-opacity: 0.15;
}
.bg-opacity-20 {
--bg-opacity: 0.2;
}
.bg-opacity-25 {
--bg-opacity: 0.25;
}
.bg-opacity-30 {
--bg-opacity: 0.3;
}
.bg-opacity-35 {
--bg-opacity: 0.35;
}
.bg-opacity-40 {
--bg-opacity: 0.4;
}
.bg-opacity-45 {
--bg-opacity: 0.45;
}
.bg-opacity-50 {
--bg-opacity: 0.5;
}
.bg-opacity-55 {
--bg-opacity: 0.55;
}
.bg-opacity-60 {
--bg-opacity: 0.6;
}
.bg-opacity-65 {
--bg-opacity: 0.65;
}
.bg-opacity-70 {
--bg-opacity: 0.7;
}
.bg-opacity-75 {
--bg-opacity: 0.75;
}
.bg-opacity-80 {
--bg-opacity: 0.8;
}
.bg-opacity-85 {
--bg-opacity: 0.85;
}
.bg-opacity-90 {
--bg-opacity: 0.9;
}
.bg-opacity-95 {
--bg-opacity: 0.95;
}
.bg-opacity-100 {
--bg-opacity: 100;
}
.background-image-none {
background-image: "none !important";
}
.start-red-600 {
--start-opacity: 1;
--gradient-start: rgba(237, 45, 45, var(--start-opacity));
}
.start-red-700 {
--start-opacity: 1;
--gradient-start: rgba(235, 21, 21, var(--start-opacity));
}
.start-red-800 {
--start-opacity: 1;
--gradient-start: rgba(212, 18, 18, var(--start-opacity));
}
.start-red-900 {
--start-opacity: 1;
--gradient-start: rgba(189, 16, 16, var(--start-opacity));
}
.start-red-500 {
--start-opacity: 1;
--gradient-start: rgba(239, 68, 68, var(--start-opacity));
}
.start-red-400 {
--start-opacity: 1;
--gradient-start: rgba(242, 106, 106, var(--start-opacity));
}
.start-red-300 {
--start-opacity: 1;
--gradient-start: rgba(245, 143, 143, var(--start-opacity));
}
.start-red-200 {
--start-opacity: 1;
--gradient-start: rgba(249, 181, 181, var(--start-opacity));
}
.start-red-100 {
--start-opacity: 1;
--gradient-start: rgba(252, 218, 218, var(--start-opacity));
}
.start-green-600 {
--start-opacity: 1;
--gradient-start: rgba(14, 162, 113, var(--start-opacity));
}
.start-green-700 {
--start-opacity: 1;
--gradient-start: rgba(12, 138, 96, var(--start-opacity));
}
.start-green-800 {
--start-opacity: 1;
--gradient-start: rgba(10, 115, 80, var(--start-opacity));
}
.start-green-900 {
--start-opacity: 1;
--gradient-start: rgba(8, 91, 64, var(--start-opacity));
}
.start-green-500 {
--start-opacity: 1;
--gradient-start: rgba(16, 185, 129, var(--start-opacity));
}
.start-green-400 {
--start-opacity: 1;
--gradient-start: rgba(19, 223, 155, var(--start-opacity));
}
.start-green-300 {
--start-opacity: 1;
--gradient-start: rgba(46, 237, 174, var(--start-opacity));
}
.start-green-200 {
--start-opacity: 1;
--gradient-start: rgba(83, 240, 188, var(--start-opacity));
}
.start-green-100 {
--start-opacity: 1;
--gradient-start: rgba(121, 243, 203, var(--start-opacity));
}
.start-blue-600 {
--start-opacity: 1;
--gradient-start: rgba(35, 114, 245, var(--start-opacity));
}
.start-blue-700 {
--start-opacity: 1;
--gradient-start: rgba(11, 99, 243, var(--start-opacity));
}
.start-blue-800 {
--start-opacity: 1;
--gradient-start: rgba(10, 89, 218, var(--start-opacity));
}
.start-blue-900 {
--start-opacity: 1;
--gradient-start: rgba(9, 79, 194, var(--start-opacity));
}
.start-blue-500 {
--start-opacity: 1;
--gradient-start: rgba(59, 130, 246, var(--start-opacity));
}
.start-blue-400 {
--start-opacity: 1;
--gradient-start: rgba(98, 155, 248, var(--start-opacity));
}
.start-blue-300 {
--start-opacity: 1;
--gradient-start: rgba(137, 180, 250, var(--start-opacity));
}
.start-blue-200 {
--start-opacity: 1;
--gradient-start: rgba(176, 205, 251, var(--start-opacity));
}
.start-blue-100 {
--start-opacity: 1;
--gradient-start: rgba(215, 230, 253, var(--start-opacity));
}
.start-yellow-600 {
--start-opacity: 1;
--gradient-start: rgba(251, 184, 11, var(--start-opacity));
}
.start-yellow-700 {
--start-opacity: 1;
--gradient-start: rgba(232, 168, 4, var(--start-opacity));
}
.start-yellow-800 {
--start-opacity: 1;
--gradient-start: rgba(207, 150, 4, var(--start-opacity));
}
.start-yellow-900 {
--start-opacity: 1;
--gradient-start: rgba(182, 132, 3, var(--start-opacity));
}
.start-yellow-500 {
--start-opacity: 1;
--gradient-start: rgba(251, 191, 36, var(--start-opacity));
}
.start-yellow-400 {
--start-opacity: 1;
--gradient-start: rgba(252, 203, 76, var(--start-opacity));
}
.start-yellow-300 {
--start-opacity: 1;
--gradient-start: rgba(252, 214, 116, var(--start-opacity));
}
.start-yellow-200 {
--start-opacity: 1;
--gradient-start: rgba(253, 226, 156, var(--start-opacity));
}
.start-yellow-100 {
--start-opacity: 1;
--gradient-start: rgba(254, 238, 196, var(--start-opacity));
}
.start-pink-600 {
--start-opacity: 1;
--gradient-start: rgba(234, 49, 140, var(--start-opacity));
}
.start-pink-700 {
--start-opacity: 1;
--gradient-start: rgba(231, 26, 127, var(--start-opacity));
}
.start-pink-800 {
--start-opacity: 1;
--gradient-start: rgba(210, 22, 115, var(--start-opacity));
}
.start-pink-900 {
--start-opacity: 1;
--gradient-start: rgba(187, 19, 102, var(--start-opacity));
}
.start-pink-500 {
--start-opacity: 1;
--gradient-start: rgba(236, 72, 153, var(--start-opacity));
}
.start-pink-400 {
--start-opacity: 1;
--gradient-start: rgba(240, 109, 174, var(--start-opacity));
}
.start-pink-300 {
--start-opacity: 1;
--gradient-start: rgba(244, 146, 194, var(--start-opacity));
}
.start-pink-200 {
--start-opacity: 1;
--gradient-start: rgba(248, 183, 215, var(--start-opacity));
}
.start-pink-100 {
--start-opacity: 1;
--gradient-start: rgba(251, 220, 235, var(--start-opacity));
}
.start-purple-600 {
--start-opacity: 1;
--gradient-start: rgba(122, 68, 245, var(--start-opacity));
}
.start-purple-700 {
--start-opacity: 1;
--gradient-start: rgba(105, 44, 243, var(--start-opacity));
}
.start-purple-800 {
--start-opacity: 1;
--gradient-start: rgba(87, 20, 242, var(--start-opacity));
}
.start-purple-900 {
--start-opacity: 1;
--gradient-start: rgba(77, 12, 224, var(--start-opacity));
}
.start-purple-500 {
--start-opacity: 1;
--gradient-start: rgba(139, 92, 246, var(--start-opacity));
}
.start-purple-400 {
--start-opacity: 1;
--gradient-start: rgba(167, 131, 248, var(--start-opacity));
}
.start-purple-300 {
--start-opacity: 1;
--gradient-start: rgba(194, 169, 250, var(--start-opacity));
}
.start-purple-200 {
--start-opacity: 1;
--gradient-start: rgba(222, 208, 252, var(--start-opacity));
}
.start-purple-100 {
--start-opacity: 1;
--gradient-start: rgba(249, 247, 255, var(--start-opacity));
}
.start-gray-600 {
--start-opacity: 1;
--gradient-start: rgba(95, 102, 114, var(--start-opacity));
}
.start-gray-700 {
--start-opacity: 1;
--gradient-start: rgba(84, 89, 100, var(--start-opacity));
}
.start-gray-800 {
--start-opacity: 1;
--gradient-start: rgba(72, 77, 86, var(--start-opacity));
}
.start-gray-900 {
--start-opacity: 1;
--gradient-start: rgba(61, 65, 72, var(--start-opacity));
}
.start-gray-500 {
--start-opacity: 1;
--gradient-start: rgba(107, 114, 128, var(--start-opacity));
}
.start-gray-400 {
--start-opacity: 1;
--gradient-start: rgba(127, 134, 148, var(--start-opacity));
}
.start-gray-300 {
--start-opacity: 1;
--gradient-start: rgba(150, 155, 167, var(--start-opacity));
}
.start-gray-200 {
--start-opacity: 1;
--gradient-start: rgba(172, 176, 186, var(--start-opacity));
}
.start-gray-100 {
--start-opacity: 1;
--gradient-start: rgba(194, 197, 204, var(--start-opacity));
}
.end-red-600 {
--end-opacity: 1;
--gradient-end: rgba(237, 45, 45, var(--end-opacity));
}
.end-red-700 {
--end-opacity: 1;
--gradient-end: rgba(235, 21, 21, var(--end-opacity));
}
.end-red-800 {
--end-opacity: 1;
--gradient-end: rgba(212, 18, 18, var(--end-opacity));
}
.end-red-900 {
--end-opacity: 1;
--gradient-end: rgba(189, 16, 16, var(--end-opacity));
}
.end-red-500 {
--end-opacity: 1;
--gradient-end: rgba(239, 68, 68, var(--end-opacity));
}
.end-red-400 {
--end-opacity: 1;
--gradient-end: rgba(242, 106, 106, var(--end-opacity));
}
.end-red-300 {
--end-opacity: 1;
--gradient-end: rgba(245, 143, 143, var(--end-opacity));
}
.end-red-200 {
--end-opacity: 1;
--gradient-end: rgba(249, 181, 181, var(--end-opacity));
}
.end-red-100 {
--end-opacity: 1;
--gradient-end: rgba(252, 218, 218, var(--end-opacity));
}
.end-green-600 {
--end-opacity: 1;
--gradient-end: rgba(14, 162, 113, var(--end-opacity));
}
.end-green-700 {
--end-opacity: 1;
--gradient-end: rgba(12, 138, 96, var(--end-opacity));
}
.end-green-800 {
--end-opacity: 1;
--gradient-end: rgba(10, 115, 80, var(--end-opacity));
}
.end-green-900 {
--end-opacity: 1;
--gradient-end: rgba(8, 91, 64, var(--end-opacity));
}
.end-green-500 {
--end-opacity: 1;
--gradient-end: rgba(16, 185, 129, var(--end-opacity));
}
.end-green-400 {
--end-opacity: 1;
--gradient-end: rgba(19, 223, 155, var(--end-opacity));
}
.end-green-300 {
--end-opacity: 1;
--gradient-end: rgba(46, 237, 174, var(--end-opacity));
}
.end-green-200 {
--end-opacity: 1;
--gradient-end: rgba(83, 240, 188, var(--end-opacity));
}
.end-green-100 {
--end-opacity: 1;
--gradient-end: rgba(121, 243, 203, var(--end-opacity));
}
.end-blue-600 {
--end-opacity: 1;
--gradient-end: rgba(35, 114, 245, var(--end-opacity));
}
.end-blue-700 {
--end-opacity: 1;
--gradient-end: rgba(11, 99, 243, var(--end-opacity));
}
.end-blue-800 {
--end-opacity: 1;
--gradient-end: rgba(10, 89, 218, var(--end-opacity));
}
.end-blue-900 {
--end-opacity: 1;
--gradient-end: rgba(9, 79, 194, var(--end-opacity));
}
.end-blue-500 {
--end-opacity: 1;
--gradient-end: rgba(59, 130, 246, var(--end-opacity));
}
.end-blue-400 {
--end-opacity: 1;
--gradient-end: rgba(98, 155, 248, var(--end-opacity));
}
.end-blue-300 {
--end-opacity: 1;
--gradient-end: rgba(137, 180, 250, var(--end-opacity));
}
.end-blue-200 {
--end-opacity: 1;
--gradient-end: rgba(176, 205, 251, var(--end-opacity));
}
.end-blue-100 {
--end-opacity: 1;
--gradient-end: rgba(215, 230, 253, var(--end-opacity));
}
.end-yellow-600 {
--end-opacity: 1;
--gradient-end: rgba(251, 184, 11, var(--end-opacity));
}
.end-yellow-700 {
--end-opacity: 1;
--gradient-end: rgba(232, 168, 4, var(--end-opacity));
}
.end-yellow-800 {
--end-opacity: 1;
--gradient-end: rgba(207, 150, 4, var(--end-opacity));
}
.end-yellow-900 {
--end-opacity: 1;
--gradient-end: rgba(182, 132, 3, var(--end-opacity));
}
.end-yellow-500 {
--end-opacity: 1;
--gradient-end: rgba(251, 191, 36, var(--end-opacity));
}
.end-yellow-400 {
--end-opacity: 1;
--gradient-end: rgba(252, 203, 76, var(--end-opacity));
}
.end-yellow-300 {
--end-opacity: 1;
--gradient-end: rgba(252, 214, 116, var(--end-opacity));
}
.end-yellow-200 {
--end-opacity: 1;
--gradient-end: rgba(253, 226, 156, var(--end-opacity));
}
.end-yellow-100 {
--end-opacity: 1;
--gradient-end: rgba(254, 238, 196, var(--end-opacity));
}
.end-pink-600 {
--end-opacity: 1;
--gradient-end: rgba(234, 49, 140, var(--end-opacity));
}
.end-pink-700 {
--end-opacity: 1;
--gradient-end: rgba(231, 26, 127, var(--end-opacity));
}
.end-pink-800 {
--end-opacity: 1;
--gradient-end: rgba(210, 22, 115, var(--end-opacity));
}
.end-pink-900 {
--end-opacity: 1;
--gradient-end: rgba(187, 19, 102, var(--end-opacity));
}
.end-pink-500 {
--end-opacity: 1;
--gradient-end: rgba(236, 72, 153, var(--end-opacity));
}
.end-pink-400 {
--end-opacity: 1;
--gradient-end: rgba(240, 109, 174, var(--end-opacity));
}
.end-pink-300 {
--end-opacity: 1;
--gradient-end: rgba(244, 146, 194, var(--end-opacity));
}
.end-pink-200 {
--end-opacity: 1;
--gradient-end: rgba(248, 183, 215, var(--end-opacity));
}
.end-pink-100 {
--end-opacity: 1;
--gradient-end: rgba(251, 220, 235, var(--end-opacity));
}
.end-purple-600 {
--end-opacity: 1;
--gradient-end: rgba(122, 68, 245, var(--end-opacity));
}
.end-purple-700 {
--end-opacity: 1;
--gradient-end: rgba(105, 44, 243, var(--end-opacity));
}
.end-purple-800 {
--end-opacity: 1;
--gradient-end: rgba(87, 20, 242, var(--end-opacity));
}
.end-purple-900 {
--end-opacity: 1;
--gradient-end: rgba(77, 12, 224, var(--end-opacity));
}
.end-purple-500 {
--end-opacity: 1;
--gradient-end: rgba(139, 92, 246, var(--end-opacity));
}
.end-purple-400 {
--end-opacity: 1;
--gradient-end: rgba(167, 131, 248, var(--end-opacity));
}
.end-purple-300 {
--end-opacity: 1;
--gradient-end: rgba(194, 169, 250, var(--end-opacity));
}
.end-purple-200 {
--end-opacity: 1;
--gradient-end: rgba(222, 208, 252, var(--end-opacity));
}
.end-purple-100 {
--end-opacity: 1;
--gradient-end: rgba(249, 247, 255, var(--end-opacity));
}
.end-gray-600 {
--end-opacity: 1;
--gradient-end: rgba(95, 102, 114, var(--end-opacity));
}
.end-gray-700 {
--end-opacity: 1;
--gradient-end: rgba(84, 89, 100, var(--end-opacity));
}
.end-gray-800 {
--end-opacity: 1;
--gradient-end: rgba(72, 77, 86, var(--end-opacity));
}
.end-gray-900 {
--end-opacity: 1;
--gradient-end: rgba(61, 65, 72, var(--end-opacity));
}
.end-gray-500 {
--end-opacity: 1;
--gradient-end: rgba(107, 114, 128, var(--end-opacity));
}
.end-gray-400 {
--end-opacity: 1;
--gradient-end: rgba(127, 134, 148, var(--end-opacity));
}
.end-gray-300 {
--end-opacity: 1;
--gradient-end: rgba(150, 155, 167, var(--end-opacity));
}
.end-gray-200 {
--end-opacity: 1;
--gradient-end: rgba(172, 176, 186, var(--end-opacity));
}
.end-gray-100 {
--end-opacity: 1;
--gradient-end: rgba(194, 197, 204, var(--end-opacity));
}
.start-opacity-0 {
--start-opacity: 0;
}
.start-opacity-5 {
--start-opacity: 0.05;
}
.start-opacity-10 {
--start-opacity: 0.1;
}
.start-opacity-15 {
--start-opacity: 0.15;
}
.start-opacity-20 {
--start-opacity: 0.2;
}
.start-opacity-25 {
--start-opacity: 0.25;
}
.start-opacity-30 {
--start-opacity: 0.3;
}
.start-opacity-35 {
--start-opacity: 0.35;
}
.start-opacity-40 {
--start-opacity: 0.4;
}
.start-opacity-45 {
--start-opacity: 0.45;
}
.start-opacity-50 {
--start-opacity: 0.5;
}
.start-opacity-55 {
--start-opacity: 0.55;
}
.start-opacity-60 {
--start-opacity: 0.6;
}
.start-opacity-65 {
--start-opacity: 0.65;
}
.start-opacity-70 {
--start-opacity: 0.7;
}
.start-opacity-75 {
--start-opacity: 0.75;
}
.start-opacity-80 {
--start-opacity: 0.8;
}
.start-opacity-85 {
--start-opacity: 0.85;
}
.start-opacity-90 {
--start-opacity: 0.9;
}
.start-opacity-95 {
--start-opacity: 0.95;
}
.start-opacity-100 {
--start-opacity: 100;
}
.end-opacity-0 {
--end-opacity: 0;
}
.end-opacity-5 {
--end-opacity: 0.05;
}
.end-opacity-10 {
--end-opacity: 0.1;
}
.end-opacity-15 {
--end-opacity: 0.15;
}
.end-opacity-20 {
--end-opacity: 0.2;
}
.end-opacity-25 {
--end-opacity: 0.25;
}
.end-opacity-30 {
--end-opacity: 0.3;
}
.end-opacity-35 {
--end-opacity: 0.35;
}
.end-opacity-40 {
--end-opacity: 0.4;
}
.end-opacity-45 {
--end-opacity: 0.45;
}
.end-opacity-50 {
--end-opacity: 0.5;
}
.end-opacity-55 {
--end-opacity: 0.55;
}
.end-opacity-60 {
--end-opacity: 0.6;
}
.end-opacity-65 {
--end-opacity: 0.65;
}
.end-opacity-70 {
--end-opacity: 0.7;
}
.end-opacity-75 {
--end-opacity: 0.75;
}
.end-opacity-80 {
--end-opacity: 0.8;
}
.end-opacity-85 {
--end-opacity: 0.85;
}
.end-opacity-90 {
--end-opacity: 0.9;
}
.end-opacity-95 {
--end-opacity: 0.95;
}
.end-opacity-100 {
--end-opacity: 100;
}
.background-position-top {
background-position: top;
}
.background-position-right {
background-position: right;
}
.background-position-bottom {
background-position: bottom;
}
.background-position-left {
background-position: left;
}
.background-position-center {
background-position: center;
}
.background-position-left-top {
background-position: left top;
}
.background-position-left-bottom {
background-position: left bottom;
}
.background-position-right-top {
background-position: right top;
}
.background-position-right-bottom {
background-position: right bottom;
}
.background-repeat-repeat {
background-repeat: repeat;
}
.background-repeat-no-repeat {
background-repeat: no-repeat;
}
.background-repeat-repeat-x {
background-repeat: repeat-x;
}
.background-repeat-repeat-y {
background-repeat: repeat-y;
}
.background-repeat-round {
background-repeat: round;
}
.background-repeat-space {
background-repeat: space;
}
.background-size-auto {
background-size: auto;
}
.background-size-cover {
background-size: cover;
}
.background-size-contain {
background-size: contain;
}
.color-transparent {
color: transparent;
}
.color-primary {
color: #FAE898;
}
.color-secondary {
color: #999999;
}
.color-success {
color: #198754;
}
.color-info {
color: #0dcaf0;
}
.color-warning {
color: #ffc107;
}
.color-danger {
color: #dc3545;
}
.color-dark {
color: #333333;
}
.color-light {
color: #f1f1f1;
}
.color-black {
color: #000000;
}
.color-white {
color: #ffffff;
}
.bg-color-transparent {
background-color: transparent;
}
.bg-color-primary {
background-color: #FAE898;
}
.bg-color-secondary {
background-color: #999999;
}
.bg-color-success {
background-color: #198754;
}
.bg-color-info {
background-color: #0dcaf0;
}
.bg-color-warning {
background-color: #ffc107;
}
.bg-color-danger {
background-color: #dc3545;
}
.bg-color-dark {
background-color: #333333;
}
.bg-color-light {
background-color: #f1f1f1;
}
.bg-color-black {
background-color: #000000;
}
.bg-color-white {
background-color: #ffffff;
}
.border-color-transparent {
border-color: transparent;
}
.border-color-primary {
border-color: #FAE898;
}
.border-color-secondary {
border-color: #999999;
}
.border-color-success {
border-color: #198754;
}
.border-color-info {
border-color: #0dcaf0;
}
.border-color-warning {
border-color: #ffc107;
}
.border-color-danger {
border-color: #dc3545;
}
.border-color-dark {
border-color: #333333;
}
.border-color-light {
border-color: #f1f1f1;
}
.border-color-black {
border-color: #000000;
}
.border-color-white {
border-color: #ffffff;
}
.placeholder-transparent::placeholder {
color: transparent;
}
.placeholder-primary::placeholder {
color: #FAE898;
}
.placeholder-secondary::placeholder {
color: #999999;
}
.placeholder-success::placeholder {
color: #198754;
}
.placeholder-info::placeholder {
color: #0dcaf0;
}
.placeholder-warning::placeholder {
color: #ffc107;
}
.placeholder-danger::placeholder {
color: #dc3545;
}
.placeholder-dark::placeholder {
color: #333333;
}
.placeholder-light::placeholder {
color: #f1f1f1;
}
.placeholder-black::placeholder {
color: #000000;
}
.placeholder-white::placeholder {
color: #ffffff;
}
.placeholder-transparent {
color: transparent;
}
.placeholder-primary {
color: #FAE898;
}
.placeholder-secondary {
color: #999999;
}
.placeholder-success {
color: #198754;
}
.placeholder-info {
color: #0dcaf0;
}
.placeholder-warning {
color: #ffc107;
}
.placeholder-danger {
color: #dc3545;
}
.placeholder-dark {
color: #333333;
}
.placeholder-light {
color: #f1f1f1;
}
.placeholder-black {
color: #000000;
}
.placeholder-white {
color: #ffffff;
}
.border-collapse-collapse {
border-collapse: collapse;
}
.border-collapse-separate {
border-collapse: separate;
}
.border-red-600 {
--border-opacity: 1;
border-color: rgba(237, 45, 45, var(--border-opacity));
}
.border-red-700 {
--border-opacity: 1;
border-color: rgba(235, 21, 21, var(--border-opacity));
}
.border-red-800 {
--border-opacity: 1;
border-color: rgba(212, 18, 18, var(--border-opacity));
}
.border-red-900 {
--border-opacity: 1;
border-color: rgba(189, 16, 16, var(--border-opacity));
}
.border-red-500 {
--border-opacity: 1;
border-color: rgba(239, 68, 68, var(--border-opacity));
}
.border-red-400 {
--border-opacity: 1;
border-color: rgba(242, 106, 106, var(--border-opacity));
}
.border-red-300 {
--border-opacity: 1;
border-color: rgba(245, 143, 143, var(--border-opacity));
}
.border-red-200 {
--border-opacity: 1;
border-color: rgba(249, 181, 181, var(--border-opacity));
}
.border-red-100 {
--border-opacity: 1;
border-color: rgba(252, 218, 218, var(--border-opacity));
}
.border-green-600 {
--border-opacity: 1;
border-color: rgba(14, 162, 113, var(--border-opacity));
}
.border-green-700 {
--border-opacity: 1;
border-color: rgba(12, 138, 96, var(--border-opacity));
}
.border-green-800 {
--border-opacity: 1;
border-color: rgba(10, 115, 80, var(--border-opacity));
}
.border-green-900 {
--border-opacity: 1;
border-color: rgba(8, 91, 64, var(--border-opacity));
}
.border-green-500 {
--border-opacity: 1;
border-color: rgba(16, 185, 129, var(--border-opacity));
}
.border-green-400 {
--border-opacity: 1;
border-color: rgba(19, 223, 155, var(--border-opacity));
}
.border-green-300 {
--border-opacity: 1;
border-color: rgba(46, 237, 174, var(--border-opacity));
}
.border-green-200 {
--border-opacity: 1;
border-color: rgba(83, 240, 188, var(--border-opacity));
}
.border-green-100 {
--border-opacity: 1;
border-color: rgba(121, 243, 203, var(--border-opacity));
}
.border-blue-600 {
--border-opacity: 1;
border-color: rgba(35, 114, 245, var(--border-opacity));
}
.border-blue-700 {
--border-opacity: 1;
border-color: rgba(11, 99, 243, var(--border-opacity));
}
.border-blue-800 {
--border-opacity: 1;
border-color: rgba(10, 89, 218, var(--border-opacity));
}
.border-blue-900 {
--border-opacity: 1;
border-color: rgba(9, 79, 194, var(--border-opacity));
}
.border-blue-500 {
--border-opacity: 1;
border-color: rgba(59, 130, 246, var(--border-opacity));
}
.border-blue-400 {
--border-opacity: 1;
border-color: rgba(98, 155, 248, var(--border-opacity));
}
.border-blue-300 {
--border-opacity: 1;
border-color: rgba(137, 180, 250, var(--border-opacity));
}
.border-blue-200 {
--border-opacity: 1;
border-color: rgba(176, 205, 251, var(--border-opacity));
}
.border-blue-100 {
--border-opacity: 1;
border-color: rgba(215, 230, 253, var(--border-opacity));
}
.border-yellow-600 {
--border-opacity: 1;
border-color: rgba(251, 184, 11, var(--border-opacity));
}
.border-yellow-700 {
--border-opacity: 1;
border-color: rgba(232, 168, 4, var(--border-opacity));
}
.border-yellow-800 {
--border-opacity: 1;
border-color: rgba(207, 150, 4, var(--border-opacity));
}
.border-yellow-900 {
--border-opacity: 1;
border-color: rgba(182, 132, 3, var(--border-opacity));
}
.border-yellow-500 {
--border-opacity: 1;
border-color: rgba(251, 191, 36, var(--border-opacity));
}
.border-yellow-400 {
--border-opacity: 1;
border-color: rgba(252, 203, 76, var(--border-opacity));
}
.border-yellow-300 {
--border-opacity: 1;
border-color: rgba(252, 214, 116, var(--border-opacity));
}
.border-yellow-200 {
--border-opacity: 1;
border-color: rgba(253, 226, 156, var(--border-opacity));
}
.border-yellow-100 {
--border-opacity: 1;
border-color: rgba(254, 238, 196, var(--border-opacity));
}
.border-pink-600 {
--border-opacity: 1;
border-color: rgba(234, 49, 140, var(--border-opacity));
}
.border-pink-700 {
--border-opacity: 1;
border-color: rgba(231, 26, 127, var(--border-opacity));
}
.border-pink-800 {
--border-opacity: 1;
border-color: rgba(210, 22, 115, var(--border-opacity));
}
.border-pink-900 {
--border-opacity: 1;
border-color: rgba(187, 19, 102, var(--border-opacity));
}
.border-pink-500 {
--border-opacity: 1;
border-color: rgba(236, 72, 153, var(--border-opacity));
}
.border-pink-400 {
--border-opacity: 1;
border-color: rgba(240, 109, 174, var(--border-opacity));
}
.border-pink-300 {
--border-opacity: 1;
border-color: rgba(244, 146, 194, var(--border-opacity));
}
.border-pink-200 {
--border-opacity: 1;
border-color: rgba(248, 183, 215, var(--border-opacity));
}
.border-pink-100 {
--border-opacity: 1;
border-color: rgba(251, 220, 235, var(--border-opacity));
}
.border-purple-600 {
--border-opacity: 1;
border-color: rgba(122, 68, 245, var(--border-opacity));
}
.border-purple-700 {
--border-opacity: 1;
border-color: rgba(105, 44, 243, var(--border-opacity));
}
.border-purple-800 {
--border-opacity: 1;
border-color: rgba(87, 20, 242, var(--border-opacity));
}
.border-purple-900 {
--border-opacity: 1;
border-color: rgba(77, 12, 224, var(--border-opacity));
}
.border-purple-500 {
--border-opacity: 1;
border-color: rgba(139, 92, 246, var(--border-opacity));
}
.border-purple-400 {
--border-opacity: 1;
border-color: rgba(167, 131, 248, var(--border-opacity));
}
.border-purple-300 {
--border-opacity: 1;
border-color: rgba(194, 169, 250, var(--border-opacity));
}
.border-purple-200 {
--border-opacity: 1;
border-color: rgba(222, 208, 252, var(--border-opacity));
}
.border-purple-100 {
--border-opacity: 1;
border-color: rgba(249, 247, 255, var(--border-opacity));
}
.border-gray-600 {
--border-opacity: 1;
border-color: rgba(95, 102, 114, var(--border-opacity));
}
.border-gray-700 {
--border-opacity: 1;
border-color: rgba(84, 89, 100, var(--border-opacity));
}
.border-gray-800 {
--border-opacity: 1;
border-color: rgba(72, 77, 86, var(--border-opacity));
}
.border-gray-900 {
--border-opacity: 1;
border-color: rgba(61, 65, 72, var(--border-opacity));
}
.border-gray-500 {
--border-opacity: 1;
border-color: rgba(107, 114, 128, var(--border-opacity));
}
.border-gray-400 {
--border-opacity: 1;
border-color: rgba(127, 134, 148, var(--border-opacity));
}
.border-gray-300 {
--border-opacity: 1;
border-color: rgba(150, 155, 167, var(--border-opacity));
}
.border-gray-200 {
--border-opacity: 1;
border-color: rgba(172, 176, 186, var(--border-opacity));
}
.border-gray-100 {
--border-opacity: 1;
border-color: rgba(194, 197, 204, var(--border-opacity));
}
.border-opacity-0 {
--border-opacity: 0;
}
.border-opacity-5 {
--border-opacity: 0.05;
}
.border-opacity-10 {
--border-opacity: 0.1;
}
.border-opacity-15 {
--border-opacity: 0.15;
}
.border-opacity-20 {
--border-opacity: 0.2;
}
.border-opacity-25 {
--border-opacity: 0.25;
}
.border-opacity-30 {
--border-opacity: 0.3;
}
.border-opacity-35 {
--border-opacity: 0.35;
}
.border-opacity-40 {
--border-opacity: 0.4;
}
.border-opacity-45 {
--border-opacity: 0.45;
}
.border-opacity-50 {
--border-opacity: 0.5;
}
.border-opacity-55 {
--border-opacity: 0.55;
}
.border-opacity-60 {
--border-opacity: 0.6;
}
.border-opacity-65 {
--border-opacity: 0.65;
}
.border-opacity-70 {
--border-opacity: 0.7;
}
.border-opacity-75 {
--border-opacity: 0.75;
}
.border-opacity-80 {
--border-opacity: 0.8;
}
.border-opacity-85 {
--border-opacity: 0.85;
}
.border-opacity-90 {
--border-opacity: 0.9;
}
.border-opacity-95 {
--border-opacity: 0.95;
}
.border-opacity-100 {
--border-opacity: 100;
}
.br-5 {
border-radius: 5%;
}
.brtl-5 {
border-top-left-radius: 5%;
}
.brtr-5 {
border-top-right-radius: 5%;
}
.brbl-5 {
border-bottom-left-radius: 5%;
}
.brbr-5 {
border-bottom-right-radius: 5%;
}
.br-10 {
border-radius: 10%;
}
.brtl-10 {
border-top-left-radius: 10%;
}
.brtr-10 {
border-top-right-radius: 10%;
}
.brbl-10 {
border-bottom-left-radius: 10%;
}
.brbr-10 {
border-bottom-right-radius: 10%;
}
.br-15 {
border-radius: 15%;
}
.brtl-15 {
border-top-left-radius: 15%;
}
.brtr-15 {
border-top-right-radius: 15%;
}
.brbl-15 {
border-bottom-left-radius: 15%;
}
.brbr-15 {
border-bottom-right-radius: 15%;
}
.br-20 {
border-radius: 20%;
}
.brtl-20 {
border-top-left-radius: 20%;
}
.brtr-20 {
border-top-right-radius: 20%;
}
.brbl-20 {
border-bottom-left-radius: 20%;
}
.brbr-20 {
border-bottom-right-radius: 20%;
}
.br-25 {
border-radius: 25%;
}
.brtl-25 {
border-top-left-radius: 25%;
}
.brtr-25 {
border-top-right-radius: 25%;
}
.brbl-25 {
border-bottom-left-radius: 25%;
}
.brbr-25 {
border-bottom-right-radius: 25%;
}
.br-30 {
border-radius: 30%;
}
.brtl-30 {
border-top-left-radius: 30%;
}
.brtr-30 {
border-top-right-radius: 30%;
}
.brbl-30 {
border-bottom-left-radius: 30%;
}
.brbr-30 {
border-bottom-right-radius: 30%;
}
.br-35 {
border-radius: 35%;
}
.brtl-35 {
border-top-left-radius: 35%;
}
.brtr-35 {
border-top-right-radius: 35%;
}
.brbl-35 {
border-bottom-left-radius: 35%;
}
.brbr-35 {
border-bottom-right-radius: 35%;
}
.br-40 {
border-radius: 40%;
}
.brtl-40 {
border-top-left-radius: 40%;
}
.brtr-40 {
border-top-right-radius: 40%;
}
.brbl-40 {
border-bottom-left-radius: 40%;
}
.brbr-40 {
border-bottom-right-radius: 40%;
}
.br-45 {
border-radius: 45%;
}
.brtl-45 {
border-top-left-radius: 45%;
}
.brtr-45 {
border-top-right-radius: 45%;
}
.brbl-45 {
border-bottom-left-radius: 45%;
}
.brbr-45 {
border-bottom-right-radius: 45%;
}
.br-50 {
border-radius: 50%;
}
.brtl-50 {
border-top-left-radius: 50%;
}
.brtr-50 {
border-top-right-radius: 50%;
}
.brbl-50 {
border-bottom-left-radius: 50%;
}
.brbr-50 {
border-bottom-right-radius: 50%;
}
.br-55 {
border-radius: 55%;
}
.brtl-55 {
border-top-left-radius: 55%;
}
.brtr-55 {
border-top-right-radius: 55%;
}
.brbl-55 {
border-bottom-left-radius: 55%;
}
.brbr-55 {
border-bottom-right-radius: 55%;
}
.br-60 {
border-radius: 60%;
}
.brtl-60 {
border-top-left-radius: 60%;
}
.brtr-60 {
border-top-right-radius: 60%;
}
.brbl-60 {
border-bottom-left-radius: 60%;
}
.brbr-60 {
border-bottom-right-radius: 60%;
}
.br-65 {
border-radius: 65%;
}
.brtl-65 {
border-top-left-radius: 65%;
}
.brtr-65 {
border-top-right-radius: 65%;
}
.brbl-65 {
border-bottom-left-radius: 65%;
}
.brbr-65 {
border-bottom-right-radius: 65%;
}
.br-70 {
border-radius: 70%;
}
.brtl-70 {
border-top-left-radius: 70%;
}
.brtr-70 {
border-top-right-radius: 70%;
}
.brbl-70 {
border-bottom-left-radius: 70%;
}
.brbr-70 {
border-bottom-right-radius: 70%;
}
.br-75 {
border-radius: 75%;
}
.brtl-75 {
border-top-left-radius: 75%;
}
.brtr-75 {
border-top-right-radius: 75%;
}
.brbl-75 {
border-bottom-left-radius: 75%;
}
.brbr-75 {
border-bottom-right-radius: 75%;
}
.br-80 {
border-radius: 80%;
}
.brtl-80 {
border-top-left-radius: 80%;
}
.brtr-80 {
border-top-right-radius: 80%;
}
.brbl-80 {
border-bottom-left-radius: 80%;
}
.brbr-80 {
border-bottom-right-radius: 80%;
}
.br-85 {
border-radius: 85%;
}
.brtl-85 {
border-top-left-radius: 85%;
}
.brtr-85 {
border-top-right-radius: 85%;
}
.brbl-85 {
border-bottom-left-radius: 85%;
}
.brbr-85 {
border-bottom-right-radius: 85%;
}
.br-90 {
border-radius: 90%;
}
.brtl-90 {
border-top-left-radius: 90%;
}
.brtr-90 {
border-top-right-radius: 90%;
}
.brbl-90 {
border-bottom-left-radius: 90%;
}
.brbr-90 {
border-bottom-right-radius: 90%;
}
.br-95 {
border-radius: 95%;
}
.brtl-95 {
border-top-left-radius: 95%;
}
.brtr-95 {
border-top-right-radius: 95%;
}
.brbl-95 {
border-bottom-left-radius: 95%;
}
.brbr-95 {
border-bottom-right-radius: 95%;
}
.br-100 {
border-radius: 100%;
}
.brtl-100 {
border-top-left-radius: 100%;
}
.brtr-100 {
border-top-right-radius: 100%;
}
.brbl-100 {
border-bottom-left-radius: 100%;
}
.brbr-100 {
border-bottom-right-radius: 100%;
}
.br-0px {
border-radius: 0;
}
.brtl-0px {
border-top-left-radius: 0;
}
.brtr-0px {
border-top-right-radius: 0;
}
.brbl-0px {
border-bottom-left-radius: 0;
}
.brbr-0px {
border-bottom-right-radius: 0;
}
.br-5px {
border-radius: 5px;
}
.brtl-5px {
border-top-left-radius: 5px;
}
.brtr-5px {
border-top-right-radius: 5px;
}
.brbl-5px {
border-bottom-left-radius: 5px;
}
.brbr-5px {
border-bottom-right-radius: 5px;
}
.br-10px {
border-radius: 10px;
}
.brtl-10px {
border-top-left-radius: 10px;
}
.brtr-10px {
border-top-right-radius: 10px;
}
.brbl-10px {
border-bottom-left-radius: 10px;
}
.brbr-10px {
border-bottom-right-radius: 10px;
}
.br-15px {
border-radius: 15px;
}
.brtl-15px {
border-top-left-radius: 15px;
}
.brtr-15px {
border-top-right-radius: 15px;
}
.brbl-15px {
border-bottom-left-radius: 15px;
}
.brbr-15px {
border-bottom-right-radius: 15px;
}
.br-20px {
border-radius: 20px;
}
.brtl-20px {
border-top-left-radius: 20px;
}
.brtr-20px {
border-top-right-radius: 20px;
}
.brbl-20px {
border-bottom-left-radius: 20px;
}
.brbr-20px {
border-bottom-right-radius: 20px;
}
.br-25px {
border-radius: 25px;
}
.brtl-25px {
border-top-left-radius: 25px;
}
.brtr-25px {
border-top-right-radius: 25px;
}
.brbl-25px {
border-bottom-left-radius: 25px;
}
.brbr-25px {
border-bottom-right-radius: 25px;
}
.br-30px {
border-radius: 30px;
}
.brtl-30px {
border-top-left-radius: 30px;
}
.brtr-30px {
border-top-right-radius: 30px;
}
.brbl-30px {
border-bottom-left-radius: 30px;
}
.brbr-30px {
border-bottom-right-radius: 30px;
}
.br-35px {
border-radius: 35px;
}
.brtl-35px {
border-top-left-radius: 35px;
}
.brtr-35px {
border-top-right-radius: 35px;
}
.brbl-35px {
border-bottom-left-radius: 35px;
}
.brbr-35px {
border-bottom-right-radius: 35px;
}
.br-40px {
border-radius: 40px;
}
.brtl-40px {
border-top-left-radius: 40px;
}
.brtr-40px {
border-top-right-radius: 40px;
}
.brbl-40px {
border-bottom-left-radius: 40px;
}
.brbr-40px {
border-bottom-right-radius: 40px;
}
.br-45px {
border-radius: 45px;
}
.brtl-45px {
border-top-left-radius: 45px;
}
.brtr-45px {
border-top-right-radius: 45px;
}
.brbl-45px {
border-bottom-left-radius: 45px;
}
.brbr-45px {
border-bottom-right-radius: 45px;
}
.br-50px {
border-radius: 50px;
}
.brtl-50px {
border-top-left-radius: 50px;
}
.brtr-50px {
border-top-right-radius: 50px;
}
.brbl-50px {
border-bottom-left-radius: 50px;
}
.brbr-50px {
border-bottom-right-radius: 50px;
}
.br-55px {
border-radius: 55px;
}
.brtl-55px {
border-top-left-radius: 55px;
}
.brtr-55px {
border-top-right-radius: 55px;
}
.brbl-55px {
border-bottom-left-radius: 55px;
}
.brbr-55px {
border-bottom-right-radius: 55px;
}
.br-60px {
border-radius: 60px;
}
.brtl-60px {
border-top-left-radius: 60px;
}
.brtr-60px {
border-top-right-radius: 60px;
}
.brbl-60px {
border-bottom-left-radius: 60px;
}
.brbr-60px {
border-bottom-right-radius: 60px;
}
.br-65px {
border-radius: 65px;
}
.brtl-65px {
border-top-left-radius: 65px;
}
.brtr-65px {
border-top-right-radius: 65px;
}
.brbl-65px {
border-bottom-left-radius: 65px;
}
.brbr-65px {
border-bottom-right-radius: 65px;
}
.br-70px {
border-radius: 70px;
}
.brtl-70px {
border-top-left-radius: 70px;
}
.brtr-70px {
border-top-right-radius: 70px;
}
.brbl-70px {
border-bottom-left-radius: 70px;
}
.brbr-70px {
border-bottom-right-radius: 70px;
}
.br-75px {
border-radius: 75px;
}
.brtl-75px {
border-top-left-radius: 75px;
}
.brtr-75px {
border-top-right-radius: 75px;
}
.brbl-75px {
border-bottom-left-radius: 75px;
}
.brbr-75px {
border-bottom-right-radius: 75px;
}
.br-80px {
border-radius: 80px;
}
.brtl-80px {
border-top-left-radius: 80px;
}
.brtr-80px {
border-top-right-radius: 80px;
}
.brbl-80px {
border-bottom-left-radius: 80px;
}
.brbr-80px {
border-bottom-right-radius: 80px;
}
.br-85px {
border-radius: 85px;
}
.brtl-85px {
border-top-left-radius: 85px;
}
.brtr-85px {
border-top-right-radius: 85px;
}
.brbl-85px {
border-bottom-left-radius: 85px;
}
.brbr-85px {
border-bottom-right-radius: 85px;
}
.br-90px {
border-radius: 90px;
}
.brtl-90px {
border-top-left-radius: 90px;
}
.brtr-90px {
border-top-right-radius: 90px;
}
.brbl-90px {
border-bottom-left-radius: 90px;
}
.brbr-90px {
border-bottom-right-radius: 90px;
}
.br-95px {
border-radius: 95px;
}
.brtl-95px {
border-top-left-radius: 95px;
}
.brtr-95px {
border-top-right-radius: 95px;
}
.brbl-95px {
border-bottom-left-radius: 95px;
}
.brbr-95px {
border-bottom-right-radius: 95px;
}
.br-100px {
border-radius: 100px;
}
.brtl-100px {
border-top-left-radius: 100px;
}
.brtr-100px {
border-top-right-radius: 100px;
}
.brbl-100px {
border-bottom-left-radius: 100px;
}
.brbr-100px {
border-bottom-right-radius: 100px;
}
.br-none {
border-radius: 0;
}
.br-full {
border-radius: 9999px;
}
.brtl-full {
border-top-left-radius: 9999px;
}
.brtr-full {
border-top-right-radius: 9999px;
}
.brbl-full {
border-bottom-left-radius: 9999px;
}
.brbr-full {
border-bottom-right-radius: 9999px;
}
.border-style-solid {
border-style: solid;
}
.border-style-dashed {
border-style: dashed;
}
.border-style-dotted {
border-style: dotted;
}
.border-style-double {
border-style: double;
}
.border-style-none {
border-style: none;
}
.border-0px {
border-width: 0;
}
.border-t-0px {
border-top-width: 0;
}
.border-r-0px {
border-right-width: 0;
}
.border-b-0px {
border-bottom-width: 0;
}
.border-l-0px {
border-left-width: 0;
}
.border-1px {
border-width: 1px;
}
.border-t-1px {
border-top-width: 1px;
}
.border-r-1px {
border-right-width: 1px;
}
.border-b-1px {
border-bottom-width: 1px;
}
.border-l-1px {
border-left-width: 1px;
}
.border-2px {
border-width: 2px;
}
.border-t-2px {
border-top-width: 2px;
}
.border-r-2px {
border-right-width: 2px;
}
.border-b-2px {
border-bottom-width: 2px;
}
.border-l-2px {
border-left-width: 2px;
}
.border-3px {
border-width: 3px;
}
.border-t-3px {
border-top-width: 3px;
}
.border-r-3px {
border-right-width: 3px;
}
.border-b-3px {
border-bottom-width: 3px;
}
.border-l-3px {
border-left-width: 3px;
}
.border-4px {
border-width: 4px;
}
.border-t-4px {
border-top-width: 4px;
}
.border-r-4px {
border-right-width: 4px;
}
.border-b-4px {
border-bottom-width: 4px;
}
.border-l-4px {
border-left-width: 4px;
}
.border-5px {
border-width: 5px;
}
.border-t-5px {
border-top-width: 5px;
}
.border-r-5px {
border-right-width: 5px;
}
.border-b-5px {
border-bottom-width: 5px;
}
.border-l-5px {
border-left-width: 5px;
}
.border-6px {
border-width: 6px;
}
.border-t-6px {
border-top-width: 6px;
}
.border-r-6px {
border-right-width: 6px;
}
.border-b-6px {
border-bottom-width: 6px;
}
.border-l-6px {
border-left-width: 6px;
}
.border-7px {
border-width: 7px;
}
.border-t-7px {
border-top-width: 7px;
}
.border-r-7px {
border-right-width: 7px;
}
.border-b-7px {
border-bottom-width: 7px;
}
.border-l-7px {
border-left-width: 7px;
}
.border-8px {
border-width: 8px;
}
.border-t-8px {
border-top-width: 8px;
}
.border-r-8px {
border-right-width: 8px;
}
.border-b-8px {
border-bottom-width: 8px;
}
.border-l-8px {
border-left-width: 8px;
}
.border-9px {
border-width: 9px;
}
.border-t-9px {
border-top-width: 9px;
}
.border-r-9px {
border-right-width: 9px;
}
.border-b-9px {
border-bottom-width: 9px;
}
.border-l-9px {
border-left-width: 9px;
}
.border-10px {
border-width: 10px;
}
.border-t-10px {
border-top-width: 10px;
}
.border-r-10px {
border-right-width: 10px;
}
.border-b-10px {
border-bottom-width: 10px;
}
.border-l-10px {
border-left-width: 10px;
}
.border-none {
border-width: 0;
}
.box-shadow-none {
box-shadow: 0 0 transparent;
}
.box-shadow-xs {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}
.box-shadow-sm {
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}
.box-shadow-md {
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}
.box-shadow-lg {
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
}
.box-shadow-xl {
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
.box-shadow-inner {
box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}
.box-sizing-border {
box-sizing: border-box;
}
.box-sizing-content {
box-sizing: content-box;
}
.clear-left {
clear: left;
}
.clear-right {
clear: right;
}
.clear-both {
clear: both;
}
.clear-none {
clear: none;
}
.text-red-600 {
--text-opacity: 1;
color: rgba(237, 45, 45, var(--text-opacity));
}
.text-red-700 {
--text-opacity: 1;
color: rgba(235, 21, 21, var(--text-opacity));
}
.text-red-800 {
--text-opacity: 1;
color: rgba(212, 18, 18, var(--text-opacity));
}
.text-red-900 {
--text-opacity: 1;
color: rgba(189, 16, 16, var(--text-opacity));
}
.text-red-500 {
--text-opacity: 1;
color: rgba(239, 68, 68, var(--text-opacity));
}
.text-red-400 {
--text-opacity: 1;
color: rgba(242, 106, 106, var(--text-opacity));
}
.text-red-300 {
--text-opacity: 1;
color: rgba(245, 143, 143, var(--text-opacity));
}
.text-red-200 {
--text-opacity: 1;
color: rgba(249, 181, 181, var(--text-opacity));
}
.text-red-100 {
--text-opacity: 1;
color: rgba(252, 218, 218, var(--text-opacity));
}
.text-green-600 {
--text-opacity: 1;
color: rgba(14, 162, 113, var(--text-opacity));
}
.text-green-700 {
--text-opacity: 1;
color: rgba(12, 138, 96, var(--text-opacity));
}
.text-green-800 {
--text-opacity: 1;
color: rgba(10, 115, 80, var(--text-opacity));
}
.text-green-900 {
--text-opacity: 1;
color: rgba(8, 91, 64, var(--text-opacity));
}
.text-green-500 {
--text-opacity: 1;
color: rgba(16, 185, 129, var(--text-opacity));
}
.text-green-400 {
--text-opacity: 1;
color: rgba(19, 223, 155, var(--text-opacity));
}
.text-green-300 {
--text-opacity: 1;
color: rgba(46, 237, 174, var(--text-opacit