@font-face{
    font-family:"Decima Mono";
    src: url(/fonts/a8b874c2-77aa-4845-a7d1-b88de7aeb921.woff2?ed5d636110d81d954ca15881c5f84342) format("woff2"),url(/fonts/9874ace8-6034-4030-8598-8ef40f1e0384.woff?cfddfaec56f1ce2000b3075c13d0fee9) format("woff");
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'DIN Pro';
    src: url(/fonts/DINPro.eot?3f7460ea717cff95bc696ba95f22aca5);
    src: local('DIN Pro'), local('DINPro'),
    url(/fonts/DINPro.eot?3f7460ea717cff95bc696ba95f22aca5?#iefix) format('embedded-opentype'),
    url(/fonts/DINPro.woff2?560be2f6f935581d7d6278ea9987f618) format('woff2'),
    url(/fonts/DINPro.woff?1871e3d59b6b24eb537d20fb8b18584c) format('woff'),
    url(/fonts/DINPro.ttf?1b0768c360d049fff810659c57a228b9) format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DIN Pro';
    src: url(/fonts/DINPro-Medium.eot?b7432610971fbc3ce9c11ccb7a7c124b);
    src: local('DIN Pro Medium'), local('DINPro-Medium'),
    url(/fonts/DINPro-Medium.eot?b7432610971fbc3ce9c11ccb7a7c124b?#iefix) format('embedded-opentype'),
    url(/fonts/DINPro-Medium.woff2?06f7b04f9044252eb06b6ccefebfa441) format('woff2'),
    url(/fonts/DINPro-Medium.woff?8884aedddd5a2d53cb63c9711e5d8ed7) format('woff'),
    url(/fonts/DINPro-Medium.ttf?4a3f4ee8d25ffd9eb29b58b378d3ef8b) format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'DIN Pro';
    src: url(/fonts/DINPro-Bold.eot?f5256d98bda9110c560408a80ca71457);
    src: local('DIN Pro Bold'), local('DINPro-Bold'),
    url(/fonts/DINPro-Bold.eot?f5256d98bda9110c560408a80ca71457?#iefix) format('embedded-opentype'),
    url(/fonts/DINPro-Bold.woff2?1db735ab632d30e6be9172a9f9cdee1c) format('woff2'),
    url(/fonts/DINPro-Bold.woff?e77241e3cec5a2484ff25fcb72da8486) format('woff'),
    url(/fonts/DINPro-Bold.ttf?f50b65ea926ab3b5f2bbebe1497d949e) format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'DIN Pro';
    src: url(/fonts/DINPro-Black.eot?abe6aaff53245880fd651d1205f73684);
    src: local('DIN Pro Black'), local('DINPro-Black'),
    url(/fonts/DINPro-Black.eot?abe6aaff53245880fd651d1205f73684?#iefix) format('embedded-opentype'),
    url(/fonts/DINPro-Black.woff2?9f2d8ca3fa6adffeaa767fdbead4e564) format('woff2'),
    url(/fonts/DINPro-Black.woff?73243be42290fda4e1febdaf36782909) format('woff'),
    url(/fonts/DINPro-Black.ttf?f667c94bcd1daee0c02d60aab8ba9789) format('truetype');
    font-weight: 900;
    font-style: normal;
}

.din-font{
    font-family:"DIN Pro", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

/* start lazy images */

.ratio-box {
    position: relative;
    height: 0;
    display: block;
    width: 100%;
    /* padding-bottom is calculated and rendered inline */
}

.ratio-box img,
.ratio-box iframe,
.ratio-box video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
}

/* end lazy images */

@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-280px * 7));
    }
}

.slider {
    /*background: white;
    box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);
    height: 100px;*/
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 1280px;
}

/*.slider::before {
    background: linear-gradient(to left, rgba(0,0,0,0) 0%, rgba(57,255,243,0.6)  100%);
    content: "";
    height: 100px;
    position: absolute;
    width: 200px;
    z-index: 2;
}
.slider::after {
    background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(50,195,241) 100%);
    content: "";
    height: 100px;
    position: absolute;
    width: 200px;
    z-index: 2;
}*/

.slider::before {
    left: 0;
    top: 0;
}

.slider .slide-track {
    animation: scroll 10s linear infinite;
    display: flex;
    width: calc(280px * 14);
}

.slider .slide {
    /*height: 100px;*/
    width: 280px;
}

.is-pinned h1{
    font-size:0.875rem !important;
    line-height:1.25rem !important;
}

@media (min-width: 1024px){

    .is-pinned h1{
        font-size:1.125rem !important;
        line-height:1.75rem !important;
    }
}

.is-pinned h1{
    --tw-text-opacity:1 !important;
    color:rgb(255 255 255 / var(--tw-text-opacity)) !important;
}

@media (min-width: 1024px){

    .lg-w-5{
        width:5%;
    }

    .lg-w-10{
        width:10%;
    }

    .lg-w-15{
        width:15%;
    }
}

@media (min-width: 768px){

    .lg-w-20{
        width:80%;
    }
}

@media (min-width: 1024px){

    .lg-w-20{
        width:20%;
    }

    .lg-w-25{
        width:25%;
    }

    .lg-w-30{
        width:30%;
    }

    .lg-w-35{
        width:35%;
    }

    .lg-w-40{
        width:40%;
    }

    .lg-w-45{
        width:45%;
    }

    .lg-w-50{
        width:50%;
    }

    .lg-w-55{
        width:55%;
    }

    .lg-w-60{
        width:60%;
    }

    .lg-w-65{
        width:65%;
    }

    .lg-w-70{
        width:70%;
    }

    .lg-w-75{
        width:75%;
    }

    .lg-w-80{
        width:80%;
    }

    .lg-w-85{
        width:85%;
    }

    .lg-w-90{
        width:90%;
    }

    .lg-w-95{
        width:95%;
    }
}

/*** hub start ***/

.hub-content p{
    margin-bottom:2.5rem;
}

.hub-content img{
    margin-left:auto;
    margin-right:auto;
}

/*** hub end ***/

/*** cases start ***/

.case h2{
    margin-top:3rem;
    padding-top:1.5rem;
    padding-bottom:1.5rem;
    font-size:1.875rem;
    line-height:2.25rem;
    font-weight:900;
    line-height:1;
    letter-spacing:-0.025em;
}

/*** cases end ***/

/*** gch cases start ***/

.gch-case-text h2{
    padding-top:0.75rem;
    padding-bottom:0.75rem;
    font-size:1.5rem;
    line-height:2rem;
    font-weight:700;
    line-height:1;
    letter-spacing:-0.025em;
}

@media (min-width: 640px){

    .gch-case-text h2{
        font-size:1.875rem;
        line-height:2.25rem;
    }
}

.gch-case-text h3{
    padding-top:0.75rem;
    padding-bottom:0.75rem;
    font-size:1.25rem;
    line-height:1.75rem;
    font-weight:700;
    line-height:1;
}

@media (min-width: 640px){

    .gch-case-text h3{
        font-size:1.5rem;
        line-height:2rem;
    }
}

.gch-case-text h4{
    padding-top:0.75rem;
    padding-bottom:0.75rem;
    font-weight:700;
    line-height:1;
}

.gch-case-text p{
    margin-bottom:1.25rem;
}

.gch-case-text a{
    --tw-text-opacity:1;
    color:rgb(37 99 235 / var(--tw-text-opacity));
}

.gch-case-text a:hover{
    text-decoration-line:underline;
}

/*** gch cases end ***/

/*** content start ***/

.content h1{
    margin-top:3rem;
    padding-top:1.5rem;
    padding-bottom:1.5rem;
    font-size:1.5rem;
    line-height:2rem;
    font-weight:700;
    line-height:1;
    letter-spacing:-0.025em;
}

@media (min-width: 640px){

    .content h1{
        font-size:2.25rem;
        line-height:2.5rem;
    }
}

.content h2{
    margin-top:3rem;
    padding-top:1.5rem;
    padding-bottom:1.5rem;
    font-size:1.5rem;
    line-height:2rem;
    font-weight:700;
    line-height:1;
    letter-spacing:-0.025em;
}

@media (min-width: 640px){

    .content h2{
        font-size:1.875rem;
        line-height:2.25rem;
    }
}

.content h3{
    padding-top:1.5rem;
    padding-bottom:1.5rem;
    font-size:1.25rem;
    line-height:1.75rem;
    font-weight:700;
    line-height:1;
}

@media (min-width: 640px){

    .content h3{
        font-size:1.5rem;
        line-height:2rem;
    }
}

.content h4{
    padding-top:1.5rem;
    padding-bottom:1.5rem;
    font-weight:700;
    line-height:1;
}

.content a{
    --tw-text-opacity:1;
    color:rgb(37 99 235 / var(--tw-text-opacity));
}

.content a:hover{
    text-decoration-line:underline;
}

/*


    p {
        @apply text-lg leading-relaxed;
    }

    blockquote {
        @apply text-center font-bold italic px-4 mb-12 pt-6 text-3xl leading-tight;
    }

    blockquote > p {
        @apply text-2xl leading-tight;
    }

    img {
        @apply my-12;
    }

    ul:not(.list-none)
        @apply pl-0 list-disc ml-10 mb-8 text-lg;

    ul:not(.list-none) li {
        @apply mb-1;
    }

ol {
    @apply pl-0 list-decimal ml-10 mb-8 text-lg;

}

table {
    @apply w-full text-left border-2 border-collapse mb-8 text-sm;
}

th {
    @apply font-bold p-4 text-xl border-t-4 border-b;
}

td {
    @apply p-4 border-b;
}

 */

/*** content end ***/

/* ! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com */

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
*/

html {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: "DC Mono", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: inherit;
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::-moz-placeholder, textarea::-moz-placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: #9ca3af; /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
  display: none;
}

[type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select{
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
    background-color:#fff;
    border-color:#6b7280;
    border-width:1px;
    border-radius:0px;
    padding-top:0.5rem;
    padding-right:0.75rem;
    padding-bottom:0.5rem;
    padding-left:0.75rem;
    font-size:1rem;
    line-height:1.5rem;
    --tw-shadow:0 0 #0000;
}

[type='text']:focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus{
    outline:2px solid transparent;
    outline-offset:2px;
    --tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);
    --tw-ring-offset-width:0px;
    --tw-ring-offset-color:#fff;
    --tw-ring-color:#2563eb;
    --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color:#2563eb;
}

input::-moz-placeholder, textarea::-moz-placeholder{
    color:#6b7280;
    opacity:1;
}

input::placeholder,textarea::placeholder{
    color:#6b7280;
    opacity:1;
}

::-webkit-datetime-edit-fields-wrapper{
    padding:0;
}

::-webkit-date-and-time-value{
    min-height:1.5em;
}

::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{
    padding-top:0;
    padding-bottom:0;
}

select{
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position:right 0.5rem center;
    background-repeat:no-repeat;
    background-size:1.5em 1.5em;
    padding-right:2.5rem;
    -webkit-print-color-adjust:exact;
            print-color-adjust:exact;
}

[multiple]{
    background-image:initial;
    background-position:initial;
    background-repeat:unset;
    background-size:initial;
    padding-right:0.75rem;
    -webkit-print-color-adjust:unset;
            print-color-adjust:unset;
}

[type='checkbox'],[type='radio']{
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
    padding:0;
    -webkit-print-color-adjust:exact;
            print-color-adjust:exact;
    display:inline-block;
    vertical-align:middle;
    background-origin:border-box;
    -webkit-user-select:none;
       -moz-user-select:none;
            user-select:none;
    flex-shrink:0;
    height:1rem;
    width:1rem;
    color:#2563eb;
    background-color:#fff;
    border-color:#6b7280;
    border-width:1px;
    --tw-shadow:0 0 #0000;
}

[type='checkbox']{
    border-radius:0px;
}

[type='radio']{
    border-radius:100%;
}

[type='checkbox']:focus,[type='radio']:focus{
    outline:2px solid transparent;
    outline-offset:2px;
    --tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);
    --tw-ring-offset-width:2px;
    --tw-ring-offset-color:#fff;
    --tw-ring-color:#2563eb;
    --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}

[type='checkbox']:checked,[type='radio']:checked{
    border-color:transparent;
    background-color:currentColor;
    background-size:100% 100%;
    background-position:center;
    background-repeat:no-repeat;
}

[type='checkbox']:checked{
    background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
}

[type='radio']:checked{
    background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
}

[type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus{
    border-color:transparent;
    background-color:currentColor;
}

[type='checkbox']:indeterminate{
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
    border-color:transparent;
    background-color:currentColor;
    background-size:100% 100%;
    background-position:center;
    background-repeat:no-repeat;
}

[type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus{
    border-color:transparent;
    background-color:currentColor;
}

[type='file']{
    background:unset;
    border-color:inherit;
    border-width:0;
    border-radius:0;
    padding:0;
    font-size:unset;
    line-height:inherit;
}

[type='file']:focus{
    outline:1px solid ButtonText;
    outline:1px auto -webkit-focus-ring-color;
}

*, ::before, ::after{
    --tw-border-spacing-x:0;
    --tw-border-spacing-y:0;
    --tw-translate-x:0;
    --tw-translate-y:0;
    --tw-rotate:0;
    --tw-skew-x:0;
    --tw-skew-y:0;
    --tw-scale-x:1;
    --tw-scale-y:1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness:proximity;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width:0px;
    --tw-ring-offset-color:#fff;
    --tw-ring-color:rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow:0 0 #0000;
    --tw-ring-shadow:0 0 #0000;
    --tw-shadow:0 0 #0000;
    --tw-shadow-colored:0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
}

::backdrop{
    --tw-border-spacing-x:0;
    --tw-border-spacing-y:0;
    --tw-translate-x:0;
    --tw-translate-y:0;
    --tw-rotate:0;
    --tw-skew-x:0;
    --tw-skew-y:0;
    --tw-scale-x:1;
    --tw-scale-y:1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness:proximity;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width:0px;
    --tw-ring-offset-color:#fff;
    --tw-ring-color:rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow:0 0 #0000;
    --tw-ring-shadow:0 0 #0000;
    --tw-shadow:0 0 #0000;
    --tw-shadow-colored:0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
}

.container{
    width:100%;
}

@media (min-width: 640px){

    .container{
        max-width:640px;
    }
}

@media (min-width: 768px){

    .container{
        max-width:768px;
    }
}

@media (min-width: 1024px){

    .container{
        max-width:1024px;
    }
}

@media (min-width: 1280px){

    .container{
        max-width:1280px;
    }
}

@media (min-width: 1536px){

    .container{
        max-width:1536px;
    }
}

.prose{
    color:var(--tw-prose-body);
    max-width:65ch;
}

.prose :where([class~="lead"]):not(:where([class~="not-prose"] *)){
    color:var(--tw-prose-lead);
    font-size:1.25em;
    line-height:1.6;
    margin-top:1.2em;
    margin-bottom:1.2em;
}

.prose :where(a):not(:where([class~="not-prose"] *)){
    color:var(--tw-prose-links);
    text-decoration:underline;
    font-weight:500;
}

.prose :where(strong):not(:where([class~="not-prose"] *)){
    color:var(--tw-prose-bold);
    font-weight:600;
}

.prose :where(a strong):not(:where([class~="not-prose"] *)){
    color:inherit;
}

.prose :where(blockquote strong):not(:where([class~="not-prose"] *)){
    color:inherit;
}

.prose :where(thead th strong):not(:where([class~="not-prose"] *)){
    color:inherit;
}

.prose :where(ol):not(:where([class~="not-prose"] *)){
    list-style-type:decimal;
    margin-top:1.25em;
    margin-bottom:1.25em;
    padding-left:1.625em;
}

.prose :where(ol[type="A"]):not(:where([class~="not-prose"] *)){
    list-style-type:upper-alpha;
}

.prose :where(ol[type="a"]):not(:where([class~="not-prose"] *)){
    list-style-type:lower-alpha;
}

.prose :where(ol[type="A" s]):not(:where([class~="not-prose"] *)){
    list-style-type:upper-alpha;
}

.prose :where(ol[type="a" s]):not(:where([class~="not-prose"] *)){
    list-style-type:lower-alpha;
}

.prose :where(ol[type="I"]):not(:where([class~="not-prose"] *)){
    list-style-type:upper-roman;
}

.prose :where(ol[type="i"]):not(:where([class~="not-prose"] *)){
    list-style-type:lower-roman;
}

.prose :where(ol[type="I" s]):not(:where([class~="not-prose"] *)){
    list-style-type:upper-roman;
}

.prose :where(ol[type="i" s]):not(:where([class~="not-prose"] *)){
    list-style-type:lower-roman;
}

.prose :where(ol[type="1"]):not(:where([class~="not-prose"] *)){
    list-style-type:decimal;
}

.prose :where(ul):not(:where([class~="not-prose"] *)){
    list-style-type:disc;
    margin-top:1.25em;
    margin-bottom:1.25em;
    padding-left:1.625em;
}

.prose :where(ol > li):not(:where([class~="not-prose"] *))::marker{
    font-weight:400;
    color:var(--tw-prose-counters);
}

.prose :where(ul > li):not(:where([class~="not-prose"] *))::marker{
    color:var(--tw-prose-bullets);
}

.prose :where(hr):not(:where([class~="not-prose"] *)){
    border-color:var(--tw-prose-hr);
    border-top-width:1px;
    margin-top:3em;
    margin-bottom:3em;
}

.prose :where(blockquote):not(:where([class~="not-prose"] *)){
    font-weight:500;
    font-style:italic;
    color:var(--tw-prose-quotes);
    border-left-width:0.25rem;
    border-left-color:var(--tw-prose-quote-borders);
    quotes:"\201C""\201D""\2018""\2019";
    margin-top:1.6em;
    margin-bottom:1.6em;
    padding-left:1em;
}

.prose :where(blockquote p:first-of-type):not(:where([class~="not-prose"] *))::before{
    content:open-quote;
}

.prose :where(blockquote p:last-of-type):not(:where([class~="not-prose"] *))::after{
    content:close-quote;
}

.prose :where(h1):not(:where([class~="not-prose"] *)){
    color:var(--tw-prose-headings);
    font-weight:800;
    font-size:2.25em;
    margin-top:0;
    margin-bottom:0.8888889em;
    line-height:1.1111111;
}

.prose :where(h1 strong):not(:where([class~="not-prose"] *)){
    font-weight:900;
    color:inherit;
}

.prose :where(h2):not(:where([class~="not-prose"] *)){
    color:var(--tw-prose-headings);
    font-weight:700;
    font-size:1.5em;
    margin-top:2em;
    margin-bottom:1em;
    line-height:1.3333333;
}

.prose :where(h2 strong):not(:where([class~="not-prose"] *)){
    font-weight:800;
    color:inherit;
}

.prose :where(h3):not(:where([class~="not-prose"] *)){
    color:var(--tw-prose-headings);
    font-weight:600;
    font-size:1.25em;
    margin-top:1.6em;
    margin-bottom:0.6em;
    line-height:1.6;
}

.prose :where(h3 strong):not(:where([class~="not-prose"] *)){
    font-weight:700;
    color:inherit;
}

.prose :where(h4):not(:where([class~="not-prose"] *)){
    color:var(--tw-prose-headings);
    font-weight:600;
    margin-top:1.5em;
    margin-bottom:0.5em;
    line-height:1.5;
}

.prose :where(h4 strong):not(:where([class~="not-prose"] *)){
    font-weight:700;
    color:inherit;
}

.prose :where(img):not(:where([class~="not-prose"] *)){
    margin-top:2em;
    margin-bottom:2em;
}

.prose :where(figure > *):not(:where([class~="not-prose"] *)){
    margin-top:0;
    margin-bottom:0;
}

.prose :where(figcaption):not(:where([class~="not-prose"] *)){
    color:var(--tw-prose-captions);
    font-size:0.875em;
    line-height:1.4285714;
    margin-top:0.8571429em;
}

.prose :where(code):not(:where([class~="not-prose"] *)){
    color:var(--tw-prose-code);
    font-weight:600;
    font-size:0.875em;
}

.prose :where(code):not(:where([class~="not-prose"] *))::before{
    content:"`";
}

.prose :where(code):not(:where([class~="not-prose"] *))::after{
    content:"`";
}

.prose :where(a code):not(:where([class~="not-prose"] *)){
    color:inherit;
}

.prose :where(h1 code):not(:where([class~="not-prose"] *)){
    color:inherit;
}

.prose :where(h2 code):not(:where([class~="not-prose"] *)){
    color:inherit;
    font-size:0.875em;
}

.prose :where(h3 code):not(:where([class~="not-prose"] *)){
    color:inherit;
    font-size:0.9em;
}

.prose :where(h4 code):not(:where([class~="not-prose"] *)){
    color:inherit;
}

.prose :where(blockquote code):not(:where([class~="not-prose"] *)){
    color:inherit;
}

.prose :where(thead th code):not(:where([class~="not-prose"] *)){
    color:inherit;
}

.prose :where(pre):not(:where([class~="not-prose"] *)){
    color:var(--tw-prose-pre-code);
    background-color:var(--tw-prose-pre-bg);
    overflow-x:auto;
    font-weight:400;
    font-size:0.875em;
    line-height:1.7142857;
    margin-top:1.7142857em;
    margin-bottom:1.7142857em;
    border-radius:0.375rem;
    padding-top:0.8571429em;
    padding-right:1.1428571em;
    padding-bottom:0.8571429em;
    padding-left:1.1428571em;
}

.prose :where(pre code):not(:where([class~="not-prose"] *)){
    background-color:transparent;
    border-width:0;
    border-radius:0;
    padding:0;
    font-weight:inherit;
    color:inherit;
    font-size:inherit;
    font-family:inherit;
    line-height:inherit;
}

.prose :where(pre code):not(:where([class~="not-prose"] *))::before{
    content:none;
}

.prose :where(pre code):not(:where([class~="not-prose"] *))::after{
    content:none;
}

.prose :where(table):not(:where([class~="not-prose"] *)){
    width:100%;
    table-layout:auto;
    text-align:left;
    margin-top:2em;
    margin-bottom:2em;
    font-size:0.875em;
    line-height:1.7142857;
}

.prose :where(thead):not(:where([class~="not-prose"] *)){
    border-bottom-width:1px;
    border-bottom-color:var(--tw-prose-th-borders);
}

.prose :where(thead th):not(:where([class~="not-prose"] *)){
    color:var(--tw-prose-headings);
    font-weight:600;
    vertical-align:bottom;
    padding-right:0.5714286em;
    padding-bottom:0.5714286em;
    padding-left:0.5714286em;
}

.prose :where(tbody tr):not(:where([class~="not-prose"] *)){
    border-bottom-width:1px;
    border-bottom-color:var(--tw-prose-td-borders);
}

.prose :where(tbody tr:last-child):not(:where([class~="not-prose"] *)){
    border-bottom-width:0;
}

.prose :where(tbody td):not(:where([class~="not-prose"] *)){
    vertical-align:baseline;
}

.prose :where(tfoot):not(:where([class~="not-prose"] *)){
    border-top-width:1px;
    border-top-color:var(--tw-prose-th-borders);
}

.prose :where(tfoot td):not(:where([class~="not-prose"] *)){
    vertical-align:top;
}

.prose{
    --tw-prose-body:#374151;
    --tw-prose-headings:#111827;
    --tw-prose-lead:#4b5563;
    --tw-prose-links:#111827;
    --tw-prose-bold:#111827;
    --tw-prose-counters:#6b7280;
    --tw-prose-bullets:#d1d5db;
    --tw-prose-hr:#e5e7eb;
    --tw-prose-quotes:#111827;
    --tw-prose-quote-borders:#e5e7eb;
    --tw-prose-captions:#6b7280;
    --tw-prose-code:#111827;
    --tw-prose-pre-code:#e5e7eb;
    --tw-prose-pre-bg:#1f2937;
    --tw-prose-th-borders:#d1d5db;
    --tw-prose-td-borders:#e5e7eb;
    --tw-prose-invert-body:#d1d5db;
    --tw-prose-invert-headings:#fff;
    --tw-prose-invert-lead:#9ca3af;
    --tw-prose-invert-links:#fff;
    --tw-prose-invert-bold:#fff;
    --tw-prose-invert-counters:#9ca3af;
    --tw-prose-invert-bullets:#4b5563;
    --tw-prose-invert-hr:#374151;
    --tw-prose-invert-quotes:#f3f4f6;
    --tw-prose-invert-quote-borders:#374151;
    --tw-prose-invert-captions:#9ca3af;
    --tw-prose-invert-code:#fff;
    --tw-prose-invert-pre-code:#d1d5db;
    --tw-prose-invert-pre-bg:rgb(0 0 0 / 50%);
    --tw-prose-invert-th-borders:#4b5563;
    --tw-prose-invert-td-borders:#374151;
    font-size:1rem;
    line-height:1.75;
}

.prose :where(p):not(:where([class~="not-prose"] *)){
    margin-top:1.25em;
    margin-bottom:1.25em;
}

.prose :where(video):not(:where([class~="not-prose"] *)){
    margin-top:2em;
    margin-bottom:2em;
}

.prose :where(figure):not(:where([class~="not-prose"] *)){
    margin-top:2em;
    margin-bottom:2em;
}

.prose :where(li):not(:where([class~="not-prose"] *)){
    margin-top:0.5em;
    margin-bottom:0.5em;
}

.prose :where(ol > li):not(:where([class~="not-prose"] *)){
    padding-left:0.375em;
}

.prose :where(ul > li):not(:where([class~="not-prose"] *)){
    padding-left:0.375em;
}

.prose :where(.prose > ul > li p):not(:where([class~="not-prose"] *)){
    margin-top:0.75em;
    margin-bottom:0.75em;
}

.prose :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)){
    margin-top:1.25em;
}

.prose :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)){
    margin-bottom:1.25em;
}

.prose :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)){
    margin-top:1.25em;
}

.prose :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)){
    margin-bottom:1.25em;
}

.prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)){
    margin-top:0.75em;
    margin-bottom:0.75em;
}

.prose :where(hr + *):not(:where([class~="not-prose"] *)){
    margin-top:0;
}

.prose :where(h2 + *):not(:where([class~="not-prose"] *)){
    margin-top:0;
}

.prose :where(h3 + *):not(:where([class~="not-prose"] *)){
    margin-top:0;
}

.prose :where(h4 + *):not(:where([class~="not-prose"] *)){
    margin-top:0;
}

.prose :where(thead th:first-child):not(:where([class~="not-prose"] *)){
    padding-left:0;
}

.prose :where(thead th:last-child):not(:where([class~="not-prose"] *)){
    padding-right:0;
}

.prose :where(tbody td, tfoot td):not(:where([class~="not-prose"] *)){
    padding-top:0.5714286em;
    padding-right:0.5714286em;
    padding-bottom:0.5714286em;
    padding-left:0.5714286em;
}

.prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="not-prose"] *)){
    padding-left:0;
}

.prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)){
    padding-right:0;
}

.prose :where(.prose > :first-child):not(:where([class~="not-prose"] *)){
    margin-top:0;
}

.prose :where(.prose > :last-child):not(:where([class~="not-prose"] *)){
    margin-bottom:0;
}

.sr-only{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0, 0, 0, 0);
    white-space:nowrap;
    border-width:0;
}

.pointer-events-none{
    pointer-events:none;
}

.visible{
    visibility:visible;
}

.collapse{
    visibility:collapse;
}

.fixed{
    position:fixed;
}

.absolute{
    position:absolute;
}

.relative{
    position:relative;
}

.sticky{
    position:sticky;
}

.inset-0{
    top:0px;
    right:0px;
    bottom:0px;
    left:0px;
}

.inset-x-0{
    left:0px;
    right:0px;
}

.inset-x-6{
    left:1.5rem;
    right:1.5rem;
}

.inset-y-0{
    top:0px;
    bottom:0px;
}

.inset-x-9{
    left:2.25rem;
    right:2.25rem;
}

.bottom-12{
    bottom:3rem;
}

.bottom-0{
    bottom:0px;
}

.left-0{
    left:0px;
}

.bottom-3{
    bottom:0.75rem;
}

.top-0{
    top:0px;
}

.right-0{
    right:0px;
}

.-bottom-12{
    bottom:-3rem;
}

.-top-32{
    top:-8rem;
}

.top-1\/2{
    top:50%;
}

.left-1\/2{
    left:50%;
}

.top-4{
    top:1rem;
}

.left-4{
    left:1rem;
}

.left-5{
    left:1.25rem;
}

.top-5{
    top:1.25rem;
}

.-top-\[1px\]{
    top:-1px;
}

.top-1\/3{
    top:33.333333%;
}

.left-12{
    left:3rem;
}

.top-12{
    top:3rem;
}

.right-12{
    right:3rem;
}

.top-3{
    top:0.75rem;
}

.right-3{
    right:0.75rem;
}

.top-10{
    top:2.5rem;
}

.left-10{
    left:2.5rem;
}

.-left-8{
    left:-2rem;
}

.top-full{
    top:100%;
}

.isolate{
    isolation:isolate;
}

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

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

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

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

.order-first{
    order:-9999;
}

.col-span-4{
    grid-column:span 4 / span 4;
}

.col-span-3{
    grid-column:span 3 / span 3;
}

.col-span-2{
    grid-column:span 2 / span 2;
}

.col-span-1{
    grid-column:span 1 / span 1;
}

.m-10{
    margin:2.5rem;
}

.-m-1\.5{
    margin:-0.375rem;
}

.-m-1{
    margin:-0.25rem;
}

.-m-2\.5{
    margin:-0.625rem;
}

.-m-2{
    margin:-0.5rem;
}

.mx-auto{
    margin-left:auto;
    margin-right:auto;
}

.my-auto{
    margin-top:auto;
    margin-bottom:auto;
}

.my-10{
    margin-top:2.5rem;
    margin-bottom:2.5rem;
}

.my-20{
    margin-top:5rem;
    margin-bottom:5rem;
}

.my-3{
    margin-top:0.75rem;
    margin-bottom:0.75rem;
}

.-mx-3{
    margin-left:-0.75rem;
    margin-right:-0.75rem;
}

.my-36{
    margin-top:9rem;
    margin-bottom:9rem;
}

.my-5{
    margin-top:1.25rem;
    margin-bottom:1.25rem;
}

.mx-14{
    margin-left:3.5rem;
    margin-right:3.5rem;
}

.my-32{
    margin-top:8rem;
    margin-bottom:8rem;
}

.my-12{
    margin-top:3rem;
    margin-bottom:3rem;
}

.my-6{
    margin-top:1.5rem;
    margin-bottom:1.5rem;
}

.mx-1\.5{
    margin-left:0.375rem;
    margin-right:0.375rem;
}

.mx-1{
    margin-left:0.25rem;
    margin-right:0.25rem;
}

.my-1{
    margin-top:0.25rem;
    margin-bottom:0.25rem;
}

.-my-6{
    margin-top:-1.5rem;
    margin-bottom:-1.5rem;
}

.mb-6{
    margin-bottom:1.5rem;
}

.mt-2{
    margin-top:0.5rem;
}

.mb-5{
    margin-bottom:1.25rem;
}

.mb-3{
    margin-bottom:0.75rem;
}

.mb-10{
    margin-bottom:2.5rem;
}

.mb-2{
    margin-bottom:0.5rem;
}

.mb-20{
    margin-bottom:5rem;
}

.mt-10{
    margin-top:2.5rem;
}

.mb-4{
    margin-bottom:1rem;
}

.mb-1{
    margin-bottom:0.25rem;
}

.mt-4{
    margin-top:1rem;
}

.mt-20{
    margin-top:5rem;
}

.mb-7{
    margin-bottom:1.75rem;
}

.ml-3{
    margin-left:0.75rem;
}

.ml-auto{
    margin-left:auto;
}

.mt-6{
    margin-top:1.5rem;
}

.-mb-8{
    margin-bottom:-2rem;
}

.-ml-px{
    margin-left:-1px;
}

.mr-3{
    margin-right:0.75rem;
}

.mb-12{
    margin-bottom:3rem;
}

.mb-32{
    margin-bottom:8rem;
}

.mr-4{
    margin-right:1rem;
}

.mb-0{
    margin-bottom:0px;
}

.mb-64{
    margin-bottom:16rem;
}

.ml-6{
    margin-left:1.5rem;
}

.mt-12{
    margin-top:3rem;
}

.mr-1{
    margin-right:0.25rem;
}

.mt-3{
    margin-top:0.75rem;
}

.-ml-1{
    margin-left:-0.25rem;
}

.mr-6{
    margin-right:1.5rem;
}

.mt-5{
    margin-top:1.25rem;
}

.mr-2{
    margin-right:0.5rem;
}

.mt-1{
    margin-top:0.25rem;
}

.-mb-6{
    margin-bottom:-1.5rem;
}

.-mb-10{
    margin-bottom:-2.5rem;
}

.mt-16{
    margin-top:4rem;
}

.mt-8{
    margin-top:2rem;
}

.mb-9{
    margin-bottom:2.25rem;
}

.ml-1{
    margin-left:0.25rem;
}

.ml-10{
    margin-left:2.5rem;
}

.-ml-2{
    margin-left:-0.5rem;
}

.block{
    display:block;
}

.inline-block{
    display:inline-block;
}

.inline{
    display:inline;
}

.flex{
    display:flex;
}

.inline-flex{
    display:inline-flex;
}

.table{
    display:table;
}

.flow-root{
    display:flow-root;
}

.grid{
    display:grid;
}

.hidden{
    display:none;
}

.aspect-square{
    aspect-ratio:1 / 1;
}

.aspect-video{
    aspect-ratio:16 / 9;
}

.h-full{
    height:100%;
}

.h-48{
    height:12rem;
}

.h-20{
    height:5rem;
}

.h-10{
    height:2.5rem;
}

.h-\[80vh\]{
    height:80vh;
}

.h-32{
    height:8rem;
}

.h-8{
    height:2rem;
}

.h-\[64rem\]{
    height:64rem;
}

.h-5{
    height:1.25rem;
}

.h-4{
    height:1rem;
}

.h-screen{
    height:100vh;
}

.h-2\/5{
    height:40%;
}

.h-1\/2{
    height:50%;
}

.h-64{
    height:16rem;
}

.h-1\/3{
    height:33.333333%;
}

.h-60{
    height:15rem;
}

.h-3{
    height:0.75rem;
}

.h-6{
    height:1.5rem;
}

.h-16{
    height:4rem;
}

.h-12{
    height:3rem;
}

.h-40{
    height:10rem;
}

.h-2{
    height:0.5rem;
}

.h-24{
    height:6rem;
}

.h-11{
    height:2.75rem;
}

.max-h-12{
    max-height:3rem;
}

.max-h-20{
    max-height:5rem;
}

.max-h-60{
    max-height:15rem;
}

.min-h-\[500px\]{
    min-height:500px;
}

.min-h-screen{
    min-height:100vh;
}

.w-full{
    width:100%;
}

.w-10{
    width:2.5rem;
}

.w-48{
    width:12rem;
}

.w-auto{
    width:auto;
}

.w-64{
    width:16rem;
}

.w-32{
    width:8rem;
}

.w-px{
    width:1px;
}

.w-96{
    width:24rem;
}

.w-\[50vw\]{
    width:50vw;
}

.w-\[17vw\]{
    width:17vw;
}

.w-5\/6{
    width:83.333333%;
}

.w-8{
    width:2rem;
}

.w-40{
    width:10rem;
}

.w-72{
    width:18rem;
}

.w-80{
    width:20rem;
}

.w-\[64rem\]{
    width:64rem;
}

.w-0\.5{
    width:0.125rem;
}

.w-0{
    width:0px;
}

.w-5{
    width:1.25rem;
}

.w-4{
    width:1rem;
}

.w-20{
    width:5rem;
}

.w-2\/5{
    width:40%;
}

.w-3\/5{
    width:60%;
}

.w-12{
    width:3rem;
}

.w-36{
    width:9rem;
}

.w-60{
    width:15rem;
}

.w-3{
    width:0.75rem;
}

.w-6{
    width:1.5rem;
}

.w-16{
    width:4rem;
}

.w-2\/3{
    width:66.666667%;
}

.w-24{
    width:6rem;
}

.w-14{
    width:3.5rem;
}

.w-screen{
    width:100vw;
}

.w-11{
    width:2.75rem;
}

.min-w-0{
    min-width:0px;
}

.min-w-min{
    min-width:-moz-min-content;
    min-width:min-content;
}

.max-w-7xl{
    max-width:80rem;
}

.max-w-5xl{
    max-width:64rem;
}

.max-w-6xl{
    max-width:72rem;
}

.max-w-md{
    max-width:28rem;
}

.max-w-xl{
    max-width:36rem;
}

.max-w-4xl{
    max-width:56rem;
}

.max-w-lg{
    max-width:32rem;
}

.max-w-3xl{
    max-width:48rem;
}

.max-w-2xl{
    max-width:42rem;
}

.max-w-sm{
    max-width:24rem;
}

.flex-1{
    flex:1 1 0%;
}

.flex-none{
    flex:none;
}

.flex-auto{
    flex:1 1 auto;
}

.flex-shrink-0{
    flex-shrink:0;
}

.shrink-0{
    flex-shrink:0;
}

.flex-grow{
    flex-grow:1;
}

.grow{
    flex-grow:1;
}

.basis-1\/4{
    flex-basis:25%;
}

.origin-center{
    transform-origin:center;
}

.origin-top-left{
    transform-origin:top left;
}

.-translate-x-1\/2{
    --tw-translate-x:-50%;
    transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-full{
    --tw-translate-x:100%;
    transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-x-0{
    --tw-translate-x:0px;
    transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-1{
    --tw-translate-y:0.25rem;
    transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.translate-y-0{
    --tw-translate-y:0px;
    transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.rotate-180{
    --tw-rotate:180deg;
    transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-rotate-12{
    --tw-rotate:-12deg;
    transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.-rotate-90{
    --tw-rotate:-90deg;
    transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform{
    transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

@keyframes bounce{

    0%, 100%{
        transform:translateY(-25%);
        animation-timing-function:cubic-bezier(0.8,0,1,1);
    }

    50%{
        transform:none;
        animation-timing-function:cubic-bezier(0,0,0.2,1);
    }
}

.animate-bounce{
    animation:bounce 1s infinite;
}

@keyframes ping{

    75%, 100%{
        transform:scale(2);
        opacity:0;
    }
}

.animate-ping{
    animation:ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}

@keyframes pulse{

    50%{
        opacity:.5;
    }
}

.animate-pulse{
    animation:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.cursor-pointer{
    cursor:pointer;
}

.appearance-none{
    -webkit-appearance:none;
       -moz-appearance:none;
            appearance:none;
}

.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));
}

.flex-row{
    flex-direction:row;
}

.flex-col{
    flex-direction:column;
}

.flex-wrap{
    flex-wrap:wrap;
}

.content-center{
    align-content:center;
}

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

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

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

.justify-end{
    justify-content:flex-end;
}

.justify-center{
    justify-content:center;
}

.justify-between{
    justify-content:space-between;
}

.justify-around{
    justify-content:space-around;
}

.gap-3{
    gap:0.75rem;
}

.gap-6{
    gap:1.5rem;
}

.gap-2{
    gap:0.5rem;
}

.gap-10{
    gap:2.5rem;
}

.gap-0\.5{
    gap:0.125rem;
}

.gap-0{
    gap:0px;
}

.gap-8{
    gap:2rem;
}

.gap-4{
    gap:1rem;
}

.gap-x-6{
    -moz-column-gap:1.5rem;
         column-gap:1.5rem;
}

.gap-y-12{
    row-gap:3rem;
}

.gap-x-8{
    -moz-column-gap:2rem;
         column-gap:2rem;
}

.gap-y-10{
    row-gap:2.5rem;
}

.gap-x-3{
    -moz-column-gap:0.75rem;
         column-gap:0.75rem;
}

.gap-y-5{
    row-gap:1.25rem;
}

.gap-x-1{
    -moz-column-gap:0.25rem;
         column-gap:0.25rem;
}

.gap-x-2\.5{
    -moz-column-gap:0.625rem;
         column-gap:0.625rem;
}

.gap-x-2{
    -moz-column-gap:0.5rem;
         column-gap:0.5rem;
}

.space-y-3 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse:0;
    margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(0.75rem * var(--tw-space-y-reverse));
}

.space-y-10 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse:0;
    margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(2.5rem * var(--tw-space-y-reverse));
}

.space-x-3 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse:0;
    margin-right:calc(0.75rem * var(--tw-space-x-reverse));
    margin-left:calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-6 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse:0;
    margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(1.5rem * var(--tw-space-y-reverse));
}

.space-y-20 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse:0;
    margin-top:calc(5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(5rem * var(--tw-space-y-reverse));
}

.space-y-1\.5 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse:0;
    margin-top:calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(0.375rem * var(--tw-space-y-reverse));
}

.space-y-1 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse:0;
    margin-top:calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(0.25rem * var(--tw-space-y-reverse));
}

.space-y-2 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse:0;
    margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(0.5rem * var(--tw-space-y-reverse));
}

.space-y-4 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse:0;
    margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(1rem * var(--tw-space-y-reverse));
}

.-space-x-3 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse:0;
    margin-right:calc(-0.75rem * var(--tw-space-x-reverse));
    margin-left:calc(-0.75rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-12 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse:0;
    margin-top:calc(3rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(3rem * var(--tw-space-y-reverse));
}

.space-y-5 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse:0;
    margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(1.25rem * var(--tw-space-y-reverse));
}

.space-y-9 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse:0;
    margin-top:calc(2.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:calc(2.25rem * var(--tw-space-y-reverse));
}

.space-x-2 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse:0;
    margin-right:calc(0.5rem * var(--tw-space-x-reverse));
    margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-6 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse:0;
    margin-right:calc(1.5rem * var(--tw-space-x-reverse));
    margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-1 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse:0;
    margin-right:calc(0.25rem * var(--tw-space-x-reverse));
    margin-left:calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-4 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse:0;
    margin-right:calc(1rem * var(--tw-space-x-reverse));
    margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}

.divide-y > :not([hidden]) ~ :not([hidden]){
    --tw-divide-y-reverse:0;
    border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    border-bottom-width:calc(1px * var(--tw-divide-y-reverse));
}

.divide-x > :not([hidden]) ~ :not([hidden]){
    --tw-divide-x-reverse:0;
    border-right-width:calc(1px * var(--tw-divide-x-reverse));
    border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)));
}

.divide-gray-700 > :not([hidden]) ~ :not([hidden]){
    --tw-divide-opacity:1;
    border-color:rgb(55 65 81 / var(--tw-divide-opacity));
}

.divide-gray-900\/5 > :not([hidden]) ~ :not([hidden]){
    border-color:rgb(17 24 39 / 0.05);
}

.divide-gray-900\/10 > :not([hidden]) ~ :not([hidden]){
    border-color:rgb(17 24 39 / 0.1);
}

.overflow-auto{
    overflow:auto;
}

.overflow-hidden{
    overflow:hidden;
}

.overflow-visible{
    overflow:visible;
}

.overflow-x-auto{
    overflow-x:auto;
}

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

.truncate{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.rounded-full{
    border-radius:9999px;
}

.rounded-3xl{
    border-radius:1.5rem;
}

.rounded-xl{
    border-radius:0.75rem;
}

.rounded{
    border-radius:0.25rem;
}

.rounded-md{
    border-radius:0.375rem;
}

.rounded-lg{
    border-radius:0.5rem;
}

.rounded-none{
    border-radius:0px;
}

.rounded-r-lg{
    border-top-right-radius:0.5rem;
    border-bottom-right-radius:0.5rem;
}

.rounded-l-xl{
    border-top-left-radius:0.75rem;
    border-bottom-left-radius:0.75rem;
}

.rounded-r-xl{
    border-top-right-radius:0.75rem;
    border-bottom-right-radius:0.75rem;
}

.rounded-tr-lg{
    border-top-right-radius:0.5rem;
}

.rounded-bl-lg{
    border-bottom-left-radius:0.5rem;
}

.border-2{
    border-width:2px;
}

.border{
    border-width:1px;
}

.border-0{
    border-width:0px;
}

.border-4{
    border-width:4px;
}

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

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

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

.border-white{
    --tw-border-opacity:1;
    border-color:rgb(255 255 255 / var(--tw-border-opacity));
}

.border-black{
    --tw-border-opacity:1;
    border-color:rgb(0 0 0 / var(--tw-border-opacity));
}

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

.border-gray-300{
    --tw-border-opacity:1;
    border-color:rgb(209 213 219 / var(--tw-border-opacity));
}

.border-gray-800{
    --tw-border-opacity:1;
    border-color:rgb(31 41 55 / var(--tw-border-opacity));
}

.border-gray-700{
    --tw-border-opacity:1;
    border-color:rgb(55 65 81 / var(--tw-border-opacity));
}

.border-gray-900\/10{
    border-color:rgb(17 24 39 / 0.1);
}

.bg-gch-blue{
    --tw-bg-opacity:1;
    background-color:rgb(57 255 243 / var(--tw-bg-opacity));
}

.bg-\[\#000000\]{
    --tw-bg-opacity:1;
    background-color:rgb(0 0 0 / var(--tw-bg-opacity));
}

.bg-black\/25{
    background-color:rgb(0 0 0 / 0.25);
}

.bg-black{
    --tw-bg-opacity:1;
    background-color:rgb(0 0 0 / var(--tw-bg-opacity));
}

.bg-black\/30{
    background-color:rgb(0 0 0 / 0.3);
}

.bg-white{
    --tw-bg-opacity:1;
    background-color:rgb(255 255 255 / var(--tw-bg-opacity));
}

.bg-orange-900{
    --tw-bg-opacity:1;
    background-color:rgb(124 45 18 / var(--tw-bg-opacity));
}

.bg-gray-100{
    --tw-bg-opacity:1;
    background-color:rgb(243 244 246 / var(--tw-bg-opacity));
}

.bg-\[\#292933\]{
    --tw-bg-opacity:1;
    background-color:rgb(41 41 51 / var(--tw-bg-opacity));
}

.bg-\[\#DFE3F2\]{
    --tw-bg-opacity:1;
    background-color:rgb(223 227 242 / var(--tw-bg-opacity));
}

.bg-yellow-300{
    --tw-bg-opacity:1;
    background-color:rgb(253 224 71 / var(--tw-bg-opacity));
}

.bg-green-300{
    --tw-bg-opacity:1;
    background-color:rgb(134 239 172 / var(--tw-bg-opacity));
}

.bg-red-300{
    --tw-bg-opacity:1;
    background-color:rgb(252 165 165 / var(--tw-bg-opacity));
}

.bg-\[\#00e1ff\]{
    --tw-bg-opacity:1;
    background-color:rgb(0 225 255 / var(--tw-bg-opacity));
}

.bg-green-500{
    --tw-bg-opacity:1;
    background-color:rgb(34 197 94 / var(--tw-bg-opacity));
}

.bg-orange-500{
    --tw-bg-opacity:1;
    background-color:rgb(249 115 22 / var(--tw-bg-opacity));
}

.bg-purple-500{
    --tw-bg-opacity:1;
    background-color:rgb(168 85 247 / var(--tw-bg-opacity));
}

.bg-emerald-500{
    --tw-bg-opacity:1;
    background-color:rgb(16 185 129 / var(--tw-bg-opacity));
}

.bg-rose-500{
    --tw-bg-opacity:1;
    background-color:rgb(244 63 94 / var(--tw-bg-opacity));
}

.bg-sky-500{
    --tw-bg-opacity:1;
    background-color:rgb(14 165 233 / var(--tw-bg-opacity));
}

.bg-yellow-500{
    --tw-bg-opacity:1;
    background-color:rgb(234 179 8 / var(--tw-bg-opacity));
}

.bg-teal-500{
    --tw-bg-opacity:1;
    background-color:rgb(20 184 166 / var(--tw-bg-opacity));
}

.bg-blue-500{
    --tw-bg-opacity:1;
    background-color:rgb(59 130 246 / var(--tw-bg-opacity));
}

.bg-indigo-500{
    --tw-bg-opacity:1;
    background-color:rgb(99 102 241 / var(--tw-bg-opacity));
}

.bg-gray-900{
    --tw-bg-opacity:1;
    background-color:rgb(17 24 39 / var(--tw-bg-opacity));
}

.bg-\[\#f72f43\]{
    --tw-bg-opacity:1;
    background-color:rgb(247 47 67 / var(--tw-bg-opacity));
}

.bg-gray-200{
    --tw-bg-opacity:1;
    background-color:rgb(229 231 235 / var(--tw-bg-opacity));
}

.bg-gray-400{
    --tw-bg-opacity:1;
    background-color:rgb(156 163 175 / var(--tw-bg-opacity));
}

.bg-gray-900\/80{
    background-color:rgb(17 24 39 / 0.8);
}

.bg-blrk-red{
    --tw-bg-opacity:1;
    background-color:rgb(230 35 73 / var(--tw-bg-opacity));
}

.bg-gray-700{
    --tw-bg-opacity:1;
    background-color:rgb(55 65 81 / var(--tw-bg-opacity));
}

.bg-red-400{
    --tw-bg-opacity:1;
    background-color:rgb(248 113 113 / var(--tw-bg-opacity));
}

.bg-red-500{
    --tw-bg-opacity:1;
    background-color:rgb(239 68 68 / var(--tw-bg-opacity));
}

.bg-gray-800{
    --tw-bg-opacity:1;
    background-color:rgb(31 41 55 / var(--tw-bg-opacity));
}

.bg-indigo-600{
    --tw-bg-opacity:1;
    background-color:rgb(79 70 229 / var(--tw-bg-opacity));
}

.\!bg-sky-500{
    --tw-bg-opacity:1 !important;
    background-color:rgb(14 165 233 / var(--tw-bg-opacity)) !important;
}

.bg-sky-600{
    --tw-bg-opacity:1;
    background-color:rgb(2 132 199 / var(--tw-bg-opacity));
}

.bg-blrk-blue{
    --tw-bg-opacity:1;
    background-color:rgb(20 65 148 / var(--tw-bg-opacity));
}

.bg-black\/50{
    background-color:rgb(0 0 0 / 0.5);
}

.bg-gray-50{
    --tw-bg-opacity:1;
    background-color:rgb(249 250 251 / var(--tw-bg-opacity));
}

.bg-gradient-to-r{
    background-image:linear-gradient(to right, var(--tw-gradient-stops));
}

.bg-gradient-to-tr{
    background-image:linear-gradient(to top right, var(--tw-gradient-stops));
}

.bg-gradient-to-br{
    background-image:linear-gradient(to bottom right, var(--tw-gradient-stops));
}

.bg-gradient-to-b{
    background-image:linear-gradient(to bottom, var(--tw-gradient-stops));
}

.bg-none{
    background-image:none;
}

.bg-gradient-to-t{
    background-image:linear-gradient(to top, var(--tw-gradient-stops));
}

.from-\[\#FFFF\]{
    --tw-gradient-from:#FFFF;
    --tw-gradient-to:rgb(255 255 255 / 0);
    --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-green-500{
    --tw-gradient-from:#22c55e;
    --tw-gradient-to:rgb(34 197 94 / 0);
    --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#39FFF3\]{
    --tw-gradient-from:#39FFF3;
    --tw-gradient-to:rgb(57 255 243 / 0);
    --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#0038FF\]{
    --tw-gradient-from:#0038FF;
    --tw-gradient-to:rgb(0 56 255 / 0);
    --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#56008F\]{
    --tw-gradient-from:#56008F;
    --tw-gradient-to:rgb(86 0 143 / 0);
    --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-white{
    --tw-gradient-from:#fff;
    --tw-gradient-to:rgb(255 255 255 / 0);
    --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#080A0B\]{
    --tw-gradient-from:#080A0B;
    --tw-gradient-to:rgb(8 10 11 / 0);
    --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-black\/50{
    --tw-gradient-from:rgb(0 0 0 / 0.5);
    --tw-gradient-to:rgb(0 0 0 / 0);
    --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-blrk-red{
    --tw-gradient-from:#E62349;
    --tw-gradient-to:rgb(230 35 73 / 0);
    --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-indigo-500{
    --tw-gradient-from:#6366f1;
    --tw-gradient-to:rgb(99 102 241 / 0);
    --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-blue-500{
    --tw-gradient-from:#3b82f6;
    --tw-gradient-to:rgb(59 130 246 / 0);
    --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#FDB71C\]{
    --tw-gradient-from:#FDB71C;
    --tw-gradient-to:rgb(253 183 28 / 0);
    --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#0066CC\]{
    --tw-gradient-from:#0066CC;
    --tw-gradient-to:rgb(0 102 204 / 0);
    --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-purple-800{
    --tw-gradient-from:#6b21a8;
    --tw-gradient-to:rgb(107 33 168 / 0);
    --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-pink-600{
    --tw-gradient-from:#db2777;
    --tw-gradient-to:rgb(219 39 119 / 0);
    --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-blue-600{
    --tw-gradient-from:#2563eb;
    --tw-gradient-to:rgb(37 99 235 / 0);
    --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#B00018\]{
    --tw-gradient-from:#B00018;
    --tw-gradient-to:rgb(176 0 24 / 0);
    --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#ED1462\]{
    --tw-gradient-from:#ED1462;
    --tw-gradient-to:rgb(237 20 98 / 0);
    --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-\[\#0D0089\]{
    --tw-gradient-from:#0D0089;
    --tw-gradient-to:rgb(13 0 137 / 0);
    --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}

.via-\[\#FF0000\]{
    --tw-gradient-to:rgb(255 0 0 / 0);
    --tw-gradient-stops:var(--tw-gradient-from), #FF0000, var(--tw-gradient-to);
}

.via-emerald-500{
    --tw-gradient-to:rgb(16 185 129 / 0);
    --tw-gradient-stops:var(--tw-gradient-from), #10b981, var(--tw-gradient-to);
}

.via-purple-500{
    --tw-gradient-to:rgb(168 85 247 / 0);
    --tw-gradient-stops:var(--tw-gradient-from), #a855f7, var(--tw-gradient-to);
}

.via-\[\#f40002\]{
    --tw-gradient-to:rgb(244 0 2 / 0);
    --tw-gradient-stops:var(--tw-gradient-from), #f40002, var(--tw-gradient-to);
}

.to-\[\#000000\]{
    --tw-gradient-to:#000000;
}

.to-sky-500{
    --tw-gradient-to:#0ea5e9;
}

.to-\[\#32C3F1\]{
    --tw-gradient-to:#32C3F1;
}

.to-\[\#0025A7\]{
    --tw-gradient-to:#0025A7;
}

.to-\[\#350058\]{
    --tw-gradient-to:#350058;
}

.to-\[\#D9D9D9\]{
    --tw-gradient-to:#D9D9D9;
}

.to-\[\#404040\]{
    --tw-gradient-to:#404040;
}

.to-pink-500{
    --tw-gradient-to:#ec4899;
}

.to-\[\#BF00A2\]{
    --tw-gradient-to:#BF00A2;
}

.to-emerald-500{
    --tw-gradient-to:#10b981;
}

.to-\[\#004C99\]{
    --tw-gradient-to:#004C99;
}

.to-fuchsia-900{
    --tw-gradient-to:#701a75;
}

.to-fuchsia-700{
    --tw-gradient-to:#a21caf;
}

.to-sky-300{
    --tw-gradient-to:#7dd3fc;
}

.to-\[\#5D000F\]{
    --tw-gradient-to:#5D000F;
}

.to-\[\#FF5498\]{
    --tw-gradient-to:#FF5498;
}

.to-\[\#24A9E2\]{
    --tw-gradient-to:#24A9E2;
}

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

.bg-clip-text{
    -webkit-background-clip:text;
            background-clip:text;
}

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

.\!fill-blrk-red{
    fill:#E62349 !important;
}

.fill-blrk-red{
    fill:#E62349;
}

.fill-black{
    fill:#000;
}

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

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

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

.object-center{
    -o-object-position:center;
       object-position:center;
}

.p-1{
    padding:0.25rem;
}

.p-4{
    padding:1rem;
}

.p-2{
    padding:0.5rem;
}

.p-8{
    padding:2rem;
}

.p-10{
    padding:2.5rem;
}

.p-6{
    padding:1.5rem;
}

.p-3{
    padding:0.75rem;
}

.p-1\.5{
    padding:0.375rem;
}

.p-2\.5{
    padding:0.625rem;
}

.px-4{
    padding-left:1rem;
    padding-right:1rem;
}

.py-36{
    padding-top:9rem;
    padding-bottom:9rem;
}

.px-3\.5{
    padding-left:0.875rem;
    padding-right:0.875rem;
}

.py-2\.5{
    padding-top:0.625rem;
    padding-bottom:0.625rem;
}

.px-3{
    padding-left:0.75rem;
    padding-right:0.75rem;
}

.py-2{
    padding-top:0.5rem;
    padding-bottom:0.5rem;
}

.px-12{
    padding-left:3rem;
    padding-right:3rem;
}

.py-5{
    padding-top:1.25rem;
    padding-bottom:1.25rem;
}

.py-20{
    padding-top:5rem;
    padding-bottom:5rem;
}

.py-10{
    padding-top:2.5rem;
    padding-bottom:2.5rem;
}

.py-32{
    padding-top:8rem;
    padding-bottom:8rem;
}

.py-60{
    padding-top:15rem;
    padding-bottom:15rem;
}

.py-8{
    padding-top:2rem;
    padding-bottom:2rem;
}

.py-4{
    padding-top:1rem;
    padding-bottom:1rem;
}

.py-1\.5{
    padding-top:0.375rem;
    padding-bottom:0.375rem;
}

.py-1{
    padding-top:0.25rem;
    padding-bottom:0.25rem;
}

.px-2{
    padding-left:0.5rem;
    padding-right:0.5rem;
}

.py-24{
    padding-top:6rem;
    padding-bottom:6rem;
}

.px-6{
    padding-left:1.5rem;
    padding-right:1.5rem;
}

.py-16{
    padding-top:4rem;
    padding-bottom:4rem;
}

.px-2\.5{
    padding-left:0.625rem;
    padding-right:0.625rem;
}

.py-0\.5{
    padding-top:0.125rem;
    padding-bottom:0.125rem;
}

.py-0{
    padding-top:0px;
    padding-bottom:0px;
}

.py-3{
    padding-top:0.75rem;
    padding-bottom:0.75rem;
}

.py-12{
    padding-top:3rem;
    padding-bottom:3rem;
}

.py-6{
    padding-top:1.5rem;
    padding-bottom:1.5rem;
}

.pt-20{
    padding-top:5rem;
}

.pt-6{
    padding-top:1.5rem;
}

.pb-6{
    padding-bottom:1.5rem;
}

.pb-3{
    padding-bottom:0.75rem;
}

.pl-3{
    padding-left:0.75rem;
}

.pr-10{
    padding-right:2.5rem;
}

.pt-5{
    padding-top:1.25rem;
}

.pl-2{
    padding-left:0.5rem;
}

.pt-3{
    padding-top:0.75rem;
}

.pt-40{
    padding-top:10rem;
}

.pb-8{
    padding-bottom:2rem;
}

.pt-16{
    padding-top:4rem;
}

.pt-8{
    padding-top:2rem;
}

.pl-4{
    padding-left:1rem;
}

.pr-2{
    padding-right:0.5rem;
}

.pl-10{
    padding-left:2.5rem;
}

.text-left{
    text-align:left;
}

.text-center{
    text-align:center;
}

.align-baseline{
    vertical-align:baseline;
}

.align-top{
    vertical-align:top;
}

.align-middle{
    vertical-align:middle;
}

.align-bottom{
    vertical-align:bottom;
}

.font-gch{
    font-family:microgramma-extended, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.font-decimamono{
    font-family:"Decima Mono", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.font-sans{
    font-family:"DC Mono", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.font-din{
    font-family:"DIN Pro", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.\!font-gch{
    font-family:microgramma-extended, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.text-3xl{
    font-size:1.875rem;
    line-height:2.25rem;
}

.text-sm{
    font-size:0.875rem;
    line-height:1.25rem;
}

.text-2xl{
    font-size:1.5rem;
    line-height:2rem;
}

.text-xs{
    font-size:0.75rem;
    line-height:1rem;
}

.text-xl{
    font-size:1.25rem;
    line-height:1.75rem;
}

.text-4xl{
    font-size:2.25rem;
    line-height:2.5rem;
}

.text-lg{
    font-size:1.125rem;
    line-height:1.75rem;
}

.text-6xl{
    font-size:3.75rem;
    line-height:1;
}

.text-5xl{
    font-size:3rem;
    line-height:1;
}

.text-base{
    font-size:1rem;
    line-height:1.5rem;
}

.font-medium{
    font-weight:500;
}

.font-semibold{
    font-weight:600;
}

.font-bold{
    font-weight:700;
}

.font-black{
    font-weight:900;
}

.font-extrabold{
    font-weight:800;
}

.font-normal{
    font-weight:400;
}

.uppercase{
    text-transform:uppercase;
}

.capitalize{
    text-transform:capitalize;
}

.italic{
    font-style:italic;
}

.leading-6{
    line-height:1.5rem;
}

.leading-3{
    line-height:.75rem;
}

.leading-none{
    line-height:1;
}

.leading-4{
    line-height:1rem;
}

.leading-8{
    line-height:2rem;
}

.leading-5{
    line-height:1.25rem;
}

.leading-9{
    line-height:2.25rem;
}

.leading-7{
    line-height:1.75rem;
}

.tracking-wide{
    letter-spacing:0.025em;
}

.tracking-wider{
    letter-spacing:0.05em;
}

.tracking-tight{
    letter-spacing:-0.025em;
}

.tracking-widest{
    letter-spacing:0.1em;
}

.text-\[\#FFFFFF\]{
    --tw-text-opacity:1;
    color:rgb(255 255 255 / var(--tw-text-opacity));
}

.text-white{
    --tw-text-opacity:1;
    color:rgb(255 255 255 / var(--tw-text-opacity));
}

.text-gch-blue{
    --tw-text-opacity:1;
    color:rgb(57 255 243 / var(--tw-text-opacity));
}

.text-black{
    --tw-text-opacity:1;
    color:rgb(0 0 0 / var(--tw-text-opacity));
}

.text-gray-100{
    --tw-text-opacity:1;
    color:rgb(243 244 246 / var(--tw-text-opacity));
}

.text-gray-900{
    --tw-text-opacity:1;
    color:rgb(17 24 39 / var(--tw-text-opacity));
}

.text-red-500{
    --tw-text-opacity:1;
    color:rgb(239 68 68 / var(--tw-text-opacity));
}

.text-\[\#f72f43\]{
    --tw-text-opacity:1;
    color:rgb(247 47 67 / var(--tw-text-opacity));
}

.text-\[\#00e1ff\]{
    --tw-text-opacity:1;
    color:rgb(0 225 255 / var(--tw-text-opacity));
}

.text-gray-300{
    --tw-text-opacity:1;
    color:rgb(209 213 219 / var(--tw-text-opacity));
}

.text-emerald-500{
    --tw-text-opacity:1;
    color:rgb(16 185 129 / var(--tw-text-opacity));
}

.text-indigo-600{
    --tw-text-opacity:1;
    color:rgb(79 70 229 / var(--tw-text-opacity));
}

.text-green-500{
    --tw-text-opacity:1;
    color:rgb(34 197 94 / var(--tw-text-opacity));
}

.text-gray-600{
    --tw-text-opacity:1;
    color:rgb(75 85 99 / var(--tw-text-opacity));
}

.text-gray-800{
    --tw-text-opacity:1;
    color:rgb(31 41 55 / var(--tw-text-opacity));
}

.text-blue-600{
    --tw-text-opacity:1;
    color:rgb(37 99 235 / var(--tw-text-opacity));
}

.text-blrk-red{
    --tw-text-opacity:1;
    color:rgb(230 35 73 / var(--tw-text-opacity));
}

.text-gray-400{
    --tw-text-opacity:1;
    color:rgb(156 163 175 / var(--tw-text-opacity));
}

.text-transparent{
    color:transparent;
}

.text-rose-500{
    --tw-text-opacity:1;
    color:rgb(244 63 94 / var(--tw-text-opacity));
}

.text-blue-500{
    --tw-text-opacity:1;
    color:rgb(59 130 246 / var(--tw-text-opacity));
}

.text-\[\#1877f2\]{
    --tw-text-opacity:1;
    color:rgb(24 119 242 / var(--tw-text-opacity));
}

.text-\[\#9146FF\]{
    --tw-text-opacity:1;
    color:rgb(145 70 255 / var(--tw-text-opacity));
}

.text-\[\#FE2C55\]{
    --tw-text-opacity:1;
    color:rgb(254 44 85 / var(--tw-text-opacity));
}

.text-\[\#ff0000\]{
    --tw-text-opacity:1;
    color:rgb(255 0 0 / var(--tw-text-opacity));
}

.text-\[\#1d9bf0\]{
    --tw-text-opacity:1;
    color:rgb(29 155 240 / var(--tw-text-opacity));
}

.text-gray-200{
    --tw-text-opacity:1;
    color:rgb(229 231 235 / var(--tw-text-opacity));
}

.text-gray-500{
    --tw-text-opacity:1;
    color:rgb(107 114 128 / var(--tw-text-opacity));
}

.text-gray-700{
    --tw-text-opacity:1;
    color:rgb(55 65 81 / var(--tw-text-opacity));
}

.text-\[\#ffffff\]{
    --tw-text-opacity:1;
    color:rgb(255 255 255 / var(--tw-text-opacity));
}

.underline{
    text-decoration-line:underline;
}

.decoration-2{
    text-decoration-thickness:2px;
}

.underline-offset-2{
    text-underline-offset:2px;
}

.antialiased{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

.opacity-60{
    opacity:0.6;
}

.opacity-30{
    opacity:0.3;
}

.opacity-0{
    opacity:0;
}

.opacity-100{
    opacity:1;
}

.opacity-75{
    opacity:0.75;
}

.shadow-sm{
    --tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);
    box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-xl{
    --tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-lg{
    --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow{
    --tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-2xl{
    --tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);
    --tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);
    box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-inner{
    --tw-shadow:inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
    --tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color);
    box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.outline-none{
    outline:2px solid transparent;
    outline-offset:2px;
}

.outline{
    outline-style:solid;
}

.ring-8{
    --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(8px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-1{
    --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-2{
    --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.ring-inset{
    --tw-ring-inset:inset;
}

.ring-white{
    --tw-ring-opacity:1;
    --tw-ring-color:rgb(255 255 255 / var(--tw-ring-opacity));
}

.ring-gray-300{
    --tw-ring-opacity:1;
    --tw-ring-color:rgb(209 213 219 / var(--tw-ring-opacity));
}

.ring-offset-gray-900{
    --tw-ring-offset-color:#111827;
}

.filter{
    filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.backdrop-blur-lg{
    --tw-backdrop-blur:blur(16px);
    -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
            backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.backdrop-blur-sm{
    --tw-backdrop-blur:blur(4px);
    -webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
            backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.transition-opacity{
    transition-property:opacity;
    transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration:150ms;
}

.transition-transform{
    transition-property:transform;
    transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration:150ms;
}

.transition{
    transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration:150ms;
}

.duration-300{
    transition-duration:300ms;
}

.duration-100{
    transition-duration:100ms;
}

.duration-200{
    transition-duration:200ms;
}

.duration-150{
    transition-duration:150ms;
}

.ease-linear{
    transition-timing-function:linear;
}

.ease-in-out{
    transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
}

.ease-out{
    transition-timing-function:cubic-bezier(0, 0, 0.2, 1);
}

.ease-in{
    transition-timing-function:cubic-bezier(0.4, 0, 1, 1);
}

.text-outline-\31-black{
    -webkit-text-stroke-width:1px;
    -webkit-text-stroke-color:#000;
    text-stroke-width:1px;
    text-stroke-color:#000;
    --tw-text-opacity:1;
    -webkit-text-fill-color:transparent;
}

.text-outline-\31-white{
    -webkit-text-stroke-width:1px;
    -webkit-text-stroke-color:#fff;
    text-stroke-width:1px;
    text-stroke-color:#fff;
    --tw-text-opacity:1;
    -webkit-text-fill-color:transparent;
}

.\[mask-image\:radial-gradient\(closest-side\2c white\2c transparent\)\]{
    -webkit-mask-image:radial-gradient(closest-side,white,transparent);
            mask-image:radial-gradient(closest-side,white,transparent);
}

.placeholder\:text-gray-400::-moz-placeholder{
    --tw-text-opacity:1;
    color:rgb(156 163 175 / var(--tw-text-opacity));
}

.placeholder\:text-gray-400::placeholder{
    --tw-text-opacity:1;
    color:rgb(156 163 175 / var(--tw-text-opacity));
}

.focus-within\:z-10:focus-within{
    z-index:10;
}

.hover\:-translate-y-1:hover{
    --tw-translate-y:-0.25rem;
    transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:scale-110:hover{
    --tw-scale-x:1.1;
    --tw-scale-y:1.1;
    transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:bg-white:hover{
    --tw-bg-opacity:1;
    background-color:rgb(255 255 255 / var(--tw-bg-opacity));
}

.hover\:bg-black:hover{
    --tw-bg-opacity:1;
    background-color:rgb(0 0 0 / var(--tw-bg-opacity));
}

.hover\:bg-yellow-400:hover{
    --tw-bg-opacity:1;
    background-color:rgb(250 204 21 / var(--tw-bg-opacity));
}

.hover\:bg-indigo-500:hover{
    --tw-bg-opacity:1;
    background-color:rgb(99 102 241 / var(--tw-bg-opacity));
}

.hover\:bg-white\/\[0\.12\]:hover{
    background-color:rgb(255 255 255 / 0.12);
}

.hover\:bg-gray-700:hover{
    --tw-bg-opacity:1;
    background-color:rgb(55 65 81 / var(--tw-bg-opacity));
}

.hover\:bg-sky-600:hover{
    --tw-bg-opacity:1;
    background-color:rgb(2 132 199 / var(--tw-bg-opacity));
}

.hover\:bg-black\/60:hover{
    background-color:rgb(0 0 0 / 0.6);
}

.hover\:bg-gray-100:hover{
    --tw-bg-opacity:1;
    background-color:rgb(243 244 246 / var(--tw-bg-opacity));
}

.hover\:bg-gray-900:hover{
    --tw-bg-opacity:1;
    background-color:rgb(17 24 39 / var(--tw-bg-opacity));
}

.hover\:from-sky-500:hover{
    --tw-gradient-from:#0ea5e9;
    --tw-gradient-to:rgb(14 165 233 / 0);
    --tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);
}

.hover\:to-sky-500:hover{
    --tw-gradient-to:#0ea5e9;
}

.hover\:text-black:hover{
    --tw-text-opacity:1;
    color:rgb(0 0 0 / var(--tw-text-opacity));
}

.hover\:text-white:hover{
    --tw-text-opacity:1;
    color:rgb(255 255 255 / var(--tw-text-opacity));
}

.hover\:text-gray-100:hover{
    --tw-text-opacity:1;
    color:rgb(243 244 246 / var(--tw-text-opacity));
}

.hover\:text-gray-300:hover{
    --tw-text-opacity:1;
    color:rgb(209 213 219 / var(--tw-text-opacity));
}

.hover\:underline:hover{
    text-decoration-line:underline;
}

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

.focus\:border-sky-500:focus{
    --tw-border-opacity:1;
    border-color:rgb(14 165 233 / var(--tw-border-opacity));
}

.focus\:outline-none:focus{
    outline:2px solid transparent;
    outline-offset:2px;
}

.focus\:ring-2:focus{
    --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-0:focus{
    --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-inset:focus{
    --tw-ring-inset:inset;
}

.focus\:ring-indigo-600:focus{
    --tw-ring-opacity:1;
    --tw-ring-color:rgb(79 70 229 / var(--tw-ring-opacity));
}

.focus\:ring-sky-500:focus{
    --tw-ring-opacity:1;
    --tw-ring-color:rgb(14 165 233 / var(--tw-ring-opacity));
}

.focus\:ring-gch-blue:focus{
    --tw-ring-opacity:1;
    --tw-ring-color:rgb(57 255 243 / var(--tw-ring-opacity));
}

.focus\:ring-offset-2:focus{
    --tw-ring-offset-width:2px;
}

.focus-visible\:outline:focus-visible{
    outline-style:solid;
}

.focus-visible\:outline-2:focus-visible{
    outline-width:2px;
}

.focus-visible\:outline-offset-2:focus-visible{
    outline-offset:2px;
}

.focus-visible\:outline-indigo-600:focus-visible{
    outline-color:#4f46e5;
}

.focus-visible\:ring-2:focus-visible{
    --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus-visible\:ring-white:focus-visible{
    --tw-ring-opacity:1;
    --tw-ring-color:rgb(255 255 255 / var(--tw-ring-opacity));
}

.focus-visible\:ring-opacity-75:focus-visible{
    --tw-ring-opacity:0.75;
}

.disabled\:opacity-30:disabled{
    opacity:0.3;
}

.group:hover .group-hover\:block{
    display:block;
}

.group:hover .group-hover\:bg-white{
    --tw-bg-opacity:1;
    background-color:rgb(255 255 255 / var(--tw-bg-opacity));
}

.group:hover .group-hover\:text-indigo-600{
    --tw-text-opacity:1;
    color:rgb(79 70 229 / var(--tw-text-opacity));
}

.group:hover .group-hover\:opacity-100{
    opacity:1;
}

.peer:focus ~ .peer-focus\:border-t-2{
    border-top-width:2px;
}

.peer:focus ~ .peer-focus\:border-gch-blue{
    --tw-border-opacity:1;
    border-color:rgb(57 255 243 / var(--tw-border-opacity));
}

.dark .dark\:bg-gray-800{
    --tw-bg-opacity:1;
    background-color:rgb(31 41 55 / var(--tw-bg-opacity));
}

.dark .dark\:text-gray-400{
    --tw-text-opacity:1;
    color:rgb(156 163 175 / var(--tw-text-opacity));
}

@media (min-width: 640px){

    .sm\:mr-3{
        margin-right:0.75rem;
    }

    .sm\:mt-20{
        margin-top:5rem;
    }

    .sm\:ml-4{
        margin-left:1rem;
    }

    .sm\:mt-0{
        margin-top:0px;
    }

    .sm\:flex{
        display:flex;
    }

    .sm\:grid{
        display:grid;
    }

    .sm\:h-full{
        height:100%;
    }

    .sm\:w-56{
        width:14rem;
    }

    .sm\:max-w-xl{
        max-width:36rem;
    }

    .sm\:max-w-3xl{
        max-width:48rem;
    }

    .sm\:max-w-2xl{
        max-width:42rem;
    }

    .sm\:max-w-md{
        max-width:28rem;
    }

    .sm\:max-w-sm{
        max-width:24rem;
    }

    .sm\:flex-shrink-0{
        flex-shrink:0;
    }

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

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

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

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

    .sm\:gap-2{
        gap:0.5rem;
    }

    .sm\:gap-3{
        gap:0.75rem;
    }

    .sm\:gap-x-10{
        -moz-column-gap:2.5rem;
             column-gap:2.5rem;
    }

    .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]){
        --tw-space-y-reverse:0;
        margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom:calc(0px * var(--tw-space-y-reverse));
    }

    .sm\:space-x-10 > :not([hidden]) ~ :not([hidden]){
        --tw-space-x-reverse:0;
        margin-right:calc(2.5rem * var(--tw-space-x-reverse));
        margin-left:calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
    }

    .sm\:space-y-4 > :not([hidden]) ~ :not([hidden]){
        --tw-space-y-reverse:0;
        margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom:calc(1rem * var(--tw-space-y-reverse));
    }

    .sm\:p-6{
        padding:1.5rem;
    }

    .sm\:p-12{
        padding:3rem;
    }

    .sm\:p-10{
        padding:2.5rem;
    }

    .sm\:p-3{
        padding:0.75rem;
    }

    .sm\:px-6{
        padding-left:1.5rem;
        padding-right:1.5rem;
    }

    .sm\:py-32{
        padding-top:8rem;
        padding-bottom:8rem;
    }

    .sm\:px-16{
        padding-left:4rem;
        padding-right:4rem;
    }

    .sm\:py-36{
        padding-top:9rem;
        padding-bottom:9rem;
    }

    .sm\:pl-3{
        padding-left:0.75rem;
    }

    .sm\:pt-0{
        padding-top:0px;
    }

    .sm\:pt-24{
        padding-top:6rem;
    }

    .sm\:text-left{
        text-align:left;
    }

    .sm\:text-5xl{
        font-size:3rem;
        line-height:1;
    }

    .sm\:text-4xl{
        font-size:2.25rem;
        line-height:2.5rem;
    }

    .sm\:text-3xl{
        font-size:1.875rem;
        line-height:2.25rem;
    }

    .sm\:text-2xl{
        font-size:1.5rem;
        line-height:2rem;
    }

    .sm\:text-6xl{
        font-size:3.75rem;
        line-height:1;
    }

    .sm\:text-sm{
        font-size:0.875rem;
        line-height:1.25rem;
    }

    .sm\:leading-normal{
        line-height:1.5;
    }

    .sm\:leading-6{
        line-height:1.5rem;
    }

    .sm\:ring-1{
        --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
        --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
        box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
    }

    .sm\:ring-gray-900\/10{
        --tw-ring-color:rgb(17 24 39 / 0.1);
    }
}

@media (min-width: 768px){

    .md\:top-20{
        top:5rem;
    }

    .md\:order-2{
        order:2;
    }

    .md\:order-1{
        order:1;
    }

    .md\:col-span-4{
        grid-column:span 4 / span 4;
    }

    .md\:col-start-3{
        grid-column-start:3;
    }

    .md\:col-start-6{
        grid-column-start:6;
    }

    .md\:col-start-1{
        grid-column-start:1;
    }

    .md\:m-20{
        margin:5rem;
    }

    .md\:mb-0{
        margin-bottom:0px;
    }

    .md\:ml-auto{
        margin-left:auto;
    }

    .md\:mr-96{
        margin-right:24rem;
    }

    .md\:mt-20{
        margin-top:5rem;
    }

    .md\:mt-0{
        margin-top:0px;
    }

    .md\:ml-5{
        margin-left:1.25rem;
    }

    .md\:block{
        display:block;
    }

    .md\:flex{
        display:flex;
    }

    .md\:grid{
        display:grid;
    }

    .md\:hidden{
        display:none;
    }

    .md\:aspect-auto{
        aspect-ratio:auto;
    }

    .md\:h-screen{
        height:100vh;
    }

    .md\:h-full{
        height:100%;
    }

    .md\:h-16{
        height:4rem;
    }

    .md\:h-20{
        height:5rem;
    }

    .md\:h-64{
        height:16rem;
    }

    .md\:min-h-screen{
        min-height:100vh;
    }

    .md\:w-1\/3{
        width:33.333333%;
    }

    .md\:w-1\/2{
        width:50%;
    }

    .md\:w-\[45\%\]{
        width:45%;
    }

    .md\:w-16{
        width:4rem;
    }

    .md\:w-20{
        width:5rem;
    }

    .md\:w-64{
        width:16rem;
    }

    .md\:max-w-xl{
        max-width:36rem;
    }

    .md\:shrink-0{
        flex-shrink:0;
    }

    .md\:grow{
        flex-grow:1;
    }

    .md\:-translate-x-full{
        --tw-translate-x:-100%;
        transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

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

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

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

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

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

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

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

    .md\:grid-rows-5{
        grid-template-rows:repeat(5, minmax(0, 1fr));
    }

    .md\:flex-row{
        flex-direction:row;
    }

    .md\:flex-row-reverse{
        flex-direction:row-reverse;
    }

    .md\:flex-col{
        flex-direction:column;
    }

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

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

    .md\:justify-end{
        justify-content:flex-end;
    }

    .md\:justify-center{
        justify-content:center;
    }

    .md\:justify-between{
        justify-content:space-between;
    }

    .md\:gap-20{
        gap:5rem;
    }

    .md\:gap-10{
        gap:2.5rem;
    }

    .md\:gap-12{
        gap:3rem;
    }

    .md\:gap-8{
        gap:2rem;
    }

    .md\:gap-6{
        gap:1.5rem;
    }

    .md\:gap-x-10{
        -moz-column-gap:2.5rem;
             column-gap:2.5rem;
    }

    .md\:gap-y-10{
        row-gap:2.5rem;
    }

    .md\:space-y-0 > :not([hidden]) ~ :not([hidden]){
        --tw-space-y-reverse:0;
        margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom:calc(0px * var(--tw-space-y-reverse));
    }

    .md\:divide-y-0 > :not([hidden]) ~ :not([hidden]){
        --tw-divide-y-reverse:0;
        border-top-width:calc(0px * calc(1 - var(--tw-divide-y-reverse)));
        border-bottom-width:calc(0px * var(--tw-divide-y-reverse));
    }

    .md\:overflow-x-auto{
        overflow-x:auto;
    }

    .md\:rounded-bl-3xl{
        border-bottom-left-radius:1.5rem;
    }

    .md\:rounded-tr-3xl{
        border-top-right-radius:1.5rem;
    }

    .md\:p-20{
        padding:5rem;
    }

    .md\:p-10{
        padding:2.5rem;
    }

    .md\:py-36{
        padding-top:9rem;
        padding-bottom:9rem;
    }

    .md\:text-6xl{
        font-size:3.75rem;
        line-height:1;
    }

    .md\:text-lg{
        font-size:1.125rem;
        line-height:1.75rem;
    }

    .md\:text-5xl{
        font-size:3rem;
        line-height:1;
    }

    .md\:text-4xl{
        font-size:2.25rem;
        line-height:2.5rem;
    }

    .md\:text-2xl{
        font-size:1.5rem;
        line-height:2rem;
    }

    .md\:text-8xl{
        font-size:6rem;
        line-height:1;
    }

    .md\:text-7xl{
        font-size:4.5rem;
        line-height:1;
    }

    .md\:text-3xl{
        font-size:1.875rem;
        line-height:2.25rem;
    }

    .md\:opacity-50{
        opacity:0.5;
    }

    .group:hover .md\:group-hover\:w-1\/2{
        width:50%;
    }

    .group:hover .md\:group-hover\:translate-x-0{
        --tw-translate-x:0px;
        transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }
}

@media (min-width: 1024px){

    .lg\:absolute{
        position:absolute;
    }

    .lg\:sticky{
        position:sticky;
    }

    .lg\:-inset-y-10{
        top:-2.5rem;
        bottom:-2.5rem;
    }

    .lg\:right-0{
        right:0px;
    }

    .lg\:-bottom-32{
        bottom:-8rem;
    }

    .lg\:-top-48{
        top:-12rem;
    }

    .lg\:order-2{
        order:2;
    }

    .lg\:order-1{
        order:1;
    }

    .lg\:order-last{
        order:9999;
    }

    .lg\:col-span-1{
        grid-column:span 1 / span 1;
    }

    .lg\:col-span-2{
        grid-column:span 2 / span 2;
    }

    .lg\:col-start-3{
        grid-column-start:3;
    }

    .lg\:m-0{
        margin:0px;
    }

    .lg\:mx-auto{
        margin-left:auto;
        margin-right:auto;
    }

    .lg\:mr-96{
        margin-right:24rem;
    }

    .lg\:-mr-12{
        margin-right:-3rem;
    }

    .lg\:mb-0{
        margin-bottom:0px;
    }

    .lg\:mt-24{
        margin-top:6rem;
    }

    .lg\:mt-0{
        margin-top:0px;
    }

    .lg\:block{
        display:block;
    }

    .lg\:flex{
        display:flex;
    }

    .lg\:grid{
        display:grid;
    }

    .lg\:hidden{
        display:none;
    }

    .lg\:h-full{
        height:100%;
    }

    .lg\:min-h-\[60vh\]{
        min-height:60vh;
    }

    .lg\:w-96{
        width:24rem;
    }

    .lg\:w-5\/12{
        width:41.666667%;
    }

    .lg\:w-6\/12{
        width:50%;
    }

    .lg\:max-w-7xl{
        max-width:80rem;
    }

    .lg\:max-w-none{
        max-width:none;
    }

    .lg\:max-w-3xl{
        max-width:48rem;
    }

    .lg\:flex-1{
        flex:1 1 0%;
    }

    .lg\:basis-1\/5{
        flex-basis:20%;
    }

    .lg\:basis-3\/4{
        flex-basis:75%;
    }

    .lg\:basis-1\/4{
        flex-basis:25%;
    }

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

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

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

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

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

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

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

    .lg\:flex-row{
        flex-direction:row;
    }

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

    .lg\:justify-end{
        justify-content:flex-end;
    }

    .lg\:justify-between{
        justify-content:space-between;
    }

    .lg\:gap-8{
        gap:2rem;
    }

    .lg\:gap-5{
        gap:1.25rem;
    }

    .lg\:gap-2{
        gap:0.5rem;
    }

    .lg\:gap-x-10{
        -moz-column-gap:2.5rem;
             column-gap:2.5rem;
    }

    .lg\:gap-x-12{
        -moz-column-gap:3rem;
             column-gap:3rem;
    }

    .lg\:space-x-10 > :not([hidden]) ~ :not([hidden]){
        --tw-space-x-reverse:0;
        margin-right:calc(2.5rem * var(--tw-space-x-reverse));
        margin-left:calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
    }

    .lg\:space-y-3 > :not([hidden]) ~ :not([hidden]){
        --tw-space-y-reverse:0;
        margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom:calc(0.75rem * var(--tw-space-y-reverse));
    }

    .lg\:p-0{
        padding:0px;
    }

    .lg\:p-6{
        padding:1.5rem;
    }

    .lg\:p-2{
        padding:0.5rem;
    }

    .lg\:px-8{
        padding-left:2rem;
        padding-right:2rem;
    }

    .lg\:py-24{
        padding-top:6rem;
        padding-bottom:6rem;
    }

    .lg\:px-0{
        padding-left:0px;
        padding-right:0px;
    }

    .lg\:py-6{
        padding-top:1.5rem;
        padding-bottom:1.5rem;
    }

    .lg\:pl-8{
        padding-left:2rem;
    }

    .lg\:pt-32{
        padding-top:8rem;
    }

    .lg\:text-2xl{
        font-size:1.5rem;
        line-height:2rem;
    }

    .lg\:text-lg{
        font-size:1.125rem;
        line-height:1.75rem;
    }

    .lg\:text-7xl{
        font-size:4.5rem;
        line-height:1;
    }

    .lg\:text-5xl{
        font-size:3rem;
        line-height:1;
    }
}

@media (min-width: 1280px){

    .xl\:col-span-2{
        grid-column:span 2 / span 2;
    }

    .xl\:mt-0{
        margin-top:0px;
    }

    .xl\:grid{
        display:grid;
    }

    .xl\:max-w-none{
        max-width:none;
    }

    .xl\:basis-1\/6{
        flex-basis:16.666667%;
    }

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

    .xl\:gap-8{
        gap:2rem;
    }

    .xl\:gap-6{
        gap:1.5rem;
    }
}