madosel/dist/css/madosel.css

The most and fast advanced responsive html front-end framework.

@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;
}

@media (min-width: 0) {
  .xs\:appearance-auto {
    appearance: auto;
  }

  .xs\:appearance-none {
    appearance: none;
  }

  .xs\:align-items-start {
    align-items: flex-start;
  }

  .xs\:align-items-end {
    align-items: flex-end;
  }

  .xs\:align-items-center {
    align-items: center;
  }

  .xs\:align-items-baseline {
    align-items: baseline;
  }

  .xs\:align-items-stretch {
    align-items: stretch;
  }

  .xs\:align-self-auto {
    align-self: auto;
  }

  .xs\:align-self-start {
    align-self: flex-start;
  }

  .xs\:align-self-end {
    align-self: flex-end;
  }

  .xs\:align-self-center {
    align-self: center;
  }

  .xs\:align-self-stretch {
    align-self: stretch;
  }

  .xs\:background-attachment-fixed {
    background-attachment: fixed;
  }

  .xs\:background-attachment-local {
    background-attachment: local;
  }

  .xs\:background-attachment-scroll {
    background-attachment: scroll;
  }

  .xs\:background-clip-border-box {
    background-clip: border-box;
  }

  .xs\:background-clip-padding-box {
    background-clip: padding-box;
  }

  .xs\:background-clip-content-box {
    background-clip: content-box;
  }

  .xs\:background-clip-text {
    background-clip: text;
  }

  .xs\:bg-red-600 {
    --bg-opacity: 1;
    background-color: rgba(237, 45, 45, var(--bg-opacity));
  }

  .xs\:bg-red-700 {
    --bg-opacity: 1;
    background-color: rgba(235, 21, 21, var(--bg-opacity));
  }

  .xs\:bg-red-800 {
    --bg-opacity: 1;
    background-color: rgba(212, 18, 18, var(--bg-opacity));
  }

  .xs\:bg-red-900 {
    --bg-opacity: 1;
    background-color: rgba(189, 16, 16, var(--bg-opacity));
  }

  .xs\:bg-red-500 {
    --bg-opacity: 1;
    background-color: rgba(239, 68, 68, var(--bg-opacity));
  }

  .xs\:bg-red-400 {
    --bg-opacity: 1;
    background-color: rgba(242, 106, 106, var(--bg-opacity));
  }

  .xs\:bg-red-300 {
    --bg-opacity: 1;
    background-color: rgba(245, 143, 143, var(--bg-opacity));
  }

  .xs\:bg-red-200 {
    --bg-opacity: 1;
    background-color: rgba(249, 181, 181, var(--bg-opacity));
  }

  .xs\:bg-red-100 {
    --bg-opacity: 1;
    background-color: rgba(252, 218, 218, var(--bg-opacity));
  }

  .xs\:bg-green-600 {
    --bg-opacity: 1;
    background-color: rgba(14, 162, 113, var(--bg-opacity));
  }

  .xs\:bg-green-700 {
    --bg-opacity: 1;
    background-color: rgba(12, 138, 96, var(--bg-opacity));
  }

  .xs\:bg-green-800 {
    --bg-opacity: 1;
    background-color: rgba(10, 115, 80, var(--bg-opacity));
  }

  .xs\:bg-green-900 {
    --bg-opacity: 1;
    background-color: rgba(8, 91, 64, var(--bg-opacity));
  }

  .xs\:bg-green-500 {
    --bg-opacity: 1;
    background-color: rgba(16, 185, 129, var(--bg-opacity));
  }

  .xs\:bg-green-400 {
    --bg-opacity: 1;
    background-color: rgba(19, 223, 155, var(--bg-opacity));
  }

  .xs\:bg-green-300 {
    --bg-opacity: 1;
    background-color: rgba(46, 237, 174, var(--bg-opacity));
  }

  .xs\:bg-green-200 {
    --bg-opacity: 1;
    background-color: rgba(83, 240, 188, var(--bg-opacity));
  }

  .xs\:bg-green-100 {
    --bg-opacity: 1;
    background-color: rgba(121, 243, 203, var(--bg-opacity));
  }

  .xs\:bg-blue-600 {
    --bg-opacity: 1;
    background-color: rgba(35, 114, 245, var(--bg-opacity));
  }

  .xs\:bg-blue-700 {
    --bg-opacity: 1;
    background-color: rgba(11, 99, 243, var(--bg-opacity));
  }

  .xs\:bg-blue-800 {
    --bg-opacity: 1;
    background-color: rgba(10, 89, 218, var(--bg-opacity));
  }

  .xs\:bg-blue-900 {
    --bg-opacity: 1;
    background-color: rgba(9, 79, 194, var(--bg-opacity));
  }

  .xs\:bg-blue-500 {
    --bg-opacity: 1;
    background-color: rgba(59, 130, 246, var(--bg-opacity));
  }

  .xs\:bg-blue-400 {
    --bg-opacity: 1;
    background-color: rgba(98, 155, 248, var(--bg-opacity));
  }

  .xs\:bg-blue-300 {
    --bg-opacity: 1;
    background-color: rgba(137, 180, 250, var(--bg-opacity));
  }

  .xs\:bg-blue-200 {
    --bg-opacity: 1;
    background-color: rgba(176, 205, 251, var(--bg-opacity));
  }

  .xs\:bg-blue-100 {
    --bg-opacity: 1;
    background-color: rgba(215, 230, 253, var(--bg-opacity));
  }

  .xs\:bg-yellow-600 {
    --bg-opacity: 1;
    background-color: rgba(251, 184, 11, var(--bg-opacity));
  }

  .xs\:bg-yellow-700 {
    --bg-opacity: 1;
    background-color: rgba(232, 168, 4, var(--bg-opacity));
  }

  .xs\:bg-yellow-800 {
    --bg-opacity: 1;
    background-color: rgba(207, 150, 4, var(--bg-opacity));
  }

  .xs\:bg-yellow-900 {
    --bg-opacity: 1;
    background-color: rgba(182, 132, 3, var(--bg-opacity));
  }

  .xs\:bg-yellow-500 {
    --bg-opacity: 1;
    background-color: rgba(251, 191, 36, var(--bg-opacity));
  }

  .xs\:bg-yellow-400 {
    --bg-opacity: 1;
    background-color: rgba(252, 203, 76, var(--bg-opacity));
  }

  .xs\:bg-yellow-300 {
    --bg-opacity: 1;
    background-color: rgba(252, 214, 116, var(--bg-opacity));
  }

  .xs\:bg-yellow-200 {
    --bg-opacity: 1;
    background-color: rgba(253, 226, 156, var(--bg-opacity));
  }

  .xs\:bg-yellow-100 {
    --bg-opacity: 1;
    background-color: rgba(254, 238, 196, var(--bg-opacity));
  }

  .xs\:bg-pink-600 {
    --bg-opacity: 1;
    background-color: rgba(234, 49, 140, var(--bg-opacity));
  }

  .xs\:bg-pink-700 {
    --bg-opacity: 1;
    background-color: rgba(231, 26, 127, var(--bg-opacity));
  }

  .xs\:bg-pink-800 {
    --bg-opacity: 1;
    background-color: rgba(210, 22, 115, var(--bg-opacity));
  }

  .xs\:bg-pink-900 {
    --bg-opacity: 1;
    background-color: rgba(187, 19, 102, var(--bg-opacity));
  }

  .xs\:bg-pink-500 {
    --bg-opacity: 1;
    background-color: rgba(236, 72, 153, var(--bg-opacity));
  }

  .xs\:bg-pink-400 {
    --bg-opacity: 1;
    background-color: rgba(240, 109, 174, var(--bg-opacity));
  }

  .xs\:bg-pink-300 {
    --bg-opacity: 1;
    background-color: rgba(244, 146, 194, var(--bg-opacity));
  }

  .xs\:bg-pink-200 {
    --bg-opacity: 1;
    background-color: rgba(248, 183, 215, var(--bg-opacity));
  }

  .xs\:bg-pink-100 {
    --bg-opacity: 1;
    background-color: rgba(251, 220, 235, var(--bg-opacity));
  }

  .xs\:bg-purple-600 {
    --bg-opacity: 1;
    background-color: rgba(122, 68, 245, var(--bg-opacity));
  }

  .xs\:bg-purple-700 {
    --bg-opacity: 1;
    background-color: rgba(105, 44, 243, var(--bg-opacity));
  }

  .xs\:bg-purple-800 {
    --bg-opacity: 1;
    background-color: rgba(87, 20, 242, var(--bg-opacity));
  }

  .xs\:bg-purple-900 {
    --bg-opacity: 1;
    background-color: rgba(77, 12, 224, var(--bg-opacity));
  }

  .xs\:bg-purple-500 {
    --bg-opacity: 1;
    background-color: rgba(139, 92, 246, var(--bg-opacity));
  }

  .xs\:bg-purple-400 {
    --bg-opacity: 1;
    background-color: rgba(167, 131, 248, var(--bg-opacity));
  }

  .xs\:bg-purple-300 {
    --bg-opacity: 1;
    background-color: rgba(194, 169, 250, var(--bg-opacity));
  }

  .xs\:bg-purple-200 {
    --bg-opacity: 1;
    background-color: rgba(222, 208, 252, var(--bg-opacity));
  }

  .xs\:bg-purple-100 {
    --bg-opacity: 1;
    background-color: rgba(249, 247, 255, var(--bg-opacity));
  }

  .xs\:bg-gray-600 {
    --bg-opacity: 1;
    background-color: rgba(95, 102, 114, var(--bg-opacity));
  }

  .xs\:bg-gray-700 {
    --bg-opacity: 1;
    background-color: rgba(84, 89, 100, var(--bg-opacity));
  }

  .xs\:bg-gray-800 {
    --bg-opacity: 1;
    background-color: rgba(72, 77, 86, var(--bg-opacity));
  }

  .xs\:bg-gray-900 {
    --bg-opacity: 1;
    background-color: rgba(61, 65, 72, var(--bg-opacity));
  }

  .xs\:bg-gray-500 {
    --bg-opacity: 1;
    background-color: rgba(107, 114, 128, var(--bg-opacity));
  }

  .xs\:bg-gray-400 {
    --bg-opacity: 1;
    background-color: rgba(127, 134, 148, var(--bg-opacity));
  }

  .xs\:bg-gray-300 {
    --bg-opacity: 1;
    background-color: rgba(150, 155, 167, var(--bg-opacity));
  }

  .xs\:bg-gray-200 {
    --bg-opacity: 1;
    background-color: rgba(172, 176, 186, var(--bg-opacity));
  }

  .xs\:bg-gray-100 {
    --bg-opacity: 1;
    background-color: rgba(194, 197, 204, var(--bg-opacity));
  }

  .xs\:bg-opacity-0 {
    --bg-opacity: 0;
  }

  .xs\:bg-opacity-5 {
    --bg-opacity: 0.05;
  }

  .xs\:bg-opacity-10 {
    --bg-opacity: 0.1;
  }

  .xs\:bg-opacity-15 {
    --bg-opacity: 0.15;
  }

  .xs\:bg-opacity-20 {
    --bg-opacity: 0.2;
  }

  .xs\:bg-opacity-25 {
    --bg-opacity: 0.25;
  }

  .xs\:bg-opacity-30 {
    --bg-opacity: 0.3;
  }

  .xs\:bg-opacity-35 {
    --bg-opacity: 0.35;
  }

  .xs\:bg-opacity-40 {
    --bg-opacity: 0.4;
  }

  .xs\:bg-opacity-45 {
    --bg-opacity: 0.45;
  }

  .xs\:bg-opacity-50 {
    --bg-opacity: 0.5;
  }

  .xs\:bg-opacity-55 {
    --bg-opacity: 0.55;
  }

  .xs\:bg-opacity-60 {
    --bg-opacity: 0.6;
  }

  .xs\:bg-opacity-65 {
    --bg-opacity: 0.65;
  }

  .xs\:bg-opacity-70 {
    --bg-opacity: 0.7;
  }

  .xs\:bg-opacity-75 {
    --bg-opacity: 0.75;
  }

  .xs\:bg-opacity-80 {
    --bg-opacity: 0.8;
  }

  .xs\:bg-opacity-85 {
    --bg-opacity: 0.85;
  }

  .xs\:bg-opacity-90 {
    --bg-opacity: 0.9;
  }

  .xs\:bg-opacity-95 {
    --bg-opacity: 0.95;
  }

  .xs\:bg-opacity-100 {
    --bg-opacity: 100;
  }

  .xs\:background-image-none {
    background-image: "none !important";
  }

  .xs\:start-red-600 {
    --start-opacity: 1;
    --gradient-start: rgba(237, 45, 45, var(--start-opacity));
  }

  .xs\:start-red-700 {
    --start-opacity: 1;
    --gradient-start: rgba(235, 21, 21, var(--start-opacity));
  }

  .xs\:start-red-800 {
    --start-opacity: 1;
    --gradient-start: rgba(212, 18, 18, var(--start-opacity));
  }

  .xs\:start-red-900 {
    --start-opacity: 1;
    --gradient-start: rgba(189, 16, 16, var(--start-opacity));
  }

  .xs\:start-red-500 {
    --start-opacity: 1;
    --gradient-start: rgba(239, 68, 68, var(--start-opacity));
  }

  .xs\:start-red-400 {
    --start-opacity: 1;
    --gradient-start: rgba(242, 106, 106, var(--start-opacity));
  }

  .xs\:start-red-300 {
    --start-opacity: 1;
    --gradient-start: rgba(245, 143, 143, var(--start-opacity));
  }

  .xs\:start-red-200 {
    --start-opacity: 1;
    --gradient-start: rgba(249, 181, 181, var(--start-opacity));
  }

  .xs\:start-red-100 {
    --start-opacity: 1;
    --gradient-start: rgba(252, 218, 218, var(--start-opacity));
  }

  .xs\:start-green-600 {
    --start-opacity: 1;
    --gradient-start: rgba(14, 162, 113, var(--start-opacity));
  }

  .xs\:start-green-700 {
    --start-opacity: 1;
    --gradient-start: rgba(12, 138, 96, var(--start-opacity));
  }

  .xs\:start-green-800 {
    --start-opacity: 1;
    --gradient-start: rgba(10, 115, 80, var(--start-opacity));
  }

  .xs\:start-green-900 {
    --start-opacity: 1;
    --gradient-start: rgba(8, 91, 64, var(--start-opacity));
  }

  .xs\:start-green-500 {
    --start-opacity: 1;
    --gradient-start: rgba(16, 185, 129, var(--start-opacity));
  }

  .xs\:start-green-400 {
    --start-opacity: 1;
    --gradient-start: rgba(19, 223, 155, var(--start-opacity));
  }

  .xs\:start-green-300 {
    --start-opacity: 1;
    --gradient-start: rgba(46, 237, 174, var(--start-opacity));
  }

  .xs\:start-green-200 {
    --start-opacity: 1;
    --gradient-start: rgba(83, 240, 188, var(--start-opacity));
  }

  .xs\:start-green-100 {
    --start-opacity: 1;
    --gradient-start: rgba(121, 243, 203, var(--start-opacity));
  }

  .xs\:start-blue-600 {
    --start-opacity: 1;
    --gradient-start: rgba(35, 114, 245, var(--start-opacity));
  }

  .xs\:start-blue-700 {
    --start-opacity: 1;
    --gradient-start: rgba(11, 99, 243, var(--start-opacity));
  }

  .xs\:start-blue-800 {
    --start-opacity: 1;
    --gradient-start: rgba(10, 89, 218, var(--start-opacity));
  }

  .xs\:start-blue-900 {
    --start-opacity: 1;
    --gradient-start: rgba(9, 79, 194, var(--start-opacity));
  }

  .xs\:start-blue-500 {
    --start-opacity: 1;
    --gradient-start: rgba(59, 130, 246, var(--start-opacity));
  }

  .xs\:start-blue-400 {
    --start-opacity: 1;
    --gradient-start: rgba(98, 155, 248, var(--start-opacity));
  }

  .xs\:start-blue-300 {
    --start-opacity: 1;
    --gradient-start: rgba(137, 180, 250, var(--start-opacity));
  }

  .xs\:start-blue-200 {
    --start-opacity: 1;
    --gradient-start: rgba(176, 205, 251, var(--start-opacity));
  }

  .xs\:start-blue-100 {
    --start-opacity: 1;
    --gradient-start: rgba(215, 230, 253, var(--start-opacity));
  }

  .xs\:start-yellow-600 {
    --start-opacity: 1;
    --gradient-start: rgba(251, 184, 11, var(--start-opacity));
  }

  .xs\:start-yellow-700 {
    --start-opacity: 1;
    --gradient-start: rgba(232, 168, 4, var(--start-opacity));
  }

  .xs\:start-yellow-800 {
    --start-opacity: 1;
    --gradient-start: rgba(207, 150, 4, var(--start-opacity));
  }

  .xs\:start-yellow-900 {
    --start-opacity: 1;
    --gradient-start: rgba(182, 132, 3, var(--start-opacity));
  }

  .xs\:start-yellow-500 {
    --start-opacity: 1;
    --gradient-start: rgba(251, 191, 36, var(--start-opacity));
  }

  .xs\:start-yellow-400 {
    --start-opacity: 1;
    --gradient-start: rgba(252, 203, 76, var(--start-opacity));
  }

  .xs\:start-yellow-300 {
    --start-opacity: 1;
    --gradient-start: rgba(252, 214, 116, var(--start-opacity));
  }

  .xs\:start-yellow-200 {
    --start-opacity: 1;
    --gradient-start: rgba(253, 226, 156, var(--start-opacity));
  }

  .xs\:start-yellow-100 {
    --start-opacity: 1;
    --gradient-start: rgba(254, 238, 196, var(--start-opacity));
  }

  .xs\:start-pink-600 {
    --start-opacity: 1;
    --gradient-start: rgba(234, 49, 140, var(--start-opacity));
  }

  .xs\:start-pink-700 {
    --start-opacity: 1;
    --gradient-start: rgba(231, 26, 127, var(--start-opacity));
  }

  .xs\:start-pink-800 {
    --start-opacity: 1;
    --gradient-start: rgba(210, 22, 115, var(--start-opacity));
  }

  .xs\:start-pink-900 {
    --start-opacity: 1;
    --gradient-start: rgba(187, 19, 102, var(--start-opacity));
  }

  .xs\:start-pink-500 {
    --start-opacity: 1;
    --gradient-start: rgba(236, 72, 153, var(--start-opacity));
  }

  .xs\:start-pink-400 {
    --start-opacity: 1;
    --gradient-start: rgba(240, 109, 174, var(--start-opacity));
  }

  .xs\:start-pink-300 {
    --start-opacity: 1;
    --gradient-start: rgba(244, 146, 194, var(--start-opacity));
  }

  .xs\:start-pink-200 {
    --start-opacity: 1;
    --gradient-start: rgba(248, 183, 215, var(--start-opacity));
  }

  .xs\:start-pink-100 {
    --start-opacity: 1;
    --gradient-start: rgba(251, 220, 235, var(--start-opacity));
  }

  .xs\:start-purple-600 {
    --start-opacity: 1;
    --gradient-start: rgba(122, 68, 245, var(--start-opacity));
  }

  .xs\:start-purple-700 {
    --start-opacity: 1;
    --gradient-start: rgba(105, 44, 243, var(--start-opacity));
  }

  .xs\:start-purple-800 {
    --start-opacity: 1;
    --gradient-start: rgba(87, 20, 242, var(--start-opacity));
  }

  .xs\:start-purple-900 {
    --start-opacity: 1;
    --gradient-start: rgba(77, 12, 224, var(--start-opacity));
  }

  .xs\:start-purple-500 {
    --start-opacity: 1;
    --gradient-start: rgba(139, 92, 246, var(--start-opacity));
  }

  .xs\:start-purple-400 {
    --start-opacity: 1;
    --gradient-start: rgba(167, 131, 248, var(--start-opacity));
  }

  .xs\:start-purple-300 {
    --start-opacity: 1;
    --gradient-start: rgba(194, 169, 250, var(--start-opacity));
  }

  .xs\:start-purple-200 {
    --start-opacity: 1;
    --gradient-start: rgba(222, 208, 252, var(--start-opacity));
  }

  .xs\:start-purple-100 {
    --start-opacity: 1;
    --gradient-start: rgba(249, 247, 255, var(--start-opacity));
  }

  .xs\:start-gray-600 {
    --start-opacity: 1;
    --gradient-start: rgba(95, 102, 114, var(--start-opacity));
  }

  .xs\:start-gray-700 {
    --start-opacity: 1;
    --gradient-start: rgba(84, 89, 100, var(--start-opacity));
  }

  .xs\:start-gray-800 {
    --start-opacity: 1;
    --gradient-start: rgba(72, 77, 86, var(--start-opacity));
  }

  .xs\:start-gray-900 {
    --start-opacity: 1;
    --gradient-start: rgba(61, 65, 72, var(--start-opacity));
  }

  .xs\:start-gray-500 {
    --start-opacity: 1;
    --gradient-start: rgba(107, 114, 128, var(--start-opacity));
  }

  .xs\:start-gray-400 {
    --start-opacity: 1;
    --gradient-start: rgba(127, 134, 148, var(--start-opacity));
  }

  .xs\:start-gray-300 {
    --start-opacity: 1;
    --gradient-start: rgba(150, 155, 167, var(--start-opacity));
  }

  .xs\:start-gray-200 {
    --start-opacity: 1;
    --gradient-start: rgba(172, 176, 186, var(--start-opacity));
  }

  .xs\:start-gray-100 {
    --start-opacity: 1;
    --gradient-start: rgba(194, 197, 204, var(--start-opacity));
  }

  .xs\:end-red-600 {
    --end-opacity: 1;
    --gradient-end: rgba(237, 45, 45, var(--end-opacity));
  }

  .xs\:end-red-700 {
    --end-opacity: 1;
    --gradient-end: rgba(235, 21, 21, var(--end-opacity));
  }

  .xs\:end-red-800 {
    --end-opacity: 1;
    --gradient-end: rgba(212, 18, 18, var(--end-opacity));
  }

  .xs\:end-red-900 {
    --end-opacity: 1;
    --gradient-end: rgba(189, 16, 16, var(--end-opacity));
  }

  .xs\:end-red-500 {
    --end-opacity: 1;
    --gradient-end: rgba(239, 68, 68, var(--end-opacity));
  }

  .xs\:end-red-400 {
    --end-opacity: 1;
    --gradient-end: rgba(242, 106, 106, var(--end-opacity));
  }

  .xs\:end-red-300 {
    --end-opacity: 1;
    --gradient-end: rgba(245, 143, 143, var(--end-opacity));
  }

  .xs\:end-red-200 {
    --end-opacity: 1;
    --gradient-end: rgba(249, 181, 181, var(--end-opacity));
  }

  .xs\:end-red-100 {
    --end-opacity: 1;
    --gradient-end: rgba(252, 218, 218, var(--end-opacity));
  }

  .xs\:end-green-600 {
    --end-opacity: 1;
    --gradient-end: rgba(14, 162, 113, var(--end-opacity));
  }

  .xs\:end-green-700 {
    --end-opacity: 1;
    --gradient-end: rgba(12, 138, 96, var(--end-opacity));
  }

  .xs\:end-green-800 {
    --end-opacity: 1;
    --gradient-end: rgba(10, 115, 80, var(--end-opacity));
  }

  .xs\:end-green-900 {
    --end-opacity: 1;
    --gradient-end: rgba(8, 91, 64, var(--end-opacity));
  }

  .xs\:end-green-500 {
    --end-opacity: 1;
    --gradient-end: rgba(16, 185, 129, var(--end-opacity));
  }

  .xs\:end-green-400 {
    --end-opacity: 1;
    --gradient-end: rgba(19, 223, 155, var(--end-opacity));
  }

  .xs\:end-green-300 {
    --end-opacity: 1;
    --gradient-end: rgba(46, 237, 174, var(--end-opacity));
  }

  .xs\:end-green-200 {
    --end-opacity: 1;
    --gradient-end: rgba(83, 240, 188, var(--end-opacity));
  }

  .xs\:end-green-100 {
    --end-opacity: 1;
    --gradient-end: rgba(121, 243, 203, var(--end-opacity));
  }

  .xs\:end-blue-600 {
    --end-opacity: 1;
    --gradient-end: rgba(35, 114, 245, var(--end-opacity));
  }

  .xs\:end-blue-700 {
    --end-opacity: 1;
    --gradient-end: rgba(11, 99, 243, var(--end-opacity));
  }

  .xs\:end-blue-800 {
    --end-opacity: 1;
    --gradient-end: rgba(10, 89, 218, var(--end-opacity));
  }

  .xs\:end-blue-900 {
    --end-opacity: 1;
    --gradient-end: rgba(9, 79, 194, var(--end-opacity));
  }

  .xs\:end-blue-500 {
    --end-opacity: 1;
    --gradient-end: rgba(59, 130, 246, var(--end-opacity));
  }

  .xs\:end-blue-400 {
    --end-opacity: 1;
    --gradient-end: rgba(98, 155, 248, var(--end-opacity));
  }

  .xs\:end-blue-300 {
    --end-opacity: 1;
    --gradient-end: rgba(137, 180, 250, var(--end-opacity));
  }

  .xs\:end-blue-200 {
    --end-opacity: 1;
    --gradient-end: rgba(176, 205, 251, var(--end-opacity));
  }

  .xs\:end-blue-100 {
    --end-opacity: 1;
    --gradient-end: rgba(215, 230, 253, var(--end-opacity));
  }

  .xs\:end-yellow-600 {
    --end-opacity: 1;
    --gradient-end: rgba(251, 184, 11, var(--end-opacity));
  }

  .xs\:end-yellow-700 {
    --end-opacity: 1;
    --gradient-end: rgba(232, 168, 4, var(--end-opacity));
  }

  .xs\:end-yellow-800 {
    --end-opacity: 1;
    --gradient-end: rgba(207, 150, 4, var(--end-opacity));
  }

  .xs\:end-yellow-900 {
    --end-opacity: 1;
    --gradient-end: rgba(182, 132, 3, var(--end-opacity));
  }

  .xs\:end-yellow-500 {
    --end-opacity: 1;
    --gradient-end: rgba(251, 191, 36, var(--end-opacity));
  }

  .xs\:end-yellow-400 {
    --end-opacity: 1;
    --gradient-end: rgba(252, 203, 76, var(--end-opacity));
  }

  .xs\:end-yellow-300 {
    --end-opacity: 1;
    --gradient-end: rgba(252, 214, 116, var(--end-opacity));
  }

  .xs\:end-yellow-200 {
    --end-opacity: 1;
    --gradient-end: rgba(253, 226, 156, var(--end-opacity));
  }

  .xs\:end-yellow-100 {
    --end-opacity: 1;
    --gradient-end: rgba(254, 238, 196, var(--end-opacity));
  }

  .xs\:end-pink-600 {
    --end-opacity: 1;
    --gradient-end: rgba(234, 49, 140, var(--end-opacity));
  }

  .xs\:end-pink-700 {
    --end-opacity: 1;
    --gradient-end: rgba(231, 26, 127, var(--end-opacity));
  }

  .xs\:end-pink-800 {
    --end-opacity: 1;
    --gradient-end: rgba(210, 22, 115, var(--end-opacity));
  }

  .xs\:end-pink-900 {
    --end-opacity: 1;
    --gradient-end: rgba(187, 19, 102, var(--end-opacity));
  }

  .xs\:end-pink-500 {
    --end-opacity: 1;
    --gradient-end: rgba(236, 72, 153, var(--end-opacity));
  }

  .xs\:end-pink-400 {
    --end-opacity: 1;
    --gradient-end: rgba(240, 109, 174, var(--end-opacity));
  }

  .xs\:end-pink-300 {
    --end-opacity: 1;
    --gradient-end: rgba(244, 146, 194, var(--end-opacity));
  }

  .xs\:end-pink-200 {
    --end-opacity: 1;
    --gradient-end: rgba(248, 183, 215, var(--end-opacity));
  }

  .xs\:end-pink-100 {
    --end-opacity: 1;
    --gradient-end: rgba(251, 220, 235, var(--end-opacity));
  }

  .xs\:end-purple-600 {
    --end-opacity: 1;
    --gradient-end: rgba(122, 68, 245, var(--end-opacity));
  }

  .xs\:end-purple-700 {
    --end-opacity: 1;
    --gradient-end: rgba(105, 44, 243, var(--end-opacity));
  }

  .xs\:end-purple-800 {
    --end-opacity: 1;
    --gradient-end: rgba(87, 20, 242, var(--end-opacity));
  }

  .xs\:end-purple-900 {
    --end-opacity: 1;
    --gradient-end: rgba(77, 12, 224, var(--end-opacity));
  }

  .xs\:end-purple-500 {
    --end-opacity: 1;
    --gradient-end: rgba(139, 92, 246, var(--end-opacity));
  }

  .xs\:end-purple-400 {
    --end-opacity: 1;
    --gradient-end: rgba(167, 131, 248, var(--end-opacity));
  }

  .xs\:end-purple-300 {
    --end-opacity: 1;
    --gradient-end: rgba(194, 169, 250, var(--end-opacity));
  }

  .xs\:end-purple-200 {
    --end-opacity: 1;
    --gradient-end: rgba(222, 208, 252, var(--end-opacity));
  }

  .xs\:end-purple-100 {
    --end-opacity: 1;
    --gradient-end: rgba(249, 247, 255, var(--end-opacity));
  }

  .xs\:end-gray-600 {
    --end-opacity: 1;
    --gradient-end: rgba(95, 102, 114, var(--end-opacity));
  }

  .xs\:end-gray-700 {
    --end-opacity: 1;
    --gradient-end: rgba(84, 89, 100, var(--end-opacity));
  }

  .xs\:end-gray-800 {
    --end-opacity: 1;
    --gradient-end: rgba(72, 77, 86, var(--end-opacity));
  }

  .xs\:end-gray-900 {
    --end-opacity: 1;
    --gradient-end: rgba(61, 65, 72, var(--end-opacity));
  }

  .xs\:end-gray-500 {
    --end-opacity: 1;
    --gradient-end: rgba(107, 114, 128, var(--end-opacity));
  }

  .xs\:end-gray-400 {
    --end-opacity: 1;
    --gradient-end: rgba(127, 134, 148, var(--end-opacity));
  }

  .xs\:end-gray-300 {
    --end-opacity: 1;
    --gradient-end: rgba(150, 155, 167, var(--end-opacity));
  }

  .xs\:end-gray-200 {
    --end-opacity: 1;
    --gradient-end: rgba(172, 176, 186, var(--end-opacity));
  }

  .xs\:end-gray-100 {
    --end-opacity: 1;
    --gradient-end: rgba(194, 197, 204, var(--end-opacity));
  }

  .xs\:start-opacity-0 {
    --start-opacity: 0;
  }

  .xs\:start-opacity-5 {
    --start-opacity: 0.05;
  }

  .xs\:start-opacity-10 {
    --start-opacity: 0.1;
  }

  .xs\:start-opacity-15 {
    --start-opacity: 0.15;
  }

  .xs\:start-opacity-20 {
    --start-opacity: 0.2;
  }

  .xs\:start-opacity-25 {
    --start-opacity: 0.25;
  }

  .xs\:start-opacity-30 {
    --start-opacity: 0.3;
  }

  .xs\:start-opacity-35 {
    --start-opacity: 0.35;
  }

  .xs\:start-opacity-40 {
    --start-opacity: 0.4;
  }

  .xs\:start-opacity-45 {
    --start-opacity: 0.45;
  }

  .xs\:start-opacity-50 {
    --start-opacity: 0.5;
  }

  .xs\:start-opacity-55 {
    --start-opacity: 0.55;
  }

  .xs\:start-opacity-60 {
    --start-opacity: 0.6;
  }

  .xs\:start-opacity-65 {
    --start-opacity: 0.65;
  }

  .xs\:start-opacity-70 {
    --start-opacity: 0.7;
  }

  .xs\:start-opacity-75 {
    --start-opacity: 0.75;
  }

  .xs\:start-opacity-80 {
    --start-opacity: 0.8;
  }

  .xs\:start-opacity-85 {
    --start-opacity: 0.85;
  }

  .xs\:start-opacity-90 {
    --start-opacity: 0.9;
  }

  .xs\:start-opacity-95 {
    --start-opacity: 0.95;
  }

  .xs\:start-opacity-100 {
    --start-opacity: 100;
  }

  .xs\:end-opacity-0 {
    --end-opacity: 0;
  }

  .xs\:end-opacity-5 {
    --end-opacity: 0.05;
  }

  .xs\:end-opacity-10 {
    --end-opacity: 0.1;
  }

  .xs\:end-opacity-15 {
    --end-opacity: 0.15;
  }

  .xs\:end-opacity-20 {
    --end-opacity: 0.2;
  }

  .xs\:end-opacity-25 {
    --end-opacity: 0.25;
  }

  .xs\:end-opacity-30 {
    --end-opacity: 0.3;
  }

  .xs\:end-opacity-35 {
    --end-opacity: 0.35;
  }

  .xs\:end-opacity-40 {
    --end-opacity: 0.4;
  }

  .xs\:end-opacity-45 {
    --end-opacity: 0.45;
  }

  .xs\:end-opacity-50 {
    --end-opacity: 0.5;
  }

  .xs\:end-opacity-55 {
    --end-opacity: 0.55;
  }

  .xs\:end-opacity-60 {
    --end-opacity: 0.6;
  }

  .xs\:end-opacity-65 {
    --end-opacity: 0.65;
  }

  .xs\:end-opacity-70 {
    --end-opacity: 0.7;
  }

  .xs\:end-opacity-75 {
    --end-opacity: 0.75;
  }

  .xs\:end-opacity-80 {
    --end-opacity: 0.8;
  }

  .xs\:end-opacity-85 {
    --end-opacity: 0.85;
  }

  .xs\:end-opacity-90 {
    --end-opacity: 0.9;
  }

  .xs\:end-opacity-95 {
    --end-opacity: 0.95;
  }

  .xs\:end-opacity-100 {
    --end-opacity: 100;
  }

  .xs\:background-position-top {
    background-position: top;
  }

  .xs\:background-position-right {
    background-position: right;
  }

  .xs\:background-position-bottom {
    background-position: bottom;
  }

  .xs\:background-position-left {
    background-position: left;
  }

  .xs\:background-position-center {
    background-position: center;
  }

  .xs\:background-position-left-top {
    background-position: left top;
  }

  .xs\:background-position-left-bottom {
    background-position: left bottom;
  }

  .xs\:background-position-right-top {
    background-position: right top;
  }

  .xs\:background-position-right-bottom {
    background-position: right bottom;
  }

  .xs\:background-repeat-repeat {
    background-repeat: repeat;
  }

  .xs\:background-repeat-no-repeat {
    background-repeat: no-repeat;
  }

  .xs\:background-repeat-repeat-x {
    background-repeat: repeat-x;
  }

  .xs\:background-repeat-repeat-y {
    background-repeat: repeat-y;
  }

  .xs\:background-repeat-round {
    background-repeat: round;
  }

  .xs\:background-repeat-space {
    background-repeat: space;
  }

  .xs\:background-size-auto {
    background-size: auto;
  }

  .xs\:background-size-cover {
    background-size: cover;
  }

  .xs\:background-size-contain {
    background-size: contain;
  }

  .xs\:color-transparent {
    color: transparent;
  }

  .xs\:color-primary {
    color: #FAE898;
  }

  .xs\:color-secondary {
    color: #999999;
  }

  .xs\:color-success {
    color: #198754;
  }

  .xs\:color-info {
    color: #0dcaf0;
  }

  .xs\:color-warning {
    color: #ffc107;
  }

  .xs\:color-danger {
    color: #dc3545;
  }

  .xs\:color-dark {
    color: #333333;
  }

  .xs\:color-light {
    color: #f1f1f1;
  }

  .xs\:color-black {
    color: #000000;
  }

  .xs\:color-white {
    color: #ffffff;
  }

  .xs\:bg-color-transparent {
    background-color: transparent;
  }

  .xs\:bg-color-primary {
    background-color: #FAE898;
  }

  .xs\:bg-color-secondary {
    background-color: #999999;
  }

  .xs\:bg-color-success {
    background-color: #198754;
  }

  .xs\:bg-color-info {
    background-color: #0dcaf0;
  }

  .xs\:bg-color-warning {
    background-color: #ffc107;
  }

  .xs\:bg-color-danger {
    background-color: #dc3545;
  }

  .xs\:bg-color-dark {
    background-color: #333333;
  }

  .xs\:bg-color-light {
    background-color: #f1f1f1;
  }

  .xs\:bg-color-black {
    background-color: #000000;
  }

  .xs\:bg-color-white {
    background-color: #ffffff;
  }

  .xs\:border-color-transparent {
    border-color: transparent;
  }

  .xs\:border-color-primary {
    border-color: #FAE898;
  }

  .xs\:border-color-secondary {
    border-color: #999999;
  }

  .xs\:border-color-success {
    border-color: #198754;
  }

  .xs\:border-color-info {
    border-color: #0dcaf0;
  }

  .xs\:border-color-warning {
    border-color: #ffc107;
  }

  .xs\:border-color-danger {
    border-color: #dc3545;
  }

  .xs\:border-color-dark {
    border-color: #333333;
  }

  .xs\:border-color-light {
    border-color: #f1f1f1;
  }

  .xs\:border-color-black {
    border-color: #000000;
  }

  .xs\:border-color-white {
    border-color: #ffffff;
  }

  .xs\:placeholder-transparent::placeholder {
    color: transparent;
  }

  .xs\:placeholder-primary::placeholder {
    color: #FAE898;
  }

  .xs\:placeholder-secondary::placeholder {
    color: #999999;
  }

  .xs\:placeholder-success::placeholder {
    color: #198754;
  }

  .xs\:placeholder-info::placeholder {
    color: #0dcaf0;
  }

  .xs\:placeholder-warning::placeholder {
    color: #ffc107;
  }

  .xs\:placeholder-danger::placeholder {
    color: #dc3545;
  }

  .xs\:placeholder-dark::placeholder {
    color: #333333;
  }

  .xs\:placeholder-light::placeholder {
    color: #f1f1f1;
  }

  .xs\:placeholder-black::placeholder {
    color: #000000;
  }

  .xs\:placeholder-white::placeholder {
    color: #ffffff;
  }

  .xs\:placeholder-transparent {
    color: transparent;
  }

  .xs\:placeholder-primary {
    color: #FAE898;
  }

  .xs\:placeholder-secondary {
    color: #999999;
  }

  .xs\:placeholder-success {
    color: #198754;
  }

  .xs\:placeholder-info {
    color: #0dcaf0;
  }

  .xs\:placeholder-warning {
    color: #ffc107;
  }

  .xs\:placeholder-danger {
    color: #dc3545;
  }

  .xs\:placeholder-dark {
    color: #333333;
  }

  .xs\:placeholder-light {
    color: #f1f1f1;
  }

  .xs\:placeholder-black {
    color: #000000;
  }

  .xs\:placeholder-white {
    color: #ffffff;
  }

  .xs\:border-collapse-collapse {
    border-collapse: collapse;
  }

  .xs\:border-collapse-separate {
    border-collapse: separate;
  }

  .xs\:border-red-600 {
    --border-opacity: 1;
    border-color: rgba(237, 45, 45, var(--border-opacity));
  }

  .xs\:border-red-700 {
    --border-opacity: 1;
    border-color: rgba(235, 21, 21, var(--border-opacity));
  }

  .xs\:border-red-800 {
    --border-opacity: 1;
    border-color: rgba(212, 18, 18, var(--border-opacity));
  }

  .xs\:border-red-900 {
    --border-opacity: 1;
    border-color: rgba(189, 16, 16, var(--border-opacity));
  }

  .xs\:border-red-500 {
    --border-opacity: 1;
    border-color: rgba(239, 68, 68, var(--border-opacity));
  }

  .xs\:border-red-400 {
    --border-opacity: 1;
    border-color: rgba(242, 106, 106, var(--border-opacity));
  }

  .xs\:border-red-300 {
    --border-opacity: 1;
    border-color: rgba(245, 143, 143, var(--border-opacity));
  }

  .xs\:border-red-200 {
    --border-opacity: 1;
    border-color: rgba(249, 181, 181, var(--border-opacity));
  }

  .xs\:border-red-100 {
    --border-opacity: 1;
    border-color: rgba(252, 218, 218, var(--border-opacity));
  }

  .xs\:border-green-600 {
    --border-opacity: 1;
    border-color: rgba(14, 162, 113, var(--border-opacity));
  }

  .xs\:border-green-700 {
    --border-opacity: 1;
    border-color: rgba(12, 138, 96, var(--border-opacity));
  }

  .xs\:border-green-800 {
    --border-opacity: 1;
    border-color: rgba(10, 115, 80, var(--border-opacity));
  }

  .xs\:border-green-900 {
    --border-opacity: 1;
    border-color: rgba(8, 91, 64, var(--border-opacity));
  }

  .xs\:border-green-500 {
    --border-opacity: 1;
    border-color: rgba(16, 185, 129, var(--border-opacity));
  }

  .xs\:border-green-400 {
    --border-opacity: 1;
    border-color: rgba(19, 223, 155, var(--border-opacity));
  }

  .xs\:border-green-300 {
    --border-opacity: 1;
    border-color: rgba(46, 237, 174, var(--border-opacity));
  }

  .xs\:border-green-200 {
    --border-opacity: 1;
    border-color: rgba(83, 240, 188, var(--border-opacity));
  }

  .xs\:border-green-100 {
    --border-opacity: 1;
    border-color: rgba(121, 243, 203, var(--border-opacity));
  }

  .xs\:border-blue-600 {
    --border-opacity: 1;
    border-color: rgba(35, 114, 245, var(--border-opacity));
  }

  .xs\:border-blue-700 {
    --border-opacity: 1;
    border-color: rgba(11, 99, 243, var(--border-opacity));
  }

  .xs\:border-blue-800 {
    --border-opacity: 1;
    border-color: rgba(10, 89, 218, var(--border-opacity));
  }

  .xs\:border-blue-900 {
    --border-opacity: 1;
    border-color: rgba(9, 79, 194, var(--border-opacity));
  }

  .xs\:border-blue-500 {
    --border-opacity: 1;
    border-color: rgba(59, 130, 246, var(--border-opacity));
  }

  .xs\:border-blue-400 {
    --border-opacity: 1;
    border-color: rgba(98, 155, 248, var(--border-opacity));
  }

  .xs\:border-blue-300 {
    --border-opacity: 1;
    border-color: rgba(137, 180, 250, var(--border-opacity));
  }

  .xs\:border-blue-200 {
    --border-opacity: 1;
    border-color: rgba(176, 205, 251, var(--border-opacity));
  }

  .xs\:border-blue-100 {
    --border-opacity: 1;
    border-color: rgba(215, 230, 253, var(--border-opacity));
  }

  .xs\:border-yellow-600 {
    --border-opacity: 1;
    border-color: rgba(251, 184, 11, var(--border-opacity));
  }

  .xs\:border-yellow-700 {
    --border-opacity: 1;
    border-color: rgba(232, 168, 4, var(--border-opacity));
  }

  .xs\:border-yellow-800 {
    --border-opacity: 1;
    border-color: rgba(207, 150, 4, var(--border-opacity));
  }

  .xs\:border-yellow-900 {
    --border-opacity: 1;
    border-color: rgba(182, 132, 3, var(--border-opacity));
  }

  .xs\:border-yellow-500 {
    --border-opacity: 1;
    border-color: rgba(251, 191, 36, var(--border-opacity));
  }

  .xs\:border-yellow-400 {
    --border-opacity: 1;
    border-color: rgba(252, 203, 76, var(--border-opacity));
  }

  .xs\:border-yellow-300 {
    --border-opacity: 1;
    border-color: rgba(252, 214, 116, var(--border-opacity));
  }

  .xs\:border-yellow-200 {
    --border-opacity: 1;
    border-color: rgba(253, 226, 156, var(--border-opacity));
  }

  .xs\:border-yellow-100 {
    --border-opacity: 1;
    border-color: rgba(254, 238, 196, var(--border-opacity));
  }

  .xs\:border-pink-600 {
    --border-opacity: 1;
    border-color: rgba(234, 49, 140, var(--border-opacity));
  }

  .xs\:border-pink-700 {
    --border-opacity: 1;
    border-color: rgba(231, 26, 127, var(--border-opacity));
  }

  .xs\:border-pink-800 {
    --border-opacity: 1;
    border-color: rgba(210, 22, 115, var(--border-opacity));
  }

  .xs\:border-pink-900 {
    --border-opacity: 1;
    border-color: rgba(187, 19, 102, var(--border-opacity));
  }

  .xs\:border-pink-500 {
    --border-opacity: 1;
    border-color: rgba(236, 72, 153, var(--border-opacity));
  }

  .xs\:border-pink-400 {
    --border-opacity: 1;
    border-color: rgba(240, 109, 174, var(--border-opacity));
  }

  .xs\:border-pink-300 {
    --border-opacity: 1;
    border-color: rgba(244, 146, 194, var(--border-opacity));
  }

  .xs\:border-pink-200 {
    --border-opacity: 1;
    border-color: rgba(248, 183, 215, var(--border-opacity));
  }

  .xs\:border-pink-100 {
    --border-opacity: 1;
    border-color: rgba(251, 220, 235, var(--border-opacity));
  }

  .xs\:border-purple-600 {
    --border-opacity: 1;
    border-color: rgba(122, 68, 245, var(--border-opacity));
  }

  .xs\:border-purple-700 {
    --border-opacity: 1;
    border-color: rgba(105, 44, 243, var(--border-opacity));
  }

  .xs\:border-purple-800 {
    --border-opacity: 1;
    border-color: rgba(87, 20, 242, var(--border-opacity));
  }

  .xs\:border-purple-900 {
    --border-opacity: 1;
    border-color: rgba(77, 12, 224, var(--border-opacity));
  }

  .xs\:border-purple-500 {
    --border-opacity: 1;
    border-color: rgba(139, 92, 246, var(--border-opacity));
  }

  .xs\:border-purple-400 {
    --border-opacity: 1;
    border-color: rgba(167, 131, 248, var(--border-opacity));
  }

  .xs\:border-purple-300 {
    --border-opacity: 1;
    border-color: rgba(194, 169, 250, var(--border-opacity));
  }

  .xs\:border-purple-200 {
    --border-opacity: 1;
    border-color: rgba(222, 208, 252, var(--border-opacity));
  }

  .xs\:border-purple-100 {
    --border-opacity: 1;
    border-color: rgba(249, 247, 255, var(--border-opacity));
  }

  .xs\:border-gray-600 {
    --border-opacity: 1;
    border-color: rgba(95, 102, 114, var(--border-opacity));
  }

  .xs\:border-gray-700 {
    --border-opacity: 1;
    border-color: rgba(84, 89, 100, var(--border-opacity));
  }

  .xs\:border-gray-800 {
    --border-opacity: 1;
    border-color: rgba(72, 77, 86, var(--border-opacity));
  }

  .xs\:border-gray-900 {
    --border-opacity: 1;
    border-color: rgba(61, 65, 72, var(--border-opacity));
  }

  .xs\:border-gray-500 {
    --border-opacity: 1;
    border-color: rgba(107, 114, 128, var(--border-opacity));
  }

  .xs\:border-gray-400 {
    --border-opacity: 1;
    border-color: rgba(127, 134, 148, var(--border-opacity));
  }

  .xs\:border-gray-300 {
    --border-opacity: 1;
    border-color: rgba(150, 155, 167, var(--border-opacity));
  }

  .xs\:border-gray-200 {
    --border-opacity: 1;
    border-color: rgba(172, 176, 186, var(--border-opacity));
  }

  .xs\:border-gray-100 {
    --border-opacity: 1;
    border-color: rgba(194, 197, 204, var(--border-opacity));
  }

  .xs\:border-opacity-0 {
    --border-opacity: 0;
  }

  .xs\:border-opacity-5 {
    --border-opacity: 0.05;
  }

  .xs\:border-opacity-10 {
    --border-opacity: 0.1;
  }

  .xs\:border-opacity-15 {
    --border-opacity: 0.15;
  }

  .xs\:border-opacity-20 {
    --border-opacity: 0.2;
  }

  .xs\:border-opacity-25 {
    --border-opacity: 0.25;
  }

  .xs\:border-opacity-30 {
    --border-opacity: 0.3;
  }

  .xs\:border-opacity-35 {
    --border-opacity: 0.35;
  }

  .xs\:border-opacity-40 {
    --border-opacity: 0.4;
  }

  .xs\:border-opacity-45 {
    --border-opacity: 0.45;
  }

  .xs\:border-opacity-50 {
    --border-opacity: 0.5;
  }

  .xs\:border-opacity-55 {
    --border-opacity: 0.55;
  }

  .xs\:border-opacity-60 {
    --border-opacity: 0.6;
  }

  .xs\:border-opacity-65 {
    --border-opacity: 0.65;
  }

  .xs\:border-opacity-70 {
    --border-opacity: 0.7;
  }

  .xs\:border-opacity-75 {
    --border-opacity: 0.75;
  }

  .xs\:border-opacity-80 {
    --border-opacity: 0.8;
  }

  .xs\:border-opacity-85 {
    --border-opacity: 0.85;
  }

  .xs\:border-opacity-90 {
    --border-opacity: 0.9;
  }

  .xs\:border-opacity-95 {
    --border-opacity: 0.95;
  }

  .xs\:border-opacity-100 {
    --border-opacity: 100;
  }

  .xs\:br-5 {
    border-radius: 5%;
  }

  .xs\:brtl-5 {
    border-top-left-radius: 5%;
  }

  .xs\:brtr-5 {
    border-top-right-radius: 5%;
  }

  .xs\:brbl-5 {
    border-bottom-left-radius: 5%;
  }

  .xs\:brbr-5 {
    border-bottom-right-radius: 5%;
  }

  .xs\:br-10 {
    border-radius: 10%;
  }

  .xs\:brtl-10 {
    border-top-left-radius: 10%;
  }

  .xs\:brtr-10 {
    border-top-right-radius: 10%;
  }

  .xs\:brbl-10 {
    border-bottom-left-radius: 10%;
  }

  .xs\:brbr-10 {
    border-bottom-right-radius: 10%;
  }

  .xs\:br-15 {
    border-radius: 15%;
  }

  .xs\:brtl-15 {
    border-top-left-radius: 15%;
  }

  .xs\:brtr-15 {
    border-top-right-radius: 15%;
  }

  .xs\:brbl-15 {
    border-bottom-left-radius: 15%;
  }

  .xs\:brbr-15 {
    border-bottom-right-radius: 15%;
  }

  .xs\:br-20 {
    border-radius: 20%;
  }

  .xs\:brtl-20 {
    border-top-left-radius: 20%;
  }

  .xs\:brtr-20 {
    border-top-right-radius: 20%;
  }

  .xs\:brbl-20 {
    border-bottom-left-radius: 20%;
  }

  .xs\:brbr-20 {
    border-bottom-right-radius: 20%;
  }

  .xs\:br-25 {
    border-radius: 25%;
  }

  .xs\:brtl-25 {
    border-top-left-radius: 25%;
  }

  .xs\:brtr-25 {
    border-top-right-radius: 25%;
  }

  .xs\:brbl-25 {
    border-bottom-left-radius: 25%;
  }

  .xs\:brbr-25 {
    border-bottom-right-radius: 25%;
  }

  .xs\:br-30 {
    border-radius: 30%;
  }

  .xs\:brtl-30 {
    border-top-left-radius: 30%;
  }

  .xs\:brtr-30 {
    border-top-right-radius: 30%;
  }

  .xs\:brbl-30 {
    border-bottom-left-radius: 30%;
  }

  .xs\:brbr-30 {
    border-bottom-right-radius: 30%;
  }

  .xs\:br-35 {
    border-radius: 35%;
  }

  .xs\:brtl-35 {
    border-top-left-radius: 35%;
  }

  .xs\:brtr-35 {
    border-top-right-radius: 35%;
  }

  .xs\:brbl-35 {
    border-bottom-left-radius: 35%;
  }

  .xs\:brbr-35 {
    border-bottom-right-radius: 35%;
  }

  .xs\:br-40 {
    border-radius: 40%;
  }

  .xs\:brtl-40 {
    border-top-left-radius: 40%;
  }

  .xs\:brtr-40 {
    border-top-right-radius: 40%;
  }

  .xs\:brbl-40 {
    border-bottom-left-radius: 40%;
  }

  .xs\:brbr-40 {
    border-bottom-right-radius: 40%;
  }

  .xs\:br-45 {
    border-radius: 45%;
  }

  .xs\:brtl-45 {
    border-top-left-radius: 45%;
  }

  .xs\:brtr-45 {
    border-top-right-radius: 45%;
  }

  .xs\:brbl-45 {
    border-bottom-left-radius: 45%;
  }

  .xs\:brbr-45 {
    border-bottom-right-radius: 45%;
  }

  .xs\:br-50 {
    border-radius: 50%;
  }

  .xs\:brtl-50 {
    border-top-left-radius: 50%;
  }

  .xs\:brtr-50 {
    border-top-right-radius: 50%;
  }

  .xs\:brbl-50 {
    border-bottom-left-radius: 50%;
  }

  .xs\:brbr-50 {
    border-bottom-right-radius: 50%;
  }

  .xs\:br-55 {
    border-radius: 55%;
  }

  .xs\:brtl-55 {
    border-top-left-radius: 55%;
  }

  .xs\:brtr-55 {
    border-top-right-radius: 55%;
  }

  .xs\:brbl-55 {
    border-bottom-left-radius: 55%;
  }

  .xs\:brbr-55 {
    border-bottom-right-radius: 55%;
  }

  .xs\:br-60 {
    border-radius: 60%;
  }

  .xs\:brtl-60 {
    border-top-left-radius: 60%;
  }

  .xs\:brtr-60 {
    border-top-right-radius: 60%;
  }

  .xs\:brbl-60 {
    border-bottom-left-radius: 60%;
  }

  .xs\:brbr-60 {
    border-bottom-right-radius: 60%;
  }

  .xs\:br-65 {
    border-radius: 65%;
  }

  .xs\:brtl-65 {
    border-top-left-radius: 65%;
  }

  .xs\:brtr-65 {
    border-top-right-radius: 65%;
  }

  .xs\:brbl-65 {
    border-bottom-left-radius: 65%;
  }

  .xs\:brbr-65 {
    border-bottom-right-radius: 65%;
  }

  .xs\:br-70 {
    border-radius: 70%;
  }

  .xs\:brtl-70 {
    border-top-left-radius: 70%;
  }

  .xs\:brtr-70 {
    border-top-right-radius: 70%;
  }

  .xs\:brbl-70 {
    border-bottom-left-radius: 70%;
  }

  .xs\:brbr-70 {
    border-bottom-right-radius: 70%;
  }

  .xs\:br-75 {
    border-radius: 75%;
  }

  .xs\:brtl-75 {
    border-top-left-radius: 75%;
  }

  .xs\:brtr-75 {
    border-top-right-radius: 75%;
  }

  .xs\:brbl-75 {
    border-bottom-left-radius: 75%;
  }

  .xs\:brbr-75 {
    border-bottom-right-radius: 75%;
  }

  .xs\:br-80 {
    border-radius: 80%;
  }

  .xs\:brtl-80 {
    border-top-left-radius: 80%;
  }

  .xs\:brtr-80 {
    border-top-right-radius: 80%;
  }

  .xs\:brbl-80 {
    border-bottom-left-radius: 80%;
  }

  .xs\:brbr-80 {
    border-bottom-right-radius: 80%;
  }

  .xs\:br-85 {
    border-radius: 85%;
  }

  .xs\:brtl-85 {
    border-top-left-radius: 85%;
  }

  .xs\:brtr-85 {
    border-top-right-radius: 85%;
  }

  .xs\:brbl-85 {
    border-bottom-left-radius: 85%;
  }

  .xs\:brbr-85 {
    border-bottom-right-radius: 85%;
  }

  .xs\:br-90 {
    border-radius: 90%;
  }

  .xs\:brtl-90 {
    border-top-left-radius: 90%;
  }

  .xs\:brtr-90 {
    border-top-right-radius: 90%;
  }

  .xs\:brbl-90 {
    border-bottom-left-radius: 90%;
  }

  .xs\:brbr-90 {
    border-bottom-right-radius: 90%;
  }

  .xs\:br-95 {
    border-radius: 95%;
  }

  .xs\:brtl-95 {
    border-top-left-radius: 95%;
  }

  .xs\:brtr-95 {
    border-top-right-radius: 95%;
  }

  .xs\:brbl-95 {
    border-bottom-left-radius: 95%;
  }

  .xs\:brbr-95 {
    border-bottom-right-radius: 95%;
  }

  .xs\:br-100 {
    border-radius: 100%;
  }

  .xs\:brtl-100 {
    border-top-left-radius: 100%;
  }

  .xs\:brtr-100 {
    border-top-right-radius: 100%;
  }

  .xs\:brbl-100 {
    border-bottom-left-radius: 100%;
  }

  .xs\:brbr-100 {
    border-bottom-right-radius: 100%;
  }

  .xs\:br-0px {
    border-radius: 0;
  }

  .xs\:brtl-0px {
    border-top-left-radius: 0;
  }

  .xs\:brtr-0px {
    border-top-right-radius: 0;
  }

  .xs\:brbl-0px {
    border-bottom-left-radius: 0;
  }

  .xs\:brbr-0px {
    border-bottom-right-radius: 0;
  }

  .xs\:br-5px {
    border-radius: 5px;
  }

  .xs\:brtl-5px {
    border-top-left-radius: 5px;
  }

  .xs\:brtr-5px {
    border-top-right-radius: 5px;
  }

  .xs\:brbl-5px {
    border-bottom-left-radius: 5px;
  }

  .xs\:brbr-5px {
    border-bottom-right-radius: 5px;
  }

  .xs\:br-10px {
    border-radius: 10px;
  }

  .xs\:brtl-10px {
    border-top-left-radius: 10px;
  }

  .xs\:brtr-10px {
    border-top-right-radius: 10px;
  }

  .xs\:brbl-10px {
    border-bottom-left-radius: 10px;
  }

  .xs\:brbr-10px {
    border-bottom-right-radius: 10px;
  }

  .xs\:br-15px {
    border-radius: 15px;
  }

  .xs\:brtl-15px {
    border-top-left-radius: 15px;
  }

  .xs\:brtr-15px {
    border-top-right-radius: 15px;
  }

  .xs\:brbl-15px {
    border-bottom-left-radius: 15px;
  }

  .xs\:brbr-15px {
    border-bottom-right-radius: 15px;
  }

  .xs\:br-20px {
    border-radius: 20px;
  }

  .xs\:brtl-20px {
    border-top-left-radius: 20px;
  }

  .xs\:brtr-20px {
    border-top-right-radius: 20px;
  }

  .xs\:brbl-20px {
    border-bottom-left-radius: 20px;
  }

  .xs\:brbr-20px {
    border-bottom-right-radius: 20px;
  }

  .xs\:br-25px {
    border-radius: 25px;
  }

  .xs\:brtl-25px {
    border-top-left-radius: 25px;
  }

  .xs\:brtr-25px {
    border-top-right-radius: 25px;
  }

  .xs\:brbl-25px {
    border-bottom-left-radius: 25px;
  }

  .xs\:brbr-25px {
    border-bottom-right-radius: 25px;
  }

  .xs\:br-30px {
    border-radius: 30px;
  }

  .xs\:brtl-30px {
    border-top-left-radius: 30px;
  }

  .xs\:brtr-30px {
    border-top-right-radius: 30px;
  }

  .xs\:brbl-30px {
    border-bottom-left-radius: 30px;
  }

  .xs\:brbr-30px {
    border-bottom-right-radius: 30px;
  }

  .xs\:br-35px {
    border-radius: 35px;
  }

  .xs\:brtl-35px {
    border-top-left-radius: 35px;
  }

  .xs\:brtr-35px {
    border-top-right-radius: 35px;
  }

  .xs\:brbl-35px {
    border-bottom-left-radius: 35px;
  }

  .xs\:brbr-35px {
    border-bottom-right-radius: 35px;
  }

  .xs\:br-40px {
    border-radius: 40px;
  }

  .xs\:brtl-40px {
    border-top-left-radius: 40px;
  }

  .xs\:brtr-40px {
    border-top-right-radius: 40px;
  }

  .xs\:brbl-40px {
    border-bottom-left-radius: 40px;
  }

  .xs\:brbr-40px {
    border-bottom-right-radius: 40px;
  }

  .xs\:br-45px {
    border-radius: 45px;
  }

  .xs\:brtl-45px {
    border-top-left-radius: 45px;
  }

  .xs\:brtr-45px {
    border-top-right-radius: 45px;
  }

  .xs\:brbl-45px {
    border-bottom-left-radius: 45px;
  }

  .xs\:brbr-45px {
    border-bottom-right-radius: 45px;
  }

  .xs\:br-50px {
    border-radius: 50px;
  }

  .xs\:brtl-50px {
    border-top-left-radius: 50px;
  }

  .xs\:brtr-50px {
    border-top-right-radius: 50px;
  }

  .xs\:brbl-50px {
    border-bottom-left-radius: 50px;
  }

  .xs\:brbr-50px {
    border-bottom-right-radius: 50px;
  }

  .xs\:br-55px {
    border-radius: 55px;
  }

  .xs\:brtl-55px {
    border-top-left-radius: 55px;
  }

  .xs\:brtr-55px {
    border-top-right-radius: 55px;
  }

  .xs\:brbl-55px {
    border-bottom-left-radius: 55px;
  }

  .xs\:brbr-55px {
    border-bottom-right-radius: 55px;
  }

  .xs\:br-60px {
    border-radius: 60px;
  }

  .xs\:brtl-60px {
    border-top-left-radius: 60px;
  }

  .xs\:brtr-60px {
    border-top-right-radius: 60px;
  }

  .xs\:brbl-60px {
    border-bottom-left-radius: 60px;
  }

  .xs\:brbr-60px {
    border-bottom-right-radius: 60px;
  }

  .xs\:br-65px {
    border-radius: 65px;
  }

  .xs\:brtl-65px {
    border-top-left-radius: 65px;
  }

  .xs\:brtr-65px {
    border-top-right-radius: 65px;
  }

  .xs\:brbl-65px {
    border-bottom-left-radius: 65px;
  }

  .xs\:brbr-65px {
    border-bottom-right-radius: 65px;
  }

  .xs\:br-70px {
    border-radius: 70px;
  }

  .xs\:brtl-70px {
    border-top-left-radius: 70px;
  }

  .xs\:brtr-70px {
    border-top-right-radius: 70px;
  }

  .xs\:brbl-70px {
    border-bottom-left-radius: 70px;
  }

  .xs\:brbr-70px {
    border-bottom-rig