@charset "UTF-8";
:root {
    --purple: #a60066;
    --purple-100: #e2d9f3;
    --purple-200: #c5b3e6;
    --purple-300: #8c68cd;
    --purple-400: #6f42c1;
    --purple-500: #432874;
    --pink: #a60066;
    --pink-100: #ffe5f5;
    --pink-200: #ff99d8;
    --pink-300: #d10373;
    --pink-400: #a60066;
    --pink-500: #6b1c3a;
    --green: #4fa800;
    --green-100: #f2fae2;
    --green-200: #d5e5b4;
    --green-300: #abd653;
    --green-400: #4fa800;
    --green-500: #337321;
    --blue: #1890ff;
    --blue-100: #e5f3ff;
    --blue-200: #c2e1ff;
    --blue-300: #80c2ff;
    --blue-400: #1890ff;
    --blue-500: #006fd6;
    --red: #be1128;
    --red-100: #fde8e8;
    --red-200: #fca5a6;
    --red-300: #eb2629;
    --red-400: #be1128;
    --red-500: #a40f22;
    --yellow: #ffc20e;
    --yellow-100: #fff9e5;
    --yellow-200: #ffecb3;
    --yellow-300: #ffdf80;
    --yellow-400: #ffc20e;
    --yellow-500: #f7a30a;
    --gray: #f8f9fa;
    --gray-000: #f8f9fa;
    --gray-100: #eaeef2;
    --gray-200: #d3d8de;
    --gray-300: #a8b0bb;
    --gray-400: #454f5b;
    --gray-500: #212b36;
    --white: white;
    --black: black;
    --grey: #464646;
    --border: var(--gray-200);
    --bg: white;
    --text: var(--gray-500);
    --ff1: 'OpenSans', sans-serif;
    --fs: 16px;
    --lh: 1.5;
    --font-icon: 'Material Icons';
    --container: 1172px;
    --sm: 576px;
    --form-md: 40px;
}

/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
    display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
    display: none;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
    font-family: sans-serif; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
    outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
    font-size: 2em;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
    font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
    background: #ff0;
    color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
    white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
q {
    quotes: '“' '”' '‘' '’';
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
    border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
    line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
    cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type='checkbox'],
input[type='radio'] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*Thats all. I hope you enjoyed it.
Thanks :)*/
@keyframes slide-right {
    from {
        transform: translate(-200%);
    }
    to {
        transform: translate(0%);
    }
}
@font-face {
    src: url('../font/OpenSans/OpenSans-Light.ttf') format('truetype');
    font-family: 'OpenSans';
    font-weight: 300;
    font-style: normal;
}
@font-face {
    src: url('../font/OpenSans/OpenSans-LightItalic.ttf') format('truetype');
    font-family: 'OpenSans';
    font-weight: 300;
    font-style: italic;
}
@font-face {
    src: url('../font/OpenSans/OpenSans-Regular.ttf') format('truetype');
    font-family: 'OpenSans';
    font-weight: 400;
    font-style: normal;
}
@font-face {
    src: url('../font/OpenSans/OpenSans-Italic.ttf') format('truetype');
    font-family: 'OpenSans';
    font-weight: 400;
    font-style: italic;
}
@font-face {
    src: url('../font/OpenSans/OpenSans-Medium.ttf') format('truetype');
    font-family: 'OpenSans';
    font-weight: 500;
    font-style: normal;
}
@font-face {
    src: url('../font/OpenSans/OpenSans-MediumItalic.ttf') format('truetype');
    font-family: 'OpenSans';
    font-weight: 500;
    font-style: italic;
}
@font-face {
    src: url('../font/OpenSans/OpenSans-SemiBold.ttf') format('truetype');
    font-family: 'OpenSans';
    font-weight: 600;
    font-style: normal;
}
@font-face {
    src: url('../font/OpenSans/OpenSans-SemiBoldItalic.ttf') format('truetype');
    font-family: 'OpenSans';
    font-weight: 600;
    font-style: italic;
}
@font-face {
    src: url('../font/OpenSans/OpenSans-Bold.ttf') format('truetype');
    font-family: 'OpenSans';
    font-weight: 700;
    font-style: normal;
}
@font-face {
    src: url('../font/OpenSans/OpenSans-BoldItalic.ttf') format('truetype');
    font-family: 'OpenSans';
    font-weight: 700;
    font-style: italic;
}
@font-face {
    src: url('../font/OpenSans/OpenSans-ExtraBold.ttf') format('truetype');
    font-family: 'OpenSans';
    font-weight: 800;
    font-style: normal;
}
@font-face {
    src: url('../font/OpenSans/OpenSans-ExtraBoldItalic.ttf') format('truetype');
    font-family: 'OpenSans';
    font-weight: 800;
    font-style: italic;
}
.container {
    max-width: var(--container);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
}

.gx-1,
.g-1 {
    row-gap: 4px;
}

.gy-1,
.g-1 {
    column-gap: 4px;
}

.row-gap-4px,
.gap-4px {
    row-gap: 4px;
}

.col-gap-4px,
.gap-4px {
    column-gap: 4px;
}

.gx-2,
.g-2 {
    row-gap: 8px;
}

.gy-2,
.g-2 {
    column-gap: 8px;
}

.row-gap-8px,
.gap-8px {
    row-gap: 8px;
}

.col-gap-8px,
.gap-8px {
    column-gap: 8px;
}

.gx-3,
.g-3 {
    row-gap: 12px;
}

.gy-3,
.g-3 {
    column-gap: 12px;
}

.row-gap-12px,
.gap-12px {
    row-gap: 12px;
}

.col-gap-12px,
.gap-12px {
    column-gap: 12px;
}

.gx-4,
.g-4 {
    row-gap: 16px;
}

.gy-4,
.g-4 {
    column-gap: 16px;
}

.row-gap-16px,
.gap-16px {
    row-gap: 16px;
}

.col-gap-16px,
.gap-16px {
    column-gap: 16px;
}

.gx-5,
.g-5 {
    row-gap: 20px;
}

.gy-5,
.g-5 {
    column-gap: 20px;
}

.row-gap-20px,
.gap-20px {
    row-gap: 20px;
}

.col-gap-20px,
.gap-20px {
    column-gap: 20px;
}

.gx-6,
.g-6 {
    row-gap: 24px;
}

.gy-6,
.g-6 {
    column-gap: 24px;
}

.row-gap-24px,
.gap-24px {
    row-gap: 24px;
}

.col-gap-24px,
.gap-24px {
    column-gap: 24px;
}

.gx-7,
.g-7 {
    row-gap: 28px;
}

.gy-7,
.g-7 {
    column-gap: 28px;
}

.row-gap-28px,
.gap-28px {
    row-gap: 28px;
}

.col-gap-28px,
.gap-28px {
    column-gap: 28px;
}

.gx-8,
.g-8 {
    row-gap: 32px;
}

.gy-8,
.g-8 {
    column-gap: 32px;
}

.row-gap-32px,
.gap-32px {
    row-gap: 32px;
}

.col-gap-32px,
.gap-32px {
    column-gap: 32px;
}

.gx-9,
.g-9 {
    row-gap: 36px;
}

.gy-9,
.g-9 {
    column-gap: 36px;
}

.row-gap-36px,
.gap-36px {
    row-gap: 36px;
}

.col-gap-36px,
.gap-36px {
    column-gap: 36px;
}

.gx-10,
.g-10 {
    row-gap: 40px;
}

.gy-10,
.g-10 {
    column-gap: 40px;
}

.row-gap-40px,
.gap-40px {
    row-gap: 40px;
}

.col-gap-40px,
.gap-40px {
    column-gap: 40px;
}

.grid-auto-flow-column {
    grid-auto-flow: column;
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}

.grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
}

.grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
}

.grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
}

.grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
}

.grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
}

.grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
}

.row {
    --gx: 0px;
    --gy: 0px;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--gy) * -0.5);
    margin-bottom: calc(var(--gy) * -0.5);
    margin-left: calc(var(--gx) * -0.5);
    margin-right: calc(var(--gx) * -0.5);
}
.row > [class^='col'] {
    padding-top: calc(var(--gy) * 0.5);
    padding-bottom: calc(var(--gy) * 0.5);
    padding-left: calc(var(--gx) * 0.5);
    padding-right: calc(var(--gx) * 0.5);
}

.col {
    flex: 1 0 0%;
}

.row-cols-1 > * {
    flex: 0 0 auto;
    width: calc(100% / 1);
}

.row-cols-2 > * {
    flex: 0 0 auto;
    width: calc(100% / 2);
}

.row-cols-3 > * {
    flex: 0 0 auto;
    width: calc(100% / 3);
}

.row-cols-4 > * {
    flex: 0 0 auto;
    width: calc(100% / 4);
}

.row-cols-5 > * {
    flex: 0 0 auto;
    width: calc(100% / 5);
}

.row-cols-6 > * {
    flex: 0 0 auto;
    width: calc(100% / 6);
}

.row-cols-7 > * {
    flex: 0 0 auto;
    width: calc(100% / 7);
}

.row-cols-8 > * {
    flex: 0 0 auto;
    width: calc(100% / 8);
}

.row-cols-9 > * {
    flex: 0 0 auto;
    width: calc(100% / 9);
}

.row-cols-10 > * {
    flex: 0 0 auto;
    width: calc(100% / 10);
}

.row-cols-11 > * {
    flex: 0 0 auto;
    width: calc(100% / 11);
}

.row-cols-12 > * {
    flex: 0 0 auto;
    width: calc(100% / 12);
}

.col-auto {
    flex: 0 0 auto;
    width: auto;
}

.col-1 {
    width: 8.3333333333%;
}

.col-2 {
    width: 16.6666666667%;
}

.col-3 {
    width: 25%;
}

.col-4 {
    width: 33.3333333333%;
}

.col-5 {
    width: 41.6666666667%;
}

.col-6 {
    width: 50%;
}

.col-7 {
    width: 58.3333333333%;
}

.col-8 {
    width: 66.6666666667%;
}

.col-9 {
    width: 75%;
}

.col-10 {
    width: 83.3333333333%;
}

.col-11 {
    width: 91.6666666667%;
}

.col-12 {
    width: 100%;
}

.gx-1,
.g-1 {
    --gx: 1 * 4px;
}

.gy-1,
.g-1 {
    --gy: 1 * 4px;
}

.gx-2,
.g-2 {
    --gx: 2 * 4px;
}

.gy-2,
.g-2 {
    --gy: 2 * 4px;
}

.gx-3,
.g-3 {
    --gx: 3 * 4px;
}

.gy-3,
.g-3 {
    --gy: 3 * 4px;
}

.gx-4,
.g-4 {
    --gx: 4 * 4px;
}

.gy-4,
.g-4 {
    --gy: 4 * 4px;
}

.gx-5,
.g-5 {
    --gx: 5 * 4px;
}

.gy-5,
.g-5 {
    --gy: 5 * 4px;
}

.gx-6,
.g-6 {
    --gx: 6 * 4px;
}

.gy-6,
.g-6 {
    --gy: 6 * 4px;
}

.gx-7,
.g-7 {
    --gx: 7 * 4px;
}

.gy-7,
.g-7 {
    --gy: 7 * 4px;
}

.gx-8,
.g-8 {
    --gx: 8 * 4px;
}

.gy-8,
.g-8 {
    --gy: 8 * 4px;
}

.gx-9,
.g-9 {
    --gx: 9 * 4px;
}

.gy-9,
.g-9 {
    --gy: 9 * 4px;
}

.gx-10,
.g-10 {
    --gx: 10 * 4px;
}

.gy-10,
.g-10 {
    --gy: 10 * 4px;
}

.gx-11,
.g-11 {
    --gx: 11 * 4px;
}

.gy-11,
.g-11 {
    --gy: 11 * 4px;
}

.gx-12,
.g-12 {
    --gx: 12 * 4px;
}

.gy-12,
.g-12 {
    --gy: 12 * 4px;
}

.z-index--1 {
    z-index: -1;
}

.z-index-0 {
    z-index: 0;
}

.z-index-1 {
    z-index: 1;
}

.z-index-2 {
    z-index: 2;
}

.z-index-10 {
    z-index: 10;
}

.z-index-100 {
    z-index: 100;
}

.z-index-1000 {
    z-index: 1000;
}

.z-index-1500 {
    z-index: 1500;
}

.object-fit-contain {
    object-fit: contain;
}

.object-fit-cover {
    object-fit: cover;
}

.object-fit-scale-down {
    object-fit: scale-down;
}

.ul {
    margin-left: 1rem;
}

.list-style-type-none {
    list-style-type: none;
}

.ul.ul-marker {
    list-style-type: disc;
}
.ul.ul-marker li.check {
    padding-left: 6px;
}
.ul.ul-marker li.check::marker {
    content: '\e5ca';
    font-family: var(--font-icon);
    font-size: 120%;
    color: var(--green-400);
}

.ul-none {
    margin-left: 0;
    list-style-type: none;
}

.table {
    width: 100%;
    border-collapse: collapse;
}
.table.border-collapse {
    border-collapse: collapse;
}
.table-layout-fixed {
    table-layout: fixed;
}
.table-striped tbody tr:nth-child(odd) {
    background-color: var(--gray-000);
}

.table-line {
    width: 100%;
    border-collapse: collapse;
}
.table-line th,
.table-line td {
    padding: 16px;
}
.table-line th:first-child,
.table-line td:first-child {
    padding-left: 24px;
}
.table-line th:last-child,
.table-line td:last-child {
    padding-right: 24px;
}
.table-line tr {
    box-shadow: 0 0 0 1px var(--border);
}
.table-line thead {
    font-size: 12px;
    font-weight: 600;
    color: var(--gray-300);
    text-transform: uppercase;
}
.table-line thead th {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 1;
    background-color: var(--white);
}
.table-line thead th .sort {
    visibility: hidden;
}
.table-line thead th:hover .sort {
    visibility: visible;
}
.table-line thead tr {
    border-bottom: 1px solid var(--border);
}
.table-line tbody td {
    background-color: var(--white);
}
.table-line.vertical-align-middle th,
.table-line.vertical-align-middle td {
    vertical-align: middle;
}

.fs-8px {
    font-size: 8px;
}

.fs-10px {
    font-size: 10px;
}

.fs-12px {
    font-size: 12px;
}

.fs-14px {
    font-size: 14px;
}

.fs-16px {
    font-size: 16px;
}

.fs-18px {
    font-size: 18px;
}

.fs-20px {
    font-size: 20px;
}

.fs-24px {
    font-size: 24px;
}

.fs-32px {
    font-size: 32px;
}

.fs-40px {
    font-size: 40px;
}

.fs-48px {
    font-size: 48px;
}

.fs-56px {
    font-size: 56px;
}

.fs-72px {
    font-size: 72px;
}

.fs-76px {
    font-size: 76px;
}

.fs-88px {
    font-size: 88px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
    line-height: 1.25;
    margin-bottom: 0;
}

h6 {
    font-size: 12px;
}

h5 {
    font-size: 14px;
}

h4 {
    font-size: 16px;
}

h3 {
    font-size: 18px;
}

h2 {
    font-size: 20px;
}

h1 {
    font-size: 24px;
}

pre {
    font-family: var(--ff1);
}

.ff1 {
    font-family: var(--ff1);
}
.form-check {
    appearance: none;
    width: 16px;
    height: 16px;
    border-radius: 4px;
    border: 1px solid var(--border);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.form-check::after {
    content: '\e876';
    font-family: var(--font-icon);
    color: var(--gray-500);
    opacity: 0;
}
.form-check:checked {
    border-color: var(--yellow-500);
    background-color: var(--yellow-400);
}
.form-check:checked::after {
    opacity: 1;
}
.form-check:disabled {
    border: 1px solid var(--gray-200);
    background-color: var(--gray-100);
    cursor: not-allowed;
}
.form-check:disabled:checked::after {
    border-color: var(--gray-200);
    background-color: var(--gray-200);
}
.form-check.check-group::after {
    content: '\e15b';
}

.form-check-radio {
    appearance: none;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    border: 1px solid var(--border);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.form-check-radio::after {
    content: ' ';
    opacity: 0;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    border: 2px solid var(--white);
    background-color: var(--yellow-400);
}
.form-check-radio:checked {
    border-color: var(--yellow-500);
    background-color: var(--yellow-400);
}
.form-check-radio:checked::after {
    opacity: 1;
}
.form-check-radio:disabled {
    border: 1px solid var(--gray-200);
    background-color: var(--gray-100);
    cursor: not-allowed;
}
.form-check-radio:disabled:checked::after {
    border-color: var(--gray-200);
    background-color: var(--gray-200);
}
.form-check-radio.check-group::after {
    content: '\e15b';
}

input[type='checkbox'].switcher,
input[type='radio'].switcher {
    appearance: none;
    cursor: pointer;
    position: relative;
    display: block;
    width: 52px;
    height: 32px;
    border-radius: 32px;
    background-color: var(--gray-300);
    color: var(--gray-300);
    border: 1px solid;
    transition: 0.2s;
    position: relative;
}
input[type='checkbox'].switcher:after,
input[type='radio'].switcher:after {
    content: '\e5cd';
    font-family: var(--font-icon);
    font-size: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: var(--white);
    color: inherit;
    position: absolute;
    top: 2px;
    left: 2px;
    transition: 0.2s;
}
input[type='checkbox'].switcher:checked,
input[type='radio'].switcher:checked {
    cursor: pointer;
    background-color: var(--green-400);
    color: var(--green-400);
}
input[type='checkbox'].switcher:checked:after,
input[type='radio'].switcher:checked:after {
    content: '\e876';
    left: calc(100% - 28px - 2px);
}
input[type='checkbox'].switcher:disabled,
input[type='radio'].switcher:disabled {
    cursor: not-allowed;
    background-color: var(--gray-100);
    border-color: var(--gray-200);
}
input[type='checkbox'].switcher:disabled:after,
input[type='radio'].switcher:disabled:after {
    background: var(--gray-200);
    color: var(--gray-300);
}
input[type='checkbox'].switcher-sm,
input[type='radio'].switcher-sm {
    width: 30px;
    height: 18px;
}
input[type='checkbox'].switcher-sm:after,
input[type='radio'].switcher-sm:after {
    width: 12px;
    height: 12px;
    font-size: 0.675rem;
}
input[type='checkbox'].switcher-sm:checked:after,
input[type='radio'].switcher-sm:checked:after {
    left: calc(100% - 12px - 2px);
}

.form-radio {
    appearance: none;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid var(--border);
    background-color: white;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.form-radio::after {
    content: '';
    width: 8px;
    height: 8px;
    display: block;
    border-radius: inherit;
}
.form-radio:checked {
    border-color: var(--yellow-400);
}
.form-radio:checked::after {
    background-color: var(--yellow-400);
}
.form-radio:disabled {
    border: 1px solid var(--gray-200);
    background-color: var(--gray-100);
    cursor: not-allowed;
}
.form-radio:disabled:checked::after {
    background-color: var(--gray-200);
}

.form-label {
    display: block;
    font-size: 12px;
    font-weight: 700;
    line-height: 2;
    color: var(--gray-400);
    margin-bottom: 4px;
}
.form-label.required::after {
    content: '*';
    margin-left: 4px;
    color: var(--red-300);
}

.hd-input,
.input {
    display: flex;
    align-items: center;
    font-size: 1rem;
    font-family: inherit;
    border: 1px solid var(--border);
    border-radius: 4px;
    padding: 0 16px;
    transition: 0.3s;
}
.hd-input input,
.hd-input textarea,
.input input,
.input textarea {
    border: 0;
    background: none;
    outline: none;
    flex-grow: 1;
    width: 100%;
    height: 38px;
    /* Change the white to any color */
}
.hd-input input::placeholder,
.hd-input textarea::placeholder,
.input input::placeholder,
.input textarea::placeholder {
    color: var(--gray-300);
}
.hd-input input:-webkit-autofill,
.hd-input input:-webkit-autofill:hover,
.hd-input input:-webkit-autofill:focus,
.hd-input input:-webkit-autofill:active,
.hd-input textarea:-webkit-autofill,
.hd-input textarea:-webkit-autofill:hover,
.hd-input textarea:-webkit-autofill:focus,
.hd-input textarea:-webkit-autofill:active,
.input input:-webkit-autofill,
.input input:-webkit-autofill:hover,
.input input:-webkit-autofill:focus,
.input input:-webkit-autofill:active,
.input textarea:-webkit-autofill,
.input textarea:-webkit-autofill:hover,
.input textarea:-webkit-autofill:focus,
.input textarea:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset;
    background: none;
}
.hd-input textarea,
.input textarea {
    padding-block: 8px;
    height: auto;
    resize: none;
}
.hd-input:hover,
.input:hover {
    background-color: var(--gray-000);
}
.hd-input:focus,
.input:focus {
    outline: none;
}
.hd-input:focus-within,
.input:focus-within {
    border-color: var(--yellow);
}
.hd-input .rmdp-input:focus,
.input .rmdp-input:focus {
    border: none;
    box-shadow: none;
    outline: none;
}
.hd-input.sm,
.input.sm {
    padding: 0 8px;
}
.hd-input.sm input,
.input.sm input {
    height: 30px;
    font-size: 14px;
}
.hd-input.disabled,
.hd-input:disabled,
.input.disabled,
.input:disabled {
    background: var(--gray-100);
    cursor: not-allowed;
}
.hd-input.error,
.input.error {
    border-color: var(--red-300);
}
.hd-input:has(:disabled, .disabled),
.input:has(:disabled, .disabled) {
    background-color: var(--gray-100);
    cursor: not-allowed;
}

textarea.form-control {
    resize: vertical;
}

.resize-vertical {
    resize: vertical;
}

.resize-none {
    resize: none;
}

.text-placeholder::placeholder {
    color: var(--gray-300);
}

.hd-select,
.select {
    display: flex;
    align-items: center;
    font-size: 1rem;
    font-family: inherit;
    border: 1px solid var(--border);
    border-radius: 4px;
    padding: 0 16px;
    transition: 0.3s;
}
.hd-select select,
.select select {
    border: 0;
    background: none;
    outline: none;
    appearance: none;
    background-position: right 4px center;
    background-repeat: no-repeat;
    background-size: 12px;
    background-image: url(../img/icon/select-icon.svg);
    padding-right: 24px;
    flex-grow: 1;
    width: 100%;
    height: 38px;
    line-height: 1.5;
    /* Change the white to any color */
}
.hd-select select::placeholder,
.select select::placeholder {
    color: var(--gray-300);
}
.hd-select select:-webkit-autofill,
.hd-select select:-webkit-autofill:hover,
.hd-select select:-webkit-autofill:focus,
.hd-select select:-webkit-autofill:active,
.select select:-webkit-autofill,
.select select:-webkit-autofill:hover,
.select select:-webkit-autofill:focus,
.select select:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset;
    background: none;
}
.hd-select select:disabled,
.hd-select select.disabled,
.select select:disabled,
.select select.disabled {
    cursor: not-allowed;
}
.hd-select.sm,
.select.sm {
    padding: 0 8px;
    font-size: 12px;
}
.hd-select.sm select,
.select.sm select {
    height: 30px;
    background-size: 10px;
}
.hd-select:focus-within,
.select:focus-within {
    border-color: var(--gray-300);
}
.hd-select:has(:disabled, .disabled),
.select:has(:disabled, .disabled) {
    background-color: var(--gray-100);
    cursor: not-allowed;
}

.accordion__icon {
    transition: 0.3s;
}
.accordion__body {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows ease-in-out 0.3s;
}
.accordion__body > * {
    overflow: hidden;
}
.accordion__header:has(:checked) .accordion__icon {
    transform: rotateX(180deg);
}
.accordion__header:has(:checked) + .accordion__body {
    grid-template-rows: 1fr;
}

.alert {
    border-radius: 4px;
    padding: 8px;
}
.alert-danger,
.alert-red {
    background-color: var(--red-100);
}
.alert-warning,
.alert-yellow {
    background-color: var(--yellow-100);
}

.menu-slide {
    flex-shrink: 0;
    width: 56px;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    padding: 16px 8px;
    background-color: var(--white);
    border-right: 1px solid var(--border);
    color: var(--gray-500);
    transition: 0.2s;
}
.menu-slide__header {
    display: flex;
    align-items: center;
    padding: 4px 8px;
}
.menu-slide__header .menu-icon {
    transform: rotate(0deg);
    transition: 0.2s;
}
.menu-slide .menu-icon {
    width: 40px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.menu-slide .menu-name {
    flex: 1;
    white-space: nowrap;
    display: none;
    cursor: pointer;
}
.menu-slide a {
    color: inherit;
    text-decoration: none;
    display: flex;
    align-items: center;
    padding: 4px 8px;
    border-radius: 4px;
}
.menu-slide li {
    margin-bottom: 8px;
}
.menu-slide li:last-child {
    margin-bottom: 0;
}
.menu-slide li:hover a,
.menu-slide li.active a {
    background-color: var(--blue-100);
    color: var(--blue-400);
}
.menu-slide li.active .menu-name {
    font-weight: 600;
}
.menu-slide ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.menu-slide .version {
    display: none;
}
.menu-slide.expand {
    width: 220px;
}
.menu-slide.expand .menu-slide__header .menu-icon {
    transform: rotate(180deg);
}
.menu-slide.expand .menu-name {
    display: block;
}
.menu-slide.expand .version {
    display: block;
}

.aside__right {
    z-index: 11;
    background-color: white;
    position: fixed;
    bottom: 0;
    right: 0;
    height: calc(100vh - 64px);
    overflow: auto;
    opacity: 0;
    transform: translateX(100%);
    pointer-events: none;
    transition: 0.3s;
}
.aside__right.expand {
    opacity: 1;
    transform: translateX(0);
    pointer-events: all;
    overflow-y: auto;
}

@keyframes expand {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(0);
    }
}
.breadcrumb {
    margin: 0;
    line-height: 1;
    display: flex;
    align-items: center;
}
.breadcrumb li {
    display: flex;
    align-items: center;
}
.breadcrumb li a {
    color: var(--red-500);
    cursor: pointer;
    transition: 0.2s;
}
.breadcrumb li:last-child a {
    color: var(--gray-400);
}

.btn-close {
    box-sizing: content-box;
    outline: none;
    padding: 0;
    width: 40px;
    height: 40px;
    background: transparent
        url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e")
        center/1em auto no-repeat;
    border: 0;
    border-radius: 4px;
    opacity: 0.5;
}
.btn-close:not(:disabled) {
    opacity: 1;
    cursor: pointer;
}
.btn-close.btn-sm,
.btn-check input[type='radio'] ~ .btn-close,
.btn-check input[type='checkbox'] ~ .btn-close {
    width: 32px;
}

.btn,
.btn-check input[type='radio'] ~ *,
.btn-check input[type='checkbox'] ~ * {
    font-weight: 600;
    outline: none;
    transition: transform 0.0125s;
    height: 40px;
    padding: 0 16px;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
    white-space: nowrap;
    text-align: center;
    transition: 0.2s;
}
.btn:focus,
.btn-check input[type='radio'] ~ :focus,
.btn-check input[type='checkbox'] ~ :focus {
    box-shadow: none;
}
.btn:hover,
.btn-check input[type='radio'] ~ :hover,
.btn-check input[type='checkbox'] ~ :hover {
    cursor: pointer;
    border-color: var(--yellow-200);
    background-color: var(--yellow-200);
}
.btn:active,
.btn-check input[type='radio'] ~ :active,
.btn-check input[type='checkbox'] ~ :active {
    background-color: var(--yellow-500);
}
.btn-default {
    color: var(--gray-400);
    border-color: var(--gray-100);
    background-color: var(--gray-100);
}
.btn-ghost,
.btn-check input[type='radio'] ~ *,
.btn-check input[type='checkbox'] ~ * {
    color: var(--gray-400);
    border-color: var(--border);
    background-color: transparent;
}
.btn-ghost:active,
.btn-check input[type='radio'] ~ :active,
.btn-check input[type='checkbox'] ~ :active {
    border-color: var(--yellow-500);
}
.btn-link {
    color: var(--blue-400);
    border-color: transparent;
    background-color: transparent;
}
.btn-light-blue,
.btn-check input[type='radio']:checked ~ *,
.btn-check input[type='checkbox']:checked ~ * {
    color: var(--blue-400);
    border-color: var(--blue-100);
    background-color: var(--blue-100);
}
.btn-red,
.btn-danger {
    color: var(--white);
    border-color: var(--red-300);
    background-color: var(--red-300);
}
.btn-red:hover,
.btn-danger:hover {
    color: var(--white);
    border-color: var(--red-500);
    background-color: var(--red-500);
}
.btn-yellow,
.btn-primary {
    color: var(--gray-500);
    border-color: var(--yellow-400);
    background-color: var(--yellow-400);
}
.btn-yellow:hover,
.btn-primary:hover {
    color: var(--gray-400);
    border-color: var(--yellow-200);
    background-color: var(--yellow-200);
}
.btn.disabled,
.btn-check input[type='radio'] ~ .disabled,
.btn-check input[type='checkbox'] ~ .disabled,
.btn:disabled,
.btn-check input[type='radio'] ~ :disabled,
.btn-check input[type='checkbox'] ~ :disabled {
    background-color: var(--gray-100);
    border-color: var(--gray-100);
    color: var(--gray-300);
    cursor: not-allowed;
}
.btn.disabled:hover,
.btn-check input[type='radio'] ~ .disabled:hover,
.btn-check input[type='checkbox'] ~ .disabled:hover,
.btn.disabled:active,
.btn-check input[type='radio'] ~ .disabled:active,
.btn-check input[type='checkbox'] ~ .disabled:active,
.btn.disabled:focus,
.btn-check input[type='radio'] ~ .disabled:focus,
.btn-check input[type='checkbox'] ~ .disabled:focus,
.btn:disabled:hover,
.btn-check input[type='radio'] ~ :disabled:hover,
.btn-check input[type='checkbox'] ~ :disabled:hover,
.btn:disabled:active,
.btn-check input[type='radio'] ~ :disabled:active,
.btn-check input[type='checkbox'] ~ :disabled:active,
.btn:disabled:focus,
.btn-check input[type='radio'] ~ :disabled:focus,
.btn-check input[type='checkbox'] ~ :disabled:focus {
    background-color: var(--gray-100);
    border-color: var(--gray-100);
    color: var(--gray-300);
}
.btn-block {
    width: 100%;
    display: block;
}
.btn-icon-left {
    padding-left: 8px;
}
.btn-icon-right {
    padding-right: 8px;
}
.btn-icon-only {
    padding: 0;
    width: 40px;
    line-height: 1;
}
.btn-sm,
.btn-check input[type='radio'] ~ *,
.btn-check input[type='checkbox'] ~ * {
    height: 32px;
}

.btn-check {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 4px;
    min-width: 110px;
}
.btn-check input[type='radio'],
.btn-check input[type='checkbox'] {
    display: none;
}
.btn-check input[type='radio'] ~ *,
.btn-check input[type='checkbox'] ~ * {
    line-height: 32px;
    padding-left: 16px;
    padding-right: 16px;
}
.btn-check:hover input[type='radio'] ~ *,
.btn-check:hover input[type='checkbox'] ~ * {
    border-color: var(--border);
    background-color: var(--gray-000);
}
.btn-check input[type='radio']:checked ~ *,
.btn-check input[type='checkbox']:checked ~ * {
    border-color: var(--blue);
}
.btn-check input[type='radio']:checked ~ *::before,
.btn-check input[type='radio']:checked ~ *::after,
.btn-check input[type='checkbox']:checked ~ *::before,
.btn-check input[type='checkbox']:checked ~ *::after {
    position: absolute;
}
.btn-check input[type='radio']:checked ~ *::before,
.btn-check input[type='checkbox']:checked ~ *::before {
    content: '';
    top: -24px;
    left: -24px;
    width: 40px;
    height: 40px;
    background-color: var(--blue);
    transform: rotateZ(45deg);
}
.btn-check input[type='radio']:checked ~ *::after,
.btn-check input[type='checkbox']:checked ~ *::after {
    content: '\e876';
    top: -10px;
    left: 2px;
    font-family: var(--font-icon);
    font-size: 80%;
    color: white;
}
.btn-check input[type='radio']:checked ~ *:hover,
.btn-check input[type='checkbox']:checked ~ *:hover {
    background-color: var(--blue-200);
}
.btn-check input[type='radio']:disabled ~ *,
.btn-check input[type='checkbox']:disabled ~ * {
    border-color: var(--gray-100);
    background-color: var(--gray-100);
    color: var(--gray-300);
}
.btn-check input[type='radio']:disabled ~ *:hover,
.btn-check input[type='checkbox']:disabled ~ *:hover {
    background-color: var(--gray-100);
    cursor: not-allowed;
}
.btn-check input[type='radio']:disabled:checked ~ *::before,
.btn-check input[type='checkbox']:disabled:checked ~ *::before {
    background-color: var(--gray-300);
}

.peer:checked ~ .peer-checked\:btn-light-blue {
    color: var(--blue-400);
    border-color: var(--blue-100);
    background-color: var(--blue-100);
}

.hd-btn-check {
    color: var(--gray-400);
}
.hd-btn-check input {
    display: none;
}
.hd-btn-check input + * {
    border-radius: 4px;
    display: block;
    padding: 6px 16px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.2s;
}
.hd-btn-check input:checked + * {
    background-color: var(--white);
}
.hd-btn-check input:disabled + * {
    cursor: not-allowed;
}

.hd-btn-check-group {
    background-color: var(--gray-100);
    padding: 2px;
    border-radius: 4px;
    display: flex;
}
.hd-btn-check-group .btn-check {
    margin-right: 4px;
}
.hd-btn-check-group .btn-check:last-child {
    margin-right: 0;
}

.hd-btn {
    font-family: inherit;
    line-height: 1;
    white-space: nowrap;
}
.hd-btn-icon {
    display: inline-flex;
    align-items: center;
}
.hd-btn-icon-only {
    width: 44px;
}
.hd-btn:hover {
    cursor: pointer;
}

.campaign {
    background-color: var(--white);
    border: 1px solid var(--border);
    border-radius: 8px;
    padding: 12px;
    height: 100%;
    transition: 0.2s;
}
.campaign img {
    border-radius: 8px;
}
.campaign:hover {
    cursor: pointer;
    transform: translateY(4px);
}

.dialog {
    margin: auto;
}
.dialog:modal {
    background-color: transparent;
    width: 100%;
}
.dialog::backdrop {
    background-color: rgba(0, 0, 0, 0.9);
}
.dialog-top {
    margin-top: initial;
}
.dialog-bottom {
    margin-bottom: initial;
}

.header {
    display: flex;
    justify-content: space-between;
    height: 72px;
    padding: 12px 40px;
    background-color: #fef2f0;
    border-bottom: 4px solid var(--red-400);
}
.header .logo {
    display: flex;
    align-items: flex-end;
    height: 24px;
}
.header .logo img {
    display: block;
    height: 32px;
}
.header .avatar {
    display: block;
    border: 2px solid var(--white);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin-left: 8px;
}
.header .user {
    text-align: right;
}
.header .notification {
    width: 40px;
    height: 40px;
}
.header__left {
    flex: 1;
    display: flex;
    align-items: center;
}
.header__right {
    display: flex;
    align-items: center;
}

.footer {
    font-size: 14px;
    padding: 24px 48px 20px;
    display: flex;
}
.footer__logo {
    display: block;
}
.footer__logo img {
    display: block;
    height: 58px;
}
.footer__info {
    color: var(--grey);
    flex: 1;
}
.footer__address {
    margin-top: 16px;
}
.footer__line {
    display: block;
    width: 100%;
    height: 60px;
    object-fit: cover;
}

.section-footer {
    background-color: var(--white);
}

.loading {
    z-index: 3;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    justify-content: center;
    align-items: center;
    background-color: rgba(245, 246, 247, 0.8);
    pointer-events: none;
}
.loading::after {
    content: '';
    display: block;
    width: 64px;
    height: 64px;
    border: 8px solid var(--blue-400);
    border-top-color: var(--blue-100);
    border-radius: 50%;
    animation: spin 1s linear infinite;
}
.loading.active {
    pointer-events: all;
    display: flex;
}

@keyframes spin {
    from {
        transform: rotateZ(0deg);
    }
    to {
        transform: rotateZ(360deg);
    }
}
.modal {
    display: flex;
    flex-direction: column;
    max-width: 560px;
    max-height: 90vh;
    border-radius: 8px;
    background: var(--white);
    overflow: hidden;
    margin: auto;
}
.modal__header {
    padding: 8px 16px 8px 24px;
    border-bottom: 1px solid var(--border);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.modal__body {
    flex-grow: 1;
    overflow-y: auto;
}
.modal__footer {
    border-top: 1px solid var(--border);
    padding: 24px;
}
.modal-sm {
    max-width: 320px;
}
.modal-lg {
    max-width: 960px;
}

.backdrop {
    background-color: rgba(0, 0, 0, 0.5);
}

@keyframes modal {
    from {
        transform: scale(0);
    }
    to {
        transform: scale(1);
    }
}
.overlay {
    z-index: 10;
    display: none;
    background-color: rgba(0, 0, 0, 0.8);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.overlay-transparent {
    background-color: transparent;
}
.overlay.active {
    display: block;
}

.pagination {
    display: flex;
    gap: 8px;
    overflow: hidden;
}
.pagination button {
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    border-radius: 4px;
    border: 1px solid var(--border);
    background-color: transparent;
    padding: 4px;
    min-width: 32px;
    line-height: 1;
}
.pagination button:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
.pagination button.active {
    background-color: var(--white-500);
    border-color: var(--red-500);
    color: var(--red-500);
}
.pagination button:hover:not(.active, :disabled) {
    cursor: pointer;
    background-color: var(--yellow-100);
}

.panel {
    border: 1px solid var(--border);
    border-radius: 8px;
}
.panel__header {
    border-bottom: 1px solid var(--border);
    padding: 12px 16px;
}
.post-list-container {
    overflow: auto;
}

.post-list {
    display: flex;
    margin-inline: -16px;
}

.post-item {
    width: calc(33.3333333333% - 32px);
    flex-shrink: 0;
    padding-inline: 16px;
}

.preview-wrapper {
    transform: scale(0.75);
    transform-origin: top center;
}

.preview {
    position: relative;
    font-size: 12px;
    overflow: hidden;
}
.preview__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 28px);
    padding: 40px 40px 28px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.preview__banner {
    flex-shrink: 0;
    height: 104px;
    border-radius: 10px;
    background-color: white;
    border-radius: 10px;
    padding: 8px 16px;
    display: flex;
    overflow: hidden;
}
.preview__message {
    margin-top: 50px;
    flex: 1;
    overflow-y: auto;
    display: flex;
    padding-right: 20px;
}
.preview__ott {
    flex-shrink: 0;
    flex: 1;
    padding: 8px;
    border-radius: 8px;
    background-color: var(--white);
    position: relative;
    overflow-y: auto;
}
.preview__ott p {
    font-size: inherit;
    margin-bottom: unset;
}
.preview__btn {
    background: linear-gradient(180deg, #ffde01 0%, #faa71a 100%);
    border-radius: 8px;
    padding: 12px 28px;
    min-width: 180px;
    min-height: 36px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
}

.progress {
    height: 5px;
    border-radius: 24px;
}

.role-smt > input {
    display: none;
}
.role-smt__header {
    background-color: var(--gray-000);
}
.role-smt__content {
    border: 1px solid var(--border);
    cursor: pointer;
}
.role-smt__check {
    appearance: none;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid var(--border);
    background-color: white;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.role-smt__check::after {
    content: '';
    width: 8px;
    height: 8px;
    display: block;
    border-radius: inherit;
}
.role-smt > input:checked ~ .role-smt__content {
    border-color: var(--blue);
    outline: 1px solid var(--blue);
}
.role-smt > input:checked ~ .role-smt__content .role-smt__header {
    background-color: var(--blue-100);
}
.role-smt > input:checked ~ .role-smt__content .role-smt__check {
    border-color: var(--yellow-400);
}
.role-smt > input:checked ~ .role-smt__content .role-smt__check::after {
    background-color: var(--yellow-400);
}
.role-smt > input:disabled ~ .role-smt__content {
    cursor: not-allowed;
}
.role-smt > input:disabled ~ .role-smt__content .role-smt__check {
    border: 1px solid var(--gray-200);
    background-color: var(--gray-100);
    cursor: not-allowed;
}
.role-smt > input:disabled:checked ~ .role-smt__content .role-smt__check::after {
    background-color: var(--gray-200);
}

.scroll-behavior-smooth {
    scroll-behavior: smooth;
}

.scrollbar-gutter-auto {
    scrollbar-gutter: auto;
}

.scrollbar-gutter-stable {
    scrollbar-gutter: stable;
}

.overflow-y-overlay {
    overflow-y: overlay;
}

hr:not([size]) {
    height: unset;
}

.hr {
    border: none;
    margin-block-start: 0;
    margin-block-end: 0;
    border-bottom: 1px solid var(--border);
}
.hr--dotted {
    border-bottom-style: dotted;
}
.hr--dashed {
    border-bottom-style: dashed;
}
.hr--title {
    border-bottom: none;
    display: flex;
    align-items: center;
}
.hr--title:before,
.hr--title:after {
    content: '';
    flex: 1;
    border-bottom: 1px solid var(--border);
}

.br {
    content: '';
    display: block;
    height: 1rem;
}

.status {
    display: inline-block;
    border-radius: 4px;
    border: 1px solid;
    padding: 4px 12px;
    white-space: nowrap;
    vertical-align: baseline;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    line-height: 1;
}
.status-default {
    border-color: var(--gray-400);
    color: var(--gray-400);
}
.status-yellow {
    border-color: var(--yellow);
    color: var(--yellow);
}
.status-blue,
.status-waiting {
    border-color: var(--blue);
    color: var(--blue);
}
.status-green,
.status-approved {
    border-color: var(--green);
    color: var(--green);
}
.status-red,
.status-rejected {
    border-color: var(--red-300);
    color: var(--red-300);
}

.tab__link {
    font-style: 20px;
    font-weight: bold;
    padding: 14px 40px;
    cursor: pointer;
    border: 1px solid var(--border);
    border-right: none;
    white-space: nowrap;
}
.tab__link:first-child {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}
.tab__link:last-child {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    border-right: 1px solid var(--border);
}
.tab__link.active {
    background-color: var(--red-400);
    color: white;
    border-color: var(--red-400);
}
.tab__header {
    display: flex;
}
.tab__content {
    display: none;
}
.tab__content.active {
    display: block;
}

.tag {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    line-height: 2;
    padding: 0 8px;
    border-radius: 4px;
    white-space: nowrap;
}
.tag-default {
    background-color: var(--gray-100);
    color: var(--gray-300);
}
.tag-smt1 {
    background-color: var(--green-100);
    color: var(--green-500);
}
.tag-smt2,
.tag-light-blue {
    background-color: var(--blue-100);
    color: var(--blue-500);
}
.tag-smt3,
.tag-light-red {
    background-color: var(--red-100);
    color: var(--red-500);
}
.tag-smt4,
.tag-light-yellow {
    background-color: var(--yellow-100);
    color: var(--yellow-500);
}
.tag-smt5,
.tag-light-purple {
    background-color: var(--purple-100);
    color: var(--purple-500);
}
.tag-green {
    background-color: var(--green);
    color: var(--white);
}
.tag-blue {
    background-color: var(--blue);
    color: var(--white);
}
.tag-grey {
    background-color: var(--gray-200);
    color: var(--gray);
}
.tag-yellow {
    background-color: var(--yellow);
    color: var(--white);
}
.tag-red {
    background-color: var(--red-300);
    color: var(--white);
}

.default {
    background-color: #d3d8de;
    color: rgba(69, 79, 91, 0.5);
}

.smt01 {
    background-color: #f2fae2;
    color: var(--gray-400);
}

.smt02 {
    background-color: #e5f3ff;
    color: var(--gray-400);
}

.smt03 {
    background-color: #fde8e8;
    color: var(--gray-400);
}

.smt04 {
    background-color: #fff9e5;
    color: var(--gray-400);
}

.smt05 {
    background-color: #e2d9f3;
    color: var(--gray-400);
}

.smt06 {
    background-color: #e0eeee;
    color: var(--gray-400);
}

.smt07 {
    background-color: #ffb580;
    color: var(--gray-400);
}

.smt08 {
    background-color: #b0e2ff;
    color: var(--gray-400);
}

.smt09 {
    background-color: #ffc1c1;
    color: var(--gray-400);
}

.smt10 {
    background-color: #ffd39b;
    color: var(--gray-400);
}

.bg-white {
    background-color: var(--white);
}

.hover-bg-white:hover,
.hover\:bg-white:hover {
    background-color: var(--white);
}

.has-checked-bg-white:has(:checked),
.has-checked\:bg-white:has(:checked) {
    background-color: var(--white);
}

.peer:checked ~ .peer-checked\:bg-white,
.peer:checked ~ .peer-checked-bg-white {
    background-color: var(--white);
}

.bg-bg {
    background-color: var(--bg);
}

.hover-bg-bg:hover,
.hover\:bg-bg:hover {
    background-color: var(--bg);
}

.has-checked-bg-bg:has(:checked),
.has-checked\:bg-bg:has(:checked) {
    background-color: var(--bg);
}

.peer:checked ~ .peer-checked\:bg-bg,
.peer:checked ~ .peer-checked-bg-bg {
    background-color: var(--bg);
}

.bg-gray {
    background-color: var(--gray);
}

.hover-bg-gray:hover,
.hover\:bg-gray:hover {
    background-color: var(--gray);
}

.has-checked-bg-gray:has(:checked),
.has-checked\:bg-gray:has(:checked) {
    background-color: var(--gray);
}

.peer:checked ~ .peer-checked\:bg-gray,
.peer:checked ~ .peer-checked-bg-gray {
    background-color: var(--gray);
}

.bg-gray-000 {
    background-color: var(--gray-000);
}

.hover-bg-gray-000:hover,
.hover\:bg-gray-000:hover {
    background-color: var(--gray-000);
}

.has-checked-bg-gray-000:has(:checked),
.has-checked\:bg-gray-000:has(:checked) {
    background-color: var(--gray-000);
}

.peer:checked ~ .peer-checked\:bg-gray-000,
.peer:checked ~ .peer-checked-bg-gray-000 {
    background-color: var(--gray-000);
}

.bg-gray-100 {
    background-color: var(--gray-100);
}

.hover-bg-gray-100:hover,
.hover\:bg-gray-100:hover {
    background-color: var(--gray-100);
}

.has-checked-bg-gray-100:has(:checked),
.has-checked\:bg-gray-100:has(:checked) {
    background-color: var(--gray-100);
}

.peer:checked ~ .peer-checked\:bg-gray-100,
.peer:checked ~ .peer-checked-bg-gray-100 {
    background-color: var(--gray-100);
}

.bg-gray-200 {
    background-color: var(--gray-200);
}

.hover-bg-gray-200:hover,
.hover\:bg-gray-200:hover {
    background-color: var(--gray-200);
}

.has-checked-bg-gray-200:has(:checked),
.has-checked\:bg-gray-200:has(:checked) {
    background-color: var(--gray-200);
}

.peer:checked ~ .peer-checked\:bg-gray-200,
.peer:checked ~ .peer-checked-bg-gray-200 {
    background-color: var(--gray-200);
}

.bg-gray-300 {
    background-color: var(--gray-300);
}

.hover-bg-gray-300:hover,
.hover\:bg-gray-300:hover {
    background-color: var(--gray-300);
}

.has-checked-bg-gray-300:has(:checked),
.has-checked\:bg-gray-300:has(:checked) {
    background-color: var(--gray-300);
}

.peer:checked ~ .peer-checked\:bg-gray-300,
.peer:checked ~ .peer-checked-bg-gray-300 {
    background-color: var(--gray-300);
}

.bg-gray-400 {
    background-color: var(--gray-400);
}

.hover-bg-gray-400:hover,
.hover\:bg-gray-400:hover {
    background-color: var(--gray-400);
}

.has-checked-bg-gray-400:has(:checked),
.has-checked\:bg-gray-400:has(:checked) {
    background-color: var(--gray-400);
}

.peer:checked ~ .peer-checked\:bg-gray-400,
.peer:checked ~ .peer-checked-bg-gray-400 {
    background-color: var(--gray-400);
}

.bg-gray-500 {
    background-color: var(--gray-500);
}

.hover-bg-gray-500:hover,
.hover\:bg-gray-500:hover {
    background-color: var(--gray-500);
}

.has-checked-bg-gray-500:has(:checked),
.has-checked\:bg-gray-500:has(:checked) {
    background-color: var(--gray-500);
}

.peer:checked ~ .peer-checked\:bg-gray-500,
.peer:checked ~ .peer-checked-bg-gray-500 {
    background-color: var(--gray-500);
}

.bg-black {
    background-color: var(--black);
}

.hover-bg-black:hover,
.hover\:bg-black:hover {
    background-color: var(--black);
}

.has-checked-bg-black:has(:checked),
.has-checked\:bg-black:has(:checked) {
    background-color: var(--black);
}

.peer:checked ~ .peer-checked\:bg-black,
.peer:checked ~ .peer-checked-bg-black {
    background-color: var(--black);
}

.bg-purple {
    background-color: var(--purple);
}

.hover-bg-purple:hover,
.hover\:bg-purple:hover {
    background-color: var(--purple);
}

.has-checked-bg-purple:has(:checked),
.has-checked\:bg-purple:has(:checked) {
    background-color: var(--purple);
}

.peer:checked ~ .peer-checked\:bg-purple,
.peer:checked ~ .peer-checked-bg-purple {
    background-color: var(--purple);
}

.bg-purple-100 {
    background-color: var(--purple-100);
}

.hover-bg-purple-100:hover,
.hover\:bg-purple-100:hover {
    background-color: var(--purple-100);
}

.has-checked-bg-purple-100:has(:checked),
.has-checked\:bg-purple-100:has(:checked) {
    background-color: var(--purple-100);
}

.peer:checked ~ .peer-checked\:bg-purple-100,
.peer:checked ~ .peer-checked-bg-purple-100 {
    background-color: var(--purple-100);
}

.bg-purple-200 {
    background-color: var(--purple-200);
}

.hover-bg-purple-200:hover,
.hover\:bg-purple-200:hover {
    background-color: var(--purple-200);
}

.has-checked-bg-purple-200:has(:checked),
.has-checked\:bg-purple-200:has(:checked) {
    background-color: var(--purple-200);
}

.peer:checked ~ .peer-checked\:bg-purple-200,
.peer:checked ~ .peer-checked-bg-purple-200 {
    background-color: var(--purple-200);
}

.bg-purple-300 {
    background-color: var(--purple-300);
}

.hover-bg-purple-300:hover,
.hover\:bg-purple-300:hover {
    background-color: var(--purple-300);
}

.has-checked-bg-purple-300:has(:checked),
.has-checked\:bg-purple-300:has(:checked) {
    background-color: var(--purple-300);
}

.peer:checked ~ .peer-checked\:bg-purple-300,
.peer:checked ~ .peer-checked-bg-purple-300 {
    background-color: var(--purple-300);
}

.bg-purple-400 {
    background-color: var(--purple-400);
}

.hover-bg-purple-400:hover,
.hover\:bg-purple-400:hover {
    background-color: var(--purple-400);
}

.has-checked-bg-purple-400:has(:checked),
.has-checked\:bg-purple-400:has(:checked) {
    background-color: var(--purple-400);
}

.peer:checked ~ .peer-checked\:bg-purple-400,
.peer:checked ~ .peer-checked-bg-purple-400 {
    background-color: var(--purple-400);
}

.bg-purple-500 {
    background-color: var(--purple-500);
}

.hover-bg-purple-500:hover,
.hover\:bg-purple-500:hover {
    background-color: var(--purple-500);
}

.has-checked-bg-purple-500:has(:checked),
.has-checked\:bg-purple-500:has(:checked) {
    background-color: var(--purple-500);
}

.peer:checked ~ .peer-checked\:bg-purple-500,
.peer:checked ~ .peer-checked-bg-purple-500 {
    background-color: var(--purple-500);
}

.bg-red {
    background-color: var(--red);
}

.hover-bg-red:hover,
.hover\:bg-red:hover {
    background-color: var(--red);
}

.has-checked-bg-red:has(:checked),
.has-checked\:bg-red:has(:checked) {
    background-color: var(--red);
}

.peer:checked ~ .peer-checked\:bg-red,
.peer:checked ~ .peer-checked-bg-red {
    background-color: var(--red);
}

.bg-red-100 {
    background-color: var(--red-100);
}

.hover-bg-red-100:hover,
.hover\:bg-red-100:hover {
    background-color: var(--red-100);
}

.has-checked-bg-red-100:has(:checked),
.has-checked\:bg-red-100:has(:checked) {
    background-color: var(--red-100);
}

.peer:checked ~ .peer-checked\:bg-red-100,
.peer:checked ~ .peer-checked-bg-red-100 {
    background-color: var(--red-100);
}

.bg-red-200 {
    background-color: var(--red-200);
}

.hover-bg-red-200:hover,
.hover\:bg-red-200:hover {
    background-color: var(--red-200);
}

.has-checked-bg-red-200:has(:checked),
.has-checked\:bg-red-200:has(:checked) {
    background-color: var(--red-200);
}

.peer:checked ~ .peer-checked\:bg-red-200,
.peer:checked ~ .peer-checked-bg-red-200 {
    background-color: var(--red-200);
}

.bg-red-300 {
    background-color: var(--red-300);
}

.hover-bg-red-300:hover,
.hover\:bg-red-300:hover {
    background-color: var(--red-300);
}

.has-checked-bg-red-300:has(:checked),
.has-checked\:bg-red-300:has(:checked) {
    background-color: var(--red-300);
}

.peer:checked ~ .peer-checked\:bg-red-300,
.peer:checked ~ .peer-checked-bg-red-300 {
    background-color: var(--red-300);
}

.bg-red-400 {
    background-color: var(--red-400);
}

.hover-bg-red-400:hover,
.hover\:bg-red-400:hover {
    background-color: var(--red-400);
}

.has-checked-bg-red-400:has(:checked),
.has-checked\:bg-red-400:has(:checked) {
    background-color: var(--red-400);
}

.peer:checked ~ .peer-checked\:bg-red-400,
.peer:checked ~ .peer-checked-bg-red-400 {
    background-color: var(--red-400);
}

.bg-red-500 {
    background-color: var(--red-500);
}

.hover-bg-red-500:hover,
.hover\:bg-red-500:hover {
    background-color: var(--red-500);
}

.has-checked-bg-red-500:has(:checked),
.has-checked\:bg-red-500:has(:checked) {
    background-color: var(--red-500);
}

.peer:checked ~ .peer-checked\:bg-red-500,
.peer:checked ~ .peer-checked-bg-red-500 {
    background-color: var(--red-500);
}

.bg-yellow {
    background-color: var(--yellow);
}

.hover-bg-yellow:hover,
.hover\:bg-yellow:hover {
    background-color: var(--yellow);
}

.has-checked-bg-yellow:has(:checked),
.has-checked\:bg-yellow:has(:checked) {
    background-color: var(--yellow);
}

.peer:checked ~ .peer-checked\:bg-yellow,
.peer:checked ~ .peer-checked-bg-yellow {
    background-color: var(--yellow);
}

.bg-yellow-000 {
    background-color: var(--yellow-000);
}

.hover-bg-yellow-000:hover,
.hover\:bg-yellow-000:hover {
    background-color: var(--yellow-000);
}

.has-checked-bg-yellow-000:has(:checked),
.has-checked\:bg-yellow-000:has(:checked) {
    background-color: var(--yellow-000);
}

.peer:checked ~ .peer-checked\:bg-yellow-000,
.peer:checked ~ .peer-checked-bg-yellow-000 {
    background-color: var(--yellow-000);
}

.bg-yellow-100 {
    background-color: var(--yellow-100);
}

.hover-bg-yellow-100:hover,
.hover\:bg-yellow-100:hover {
    background-color: var(--yellow-100);
}

.has-checked-bg-yellow-100:has(:checked),
.has-checked\:bg-yellow-100:has(:checked) {
    background-color: var(--yellow-100);
}

.peer:checked ~ .peer-checked\:bg-yellow-100,
.peer:checked ~ .peer-checked-bg-yellow-100 {
    background-color: var(--yellow-100);
}

.bg-yellow-200 {
    background-color: var(--yellow-200);
}

.hover-bg-yellow-200:hover,
.hover\:bg-yellow-200:hover {
    background-color: var(--yellow-200);
}

.has-checked-bg-yellow-200:has(:checked),
.has-checked\:bg-yellow-200:has(:checked) {
    background-color: var(--yellow-200);
}

.peer:checked ~ .peer-checked\:bg-yellow-200,
.peer:checked ~ .peer-checked-bg-yellow-200 {
    background-color: var(--yellow-200);
}

.bg-yellow-300 {
    background-color: var(--yellow-300);
}

.hover-bg-yellow-300:hover,
.hover\:bg-yellow-300:hover {
    background-color: var(--yellow-300);
}

.has-checked-bg-yellow-300:has(:checked),
.has-checked\:bg-yellow-300:has(:checked) {
    background-color: var(--yellow-300);
}

.peer:checked ~ .peer-checked\:bg-yellow-300,
.peer:checked ~ .peer-checked-bg-yellow-300 {
    background-color: var(--yellow-300);
}

.bg-yellow-400 {
    background-color: var(--yellow-400);
}

.hover-bg-yellow-400:hover,
.hover\:bg-yellow-400:hover {
    background-color: var(--yellow-400);
}

.has-checked-bg-yellow-400:has(:checked),
.has-checked\:bg-yellow-400:has(:checked) {
    background-color: var(--yellow-400);
}

.peer:checked ~ .peer-checked\:bg-yellow-400,
.peer:checked ~ .peer-checked-bg-yellow-400 {
    background-color: var(--yellow-400);
}

.bg-yellow-500 {
    background-color: var(--yellow-500);
}

.hover-bg-yellow-500:hover,
.hover\:bg-yellow-500:hover {
    background-color: var(--yellow-500);
}

.has-checked-bg-yellow-500:has(:checked),
.has-checked\:bg-yellow-500:has(:checked) {
    background-color: var(--yellow-500);
}

.peer:checked ~ .peer-checked\:bg-yellow-500,
.peer:checked ~ .peer-checked-bg-yellow-500 {
    background-color: var(--yellow-500);
}

.bg-blue {
    background-color: var(--blue);
}

.hover-bg-blue:hover,
.hover\:bg-blue:hover {
    background-color: var(--blue);
}

.has-checked-bg-blue:has(:checked),
.has-checked\:bg-blue:has(:checked) {
    background-color: var(--blue);
}

.peer:checked ~ .peer-checked\:bg-blue,
.peer:checked ~ .peer-checked-bg-blue {
    background-color: var(--blue);
}

.bg-blue-100 {
    background-color: var(--blue-100);
}

.hover-bg-blue-100:hover,
.hover\:bg-blue-100:hover {
    background-color: var(--blue-100);
}

.has-checked-bg-blue-100:has(:checked),
.has-checked\:bg-blue-100:has(:checked) {
    background-color: var(--blue-100);
}

.peer:checked ~ .peer-checked\:bg-blue-100,
.peer:checked ~ .peer-checked-bg-blue-100 {
    background-color: var(--blue-100);
}

.bg-blue-200 {
    background-color: var(--blue-200);
}

.hover-bg-blue-200:hover,
.hover\:bg-blue-200:hover {
    background-color: var(--blue-200);
}

.has-checked-bg-blue-200:has(:checked),
.has-checked\:bg-blue-200:has(:checked) {
    background-color: var(--blue-200);
}

.peer:checked ~ .peer-checked\:bg-blue-200,
.peer:checked ~ .peer-checked-bg-blue-200 {
    background-color: var(--blue-200);
}

.bg-blue-300 {
    background-color: var(--blue-300);
}

.hover-bg-blue-300:hover,
.hover\:bg-blue-300:hover {
    background-color: var(--blue-300);
}

.has-checked-bg-blue-300:has(:checked),
.has-checked\:bg-blue-300:has(:checked) {
    background-color: var(--blue-300);
}

.peer:checked ~ .peer-checked\:bg-blue-300,
.peer:checked ~ .peer-checked-bg-blue-300 {
    background-color: var(--blue-300);
}

.bg-blue-400 {
    background-color: var(--blue-400);
}

.hover-bg-blue-400:hover,
.hover\:bg-blue-400:hover {
    background-color: var(--blue-400);
}

.has-checked-bg-blue-400:has(:checked),
.has-checked\:bg-blue-400:has(:checked) {
    background-color: var(--blue-400);
}

.peer:checked ~ .peer-checked\:bg-blue-400,
.peer:checked ~ .peer-checked-bg-blue-400 {
    background-color: var(--blue-400);
}

.bg-blue-500 {
    background-color: var(--blue-500);
}

.hover-bg-blue-500:hover,
.hover\:bg-blue-500:hover {
    background-color: var(--blue-500);
}

.has-checked-bg-blue-500:has(:checked),
.has-checked\:bg-blue-500:has(:checked) {
    background-color: var(--blue-500);
}

.peer:checked ~ .peer-checked\:bg-blue-500,
.peer:checked ~ .peer-checked-bg-blue-500 {
    background-color: var(--blue-500);
}

.bg-green {
    background-color: var(--green);
}

.hover-bg-green:hover,
.hover\:bg-green:hover {
    background-color: var(--green);
}

.has-checked-bg-green:has(:checked),
.has-checked\:bg-green:has(:checked) {
    background-color: var(--green);
}

.peer:checked ~ .peer-checked\:bg-green,
.peer:checked ~ .peer-checked-bg-green {
    background-color: var(--green);
}

.bg-green-100 {
    background-color: var(--green-100);
}

.hover-bg-green-100:hover,
.hover\:bg-green-100:hover {
    background-color: var(--green-100);
}

.has-checked-bg-green-100:has(:checked),
.has-checked\:bg-green-100:has(:checked) {
    background-color: var(--green-100);
}

.peer:checked ~ .peer-checked\:bg-green-100,
.peer:checked ~ .peer-checked-bg-green-100 {
    background-color: var(--green-100);
}

.bg-green-200 {
    background-color: var(--green-200);
}

.hover-bg-green-200:hover,
.hover\:bg-green-200:hover {
    background-color: var(--green-200);
}

.has-checked-bg-green-200:has(:checked),
.has-checked\:bg-green-200:has(:checked) {
    background-color: var(--green-200);
}

.peer:checked ~ .peer-checked\:bg-green-200,
.peer:checked ~ .peer-checked-bg-green-200 {
    background-color: var(--green-200);
}

.bg-green-300 {
    background-color: var(--green-300);
}

.hover-bg-green-300:hover,
.hover\:bg-green-300:hover {
    background-color: var(--green-300);
}

.has-checked-bg-green-300:has(:checked),
.has-checked\:bg-green-300:has(:checked) {
    background-color: var(--green-300);
}

.peer:checked ~ .peer-checked\:bg-green-300,
.peer:checked ~ .peer-checked-bg-green-300 {
    background-color: var(--green-300);
}

.bg-green-400 {
    background-color: var(--green-400);
}

.hover-bg-green-400:hover,
.hover\:bg-green-400:hover {
    background-color: var(--green-400);
}

.has-checked-bg-green-400:has(:checked),
.has-checked\:bg-green-400:has(:checked) {
    background-color: var(--green-400);
}

.peer:checked ~ .peer-checked\:bg-green-400,
.peer:checked ~ .peer-checked-bg-green-400 {
    background-color: var(--green-400);
}

.bg-green-500 {
    background-color: var(--green-500);
}

.hover-bg-green-500:hover,
.hover\:bg-green-500:hover {
    background-color: var(--green-500);
}

.has-checked-bg-green-500:has(:checked),
.has-checked\:bg-green-500:has(:checked) {
    background-color: var(--green-500);
}

.peer:checked ~ .peer-checked\:bg-green-500,
.peer:checked ~ .peer-checked-bg-green-500 {
    background-color: var(--green-500);
}

.bg-black-10 {
    background-color: rgba(0, 0, 0, 0.1);
}

.bg-black-15 {
    background-color: rgba(0, 0, 0, 0.15);
}

.bg-black-20 {
    background-color: rgba(0, 0, 0, 0.2);
}

.bg-black-30 {
    background-color: rgba(0, 0, 0, 0.3);
}

.bg-black-40 {
    background-color: rgba(0, 0, 0, 0.4);
}

.bg-black-50 {
    background-color: rgba(0, 0, 0, 0.5);
}

.bg-black-60 {
    background-color: rgba(0, 0, 0, 0.6);
}

.bg-black-70 {
    background-color: rgba(0, 0, 0, 0.7);
}

.bg-black-80 {
    background-color: rgba(0, 0, 0, 0.8);
}

.bg-black-90 {
    background-color: rgba(0, 0, 0, 0.9);
}

.bg-gradient-yellow {
    background: linear-gradient(180deg, rgba(255, 249, 226, 0.55) 0%, rgba(255, 224, 112, 0.55) 110.56%);
}

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

.bg-none {
    background: none;
}

.bg-repeat {
    background-repeat: repeat;
}

.bg-no-repeat {
    background-repeat: no-repeat;
}

.bg-pos-x-left {
    background-position-x: left;
}

.bg-pos-x-center {
    background-position-x: center;
}

.bg-pos-x-right {
    background-position-x: right;
}

.bg-pos-y-top {
    background-position-y: top;
}

.bg-pos-y-center {
    background-position-y: center;
}

.bg-pos-y-bottom {
    background-position-y: bottom;
}

.bg-size-cover {
    background-size: cover;
}

.bg-size-contain {
    background-size: contain;
}

.border-t,
.border-y,
.border {
    border-top: 1px solid var(--border);
}

.border-b,
.border-y,
.border {
    border-bottom: 1px solid var(--border);
}

.border-l,
.border-x,
.border {
    border-left: 1px solid var(--border);
}

.border-r,
.border-x,
.border {
    border-right: 1px solid var(--border);
}

.hover-border-t:hover,
.hover-border-y:hover,
.hover-border:hover {
    border-top: 1px solid var(--border);
}

.hover-border-b:hover,
.hover-border-y:hover,
.hover-border:hover {
    border-bottom: 1px solid var(--border);
}

.hover-border-l:hover,
.hover-border-x:hover,
.hover-border:hover {
    border-left: 1px solid var(--border);
}

.hover-border-r:hover,
.hover-border-x:hover,
.hover-border:hover {
    border-right: 1px solid var(--border);
}

.border-t-s-solid,
.border-y-s-solid,
.border-s-solid {
    border-top-style: solid;
}

.border-b-s-solid,
.border-y-s-solid,
.border-s-solid {
    border-bottom-style: solid;
}

.border-l-s-solid,
.border-x-s-solid,
.border-s-solid {
    border-left-style: solid;
}

.border-r-s-solid,
.border-x-s-solid,
.border-s-solid {
    border-right-style: solid;
}

.border-t-s-dotted,
.border-y-s-dotted,
.border-s-dotted {
    border-top-style: dotted;
}

.border-b-s-dotted,
.border-y-s-dotted,
.border-s-dotted {
    border-bottom-style: dotted;
}

.border-l-s-dotted,
.border-x-s-dotted,
.border-s-dotted {
    border-left-style: dotted;
}

.border-r-s-dotted,
.border-x-s-dotted,
.border-s-dotted {
    border-right-style: dotted;
}

.border-t-s-dashed,
.border-y-s-dashed,
.border-s-dashed {
    border-top-style: dashed;
}

.border-b-s-dashed,
.border-y-s-dashed,
.border-s-dashed {
    border-bottom-style: dashed;
}

.border-l-s-dashed,
.border-x-s-dashed,
.border-s-dashed {
    border-left-style: dashed;
}

.border-r-s-dashed,
.border-x-s-dashed,
.border-s-dashed {
    border-right-style: dashed;
}

.border-t-s-none,
.border-y-s-none,
.border-s-none {
    border-top-style: none;
}

.border-b-s-none,
.border-y-s-none,
.border-s-none {
    border-bottom-style: none;
}

.border-l-s-none,
.border-x-s-none,
.border-s-none {
    border-left-style: none;
}

.border-r-s-none,
.border-x-s-none,
.border-s-none {
    border-right-style: none;
}

.border-t-w-0px,
.border-y-w-0px,
.border-w-0px {
    border-top-width: 0px;
}

.border-b-w-0px,
.border-y-w-0px,
.border-w-0px {
    border-bottom-width: 0px;
}

.border-l-w-0px,
.border-x-w-0px,
.border-w-0px {
    border-left-width: 0px;
}

.border-r-w-0px,
.border-x-w-0px,
.border-w-0px {
    border-right-width: 0px;
}

.has-checked\:border-t-w-0px:has(:checked),
.has-checked\:border-y-w-0px:has(:checked),
.has-checked\:border-w-0px:has(:checked) {
    border-top-width: 0px;
}

.has-checked\:border-b-w-0px:has(:checked),
.has-checked\:border-y-w-0px:has(:checked),
.has-checked\:border-w-0px:has(:checked) {
    border-bottom-width: 0px;
}

.has-checked\:border-l-w-0px:has(:checked),
.has-checked\:border-x-w-0px:has(:checked),
.has-checked\:border-w-0px:has(:checked) {
    border-left-width: 0px;
}

.has-checked\:border-r-w-0px:has(:checked),
.has-checked\:border-x-w-0px:has(:checked),
.has-checked\:border-w-0px:has(:checked) {
    border-right-width: 0px;
}

.border-t-w-1px,
.border-y-w-1px,
.border-w-1px {
    border-top-width: 1px;
}

.border-b-w-1px,
.border-y-w-1px,
.border-w-1px {
    border-bottom-width: 1px;
}

.border-l-w-1px,
.border-x-w-1px,
.border-w-1px {
    border-left-width: 1px;
}

.border-r-w-1px,
.border-x-w-1px,
.border-w-1px {
    border-right-width: 1px;
}

.has-checked\:border-t-w-1px:has(:checked),
.has-checked\:border-y-w-1px:has(:checked),
.has-checked\:border-w-1px:has(:checked) {
    border-top-width: 1px;
}

.has-checked\:border-b-w-1px:has(:checked),
.has-checked\:border-y-w-1px:has(:checked),
.has-checked\:border-w-1px:has(:checked) {
    border-bottom-width: 1px;
}

.has-checked\:border-l-w-1px:has(:checked),
.has-checked\:border-x-w-1px:has(:checked),
.has-checked\:border-w-1px:has(:checked) {
    border-left-width: 1px;
}

.has-checked\:border-r-w-1px:has(:checked),
.has-checked\:border-x-w-1px:has(:checked),
.has-checked\:border-w-1px:has(:checked) {
    border-right-width: 1px;
}

.border-t-w-2px,
.border-y-w-2px,
.border-w-2px {
    border-top-width: 2px;
}

.border-b-w-2px,
.border-y-w-2px,
.border-w-2px {
    border-bottom-width: 2px;
}

.border-l-w-2px,
.border-x-w-2px,
.border-w-2px {
    border-left-width: 2px;
}

.border-r-w-2px,
.border-x-w-2px,
.border-w-2px {
    border-right-width: 2px;
}

.has-checked\:border-t-w-2px:has(:checked),
.has-checked\:border-y-w-2px:has(:checked),
.has-checked\:border-w-2px:has(:checked) {
    border-top-width: 2px;
}

.has-checked\:border-b-w-2px:has(:checked),
.has-checked\:border-y-w-2px:has(:checked),
.has-checked\:border-w-2px:has(:checked) {
    border-bottom-width: 2px;
}

.has-checked\:border-l-w-2px:has(:checked),
.has-checked\:border-x-w-2px:has(:checked),
.has-checked\:border-w-2px:has(:checked) {
    border-left-width: 2px;
}

.has-checked\:border-r-w-2px:has(:checked),
.has-checked\:border-x-w-2px:has(:checked),
.has-checked\:border-w-2px:has(:checked) {
    border-right-width: 2px;
}

.border-t-w-4px,
.border-y-w-4px,
.border-w-4px {
    border-top-width: 4px;
}

.border-b-w-4px,
.border-y-w-4px,
.border-w-4px {
    border-bottom-width: 4px;
}

.border-l-w-4px,
.border-x-w-4px,
.border-w-4px {
    border-left-width: 4px;
}

.border-r-w-4px,
.border-x-w-4px,
.border-w-4px {
    border-right-width: 4px;
}

.has-checked\:border-t-w-4px:has(:checked),
.has-checked\:border-y-w-4px:has(:checked),
.has-checked\:border-w-4px:has(:checked) {
    border-top-width: 4px;
}

.has-checked\:border-b-w-4px:has(:checked),
.has-checked\:border-y-w-4px:has(:checked),
.has-checked\:border-w-4px:has(:checked) {
    border-bottom-width: 4px;
}

.has-checked\:border-l-w-4px:has(:checked),
.has-checked\:border-x-w-4px:has(:checked),
.has-checked\:border-w-4px:has(:checked) {
    border-left-width: 4px;
}

.has-checked\:border-r-w-4px:has(:checked),
.has-checked\:border-x-w-4px:has(:checked),
.has-checked\:border-w-4px:has(:checked) {
    border-right-width: 4px;
}

.border-t-w-6px,
.border-y-w-6px,
.border-w-6px {
    border-top-width: 6px;
}

.border-b-w-6px,
.border-y-w-6px,
.border-w-6px {
    border-bottom-width: 6px;
}

.border-l-w-6px,
.border-x-w-6px,
.border-w-6px {
    border-left-width: 6px;
}

.border-r-w-6px,
.border-x-w-6px,
.border-w-6px {
    border-right-width: 6px;
}

.has-checked\:border-t-w-6px:has(:checked),
.has-checked\:border-y-w-6px:has(:checked),
.has-checked\:border-w-6px:has(:checked) {
    border-top-width: 6px;
}

.has-checked\:border-b-w-6px:has(:checked),
.has-checked\:border-y-w-6px:has(:checked),
.has-checked\:border-w-6px:has(:checked) {
    border-bottom-width: 6px;
}

.has-checked\:border-l-w-6px:has(:checked),
.has-checked\:border-x-w-6px:has(:checked),
.has-checked\:border-w-6px:has(:checked) {
    border-left-width: 6px;
}

.has-checked\:border-r-w-6px:has(:checked),
.has-checked\:border-x-w-6px:has(:checked),
.has-checked\:border-w-6px:has(:checked) {
    border-right-width: 6px;
}

.border-t-w-8px,
.border-y-w-8px,
.border-w-8px {
    border-top-width: 8px;
}

.border-b-w-8px,
.border-y-w-8px,
.border-w-8px {
    border-bottom-width: 8px;
}

.border-l-w-8px,
.border-x-w-8px,
.border-w-8px {
    border-left-width: 8px;
}

.border-r-w-8px,
.border-x-w-8px,
.border-w-8px {
    border-right-width: 8px;
}

.has-checked\:border-t-w-8px:has(:checked),
.has-checked\:border-y-w-8px:has(:checked),
.has-checked\:border-w-8px:has(:checked) {
    border-top-width: 8px;
}

.has-checked\:border-b-w-8px:has(:checked),
.has-checked\:border-y-w-8px:has(:checked),
.has-checked\:border-w-8px:has(:checked) {
    border-bottom-width: 8px;
}

.has-checked\:border-l-w-8px:has(:checked),
.has-checked\:border-x-w-8px:has(:checked),
.has-checked\:border-w-8px:has(:checked) {
    border-left-width: 8px;
}

.has-checked\:border-r-w-8px:has(:checked),
.has-checked\:border-x-w-8px:has(:checked),
.has-checked\:border-w-8px:has(:checked) {
    border-right-width: 8px;
}

.border-t-white,
.border-y-white,
.border-white {
    border-top-color: var(--white);
}

.border-b-white,
.border-y-white,
.border-white {
    border-bottom-color: var(--white);
}

.border-l-white,
.border-x-white,
.border-white {
    border-left-color: var(--white);
}

.border-r-white,
.border-x-white,
.border-white {
    border-right-color: var(--white);
}

.peer:checked ~ .peer-checked\:border-t-white,
.peer:checked ~ .peer-checked\:border-y-white,
.peer:checked ~ .peer-checked\:border-white {
    border-top-color: var(--white);
}

.peer:checked ~ .peer-checked\:border-b-white,
.peer:checked ~ .peer-checked\:border-y-white,
.peer:checked ~ .peer-checked\:border-white {
    border-bottom-color: var(--white);
}

.peer:checked ~ .peer-checked\:border-l-white,
.peer:checked ~ .peer-checked\:border-x-white,
.peer:checked ~ .peer-checked\:border-white {
    border-left-color: var(--white);
}

.peer:checked ~ .peer-checked\:border-r-white,
.peer:checked ~ .peer-checked\:border-x-white,
.peer:checked ~ .peer-checked\:border-white {
    border-right-color: var(--white);
}

.has-checked\:border-t-white:has(:checked),
.has-checked\:border-y-white:has(:checked),
.has-checked\:border-white:has(:checked) {
    border-top-color: var(--white);
}

.has-checked\:border-b-white:has(:checked),
.has-checked\:border-y-white:has(:checked),
.has-checked\:border-white:has(:checked) {
    border-bottom-color: var(--white);
}

.has-checked\:border-l-white:has(:checked),
.has-checked\:border-x-white:has(:checked),
.has-checked\:border-white:has(:checked) {
    border-left-color: var(--white);
}

.has-checked\:border-r-white:has(:checked),
.has-checked\:border-x-white:has(:checked),
.has-checked\:border-white:has(:checked) {
    border-right-color: var(--white);
}

.hover-border-t-white:hover,
.hover-border-y-white:hover,
.hover-border-white:hover {
    border-top-color: var(--white);
}

.hover-border-b-white:hover,
.hover-border-y-white:hover,
.hover-border-white:hover {
    border-bottom-color: var(--white);
}

.hover-border-l-white:hover,
.hover-border-x-white:hover,
.hover-border-white:hover {
    border-left-color: var(--white);
}

.hover-border-r-white:hover,
.hover-border-x-white:hover,
.hover-border-white:hover {
    border-right-color: var(--white);
}

.border-t-bg,
.border-y-bg,
.border-bg {
    border-top-color: var(--bg);
}

.border-b-bg,
.border-y-bg,
.border-bg {
    border-bottom-color: var(--bg);
}

.border-l-bg,
.border-x-bg,
.border-bg {
    border-left-color: var(--bg);
}

.border-r-bg,
.border-x-bg,
.border-bg {
    border-right-color: var(--bg);
}

.peer:checked ~ .peer-checked\:border-t-bg,
.peer:checked ~ .peer-checked\:border-y-bg,
.peer:checked ~ .peer-checked\:border-bg {
    border-top-color: var(--bg);
}

.peer:checked ~ .peer-checked\:border-b-bg,
.peer:checked ~ .peer-checked\:border-y-bg,
.peer:checked ~ .peer-checked\:border-bg {
    border-bottom-color: var(--bg);
}

.peer:checked ~ .peer-checked\:border-l-bg,
.peer:checked ~ .peer-checked\:border-x-bg,
.peer:checked ~ .peer-checked\:border-bg {
    border-left-color: var(--bg);
}

.peer:checked ~ .peer-checked\:border-r-bg,
.peer:checked ~ .peer-checked\:border-x-bg,
.peer:checked ~ .peer-checked\:border-bg {
    border-right-color: var(--bg);
}

.has-checked\:border-t-bg:has(:checked),
.has-checked\:border-y-bg:has(:checked),
.has-checked\:border-bg:has(:checked) {
    border-top-color: var(--bg);
}

.has-checked\:border-b-bg:has(:checked),
.has-checked\:border-y-bg:has(:checked),
.has-checked\:border-bg:has(:checked) {
    border-bottom-color: var(--bg);
}

.has-checked\:border-l-bg:has(:checked),
.has-checked\:border-x-bg:has(:checked),
.has-checked\:border-bg:has(:checked) {
    border-left-color: var(--bg);
}

.has-checked\:border-r-bg:has(:checked),
.has-checked\:border-x-bg:has(:checked),
.has-checked\:border-bg:has(:checked) {
    border-right-color: var(--bg);
}

.hover-border-t-bg:hover,
.hover-border-y-bg:hover,
.hover-border-bg:hover {
    border-top-color: var(--bg);
}

.hover-border-b-bg:hover,
.hover-border-y-bg:hover,
.hover-border-bg:hover {
    border-bottom-color: var(--bg);
}

.hover-border-l-bg:hover,
.hover-border-x-bg:hover,
.hover-border-bg:hover {
    border-left-color: var(--bg);
}

.hover-border-r-bg:hover,
.hover-border-x-bg:hover,
.hover-border-bg:hover {
    border-right-color: var(--bg);
}

.border-t-gray,
.border-y-gray,
.border-gray {
    border-top-color: var(--gray);
}

.border-b-gray,
.border-y-gray,
.border-gray {
    border-bottom-color: var(--gray);
}

.border-l-gray,
.border-x-gray,
.border-gray {
    border-left-color: var(--gray);
}

.border-r-gray,
.border-x-gray,
.border-gray {
    border-right-color: var(--gray);
}

.peer:checked ~ .peer-checked\:border-t-gray,
.peer:checked ~ .peer-checked\:border-y-gray,
.peer:checked ~ .peer-checked\:border-gray {
    border-top-color: var(--gray);
}

.peer:checked ~ .peer-checked\:border-b-gray,
.peer:checked ~ .peer-checked\:border-y-gray,
.peer:checked ~ .peer-checked\:border-gray {
    border-bottom-color: var(--gray);
}

.peer:checked ~ .peer-checked\:border-l-gray,
.peer:checked ~ .peer-checked\:border-x-gray,
.peer:checked ~ .peer-checked\:border-gray {
    border-left-color: var(--gray);
}

.peer:checked ~ .peer-checked\:border-r-gray,
.peer:checked ~ .peer-checked\:border-x-gray,
.peer:checked ~ .peer-checked\:border-gray {
    border-right-color: var(--gray);
}

.has-checked\:border-t-gray:has(:checked),
.has-checked\:border-y-gray:has(:checked),
.has-checked\:border-gray:has(:checked) {
    border-top-color: var(--gray);
}

.has-checked\:border-b-gray:has(:checked),
.has-checked\:border-y-gray:has(:checked),
.has-checked\:border-gray:has(:checked) {
    border-bottom-color: var(--gray);
}

.has-checked\:border-l-gray:has(:checked),
.has-checked\:border-x-gray:has(:checked),
.has-checked\:border-gray:has(:checked) {
    border-left-color: var(--gray);
}

.has-checked\:border-r-gray:has(:checked),
.has-checked\:border-x-gray:has(:checked),
.has-checked\:border-gray:has(:checked) {
    border-right-color: var(--gray);
}

.hover-border-t-gray:hover,
.hover-border-y-gray:hover,
.hover-border-gray:hover {
    border-top-color: var(--gray);
}

.hover-border-b-gray:hover,
.hover-border-y-gray:hover,
.hover-border-gray:hover {
    border-bottom-color: var(--gray);
}

.hover-border-l-gray:hover,
.hover-border-x-gray:hover,
.hover-border-gray:hover {
    border-left-color: var(--gray);
}

.hover-border-r-gray:hover,
.hover-border-x-gray:hover,
.hover-border-gray:hover {
    border-right-color: var(--gray);
}

.border-t-gray-000,
.border-y-gray-000,
.border-gray-000 {
    border-top-color: var(--gray-000);
}

.border-b-gray-000,
.border-y-gray-000,
.border-gray-000 {
    border-bottom-color: var(--gray-000);
}

.border-l-gray-000,
.border-x-gray-000,
.border-gray-000 {
    border-left-color: var(--gray-000);
}

.border-r-gray-000,
.border-x-gray-000,
.border-gray-000 {
    border-right-color: var(--gray-000);
}

.peer:checked ~ .peer-checked\:border-t-gray-000,
.peer:checked ~ .peer-checked\:border-y-gray-000,
.peer:checked ~ .peer-checked\:border-gray-000 {
    border-top-color: var(--gray-000);
}

.peer:checked ~ .peer-checked\:border-b-gray-000,
.peer:checked ~ .peer-checked\:border-y-gray-000,
.peer:checked ~ .peer-checked\:border-gray-000 {
    border-bottom-color: var(--gray-000);
}

.peer:checked ~ .peer-checked\:border-l-gray-000,
.peer:checked ~ .peer-checked\:border-x-gray-000,
.peer:checked ~ .peer-checked\:border-gray-000 {
    border-left-color: var(--gray-000);
}

.peer:checked ~ .peer-checked\:border-r-gray-000,
.peer:checked ~ .peer-checked\:border-x-gray-000,
.peer:checked ~ .peer-checked\:border-gray-000 {
    border-right-color: var(--gray-000);
}

.has-checked\:border-t-gray-000:has(:checked),
.has-checked\:border-y-gray-000:has(:checked),
.has-checked\:border-gray-000:has(:checked) {
    border-top-color: var(--gray-000);
}

.has-checked\:border-b-gray-000:has(:checked),
.has-checked\:border-y-gray-000:has(:checked),
.has-checked\:border-gray-000:has(:checked) {
    border-bottom-color: var(--gray-000);
}

.has-checked\:border-l-gray-000:has(:checked),
.has-checked\:border-x-gray-000:has(:checked),
.has-checked\:border-gray-000:has(:checked) {
    border-left-color: var(--gray-000);
}

.has-checked\:border-r-gray-000:has(:checked),
.has-checked\:border-x-gray-000:has(:checked),
.has-checked\:border-gray-000:has(:checked) {
    border-right-color: var(--gray-000);
}

.hover-border-t-gray-000:hover,
.hover-border-y-gray-000:hover,
.hover-border-gray-000:hover {
    border-top-color: var(--gray-000);
}

.hover-border-b-gray-000:hover,
.hover-border-y-gray-000:hover,
.hover-border-gray-000:hover {
    border-bottom-color: var(--gray-000);
}

.hover-border-l-gray-000:hover,
.hover-border-x-gray-000:hover,
.hover-border-gray-000:hover {
    border-left-color: var(--gray-000);
}

.hover-border-r-gray-000:hover,
.hover-border-x-gray-000:hover,
.hover-border-gray-000:hover {
    border-right-color: var(--gray-000);
}

.border-t-gray-100,
.border-y-gray-100,
.border-gray-100 {
    border-top-color: var(--gray-100);
}

.border-b-gray-100,
.border-y-gray-100,
.border-gray-100 {
    border-bottom-color: var(--gray-100);
}

.border-l-gray-100,
.border-x-gray-100,
.border-gray-100 {
    border-left-color: var(--gray-100);
}

.border-r-gray-100,
.border-x-gray-100,
.border-gray-100 {
    border-right-color: var(--gray-100);
}

.peer:checked ~ .peer-checked\:border-t-gray-100,
.peer:checked ~ .peer-checked\:border-y-gray-100,
.peer:checked ~ .peer-checked\:border-gray-100 {
    border-top-color: var(--gray-100);
}

.peer:checked ~ .peer-checked\:border-b-gray-100,
.peer:checked ~ .peer-checked\:border-y-gray-100,
.peer:checked ~ .peer-checked\:border-gray-100 {
    border-bottom-color: var(--gray-100);
}

.peer:checked ~ .peer-checked\:border-l-gray-100,
.peer:checked ~ .peer-checked\:border-x-gray-100,
.peer:checked ~ .peer-checked\:border-gray-100 {
    border-left-color: var(--gray-100);
}

.peer:checked ~ .peer-checked\:border-r-gray-100,
.peer:checked ~ .peer-checked\:border-x-gray-100,
.peer:checked ~ .peer-checked\:border-gray-100 {
    border-right-color: var(--gray-100);
}

.has-checked\:border-t-gray-100:has(:checked),
.has-checked\:border-y-gray-100:has(:checked),
.has-checked\:border-gray-100:has(:checked) {
    border-top-color: var(--gray-100);
}

.has-checked\:border-b-gray-100:has(:checked),
.has-checked\:border-y-gray-100:has(:checked),
.has-checked\:border-gray-100:has(:checked) {
    border-bottom-color: var(--gray-100);
}

.has-checked\:border-l-gray-100:has(:checked),
.has-checked\:border-x-gray-100:has(:checked),
.has-checked\:border-gray-100:has(:checked) {
    border-left-color: var(--gray-100);
}

.has-checked\:border-r-gray-100:has(:checked),
.has-checked\:border-x-gray-100:has(:checked),
.has-checked\:border-gray-100:has(:checked) {
    border-right-color: var(--gray-100);
}

.hover-border-t-gray-100:hover,
.hover-border-y-gray-100:hover,
.hover-border-gray-100:hover {
    border-top-color: var(--gray-100);
}

.hover-border-b-gray-100:hover,
.hover-border-y-gray-100:hover,
.hover-border-gray-100:hover {
    border-bottom-color: var(--gray-100);
}

.hover-border-l-gray-100:hover,
.hover-border-x-gray-100:hover,
.hover-border-gray-100:hover {
    border-left-color: var(--gray-100);
}

.hover-border-r-gray-100:hover,
.hover-border-x-gray-100:hover,
.hover-border-gray-100:hover {
    border-right-color: var(--gray-100);
}

.border-t-gray-200,
.border-y-gray-200,
.border-gray-200 {
    border-top-color: var(--gray-200);
}

.border-b-gray-200,
.border-y-gray-200,
.border-gray-200 {
    border-bottom-color: var(--gray-200);
}

.border-l-gray-200,
.border-x-gray-200,
.border-gray-200 {
    border-left-color: var(--gray-200);
}

.border-r-gray-200,
.border-x-gray-200,
.border-gray-200 {
    border-right-color: var(--gray-200);
}

.peer:checked ~ .peer-checked\:border-t-gray-200,
.peer:checked ~ .peer-checked\:border-y-gray-200,
.peer:checked ~ .peer-checked\:border-gray-200 {
    border-top-color: var(--gray-200);
}

.peer:checked ~ .peer-checked\:border-b-gray-200,
.peer:checked ~ .peer-checked\:border-y-gray-200,
.peer:checked ~ .peer-checked\:border-gray-200 {
    border-bottom-color: var(--gray-200);
}

.peer:checked ~ .peer-checked\:border-l-gray-200,
.peer:checked ~ .peer-checked\:border-x-gray-200,
.peer:checked ~ .peer-checked\:border-gray-200 {
    border-left-color: var(--gray-200);
}

.peer:checked ~ .peer-checked\:border-r-gray-200,
.peer:checked ~ .peer-checked\:border-x-gray-200,
.peer:checked ~ .peer-checked\:border-gray-200 {
    border-right-color: var(--gray-200);
}

.has-checked\:border-t-gray-200:has(:checked),
.has-checked\:border-y-gray-200:has(:checked),
.has-checked\:border-gray-200:has(:checked) {
    border-top-color: var(--gray-200);
}

.has-checked\:border-b-gray-200:has(:checked),
.has-checked\:border-y-gray-200:has(:checked),
.has-checked\:border-gray-200:has(:checked) {
    border-bottom-color: var(--gray-200);
}

.has-checked\:border-l-gray-200:has(:checked),
.has-checked\:border-x-gray-200:has(:checked),
.has-checked\:border-gray-200:has(:checked) {
    border-left-color: var(--gray-200);
}

.has-checked\:border-r-gray-200:has(:checked),
.has-checked\:border-x-gray-200:has(:checked),
.has-checked\:border-gray-200:has(:checked) {
    border-right-color: var(--gray-200);
}

.hover-border-t-gray-200:hover,
.hover-border-y-gray-200:hover,
.hover-border-gray-200:hover {
    border-top-color: var(--gray-200);
}

.hover-border-b-gray-200:hover,
.hover-border-y-gray-200:hover,
.hover-border-gray-200:hover {
    border-bottom-color: var(--gray-200);
}

.hover-border-l-gray-200:hover,
.hover-border-x-gray-200:hover,
.hover-border-gray-200:hover {
    border-left-color: var(--gray-200);
}

.hover-border-r-gray-200:hover,
.hover-border-x-gray-200:hover,
.hover-border-gray-200:hover {
    border-right-color: var(--gray-200);
}

.border-t-gray-300,
.border-y-gray-300,
.border-gray-300 {
    border-top-color: var(--gray-300);
}

.border-b-gray-300,
.border-y-gray-300,
.border-gray-300 {
    border-bottom-color: var(--gray-300);
}

.border-l-gray-300,
.border-x-gray-300,
.border-gray-300 {
    border-left-color: var(--gray-300);
}

.border-r-gray-300,
.border-x-gray-300,
.border-gray-300 {
    border-right-color: var(--gray-300);
}

.peer:checked ~ .peer-checked\:border-t-gray-300,
.peer:checked ~ .peer-checked\:border-y-gray-300,
.peer:checked ~ .peer-checked\:border-gray-300 {
    border-top-color: var(--gray-300);
}

.peer:checked ~ .peer-checked\:border-b-gray-300,
.peer:checked ~ .peer-checked\:border-y-gray-300,
.peer:checked ~ .peer-checked\:border-gray-300 {
    border-bottom-color: var(--gray-300);
}

.peer:checked ~ .peer-checked\:border-l-gray-300,
.peer:checked ~ .peer-checked\:border-x-gray-300,
.peer:checked ~ .peer-checked\:border-gray-300 {
    border-left-color: var(--gray-300);
}

.peer:checked ~ .peer-checked\:border-r-gray-300,
.peer:checked ~ .peer-checked\:border-x-gray-300,
.peer:checked ~ .peer-checked\:border-gray-300 {
    border-right-color: var(--gray-300);
}

.has-checked\:border-t-gray-300:has(:checked),
.has-checked\:border-y-gray-300:has(:checked),
.has-checked\:border-gray-300:has(:checked) {
    border-top-color: var(--gray-300);
}

.has-checked\:border-b-gray-300:has(:checked),
.has-checked\:border-y-gray-300:has(:checked),
.has-checked\:border-gray-300:has(:checked) {
    border-bottom-color: var(--gray-300);
}

.has-checked\:border-l-gray-300:has(:checked),
.has-checked\:border-x-gray-300:has(:checked),
.has-checked\:border-gray-300:has(:checked) {
    border-left-color: var(--gray-300);
}

.has-checked\:border-r-gray-300:has(:checked),
.has-checked\:border-x-gray-300:has(:checked),
.has-checked\:border-gray-300:has(:checked) {
    border-right-color: var(--gray-300);
}

.hover-border-t-gray-300:hover,
.hover-border-y-gray-300:hover,
.hover-border-gray-300:hover {
    border-top-color: var(--gray-300);
}

.hover-border-b-gray-300:hover,
.hover-border-y-gray-300:hover,
.hover-border-gray-300:hover {
    border-bottom-color: var(--gray-300);
}

.hover-border-l-gray-300:hover,
.hover-border-x-gray-300:hover,
.hover-border-gray-300:hover {
    border-left-color: var(--gray-300);
}

.hover-border-r-gray-300:hover,
.hover-border-x-gray-300:hover,
.hover-border-gray-300:hover {
    border-right-color: var(--gray-300);
}

.border-t-gray-400,
.border-y-gray-400,
.border-gray-400 {
    border-top-color: var(--gray-400);
}

.border-b-gray-400,
.border-y-gray-400,
.border-gray-400 {
    border-bottom-color: var(--gray-400);
}

.border-l-gray-400,
.border-x-gray-400,
.border-gray-400 {
    border-left-color: var(--gray-400);
}

.border-r-gray-400,
.border-x-gray-400,
.border-gray-400 {
    border-right-color: var(--gray-400);
}

.peer:checked ~ .peer-checked\:border-t-gray-400,
.peer:checked ~ .peer-checked\:border-y-gray-400,
.peer:checked ~ .peer-checked\:border-gray-400 {
    border-top-color: var(--gray-400);
}

.peer:checked ~ .peer-checked\:border-b-gray-400,
.peer:checked ~ .peer-checked\:border-y-gray-400,
.peer:checked ~ .peer-checked\:border-gray-400 {
    border-bottom-color: var(--gray-400);
}

.peer:checked ~ .peer-checked\:border-l-gray-400,
.peer:checked ~ .peer-checked\:border-x-gray-400,
.peer:checked ~ .peer-checked\:border-gray-400 {
    border-left-color: var(--gray-400);
}

.peer:checked ~ .peer-checked\:border-r-gray-400,
.peer:checked ~ .peer-checked\:border-x-gray-400,
.peer:checked ~ .peer-checked\:border-gray-400 {
    border-right-color: var(--gray-400);
}

.has-checked\:border-t-gray-400:has(:checked),
.has-checked\:border-y-gray-400:has(:checked),
.has-checked\:border-gray-400:has(:checked) {
    border-top-color: var(--gray-400);
}

.has-checked\:border-b-gray-400:has(:checked),
.has-checked\:border-y-gray-400:has(:checked),
.has-checked\:border-gray-400:has(:checked) {
    border-bottom-color: var(--gray-400);
}

.has-checked\:border-l-gray-400:has(:checked),
.has-checked\:border-x-gray-400:has(:checked),
.has-checked\:border-gray-400:has(:checked) {
    border-left-color: var(--gray-400);
}

.has-checked\:border-r-gray-400:has(:checked),
.has-checked\:border-x-gray-400:has(:checked),
.has-checked\:border-gray-400:has(:checked) {
    border-right-color: var(--gray-400);
}

.hover-border-t-gray-400:hover,
.hover-border-y-gray-400:hover,
.hover-border-gray-400:hover {
    border-top-color: var(--gray-400);
}

.hover-border-b-gray-400:hover,
.hover-border-y-gray-400:hover,
.hover-border-gray-400:hover {
    border-bottom-color: var(--gray-400);
}

.hover-border-l-gray-400:hover,
.hover-border-x-gray-400:hover,
.hover-border-gray-400:hover {
    border-left-color: var(--gray-400);
}

.hover-border-r-gray-400:hover,
.hover-border-x-gray-400:hover,
.hover-border-gray-400:hover {
    border-right-color: var(--gray-400);
}

.border-t-gray-500,
.border-y-gray-500,
.border-gray-500 {
    border-top-color: var(--gray-500);
}

.border-b-gray-500,
.border-y-gray-500,
.border-gray-500 {
    border-bottom-color: var(--gray-500);
}

.border-l-gray-500,
.border-x-gray-500,
.border-gray-500 {
    border-left-color: var(--gray-500);
}

.border-r-gray-500,
.border-x-gray-500,
.border-gray-500 {
    border-right-color: var(--gray-500);
}

.peer:checked ~ .peer-checked\:border-t-gray-500,
.peer:checked ~ .peer-checked\:border-y-gray-500,
.peer:checked ~ .peer-checked\:border-gray-500 {
    border-top-color: var(--gray-500);
}

.peer:checked ~ .peer-checked\:border-b-gray-500,
.peer:checked ~ .peer-checked\:border-y-gray-500,
.peer:checked ~ .peer-checked\:border-gray-500 {
    border-bottom-color: var(--gray-500);
}

.peer:checked ~ .peer-checked\:border-l-gray-500,
.peer:checked ~ .peer-checked\:border-x-gray-500,
.peer:checked ~ .peer-checked\:border-gray-500 {
    border-left-color: var(--gray-500);
}

.peer:checked ~ .peer-checked\:border-r-gray-500,
.peer:checked ~ .peer-checked\:border-x-gray-500,
.peer:checked ~ .peer-checked\:border-gray-500 {
    border-right-color: var(--gray-500);
}

.has-checked\:border-t-gray-500:has(:checked),
.has-checked\:border-y-gray-500:has(:checked),
.has-checked\:border-gray-500:has(:checked) {
    border-top-color: var(--gray-500);
}

.has-checked\:border-b-gray-500:has(:checked),
.has-checked\:border-y-gray-500:has(:checked),
.has-checked\:border-gray-500:has(:checked) {
    border-bottom-color: var(--gray-500);
}

.has-checked\:border-l-gray-500:has(:checked),
.has-checked\:border-x-gray-500:has(:checked),
.has-checked\:border-gray-500:has(:checked) {
    border-left-color: var(--gray-500);
}

.has-checked\:border-r-gray-500:has(:checked),
.has-checked\:border-x-gray-500:has(:checked),
.has-checked\:border-gray-500:has(:checked) {
    border-right-color: var(--gray-500);
}

.hover-border-t-gray-500:hover,
.hover-border-y-gray-500:hover,
.hover-border-gray-500:hover {
    border-top-color: var(--gray-500);
}

.hover-border-b-gray-500:hover,
.hover-border-y-gray-500:hover,
.hover-border-gray-500:hover {
    border-bottom-color: var(--gray-500);
}

.hover-border-l-gray-500:hover,
.hover-border-x-gray-500:hover,
.hover-border-gray-500:hover {
    border-left-color: var(--gray-500);
}

.hover-border-r-gray-500:hover,
.hover-border-x-gray-500:hover,
.hover-border-gray-500:hover {
    border-right-color: var(--gray-500);
}

.border-t-black,
.border-y-black,
.border-black {
    border-top-color: var(--black);
}

.border-b-black,
.border-y-black,
.border-black {
    border-bottom-color: var(--black);
}

.border-l-black,
.border-x-black,
.border-black {
    border-left-color: var(--black);
}

.border-r-black,
.border-x-black,
.border-black {
    border-right-color: var(--black);
}

.peer:checked ~ .peer-checked\:border-t-black,
.peer:checked ~ .peer-checked\:border-y-black,
.peer:checked ~ .peer-checked\:border-black {
    border-top-color: var(--black);
}

.peer:checked ~ .peer-checked\:border-b-black,
.peer:checked ~ .peer-checked\:border-y-black,
.peer:checked ~ .peer-checked\:border-black {
    border-bottom-color: var(--black);
}

.peer:checked ~ .peer-checked\:border-l-black,
.peer:checked ~ .peer-checked\:border-x-black,
.peer:checked ~ .peer-checked\:border-black {
    border-left-color: var(--black);
}

.peer:checked ~ .peer-checked\:border-r-black,
.peer:checked ~ .peer-checked\:border-x-black,
.peer:checked ~ .peer-checked\:border-black {
    border-right-color: var(--black);
}

.has-checked\:border-t-black:has(:checked),
.has-checked\:border-y-black:has(:checked),
.has-checked\:border-black:has(:checked) {
    border-top-color: var(--black);
}

.has-checked\:border-b-black:has(:checked),
.has-checked\:border-y-black:has(:checked),
.has-checked\:border-black:has(:checked) {
    border-bottom-color: var(--black);
}

.has-checked\:border-l-black:has(:checked),
.has-checked\:border-x-black:has(:checked),
.has-checked\:border-black:has(:checked) {
    border-left-color: var(--black);
}

.has-checked\:border-r-black:has(:checked),
.has-checked\:border-x-black:has(:checked),
.has-checked\:border-black:has(:checked) {
    border-right-color: var(--black);
}

.hover-border-t-black:hover,
.hover-border-y-black:hover,
.hover-border-black:hover {
    border-top-color: var(--black);
}

.hover-border-b-black:hover,
.hover-border-y-black:hover,
.hover-border-black:hover {
    border-bottom-color: var(--black);
}

.hover-border-l-black:hover,
.hover-border-x-black:hover,
.hover-border-black:hover {
    border-left-color: var(--black);
}

.hover-border-r-black:hover,
.hover-border-x-black:hover,
.hover-border-black:hover {
    border-right-color: var(--black);
}

.border-t-purple,
.border-y-purple,
.border-purple {
    border-top-color: var(--purple);
}

.border-b-purple,
.border-y-purple,
.border-purple {
    border-bottom-color: var(--purple);
}

.border-l-purple,
.border-x-purple,
.border-purple {
    border-left-color: var(--purple);
}

.border-r-purple,
.border-x-purple,
.border-purple {
    border-right-color: var(--purple);
}

.peer:checked ~ .peer-checked\:border-t-purple,
.peer:checked ~ .peer-checked\:border-y-purple,
.peer:checked ~ .peer-checked\:border-purple {
    border-top-color: var(--purple);
}

.peer:checked ~ .peer-checked\:border-b-purple,
.peer:checked ~ .peer-checked\:border-y-purple,
.peer:checked ~ .peer-checked\:border-purple {
    border-bottom-color: var(--purple);
}

.peer:checked ~ .peer-checked\:border-l-purple,
.peer:checked ~ .peer-checked\:border-x-purple,
.peer:checked ~ .peer-checked\:border-purple {
    border-left-color: var(--purple);
}

.peer:checked ~ .peer-checked\:border-r-purple,
.peer:checked ~ .peer-checked\:border-x-purple,
.peer:checked ~ .peer-checked\:border-purple {
    border-right-color: var(--purple);
}

.has-checked\:border-t-purple:has(:checked),
.has-checked\:border-y-purple:has(:checked),
.has-checked\:border-purple:has(:checked) {
    border-top-color: var(--purple);
}

.has-checked\:border-b-purple:has(:checked),
.has-checked\:border-y-purple:has(:checked),
.has-checked\:border-purple:has(:checked) {
    border-bottom-color: var(--purple);
}

.has-checked\:border-l-purple:has(:checked),
.has-checked\:border-x-purple:has(:checked),
.has-checked\:border-purple:has(:checked) {
    border-left-color: var(--purple);
}

.has-checked\:border-r-purple:has(:checked),
.has-checked\:border-x-purple:has(:checked),
.has-checked\:border-purple:has(:checked) {
    border-right-color: var(--purple);
}

.hover-border-t-purple:hover,
.hover-border-y-purple:hover,
.hover-border-purple:hover {
    border-top-color: var(--purple);
}

.hover-border-b-purple:hover,
.hover-border-y-purple:hover,
.hover-border-purple:hover {
    border-bottom-color: var(--purple);
}

.hover-border-l-purple:hover,
.hover-border-x-purple:hover,
.hover-border-purple:hover {
    border-left-color: var(--purple);
}

.hover-border-r-purple:hover,
.hover-border-x-purple:hover,
.hover-border-purple:hover {
    border-right-color: var(--purple);
}

.border-t-purple-100,
.border-y-purple-100,
.border-purple-100 {
    border-top-color: var(--purple-100);
}

.border-b-purple-100,
.border-y-purple-100,
.border-purple-100 {
    border-bottom-color: var(--purple-100);
}

.border-l-purple-100,
.border-x-purple-100,
.border-purple-100 {
    border-left-color: var(--purple-100);
}

.border-r-purple-100,
.border-x-purple-100,
.border-purple-100 {
    border-right-color: var(--purple-100);
}

.peer:checked ~ .peer-checked\:border-t-purple-100,
.peer:checked ~ .peer-checked\:border-y-purple-100,
.peer:checked ~ .peer-checked\:border-purple-100 {
    border-top-color: var(--purple-100);
}

.peer:checked ~ .peer-checked\:border-b-purple-100,
.peer:checked ~ .peer-checked\:border-y-purple-100,
.peer:checked ~ .peer-checked\:border-purple-100 {
    border-bottom-color: var(--purple-100);
}

.peer:checked ~ .peer-checked\:border-l-purple-100,
.peer:checked ~ .peer-checked\:border-x-purple-100,
.peer:checked ~ .peer-checked\:border-purple-100 {
    border-left-color: var(--purple-100);
}

.peer:checked ~ .peer-checked\:border-r-purple-100,
.peer:checked ~ .peer-checked\:border-x-purple-100,
.peer:checked ~ .peer-checked\:border-purple-100 {
    border-right-color: var(--purple-100);
}

.has-checked\:border-t-purple-100:has(:checked),
.has-checked\:border-y-purple-100:has(:checked),
.has-checked\:border-purple-100:has(:checked) {
    border-top-color: var(--purple-100);
}

.has-checked\:border-b-purple-100:has(:checked),
.has-checked\:border-y-purple-100:has(:checked),
.has-checked\:border-purple-100:has(:checked) {
    border-bottom-color: var(--purple-100);
}

.has-checked\:border-l-purple-100:has(:checked),
.has-checked\:border-x-purple-100:has(:checked),
.has-checked\:border-purple-100:has(:checked) {
    border-left-color: var(--purple-100);
}

.has-checked\:border-r-purple-100:has(:checked),
.has-checked\:border-x-purple-100:has(:checked),
.has-checked\:border-purple-100:has(:checked) {
    border-right-color: var(--purple-100);
}

.hover-border-t-purple-100:hover,
.hover-border-y-purple-100:hover,
.hover-border-purple-100:hover {
    border-top-color: var(--purple-100);
}

.hover-border-b-purple-100:hover,
.hover-border-y-purple-100:hover,
.hover-border-purple-100:hover {
    border-bottom-color: var(--purple-100);
}

.hover-border-l-purple-100:hover,
.hover-border-x-purple-100:hover,
.hover-border-purple-100:hover {
    border-left-color: var(--purple-100);
}

.hover-border-r-purple-100:hover,
.hover-border-x-purple-100:hover,
.hover-border-purple-100:hover {
    border-right-color: var(--purple-100);
}

.border-t-purple-200,
.border-y-purple-200,
.border-purple-200 {
    border-top-color: var(--purple-200);
}

.border-b-purple-200,
.border-y-purple-200,
.border-purple-200 {
    border-bottom-color: var(--purple-200);
}

.border-l-purple-200,
.border-x-purple-200,
.border-purple-200 {
    border-left-color: var(--purple-200);
}

.border-r-purple-200,
.border-x-purple-200,
.border-purple-200 {
    border-right-color: var(--purple-200);
}

.peer:checked ~ .peer-checked\:border-t-purple-200,
.peer:checked ~ .peer-checked\:border-y-purple-200,
.peer:checked ~ .peer-checked\:border-purple-200 {
    border-top-color: var(--purple-200);
}

.peer:checked ~ .peer-checked\:border-b-purple-200,
.peer:checked ~ .peer-checked\:border-y-purple-200,
.peer:checked ~ .peer-checked\:border-purple-200 {
    border-bottom-color: var(--purple-200);
}

.peer:checked ~ .peer-checked\:border-l-purple-200,
.peer:checked ~ .peer-checked\:border-x-purple-200,
.peer:checked ~ .peer-checked\:border-purple-200 {
    border-left-color: var(--purple-200);
}

.peer:checked ~ .peer-checked\:border-r-purple-200,
.peer:checked ~ .peer-checked\:border-x-purple-200,
.peer:checked ~ .peer-checked\:border-purple-200 {
    border-right-color: var(--purple-200);
}

.has-checked\:border-t-purple-200:has(:checked),
.has-checked\:border-y-purple-200:has(:checked),
.has-checked\:border-purple-200:has(:checked) {
    border-top-color: var(--purple-200);
}

.has-checked\:border-b-purple-200:has(:checked),
.has-checked\:border-y-purple-200:has(:checked),
.has-checked\:border-purple-200:has(:checked) {
    border-bottom-color: var(--purple-200);
}

.has-checked\:border-l-purple-200:has(:checked),
.has-checked\:border-x-purple-200:has(:checked),
.has-checked\:border-purple-200:has(:checked) {
    border-left-color: var(--purple-200);
}

.has-checked\:border-r-purple-200:has(:checked),
.has-checked\:border-x-purple-200:has(:checked),
.has-checked\:border-purple-200:has(:checked) {
    border-right-color: var(--purple-200);
}

.hover-border-t-purple-200:hover,
.hover-border-y-purple-200:hover,
.hover-border-purple-200:hover {
    border-top-color: var(--purple-200);
}

.hover-border-b-purple-200:hover,
.hover-border-y-purple-200:hover,
.hover-border-purple-200:hover {
    border-bottom-color: var(--purple-200);
}

.hover-border-l-purple-200:hover,
.hover-border-x-purple-200:hover,
.hover-border-purple-200:hover {
    border-left-color: var(--purple-200);
}

.hover-border-r-purple-200:hover,
.hover-border-x-purple-200:hover,
.hover-border-purple-200:hover {
    border-right-color: var(--purple-200);
}

.border-t-purple-300,
.border-y-purple-300,
.border-purple-300 {
    border-top-color: var(--purple-300);
}

.border-b-purple-300,
.border-y-purple-300,
.border-purple-300 {
    border-bottom-color: var(--purple-300);
}

.border-l-purple-300,
.border-x-purple-300,
.border-purple-300 {
    border-left-color: var(--purple-300);
}

.border-r-purple-300,
.border-x-purple-300,
.border-purple-300 {
    border-right-color: var(--purple-300);
}

.peer:checked ~ .peer-checked\:border-t-purple-300,
.peer:checked ~ .peer-checked\:border-y-purple-300,
.peer:checked ~ .peer-checked\:border-purple-300 {
    border-top-color: var(--purple-300);
}

.peer:checked ~ .peer-checked\:border-b-purple-300,
.peer:checked ~ .peer-checked\:border-y-purple-300,
.peer:checked ~ .peer-checked\:border-purple-300 {
    border-bottom-color: var(--purple-300);
}

.peer:checked ~ .peer-checked\:border-l-purple-300,
.peer:checked ~ .peer-checked\:border-x-purple-300,
.peer:checked ~ .peer-checked\:border-purple-300 {
    border-left-color: var(--purple-300);
}

.peer:checked ~ .peer-checked\:border-r-purple-300,
.peer:checked ~ .peer-checked\:border-x-purple-300,
.peer:checked ~ .peer-checked\:border-purple-300 {
    border-right-color: var(--purple-300);
}

.has-checked\:border-t-purple-300:has(:checked),
.has-checked\:border-y-purple-300:has(:checked),
.has-checked\:border-purple-300:has(:checked) {
    border-top-color: var(--purple-300);
}

.has-checked\:border-b-purple-300:has(:checked),
.has-checked\:border-y-purple-300:has(:checked),
.has-checked\:border-purple-300:has(:checked) {
    border-bottom-color: var(--purple-300);
}

.has-checked\:border-l-purple-300:has(:checked),
.has-checked\:border-x-purple-300:has(:checked),
.has-checked\:border-purple-300:has(:checked) {
    border-left-color: var(--purple-300);
}

.has-checked\:border-r-purple-300:has(:checked),
.has-checked\:border-x-purple-300:has(:checked),
.has-checked\:border-purple-300:has(:checked) {
    border-right-color: var(--purple-300);
}

.hover-border-t-purple-300:hover,
.hover-border-y-purple-300:hover,
.hover-border-purple-300:hover {
    border-top-color: var(--purple-300);
}

.hover-border-b-purple-300:hover,
.hover-border-y-purple-300:hover,
.hover-border-purple-300:hover {
    border-bottom-color: var(--purple-300);
}

.hover-border-l-purple-300:hover,
.hover-border-x-purple-300:hover,
.hover-border-purple-300:hover {
    border-left-color: var(--purple-300);
}

.hover-border-r-purple-300:hover,
.hover-border-x-purple-300:hover,
.hover-border-purple-300:hover {
    border-right-color: var(--purple-300);
}

.border-t-purple-400,
.border-y-purple-400,
.border-purple-400 {
    border-top-color: var(--purple-400);
}

.border-b-purple-400,
.border-y-purple-400,
.border-purple-400 {
    border-bottom-color: var(--purple-400);
}

.border-l-purple-400,
.border-x-purple-400,
.border-purple-400 {
    border-left-color: var(--purple-400);
}

.border-r-purple-400,
.border-x-purple-400,
.border-purple-400 {
    border-right-color: var(--purple-400);
}

.peer:checked ~ .peer-checked\:border-t-purple-400,
.peer:checked ~ .peer-checked\:border-y-purple-400,
.peer:checked ~ .peer-checked\:border-purple-400 {
    border-top-color: var(--purple-400);
}

.peer:checked ~ .peer-checked\:border-b-purple-400,
.peer:checked ~ .peer-checked\:border-y-purple-400,
.peer:checked ~ .peer-checked\:border-purple-400 {
    border-bottom-color: var(--purple-400);
}

.peer:checked ~ .peer-checked\:border-l-purple-400,
.peer:checked ~ .peer-checked\:border-x-purple-400,
.peer:checked ~ .peer-checked\:border-purple-400 {
    border-left-color: var(--purple-400);
}

.peer:checked ~ .peer-checked\:border-r-purple-400,
.peer:checked ~ .peer-checked\:border-x-purple-400,
.peer:checked ~ .peer-checked\:border-purple-400 {
    border-right-color: var(--purple-400);
}

.has-checked\:border-t-purple-400:has(:checked),
.has-checked\:border-y-purple-400:has(:checked),
.has-checked\:border-purple-400:has(:checked) {
    border-top-color: var(--purple-400);
}

.has-checked\:border-b-purple-400:has(:checked),
.has-checked\:border-y-purple-400:has(:checked),
.has-checked\:border-purple-400:has(:checked) {
    border-bottom-color: var(--purple-400);
}

.has-checked\:border-l-purple-400:has(:checked),
.has-checked\:border-x-purple-400:has(:checked),
.has-checked\:border-purple-400:has(:checked) {
    border-left-color: var(--purple-400);
}

.has-checked\:border-r-purple-400:has(:checked),
.has-checked\:border-x-purple-400:has(:checked),
.has-checked\:border-purple-400:has(:checked) {
    border-right-color: var(--purple-400);
}

.hover-border-t-purple-400:hover,
.hover-border-y-purple-400:hover,
.hover-border-purple-400:hover {
    border-top-color: var(--purple-400);
}

.hover-border-b-purple-400:hover,
.hover-border-y-purple-400:hover,
.hover-border-purple-400:hover {
    border-bottom-color: var(--purple-400);
}

.hover-border-l-purple-400:hover,
.hover-border-x-purple-400:hover,
.hover-border-purple-400:hover {
    border-left-color: var(--purple-400);
}

.hover-border-r-purple-400:hover,
.hover-border-x-purple-400:hover,
.hover-border-purple-400:hover {
    border-right-color: var(--purple-400);
}

.border-t-purple-500,
.border-y-purple-500,
.border-purple-500 {
    border-top-color: var(--purple-500);
}

.border-b-purple-500,
.border-y-purple-500,
.border-purple-500 {
    border-bottom-color: var(--purple-500);
}

.border-l-purple-500,
.border-x-purple-500,
.border-purple-500 {
    border-left-color: var(--purple-500);
}

.border-r-purple-500,
.border-x-purple-500,
.border-purple-500 {
    border-right-color: var(--purple-500);
}

.peer:checked ~ .peer-checked\:border-t-purple-500,
.peer:checked ~ .peer-checked\:border-y-purple-500,
.peer:checked ~ .peer-checked\:border-purple-500 {
    border-top-color: var(--purple-500);
}

.peer:checked ~ .peer-checked\:border-b-purple-500,
.peer:checked ~ .peer-checked\:border-y-purple-500,
.peer:checked ~ .peer-checked\:border-purple-500 {
    border-bottom-color: var(--purple-500);
}

.peer:checked ~ .peer-checked\:border-l-purple-500,
.peer:checked ~ .peer-checked\:border-x-purple-500,
.peer:checked ~ .peer-checked\:border-purple-500 {
    border-left-color: var(--purple-500);
}

.peer:checked ~ .peer-checked\:border-r-purple-500,
.peer:checked ~ .peer-checked\:border-x-purple-500,
.peer:checked ~ .peer-checked\:border-purple-500 {
    border-right-color: var(--purple-500);
}

.has-checked\:border-t-purple-500:has(:checked),
.has-checked\:border-y-purple-500:has(:checked),
.has-checked\:border-purple-500:has(:checked) {
    border-top-color: var(--purple-500);
}

.has-checked\:border-b-purple-500:has(:checked),
.has-checked\:border-y-purple-500:has(:checked),
.has-checked\:border-purple-500:has(:checked) {
    border-bottom-color: var(--purple-500);
}

.has-checked\:border-l-purple-500:has(:checked),
.has-checked\:border-x-purple-500:has(:checked),
.has-checked\:border-purple-500:has(:checked) {
    border-left-color: var(--purple-500);
}

.has-checked\:border-r-purple-500:has(:checked),
.has-checked\:border-x-purple-500:has(:checked),
.has-checked\:border-purple-500:has(:checked) {
    border-right-color: var(--purple-500);
}

.hover-border-t-purple-500:hover,
.hover-border-y-purple-500:hover,
.hover-border-purple-500:hover {
    border-top-color: var(--purple-500);
}

.hover-border-b-purple-500:hover,
.hover-border-y-purple-500:hover,
.hover-border-purple-500:hover {
    border-bottom-color: var(--purple-500);
}

.hover-border-l-purple-500:hover,
.hover-border-x-purple-500:hover,
.hover-border-purple-500:hover {
    border-left-color: var(--purple-500);
}

.hover-border-r-purple-500:hover,
.hover-border-x-purple-500:hover,
.hover-border-purple-500:hover {
    border-right-color: var(--purple-500);
}

.border-t-red,
.border-y-red,
.border-red {
    border-top-color: var(--red);
}

.border-b-red,
.border-y-red,
.border-red {
    border-bottom-color: var(--red);
}

.border-l-red,
.border-x-red,
.border-red {
    border-left-color: var(--red);
}

.border-r-red,
.border-x-red,
.border-red {
    border-right-color: var(--red);
}

.peer:checked ~ .peer-checked\:border-t-red,
.peer:checked ~ .peer-checked\:border-y-red,
.peer:checked ~ .peer-checked\:border-red {
    border-top-color: var(--red);
}

.peer:checked ~ .peer-checked\:border-b-red,
.peer:checked ~ .peer-checked\:border-y-red,
.peer:checked ~ .peer-checked\:border-red {
    border-bottom-color: var(--red);
}

.peer:checked ~ .peer-checked\:border-l-red,
.peer:checked ~ .peer-checked\:border-x-red,
.peer:checked ~ .peer-checked\:border-red {
    border-left-color: var(--red);
}

.peer:checked ~ .peer-checked\:border-r-red,
.peer:checked ~ .peer-checked\:border-x-red,
.peer:checked ~ .peer-checked\:border-red {
    border-right-color: var(--red);
}

.has-checked\:border-t-red:has(:checked),
.has-checked\:border-y-red:has(:checked),
.has-checked\:border-red:has(:checked) {
    border-top-color: var(--red);
}

.has-checked\:border-b-red:has(:checked),
.has-checked\:border-y-red:has(:checked),
.has-checked\:border-red:has(:checked) {
    border-bottom-color: var(--red);
}

.has-checked\:border-l-red:has(:checked),
.has-checked\:border-x-red:has(:checked),
.has-checked\:border-red:has(:checked) {
    border-left-color: var(--red);
}

.has-checked\:border-r-red:has(:checked),
.has-checked\:border-x-red:has(:checked),
.has-checked\:border-red:has(:checked) {
    border-right-color: var(--red);
}

.hover-border-t-red:hover,
.hover-border-y-red:hover,
.hover-border-red:hover {
    border-top-color: var(--red);
}

.hover-border-b-red:hover,
.hover-border-y-red:hover,
.hover-border-red:hover {
    border-bottom-color: var(--red);
}

.hover-border-l-red:hover,
.hover-border-x-red:hover,
.hover-border-red:hover {
    border-left-color: var(--red);
}

.hover-border-r-red:hover,
.hover-border-x-red:hover,
.hover-border-red:hover {
    border-right-color: var(--red);
}

.border-t-red-100,
.border-y-red-100,
.border-red-100 {
    border-top-color: var(--red-100);
}

.border-b-red-100,
.border-y-red-100,
.border-red-100 {
    border-bottom-color: var(--red-100);
}

.border-l-red-100,
.border-x-red-100,
.border-red-100 {
    border-left-color: var(--red-100);
}

.border-r-red-100,
.border-x-red-100,
.border-red-100 {
    border-right-color: var(--red-100);
}

.peer:checked ~ .peer-checked\:border-t-red-100,
.peer:checked ~ .peer-checked\:border-y-red-100,
.peer:checked ~ .peer-checked\:border-red-100 {
    border-top-color: var(--red-100);
}

.peer:checked ~ .peer-checked\:border-b-red-100,
.peer:checked ~ .peer-checked\:border-y-red-100,
.peer:checked ~ .peer-checked\:border-red-100 {
    border-bottom-color: var(--red-100);
}

.peer:checked ~ .peer-checked\:border-l-red-100,
.peer:checked ~ .peer-checked\:border-x-red-100,
.peer:checked ~ .peer-checked\:border-red-100 {
    border-left-color: var(--red-100);
}

.peer:checked ~ .peer-checked\:border-r-red-100,
.peer:checked ~ .peer-checked\:border-x-red-100,
.peer:checked ~ .peer-checked\:border-red-100 {
    border-right-color: var(--red-100);
}

.has-checked\:border-t-red-100:has(:checked),
.has-checked\:border-y-red-100:has(:checked),
.has-checked\:border-red-100:has(:checked) {
    border-top-color: var(--red-100);
}

.has-checked\:border-b-red-100:has(:checked),
.has-checked\:border-y-red-100:has(:checked),
.has-checked\:border-red-100:has(:checked) {
    border-bottom-color: var(--red-100);
}

.has-checked\:border-l-red-100:has(:checked),
.has-checked\:border-x-red-100:has(:checked),
.has-checked\:border-red-100:has(:checked) {
    border-left-color: var(--red-100);
}

.has-checked\:border-r-red-100:has(:checked),
.has-checked\:border-x-red-100:has(:checked),
.has-checked\:border-red-100:has(:checked) {
    border-right-color: var(--red-100);
}

.hover-border-t-red-100:hover,
.hover-border-y-red-100:hover,
.hover-border-red-100:hover {
    border-top-color: var(--red-100);
}

.hover-border-b-red-100:hover,
.hover-border-y-red-100:hover,
.hover-border-red-100:hover {
    border-bottom-color: var(--red-100);
}

.hover-border-l-red-100:hover,
.hover-border-x-red-100:hover,
.hover-border-red-100:hover {
    border-left-color: var(--red-100);
}

.hover-border-r-red-100:hover,
.hover-border-x-red-100:hover,
.hover-border-red-100:hover {
    border-right-color: var(--red-100);
}

.border-t-red-200,
.border-y-red-200,
.border-red-200 {
    border-top-color: var(--red-200);
}

.border-b-red-200,
.border-y-red-200,
.border-red-200 {
    border-bottom-color: var(--red-200);
}

.border-l-red-200,
.border-x-red-200,
.border-red-200 {
    border-left-color: var(--red-200);
}

.border-r-red-200,
.border-x-red-200,
.border-red-200 {
    border-right-color: var(--red-200);
}

.peer:checked ~ .peer-checked\:border-t-red-200,
.peer:checked ~ .peer-checked\:border-y-red-200,
.peer:checked ~ .peer-checked\:border-red-200 {
    border-top-color: var(--red-200);
}

.peer:checked ~ .peer-checked\:border-b-red-200,
.peer:checked ~ .peer-checked\:border-y-red-200,
.peer:checked ~ .peer-checked\:border-red-200 {
    border-bottom-color: var(--red-200);
}

.peer:checked ~ .peer-checked\:border-l-red-200,
.peer:checked ~ .peer-checked\:border-x-red-200,
.peer:checked ~ .peer-checked\:border-red-200 {
    border-left-color: var(--red-200);
}

.peer:checked ~ .peer-checked\:border-r-red-200,
.peer:checked ~ .peer-checked\:border-x-red-200,
.peer:checked ~ .peer-checked\:border-red-200 {
    border-right-color: var(--red-200);
}

.has-checked\:border-t-red-200:has(:checked),
.has-checked\:border-y-red-200:has(:checked),
.has-checked\:border-red-200:has(:checked) {
    border-top-color: var(--red-200);
}

.has-checked\:border-b-red-200:has(:checked),
.has-checked\:border-y-red-200:has(:checked),
.has-checked\:border-red-200:has(:checked) {
    border-bottom-color: var(--red-200);
}

.has-checked\:border-l-red-200:has(:checked),
.has-checked\:border-x-red-200:has(:checked),
.has-checked\:border-red-200:has(:checked) {
    border-left-color: var(--red-200);
}

.has-checked\:border-r-red-200:has(:checked),
.has-checked\:border-x-red-200:has(:checked),
.has-checked\:border-red-200:has(:checked) {
    border-right-color: var(--red-200);
}

.hover-border-t-red-200:hover,
.hover-border-y-red-200:hover,
.hover-border-red-200:hover {
    border-top-color: var(--red-200);
}

.hover-border-b-red-200:hover,
.hover-border-y-red-200:hover,
.hover-border-red-200:hover {
    border-bottom-color: var(--red-200);
}

.hover-border-l-red-200:hover,
.hover-border-x-red-200:hover,
.hover-border-red-200:hover {
    border-left-color: var(--red-200);
}

.hover-border-r-red-200:hover,
.hover-border-x-red-200:hover,
.hover-border-red-200:hover {
    border-right-color: var(--red-200);
}

.border-t-red-300,
.border-y-red-300,
.border-red-300 {
    border-top-color: var(--red-300);
}

.border-b-red-300,
.border-y-red-300,
.border-red-300 {
    border-bottom-color: var(--red-300);
}

.border-l-red-300,
.border-x-red-300,
.border-red-300 {
    border-left-color: var(--red-300);
}

.border-r-red-300,
.border-x-red-300,
.border-red-300 {
    border-right-color: var(--red-300);
}

.peer:checked ~ .peer-checked\:border-t-red-300,
.peer:checked ~ .peer-checked\:border-y-red-300,
.peer:checked ~ .peer-checked\:border-red-300 {
    border-top-color: var(--red-300);
}

.peer:checked ~ .peer-checked\:border-b-red-300,
.peer:checked ~ .peer-checked\:border-y-red-300,
.peer:checked ~ .peer-checked\:border-red-300 {
    border-bottom-color: var(--red-300);
}

.peer:checked ~ .peer-checked\:border-l-red-300,
.peer:checked ~ .peer-checked\:border-x-red-300,
.peer:checked ~ .peer-checked\:border-red-300 {
    border-left-color: var(--red-300);
}

.peer:checked ~ .peer-checked\:border-r-red-300,
.peer:checked ~ .peer-checked\:border-x-red-300,
.peer:checked ~ .peer-checked\:border-red-300 {
    border-right-color: var(--red-300);
}

.has-checked\:border-t-red-300:has(:checked),
.has-checked\:border-y-red-300:has(:checked),
.has-checked\:border-red-300:has(:checked) {
    border-top-color: var(--red-300);
}

.has-checked\:border-b-red-300:has(:checked),
.has-checked\:border-y-red-300:has(:checked),
.has-checked\:border-red-300:has(:checked) {
    border-bottom-color: var(--red-300);
}

.has-checked\:border-l-red-300:has(:checked),
.has-checked\:border-x-red-300:has(:checked),
.has-checked\:border-red-300:has(:checked) {
    border-left-color: var(--red-300);
}

.has-checked\:border-r-red-300:has(:checked),
.has-checked\:border-x-red-300:has(:checked),
.has-checked\:border-red-300:has(:checked) {
    border-right-color: var(--red-300);
}

.hover-border-t-red-300:hover,
.hover-border-y-red-300:hover,
.hover-border-red-300:hover {
    border-top-color: var(--red-300);
}

.hover-border-b-red-300:hover,
.hover-border-y-red-300:hover,
.hover-border-red-300:hover {
    border-bottom-color: var(--red-300);
}

.hover-border-l-red-300:hover,
.hover-border-x-red-300:hover,
.hover-border-red-300:hover {
    border-left-color: var(--red-300);
}

.hover-border-r-red-300:hover,
.hover-border-x-red-300:hover,
.hover-border-red-300:hover {
    border-right-color: var(--red-300);
}

.border-t-red-400,
.border-y-red-400,
.border-red-400 {
    border-top-color: var(--red-400);
}

.border-b-red-400,
.border-y-red-400,
.border-red-400 {
    border-bottom-color: var(--red-400);
}

.border-l-red-400,
.border-x-red-400,
.border-red-400 {
    border-left-color: var(--red-400);
}

.border-r-red-400,
.border-x-red-400,
.border-red-400 {
    border-right-color: var(--red-400);
}

.peer:checked ~ .peer-checked\:border-t-red-400,
.peer:checked ~ .peer-checked\:border-y-red-400,
.peer:checked ~ .peer-checked\:border-red-400 {
    border-top-color: var(--red-400);
}

.peer:checked ~ .peer-checked\:border-b-red-400,
.peer:checked ~ .peer-checked\:border-y-red-400,
.peer:checked ~ .peer-checked\:border-red-400 {
    border-bottom-color: var(--red-400);
}

.peer:checked ~ .peer-checked\:border-l-red-400,
.peer:checked ~ .peer-checked\:border-x-red-400,
.peer:checked ~ .peer-checked\:border-red-400 {
    border-left-color: var(--red-400);
}

.peer:checked ~ .peer-checked\:border-r-red-400,
.peer:checked ~ .peer-checked\:border-x-red-400,
.peer:checked ~ .peer-checked\:border-red-400 {
    border-right-color: var(--red-400);
}

.has-checked\:border-t-red-400:has(:checked),
.has-checked\:border-y-red-400:has(:checked),
.has-checked\:border-red-400:has(:checked) {
    border-top-color: var(--red-400);
}

.has-checked\:border-b-red-400:has(:checked),
.has-checked\:border-y-red-400:has(:checked),
.has-checked\:border-red-400:has(:checked) {
    border-bottom-color: var(--red-400);
}

.has-checked\:border-l-red-400:has(:checked),
.has-checked\:border-x-red-400:has(:checked),
.has-checked\:border-red-400:has(:checked) {
    border-left-color: var(--red-400);
}

.has-checked\:border-r-red-400:has(:checked),
.has-checked\:border-x-red-400:has(:checked),
.has-checked\:border-red-400:has(:checked) {
    border-right-color: var(--red-400);
}

.hover-border-t-red-400:hover,
.hover-border-y-red-400:hover,
.hover-border-red-400:hover {
    border-top-color: var(--red-400);
}

.hover-border-b-red-400:hover,
.hover-border-y-red-400:hover,
.hover-border-red-400:hover {
    border-bottom-color: var(--red-400);
}

.hover-border-l-red-400:hover,
.hover-border-x-red-400:hover,
.hover-border-red-400:hover {
    border-left-color: var(--red-400);
}

.hover-border-r-red-400:hover,
.hover-border-x-red-400:hover,
.hover-border-red-400:hover {
    border-right-color: var(--red-400);
}

.border-t-red-500,
.border-y-red-500,
.border-red-500 {
    border-top-color: var(--red-500);
}

.border-b-red-500,
.border-y-red-500,
.border-red-500 {
    border-bottom-color: var(--red-500);
}

.border-l-red-500,
.border-x-red-500,
.border-red-500 {
    border-left-color: var(--red-500);
}

.border-r-red-500,
.border-x-red-500,
.border-red-500 {
    border-right-color: var(--red-500);
}

.peer:checked ~ .peer-checked\:border-t-red-500,
.peer:checked ~ .peer-checked\:border-y-red-500,
.peer:checked ~ .peer-checked\:border-red-500 {
    border-top-color: var(--red-500);
}

.peer:checked ~ .peer-checked\:border-b-red-500,
.peer:checked ~ .peer-checked\:border-y-red-500,
.peer:checked ~ .peer-checked\:border-red-500 {
    border-bottom-color: var(--red-500);
}

.peer:checked ~ .peer-checked\:border-l-red-500,
.peer:checked ~ .peer-checked\:border-x-red-500,
.peer:checked ~ .peer-checked\:border-red-500 {
    border-left-color: var(--red-500);
}

.peer:checked ~ .peer-checked\:border-r-red-500,
.peer:checked ~ .peer-checked\:border-x-red-500,
.peer:checked ~ .peer-checked\:border-red-500 {
    border-right-color: var(--red-500);
}

.has-checked\:border-t-red-500:has(:checked),
.has-checked\:border-y-red-500:has(:checked),
.has-checked\:border-red-500:has(:checked) {
    border-top-color: var(--red-500);
}

.has-checked\:border-b-red-500:has(:checked),
.has-checked\:border-y-red-500:has(:checked),
.has-checked\:border-red-500:has(:checked) {
    border-bottom-color: var(--red-500);
}

.has-checked\:border-l-red-500:has(:checked),
.has-checked\:border-x-red-500:has(:checked),
.has-checked\:border-red-500:has(:checked) {
    border-left-color: var(--red-500);
}

.has-checked\:border-r-red-500:has(:checked),
.has-checked\:border-x-red-500:has(:checked),
.has-checked\:border-red-500:has(:checked) {
    border-right-color: var(--red-500);
}

.hover-border-t-red-500:hover,
.hover-border-y-red-500:hover,
.hover-border-red-500:hover {
    border-top-color: var(--red-500);
}

.hover-border-b-red-500:hover,
.hover-border-y-red-500:hover,
.hover-border-red-500:hover {
    border-bottom-color: var(--red-500);
}

.hover-border-l-red-500:hover,
.hover-border-x-red-500:hover,
.hover-border-red-500:hover {
    border-left-color: var(--red-500);
}

.hover-border-r-red-500:hover,
.hover-border-x-red-500:hover,
.hover-border-red-500:hover {
    border-right-color: var(--red-500);
}

.border-t-yellow,
.border-y-yellow,
.border-yellow {
    border-top-color: var(--yellow);
}

.border-b-yellow,
.border-y-yellow,
.border-yellow {
    border-bottom-color: var(--yellow);
}

.border-l-yellow,
.border-x-yellow,
.border-yellow {
    border-left-color: var(--yellow);
}

.border-r-yellow,
.border-x-yellow,
.border-yellow {
    border-right-color: var(--yellow);
}

.peer:checked ~ .peer-checked\:border-t-yellow,
.peer:checked ~ .peer-checked\:border-y-yellow,
.peer:checked ~ .peer-checked\:border-yellow {
    border-top-color: var(--yellow);
}

.peer:checked ~ .peer-checked\:border-b-yellow,
.peer:checked ~ .peer-checked\:border-y-yellow,
.peer:checked ~ .peer-checked\:border-yellow {
    border-bottom-color: var(--yellow);
}

.peer:checked ~ .peer-checked\:border-l-yellow,
.peer:checked ~ .peer-checked\:border-x-yellow,
.peer:checked ~ .peer-checked\:border-yellow {
    border-left-color: var(--yellow);
}

.peer:checked ~ .peer-checked\:border-r-yellow,
.peer:checked ~ .peer-checked\:border-x-yellow,
.peer:checked ~ .peer-checked\:border-yellow {
    border-right-color: var(--yellow);
}

.has-checked\:border-t-yellow:has(:checked),
.has-checked\:border-y-yellow:has(:checked),
.has-checked\:border-yellow:has(:checked) {
    border-top-color: var(--yellow);
}

.has-checked\:border-b-yellow:has(:checked),
.has-checked\:border-y-yellow:has(:checked),
.has-checked\:border-yellow:has(:checked) {
    border-bottom-color: var(--yellow);
}

.has-checked\:border-l-yellow:has(:checked),
.has-checked\:border-x-yellow:has(:checked),
.has-checked\:border-yellow:has(:checked) {
    border-left-color: var(--yellow);
}

.has-checked\:border-r-yellow:has(:checked),
.has-checked\:border-x-yellow:has(:checked),
.has-checked\:border-yellow:has(:checked) {
    border-right-color: var(--yellow);
}

.hover-border-t-yellow:hover,
.hover-border-y-yellow:hover,
.hover-border-yellow:hover {
    border-top-color: var(--yellow);
}

.hover-border-b-yellow:hover,
.hover-border-y-yellow:hover,
.hover-border-yellow:hover {
    border-bottom-color: var(--yellow);
}

.hover-border-l-yellow:hover,
.hover-border-x-yellow:hover,
.hover-border-yellow:hover {
    border-left-color: var(--yellow);
}

.hover-border-r-yellow:hover,
.hover-border-x-yellow:hover,
.hover-border-yellow:hover {
    border-right-color: var(--yellow);
}

.border-t-yellow-000,
.border-y-yellow-000,
.border-yellow-000 {
    border-top-color: var(--yellow-000);
}

.border-b-yellow-000,
.border-y-yellow-000,
.border-yellow-000 {
    border-bottom-color: var(--yellow-000);
}

.border-l-yellow-000,
.border-x-yellow-000,
.border-yellow-000 {
    border-left-color: var(--yellow-000);
}

.border-r-yellow-000,
.border-x-yellow-000,
.border-yellow-000 {
    border-right-color: var(--yellow-000);
}

.peer:checked ~ .peer-checked\:border-t-yellow-000,
.peer:checked ~ .peer-checked\:border-y-yellow-000,
.peer:checked ~ .peer-checked\:border-yellow-000 {
    border-top-color: var(--yellow-000);
}

.peer:checked ~ .peer-checked\:border-b-yellow-000,
.peer:checked ~ .peer-checked\:border-y-yellow-000,
.peer:checked ~ .peer-checked\:border-yellow-000 {
    border-bottom-color: var(--yellow-000);
}

.peer:checked ~ .peer-checked\:border-l-yellow-000,
.peer:checked ~ .peer-checked\:border-x-yellow-000,
.peer:checked ~ .peer-checked\:border-yellow-000 {
    border-left-color: var(--yellow-000);
}

.peer:checked ~ .peer-checked\:border-r-yellow-000,
.peer:checked ~ .peer-checked\:border-x-yellow-000,
.peer:checked ~ .peer-checked\:border-yellow-000 {
    border-right-color: var(--yellow-000);
}

.has-checked\:border-t-yellow-000:has(:checked),
.has-checked\:border-y-yellow-000:has(:checked),
.has-checked\:border-yellow-000:has(:checked) {
    border-top-color: var(--yellow-000);
}

.has-checked\:border-b-yellow-000:has(:checked),
.has-checked\:border-y-yellow-000:has(:checked),
.has-checked\:border-yellow-000:has(:checked) {
    border-bottom-color: var(--yellow-000);
}

.has-checked\:border-l-yellow-000:has(:checked),
.has-checked\:border-x-yellow-000:has(:checked),
.has-checked\:border-yellow-000:has(:checked) {
    border-left-color: var(--yellow-000);
}

.has-checked\:border-r-yellow-000:has(:checked),
.has-checked\:border-x-yellow-000:has(:checked),
.has-checked\:border-yellow-000:has(:checked) {
    border-right-color: var(--yellow-000);
}

.hover-border-t-yellow-000:hover,
.hover-border-y-yellow-000:hover,
.hover-border-yellow-000:hover {
    border-top-color: var(--yellow-000);
}

.hover-border-b-yellow-000:hover,
.hover-border-y-yellow-000:hover,
.hover-border-yellow-000:hover {
    border-bottom-color: var(--yellow-000);
}

.hover-border-l-yellow-000:hover,
.hover-border-x-yellow-000:hover,
.hover-border-yellow-000:hover {
    border-left-color: var(--yellow-000);
}

.hover-border-r-yellow-000:hover,
.hover-border-x-yellow-000:hover,
.hover-border-yellow-000:hover {
    border-right-color: var(--yellow-000);
}

.border-t-yellow-100,
.border-y-yellow-100,
.border-yellow-100 {
    border-top-color: var(--yellow-100);
}

.border-b-yellow-100,
.border-y-yellow-100,
.border-yellow-100 {
    border-bottom-color: var(--yellow-100);
}

.border-l-yellow-100,
.border-x-yellow-100,
.border-yellow-100 {
    border-left-color: var(--yellow-100);
}

.border-r-yellow-100,
.border-x-yellow-100,
.border-yellow-100 {
    border-right-color: var(--yellow-100);
}

.peer:checked ~ .peer-checked\:border-t-yellow-100,
.peer:checked ~ .peer-checked\:border-y-yellow-100,
.peer:checked ~ .peer-checked\:border-yellow-100 {
    border-top-color: var(--yellow-100);
}

.peer:checked ~ .peer-checked\:border-b-yellow-100,
.peer:checked ~ .peer-checked\:border-y-yellow-100,
.peer:checked ~ .peer-checked\:border-yellow-100 {
    border-bottom-color: var(--yellow-100);
}

.peer:checked ~ .peer-checked\:border-l-yellow-100,
.peer:checked ~ .peer-checked\:border-x-yellow-100,
.peer:checked ~ .peer-checked\:border-yellow-100 {
    border-left-color: var(--yellow-100);
}

.peer:checked ~ .peer-checked\:border-r-yellow-100,
.peer:checked ~ .peer-checked\:border-x-yellow-100,
.peer:checked ~ .peer-checked\:border-yellow-100 {
    border-right-color: var(--yellow-100);
}

.has-checked\:border-t-yellow-100:has(:checked),
.has-checked\:border-y-yellow-100:has(:checked),
.has-checked\:border-yellow-100:has(:checked) {
    border-top-color: var(--yellow-100);
}

.has-checked\:border-b-yellow-100:has(:checked),
.has-checked\:border-y-yellow-100:has(:checked),
.has-checked\:border-yellow-100:has(:checked) {
    border-bottom-color: var(--yellow-100);
}

.has-checked\:border-l-yellow-100:has(:checked),
.has-checked\:border-x-yellow-100:has(:checked),
.has-checked\:border-yellow-100:has(:checked) {
    border-left-color: var(--yellow-100);
}

.has-checked\:border-r-yellow-100:has(:checked),
.has-checked\:border-x-yellow-100:has(:checked),
.has-checked\:border-yellow-100:has(:checked) {
    border-right-color: var(--yellow-100);
}

.hover-border-t-yellow-100:hover,
.hover-border-y-yellow-100:hover,
.hover-border-yellow-100:hover {
    border-top-color: var(--yellow-100);
}

.hover-border-b-yellow-100:hover,
.hover-border-y-yellow-100:hover,
.hover-border-yellow-100:hover {
    border-bottom-color: var(--yellow-100);
}

.hover-border-l-yellow-100:hover,
.hover-border-x-yellow-100:hover,
.hover-border-yellow-100:hover {
    border-left-color: var(--yellow-100);
}

.hover-border-r-yellow-100:hover,
.hover-border-x-yellow-100:hover,
.hover-border-yellow-100:hover {
    border-right-color: var(--yellow-100);
}

.border-t-yellow-200,
.border-y-yellow-200,
.border-yellow-200 {
    border-top-color: var(--yellow-200);
}

.border-b-yellow-200,
.border-y-yellow-200,
.border-yellow-200 {
    border-bottom-color: var(--yellow-200);
}

.border-l-yellow-200,
.border-x-yellow-200,
.border-yellow-200 {
    border-left-color: var(--yellow-200);
}

.border-r-yellow-200,
.border-x-yellow-200,
.border-yellow-200 {
    border-right-color: var(--yellow-200);
}

.peer:checked ~ .peer-checked\:border-t-yellow-200,
.peer:checked ~ .peer-checked\:border-y-yellow-200,
.peer:checked ~ .peer-checked\:border-yellow-200 {
    border-top-color: var(--yellow-200);
}

.peer:checked ~ .peer-checked\:border-b-yellow-200,
.peer:checked ~ .peer-checked\:border-y-yellow-200,
.peer:checked ~ .peer-checked\:border-yellow-200 {
    border-bottom-color: var(--yellow-200);
}

.peer:checked ~ .peer-checked\:border-l-yellow-200,
.peer:checked ~ .peer-checked\:border-x-yellow-200,
.peer:checked ~ .peer-checked\:border-yellow-200 {
    border-left-color: var(--yellow-200);
}

.peer:checked ~ .peer-checked\:border-r-yellow-200,
.peer:checked ~ .peer-checked\:border-x-yellow-200,
.peer:checked ~ .peer-checked\:border-yellow-200 {
    border-right-color: var(--yellow-200);
}

.has-checked\:border-t-yellow-200:has(:checked),
.has-checked\:border-y-yellow-200:has(:checked),
.has-checked\:border-yellow-200:has(:checked) {
    border-top-color: var(--yellow-200);
}

.has-checked\:border-b-yellow-200:has(:checked),
.has-checked\:border-y-yellow-200:has(:checked),
.has-checked\:border-yellow-200:has(:checked) {
    border-bottom-color: var(--yellow-200);
}

.has-checked\:border-l-yellow-200:has(:checked),
.has-checked\:border-x-yellow-200:has(:checked),
.has-checked\:border-yellow-200:has(:checked) {
    border-left-color: var(--yellow-200);
}

.has-checked\:border-r-yellow-200:has(:checked),
.has-checked\:border-x-yellow-200:has(:checked),
.has-checked\:border-yellow-200:has(:checked) {
    border-right-color: var(--yellow-200);
}

.hover-border-t-yellow-200:hover,
.hover-border-y-yellow-200:hover,
.hover-border-yellow-200:hover {
    border-top-color: var(--yellow-200);
}

.hover-border-b-yellow-200:hover,
.hover-border-y-yellow-200:hover,
.hover-border-yellow-200:hover {
    border-bottom-color: var(--yellow-200);
}

.hover-border-l-yellow-200:hover,
.hover-border-x-yellow-200:hover,
.hover-border-yellow-200:hover {
    border-left-color: var(--yellow-200);
}

.hover-border-r-yellow-200:hover,
.hover-border-x-yellow-200:hover,
.hover-border-yellow-200:hover {
    border-right-color: var(--yellow-200);
}

.border-t-yellow-300,
.border-y-yellow-300,
.border-yellow-300 {
    border-top-color: var(--yellow-300);
}

.border-b-yellow-300,
.border-y-yellow-300,
.border-yellow-300 {
    border-bottom-color: var(--yellow-300);
}

.border-l-yellow-300,
.border-x-yellow-300,
.border-yellow-300 {
    border-left-color: var(--yellow-300);
}

.border-r-yellow-300,
.border-x-yellow-300,
.border-yellow-300 {
    border-right-color: var(--yellow-300);
}

.peer:checked ~ .peer-checked\:border-t-yellow-300,
.peer:checked ~ .peer-checked\:border-y-yellow-300,
.peer:checked ~ .peer-checked\:border-yellow-300 {
    border-top-color: var(--yellow-300);
}

.peer:checked ~ .peer-checked\:border-b-yellow-300,
.peer:checked ~ .peer-checked\:border-y-yellow-300,
.peer:checked ~ .peer-checked\:border-yellow-300 {
    border-bottom-color: var(--yellow-300);
}

.peer:checked ~ .peer-checked\:border-l-yellow-300,
.peer:checked ~ .peer-checked\:border-x-yellow-300,
.peer:checked ~ .peer-checked\:border-yellow-300 {
    border-left-color: var(--yellow-300);
}

.peer:checked ~ .peer-checked\:border-r-yellow-300,
.peer:checked ~ .peer-checked\:border-x-yellow-300,
.peer:checked ~ .peer-checked\:border-yellow-300 {
    border-right-color: var(--yellow-300);
}

.has-checked\:border-t-yellow-300:has(:checked),
.has-checked\:border-y-yellow-300:has(:checked),
.has-checked\:border-yellow-300:has(:checked) {
    border-top-color: var(--yellow-300);
}

.has-checked\:border-b-yellow-300:has(:checked),
.has-checked\:border-y-yellow-300:has(:checked),
.has-checked\:border-yellow-300:has(:checked) {
    border-bottom-color: var(--yellow-300);
}

.has-checked\:border-l-yellow-300:has(:checked),
.has-checked\:border-x-yellow-300:has(:checked),
.has-checked\:border-yellow-300:has(:checked) {
    border-left-color: var(--yellow-300);
}

.has-checked\:border-r-yellow-300:has(:checked),
.has-checked\:border-x-yellow-300:has(:checked),
.has-checked\:border-yellow-300:has(:checked) {
    border-right-color: var(--yellow-300);
}

.hover-border-t-yellow-300:hover,
.hover-border-y-yellow-300:hover,
.hover-border-yellow-300:hover {
    border-top-color: var(--yellow-300);
}

.hover-border-b-yellow-300:hover,
.hover-border-y-yellow-300:hover,
.hover-border-yellow-300:hover {
    border-bottom-color: var(--yellow-300);
}

.hover-border-l-yellow-300:hover,
.hover-border-x-yellow-300:hover,
.hover-border-yellow-300:hover {
    border-left-color: var(--yellow-300);
}

.hover-border-r-yellow-300:hover,
.hover-border-x-yellow-300:hover,
.hover-border-yellow-300:hover {
    border-right-color: var(--yellow-300);
}

.border-t-yellow-400,
.border-y-yellow-400,
.border-yellow-400 {
    border-top-color: var(--yellow-400);
}

.border-b-yellow-400,
.border-y-yellow-400,
.border-yellow-400 {
    border-bottom-color: var(--yellow-400);
}

.border-l-yellow-400,
.border-x-yellow-400,
.border-yellow-400 {
    border-left-color: var(--yellow-400);
}

.border-r-yellow-400,
.border-x-yellow-400,
.border-yellow-400 {
    border-right-color: var(--yellow-400);
}

.peer:checked ~ .peer-checked\:border-t-yellow-400,
.peer:checked ~ .peer-checked\:border-y-yellow-400,
.peer:checked ~ .peer-checked\:border-yellow-400 {
    border-top-color: var(--yellow-400);
}

.peer:checked ~ .peer-checked\:border-b-yellow-400,
.peer:checked ~ .peer-checked\:border-y-yellow-400,
.peer:checked ~ .peer-checked\:border-yellow-400 {
    border-bottom-color: var(--yellow-400);
}

.peer:checked ~ .peer-checked\:border-l-yellow-400,
.peer:checked ~ .peer-checked\:border-x-yellow-400,
.peer:checked ~ .peer-checked\:border-yellow-400 {
    border-left-color: var(--yellow-400);
}

.peer:checked ~ .peer-checked\:border-r-yellow-400,
.peer:checked ~ .peer-checked\:border-x-yellow-400,
.peer:checked ~ .peer-checked\:border-yellow-400 {
    border-right-color: var(--yellow-400);
}

.has-checked\:border-t-yellow-400:has(:checked),
.has-checked\:border-y-yellow-400:has(:checked),
.has-checked\:border-yellow-400:has(:checked) {
    border-top-color: var(--yellow-400);
}

.has-checked\:border-b-yellow-400:has(:checked),
.has-checked\:border-y-yellow-400:has(:checked),
.has-checked\:border-yellow-400:has(:checked) {
    border-bottom-color: var(--yellow-400);
}

.has-checked\:border-l-yellow-400:has(:checked),
.has-checked\:border-x-yellow-400:has(:checked),
.has-checked\:border-yellow-400:has(:checked) {
    border-left-color: var(--yellow-400);
}

.has-checked\:border-r-yellow-400:has(:checked),
.has-checked\:border-x-yellow-400:has(:checked),
.has-checked\:border-yellow-400:has(:checked) {
    border-right-color: var(--yellow-400);
}

.hover-border-t-yellow-400:hover,
.hover-border-y-yellow-400:hover,
.hover-border-yellow-400:hover {
    border-top-color: var(--yellow-400);
}

.hover-border-b-yellow-400:hover,
.hover-border-y-yellow-400:hover,
.hover-border-yellow-400:hover {
    border-bottom-color: var(--yellow-400);
}

.hover-border-l-yellow-400:hover,
.hover-border-x-yellow-400:hover,
.hover-border-yellow-400:hover {
    border-left-color: var(--yellow-400);
}

.hover-border-r-yellow-400:hover,
.hover-border-x-yellow-400:hover,
.hover-border-yellow-400:hover {
    border-right-color: var(--yellow-400);
}

.border-t-yellow-500,
.border-y-yellow-500,
.border-yellow-500 {
    border-top-color: var(--yellow-500);
}

.border-b-yellow-500,
.border-y-yellow-500,
.border-yellow-500 {
    border-bottom-color: var(--yellow-500);
}

.border-l-yellow-500,
.border-x-yellow-500,
.border-yellow-500 {
    border-left-color: var(--yellow-500);
}

.border-r-yellow-500,
.border-x-yellow-500,
.border-yellow-500 {
    border-right-color: var(--yellow-500);
}

.peer:checked ~ .peer-checked\:border-t-yellow-500,
.peer:checked ~ .peer-checked\:border-y-yellow-500,
.peer:checked ~ .peer-checked\:border-yellow-500 {
    border-top-color: var(--yellow-500);
}

.peer:checked ~ .peer-checked\:border-b-yellow-500,
.peer:checked ~ .peer-checked\:border-y-yellow-500,
.peer:checked ~ .peer-checked\:border-yellow-500 {
    border-bottom-color: var(--yellow-500);
}

.peer:checked ~ .peer-checked\:border-l-yellow-500,
.peer:checked ~ .peer-checked\:border-x-yellow-500,
.peer:checked ~ .peer-checked\:border-yellow-500 {
    border-left-color: var(--yellow-500);
}

.peer:checked ~ .peer-checked\:border-r-yellow-500,
.peer:checked ~ .peer-checked\:border-x-yellow-500,
.peer:checked ~ .peer-checked\:border-yellow-500 {
    border-right-color: var(--yellow-500);
}

.has-checked\:border-t-yellow-500:has(:checked),
.has-checked\:border-y-yellow-500:has(:checked),
.has-checked\:border-yellow-500:has(:checked) {
    border-top-color: var(--yellow-500);
}

.has-checked\:border-b-yellow-500:has(:checked),
.has-checked\:border-y-yellow-500:has(:checked),
.has-checked\:border-yellow-500:has(:checked) {
    border-bottom-color: var(--yellow-500);
}

.has-checked\:border-l-yellow-500:has(:checked),
.has-checked\:border-x-yellow-500:has(:checked),
.has-checked\:border-yellow-500:has(:checked) {
    border-left-color: var(--yellow-500);
}

.has-checked\:border-r-yellow-500:has(:checked),
.has-checked\:border-x-yellow-500:has(:checked),
.has-checked\:border-yellow-500:has(:checked) {
    border-right-color: var(--yellow-500);
}

.hover-border-t-yellow-500:hover,
.hover-border-y-yellow-500:hover,
.hover-border-yellow-500:hover {
    border-top-color: var(--yellow-500);
}

.hover-border-b-yellow-500:hover,
.hover-border-y-yellow-500:hover,
.hover-border-yellow-500:hover {
    border-bottom-color: var(--yellow-500);
}

.hover-border-l-yellow-500:hover,
.hover-border-x-yellow-500:hover,
.hover-border-yellow-500:hover {
    border-left-color: var(--yellow-500);
}

.hover-border-r-yellow-500:hover,
.hover-border-x-yellow-500:hover,
.hover-border-yellow-500:hover {
    border-right-color: var(--yellow-500);
}

.border-t-blue,
.border-y-blue,
.border-blue {
    border-top-color: var(--blue);
}

.border-b-blue,
.border-y-blue,
.border-blue {
    border-bottom-color: var(--blue);
}

.border-l-blue,
.border-x-blue,
.border-blue {
    border-left-color: var(--blue);
}

.border-r-blue,
.border-x-blue,
.border-blue {
    border-right-color: var(--blue);
}

.peer:checked ~ .peer-checked\:border-t-blue,
.peer:checked ~ .peer-checked\:border-y-blue,
.peer:checked ~ .peer-checked\:border-blue {
    border-top-color: var(--blue);
}

.peer:checked ~ .peer-checked\:border-b-blue,
.peer:checked ~ .peer-checked\:border-y-blue,
.peer:checked ~ .peer-checked\:border-blue {
    border-bottom-color: var(--blue);
}

.peer:checked ~ .peer-checked\:border-l-blue,
.peer:checked ~ .peer-checked\:border-x-blue,
.peer:checked ~ .peer-checked\:border-blue {
    border-left-color: var(--blue);
}

.peer:checked ~ .peer-checked\:border-r-blue,
.peer:checked ~ .peer-checked\:border-x-blue,
.peer:checked ~ .peer-checked\:border-blue {
    border-right-color: var(--blue);
}

.has-checked\:border-t-blue:has(:checked),
.has-checked\:border-y-blue:has(:checked),
.has-checked\:border-blue:has(:checked) {
    border-top-color: var(--blue);
}

.has-checked\:border-b-blue:has(:checked),
.has-checked\:border-y-blue:has(:checked),
.has-checked\:border-blue:has(:checked) {
    border-bottom-color: var(--blue);
}

.has-checked\:border-l-blue:has(:checked),
.has-checked\:border-x-blue:has(:checked),
.has-checked\:border-blue:has(:checked) {
    border-left-color: var(--blue);
}

.has-checked\:border-r-blue:has(:checked),
.has-checked\:border-x-blue:has(:checked),
.has-checked\:border-blue:has(:checked) {
    border-right-color: var(--blue);
}

.hover-border-t-blue:hover,
.hover-border-y-blue:hover,
.hover-border-blue:hover {
    border-top-color: var(--blue);
}

.hover-border-b-blue:hover,
.hover-border-y-blue:hover,
.hover-border-blue:hover {
    border-bottom-color: var(--blue);
}

.hover-border-l-blue:hover,
.hover-border-x-blue:hover,
.hover-border-blue:hover {
    border-left-color: var(--blue);
}

.hover-border-r-blue:hover,
.hover-border-x-blue:hover,
.hover-border-blue:hover {
    border-right-color: var(--blue);
}

.border-t-blue-100,
.border-y-blue-100,
.border-blue-100 {
    border-top-color: var(--blue-100);
}

.border-b-blue-100,
.border-y-blue-100,
.border-blue-100 {
    border-bottom-color: var(--blue-100);
}

.border-l-blue-100,
.border-x-blue-100,
.border-blue-100 {
    border-left-color: var(--blue-100);
}

.border-r-blue-100,
.border-x-blue-100,
.border-blue-100 {
    border-right-color: var(--blue-100);
}

.peer:checked ~ .peer-checked\:border-t-blue-100,
.peer:checked ~ .peer-checked\:border-y-blue-100,
.peer:checked ~ .peer-checked\:border-blue-100 {
    border-top-color: var(--blue-100);
}

.peer:checked ~ .peer-checked\:border-b-blue-100,
.peer:checked ~ .peer-checked\:border-y-blue-100,
.peer:checked ~ .peer-checked\:border-blue-100 {
    border-bottom-color: var(--blue-100);
}

.peer:checked ~ .peer-checked\:border-l-blue-100,
.peer:checked ~ .peer-checked\:border-x-blue-100,
.peer:checked ~ .peer-checked\:border-blue-100 {
    border-left-color: var(--blue-100);
}

.peer:checked ~ .peer-checked\:border-r-blue-100,
.peer:checked ~ .peer-checked\:border-x-blue-100,
.peer:checked ~ .peer-checked\:border-blue-100 {
    border-right-color: var(--blue-100);
}

.has-checked\:border-t-blue-100:has(:checked),
.has-checked\:border-y-blue-100:has(:checked),
.has-checked\:border-blue-100:has(:checked) {
    border-top-color: var(--blue-100);
}

.has-checked\:border-b-blue-100:has(:checked),
.has-checked\:border-y-blue-100:has(:checked),
.has-checked\:border-blue-100:has(:checked) {
    border-bottom-color: var(--blue-100);
}

.has-checked\:border-l-blue-100:has(:checked),
.has-checked\:border-x-blue-100:has(:checked),
.has-checked\:border-blue-100:has(:checked) {
    border-left-color: var(--blue-100);
}

.has-checked\:border-r-blue-100:has(:checked),
.has-checked\:border-x-blue-100:has(:checked),
.has-checked\:border-blue-100:has(:checked) {
    border-right-color: var(--blue-100);
}

.hover-border-t-blue-100:hover,
.hover-border-y-blue-100:hover,
.hover-border-blue-100:hover {
    border-top-color: var(--blue-100);
}

.hover-border-b-blue-100:hover,
.hover-border-y-blue-100:hover,
.hover-border-blue-100:hover {
    border-bottom-color: var(--blue-100);
}

.hover-border-l-blue-100:hover,
.hover-border-x-blue-100:hover,
.hover-border-blue-100:hover {
    border-left-color: var(--blue-100);
}

.hover-border-r-blue-100:hover,
.hover-border-x-blue-100:hover,
.hover-border-blue-100:hover {
    border-right-color: var(--blue-100);
}

.border-t-blue-200,
.border-y-blue-200,
.border-blue-200 {
    border-top-color: var(--blue-200);
}

.border-b-blue-200,
.border-y-blue-200,
.border-blue-200 {
    border-bottom-color: var(--blue-200);
}

.border-l-blue-200,
.border-x-blue-200,
.border-blue-200 {
    border-left-color: var(--blue-200);
}

.border-r-blue-200,
.border-x-blue-200,
.border-blue-200 {
    border-right-color: var(--blue-200);
}

.peer:checked ~ .peer-checked\:border-t-blue-200,
.peer:checked ~ .peer-checked\:border-y-blue-200,
.peer:checked ~ .peer-checked\:border-blue-200 {
    border-top-color: var(--blue-200);
}

.peer:checked ~ .peer-checked\:border-b-blue-200,
.peer:checked ~ .peer-checked\:border-y-blue-200,
.peer:checked ~ .peer-checked\:border-blue-200 {
    border-bottom-color: var(--blue-200);
}

.peer:checked ~ .peer-checked\:border-l-blue-200,
.peer:checked ~ .peer-checked\:border-x-blue-200,
.peer:checked ~ .peer-checked\:border-blue-200 {
    border-left-color: var(--blue-200);
}

.peer:checked ~ .peer-checked\:border-r-blue-200,
.peer:checked ~ .peer-checked\:border-x-blue-200,
.peer:checked ~ .peer-checked\:border-blue-200 {
    border-right-color: var(--blue-200);
}

.has-checked\:border-t-blue-200:has(:checked),
.has-checked\:border-y-blue-200:has(:checked),
.has-checked\:border-blue-200:has(:checked) {
    border-top-color: var(--blue-200);
}

.has-checked\:border-b-blue-200:has(:checked),
.has-checked\:border-y-blue-200:has(:checked),
.has-checked\:border-blue-200:has(:checked) {
    border-bottom-color: var(--blue-200);
}

.has-checked\:border-l-blue-200:has(:checked),
.has-checked\:border-x-blue-200:has(:checked),
.has-checked\:border-blue-200:has(:checked) {
    border-left-color: var(--blue-200);
}

.has-checked\:border-r-blue-200:has(:checked),
.has-checked\:border-x-blue-200:has(:checked),
.has-checked\:border-blue-200:has(:checked) {
    border-right-color: var(--blue-200);
}

.hover-border-t-blue-200:hover,
.hover-border-y-blue-200:hover,
.hover-border-blue-200:hover {
    border-top-color: var(--blue-200);
}

.hover-border-b-blue-200:hover,
.hover-border-y-blue-200:hover,
.hover-border-blue-200:hover {
    border-bottom-color: var(--blue-200);
}

.hover-border-l-blue-200:hover,
.hover-border-x-blue-200:hover,
.hover-border-blue-200:hover {
    border-left-color: var(--blue-200);
}

.hover-border-r-blue-200:hover,
.hover-border-x-blue-200:hover,
.hover-border-blue-200:hover {
    border-right-color: var(--blue-200);
}

.border-t-blue-300,
.border-y-blue-300,
.border-blue-300 {
    border-top-color: var(--blue-300);
}

.border-b-blue-300,
.border-y-blue-300,
.border-blue-300 {
    border-bottom-color: var(--blue-300);
}

.border-l-blue-300,
.border-x-blue-300,
.border-blue-300 {
    border-left-color: var(--blue-300);
}

.border-r-blue-300,
.border-x-blue-300,
.border-blue-300 {
    border-right-color: var(--blue-300);
}

.peer:checked ~ .peer-checked\:border-t-blue-300,
.peer:checked ~ .peer-checked\:border-y-blue-300,
.peer:checked ~ .peer-checked\:border-blue-300 {
    border-top-color: var(--blue-300);
}

.peer:checked ~ .peer-checked\:border-b-blue-300,
.peer:checked ~ .peer-checked\:border-y-blue-300,
.peer:checked ~ .peer-checked\:border-blue-300 {
    border-bottom-color: var(--blue-300);
}

.peer:checked ~ .peer-checked\:border-l-blue-300,
.peer:checked ~ .peer-checked\:border-x-blue-300,
.peer:checked ~ .peer-checked\:border-blue-300 {
    border-left-color: var(--blue-300);
}

.peer:checked ~ .peer-checked\:border-r-blue-300,
.peer:checked ~ .peer-checked\:border-x-blue-300,
.peer:checked ~ .peer-checked\:border-blue-300 {
    border-right-color: var(--blue-300);
}

.has-checked\:border-t-blue-300:has(:checked),
.has-checked\:border-y-blue-300:has(:checked),
.has-checked\:border-blue-300:has(:checked) {
    border-top-color: var(--blue-300);
}

.has-checked\:border-b-blue-300:has(:checked),
.has-checked\:border-y-blue-300:has(:checked),
.has-checked\:border-blue-300:has(:checked) {
    border-bottom-color: var(--blue-300);
}

.has-checked\:border-l-blue-300:has(:checked),
.has-checked\:border-x-blue-300:has(:checked),
.has-checked\:border-blue-300:has(:checked) {
    border-left-color: var(--blue-300);
}

.has-checked\:border-r-blue-300:has(:checked),
.has-checked\:border-x-blue-300:has(:checked),
.has-checked\:border-blue-300:has(:checked) {
    border-right-color: var(--blue-300);
}

.hover-border-t-blue-300:hover,
.hover-border-y-blue-300:hover,
.hover-border-blue-300:hover {
    border-top-color: var(--blue-300);
}

.hover-border-b-blue-300:hover,
.hover-border-y-blue-300:hover,
.hover-border-blue-300:hover {
    border-bottom-color: var(--blue-300);
}

.hover-border-l-blue-300:hover,
.hover-border-x-blue-300:hover,
.hover-border-blue-300:hover {
    border-left-color: var(--blue-300);
}

.hover-border-r-blue-300:hover,
.hover-border-x-blue-300:hover,
.hover-border-blue-300:hover {
    border-right-color: var(--blue-300);
}

.border-t-blue-400,
.border-y-blue-400,
.border-blue-400 {
    border-top-color: var(--blue-400);
}

.border-b-blue-400,
.border-y-blue-400,
.border-blue-400 {
    border-bottom-color: var(--blue-400);
}

.border-l-blue-400,
.border-x-blue-400,
.border-blue-400 {
    border-left-color: var(--blue-400);
}

.border-r-blue-400,
.border-x-blue-400,
.border-blue-400 {
    border-right-color: var(--blue-400);
}

.peer:checked ~ .peer-checked\:border-t-blue-400,
.peer:checked ~ .peer-checked\:border-y-blue-400,
.peer:checked ~ .peer-checked\:border-blue-400 {
    border-top-color: var(--blue-400);
}

.peer:checked ~ .peer-checked\:border-b-blue-400,
.peer:checked ~ .peer-checked\:border-y-blue-400,
.peer:checked ~ .peer-checked\:border-blue-400 {
    border-bottom-color: var(--blue-400);
}

.peer:checked ~ .peer-checked\:border-l-blue-400,
.peer:checked ~ .peer-checked\:border-x-blue-400,
.peer:checked ~ .peer-checked\:border-blue-400 {
    border-left-color: var(--blue-400);
}

.peer:checked ~ .peer-checked\:border-r-blue-400,
.peer:checked ~ .peer-checked\:border-x-blue-400,
.peer:checked ~ .peer-checked\:border-blue-400 {
    border-right-color: var(--blue-400);
}

.has-checked\:border-t-blue-400:has(:checked),
.has-checked\:border-y-blue-400:has(:checked),
.has-checked\:border-blue-400:has(:checked) {
    border-top-color: var(--blue-400);
}

.has-checked\:border-b-blue-400:has(:checked),
.has-checked\:border-y-blue-400:has(:checked),
.has-checked\:border-blue-400:has(:checked) {
    border-bottom-color: var(--blue-400);
}

.has-checked\:border-l-blue-400:has(:checked),
.has-checked\:border-x-blue-400:has(:checked),
.has-checked\:border-blue-400:has(:checked) {
    border-left-color: var(--blue-400);
}

.has-checked\:border-r-blue-400:has(:checked),
.has-checked\:border-x-blue-400:has(:checked),
.has-checked\:border-blue-400:has(:checked) {
    border-right-color: var(--blue-400);
}

.hover-border-t-blue-400:hover,
.hover-border-y-blue-400:hover,
.hover-border-blue-400:hover {
    border-top-color: var(--blue-400);
}

.hover-border-b-blue-400:hover,
.hover-border-y-blue-400:hover,
.hover-border-blue-400:hover {
    border-bottom-color: var(--blue-400);
}

.hover-border-l-blue-400:hover,
.hover-border-x-blue-400:hover,
.hover-border-blue-400:hover {
    border-left-color: var(--blue-400);
}

.hover-border-r-blue-400:hover,
.hover-border-x-blue-400:hover,
.hover-border-blue-400:hover {
    border-right-color: var(--blue-400);
}

.border-t-blue-500,
.border-y-blue-500,
.border-blue-500 {
    border-top-color: var(--blue-500);
}

.border-b-blue-500,
.border-y-blue-500,
.border-blue-500 {
    border-bottom-color: var(--blue-500);
}

.border-l-blue-500,
.border-x-blue-500,
.border-blue-500 {
    border-left-color: var(--blue-500);
}

.border-r-blue-500,
.border-x-blue-500,
.border-blue-500 {
    border-right-color: var(--blue-500);
}

.peer:checked ~ .peer-checked\:border-t-blue-500,
.peer:checked ~ .peer-checked\:border-y-blue-500,
.peer:checked ~ .peer-checked\:border-blue-500 {
    border-top-color: var(--blue-500);
}

.peer:checked ~ .peer-checked\:border-b-blue-500,
.peer:checked ~ .peer-checked\:border-y-blue-500,
.peer:checked ~ .peer-checked\:border-blue-500 {
    border-bottom-color: var(--blue-500);
}

.peer:checked ~ .peer-checked\:border-l-blue-500,
.peer:checked ~ .peer-checked\:border-x-blue-500,
.peer:checked ~ .peer-checked\:border-blue-500 {
    border-left-color: var(--blue-500);
}

.peer:checked ~ .peer-checked\:border-r-blue-500,
.peer:checked ~ .peer-checked\:border-x-blue-500,
.peer:checked ~ .peer-checked\:border-blue-500 {
    border-right-color: var(--blue-500);
}

.has-checked\:border-t-blue-500:has(:checked),
.has-checked\:border-y-blue-500:has(:checked),
.has-checked\:border-blue-500:has(:checked) {
    border-top-color: var(--blue-500);
}

.has-checked\:border-b-blue-500:has(:checked),
.has-checked\:border-y-blue-500:has(:checked),
.has-checked\:border-blue-500:has(:checked) {
    border-bottom-color: var(--blue-500);
}

.has-checked\:border-l-blue-500:has(:checked),
.has-checked\:border-x-blue-500:has(:checked),
.has-checked\:border-blue-500:has(:checked) {
    border-left-color: var(--blue-500);
}

.has-checked\:border-r-blue-500:has(:checked),
.has-checked\:border-x-blue-500:has(:checked),
.has-checked\:border-blue-500:has(:checked) {
    border-right-color: var(--blue-500);
}

.hover-border-t-blue-500:hover,
.hover-border-y-blue-500:hover,
.hover-border-blue-500:hover {
    border-top-color: var(--blue-500);
}

.hover-border-b-blue-500:hover,
.hover-border-y-blue-500:hover,
.hover-border-blue-500:hover {
    border-bottom-color: var(--blue-500);
}

.hover-border-l-blue-500:hover,
.hover-border-x-blue-500:hover,
.hover-border-blue-500:hover {
    border-left-color: var(--blue-500);
}

.hover-border-r-blue-500:hover,
.hover-border-x-blue-500:hover,
.hover-border-blue-500:hover {
    border-right-color: var(--blue-500);
}

.border-t-green,
.border-y-green,
.border-green {
    border-top-color: var(--green);
}

.border-b-green,
.border-y-green,
.border-green {
    border-bottom-color: var(--green);
}

.border-l-green,
.border-x-green,
.border-green {
    border-left-color: var(--green);
}

.border-r-green,
.border-x-green,
.border-green {
    border-right-color: var(--green);
}

.peer:checked ~ .peer-checked\:border-t-green,
.peer:checked ~ .peer-checked\:border-y-green,
.peer:checked ~ .peer-checked\:border-green {
    border-top-color: var(--green);
}

.peer:checked ~ .peer-checked\:border-b-green,
.peer:checked ~ .peer-checked\:border-y-green,
.peer:checked ~ .peer-checked\:border-green {
    border-bottom-color: var(--green);
}

.peer:checked ~ .peer-checked\:border-l-green,
.peer:checked ~ .peer-checked\:border-x-green,
.peer:checked ~ .peer-checked\:border-green {
    border-left-color: var(--green);
}

.peer:checked ~ .peer-checked\:border-r-green,
.peer:checked ~ .peer-checked\:border-x-green,
.peer:checked ~ .peer-checked\:border-green {
    border-right-color: var(--green);
}

.has-checked\:border-t-green:has(:checked),
.has-checked\:border-y-green:has(:checked),
.has-checked\:border-green:has(:checked) {
    border-top-color: var(--green);
}

.has-checked\:border-b-green:has(:checked),
.has-checked\:border-y-green:has(:checked),
.has-checked\:border-green:has(:checked) {
    border-bottom-color: var(--green);
}

.has-checked\:border-l-green:has(:checked),
.has-checked\:border-x-green:has(:checked),
.has-checked\:border-green:has(:checked) {
    border-left-color: var(--green);
}

.has-checked\:border-r-green:has(:checked),
.has-checked\:border-x-green:has(:checked),
.has-checked\:border-green:has(:checked) {
    border-right-color: var(--green);
}

.hover-border-t-green:hover,
.hover-border-y-green:hover,
.hover-border-green:hover {
    border-top-color: var(--green);
}

.hover-border-b-green:hover,
.hover-border-y-green:hover,
.hover-border-green:hover {
    border-bottom-color: var(--green);
}

.hover-border-l-green:hover,
.hover-border-x-green:hover,
.hover-border-green:hover {
    border-left-color: var(--green);
}

.hover-border-r-green:hover,
.hover-border-x-green:hover,
.hover-border-green:hover {
    border-right-color: var(--green);
}

.border-t-green-100,
.border-y-green-100,
.border-green-100 {
    border-top-color: var(--green-100);
}

.border-b-green-100,
.border-y-green-100,
.border-green-100 {
    border-bottom-color: var(--green-100);
}

.border-l-green-100,
.border-x-green-100,
.border-green-100 {
    border-left-color: var(--green-100);
}

.border-r-green-100,
.border-x-green-100,
.border-green-100 {
    border-right-color: var(--green-100);
}

.peer:checked ~ .peer-checked\:border-t-green-100,
.peer:checked ~ .peer-checked\:border-y-green-100,
.peer:checked ~ .peer-checked\:border-green-100 {
    border-top-color: var(--green-100);
}

.peer:checked ~ .peer-checked\:border-b-green-100,
.peer:checked ~ .peer-checked\:border-y-green-100,
.peer:checked ~ .peer-checked\:border-green-100 {
    border-bottom-color: var(--green-100);
}

.peer:checked ~ .peer-checked\:border-l-green-100,
.peer:checked ~ .peer-checked\:border-x-green-100,
.peer:checked ~ .peer-checked\:border-green-100 {
    border-left-color: var(--green-100);
}

.peer:checked ~ .peer-checked\:border-r-green-100,
.peer:checked ~ .peer-checked\:border-x-green-100,
.peer:checked ~ .peer-checked\:border-green-100 {
    border-right-color: var(--green-100);
}

.has-checked\:border-t-green-100:has(:checked),
.has-checked\:border-y-green-100:has(:checked),
.has-checked\:border-green-100:has(:checked) {
    border-top-color: var(--green-100);
}

.has-checked\:border-b-green-100:has(:checked),
.has-checked\:border-y-green-100:has(:checked),
.has-checked\:border-green-100:has(:checked) {
    border-bottom-color: var(--green-100);
}

.has-checked\:border-l-green-100:has(:checked),
.has-checked\:border-x-green-100:has(:checked),
.has-checked\:border-green-100:has(:checked) {
    border-left-color: var(--green-100);
}

.has-checked\:border-r-green-100:has(:checked),
.has-checked\:border-x-green-100:has(:checked),
.has-checked\:border-green-100:has(:checked) {
    border-right-color: var(--green-100);
}

.hover-border-t-green-100:hover,
.hover-border-y-green-100:hover,
.hover-border-green-100:hover {
    border-top-color: var(--green-100);
}

.hover-border-b-green-100:hover,
.hover-border-y-green-100:hover,
.hover-border-green-100:hover {
    border-bottom-color: var(--green-100);
}

.hover-border-l-green-100:hover,
.hover-border-x-green-100:hover,
.hover-border-green-100:hover {
    border-left-color: var(--green-100);
}

.hover-border-r-green-100:hover,
.hover-border-x-green-100:hover,
.hover-border-green-100:hover {
    border-right-color: var(--green-100);
}

.border-t-green-200,
.border-y-green-200,
.border-green-200 {
    border-top-color: var(--green-200);
}

.border-b-green-200,
.border-y-green-200,
.border-green-200 {
    border-bottom-color: var(--green-200);
}

.border-l-green-200,
.border-x-green-200,
.border-green-200 {
    border-left-color: var(--green-200);
}

.border-r-green-200,
.border-x-green-200,
.border-green-200 {
    border-right-color: var(--green-200);
}

.peer:checked ~ .peer-checked\:border-t-green-200,
.peer:checked ~ .peer-checked\:border-y-green-200,
.peer:checked ~ .peer-checked\:border-green-200 {
    border-top-color: var(--green-200);
}

.peer:checked ~ .peer-checked\:border-b-green-200,
.peer:checked ~ .peer-checked\:border-y-green-200,
.peer:checked ~ .peer-checked\:border-green-200 {
    border-bottom-color: var(--green-200);
}

.peer:checked ~ .peer-checked\:border-l-green-200,
.peer:checked ~ .peer-checked\:border-x-green-200,
.peer:checked ~ .peer-checked\:border-green-200 {
    border-left-color: var(--green-200);
}

.peer:checked ~ .peer-checked\:border-r-green-200,
.peer:checked ~ .peer-checked\:border-x-green-200,
.peer:checked ~ .peer-checked\:border-green-200 {
    border-right-color: var(--green-200);
}

.has-checked\:border-t-green-200:has(:checked),
.has-checked\:border-y-green-200:has(:checked),
.has-checked\:border-green-200:has(:checked) {
    border-top-color: var(--green-200);
}

.has-checked\:border-b-green-200:has(:checked),
.has-checked\:border-y-green-200:has(:checked),
.has-checked\:border-green-200:has(:checked) {
    border-bottom-color: var(--green-200);
}

.has-checked\:border-l-green-200:has(:checked),
.has-checked\:border-x-green-200:has(:checked),
.has-checked\:border-green-200:has(:checked) {
    border-left-color: var(--green-200);
}

.has-checked\:border-r-green-200:has(:checked),
.has-checked\:border-x-green-200:has(:checked),
.has-checked\:border-green-200:has(:checked) {
    border-right-color: var(--green-200);
}

.hover-border-t-green-200:hover,
.hover-border-y-green-200:hover,
.hover-border-green-200:hover {
    border-top-color: var(--green-200);
}

.hover-border-b-green-200:hover,
.hover-border-y-green-200:hover,
.hover-border-green-200:hover {
    border-bottom-color: var(--green-200);
}

.hover-border-l-green-200:hover,
.hover-border-x-green-200:hover,
.hover-border-green-200:hover {
    border-left-color: var(--green-200);
}

.hover-border-r-green-200:hover,
.hover-border-x-green-200:hover,
.hover-border-green-200:hover {
    border-right-color: var(--green-200);
}

.border-t-green-300,
.border-y-green-300,
.border-green-300 {
    border-top-color: var(--green-300);
}

.border-b-green-300,
.border-y-green-300,
.border-green-300 {
    border-bottom-color: var(--green-300);
}

.border-l-green-300,
.border-x-green-300,
.border-green-300 {
    border-left-color: var(--green-300);
}

.border-r-green-300,
.border-x-green-300,
.border-green-300 {
    border-right-color: var(--green-300);
}

.peer:checked ~ .peer-checked\:border-t-green-300,
.peer:checked ~ .peer-checked\:border-y-green-300,
.peer:checked ~ .peer-checked\:border-green-300 {
    border-top-color: var(--green-300);
}

.peer:checked ~ .peer-checked\:border-b-green-300,
.peer:checked ~ .peer-checked\:border-y-green-300,
.peer:checked ~ .peer-checked\:border-green-300 {
    border-bottom-color: var(--green-300);
}

.peer:checked ~ .peer-checked\:border-l-green-300,
.peer:checked ~ .peer-checked\:border-x-green-300,
.peer:checked ~ .peer-checked\:border-green-300 {
    border-left-color: var(--green-300);
}

.peer:checked ~ .peer-checked\:border-r-green-300,
.peer:checked ~ .peer-checked\:border-x-green-300,
.peer:checked ~ .peer-checked\:border-green-300 {
    border-right-color: var(--green-300);
}

.has-checked\:border-t-green-300:has(:checked),
.has-checked\:border-y-green-300:has(:checked),
.has-checked\:border-green-300:has(:checked) {
    border-top-color: var(--green-300);
}

.has-checked\:border-b-green-300:has(:checked),
.has-checked\:border-y-green-300:has(:checked),
.has-checked\:border-green-300:has(:checked) {
    border-bottom-color: var(--green-300);
}

.has-checked\:border-l-green-300:has(:checked),
.has-checked\:border-x-green-300:has(:checked),
.has-checked\:border-green-300:has(:checked) {
    border-left-color: var(--green-300);
}

.has-checked\:border-r-green-300:has(:checked),
.has-checked\:border-x-green-300:has(:checked),
.has-checked\:border-green-300:has(:checked) {
    border-right-color: var(--green-300);
}

.hover-border-t-green-300:hover,
.hover-border-y-green-300:hover,
.hover-border-green-300:hover {
    border-top-color: var(--green-300);
}

.hover-border-b-green-300:hover,
.hover-border-y-green-300:hover,
.hover-border-green-300:hover {
    border-bottom-color: var(--green-300);
}

.hover-border-l-green-300:hover,
.hover-border-x-green-300:hover,
.hover-border-green-300:hover {
    border-left-color: var(--green-300);
}

.hover-border-r-green-300:hover,
.hover-border-x-green-300:hover,
.hover-border-green-300:hover {
    border-right-color: var(--green-300);
}

.border-t-green-400,
.border-y-green-400,
.border-green-400 {
    border-top-color: var(--green-400);
}

.border-b-green-400,
.border-y-green-400,
.border-green-400 {
    border-bottom-color: var(--green-400);
}

.border-l-green-400,
.border-x-green-400,
.border-green-400 {
    border-left-color: var(--green-400);
}

.border-r-green-400,
.border-x-green-400,
.border-green-400 {
    border-right-color: var(--green-400);
}

.peer:checked ~ .peer-checked\:border-t-green-400,
.peer:checked ~ .peer-checked\:border-y-green-400,
.peer:checked ~ .peer-checked\:border-green-400 {
    border-top-color: var(--green-400);
}

.peer:checked ~ .peer-checked\:border-b-green-400,
.peer:checked ~ .peer-checked\:border-y-green-400,
.peer:checked ~ .peer-checked\:border-green-400 {
    border-bottom-color: var(--green-400);
}

.peer:checked ~ .peer-checked\:border-l-green-400,
.peer:checked ~ .peer-checked\:border-x-green-400,
.peer:checked ~ .peer-checked\:border-green-400 {
    border-left-color: var(--green-400);
}

.peer:checked ~ .peer-checked\:border-r-green-400,
.peer:checked ~ .peer-checked\:border-x-green-400,
.peer:checked ~ .peer-checked\:border-green-400 {
    border-right-color: var(--green-400);
}

.has-checked\:border-t-green-400:has(:checked),
.has-checked\:border-y-green-400:has(:checked),
.has-checked\:border-green-400:has(:checked) {
    border-top-color: var(--green-400);
}

.has-checked\:border-b-green-400:has(:checked),
.has-checked\:border-y-green-400:has(:checked),
.has-checked\:border-green-400:has(:checked) {
    border-bottom-color: var(--green-400);
}

.has-checked\:border-l-green-400:has(:checked),
.has-checked\:border-x-green-400:has(:checked),
.has-checked\:border-green-400:has(:checked) {
    border-left-color: var(--green-400);
}

.has-checked\:border-r-green-400:has(:checked),
.has-checked\:border-x-green-400:has(:checked),
.has-checked\:border-green-400:has(:checked) {
    border-right-color: var(--green-400);
}

.hover-border-t-green-400:hover,
.hover-border-y-green-400:hover,
.hover-border-green-400:hover {
    border-top-color: var(--green-400);
}

.hover-border-b-green-400:hover,
.hover-border-y-green-400:hover,
.hover-border-green-400:hover {
    border-bottom-color: var(--green-400);
}

.hover-border-l-green-400:hover,
.hover-border-x-green-400:hover,
.hover-border-green-400:hover {
    border-left-color: var(--green-400);
}

.hover-border-r-green-400:hover,
.hover-border-x-green-400:hover,
.hover-border-green-400:hover {
    border-right-color: var(--green-400);
}

.border-t-green-500,
.border-y-green-500,
.border-green-500 {
    border-top-color: var(--green-500);
}

.border-b-green-500,
.border-y-green-500,
.border-green-500 {
    border-bottom-color: var(--green-500);
}

.border-l-green-500,
.border-x-green-500,
.border-green-500 {
    border-left-color: var(--green-500);
}

.border-r-green-500,
.border-x-green-500,
.border-green-500 {
    border-right-color: var(--green-500);
}

.peer:checked ~ .peer-checked\:border-t-green-500,
.peer:checked ~ .peer-checked\:border-y-green-500,
.peer:checked ~ .peer-checked\:border-green-500 {
    border-top-color: var(--green-500);
}

.peer:checked ~ .peer-checked\:border-b-green-500,
.peer:checked ~ .peer-checked\:border-y-green-500,
.peer:checked ~ .peer-checked\:border-green-500 {
    border-bottom-color: var(--green-500);
}

.peer:checked ~ .peer-checked\:border-l-green-500,
.peer:checked ~ .peer-checked\:border-x-green-500,
.peer:checked ~ .peer-checked\:border-green-500 {
    border-left-color: var(--green-500);
}

.peer:checked ~ .peer-checked\:border-r-green-500,
.peer:checked ~ .peer-checked\:border-x-green-500,
.peer:checked ~ .peer-checked\:border-green-500 {
    border-right-color: var(--green-500);
}

.has-checked\:border-t-green-500:has(:checked),
.has-checked\:border-y-green-500:has(:checked),
.has-checked\:border-green-500:has(:checked) {
    border-top-color: var(--green-500);
}

.has-checked\:border-b-green-500:has(:checked),
.has-checked\:border-y-green-500:has(:checked),
.has-checked\:border-green-500:has(:checked) {
    border-bottom-color: var(--green-500);
}

.has-checked\:border-l-green-500:has(:checked),
.has-checked\:border-x-green-500:has(:checked),
.has-checked\:border-green-500:has(:checked) {
    border-left-color: var(--green-500);
}

.has-checked\:border-r-green-500:has(:checked),
.has-checked\:border-x-green-500:has(:checked),
.has-checked\:border-green-500:has(:checked) {
    border-right-color: var(--green-500);
}

.hover-border-t-green-500:hover,
.hover-border-y-green-500:hover,
.hover-border-green-500:hover {
    border-top-color: var(--green-500);
}

.hover-border-b-green-500:hover,
.hover-border-y-green-500:hover,
.hover-border-green-500:hover {
    border-bottom-color: var(--green-500);
}

.hover-border-l-green-500:hover,
.hover-border-x-green-500:hover,
.hover-border-green-500:hover {
    border-left-color: var(--green-500);
}

.hover-border-r-green-500:hover,
.hover-border-x-green-500:hover,
.hover-border-green-500:hover {
    border-right-color: var(--green-500);
}

.border-t-transparent,
.border-y-transparent,
.border-transparent {
    border-top-color: transparent;
}

.border-b-transparent,
.border-y-transparent,
.border-transparent {
    border-bottom-color: transparent;
}

.border-l-transparent,
.border-x-transparent,
.border-transparent {
    border-left-color: transparent;
}

.border-r-transparent,
.border-x-transparent,
.border-transparent {
    border-right-color: transparent;
}

.border-t-none,
.border-y-none,
.border-none {
    border-top: none;
}

.border-b-none,
.border-y-none,
.border-none {
    border-bottom: none;
}

.border-l-none,
.border-x-none,
.border-none {
    border-left: none;
}

.border-r-none,
.border-x-none,
.border-none {
    border-right: none;
}

.d-none {
    display: none;
}

.peer:checked ~ .peer-checked\:d-none,
.group:hover .group-hover-d-none {
    display: none;
}

.d-inline {
    display: inline;
}

.peer:checked ~ .peer-checked\:d-inline,
.group:hover .group-hover-d-inline {
    display: inline;
}

.d-inline-block {
    display: inline-block;
}

.peer:checked ~ .peer-checked\:d-inline-block,
.group:hover .group-hover-d-inline-block {
    display: inline-block;
}

.d-block {
    display: block;
}

.peer:checked ~ .peer-checked\:d-block,
.group:hover .group-hover-d-block {
    display: block;
}

.d-flex {
    display: flex;
}

.peer:checked ~ .peer-checked\:d-flex,
.group:hover .group-hover-d-flex {
    display: flex;
}

.d-inline-flex {
    display: inline-flex;
}

.peer:checked ~ .peer-checked\:d-inline-flex,
.group:hover .group-hover-d-inline-flex {
    display: inline-flex;
}

.d-grid {
    display: grid;
}

.peer:checked ~ .peer-checked\:d-grid,
.group:hover .group-hover-d-grid {
    display: grid;
}

.d-inline-grid {
    display: inline-grid;
}

.peer:checked ~ .peer-checked\:d-inline-grid,
.group:hover .group-hover-d-inline-grid {
    display: inline-grid;
}

.filter-grayscale-100 {
    filter: grayscale(100%);
}

.flex-row {
    flex-direction: row;
}

.flex-col {
    flex-direction: column;
}

.flex-row-reverse {
    flex-direction: row-reverse;
}

.flex-col-reverse {
    flex-direction: column-reverse;
}

.flex-wrap {
    flex-wrap: wrap;
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse;
}

.flex-nowrap {
    flex-wrap: nowrap;
}

.flex-top {
    align-items: flex-start;
}

.flex-middle {
    align-items: center;
}

.flex-bottom {
    align-items: flex-end;
}

.flex-left {
    justify-content: flex-start;
}

.flex-center {
    justify-content: center;
}

.flex-right {
    justify-content: flex-end;
}

.centered {
    align-items: center;
    justify-content: center;
}

.align-items-start,
.items-start {
    align-items: flex-start;
}

.align-items-end,
.items-end {
    align-items: flex-end;
}

.align-items-center,
.items-center {
    align-items: center;
}

.align-items-baseline,
.items-baseline {
    align-items: baseline;
}

.align-self-start,
.self-start {
    align-self: flex-start;
}

.align-self-end,
.self-end {
    align-self: flex-end;
}

.align-self-center,
.self-center {
    align-self: center;
}

.align-self-baseline,
.self-baseline {
    align-self: baseline;
}

.justify-content-start,
.justify-start {
    justify-content: flex-start;
}

.justify-content-end,
.justify-end {
    justify-content: flex-end;
}

.justify-content-center,
.justify-center {
    justify-content: center;
}

.justify-content-baseline,
.justify-baseline {
    justify-content: baseline;
}

.justify-content-between,
.justify-between {
    justify-content: space-between;
}

.justify-content-around,
.justify-around {
    justify-content: space-around;
}

.flex-1 {
    flex: 1;
}

.grow-1 {
    flex-grow: 1;
}

.flex-2 {
    flex: 2;
}

.grow-2 {
    flex-grow: 2;
}

.flex-3 {
    flex: 3;
}

.grow-3 {
    flex-grow: 3;
}

.flex-4 {
    flex: 4;
}

.grow-4 {
    flex-grow: 4;
}

.flex-5 {
    flex: 5;
}

.grow-5 {
    flex-grow: 5;
}

.flex-6 {
    flex: 6;
}

.grow-6 {
    flex-grow: 6;
}

.flex-7 {
    flex: 7;
}

.grow-7 {
    flex-grow: 7;
}

.flex-8 {
    flex: 8;
}

.grow-8 {
    flex-grow: 8;
}

.flex-9 {
    flex: 9;
}

.grow-9 {
    flex-grow: 9;
}

.flex-10 {
    flex: 10;
}

.grow-10 {
    flex-grow: 10;
}

.flex-11 {
    flex: 11;
}

.grow-11 {
    flex-grow: 11;
}

.flex-12 {
    flex: 12;
}

.grow-12 {
    flex-grow: 12;
}

.flex-auto,
.flex-fill {
    flex: 1 1 auto;
}

.flex-initial {
    flex: 0 1 auto;
}

.flex-none {
    flex: none;
}

.grow-0 {
    flex-grow: 0;
}

.grow-1 {
    flex-grow: 1;
}

.shrink-0 {
    flex-shrink: 0;
}

.default {
    cursor: default;
}

.pointer {
    cursor: pointer;
}

.not-allowed {
    cursor: not-allowed;
}

.grower {
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
    transform: translateZ(0);
    transition: transform 0.25s ease-out;
}

.grower:hover,
.grower:focus {
    transform: scale(1.05);
}

.dimmer {
    opacity: 1;
    transition: opacity 0.15s ease-in;
}

.dimmer:hover,
.dimmer:focus {
    opacity: 0.5;
    transition: opacity 0.15s ease-in;
}

.peer:checked ~ .peer-checked\:o-0,
.peer:checked ~ .peer-checked-o-0,
.o-0 {
    opacity: 0;
}

.peer:checked ~ .peer-checked\:o-10,
.peer:checked ~ .peer-checked-o-10,
.o-10 {
    opacity: 0.1;
}

.peer:checked ~ .peer-checked\:o-20,
.peer:checked ~ .peer-checked-o-20,
.o-20 {
    opacity: 0.2;
}

.peer:checked ~ .peer-checked\:o-30,
.peer:checked ~ .peer-checked-o-30,
.o-30 {
    opacity: 0.3;
}

.peer:checked ~ .peer-checked\:o-40,
.peer:checked ~ .peer-checked-o-40,
.o-40 {
    opacity: 0.4;
}

.peer:checked ~ .peer-checked\:o-50,
.peer:checked ~ .peer-checked-o-50,
.o-50 {
    opacity: 0.5;
}

.peer:checked ~ .peer-checked\:o-60,
.peer:checked ~ .peer-checked-o-60,
.o-60 {
    opacity: 0.6;
}

.peer:checked ~ .peer-checked\:o-70,
.peer:checked ~ .peer-checked-o-70,
.o-70 {
    opacity: 0.7;
}

.peer:checked ~ .peer-checked\:o-80,
.peer:checked ~ .peer-checked-o-80,
.o-80 {
    opacity: 0.8;
}

.peer:checked ~ .peer-checked\:o-90,
.peer:checked ~ .peer-checked-o-90,
.o-90 {
    opacity: 0.9;
}

.peer:checked ~ .peer-checked\:o-100,
.peer:checked ~ .peer-checked-o-100,
.o-100 {
    opacity: 1;
}

.outline-none {
    outline: none;
}

.outline,
.has-checked\:outline:has(:checked) {
    outline: 1px solid var(--border);
}

.hover-outline:hover {
    outline: 1px solid var(--border);
}

.has-checked\:outline-white:has(:checked) {
    outline-color: var(--white);
}

.hover-outline-white:hover {
    outline-color: var(--white);
}

.has-checked\:outline-bg:has(:checked) {
    outline-color: var(--bg);
}

.hover-outline-bg:hover {
    outline-color: var(--bg);
}

.has-checked\:outline-gray:has(:checked) {
    outline-color: var(--gray);
}

.hover-outline-gray:hover {
    outline-color: var(--gray);
}

.has-checked\:outline-gray-000:has(:checked) {
    outline-color: var(--gray-000);
}

.hover-outline-gray-000:hover {
    outline-color: var(--gray-000);
}

.has-checked\:outline-gray-100:has(:checked) {
    outline-color: var(--gray-100);
}

.hover-outline-gray-100:hover {
    outline-color: var(--gray-100);
}

.has-checked\:outline-gray-200:has(:checked) {
    outline-color: var(--gray-200);
}

.hover-outline-gray-200:hover {
    outline-color: var(--gray-200);
}

.has-checked\:outline-gray-300:has(:checked) {
    outline-color: var(--gray-300);
}

.hover-outline-gray-300:hover {
    outline-color: var(--gray-300);
}

.has-checked\:outline-gray-400:has(:checked) {
    outline-color: var(--gray-400);
}

.hover-outline-gray-400:hover {
    outline-color: var(--gray-400);
}

.has-checked\:outline-gray-500:has(:checked) {
    outline-color: var(--gray-500);
}

.hover-outline-gray-500:hover {
    outline-color: var(--gray-500);
}

.has-checked\:outline-black:has(:checked) {
    outline-color: var(--black);
}

.hover-outline-black:hover {
    outline-color: var(--black);
}

.has-checked\:outline-purple:has(:checked) {
    outline-color: var(--purple);
}

.hover-outline-purple:hover {
    outline-color: var(--purple);
}

.has-checked\:outline-purple-100:has(:checked) {
    outline-color: var(--purple-100);
}

.hover-outline-purple-100:hover {
    outline-color: var(--purple-100);
}

.has-checked\:outline-purple-200:has(:checked) {
    outline-color: var(--purple-200);
}

.hover-outline-purple-200:hover {
    outline-color: var(--purple-200);
}

.has-checked\:outline-purple-300:has(:checked) {
    outline-color: var(--purple-300);
}

.hover-outline-purple-300:hover {
    outline-color: var(--purple-300);
}

.has-checked\:outline-purple-400:has(:checked) {
    outline-color: var(--purple-400);
}

.hover-outline-purple-400:hover {
    outline-color: var(--purple-400);
}

.has-checked\:outline-purple-500:has(:checked) {
    outline-color: var(--purple-500);
}

.hover-outline-purple-500:hover {
    outline-color: var(--purple-500);
}

.has-checked\:outline-red:has(:checked) {
    outline-color: var(--red);
}

.hover-outline-red:hover {
    outline-color: var(--red);
}

.has-checked\:outline-red-100:has(:checked) {
    outline-color: var(--red-100);
}

.hover-outline-red-100:hover {
    outline-color: var(--red-100);
}

.has-checked\:outline-red-200:has(:checked) {
    outline-color: var(--red-200);
}

.hover-outline-red-200:hover {
    outline-color: var(--red-200);
}

.has-checked\:outline-red-300:has(:checked) {
    outline-color: var(--red-300);
}

.hover-outline-red-300:hover {
    outline-color: var(--red-300);
}

.has-checked\:outline-red-400:has(:checked) {
    outline-color: var(--red-400);
}

.hover-outline-red-400:hover {
    outline-color: var(--red-400);
}

.has-checked\:outline-red-500:has(:checked) {
    outline-color: var(--red-500);
}

.hover-outline-red-500:hover {
    outline-color: var(--red-500);
}

.has-checked\:outline-yellow:has(:checked) {
    outline-color: var(--yellow);
}

.hover-outline-yellow:hover {
    outline-color: var(--yellow);
}

.has-checked\:outline-yellow-000:has(:checked) {
    outline-color: var(--yellow-000);
}

.hover-outline-yellow-000:hover {
    outline-color: var(--yellow-000);
}

.has-checked\:outline-yellow-100:has(:checked) {
    outline-color: var(--yellow-100);
}

.hover-outline-yellow-100:hover {
    outline-color: var(--yellow-100);
}

.has-checked\:outline-yellow-200:has(:checked) {
    outline-color: var(--yellow-200);
}

.hover-outline-yellow-200:hover {
    outline-color: var(--yellow-200);
}

.has-checked\:outline-yellow-300:has(:checked) {
    outline-color: var(--yellow-300);
}

.hover-outline-yellow-300:hover {
    outline-color: var(--yellow-300);
}

.has-checked\:outline-yellow-400:has(:checked) {
    outline-color: var(--yellow-400);
}

.hover-outline-yellow-400:hover {
    outline-color: var(--yellow-400);
}

.has-checked\:outline-yellow-500:has(:checked) {
    outline-color: var(--yellow-500);
}

.hover-outline-yellow-500:hover {
    outline-color: var(--yellow-500);
}

.has-checked\:outline-blue:has(:checked) {
    outline-color: var(--blue);
}

.hover-outline-blue:hover {
    outline-color: var(--blue);
}

.has-checked\:outline-blue-100:has(:checked) {
    outline-color: var(--blue-100);
}

.hover-outline-blue-100:hover {
    outline-color: var(--blue-100);
}

.has-checked\:outline-blue-200:has(:checked) {
    outline-color: var(--blue-200);
}

.hover-outline-blue-200:hover {
    outline-color: var(--blue-200);
}

.has-checked\:outline-blue-300:has(:checked) {
    outline-color: var(--blue-300);
}

.hover-outline-blue-300:hover {
    outline-color: var(--blue-300);
}

.has-checked\:outline-blue-400:has(:checked) {
    outline-color: var(--blue-400);
}

.hover-outline-blue-400:hover {
    outline-color: var(--blue-400);
}

.has-checked\:outline-blue-500:has(:checked) {
    outline-color: var(--blue-500);
}

.hover-outline-blue-500:hover {
    outline-color: var(--blue-500);
}

.has-checked\:outline-green:has(:checked) {
    outline-color: var(--green);
}

.hover-outline-green:hover {
    outline-color: var(--green);
}

.has-checked\:outline-green-100:has(:checked) {
    outline-color: var(--green-100);
}

.hover-outline-green-100:hover {
    outline-color: var(--green-100);
}

.has-checked\:outline-green-200:has(:checked) {
    outline-color: var(--green-200);
}

.hover-outline-green-200:hover {
    outline-color: var(--green-200);
}

.has-checked\:outline-green-300:has(:checked) {
    outline-color: var(--green-300);
}

.hover-outline-green-300:hover {
    outline-color: var(--green-300);
}

.has-checked\:outline-green-400:has(:checked) {
    outline-color: var(--green-400);
}

.hover-outline-green-400:hover {
    outline-color: var(--green-400);
}

.has-checked\:outline-green-500:has(:checked) {
    outline-color: var(--green-500);
}

.hover-outline-green-500:hover {
    outline-color: var(--green-500);
}

.overflow-x-auto,
.overflow-auto {
    overflow-x: auto;
}

.overflow-y-auto,
.overflow-auto {
    overflow-y: auto;
}

.overflow-x-hidden,
.overflow-hidden {
    overflow-x: hidden;
}

.overflow-y-hidden,
.overflow-hidden {
    overflow-y: hidden;
}

.overflow-x-scroll,
.overflow-scroll {
    overflow-x: scroll;
}

.overflow-y-scroll,
.overflow-scroll {
    overflow-y: scroll;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.fixed {
    position: fixed;
}

.static {
    position: static;
}

.sticky {
    position: sticky;
}

.top-0 {
    top: 0;
}

.bottom-0 {
    bottom: 0;
}

.left-0 {
    left: 0;
}

.right-0 {
    right: 0;
}

.top-4px {
    top: 4px;
}

.bottom-4px {
    bottom: 4px;
}

.left-4px {
    left: 4px;
}

.right-4px {
    right: 4px;
}

.top--4px {
    top: -4px;
}

.bottom--4px {
    bottom: -4px;
}

.left--4px {
    left: -4px;
}

.right--4px {
    right: -4px;
}

.top-8px {
    top: 8px;
}

.bottom-8px {
    bottom: 8px;
}

.left-8px {
    left: 8px;
}

.right-8px {
    right: 8px;
}

.top--8px {
    top: -8px;
}

.bottom--8px {
    bottom: -8px;
}

.left--8px {
    left: -8px;
}

.right--8px {
    right: -8px;
}

.top-16px {
    top: 16px;
}

.bottom-16px {
    bottom: 16px;
}

.left-16px {
    left: 16px;
}

.right-16px {
    right: 16px;
}

.top--16px {
    top: -16px;
}

.bottom--16px {
    bottom: -16px;
}

.left--16px {
    left: -16px;
}

.right--16px {
    right: -16px;
}

.top-24px {
    top: 24px;
}

.bottom-24px {
    bottom: 24px;
}

.left-24px {
    left: 24px;
}

.right-24px {
    right: 24px;
}

.top--24px {
    top: -24px;
}

.bottom--24px {
    bottom: -24px;
}

.left--24px {
    left: -24px;
}

.right--24px {
    right: -24px;
}

.top-32px {
    top: 32px;
}

.bottom-32px {
    bottom: 32px;
}

.left-32px {
    left: 32px;
}

.right-32px {
    right: 32px;
}

.top--32px {
    top: -32px;
}

.bottom--32px {
    bottom: -32px;
}

.left--32px {
    left: -32px;
}

.right--32px {
    right: -32px;
}

.top-40px {
    top: 40px;
}

.bottom-40px {
    bottom: 40px;
}

.left-40px {
    left: 40px;
}

.right-40px {
    right: 40px;
}

.top--40px {
    top: -40px;
}

.bottom--40px {
    bottom: -40px;
}

.left--40px {
    left: -40px;
}

.right--40px {
    right: -40px;
}

.top-48px {
    top: 48px;
}

.bottom-48px {
    bottom: 48px;
}

.left-48px {
    left: 48px;
}

.right-48px {
    right: 48px;
}

.top--48px {
    top: -48px;
}

.bottom--48px {
    bottom: -48px;
}

.left--48px {
    left: -48px;
}

.right--48px {
    right: -48px;
}

.top-56px {
    top: 56px;
}

.bottom-56px {
    bottom: 56px;
}

.left-56px {
    left: 56px;
}

.right-56px {
    right: 56px;
}

.top--56px {
    top: -56px;
}

.bottom--56px {
    bottom: -56px;
}

.left--56px {
    left: -56px;
}

.right--56px {
    right: -56px;
}

.top-64px {
    top: 64px;
}

.bottom-64px {
    bottom: 64px;
}

.left-64px {
    left: 64px;
}

.right-64px {
    right: 64px;
}

.top--64px {
    top: -64px;
}

.bottom--64px {
    bottom: -64px;
}

.left--64px {
    left: -64px;
}

.right--64px {
    right: -64px;
}

.top-72px {
    top: 72px;
}

.bottom-72px {
    bottom: 72px;
}

.left-72px {
    left: 72px;
}

.right-72px {
    right: 72px;
}

.top--72px {
    top: -72px;
}

.bottom--72px {
    bottom: -72px;
}

.left--72px {
    left: -72px;
}

.right--72px {
    right: -72px;
}

.top-80px {
    top: 80px;
}

.bottom-80px {
    bottom: 80px;
}

.left-80px {
    left: 80px;
}

.right-80px {
    right: 80px;
}

.top--80px {
    top: -80px;
}

.bottom--80px {
    bottom: -80px;
}

.left--80px {
    left: -80px;
}

.right--80px {
    right: -80px;
}

.top-10 {
    top: 10%;
}

.bottom-10 {
    bottom: 10%;
}

.left-10 {
    left: 10%;
}

.right-10 {
    right: 10%;
}

.top-20 {
    top: 20%;
}

.bottom-20 {
    bottom: 20%;
}

.left-20 {
    left: 20%;
}

.right-20 {
    right: 20%;
}

.top-25 {
    top: 25%;
}

.bottom-25 {
    bottom: 25%;
}

.left-25 {
    left: 25%;
}

.right-25 {
    right: 25%;
}

.top-30 {
    top: 30%;
}

.bottom-30 {
    bottom: 30%;
}

.left-30 {
    left: 30%;
}

.right-30 {
    right: 30%;
}

.top-40 {
    top: 40%;
}

.bottom-40 {
    bottom: 40%;
}

.left-40 {
    left: 40%;
}

.right-40 {
    right: 40%;
}

.top-50 {
    top: 50%;
}

.bottom-50 {
    bottom: 50%;
}

.left-50 {
    left: 50%;
}

.right-50 {
    right: 50%;
}

.top-60 {
    top: 60%;
}

.bottom-60 {
    bottom: 60%;
}

.left-60 {
    left: 60%;
}

.right-60 {
    right: 60%;
}

.top-70 {
    top: 70%;
}

.bottom-70 {
    bottom: 70%;
}

.left-70 {
    left: 70%;
}

.right-70 {
    right: 70%;
}

.top-75 {
    top: 75%;
}

.bottom-75 {
    bottom: 75%;
}

.left-75 {
    left: 75%;
}

.right-75 {
    right: 75%;
}

.top-80 {
    top: 80%;
}

.bottom-80 {
    bottom: 80%;
}

.left-80 {
    left: 80%;
}

.right-80 {
    right: 80%;
}

.top-90 {
    top: 90%;
}

.bottom-90 {
    bottom: 90%;
}

.left-90 {
    left: 90%;
}

.right-90 {
    right: 90%;
}

.top-100 {
    top: 100%;
}

.bottom-100 {
    bottom: 100%;
}

.left-100 {
    left: 100%;
}

.right-100 {
    right: 100%;
}

.ratio-1x1 {
    aspect-ratio: 1/1;
}

.ratio-2x1 {
    aspect-ratio: 2/1;
}

.ratio-4x3 {
    aspect-ratio: 4/3;
}

.ratio-16x9 {
    aspect-ratio: 16/9;
}

.ratio-21x9 {
    aspect-ratio: 21/9;
}

.rounded-tl-4px,
.rounded-t-4px,
.rounded-4px {
    border-top-left-radius: 4px;
}

.rounded-tr-4px,
.rounded-t-4px,
.rounded-4px {
    border-top-right-radius: 4px;
}

.rounded-bl-4px,
.rounded-b-4px,
.rounded-4px {
    border-bottom-left-radius: 4px;
}

.rounded-br-4px,
.rounded-b-4px,
.rounded-4px {
    border-bottom-right-radius: 4px;
}

.rounded-tl-8px,
.rounded-t-8px,
.rounded-8px {
    border-top-left-radius: 8px;
}

.rounded-tr-8px,
.rounded-t-8px,
.rounded-8px {
    border-top-right-radius: 8px;
}

.rounded-bl-8px,
.rounded-b-8px,
.rounded-8px {
    border-bottom-left-radius: 8px;
}

.rounded-br-8px,
.rounded-b-8px,
.rounded-8px {
    border-bottom-right-radius: 8px;
}

.rounded-tl-12px,
.rounded-t-12px,
.rounded-12px {
    border-top-left-radius: 12px;
}

.rounded-tr-12px,
.rounded-t-12px,
.rounded-12px {
    border-top-right-radius: 12px;
}

.rounded-bl-12px,
.rounded-b-12px,
.rounded-12px {
    border-bottom-left-radius: 12px;
}

.rounded-br-12px,
.rounded-b-12px,
.rounded-12px {
    border-bottom-right-radius: 12px;
}

.rounded-tl-16px,
.rounded-t-16px,
.rounded-16px {
    border-top-left-radius: 16px;
}

.rounded-tr-16px,
.rounded-t-16px,
.rounded-16px {
    border-top-right-radius: 16px;
}

.rounded-bl-16px,
.rounded-b-16px,
.rounded-16px {
    border-bottom-left-radius: 16px;
}

.rounded-br-16px,
.rounded-b-16px,
.rounded-16px {
    border-bottom-right-radius: 16px;
}

.rounded-tl-20px,
.rounded-t-20px,
.rounded-20px {
    border-top-left-radius: 20px;
}

.rounded-tr-20px,
.rounded-t-20px,
.rounded-20px {
    border-top-right-radius: 20px;
}

.rounded-bl-20px,
.rounded-b-20px,
.rounded-20px {
    border-bottom-left-radius: 20px;
}

.rounded-br-20px,
.rounded-b-20px,
.rounded-20px {
    border-bottom-right-radius: 20px;
}

.rounded-tl-24px,
.rounded-t-24px,
.rounded-24px {
    border-top-left-radius: 24px;
}

.rounded-tr-24px,
.rounded-t-24px,
.rounded-24px {
    border-top-right-radius: 24px;
}

.rounded-bl-24px,
.rounded-b-24px,
.rounded-24px {
    border-bottom-left-radius: 24px;
}

.rounded-br-24px,
.rounded-b-24px,
.rounded-24px {
    border-bottom-right-radius: 24px;
}

.rounded-tl-28px,
.rounded-t-28px,
.rounded-28px {
    border-top-left-radius: 28px;
}

.rounded-tr-28px,
.rounded-t-28px,
.rounded-28px {
    border-top-right-radius: 28px;
}

.rounded-bl-28px,
.rounded-b-28px,
.rounded-28px {
    border-bottom-left-radius: 28px;
}

.rounded-br-28px,
.rounded-b-28px,
.rounded-28px {
    border-bottom-right-radius: 28px;
}

.rounded-tl-32px,
.rounded-t-32px,
.rounded-32px {
    border-top-left-radius: 32px;
}

.rounded-tr-32px,
.rounded-t-32px,
.rounded-32px {
    border-top-right-radius: 32px;
}

.rounded-bl-32px,
.rounded-b-32px,
.rounded-32px {
    border-bottom-left-radius: 32px;
}

.rounded-br-32px,
.rounded-b-32px,
.rounded-32px {
    border-bottom-right-radius: 32px;
}

.rounded-tl-36px,
.rounded-t-36px,
.rounded-36px {
    border-top-left-radius: 36px;
}

.rounded-tr-36px,
.rounded-t-36px,
.rounded-36px {
    border-top-right-radius: 36px;
}

.rounded-bl-36px,
.rounded-b-36px,
.rounded-36px {
    border-bottom-left-radius: 36px;
}

.rounded-br-36px,
.rounded-b-36px,
.rounded-36px {
    border-bottom-right-radius: 36px;
}

.rounded-tl-40px,
.rounded-t-40px,
.rounded-40px {
    border-top-left-radius: 40px;
}

.rounded-tr-40px,
.rounded-t-40px,
.rounded-40px {
    border-top-right-radius: 40px;
}

.rounded-bl-40px,
.rounded-b-40px,
.rounded-40px {
    border-bottom-left-radius: 40px;
}

.rounded-br-40px,
.rounded-b-40px,
.rounded-40px {
    border-bottom-right-radius: 40px;
}

.rounded-tl-0,
.rounded-t-0,
.rounded-0 {
    border-top-left-radius: 0;
}

.rounded-tr-0,
.rounded-t-0,
.rounded-0 {
    border-top-right-radius: 0;
}

.rounded-bl-0,
.rounded-b-0,
.rounded-0 {
    border-bottom-left-radius: 0;
}

.rounded-br-0,
.rounded-b-0,
.rounded-0 {
    border-bottom-right-radius: 0;
}

.rounded-tl-inherit,
.rounded-t-inherit,
.rounded-inherit {
    border-top-left-radius: inherit;
}

.rounded-tr-inherit,
.rounded-t-inherit,
.rounded-inherit {
    border-top-right-radius: inherit;
}

.rounded-bl-inherit,
.rounded-b-inherit,
.rounded-inherit {
    border-bottom-left-radius: inherit;
}

.rounded-br-inherit,
.rounded-b-inherit,
.rounded-inherit {
    border-bottom-right-radius: inherit;
}

.rounded-full {
    border-radius: 99999px;
}

.rounded-circle {
    border-radius: 50%;
}

.shadow-100,
.shadow-small {
    box-shadow: 0px 2px 4px rgba(33, 43, 54, 0.1);
}

.shadow-200,
.shadow-regular {
    box-shadow: 0px 4px 16px rgba(33, 43, 54, 0.15);
}

.shadow-300,
.shadow-large {
    box-shadow: 0px 14px 40px rgba(33, 43, 54, 0.15);
}

.w-10vw {
    width: 10vw;
}

.h-10vh {
    height: 10vh;
}

.min-w-10vw {
    min-width: 10vw;
}

.min-h-10vh {
    min-height: 10vh;
}

.max-w-10vw {
    max-width: 10vw;
}

.max-h-10vh {
    max-height: 10vh;
}

.w-15vw {
    width: 15vw;
}

.h-15vh {
    height: 15vh;
}

.min-w-15vw {
    min-width: 15vw;
}

.min-h-15vh {
    min-height: 15vh;
}

.max-w-15vw {
    max-width: 15vw;
}

.max-h-15vh {
    max-height: 15vh;
}

.w-20vw {
    width: 20vw;
}

.h-20vh {
    height: 20vh;
}

.min-w-20vw {
    min-width: 20vw;
}

.min-h-20vh {
    min-height: 20vh;
}

.max-w-20vw {
    max-width: 20vw;
}

.max-h-20vh {
    max-height: 20vh;
}

.w-25vw {
    width: 25vw;
}

.h-25vh {
    height: 25vh;
}

.min-w-25vw {
    min-width: 25vw;
}

.min-h-25vh {
    min-height: 25vh;
}

.max-w-25vw {
    max-width: 25vw;
}

.max-h-25vh {
    max-height: 25vh;
}

.w-30vw {
    width: 30vw;
}

.h-30vh {
    height: 30vh;
}

.min-w-30vw {
    min-width: 30vw;
}

.min-h-30vh {
    min-height: 30vh;
}

.max-w-30vw {
    max-width: 30vw;
}

.max-h-30vh {
    max-height: 30vh;
}

.w-35vw {
    width: 35vw;
}

.h-35vh {
    height: 35vh;
}

.min-w-35vw {
    min-width: 35vw;
}

.min-h-35vh {
    min-height: 35vh;
}

.max-w-35vw {
    max-width: 35vw;
}

.max-h-35vh {
    max-height: 35vh;
}

.w-40vw {
    width: 40vw;
}

.h-40vh {
    height: 40vh;
}

.min-w-40vw {
    min-width: 40vw;
}

.min-h-40vh {
    min-height: 40vh;
}

.max-w-40vw {
    max-width: 40vw;
}

.max-h-40vh {
    max-height: 40vh;
}

.w-50vw {
    width: 50vw;
}

.h-50vh {
    height: 50vh;
}

.min-w-50vw {
    min-width: 50vw;
}

.min-h-50vh {
    min-height: 50vh;
}

.max-w-50vw {
    max-width: 50vw;
}

.max-h-50vh {
    max-height: 50vh;
}

.w-60vw {
    width: 60vw;
}

.h-60vh {
    height: 60vh;
}

.min-w-60vw {
    min-width: 60vw;
}

.min-h-60vh {
    min-height: 60vh;
}

.max-w-60vw {
    max-width: 60vw;
}

.max-h-60vh {
    max-height: 60vh;
}

.w-65vw {
    width: 65vw;
}

.h-65vh {
    height: 65vh;
}

.min-w-65vw {
    min-width: 65vw;
}

.min-h-65vh {
    min-height: 65vh;
}

.max-w-65vw {
    max-width: 65vw;
}

.max-h-65vh {
    max-height: 65vh;
}

.w-70vw {
    width: 70vw;
}

.h-70vh {
    height: 70vh;
}

.min-w-70vw {
    min-width: 70vw;
}

.min-h-70vh {
    min-height: 70vh;
}

.max-w-70vw {
    max-width: 70vw;
}

.max-h-70vh {
    max-height: 70vh;
}

.w-75vw {
    width: 75vw;
}

.h-75vh {
    height: 75vh;
}

.min-w-75vw {
    min-width: 75vw;
}

.min-h-75vh {
    min-height: 75vh;
}

.max-w-75vw {
    max-width: 75vw;
}

.max-h-75vh {
    max-height: 75vh;
}

.w-80vw {
    width: 80vw;
}

.h-80vh {
    height: 80vh;
}

.min-w-80vw {
    min-width: 80vw;
}

.min-h-80vh {
    min-height: 80vh;
}

.max-w-80vw {
    max-width: 80vw;
}

.max-h-80vh {
    max-height: 80vh;
}

.w-90vw {
    width: 90vw;
}

.h-90vh {
    height: 90vh;
}

.min-w-90vw {
    min-width: 90vw;
}

.min-h-90vh {
    min-height: 90vh;
}

.max-w-90vw {
    max-width: 90vw;
}

.max-h-90vh {
    max-height: 90vh;
}

.w-100vw {
    width: 100vw;
}

.h-100vh {
    height: 100vh;
}

.min-w-100vw {
    min-width: 100vw;
}

.min-h-100vh {
    min-height: 100vh;
}

.max-w-100vw {
    max-width: 100vw;
}

.max-h-100vh {
    max-height: 100vh;
}

.w-10 {
    width: 10%;
}

.min-w-10 {
    min-width: 10%;
}

.h-10 {
    height: 10%;
}

.min-h-10 {
    min-height: 10%;
}

.w-20 {
    width: 20%;
}

.min-w-20 {
    min-width: 20%;
}

.h-20 {
    height: 20%;
}

.min-h-20 {
    min-height: 20%;
}

.w-25 {
    width: 25%;
}

.min-w-25 {
    min-width: 25%;
}

.h-25 {
    height: 25%;
}

.min-h-25 {
    min-height: 25%;
}

.w-30 {
    width: 30%;
}

.min-w-30 {
    min-width: 30%;
}

.h-30 {
    height: 30%;
}

.min-h-30 {
    min-height: 30%;
}

.w-40 {
    width: 40%;
}

.min-w-40 {
    min-width: 40%;
}

.h-40 {
    height: 40%;
}

.min-h-40 {
    min-height: 40%;
}

.w-50 {
    width: 50%;
}

.min-w-50 {
    min-width: 50%;
}

.h-50 {
    height: 50%;
}

.min-h-50 {
    min-height: 50%;
}

.w-60 {
    width: 60%;
}

.min-w-60 {
    min-width: 60%;
}

.h-60 {
    height: 60%;
}

.min-h-60 {
    min-height: 60%;
}

.w-70 {
    width: 70%;
}

.min-w-70 {
    min-width: 70%;
}

.h-70 {
    height: 70%;
}

.min-h-70 {
    min-height: 70%;
}

.w-75 {
    width: 75%;
}

.min-w-75 {
    min-width: 75%;
}

.h-75 {
    height: 75%;
}

.min-h-75 {
    min-height: 75%;
}

.w-80 {
    width: 80%;
}

.min-w-80 {
    min-width: 80%;
}

.h-80 {
    height: 80%;
}

.min-h-80 {
    min-height: 80%;
}

.w-90 {
    width: 90%;
}

.min-w-90 {
    min-width: 90%;
}

.h-90 {
    height: 90%;
}

.min-h-90 {
    min-height: 90%;
}

.w-100 {
    width: 100%;
}

.min-w-100 {
    min-width: 100%;
}

.h-100 {
    height: 100%;
}

.min-h-100 {
    min-height: 100%;
}

.w-8px {
    width: 8px;
}

.min-w-8px {
    min-width: 8px;
}

.max-w-8px {
    max-width: 8px;
}

.h-8px {
    height: 8px;
}

.min-h-8px {
    min-height: 8px;
}

.max-h-8px {
    max-height: 8px;
}

.w-16px {
    width: 16px;
}

.min-w-16px {
    min-width: 16px;
}

.max-w-16px {
    max-width: 16px;
}

.h-16px {
    height: 16px;
}

.min-h-16px {
    min-height: 16px;
}

.max-h-16px {
    max-height: 16px;
}

.w-20px {
    width: 20px;
}

.min-w-20px {
    min-width: 20px;
}

.max-w-20px {
    max-width: 20px;
}

.h-20px {
    height: 20px;
}

.min-h-20px {
    min-height: 20px;
}

.max-h-20px {
    max-height: 20px;
}

.w-24px {
    width: 24px;
}

.min-w-24px {
    min-width: 24px;
}

.max-w-24px {
    max-width: 24px;
}

.h-24px {
    height: 24px;
}

.min-h-24px {
    min-height: 24px;
}

.max-h-24px {
    max-height: 24px;
}

.w-30px {
    width: 30px;
}

.min-w-30px {
    min-width: 30px;
}

.max-w-30px {
    max-width: 30px;
}

.h-30px {
    height: 30px;
}

.min-h-30px {
    min-height: 30px;
}

.max-h-30px {
    max-height: 30px;
}

.w-32px {
    width: 32px;
}

.min-w-32px {
    min-width: 32px;
}

.max-w-32px {
    max-width: 32px;
}

.h-32px {
    height: 32px;
}

.min-h-32px {
    min-height: 32px;
}

.max-h-32px {
    max-height: 32px;
}

.w-36px {
    width: 36px;
}

.min-w-36px {
    min-width: 36px;
}

.max-w-36px {
    max-width: 36px;
}

.h-36px {
    height: 36px;
}

.min-h-36px {
    min-height: 36px;
}

.max-h-36px {
    max-height: 36px;
}

.w-40px {
    width: 40px;
}

.min-w-40px {
    min-width: 40px;
}

.max-w-40px {
    max-width: 40px;
}

.h-40px {
    height: 40px;
}

.min-h-40px {
    min-height: 40px;
}

.max-h-40px {
    max-height: 40px;
}

.w-44px {
    width: 44px;
}

.min-w-44px {
    min-width: 44px;
}

.max-w-44px {
    max-width: 44px;
}

.h-44px {
    height: 44px;
}

.min-h-44px {
    min-height: 44px;
}

.max-h-44px {
    max-height: 44px;
}

.w-48px {
    width: 48px;
}

.min-w-48px {
    min-width: 48px;
}

.max-w-48px {
    max-width: 48px;
}

.h-48px {
    height: 48px;
}

.min-h-48px {
    min-height: 48px;
}

.max-h-48px {
    max-height: 48px;
}

.w-80px {
    width: 80px;
}

.min-w-80px {
    min-width: 80px;
}

.max-w-80px {
    max-width: 80px;
}

.h-80px {
    height: 80px;
}

.min-h-80px {
    min-height: 80px;
}

.max-h-80px {
    max-height: 80px;
}

.w-120px {
    width: 120px;
}

.min-w-120px {
    min-width: 120px;
}

.max-w-120px {
    max-width: 120px;
}

.h-120px {
    height: 120px;
}

.min-h-120px {
    min-height: 120px;
}

.max-h-120px {
    max-height: 120px;
}

.w-128px {
    width: 128px;
}

.min-w-128px {
    min-width: 128px;
}

.max-w-128px {
    max-width: 128px;
}

.h-128px {
    height: 128px;
}

.min-h-128px {
    min-height: 128px;
}

.max-h-128px {
    max-height: 128px;
}

.w-152px {
    width: 152px;
}

.min-w-152px {
    min-width: 152px;
}

.max-w-152px {
    max-width: 152px;
}

.h-152px {
    height: 152px;
}

.min-h-152px {
    min-height: 152px;
}

.max-h-152px {
    max-height: 152px;
}

.w-160px {
    width: 160px;
}

.min-w-160px {
    min-width: 160px;
}

.max-w-160px {
    max-width: 160px;
}

.h-160px {
    height: 160px;
}

.min-h-160px {
    min-height: 160px;
}

.max-h-160px {
    max-height: 160px;
}

.w-180px {
    width: 180px;
}

.min-w-180px {
    min-width: 180px;
}

.max-w-180px {
    max-width: 180px;
}

.h-180px {
    height: 180px;
}

.min-h-180px {
    min-height: 180px;
}

.max-h-180px {
    max-height: 180px;
}

.w-200px {
    width: 200px;
}

.min-w-200px {
    min-width: 200px;
}

.max-w-200px {
    max-width: 200px;
}

.h-200px {
    height: 200px;
}

.min-h-200px {
    min-height: 200px;
}

.max-h-200px {
    max-height: 200px;
}

.w-300px {
    width: 300px;
}

.min-w-300px {
    min-width: 300px;
}

.max-w-300px {
    max-width: 300px;
}

.h-300px {
    height: 300px;
}

.min-h-300px {
    min-height: 300px;
}

.max-h-300px {
    max-height: 300px;
}

.w-320px {
    width: 320px;
}

.min-w-320px {
    min-width: 320px;
}

.max-w-320px {
    max-width: 320px;
}

.h-320px {
    height: 320px;
}

.min-h-320px {
    min-height: 320px;
}

.max-h-320px {
    max-height: 320px;
}

.w-400px {
    width: 400px;
}

.min-w-400px {
    min-width: 400px;
}

.max-w-400px {
    max-width: 400px;
}

.h-400px {
    height: 400px;
}

.min-h-400px {
    min-height: 400px;
}

.max-h-400px {
    max-height: 400px;
}

.w-800px {
    width: 800px;
}

.min-w-800px {
    min-width: 800px;
}

.max-w-800px {
    max-width: 800px;
}

.h-800px {
    height: 800px;
}

.min-h-800px {
    min-height: 800px;
}

.max-h-800px {
    max-height: 800px;
}

.w-224px {
    width: 224px;
}

.min-w-224px {
    min-width: 224px;
}

.max-w-224px {
    max-width: 224px;
}

.h-224px {
    height: 224px;
}

.min-h-224px {
    min-height: 224px;
}

.max-h-224px {
    max-height: 224px;
}

.w-248px {
    width: 248px;
}

.min-w-248px {
    min-width: 248px;
}

.max-w-248px {
    max-width: 248px;
}

.h-248px {
    height: 248px;
}

.min-h-248px {
    min-height: 248px;
}

.max-h-248px {
    max-height: 248px;
}

.w-256px {
    width: 256px;
}

.min-w-256px {
    min-width: 256px;
}

.max-w-256px {
    max-width: 256px;
}

.h-256px {
    height: 256px;
}

.min-h-256px {
    min-height: 256px;
}

.max-h-256px {
    max-height: 256px;
}

.w-640px {
    width: 640px;
}

.min-w-640px {
    min-width: 640px;
}

.max-w-640px {
    max-width: 640px;
}

.h-640px {
    height: 640px;
}

.min-h-640px {
    min-height: 640px;
}

.max-h-640px {
    max-height: 640px;
}

.w-960px {
    width: 960px;
}

.min-w-960px {
    min-width: 960px;
}

.max-w-960px {
    max-width: 960px;
}

.h-960px {
    height: 960px;
}

.min-h-960px {
    min-height: 960px;
}

.max-h-960px {
    max-height: 960px;
}

.min-w-fit {
    min-width: fit-content;
}

.w-fit-content,
.w-fit {
    width: fit-content;
}

.mt--4px,
.my--4px,
.m--4px {
    margin-top: -4px;
}

.mb--4px,
.my--4px,
.m--4px {
    margin-bottom: -4px;
}

.ml--4px,
.mx--4px,
.m--4px {
    margin-left: -4px;
}

.mr--4px,
.mx--4px,
.m--4px {
    margin-right: -4px;
}

.mt-4px,
.my-4px,
.m-4px {
    margin-top: 4px;
}

.mb-4px,
.my-4px,
.m-4px {
    margin-bottom: 4px;
}

.ml-4px,
.mx-4px,
.m-4px {
    margin-left: 4px;
}

.mr-4px,
.mx-4px,
.m-4px {
    margin-right: 4px;
}

.pt-4px,
.py-4px,
.p-4px {
    padding-top: 4px;
}

.pb-4px,
.py-4px,
.p-4px {
    padding-bottom: 4px;
}

.pl-4px,
.px-4px,
.p-4px {
    padding-left: 4px;
}

.pr-4px,
.px-4px,
.p-4px {
    padding-right: 4px;
}

.mt--8px,
.my--8px,
.m--8px {
    margin-top: -8px;
}

.mb--8px,
.my--8px,
.m--8px {
    margin-bottom: -8px;
}

.ml--8px,
.mx--8px,
.m--8px {
    margin-left: -8px;
}

.mr--8px,
.mx--8px,
.m--8px {
    margin-right: -8px;
}

.mt-8px,
.my-8px,
.m-8px {
    margin-top: 8px;
}

.mb-8px,
.my-8px,
.m-8px {
    margin-bottom: 8px;
}

.ml-8px,
.mx-8px,
.m-8px {
    margin-left: 8px;
}

.mr-8px,
.mx-8px,
.m-8px {
    margin-right: 8px;
}

.pt-8px,
.py-8px,
.p-8px {
    padding-top: 8px;
}

.pb-8px,
.py-8px,
.p-8px {
    padding-bottom: 8px;
}

.pl-8px,
.px-8px,
.p-8px {
    padding-left: 8px;
}

.pr-8px,
.px-8px,
.p-8px {
    padding-right: 8px;
}

.mt--12px,
.my--12px,
.m--12px {
    margin-top: -12px;
}

.mb--12px,
.my--12px,
.m--12px {
    margin-bottom: -12px;
}

.ml--12px,
.mx--12px,
.m--12px {
    margin-left: -12px;
}

.mr--12px,
.mx--12px,
.m--12px {
    margin-right: -12px;
}

.mt-12px,
.my-12px,
.m-12px {
    margin-top: 12px;
}

.mb-12px,
.my-12px,
.m-12px {
    margin-bottom: 12px;
}

.ml-12px,
.mx-12px,
.m-12px {
    margin-left: 12px;
}

.mr-12px,
.mx-12px,
.m-12px {
    margin-right: 12px;
}

.pt-12px,
.py-12px,
.p-12px {
    padding-top: 12px;
}

.pb-12px,
.py-12px,
.p-12px {
    padding-bottom: 12px;
}

.pl-12px,
.px-12px,
.p-12px {
    padding-left: 12px;
}

.pr-12px,
.px-12px,
.p-12px {
    padding-right: 12px;
}

.mt--16px,
.my--16px,
.m--16px {
    margin-top: -16px;
}

.mb--16px,
.my--16px,
.m--16px {
    margin-bottom: -16px;
}

.ml--16px,
.mx--16px,
.m--16px {
    margin-left: -16px;
}

.mr--16px,
.mx--16px,
.m--16px {
    margin-right: -16px;
}

.mt-16px,
.my-16px,
.m-16px {
    margin-top: 16px;
}

.mb-16px,
.my-16px,
.m-16px {
    margin-bottom: 16px;
}

.ml-16px,
.mx-16px,
.m-16px {
    margin-left: 16px;
}

.mr-16px,
.mx-16px,
.m-16px {
    margin-right: 16px;
}

.pt-16px,
.py-16px,
.p-16px {
    padding-top: 16px;
}

.pb-16px,
.py-16px,
.p-16px {
    padding-bottom: 16px;
}

.pl-16px,
.px-16px,
.p-16px {
    padding-left: 16px;
}

.pr-16px,
.px-16px,
.p-16px {
    padding-right: 16px;
}

.mt--20px,
.my--20px,
.m--20px {
    margin-top: -20px;
}

.mb--20px,
.my--20px,
.m--20px {
    margin-bottom: -20px;
}

.ml--20px,
.mx--20px,
.m--20px {
    margin-left: -20px;
}

.mr--20px,
.mx--20px,
.m--20px {
    margin-right: -20px;
}

.mt-20px,
.my-20px,
.m-20px {
    margin-top: 20px;
}

.mb-20px,
.my-20px,
.m-20px {
    margin-bottom: 20px;
}

.ml-20px,
.mx-20px,
.m-20px {
    margin-left: 20px;
}

.mr-20px,
.mx-20px,
.m-20px {
    margin-right: 20px;
}

.pt-20px,
.py-20px,
.p-20px {
    padding-top: 20px;
}

.pb-20px,
.py-20px,
.p-20px {
    padding-bottom: 20px;
}

.pl-20px,
.px-20px,
.p-20px {
    padding-left: 20px;
}

.pr-20px,
.px-20px,
.p-20px {
    padding-right: 20px;
}

.mt--24px,
.my--24px,
.m--24px {
    margin-top: -24px;
}

.mb--24px,
.my--24px,
.m--24px {
    margin-bottom: -24px;
}

.ml--24px,
.mx--24px,
.m--24px {
    margin-left: -24px;
}

.mr--24px,
.mx--24px,
.m--24px {
    margin-right: -24px;
}

.mt-24px,
.my-24px,
.m-24px {
    margin-top: 24px;
}

.mb-24px,
.my-24px,
.m-24px {
    margin-bottom: 24px;
}

.ml-24px,
.mx-24px,
.m-24px {
    margin-left: 24px;
}

.mr-24px,
.mx-24px,
.m-24px {
    margin-right: 24px;
}

.pt-24px,
.py-24px,
.p-24px {
    padding-top: 24px;
}

.pb-24px,
.py-24px,
.p-24px {
    padding-bottom: 24px;
}

.pl-24px,
.px-24px,
.p-24px {
    padding-left: 24px;
}

.pr-24px,
.px-24px,
.p-24px {
    padding-right: 24px;
}

.mt--28px,
.my--28px,
.m--28px {
    margin-top: -28px;
}

.mb--28px,
.my--28px,
.m--28px {
    margin-bottom: -28px;
}

.ml--28px,
.mx--28px,
.m--28px {
    margin-left: -28px;
}

.mr--28px,
.mx--28px,
.m--28px {
    margin-right: -28px;
}

.mt-28px,
.my-28px,
.m-28px {
    margin-top: 28px;
}

.mb-28px,
.my-28px,
.m-28px {
    margin-bottom: 28px;
}

.ml-28px,
.mx-28px,
.m-28px {
    margin-left: 28px;
}

.mr-28px,
.mx-28px,
.m-28px {
    margin-right: 28px;
}

.pt-28px,
.py-28px,
.p-28px {
    padding-top: 28px;
}

.pb-28px,
.py-28px,
.p-28px {
    padding-bottom: 28px;
}

.pl-28px,
.px-28px,
.p-28px {
    padding-left: 28px;
}

.pr-28px,
.px-28px,
.p-28px {
    padding-right: 28px;
}

.mt--32px,
.my--32px,
.m--32px {
    margin-top: -32px;
}

.mb--32px,
.my--32px,
.m--32px {
    margin-bottom: -32px;
}

.ml--32px,
.mx--32px,
.m--32px {
    margin-left: -32px;
}

.mr--32px,
.mx--32px,
.m--32px {
    margin-right: -32px;
}

.mt-32px,
.my-32px,
.m-32px {
    margin-top: 32px;
}

.mb-32px,
.my-32px,
.m-32px {
    margin-bottom: 32px;
}

.ml-32px,
.mx-32px,
.m-32px {
    margin-left: 32px;
}

.mr-32px,
.mx-32px,
.m-32px {
    margin-right: 32px;
}

.pt-32px,
.py-32px,
.p-32px {
    padding-top: 32px;
}

.pb-32px,
.py-32px,
.p-32px {
    padding-bottom: 32px;
}

.pl-32px,
.px-32px,
.p-32px {
    padding-left: 32px;
}

.pr-32px,
.px-32px,
.p-32px {
    padding-right: 32px;
}

.mt--36px,
.my--36px,
.m--36px {
    margin-top: -36px;
}

.mb--36px,
.my--36px,
.m--36px {
    margin-bottom: -36px;
}

.ml--36px,
.mx--36px,
.m--36px {
    margin-left: -36px;
}

.mr--36px,
.mx--36px,
.m--36px {
    margin-right: -36px;
}

.mt-36px,
.my-36px,
.m-36px {
    margin-top: 36px;
}

.mb-36px,
.my-36px,
.m-36px {
    margin-bottom: 36px;
}

.ml-36px,
.mx-36px,
.m-36px {
    margin-left: 36px;
}

.mr-36px,
.mx-36px,
.m-36px {
    margin-right: 36px;
}

.pt-36px,
.py-36px,
.p-36px {
    padding-top: 36px;
}

.pb-36px,
.py-36px,
.p-36px {
    padding-bottom: 36px;
}

.pl-36px,
.px-36px,
.p-36px {
    padding-left: 36px;
}

.pr-36px,
.px-36px,
.p-36px {
    padding-right: 36px;
}

.mt--40px,
.my--40px,
.m--40px {
    margin-top: -40px;
}

.mb--40px,
.my--40px,
.m--40px {
    margin-bottom: -40px;
}

.ml--40px,
.mx--40px,
.m--40px {
    margin-left: -40px;
}

.mr--40px,
.mx--40px,
.m--40px {
    margin-right: -40px;
}

.mt-40px,
.my-40px,
.m-40px {
    margin-top: 40px;
}

.mb-40px,
.my-40px,
.m-40px {
    margin-bottom: 40px;
}

.ml-40px,
.mx-40px,
.m-40px {
    margin-left: 40px;
}

.mr-40px,
.mx-40px,
.m-40px {
    margin-right: 40px;
}

.pt-40px,
.py-40px,
.p-40px {
    padding-top: 40px;
}

.pb-40px,
.py-40px,
.p-40px {
    padding-bottom: 40px;
}

.pl-40px,
.px-40px,
.p-40px {
    padding-left: 40px;
}

.pr-40px,
.px-40px,
.p-40px {
    padding-right: 40px;
}

.mt--44px,
.my--44px,
.m--44px {
    margin-top: -44px;
}

.mb--44px,
.my--44px,
.m--44px {
    margin-bottom: -44px;
}

.ml--44px,
.mx--44px,
.m--44px {
    margin-left: -44px;
}

.mr--44px,
.mx--44px,
.m--44px {
    margin-right: -44px;
}

.mt-44px,
.my-44px,
.m-44px {
    margin-top: 44px;
}

.mb-44px,
.my-44px,
.m-44px {
    margin-bottom: 44px;
}

.ml-44px,
.mx-44px,
.m-44px {
    margin-left: 44px;
}

.mr-44px,
.mx-44px,
.m-44px {
    margin-right: 44px;
}

.pt-44px,
.py-44px,
.p-44px {
    padding-top: 44px;
}

.pb-44px,
.py-44px,
.p-44px {
    padding-bottom: 44px;
}

.pl-44px,
.px-44px,
.p-44px {
    padding-left: 44px;
}

.pr-44px,
.px-44px,
.p-44px {
    padding-right: 44px;
}

.mt--48px,
.my--48px,
.m--48px {
    margin-top: -48px;
}

.mb--48px,
.my--48px,
.m--48px {
    margin-bottom: -48px;
}

.ml--48px,
.mx--48px,
.m--48px {
    margin-left: -48px;
}

.mr--48px,
.mx--48px,
.m--48px {
    margin-right: -48px;
}

.mt-48px,
.my-48px,
.m-48px {
    margin-top: 48px;
}

.mb-48px,
.my-48px,
.m-48px {
    margin-bottom: 48px;
}

.ml-48px,
.mx-48px,
.m-48px {
    margin-left: 48px;
}

.mr-48px,
.mx-48px,
.m-48px {
    margin-right: 48px;
}

.pt-48px,
.py-48px,
.p-48px {
    padding-top: 48px;
}

.pb-48px,
.py-48px,
.p-48px {
    padding-bottom: 48px;
}

.pl-48px,
.px-48px,
.p-48px {
    padding-left: 48px;
}

.pr-48px,
.px-48px,
.p-48px {
    padding-right: 48px;
}

.mt--52px,
.my--52px,
.m--52px {
    margin-top: -52px;
}

.mb--52px,
.my--52px,
.m--52px {
    margin-bottom: -52px;
}

.ml--52px,
.mx--52px,
.m--52px {
    margin-left: -52px;
}

.mr--52px,
.mx--52px,
.m--52px {
    margin-right: -52px;
}

.mt-52px,
.my-52px,
.m-52px {
    margin-top: 52px;
}

.mb-52px,
.my-52px,
.m-52px {
    margin-bottom: 52px;
}

.ml-52px,
.mx-52px,
.m-52px {
    margin-left: 52px;
}

.mr-52px,
.mx-52px,
.m-52px {
    margin-right: 52px;
}

.pt-52px,
.py-52px,
.p-52px {
    padding-top: 52px;
}

.pb-52px,
.py-52px,
.p-52px {
    padding-bottom: 52px;
}

.pl-52px,
.px-52px,
.p-52px {
    padding-left: 52px;
}

.pr-52px,
.px-52px,
.p-52px {
    padding-right: 52px;
}

.mt--56px,
.my--56px,
.m--56px {
    margin-top: -56px;
}

.mb--56px,
.my--56px,
.m--56px {
    margin-bottom: -56px;
}

.ml--56px,
.mx--56px,
.m--56px {
    margin-left: -56px;
}

.mr--56px,
.mx--56px,
.m--56px {
    margin-right: -56px;
}

.mt-56px,
.my-56px,
.m-56px {
    margin-top: 56px;
}

.mb-56px,
.my-56px,
.m-56px {
    margin-bottom: 56px;
}

.ml-56px,
.mx-56px,
.m-56px {
    margin-left: 56px;
}

.mr-56px,
.mx-56px,
.m-56px {
    margin-right: 56px;
}

.pt-56px,
.py-56px,
.p-56px {
    padding-top: 56px;
}

.pb-56px,
.py-56px,
.p-56px {
    padding-bottom: 56px;
}

.pl-56px,
.px-56px,
.p-56px {
    padding-left: 56px;
}

.pr-56px,
.px-56px,
.p-56px {
    padding-right: 56px;
}

.mt--60px,
.my--60px,
.m--60px {
    margin-top: -60px;
}

.mb--60px,
.my--60px,
.m--60px {
    margin-bottom: -60px;
}

.ml--60px,
.mx--60px,
.m--60px {
    margin-left: -60px;
}

.mr--60px,
.mx--60px,
.m--60px {
    margin-right: -60px;
}

.mt-60px,
.my-60px,
.m-60px {
    margin-top: 60px;
}

.mb-60px,
.my-60px,
.m-60px {
    margin-bottom: 60px;
}

.ml-60px,
.mx-60px,
.m-60px {
    margin-left: 60px;
}

.mr-60px,
.mx-60px,
.m-60px {
    margin-right: 60px;
}

.pt-60px,
.py-60px,
.p-60px {
    padding-top: 60px;
}

.pb-60px,
.py-60px,
.p-60px {
    padding-bottom: 60px;
}

.pl-60px,
.px-60px,
.p-60px {
    padding-left: 60px;
}

.pr-60px,
.px-60px,
.p-60px {
    padding-right: 60px;
}

.mt--64px,
.my--64px,
.m--64px {
    margin-top: -64px;
}

.mb--64px,
.my--64px,
.m--64px {
    margin-bottom: -64px;
}

.ml--64px,
.mx--64px,
.m--64px {
    margin-left: -64px;
}

.mr--64px,
.mx--64px,
.m--64px {
    margin-right: -64px;
}

.mt-64px,
.my-64px,
.m-64px {
    margin-top: 64px;
}

.mb-64px,
.my-64px,
.m-64px {
    margin-bottom: 64px;
}

.ml-64px,
.mx-64px,
.m-64px {
    margin-left: 64px;
}

.mr-64px,
.mx-64px,
.m-64px {
    margin-right: 64px;
}

.pt-64px,
.py-64px,
.p-64px {
    padding-top: 64px;
}

.pb-64px,
.py-64px,
.p-64px {
    padding-bottom: 64px;
}

.pl-64px,
.px-64px,
.p-64px {
    padding-left: 64px;
}

.pr-64px,
.px-64px,
.p-64px {
    padding-right: 64px;
}

.mt--68px,
.my--68px,
.m--68px {
    margin-top: -68px;
}

.mb--68px,
.my--68px,
.m--68px {
    margin-bottom: -68px;
}

.ml--68px,
.mx--68px,
.m--68px {
    margin-left: -68px;
}

.mr--68px,
.mx--68px,
.m--68px {
    margin-right: -68px;
}

.mt-68px,
.my-68px,
.m-68px {
    margin-top: 68px;
}

.mb-68px,
.my-68px,
.m-68px {
    margin-bottom: 68px;
}

.ml-68px,
.mx-68px,
.m-68px {
    margin-left: 68px;
}

.mr-68px,
.mx-68px,
.m-68px {
    margin-right: 68px;
}

.pt-68px,
.py-68px,
.p-68px {
    padding-top: 68px;
}

.pb-68px,
.py-68px,
.p-68px {
    padding-bottom: 68px;
}

.pl-68px,
.px-68px,
.p-68px {
    padding-left: 68px;
}

.pr-68px,
.px-68px,
.p-68px {
    padding-right: 68px;
}

.mt--72px,
.my--72px,
.m--72px {
    margin-top: -72px;
}

.mb--72px,
.my--72px,
.m--72px {
    margin-bottom: -72px;
}

.ml--72px,
.mx--72px,
.m--72px {
    margin-left: -72px;
}

.mr--72px,
.mx--72px,
.m--72px {
    margin-right: -72px;
}

.mt-72px,
.my-72px,
.m-72px {
    margin-top: 72px;
}

.mb-72px,
.my-72px,
.m-72px {
    margin-bottom: 72px;
}

.ml-72px,
.mx-72px,
.m-72px {
    margin-left: 72px;
}

.mr-72px,
.mx-72px,
.m-72px {
    margin-right: 72px;
}

.pt-72px,
.py-72px,
.p-72px {
    padding-top: 72px;
}

.pb-72px,
.py-72px,
.p-72px {
    padding-bottom: 72px;
}

.pl-72px,
.px-72px,
.p-72px {
    padding-left: 72px;
}

.pr-72px,
.px-72px,
.p-72px {
    padding-right: 72px;
}

.mt--76px,
.my--76px,
.m--76px {
    margin-top: -76px;
}

.mb--76px,
.my--76px,
.m--76px {
    margin-bottom: -76px;
}

.ml--76px,
.mx--76px,
.m--76px {
    margin-left: -76px;
}

.mr--76px,
.mx--76px,
.m--76px {
    margin-right: -76px;
}

.mt-76px,
.my-76px,
.m-76px {
    margin-top: 76px;
}

.mb-76px,
.my-76px,
.m-76px {
    margin-bottom: 76px;
}

.ml-76px,
.mx-76px,
.m-76px {
    margin-left: 76px;
}

.mr-76px,
.mx-76px,
.m-76px {
    margin-right: 76px;
}

.pt-76px,
.py-76px,
.p-76px {
    padding-top: 76px;
}

.pb-76px,
.py-76px,
.p-76px {
    padding-bottom: 76px;
}

.pl-76px,
.px-76px,
.p-76px {
    padding-left: 76px;
}

.pr-76px,
.px-76px,
.p-76px {
    padding-right: 76px;
}

.mt--80px,
.my--80px,
.m--80px {
    margin-top: -80px;
}

.mb--80px,
.my--80px,
.m--80px {
    margin-bottom: -80px;
}

.ml--80px,
.mx--80px,
.m--80px {
    margin-left: -80px;
}

.mr--80px,
.mx--80px,
.m--80px {
    margin-right: -80px;
}

.mt-80px,
.my-80px,
.m-80px {
    margin-top: 80px;
}

.mb-80px,
.my-80px,
.m-80px {
    margin-bottom: 80px;
}

.ml-80px,
.mx-80px,
.m-80px {
    margin-left: 80px;
}

.mr-80px,
.mx-80px,
.m-80px {
    margin-right: 80px;
}

.pt-80px,
.py-80px,
.p-80px {
    padding-top: 80px;
}

.pb-80px,
.py-80px,
.p-80px {
    padding-bottom: 80px;
}

.pl-80px,
.px-80px,
.p-80px {
    padding-left: 80px;
}

.pr-80px,
.px-80px,
.p-80px {
    padding-right: 80px;
}

.mt--84px,
.my--84px,
.m--84px {
    margin-top: -84px;
}

.mb--84px,
.my--84px,
.m--84px {
    margin-bottom: -84px;
}

.ml--84px,
.mx--84px,
.m--84px {
    margin-left: -84px;
}

.mr--84px,
.mx--84px,
.m--84px {
    margin-right: -84px;
}

.mt-84px,
.my-84px,
.m-84px {
    margin-top: 84px;
}

.mb-84px,
.my-84px,
.m-84px {
    margin-bottom: 84px;
}

.ml-84px,
.mx-84px,
.m-84px {
    margin-left: 84px;
}

.mr-84px,
.mx-84px,
.m-84px {
    margin-right: 84px;
}

.pt-84px,
.py-84px,
.p-84px {
    padding-top: 84px;
}

.pb-84px,
.py-84px,
.p-84px {
    padding-bottom: 84px;
}

.pl-84px,
.px-84px,
.p-84px {
    padding-left: 84px;
}

.pr-84px,
.px-84px,
.p-84px {
    padding-right: 84px;
}

.mt--88px,
.my--88px,
.m--88px {
    margin-top: -88px;
}

.mb--88px,
.my--88px,
.m--88px {
    margin-bottom: -88px;
}

.ml--88px,
.mx--88px,
.m--88px {
    margin-left: -88px;
}

.mr--88px,
.mx--88px,
.m--88px {
    margin-right: -88px;
}

.mt-88px,
.my-88px,
.m-88px {
    margin-top: 88px;
}

.mb-88px,
.my-88px,
.m-88px {
    margin-bottom: 88px;
}

.ml-88px,
.mx-88px,
.m-88px {
    margin-left: 88px;
}

.mr-88px,
.mx-88px,
.m-88px {
    margin-right: 88px;
}

.pt-88px,
.py-88px,
.p-88px {
    padding-top: 88px;
}

.pb-88px,
.py-88px,
.p-88px {
    padding-bottom: 88px;
}

.pl-88px,
.px-88px,
.p-88px {
    padding-left: 88px;
}

.pr-88px,
.px-88px,
.p-88px {
    padding-right: 88px;
}

.mt--92px,
.my--92px,
.m--92px {
    margin-top: -92px;
}

.mb--92px,
.my--92px,
.m--92px {
    margin-bottom: -92px;
}

.ml--92px,
.mx--92px,
.m--92px {
    margin-left: -92px;
}

.mr--92px,
.mx--92px,
.m--92px {
    margin-right: -92px;
}

.mt-92px,
.my-92px,
.m-92px {
    margin-top: 92px;
}

.mb-92px,
.my-92px,
.m-92px {
    margin-bottom: 92px;
}

.ml-92px,
.mx-92px,
.m-92px {
    margin-left: 92px;
}

.mr-92px,
.mx-92px,
.m-92px {
    margin-right: 92px;
}

.pt-92px,
.py-92px,
.p-92px {
    padding-top: 92px;
}

.pb-92px,
.py-92px,
.p-92px {
    padding-bottom: 92px;
}

.pl-92px,
.px-92px,
.p-92px {
    padding-left: 92px;
}

.pr-92px,
.px-92px,
.p-92px {
    padding-right: 92px;
}

.mt--96px,
.my--96px,
.m--96px {
    margin-top: -96px;
}

.mb--96px,
.my--96px,
.m--96px {
    margin-bottom: -96px;
}

.ml--96px,
.mx--96px,
.m--96px {
    margin-left: -96px;
}

.mr--96px,
.mx--96px,
.m--96px {
    margin-right: -96px;
}

.mt-96px,
.my-96px,
.m-96px {
    margin-top: 96px;
}

.mb-96px,
.my-96px,
.m-96px {
    margin-bottom: 96px;
}

.ml-96px,
.mx-96px,
.m-96px {
    margin-left: 96px;
}

.mr-96px,
.mx-96px,
.m-96px {
    margin-right: 96px;
}

.pt-96px,
.py-96px,
.p-96px {
    padding-top: 96px;
}

.pb-96px,
.py-96px,
.p-96px {
    padding-bottom: 96px;
}

.pl-96px,
.px-96px,
.p-96px {
    padding-left: 96px;
}

.pr-96px,
.px-96px,
.p-96px {
    padding-right: 96px;
}

.mt--100px,
.my--100px,
.m--100px {
    margin-top: -100px;
}

.mb--100px,
.my--100px,
.m--100px {
    margin-bottom: -100px;
}

.ml--100px,
.mx--100px,
.m--100px {
    margin-left: -100px;
}

.mr--100px,
.mx--100px,
.m--100px {
    margin-right: -100px;
}

.mt-100px,
.my-100px,
.m-100px {
    margin-top: 100px;
}

.mb-100px,
.my-100px,
.m-100px {
    margin-bottom: 100px;
}

.ml-100px,
.mx-100px,
.m-100px {
    margin-left: 100px;
}

.mr-100px,
.mx-100px,
.m-100px {
    margin-right: 100px;
}

.pt-100px,
.py-100px,
.p-100px {
    padding-top: 100px;
}

.pb-100px,
.py-100px,
.p-100px {
    padding-bottom: 100px;
}

.pl-100px,
.px-100px,
.p-100px {
    padding-left: 100px;
}

.pr-100px,
.px-100px,
.p-100px {
    padding-right: 100px;
}

.mt--104px,
.my--104px,
.m--104px {
    margin-top: -104px;
}

.mb--104px,
.my--104px,
.m--104px {
    margin-bottom: -104px;
}

.ml--104px,
.mx--104px,
.m--104px {
    margin-left: -104px;
}

.mr--104px,
.mx--104px,
.m--104px {
    margin-right: -104px;
}

.mt-104px,
.my-104px,
.m-104px {
    margin-top: 104px;
}

.mb-104px,
.my-104px,
.m-104px {
    margin-bottom: 104px;
}

.ml-104px,
.mx-104px,
.m-104px {
    margin-left: 104px;
}

.mr-104px,
.mx-104px,
.m-104px {
    margin-right: 104px;
}

.pt-104px,
.py-104px,
.p-104px {
    padding-top: 104px;
}

.pb-104px,
.py-104px,
.p-104px {
    padding-bottom: 104px;
}

.pl-104px,
.px-104px,
.p-104px {
    padding-left: 104px;
}

.pr-104px,
.px-104px,
.p-104px {
    padding-right: 104px;
}

.mt--108px,
.my--108px,
.m--108px {
    margin-top: -108px;
}

.mb--108px,
.my--108px,
.m--108px {
    margin-bottom: -108px;
}

.ml--108px,
.mx--108px,
.m--108px {
    margin-left: -108px;
}

.mr--108px,
.mx--108px,
.m--108px {
    margin-right: -108px;
}

.mt-108px,
.my-108px,
.m-108px {
    margin-top: 108px;
}

.mb-108px,
.my-108px,
.m-108px {
    margin-bottom: 108px;
}

.ml-108px,
.mx-108px,
.m-108px {
    margin-left: 108px;
}

.mr-108px,
.mx-108px,
.m-108px {
    margin-right: 108px;
}

.pt-108px,
.py-108px,
.p-108px {
    padding-top: 108px;
}

.pb-108px,
.py-108px,
.p-108px {
    padding-bottom: 108px;
}

.pl-108px,
.px-108px,
.p-108px {
    padding-left: 108px;
}

.pr-108px,
.px-108px,
.p-108px {
    padding-right: 108px;
}

.mt--112px,
.my--112px,
.m--112px {
    margin-top: -112px;
}

.mb--112px,
.my--112px,
.m--112px {
    margin-bottom: -112px;
}

.ml--112px,
.mx--112px,
.m--112px {
    margin-left: -112px;
}

.mr--112px,
.mx--112px,
.m--112px {
    margin-right: -112px;
}

.mt-112px,
.my-112px,
.m-112px {
    margin-top: 112px;
}

.mb-112px,
.my-112px,
.m-112px {
    margin-bottom: 112px;
}

.ml-112px,
.mx-112px,
.m-112px {
    margin-left: 112px;
}

.mr-112px,
.mx-112px,
.m-112px {
    margin-right: 112px;
}

.pt-112px,
.py-112px,
.p-112px {
    padding-top: 112px;
}

.pb-112px,
.py-112px,
.p-112px {
    padding-bottom: 112px;
}

.pl-112px,
.px-112px,
.p-112px {
    padding-left: 112px;
}

.pr-112px,
.px-112px,
.p-112px {
    padding-right: 112px;
}

.mt--116px,
.my--116px,
.m--116px {
    margin-top: -116px;
}

.mb--116px,
.my--116px,
.m--116px {
    margin-bottom: -116px;
}

.ml--116px,
.mx--116px,
.m--116px {
    margin-left: -116px;
}

.mr--116px,
.mx--116px,
.m--116px {
    margin-right: -116px;
}

.mt-116px,
.my-116px,
.m-116px {
    margin-top: 116px;
}

.mb-116px,
.my-116px,
.m-116px {
    margin-bottom: 116px;
}

.ml-116px,
.mx-116px,
.m-116px {
    margin-left: 116px;
}

.mr-116px,
.mx-116px,
.m-116px {
    margin-right: 116px;
}

.pt-116px,
.py-116px,
.p-116px {
    padding-top: 116px;
}

.pb-116px,
.py-116px,
.p-116px {
    padding-bottom: 116px;
}

.pl-116px,
.px-116px,
.p-116px {
    padding-left: 116px;
}

.pr-116px,
.px-116px,
.p-116px {
    padding-right: 116px;
}

.mt--120px,
.my--120px,
.m--120px {
    margin-top: -120px;
}

.mb--120px,
.my--120px,
.m--120px {
    margin-bottom: -120px;
}

.ml--120px,
.mx--120px,
.m--120px {
    margin-left: -120px;
}

.mr--120px,
.mx--120px,
.m--120px {
    margin-right: -120px;
}

.mt-120px,
.my-120px,
.m-120px {
    margin-top: 120px;
}

.mb-120px,
.my-120px,
.m-120px {
    margin-bottom: 120px;
}

.ml-120px,
.mx-120px,
.m-120px {
    margin-left: 120px;
}

.mr-120px,
.mx-120px,
.m-120px {
    margin-right: 120px;
}

.pt-120px,
.py-120px,
.p-120px {
    padding-top: 120px;
}

.pb-120px,
.py-120px,
.p-120px {
    padding-bottom: 120px;
}

.pl-120px,
.px-120px,
.p-120px {
    padding-left: 120px;
}

.pr-120px,
.px-120px,
.p-120px {
    padding-right: 120px;
}

.mt-0,
.my-0,
.m-0 {
    margin-top: 0;
}

.mb-0,
.my-0,
.m-0 {
    margin-bottom: 0;
}

.ml-0,
.ml-0,
.m-0 {
    margin-left: 0;
}

.mr-0,
.mr-0,
.m-0 {
    margin-right: 0;
}

.mt-auto,
.my-auto,
.ma-auto {
    margin-top: auto;
}

.mb-auto,
.my-auto,
.ma-auto {
    margin-bottom: auto;
}

.ml-auto,
.mx-auto,
.ma-auto {
    margin-left: auto;
}

.mr-auto,
.mx-auto,
.ma-auto {
    margin-right: auto;
}

.margin-trim-block {
    margin-trim: block;
}

.pt-0,
.py-0,
.p-0 {
    padding-top: 0;
}

.pb-0,
.py-0,
.p-0 {
    padding-bottom: 0;
}

.pl-0,
.pl-0,
.p-0 {
    padding-left: 0;
}

.pr-0,
.pr-0,
.p-0 {
    padding-right: 0;
}

.vstack {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-self: stretch;
}

.hstack {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch;
}

.v-stack-1 > * + *,
.stack-1 > * + * {
    margin-top: 4px;
}

.h-stack-1 > * + *,
.stack-1 > * + * {
    margin-left: 4px;
}

.v-stack-2 > * + *,
.stack-2 > * + * {
    margin-top: 8px;
}

.h-stack-2 > * + *,
.stack-2 > * + * {
    margin-left: 8px;
}

.v-stack-3 > * + *,
.stack-3 > * + * {
    margin-top: 12px;
}

.h-stack-3 > * + *,
.stack-3 > * + * {
    margin-left: 12px;
}

.v-stack-4 > * + *,
.stack-4 > * + * {
    margin-top: 16px;
}

.h-stack-4 > * + *,
.stack-4 > * + * {
    margin-left: 16px;
}

.v-stack-5 > * + *,
.stack-5 > * + * {
    margin-top: 20px;
}

.h-stack-5 > * + *,
.stack-5 > * + * {
    margin-left: 20px;
}

.v-stack-6 > * + *,
.stack-6 > * + * {
    margin-top: 24px;
}

.h-stack-6 > * + *,
.stack-6 > * + * {
    margin-left: 24px;
}

.v-stack-7 > * + *,
.stack-7 > * + * {
    margin-top: 28px;
}

.h-stack-7 > * + *,
.stack-7 > * + * {
    margin-left: 28px;
}

.v-stack-8 > * + *,
.stack-8 > * + * {
    margin-top: 32px;
}

.h-stack-8 > * + *,
.stack-8 > * + * {
    margin-left: 32px;
}

.v-stack-9 > * + *,
.stack-9 > * + * {
    margin-top: 36px;
}

.h-stack-9 > * + *,
.stack-9 > * + * {
    margin-left: 36px;
}

.v-stack-10 > * + *,
.stack-10 > * + * {
    margin-top: 40px;
}

.h-stack-10 > * + *,
.stack-10 > * + * {
    margin-left: 40px;
}

.v-stack-11 > * + *,
.stack-11 > * + * {
    margin-top: 44px;
}

.h-stack-11 > * + *,
.stack-11 > * + * {
    margin-left: 44px;
}

.v-stack-12 > * + *,
.stack-12 > * + * {
    margin-top: 48px;
}

.h-stack-12 > * + *,
.stack-12 > * + * {
    margin-left: 48px;
}

.text-white {
    color: var(--white);
}

.hover-text-white:hover {
    background-color: var(--white);
}

.peer:checked ~ .peer-checked\:text-white,
.peer:checked ~ .peer-checked-text-white,
.peer:checked ~ .group-checked .group-checked-text-white {
    color: var(--white);
}

.text-bg {
    color: var(--bg);
}

.hover-text-bg:hover {
    background-color: var(--bg);
}

.peer:checked ~ .peer-checked\:text-bg,
.peer:checked ~ .peer-checked-text-bg,
.peer:checked ~ .group-checked .group-checked-text-bg {
    color: var(--bg);
}

.text-gray {
    color: var(--gray);
}

.hover-text-gray:hover {
    background-color: var(--gray);
}

.peer:checked ~ .peer-checked\:text-gray,
.peer:checked ~ .peer-checked-text-gray,
.peer:checked ~ .group-checked .group-checked-text-gray {
    color: var(--gray);
}

.text-gray-000 {
    color: var(--gray-000);
}

.hover-text-gray-000:hover {
    background-color: var(--gray-000);
}

.peer:checked ~ .peer-checked\:text-gray-000,
.peer:checked ~ .peer-checked-text-gray-000,
.peer:checked ~ .group-checked .group-checked-text-gray-000 {
    color: var(--gray-000);
}

.text-gray-100 {
    color: var(--gray-100);
}

.hover-text-gray-100:hover {
    background-color: var(--gray-100);
}

.peer:checked ~ .peer-checked\:text-gray-100,
.peer:checked ~ .peer-checked-text-gray-100,
.peer:checked ~ .group-checked .group-checked-text-gray-100 {
    color: var(--gray-100);
}

.text-gray-200 {
    color: var(--gray-200);
}

.hover-text-gray-200:hover {
    background-color: var(--gray-200);
}

.peer:checked ~ .peer-checked\:text-gray-200,
.peer:checked ~ .peer-checked-text-gray-200,
.peer:checked ~ .group-checked .group-checked-text-gray-200 {
    color: var(--gray-200);
}

.text-gray-300 {
    color: var(--gray-300);
}

.hover-text-gray-300:hover {
    background-color: var(--gray-300);
}

.peer:checked ~ .peer-checked\:text-gray-300,
.peer:checked ~ .peer-checked-text-gray-300,
.peer:checked ~ .group-checked .group-checked-text-gray-300 {
    color: var(--gray-300);
}

.text-gray-400 {
    color: var(--gray-400);
}

.hover-text-gray-400:hover {
    background-color: var(--gray-400);
}

.peer:checked ~ .peer-checked\:text-gray-400,
.peer:checked ~ .peer-checked-text-gray-400,
.peer:checked ~ .group-checked .group-checked-text-gray-400 {
    color: var(--gray-400);
}

.text-gray-500 {
    color: var(--gray-500);
}

.hover-text-gray-500:hover {
    background-color: var(--gray-500);
}

.peer:checked ~ .peer-checked\:text-gray-500,
.peer:checked ~ .peer-checked-text-gray-500,
.peer:checked ~ .group-checked .group-checked-text-gray-500 {
    color: var(--gray-500);
}

.text-black {
    color: var(--black);
}

.hover-text-black:hover {
    background-color: var(--black);
}

.peer:checked ~ .peer-checked\:text-black,
.peer:checked ~ .peer-checked-text-black,
.peer:checked ~ .group-checked .group-checked-text-black {
    color: var(--black);
}

.text-purple {
    color: var(--purple);
}

.hover-text-purple:hover {
    background-color: var(--purple);
}

.peer:checked ~ .peer-checked\:text-purple,
.peer:checked ~ .peer-checked-text-purple,
.peer:checked ~ .group-checked .group-checked-text-purple {
    color: var(--purple);
}

.text-purple-100 {
    color: var(--purple-100);
}

.hover-text-purple-100:hover {
    background-color: var(--purple-100);
}

.peer:checked ~ .peer-checked\:text-purple-100,
.peer:checked ~ .peer-checked-text-purple-100,
.peer:checked ~ .group-checked .group-checked-text-purple-100 {
    color: var(--purple-100);
}

.text-purple-200 {
    color: var(--purple-200);
}

.hover-text-purple-200:hover {
    background-color: var(--purple-200);
}

.peer:checked ~ .peer-checked\:text-purple-200,
.peer:checked ~ .peer-checked-text-purple-200,
.peer:checked ~ .group-checked .group-checked-text-purple-200 {
    color: var(--purple-200);
}

.text-purple-300 {
    color: var(--purple-300);
}

.hover-text-purple-300:hover {
    background-color: var(--purple-300);
}

.peer:checked ~ .peer-checked\:text-purple-300,
.peer:checked ~ .peer-checked-text-purple-300,
.peer:checked ~ .group-checked .group-checked-text-purple-300 {
    color: var(--purple-300);
}

.text-purple-400 {
    color: var(--purple-400);
}

.hover-text-purple-400:hover {
    background-color: var(--purple-400);
}

.peer:checked ~ .peer-checked\:text-purple-400,
.peer:checked ~ .peer-checked-text-purple-400,
.peer:checked ~ .group-checked .group-checked-text-purple-400 {
    color: var(--purple-400);
}

.text-purple-500 {
    color: var(--purple-500);
}

.hover-text-purple-500:hover {
    background-color: var(--purple-500);
}

.peer:checked ~ .peer-checked\:text-purple-500,
.peer:checked ~ .peer-checked-text-purple-500,
.peer:checked ~ .group-checked .group-checked-text-purple-500 {
    color: var(--purple-500);
}

.text-red {
    color: var(--red);
}

.hover-text-red:hover {
    background-color: var(--red);
}

.peer:checked ~ .peer-checked\:text-red,
.peer:checked ~ .peer-checked-text-red,
.peer:checked ~ .group-checked .group-checked-text-red {
    color: var(--red);
}

.text-red-100 {
    color: var(--red-100);
}

.hover-text-red-100:hover {
    background-color: var(--red-100);
}

.peer:checked ~ .peer-checked\:text-red-100,
.peer:checked ~ .peer-checked-text-red-100,
.peer:checked ~ .group-checked .group-checked-text-red-100 {
    color: var(--red-100);
}

.text-red-200 {
    color: var(--red-200);
}

.hover-text-red-200:hover {
    background-color: var(--red-200);
}

.peer:checked ~ .peer-checked\:text-red-200,
.peer:checked ~ .peer-checked-text-red-200,
.peer:checked ~ .group-checked .group-checked-text-red-200 {
    color: var(--red-200);
}

.text-red-300 {
    color: var(--red-300);
}

.hover-text-red-300:hover {
    background-color: var(--red-300);
}

.peer:checked ~ .peer-checked\:text-red-300,
.peer:checked ~ .peer-checked-text-red-300,
.peer:checked ~ .group-checked .group-checked-text-red-300 {
    color: var(--red-300);
}

.text-red-400 {
    color: var(--red-400);
}

.hover-text-red-400:hover {
    background-color: var(--red-400);
}

.peer:checked ~ .peer-checked\:text-red-400,
.peer:checked ~ .peer-checked-text-red-400,
.peer:checked ~ .group-checked .group-checked-text-red-400 {
    color: var(--red-400);
}

.text-red-500 {
    color: var(--red-500);
}

.hover-text-red-500:hover {
    background-color: var(--red-500);
}

.peer:checked ~ .peer-checked\:text-red-500,
.peer:checked ~ .peer-checked-text-red-500,
.peer:checked ~ .group-checked .group-checked-text-red-500 {
    color: var(--red-500);
}

.text-yellow {
    color: var(--yellow);
}

.hover-text-yellow:hover {
    background-color: var(--yellow);
}

.peer:checked ~ .peer-checked\:text-yellow,
.peer:checked ~ .peer-checked-text-yellow,
.peer:checked ~ .group-checked .group-checked-text-yellow {
    color: var(--yellow);
}

.text-yellow-000 {
    color: var(--yellow-000);
}

.hover-text-yellow-000:hover {
    background-color: var(--yellow-000);
}

.peer:checked ~ .peer-checked\:text-yellow-000,
.peer:checked ~ .peer-checked-text-yellow-000,
.peer:checked ~ .group-checked .group-checked-text-yellow-000 {
    color: var(--yellow-000);
}

.text-yellow-100 {
    color: var(--yellow-100);
}

.hover-text-yellow-100:hover {
    background-color: var(--yellow-100);
}

.peer:checked ~ .peer-checked\:text-yellow-100,
.peer:checked ~ .peer-checked-text-yellow-100,
.peer:checked ~ .group-checked .group-checked-text-yellow-100 {
    color: var(--yellow-100);
}

.text-yellow-200 {
    color: var(--yellow-200);
}

.hover-text-yellow-200:hover {
    background-color: var(--yellow-200);
}

.peer:checked ~ .peer-checked\:text-yellow-200,
.peer:checked ~ .peer-checked-text-yellow-200,
.peer:checked ~ .group-checked .group-checked-text-yellow-200 {
    color: var(--yellow-200);
}

.text-yellow-300 {
    color: var(--yellow-300);
}

.hover-text-yellow-300:hover {
    background-color: var(--yellow-300);
}

.peer:checked ~ .peer-checked\:text-yellow-300,
.peer:checked ~ .peer-checked-text-yellow-300,
.peer:checked ~ .group-checked .group-checked-text-yellow-300 {
    color: var(--yellow-300);
}

.text-yellow-400 {
    color: var(--yellow-400);
}

.hover-text-yellow-400:hover {
    background-color: var(--yellow-400);
}

.peer:checked ~ .peer-checked\:text-yellow-400,
.peer:checked ~ .peer-checked-text-yellow-400,
.peer:checked ~ .group-checked .group-checked-text-yellow-400 {
    color: var(--yellow-400);
}

.text-yellow-500 {
    color: var(--yellow-500);
}

.hover-text-yellow-500:hover {
    background-color: var(--yellow-500);
}

.peer:checked ~ .peer-checked\:text-yellow-500,
.peer:checked ~ .peer-checked-text-yellow-500,
.peer:checked ~ .group-checked .group-checked-text-yellow-500 {
    color: var(--yellow-500);
}

.text-blue {
    color: var(--blue);
}

.hover-text-blue:hover {
    background-color: var(--blue);
}

.peer:checked ~ .peer-checked\:text-blue,
.peer:checked ~ .peer-checked-text-blue,
.peer:checked ~ .group-checked .group-checked-text-blue {
    color: var(--blue);
}

.text-blue-100 {
    color: var(--blue-100);
}

.hover-text-blue-100:hover {
    background-color: var(--blue-100);
}

.peer:checked ~ .peer-checked\:text-blue-100,
.peer:checked ~ .peer-checked-text-blue-100,
.peer:checked ~ .group-checked .group-checked-text-blue-100 {
    color: var(--blue-100);
}

.text-blue-200 {
    color: var(--blue-200);
}

.hover-text-blue-200:hover {
    background-color: var(--blue-200);
}

.peer:checked ~ .peer-checked\:text-blue-200,
.peer:checked ~ .peer-checked-text-blue-200,
.peer:checked ~ .group-checked .group-checked-text-blue-200 {
    color: var(--blue-200);
}

.text-blue-300 {
    color: var(--blue-300);
}

.hover-text-blue-300:hover {
    background-color: var(--blue-300);
}

.peer:checked ~ .peer-checked\:text-blue-300,
.peer:checked ~ .peer-checked-text-blue-300,
.peer:checked ~ .group-checked .group-checked-text-blue-300 {
    color: var(--blue-300);
}

.text-blue-400 {
    color: var(--blue-400);
}

.hover-text-blue-400:hover {
    background-color: var(--blue-400);
}

.peer:checked ~ .peer-checked\:text-blue-400,
.peer:checked ~ .peer-checked-text-blue-400,
.peer:checked ~ .group-checked .group-checked-text-blue-400 {
    color: var(--blue-400);
}

.text-blue-500 {
    color: var(--blue-500);
}

.hover-text-blue-500:hover {
    background-color: var(--blue-500);
}

.peer:checked ~ .peer-checked\:text-blue-500,
.peer:checked ~ .peer-checked-text-blue-500,
.peer:checked ~ .group-checked .group-checked-text-blue-500 {
    color: var(--blue-500);
}

.text-green {
    color: var(--green);
}

.hover-text-green:hover {
    background-color: var(--green);
}

.peer:checked ~ .peer-checked\:text-green,
.peer:checked ~ .peer-checked-text-green,
.peer:checked ~ .group-checked .group-checked-text-green {
    color: var(--green);
}

.text-green-100 {
    color: var(--green-100);
}

.hover-text-green-100:hover {
    background-color: var(--green-100);
}

.peer:checked ~ .peer-checked\:text-green-100,
.peer:checked ~ .peer-checked-text-green-100,
.peer:checked ~ .group-checked .group-checked-text-green-100 {
    color: var(--green-100);
}

.text-green-200 {
    color: var(--green-200);
}

.hover-text-green-200:hover {
    background-color: var(--green-200);
}

.peer:checked ~ .peer-checked\:text-green-200,
.peer:checked ~ .peer-checked-text-green-200,
.peer:checked ~ .group-checked .group-checked-text-green-200 {
    color: var(--green-200);
}

.text-green-300 {
    color: var(--green-300);
}

.hover-text-green-300:hover {
    background-color: var(--green-300);
}

.peer:checked ~ .peer-checked\:text-green-300,
.peer:checked ~ .peer-checked-text-green-300,
.peer:checked ~ .group-checked .group-checked-text-green-300 {
    color: var(--green-300);
}

.text-green-400 {
    color: var(--green-400);
}

.hover-text-green-400:hover {
    background-color: var(--green-400);
}

.peer:checked ~ .peer-checked\:text-green-400,
.peer:checked ~ .peer-checked-text-green-400,
.peer:checked ~ .group-checked .group-checked-text-green-400 {
    color: var(--green-400);
}

.text-green-500 {
    color: var(--green-500);
}

.hover-text-green-500:hover {
    background-color: var(--green-500);
}

.peer:checked ~ .peer-checked\:text-green-500,
.peer:checked ~ .peer-checked-text-green-500,
.peer:checked ~ .group-checked .group-checked-text-green-500 {
    color: var(--green-500);
}

.link {
    color: var(--blue-400);
    cursor: pointer;
    text-decoration: none;
}

.peer:checked ~ .peer-checked-fw-100,
.fw-100 {
    font-weight: 100;
}

.peer:checked ~ .peer-checked-fw-200,
.fw-200 {
    font-weight: 200;
}

.peer:checked ~ .peer-checked-fw-300,
.fw-300 {
    font-weight: 300;
}

.peer:checked ~ .peer-checked-fw-400,
.fw-400 {
    font-weight: 400;
}

.peer:checked ~ .peer-checked-fw-500,
.fw-500 {
    font-weight: 500;
}

.peer:checked ~ .peer-checked-fw-600,
.fw-600 {
    font-weight: 600;
}

.peer:checked ~ .peer-checked-fw-700,
.fw-700 {
    font-weight: 700;
}

.peer:checked ~ .peer-checked-fw-800,
.fw-800 {
    font-weight: 800;
}

.peer:checked ~ .peer-checked-fw-900,
.fw-900 {
    font-weight: 900;
}

.fw-b,
.fw-bold,
.bold {
    font-weight: bold;
}

.i,
.italic {
    font-style: italic;
}

.lh-100 {
    line-height: calc(100 / 100);
}

.lh-125 {
    line-height: calc(125 / 100);
}

.lh-130 {
    line-height: calc(130 / 100);
}

.lh-140 {
    line-height: calc(140 / 100);
}

.lh-150 {
    line-height: calc(150 / 100);
}

.lh-175 {
    line-height: calc(175 / 100);
}

.lh-200 {
    line-height: calc(200 / 100);
}

.lh-32px {
    line-height: 32px;
}

.lh-40px {
    line-height: 40px;
}

.letter-spacing-01em {
    letter-spacing: 0.1em;
}

.text-align-last-left {
    text-align-last: left;
}

.text-align-last-center {
    text-align-last: center;
}

.text-align-last-right {
    text-align-last: right;
}

.uppercase,
.ttu {
    text-transform: uppercase;
}

.lowercase,
.ttl {
    text-transform: lowercase;
}

.capitalize,
.ttc {
    text-transform: capitalize;
}

.tr,
.text-right {
    text-align: right;
}

.tl,
.text-left {
    text-align: left;
}

.tc,
.text-center {
    text-align: center;
}

.white-space-inherit {
    white-space: inherit;
}

.white-space-nowrap {
    white-space: nowrap;
}

.white-space-pre {
    white-space: pre;
}

.white-space-pre-wrap {
    white-space: pre-wrap;
}

.white-space-pre-line {
    white-space: pre-line;
}

.word-break-inherit {
    word-break: inherit;
}

.word-break-initial {
    word-break: initial;
}

.word-break-revert {
    word-break: revert;
}

.word-break-unset {
    word-break: unset;
}

.word-break-normal {
    word-break: normal;
}

.word-break-break-word {
    word-break: break-word;
}

.word-break-keep-all {
    word-break: keep-all;
}

.word-break-break-all {
    word-break: break-all;
}

.text-truncate-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.text-truncate-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.text-truncate-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.text-truncate-4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.text-truncate-5 {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-5 {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.text-truncate-6 {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-6 {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-none {
    overflow: visible;
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-line-clamp: none;
}

.text-decoration-underline {
    text-decoration: underline;
}

.text-decoration-none {
    text-decoration: none;
}

.rotate--180 {
    transform: rotate(-180deg);
}

.rotate-180 {
    transform: rotate(180deg);
}

.translateX-10 {
    transform: translateX(calc(10 * 1%));
}

.translateX--10 {
    transform: translateX(calc(10 * -1%));
}

.translateX-20 {
    transform: translateX(calc(20 * 1%));
}

.translateX--20 {
    transform: translateX(calc(20 * -1%));
}

.translateX-30 {
    transform: translateX(calc(30 * 1%));
}

.translateX--30 {
    transform: translateX(calc(30 * -1%));
}

.translateX-40 {
    transform: translateX(calc(40 * 1%));
}

.translateX--40 {
    transform: translateX(calc(40 * -1%));
}

.translateX-50 {
    transform: translateX(calc(50 * 1%));
}

.translateX--50 {
    transform: translateX(calc(50 * -1%));
}

.translateX-60 {
    transform: translateX(calc(60 * 1%));
}

.translateX--60 {
    transform: translateX(calc(60 * -1%));
}

.translateX-70 {
    transform: translateX(calc(70 * 1%));
}

.translateX--70 {
    transform: translateX(calc(70 * -1%));
}

.translateX-80 {
    transform: translateX(calc(80 * 1%));
}

.translateX--80 {
    transform: translateX(calc(80 * -1%));
}

.translateX-90 {
    transform: translateX(calc(90 * 1%));
}

.translateX--90 {
    transform: translateX(calc(90 * -1%));
}

.translateX-100 {
    transform: translateX(calc(100 * 1%));
}

.translateX--100 {
    transform: translateX(calc(100 * -1%));
}

.visibility-collapse {
    visibility: collapse;
}

.visibility-hidden {
    visibility: hidden;
}

.visibility-inherit {
    visibility: inherit;
}

.visibility-initial {
    visibility: initial;
}

.visibility-revert {
    visibility: revert;
}

.visibility-unset {
    visibility: unset;
}

.visibility-visible {
    visibility: visible;
}

.select2-container--default .select2-selection--single {
    padding: 6px 8px;
    height: 40px;
    font-size: 1rem;
    border-radius: 4px;
    border-color: var(--border);
    position: relative;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    width: 40px;
    height: 40px;
    color: #fff;
    font-size: 1rem;
    padding: 4px 16px;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 20px;
}

.datepicker th,
.datepicker td,
.datepicker th,
.datepicker td {
    text-align: center;
    width: 38px;
    height: 38px;
    color: var(--gray-400);
}
.datepicker table tr td.active,
.datepicker table tr td.active {
    background-image: linear-gradient(to bottom, var(--yellow-400), var(--yellow-400));
    color: var(--gray-400);
}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover {
    background-image: linear-gradient(to bottom, var(--yellow-500), var(--yellow-500));
    color: var(--gray-400);
}

.rmdp-container {
    flex-grow: 1;
}

.react-time-picker {
    width: 100%;
}

.react-time-picker .react-time-picker__wrapper {
    border: 1px solid var(--border);
    border-radius: 4px;
    width: 100%;
    height: 40px;
    padding-left: 1rem;
}

.react-time-picker__inputGroup__hour:focus-visible,
.react-time-picker__inputGroup__minute:focus-visible {
    border-color: var(--border);
    outline: 1px solid var(--border);
}

.react-time-picker__inputGroup__divider {
    margin: 0 0.25rem;
}

* {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: inherit;
}

html {
    box-sizing: border-box;
    font-family: var(--ff1);
    font-size: var(--fs);
    line-height: var(--lh);
    min-height: 100vh;
}

body {
    background-color: var(--bg);
    color: var(--text);
    font-size: 14px;
}

.wrapper {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.layout {
    flex: 1;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
}
.layout__main {
    flex: 1;
    display: flex;
}

.main {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.page-login {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.login {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    display: flex;
    background-color: var(--white);
    color: var(--gray-400);
    border-radius: 16px;
    border: 1px solid var(--border);
    box-shadow: 1px 1px 29px rgba(0, 0, 0, 0.15);
    overflow: hidden;
}
.login__left {
    width: 424px;
    padding: 96px 64px 24px;
    display: flex;
    flex-direction: column;
}
.login__right {
    flex: 1;
}
.login__form {
    margin-top: 64px;
}
.login__title {
    font-size: 32px;
    font-weight: bold;
    line-height: 1.3;
}
.banner-upload {
    position: relative;
    width: 100%;
}
.banner-upload img {
    display: block;
    width: 100%;
}
.banner-upload__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    font-size: 12px;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    opacity: 0;
    pointer-events: none;
    transition: all 0.25s;
}
.banner-upload:hover .banner-upload__content {
    opacity: 1;
    pointer-events: all;
}