@charset "UTF-8";
:root {
    --color-primary: rgba(123, 104, 238, 1);
    --color-primary-inverse: rgba(255, 255, 255, 1);
    --font-heading: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
    --font-text: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
    --spacer: 1rem;
    --transition-translate-factor: 0.125;
    --transition-rotate-factor: -4deg;
    --transition-scale-factor: 0.05;
    --transition-skew-factor: -4deg;
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

main {
    display: block;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
:target {
padding-top: 58px;
margin-top: -58px;
display: inline-block;
}

img {
  box-shadow: 3px 3px 8px rgba(123, 104, 238, 0.1999999999999);
  border-radius: 8px;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

a {
    background-color: transparent;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

b,
strong {
    font-weight: bolder;
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

small {
    font-size: 80%;
}

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

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

img {
    border-style: none;
}

button,
input,
optgroup,
select,
.nesty-input,
.hc-multiselect-toggle,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button,
input {
    overflow: visible;
}

button,
select,
.nesty-input,
.hc-multiselect-toggle {
    text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

details {
    display: block;
}

summary {
    display: list-item;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

@-ms-viewport {
    width: device-width;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    font-size: 16px;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -ms-overflow-style: scrollbar;
    background-color: #F7F7F7;
    height: 100%;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
    color: #333333;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
}

html,
body {
    display: flex;
    flex-direction: column;
    flex: 1;
}

[role="main"] {
    flex-grow: 1;
}

article,
aside,
dialog,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
    display: block;
}

output {
    display: inline-block;
}

summary {
    display: list-item;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

[tabindex="-1"]:focus {
    outline: none !important;
}

a,
area,
button,
[role="button"],
input:not([type="range"]),
label,
select,
.nesty-input,
.hc-multiselect-toggle,
summary,
textarea {
    touch-action: manipulation;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin: 3rem 0 1rem;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
    line-height: 1.375;
    color: #041731;
}

h1,
.h1 {
    font-size: 1.875rem;
    font-weight: 700;
}

h2,
.h2 {
    font-size: 1.5rem;
    font-weight: 700;
}

h3,
.h3 {
    font-size: 1.25rem;
    font-weight: 700;
}

h4,
.h4 {
    font-size: 1.125rem;
    font-weight: 700;
}

h5,
.h5 {
    font-size: 1em;
    font-weight: 700;
}

h6,
.h6 {
    font-size: 0.875rem;
    font-weight: 700;
}

b,
strong {
    font-weight: 700;
}

em {
    padding: 0 0.25rem;
    background-color: #FAF089;
}

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

sub {
    bottom: -.25em;
}

sup {
    top: -.5em;
}

dfn {
    font-style: italic;
}

abbr[title],
abbr[data-original-title] {
    text-decoration: underline;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0;
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit;
}

small,
.small {
    font-size: 0.875rem;
}

mark {
    padding: .2rem;
    color: #333333;
    background-color: #FEFCBF;
}

blockquote {
    padding: 1.5em;
    margin: 0 0 1rem;
    border-style: solid;
    border-width: 0 0 0 4px;
    border-color: #e2e8f0;
}

summary {
    cursor: pointer;
    text-decoration: none;
}

pre,
code,
samp {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 0.875em;
}

code {
    padding: 0.25em;
    background-color: #EDF2F7;
    border-radius: 4px;
}

pre {
    padding: 1em;
    margin: 0 0 1rem;
    background-color: #f6fbff;
    overflow: auto;
    -ms-overflow-style: scrollbar;
}

pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    background-color: transparent;
}

kbd {
    display: inline-block;
    padding: 0 0.25em;
    color: #333333;
    background-color: #fff;
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: 0.875rem;
    text-align: center;
    user-select: none;
    border: 1px solid #e2e8f0;
    border-radius: 4px;
    box-shadow: 0 1px 0 #e2e8f0;
}

img {
    vertical-align: middle;
    border-style: none;
}

figure {
    display: inline-block;
    margin: 0 0 1rem;
    max-width: 100%;
}

figcaption {
    font-size: 90%;
    color: #718096;
}

svg:not(:root) {
    overflow: hidden;
}

a {
    color: rgba(92, 143, 220, 1);
    text-decoration: none;
    background-color: transparent;
}

a:hover {
    color: #4b83d8;
    text-decoration: underline;
}

a:active {
    color: #3a78d5;
}

a.is-disabled {
    color: #CBD5E0;
    pointer-events: none;
    cursor: not-allowed;
}

fieldset:disabled a {
    pointer-events: none;
}

a[href^="#fn:"],
a[href^="#fnref:"] {
    margin: 0 2px;
}

ol,
ul,
dl {
    margin: 0 0 0.5rem;
}

ol,
ul {
    padding: 0 0 0 1.5rem;
}

li {
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
}

dt {
    font-weight: bold;
}

dd {
    margin-bottom: 1rem;
    margin-left: 0;
}

input,
select,
.nesty-input,
.hc-multiselect-toggle,
textarea {
    line-height: inherit;
}

input::-webkit-file-upload-button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    font: inherit;
}

input[type="search"] {
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

select::-ms-expand,
.nesty-input::-ms-expand,
.hc-multiselect-toggle::-ms-expand {
    display: none;
}

textarea {
    overflow: auto;
    resize: vertical;
}

[type="date"],
[type="time"],
[type="datetime-local"],
[type="month"] {
    -webkit-appearance: listbox;
    -moz-appearance: listbox;
    appearance: listbox;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

button,
input {
    overflow: visible;
}

button,
select,
.nesty-input,
.hc-multiselect-toggle {
    text-transform: none;
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: 0.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal;
}

table {
    margin-bottom: 1rem;
    width: 100%;
    border-collapse: collapse;
}

thead {
    vertical-align: bottom;
  	background-color: #7B68EE;
  	color: white
}

th {
    top: 0;
    color: white;
  	text-align: left;
}

tr:first-child {
  	text-align: left;
    background-color: #7B68EE;
  	color: white;
  	font-weight: bold;
}

tbody tr:nth-child(2n) {
    background-color: #eee;
}

caption {
    text-align: left;
    caption-side: bottom;
}

.avatar {
    position: relative;
    display: inline-block;
    margin: 0 0.75rem 1rem 0;
    width: 3rem;
    min-width: 3rem;
    height: 3rem;
}

.avatar-img {
    border: 2px solid #fff;
    border-radius: 50%;
    max-width: 100%;
}

.avatar-sm {
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
}

.avatar-lg {
    width: 4rem;
    min-width: 4rem;
    height: 4rem;
}

.avatar-group {
    padding-left: 0;
    list-style: none;
}

.avatar-group .avatar:not(:last-child) {
    margin-right: -1rem;
}

.badge,
.recent-activity-item-parent {
    padding: 0.25em 0.375em;
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1;
    border-radius: 4px;
    text-align: right;
    white-space: nowrap;
    vertical-align: baseline;
    color: #1A202C;
    background-color: #EDF2F7;
    transition: 0.15s ease-in-out;
}

a.badge:focus,
a.recent-activity-item-parent:focus,
a.badge:hover,
a.recent-activity-item-parent:hover {
    color: #1A202C;
    background-color: #cad9e7;
}

a.badge:focus,
a.recent-activity-item-parent:focus,
a.badge.is-focused,
a.is-focused.recent-activity-item-parent {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(237, 242, 247, 0.25);
}

a.badge:focus,
a.recent-activity-item-parent:focus,
a.badge:hover,
a.recent-activity-item-parent:hover {
    text-decoration: none;
}

.badge:empty,
.recent-activity-item-parent:empty {
    display: none;
}

.badge,
.recent-activity-item-parent {
    position: relative;
    top: -1px;
}

.button {
    display: inline-block;
    padding: 0.5em 1.25em;
    font-weight: 600;
    line-height: 1.5;
    color: #333333;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid #e2e8f0;
    cursor: pointer;
    border-radius: 2rem;
    transition: 0.15s ease-in-out;
}

.button:hover {
    text-decoration: none;
}

.button:disabled,
.button.is-disabled {
    cursor: not-allowed;
    opacity: 0.65;
    box-shadow: none;
}

a.button.is-disabled,
fieldset:disabled a.button {
    pointer-events: none;
}

.button-link {
    color: rgba(92, 143, 220, 1);
    border-color: transparent;
    text-decoration: none;
}

.button-link:hover {
    color: #4b83d8;
    text-decoration: underline;
}

.button-link:focus {
    box-shadow: none;
}

.button-link:disabled,
.button-link.is-disabled {
    color: #CBD5E0;
    pointer-events: none;
}

.button-sm {
    padding: 0.5rem 1.5rem;
    font-size: 0.875rem;
}

.button-lg {
    padding: 0.5em 1.5em;
    font-size: 1.125rem;
}

.not-a-button {
    padding: 0.5em 0.5em 0.5em 1.5em !important;
    background: none;
    border: 0;
    color: inherit;
    font: inherit;
    user-select: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
   	white-space: nowrap ;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 275px !important;
}

.button-primary {
    color: rgba(255, 255, 255, 1);
    border-color: rgba(123, 104, 238, 1);
    background-color: rgba(123, 104, 238, 1);
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.button-primary:hover {
    color: rgba(255, 255, 255, 1);
    border-color: #6751eb;
    background-color: #6b56ec;
}

.button-primary:focus,
.button-primary.is-focused {
    outline: 0;
}

.button-primary:disabled,
.button-primary.is-disabled {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(123, 104, 238, 1);
    border-color: rgba(123, 104, 238, 1);
}

.button-primary:not(:disabled):not(.is-disabled):active,
.button-primary:not(:disabled):not(.is-disabled)[data-selected="true"],
.button-primary:not(:disabled):not(.is-disabled).is-active {
    color: rgba(255, 255, 255, 1);
    border-color: #533ae9;
    background-color: #5b43ea;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.button-outline:hover {
    color: rgba(123, 104, 238, 1);
    border-color: rgba(123, 104, 238, 1);
}

.button-outline:focus,
.button-outline.is-focused {
    outline: 0;
}

.button-outline:disabled,
.button-outline.is-disabled {
    color: #333333;
    border-color: #e2e8f0;
}

.button-outline:not(:disabled):not(.is-disabled):active,
.button-outline:not(:disabled):not(.is-disabled)[data-selected="true"],
.button-outline:not(:disabled):not(.is-disabled).is-active {
    color: #6b56ec;
    border-color: #6b56ec;
}

.button-outline-primary {
    color: rgba(123, 104, 238, 1);
    border-color: rgba(123, 104, 238, 1);
}

.button-outline-primary:hover {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(123, 104, 238, 1);
}

.button-outline-primary:focus,
.button-outline-primary.is-focused {
    outline: 0;
}

.button-outline-primary:disabled,
.button-outline-primary.is-disabled {
    color: #333333;
    border-color: #e2e8f0;
}

.button-outline-primary:not(:disabled):not(.is-disabled):active,
.button-outline-primary:not(:disabled):not(.is-disabled)[data-selected="true"],
.button-outline-primary:not(:disabled):not(.is-disabled).is-active {
    color: rgba(255, 255, 255, 1);
    border-color: #6b56ec;
    background-color: #6b56ec;
}

.button-secondary {
    color: rgba(255, 255, 255, 1);
    border-color: rgba(73, 204, 249, 1);
    background-color: rgba(73, 204, 249, 1);
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.button-secondary:hover {
    color: rgba(255, 255, 255, 1);
    border-color: #30c5f8;
    background-color: #35c6f8;
}

.button-secondary:focus,
.button-secondary.is-focused {
    outline: 0;
}

.button-secondary:disabled,
.button-secondary.is-disabled {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(73, 204, 249, 1);
    border-color: rgba(73, 204, 249, 1);
}

.button-secondary:not(:disabled):not(.is-disabled):active,
.button-secondary:not(:disabled):not(.is-disabled)[data-selected="true"],
.button-secondary:not(:disabled):not(.is-disabled).is-active {
    color: rgba(255, 255, 255, 1);
    border-color: #18bef7;
    background-color: #22c1f8;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.button-outline-secondary {
    color: rgba(73, 204, 249, 1);
    border-color: rgba(73, 204, 249, 1);
}

.button-outline-secondary:hover {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(73, 204, 249, 1);
}

.button-outline-secondary:focus,
.button-outline-secondary.is-focused {
    outline: 0;
}

.button-outline-secondary:disabled,
.button-outline-secondary.is-disabled {
    color: #333333;
    border-color: #e2e8f0;
}

.button-outline-secondary:not(:disabled):not(.is-disabled):active,
.button-outline-secondary:not(:disabled):not(.is-disabled)[data-selected="true"],
.button-outline-secondary:not(:disabled):not(.is-disabled).is-active {
    color: rgba(255, 255, 255, 1);
    border-color: #35c6f8;
    background-color: #35c6f8;
}

.button-tertiary {
    color: rgba(255, 255, 255, 1);
    border-color: rgba(123, 104, 238, 1);
    background-color: rgba(123, 104, 238, 1);
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.button-tertiary:hover {
    color: rgba(255, 255, 255, 1);
    border-color: #6751eb;
    background-color: #6b56ec;
}

.button-tertiary:focus,
.button-tertiary.is-focused {
    outline: 0;
}

.button-tertiary:disabled,
.button-tertiary.is-disabled {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(123, 104, 238, 1);
    border-color: rgba(123, 104, 238, 1);
}

.button-tertiary:not(:disabled):not(.is-disabled):active,
.button-tertiary:not(:disabled):not(.is-disabled)[data-selected="true"],
.button-tertiary:not(:disabled):not(.is-disabled).is-active {
    color: rgba(255, 255, 255, 1);
    border-color: #533ae9;
    background-color: #5b43ea;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.button-outline-tertiary {
    color: rgba(123, 104, 238, 1);
    border-color: rgba(123, 104, 238, 1);
}

.button-outline-tertiary:hover {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(123, 104, 238, 1);
}

.button-outline-tertiary:focus,
.button-outline-tertiary.is-focused {
    outline: 0;
}

.button-outline-tertiary:disabled,
.button-outline-tertiary.is-disabled {
    color: #333333;
    border-color: #e2e8f0;
}

.button-outline-tertiary:not(:disabled):not(.is-disabled):active,
.button-outline-tertiary:not(:disabled):not(.is-disabled)[data-selected="true"],
.button-outline-tertiary:not(:disabled):not(.is-disabled).is-active {
    color: rgba(255, 255, 255, 1);
    border-color: #6b56ec;
    background-color: #6b56ec;
}

.button-translucent {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.1);
    background-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.button-translucent:hover {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.125);
    background-color: rgba(255, 255, 255, 0.125);
}

.button-translucent:focus {
    outline: 0;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 0 0.2rem rgba(0, 114, 239, .25);
}

.button-translucent:not(:disabled):not(.is-disabled):active,
.button-translucent:not(:disabled):not(.is-disabled)[data-selected="true"],
.button-translucent:not(:disabled):not(.is-disabled).is-active {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.15);
    border-color: rgba(255, 255, 255, 0.15);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.button-translucent:not(:disabled):not(.is-disabled):active:focus,
.button-translucent:not(:disabled):not(.is-disabled)[data-selected="true"]:focus,
.button-translucent:not(:disabled):not(.is-disabled).is-active:focus {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.2rem rgba(0, 114, 239, .25);
}

.button .badge,
.button .recent-activity-item-parent {
    position: relative;
    top: -1px;
}

.button-group,
.button-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
}

.button-group>.button,
.button-group-vertical>.button {
    position: relative;
    flex: 1 1 auto;
}

.button-group>.button:hover,
.button-group-vertical>.button:hover {
    z-index: 1;
}

.button-group>.button:focus,
.button-group>.button:active,
.button-group>.button.is-active,
.button-group-vertical>.button:focus,
.button-group-vertical>.button:active,
.button-group-vertical>.button.is-active {
    z-index: 1;
}

.button-group>.button:not(:first-child),
.button-group>.button-group:not(:first-child) {
    margin-left: -1px;
}

.button-group>.button:not(:last-child),
.button-group>.button-group:not(:last-child)>.button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.button-group>.button:not(:first-child),
.button-group>.button-group:not(:first-child)>.button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.button-group-sm>.button {
    padding: 0.5rem 1.5rem;
    font-size: 0.875rem;
}

.button-group-lg>.button {
    padding: 0.5em 1.5em;
    font-size: 1.125rem;
}

.button-group-vertical {
    flex-direction: column;
    align-content: flex-start;
    justify-content: center;
}

.button-group-vertical>.button,
.button-group-vertical>.button-group {
    width: 100%;
}

.button-group-vertical>.button:not(:first-child),
.button-group-vertical>.button-group:not(:first-child) {
    margin-top: -1px;
}

.button-group-vertical>.button:not(:last-child),
.button-group-vertical>.button-group:not(:last-child)>.button {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.button-group-vertical>.button:not(:first-child),
.button-group-vertical>.button-group:not(:first-child)>.button {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.form-field {
    margin-bottom: 1.5rem;
}

.form-field>label {
    display: block;
    margin: 0 0 0.5rem;
    font-size: 0.9375rem;
}

.form-field>p {
    margin: 0.25rem 0 0;
    color: #718096;
    font-size: 0.875rem;
}

.form-field select,
.form-field .nesty-input,
.form-field .hc-multiselect-toggle,
.form-field>input,
.form-field>textarea {
    padding: 0.5em 0.75em;
    color: inherit;
    border: 1px solid #e2e8f0;
    background-color: #fff;
    width: 100%;
    border-radius: 4px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-field select:hover,
.form-field .nesty-input:hover,
.form-field .hc-multiselect-toggle:hover,
.form-field>input:hover,
.form-field>textarea:hover {
    border-color: #718096;
}

.form-field select:focus,
.form-field .nesty-input:focus,
.form-field .hc-multiselect-toggle:focus,
.form-field>input:focus,
.form-field>textarea:focus {
    outline: 0;
    border-color: rgba(123, 104, 238, 1);
    box-shadow: 0 0 0 0.2rem rgba(0, 114, 239, .25);
}

.form-field select:disabled,
.form-field .nesty-input:disabled,
.form-field .hc-multiselect-toggle:disabled,
.form-field select.is-disabled,
.form-field .is-disabled.nesty-input,
.form-field .is-disabled.hc-multiselect-toggle,
.form-field>input:disabled,
.form-field>input.is-disabled,
.form-field>textarea:disabled,
.form-field>textarea.is-disabled {
    border-color: #e2e8f0;
    background-color: #E2E8F0;
    cursor: not-allowed;
}

.form-field select,
.form-field .nesty-input,
.form-field .hc-multiselect-toggle {
    padding-right: 2em;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6' width='10' height='6'%3E%3Cpath fill='%232D3748' d='M0 0h10L5 6 0 0z'/%3E%3C/svg%3E") no-repeat #fff;
    background-position: right 0.75em center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.form-field>input::-webkit-input-placeholder,
.form-field>textarea::-webkit-input-placeholder {
    color: #718096;
}

.form-field>input::-moz-placeholder,
.form-field>textarea::-moz-placeholder {
    color: #718096;
}

.form-field>input:-moz-placeholder,
.form-field>textarea:-moz-placeholder {
    color: #718096;
}

.form-field>input:-ms-input-placeholder,
.form-field>textarea:-ms-input-placeholder {
    color: #718096;
}

.form-field>textarea {
    min-height: 8em;
}

.form-field.required>label::after {
    margin-left: 2px;
    content: "*";
    color: #FC8181;
}

.form-field .optional {
    margin-left: 2px;
}

.search {
    position: relative;
}

.search-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-left: 1em;
    margin-right: 1em;
    bottom: -.125em;
    display: inline-block;
    width: 1em;
    line-height: 1;
}

.search .form-field {
    display: flex;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}

.search .form-field:hover {
    border-color: #718096;
}

.search .form-field:focus {
    border-color: rgba(123, 104, 238, 1);
    box-shadow: 0 0 0 0.2rem rgba(0, 114, 239, .25);
}

.search .form-field.is-focused+.search-icon {
    color: rgba(123, 104, 238, 1);
}

.search [type="search"] {
    padding: 0.5em 0.75em;
    margin: 0 0.5rem;
    border-radius: 2rem;
}

.search-sm [type="search"] {
    padding: 0.375em 0.675em;
}

.search-lg [type="search"] {
    padding: 0.675em 1em;
}

[dir="ltr"] .search:not(.search-right) .search-icon {
    left: 0;
}

[dir="rtl"] .search:not(.search-right) .search-icon {
    right: 0;
}

[dir="ltr"] .search:not(.search-right) [type="search"] {
    padding-left: 2.5em;
}

[dir="rtl"] .search:not(.search-right) [type="search"] {
    padding-right: 2.5em;
}

[dir="ltr"] .search-right .search-icon {
    right: 0;
}

[dir="rtl"] .search-right .search-icon {
    left: 0;
}

[dir="ltr"] .search-right [type="search"] {
    padding-right: 2.5em;
}

[dir="rtl"] .search-right [type="search"] {
    padding-left: 2.5em;
}

.search [type="submit"] {
    display: inline-block;
    padding: 0.5em 1.25em;
    font-weight: 600;
    line-height: 1.5;
    color: #333333;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid #e2e8f0;
    cursor: pointer;
    border-radius: 2rem;
    transition: 0.15s ease-in-out;
    color: rgba(255, 255, 255, 1);
    border-color: rgba(123, 104, 238, 1);
    background-color: rgba(123, 104, 238, 1);
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.1);
    flex: 0;
    margin: 0 0.5rem;
}

.search [type="submit"]:hover {
    text-decoration: none;
}

.search [type="submit"]:disabled,
.search [type="submit"].is-disabled {
    cursor: not-allowed;
    opacity: 0.65;
    box-shadow: none;
}

.search [type="submit"]:hover {
    color: rgba(255, 255, 255, 1);
    border-color: #6751eb;
    background-color: #6b56ec;
}

.search [type="submit"]:focus,
.search [type="submit"].is-focused {
    outline: 0;
}

.search [type="submit"]:disabled,
.search [type="submit"].is-disabled {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(123, 104, 238, 1);
    border-color: rgba(123, 104, 238, 1);
}

.search [type="submit"]:not(:disabled):not(.is-disabled):active,
.search [type="submit"]:not(:disabled):not(.is-disabled)[data-selected="true"],
.search [type="submit"]:not(:disabled):not(.is-disabled).is-active {
    color: rgba(255, 255, 255, 1);
    border-color: #533ae9;
    background-color: #5b43ea;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

@media (max-width: 991.98px) {
    .search [type="submit"] {
        display: flex;
        font-size: 0;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' focusable='false' viewBox='0 0 12 12' width='16' height='16' fill='none' stroke='white' aria-hidden='true'%3E%3Ccircle cx='4.5' cy='4.5' r='4'%3E%3C/circle%3E%3Cpath stroke-linecap='round' d='M11 11L7.5 7.5'%3E%3C/path%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center center;
        justify-content: space-between;
        align-items: center;
        padding: 1rem 1.5rem;
    }
}

.search-translucent .search-icon {
    color: #fff;
}

.search-translucent [type="search"] {
    background-color: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(8px);
    border-color: rgba(255, 255, 255, 0.1);
}

.search-translucent [type="search"]:hover {
    background-color: rgba(255, 255, 255, 0.25);
    border-color: rgba(255, 255, 255, 0.25);
}

.search-translucent [type="search"]:focus {
    background-color: #fff;
}

.search-translucent [type="search"]:not(:focus) {
    color: #fff;
}

.search-translucent [type="search"]:not(:focus)::-webkit-input-placeholder {
    color: #EDF2F7;
}

.search-translucent [type="search"]:not(:focus)::-moz-placeholder {
    color: #EDF2F7;
}

.search-translucent [type="search"]:not(:focus):-moz-placeholder {
    color: #EDF2F7;
}

.search-translucent [type="search"]:not(:focus):-ms-input-placeholder {
    color: #EDF2F7;
}

.boolean input {
    padding: 0.5rem;
    margin-right: 0.5em;
    width: auto;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.boolean input:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

.boolean input:indeterminate {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}

.boolean input:checked,
.boolean input:indeterminate {
    border-color: rgba(123, 104, 238, 1);
    background-color: rgba(123, 104, 238, 1);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 0.75em;
}

.boolean input:active {
    filter: brightness(90%);
}

.boolean input:focus {
    outline: 0;
    border-color: rgba(123, 104, 238, 1);
}

.nesty-input,
.hc-multiselect-toggle {
    height: auto;
}

.nesty-input:hover,
.hc-multiselect-toggle:hover {
    color: inherit;
    text-decoration: none;
}

.nesty-input::after,
.hc-multiselect-toggle::after {
    content: "";
}

.hc-multiselect-toggle li {
    padding: 4px 6px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 0.875rem;
    line-height: 1;
}

.upload-dropzone {
    color: inherit;
    border: 1px solid #e2e8f0;
    background-color: #fff;
    width: 100%;
    border-radius: 4px;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.upload-dropzone span {
    color: inherit;
}

.upload-dropzone:hover {
    border-color: #718096;
}

.upload-dropzone[data-hc-focus="true"] {
    outline: 0;
    border-color: rgba(123, 104, 238, 1);
    box-shadow: 0 0 0 0.2rem rgba(0, 114, 239, .25);
}

.svg-icon {
    box-sizing: content-box;
    height: 1em;
}

.svg-icon {
    position: relative;
    bottom: -.125em;
    display: inline-block;
    width: 1em;
    line-height: 1;
    flex-shrink: 0;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.content img {
    max-width: 100%;
    height: auto;
}

.link-plain {
    text-decoration: none;
}

.link-plain:hover {
    color: inherit;
    text-decoration: none;
}

.link-stretched::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
    pointer-events: auto;
    background-color: rgba(0, 0, 0, 0);
}

.link-anchor {
    opacity: 0;
    margin-left: 0.25rem;
    margin-right: 0.25rem;
}

:hover>.link-anchor,
.link-anchor:focus {
    opacity: 1;
}

.link-anchor::before {
    content: "#";
}

.link-anchor:hover,
.link-anchor:focus,
.link-anchor:active {
    text-decoration: none;
}

.link {
    color: currentColor;
}

.link::after {
    background-color: currentColor;
    opacity: 0.2;
}

.link:focus,
.link:hover {
    color: rgba(92, 143, 220, 1);
}

.link:focus::after,
.link:hover::after {
    background-color: rgba(92, 143, 220, 1);
    opacity: 1;
}

.link-article {
    color: rgba(92, 143, 220, 1);
}

.link-article::after {
    background-color: rgba(92, 143, 220, 1);
    opacity: 0.2;
}

.link-article:focus::after,
.link-article:hover::after {
    opacity: 1;
}

.link-implied {
    text-decoration: none;
    color: currentColor;
}

.link-implied:hover {
    color: inherit;
    text-decoration: none;
}

.link-implied::after {
    background-color: currentColor;
    opacity: 0;
}

.link-implied:focus::after,
.link-implied:hover::after {
    opacity: 0.2;
}

.link,
.link-article,
.link-implied {
    position: relative;
}

.link::after,
.link-article::after,
.link-implied::after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -.125em;
    content: "";
    height: .125em;
}

.link:focus,
.link:hover,
.link-article:focus,
.link-article:hover,
.link-implied:focus,
.link-implied:hover {
    text-decoration: none;
}

.link:active::after,
.link-article:active::after,
.link-implied:active::after {
    opacity: 1;
}

.list-unstyled {
    padding-left: 0;
    list-style: none;
}

.list-bordered> :not(:last-child) {
    border-bottom: 1px solid #e2e8f0;
}

.list-item {
    margin: 0.5rem 0;
}

.list-divider {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    list-style: none;
    margin-bottom: 1rem;
}

.list-divider>*+* {
    padding-left: 0.5rem;
}

.list-divider>*+*::before {
    display: inline-block;
    padding-right: 0.5rem;
    content: "·";
}

.list-divider>*+*::before {
    color: #718096;
}

.list-divider>*+*[data-divider]::before {
    content: attr(data-divider);
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
}

.list-group-item-action {
    width: 100%;
    color: #333333;
    text-align: inherit;
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    z-index: 1;
    color: #333333;
    text-decoration: none;
    background-color: #f6fbff;
}

.list-group-item-action:active {
    color: #333333;
    background-color: #EDF2F7;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 0.5em 1em;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #e2e8f0;
}

.list-group-item:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.list-group-item:disabled,
.list-group-item.is-disabled {
    color: #718096;
    pointer-events: none;
    background-color: #fff;
}

.list-group-item.is-active {
    z-index: 2;
    color: #fff;
    background-color: rgba(92, 143, 220, 1);
    border-color: rgba(92, 143, 220, 1);
}

.list-group-horizontal {
    flex-direction: row;
}

.list-group-horizontal .list-group-item {
    margin-right: -1px;
    margin-bottom: 0;
}

.list-group-horizontal .list-group-item:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
}

.list-group-horizontal .list-group-item:last-child {
    margin-right: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 0;
}

@media (min-width: 576px) {
    .sm\:list-group-horizontal {
        flex-direction: row;
    }
    .sm\:list-group-horizontal .list-group-item {
        margin-right: -1px;
        margin-bottom: 0;
    }
    .sm\:list-group-horizontal .list-group-item:first-child {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        border-top-right-radius: 0;
    }
    .sm\:list-group-horizontal .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 0;
    }
}

@media (min-width: 768px) {
    .md\:list-group-horizontal {
        flex-direction: row;
    }
    .md\:list-group-horizontal .list-group-item {
        margin-right: -1px;
        margin-bottom: 0;
    }
    .md\:list-group-horizontal .list-group-item:first-child {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        border-top-right-radius: 0;
    }
    .md\:list-group-horizontal .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 0;
    }
}

@media (min-width: 992px) {
    .lg\:list-group-horizontal {
        flex-direction: row;
    }
    .lg\:list-group-horizontal .list-group-item {
        margin-right: -1px;
        margin-bottom: 0;
    }
    .lg\:list-group-horizontal .list-group-item:first-child {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        border-top-right-radius: 0;
    }
    .lg\:list-group-horizontal .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 0;
    }
}

@media (min-width: 1200px) {
    .xl\:list-group-horizontal {
        flex-direction: row;
    }
    .xl\:list-group-horizontal .list-group-item {
        margin-right: -1px;
        margin-bottom: 0;
    }
    .xl\:list-group-horizontal .list-group-item:first-child {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        border-top-right-radius: 0;
    }
    .xl\:list-group-horizontal .list-group-item:last-child {
        margin-right: 0;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 0;
    }
}

.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}

.list-group-flush .list-group-item:first-child {
    border-top: 0;
}

.list-group-flush .list-group-item:last-child {
    margin-bottom: -1px;
}

.list-group-flush:last-child .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom: 0;
}


/* Override inline styles with !important - Enhanced */
.content table[style*="border-collapse"],
.content table[border],
table[style*="border-collapse"],
table[border] {
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

/* Force override of any inline border attributes */
.content table,
.content table *,
table,
table * {
    border-collapse: separate !important;
}

/* Your existing table styles */
.table,
.content table:not([class*="table"]) {
    color: #333333;
    border-collapse: separate !important;
    border-spacing: 0;
}

.table th,
.content table:not([class*="table"]) th,
.table td,
.content table:not([class*="table"]) td {
    padding: 0.75rem;
    vertical-align: top;
    /* CONSISTENT LIGHT GRAY BORDERS FOR ALL CELLS */
    border: 1px solid #d8dcde !important;
}

.table thead th,
.content table:not([class*="table"]) thead th {
    font-size: 0.9375rem;
    font-weight: 500;
    vertical-align: bottom;
}

.table tbody,
.content table:not([class*="table"]) tbody {
    font-size: 0.9375rem;
}

.table-sm th,
.table-sm td {
    padding: 0.375rem;
}

.table-flush th:last-child,
.table-flush td:last-child {
    padding-right: 0;
}

.table-bordered {
    border: 1px solid #d8dcde !important;
}

.table-bordered th,
.table-bordered td {
    border: 1px solid #d8dcde !important;
}

.table-bordered th:first-child,
.table-bordered td:first-child {
    padding-left: 0.75rem;
}

.table-bordered th:last-child,
.table-bordered td:last-child {
    padding-right: 0.75rem;
}

.table-bordered thead th,
.table-bordered thead td {
    border-bottom-width: 2px;
    border-bottom-color: #d8dcde !important;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody+tbody {
    border: 0 !important;
}

.table-borderless tr:not(:last-child) {
    border-bottom: none !important;
}

.table-flush th:last-child,
.table-flush td:last-child {
    padding-right: 0;
}

/* STICKY HEADER FUNCTIONALITY */
.content table thead th,
.content table tbody tr:first-child td,
table thead th,
table[border] thead th,
table[style] thead th,
.content table[border] thead th,
.content table[style] thead th {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 79px !important;
    z-index: 2;
    background-color: rgb(123, 104, 238) !important;
    transition: box-shadow 0.2s ease-in-out !important;
}

/* HEADER ROW BORDER REMOVAL */
/* Remove top border from all header cells */
.content table thead th,
.table thead th,
table thead th,
table[border] thead th,
table[style] thead th,
.content table[border] thead th,
.content table[style] thead th {
    border-top: none !important;
    border-bottom: none !important;
}

/* Remove left border from leftmost header cell */
.content table thead th:first-child,
.table thead th:first-child,
table thead th:first-child,
table[border] thead th:first-child,
table[style] thead th:first-child,
.content table[border] thead th:first-child,
.content table[style] thead th:first-child {
    border-left: none !important;
}

/* Remove right border from rightmost header cell */
.content table thead th:last-child,
.table thead th:last-child,
table thead th:last-child,
table[border] thead th:last-child,
table[style] thead th:last-child,
.content table[border] thead th:last-child,
.content table[style] thead th:last-child {
    border-right: none !important;
}

/* Remove zebra striping - make all DATA rows white */
.content table tbody tr,
.table tbody tr,
.content table tbody tr:nth-child(even),
.content table tbody tr:nth-child(odd),
.table tbody tr:nth-child(even),
.table tbody tr:nth-child(odd),
.table-striped tbody tr,
.content table.table-striped tbody tr {
    background-color: white !important;
}

/* PRESERVE HEADER BACKGROUND */
.content table thead th,
.table thead th {
    background-color: rgb(123, 104, 238) !important;
}

/* OUTER BORDER ENHANCEMENT - Double thickness for table frame */
.table th:first-child,
.content table:not([class*="table"]) th:first-child,
.table td:first-child,
.content table:not([class*="table"]) td:first-child {
    border-left: 2px solid #d8dcde !important;
}

.table th:last-child,
.content table:not([class*="table"]) th:last-child,
.table td:last-child,
.content table:not([class*="table"]) td:last-child {
    border-right: 2px solid #d8dcde !important;
}

.table tr:last-child th,
.content table:not([class*="table"]) tr:last-child th,
.table tr:last-child td,
.content table:not([class*="table"]) tr:last-child td {
    border-bottom: 2px solid #d8dcde !important;
}

/* OVERRIDE OUTER BORDERS FOR HEADER ROW - Must come after outer border rules */
/* Remove double left border from leftmost header cell */
.table thead th:first-child,
.content table:not([class*="table"]) thead th:first-child {
    border-left: none !important;
}

/* Remove double right border from rightmost header cell */
.table thead th:last-child,
.content table:not([class*="table"]) thead th:last-child {
    border-right: none !important;
}

/* Force override any user agent stylesheet borders */
table, table * {
    border-color: #d8dcde !important;
}

/* FINAL HEADER BORDER OVERRIDES - Must be at the very end */
/* Ensure header borders are removed even after nuclear fix */
.content table thead th,
.table thead th,
table thead th,
table[border] thead th,
table[style] thead th,
.content table[border] thead th,
.content table[style] thead th {
    border-top: none !important;
    border-bottom: none !important;
}

.content table thead th:first-child,
.table thead th:first-child,
table thead th:first-child,
table[border] thead th:first-child,
table[style] thead th:first-child,
.content table[border] thead th:first-child,
.content table[style] thead th:first-child {
    border-left: none !important;
}

.content table thead th:last-child,
.table thead th:last-child,
table thead th:last-child,
table[border] thead th:last-child,
table[style] thead th:last-child,
.content table[border] thead th:last-child,
.content table[style] thead th:last-child {
    border-right: none !important;
}

.hr {
    margin: 0;
    border: 0;
    border-bottom: 1px solid #e2e8f0;
    background: transparent;
}

.zd-comment {
    margin-bottom: 1rem;
}

.notification {
    border: 1px solid;
    display: table;
    font-family: sans-serif;
    font-size: 13px;
    padding: 13px 15px;
    transition: height .2s;
    width: 100%;
    color: #555;
}

.notification a {
    color: #158ec2;
}

.notification-inner {
    margin: 0 auto;
    padding: 0 20px;
    max-width: 980px;
}

.notification-icon,
.notification-text,
.notification-dismiss {
    display: table-cell;
    vertical-align: middle;
}

.notification-text {
    padding: 0 15px;
    width: 100%;
}

.notification+.notification {
    margin-bottom: -1px;
    position: relative;
    top: -1px;
}

.notification-error {
    background: #ffeded;
    border-color: #f7cbcb;
}

.notification-error .notification-icon::before,
.notification-error .notification-inline.notification-error::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23555555'%3E%3Ccircle cx='5.5' cy='6.5' r='5'/%3E%3Cpath stroke-linecap='round' d='M5.5 3.5v3'/%3E%3C/g%3E%3Ccircle cx='5.5' cy='9' r='1' fill='%23555555'/%3E%3C/svg%3E");
}

.notification-notice {
    background: #dbf3ff;
    border-color: #b5e0f5;
}

.notification-notice .notification-icon::before,
.notification-notice .notification-inline.notification-error::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23555555'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3.5 6l2 2L9 4.5'/%3E%3Ccircle cx='6' cy='6' r='5.5'/%3E%3C/g%3E%3C/svg%3E");
}

.notification-alert {
    color: #ad5e18;
    background: #fff8ed;
    border-color: #fcdba9;
}

.notification-alert .notification-icon::before,
.notification-alert .notification-inline.notification-error::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23ad5e18' stroke-linecap='round' d='M5.06 1.27l-4.5 8.5c-.18.33.06.73.44.73h9c.38 0 .62-.4.44-.73l-4.5-8.5a.494.494 0 00-.88 0zM5.5 4v2'/%3E%3Ccircle cx='5.5' cy='8' r='.8' fill='%23ad5e18'/%3E%3C/svg%3E");
}

.notification-icon::before,
.notification-inline.notification-error::before {
    background-size: cover;
    content: "";
    display: inline-block;
    height: 14px;
    width: 14px;
    vertical-align: middle;
}

.notification-dismiss,
a.notification-dismiss {
    color: #555;
    cursor: pointer;
    opacity: .6;
    transition: opacity 100ms ease;
    text-decoration: none !important;
}

.notification-dismiss:hover {
    opacity: 1;
}

.notification-inline {
    border-radius: 4px;
    line-height: 14px;
    margin-top: 5px;
    padding: 5px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

[dir="rtl"] .notification-inline {
    text-align: right;
}

.notification-inline[aria-hidden="true"] {
    display: none;
}

.notification-inline.notification-error::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23e35b66'%3E%3Ccircle cx='5.5' cy='6.5' r='5'/%3E%3Cpath stroke-linecap='round' d='M5.5 3.5v3'/%3E%3C/g%3E%3Ccircle cx='5.5' cy='9' r='1' fill='%23e35b66'/%3E%3C/svg%3E");
    margin: -2px 5px 0 0;
}

[dir="rtl"] .notification-inline.notification-error::before {
    margin: 0 0 0 5px;
}

.notification-inline.notification-error {
    background-color: #fff0f1;
    border: 1px solid #e35b66;
    color: #cc3340;
}

.notification-inline.notification-large {
    padding: 13px 15px;
    margin-bottom: 25px;
}

.notification-left-aligned {
    text-align: left;
    padding-left: 0;
}

html[dir="rtl"] .notification-left-aligned {
    text-align: right;
    padding-left: auto;
    padding-right: 0;
}

:not(.container) .template-notice {
    padding: 0 2rem;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
}

.layout {
    position: relative;
    background-color: #fff;
    z-index: 0;
}

.layout--boxed {
    width: 100%;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    overflow: clip;
}

.layout--boxed~.powered-by-zendesk {
    width: 100%;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}

.container {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    padding: 0 2rem;
}

@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
    padding: 0 2rem;
}

.flex-container {
    display: flex;
    flex-direction: column;
}

@media (min-width: 768px) {
    .flex-container {
        flex-direction: row;
        align-items: flex-end;
    }
}

.row {
    display: flex;
    flex-wrap: wrap;
    flex-grow: 1;
    margin-right: -1rem;
    margin-left: -1rem;
}

.row-flush {
    margin-right: 0;
    margin-left: 0;
}

.row-flush>[class*="col"] {
    padding-right: 0;
    padding-left: 0;
}

.row-sm {
    margin-right: -0.75rem;
    margin-left: -0.75rem;
}

.row-sm>[class*="col"] {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}

.row-lg {
    margin-right: -1.5rem;
    margin-left: -1.5rem;
}

.row-lg>[class*="col"] {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.sm\:col-1,
.sm\:col-2,
.sm\:col-3,
.sm\:col-4,
.sm\:col-5,
.sm\:col-6,
.sm\:col-7,
.sm\:col-8,
.sm\:col-9,
.sm\:col-10,
.sm\:col-11,
.sm\:col-12,
.sm\:col,
.sm\:col-auto,
.md\:col-1,
.md\:col-2,
.md\:col-3,
.md\:col-4,
.md\:col-5,
.md\:col-6,
.md\:col-7,
.md\:col-8,
.md\:col-9,
.md\:col-10,
.md\:col-11,
.md\:col-12,
.md\:col,
.md\:col-auto,
.lg\:col-1,
.lg\:col-2,
.lg\:col-3,
.lg\:col-4,
.lg\:col-5,
.lg\:col-6,
.lg\:col-7,
.lg\:col-8,
.lg\:col-9,
.lg\:col-10,
.lg\:col-11,
.lg\:col-12,
.lg\:col,
.lg\:col-auto,
.xl\:col-1,
.xl\:col-2,
.xl\:col-3,
.xl\:col-4,
.xl\:col-5,
.xl\:col-6,
.xl\:col-7,
.xl\:col-8,
.xl\:col-9,
.xl\:col-10,
.xl\:col-11,
.xl\:col-12,
.xl\:col,
.xl\:col-auto,
.recent-articles,
.related-articles {
    position: relative;
    padding-right: 1rem;
    padding-left: 1rem;
    width: 100%;
    min-height: 1px;
    min-width: 0;
}

.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}

.col-auto {
    flex: 1 0 300px;
}

.col-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
}

.col-2 {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
}

.col-3 {
    flex: 0 0 25%;
    max-width: 25%;
}

.col-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
}

.col-5 {
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

.col-7 {
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
}

.col-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
}

.col-9 {
    flex: 0 0 75%;
    max-width: 75%;
}

.col-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
}

.col-11 {
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%;
}

.col-order-1 {
    order: 1;
}

.col-order-2 {
    order: 2;
}

.col-order-3 {
    order: 3;
}

.col-order-4 {
    order: 4;
}

.col-order-5 {
    order: 5;
}

.col-order-6 {
    order: 6;
}

.col-order-7 {
    order: 7;
}

.col-order-8 {
    order: 8;
}

.col-order-9 {
    order: 9;
}

.col-order-10 {
    order: 10;
}

.col-order-11 {
    order: 11;
}

.col-order-12 {
    order: 12;
}

.col-offset-1 {
    margin-left: 8.3333333333%;
}

.col-offset-2 {
    margin-left: 16.6666666667%;
}

.col-offset-3 {
    margin-left: 25%;
}

.col-offset-4 {
    margin-left: 33.3333333333%;
}

.col-offset-5 {
    margin-left: 41.6666666667%;
}

.col-offset-6 {
    margin-left: 50%;
}

.col-offset-7 {
    margin-left: 58.3333333333%;
}

.col-offset-8 {
    margin-left: 66.6666666667%;
}

.col-offset-9 {
    margin-left: 75%;
}

.col-offset-10 {
    margin-left: 83.3333333333%;
}

.col-offset-11 {
    margin-left: 91.6666666667%;
}

@media (min-width: 576px) {
    .sm\:col {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .sm\:col-auto {
        flex: 1 0 300px;
    }
    .sm\:col-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }
    .sm\:col-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .sm\:col-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .sm\:col-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .sm\:col-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }
    .sm\:col-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .sm\:col-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }
    .sm\:col-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }
    .sm\:col-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .sm\:col-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }
    .sm\:col-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }
    .sm\:col-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .sm\:col-order-1 {
        order: 1;
    }
    .sm\:col-order-2 {
        order: 2;
    }
    .sm\:col-order-3 {
        order: 3;
    }
    .sm\:col-order-4 {
        order: 4;
    }
    .sm\:col-order-5 {
        order: 5;
    }
    .sm\:col-order-6 {
        order: 6;
    }
    .sm\:col-order-7 {
        order: 7;
    }
    .sm\:col-order-8 {
        order: 8;
    }
    .sm\:col-order-9 {
        order: 9;
    }
    .sm\:col-order-10 {
        order: 10;
    }
    .sm\:col-order-11 {
        order: 11;
    }
    .sm\:col-order-12 {
        order: 12;
    }
    .sm\:col-offset-0 {
        margin-left: 0;
    }
    .sm\:col-offset-1 {
        margin-left: 8.3333333333%;
    }
    .sm\:col-offset-2 {
        margin-left: 16.6666666667%;
    }
    .sm\:col-offset-3 {
        margin-left: 25%;
    }
    .sm\:col-offset-4 {
        margin-left: 33.3333333333%;
    }
    .sm\:col-offset-5 {
        margin-left: 41.6666666667%;
    }
    .sm\:col-offset-6 {
        margin-left: 50%;
    }
    .sm\:col-offset-7 {
        margin-left: 58.3333333333%;
    }
    .sm\:col-offset-8 {
        margin-left: 66.6666666667%;
    }
    .sm\:col-offset-9 {
        margin-left: 75%;
    }
    .sm\:col-offset-10 {
        margin-left: 83.3333333333%;
    }
    .sm\:col-offset-11 {
        margin-left: 91.6666666667%;
    }
}

@media (min-width: 768px) {
    .md\:col {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .md\:col-auto {
        flex: 1 0 300px;
    }
    .md\:col-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }
    .md\:col-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .md\:col-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .md\:col-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .md\:col-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }
    .md\:col-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .md\:col-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }
    .md\:col-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }
    .md\:col-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .md\:col-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }
    .md\:col-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }
    .md\:col-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .md\:col-order-1 {
        order: 1;
    }
    .md\:col-order-2 {
        order: 2;
    }
    .md\:col-order-3 {
        order: 3;
    }
    .md\:col-order-4 {
        order: 4;
    }
    .md\:col-order-5 {
        order: 5;
    }
    .md\:col-order-6 {
        order: 6;
    }
    .md\:col-order-7 {
        order: 7;
    }
    .md\:col-order-8 {
        order: 8;
    }
    .md\:col-order-9 {
        order: 9;
    }
    .md\:col-order-10 {
        order: 10;
    }
    .md\:col-order-11 {
        order: 11;
    }
    .md\:col-order-12 {
        order: 12;
    }
    .md\:col-offset-0 {
        margin-left: 0;
    }
    .md\:col-offset-1 {
        margin-left: 8.3333333333%;
    }
    .md\:col-offset-2 {
        margin-left: 16.6666666667%;
    }
    .md\:col-offset-3 {
        margin-left: 25%;
    }
    .md\:col-offset-4 {
        margin-left: 33.3333333333%;
    }
    .md\:col-offset-5 {
        margin-left: 41.6666666667%;
    }
    .md\:col-offset-6 {
        margin-left: 50%;
    }
    .md\:col-offset-7 {
        margin-left: 58.3333333333%;
    }
    .md\:col-offset-8 {
        margin-left: 66.6666666667%;
    }
    .md\:col-offset-9 {
        margin-left: 75%;
    }
    .md\:col-offset-10 {
        margin-left: 83.3333333333%;
    }
    .md\:col-offset-11 {
        margin-left: 91.6666666667%;
    }
}

@media (min-width: 992px) {
    .lg\:col {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .lg\:col-auto {
        flex: 1 0 300px;
    }
    .lg\:col-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }
    .lg\:col-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .lg\:col-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .lg\:col-4 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .lg\:col-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }
    .lg\:col-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .lg\:col-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }
    .lg\:col-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }
    .lg\:col-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .lg\:col-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }
    .lg\:col-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }
    .lg\:col-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .lg\:col-order-1 {
        order: 1;
    }
    .lg\:col-order-2 {
        order: 2;
    }
    .lg\:col-order-3 {
        order: 3;
    }
    .lg\:col-order-4 {
        order: 4;
    }
    .lg\:col-order-5 {
        order: 5;
    }
    .lg\:col-order-6 {
        order: 6;
    }
    .lg\:col-order-7 {
        order: 7;
    }
    .lg\:col-order-8 {
        order: 8;
    }
    .lg\:col-order-9 {
        order: 9;
    }
    .lg\:col-order-10 {
        order: 10;
    }
    .lg\:col-order-11 {
        order: 11;
    }
    .lg\:col-order-12 {
        order: 12;
    }
    .lg\:col-offset-0 {
        margin-left: 0;
    }
    .lg\:col-offset-1 {
        margin-left: 8.3333333333%;
    }
    .lg\:col-offset-2 {
        margin-left: 16.6666666667%;
    }
    .lg\:col-offset-3 {
        margin-left: 25%;
    }
    .lg\:col-offset-4 {
        margin-left: 33.3333333333%;
    }
    .lg\:col-offset-5 {
        margin-left: 41.6666666667%;
    }
    .lg\:col-offset-6 {
        margin-left: 50%;
    }
    .lg\:col-offset-7 {
        margin-left: 58.3333333333%;
    }
    .lg\:col-offset-8 {
        margin-left: 66.6666666667%;
    }
    .lg\:col-offset-9 {
        margin-left: 75%;
    }
    .lg\:col-offset-10 {
        margin-left: 83.3333333333%;
    }
    .lg\:col-offset-11 {
        margin-left: 91.6666666667%;
    }
}

@media (min-width: 1200px) {
    .xl\:col {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
    .xl\:col-auto {
        flex: 1 0 300px;
    }
    .xl\:col-1 {
        flex: 0 0 8.3333333333%;
        max-width: 8.3333333333%;
    }
    .xl\:col-2 {
        flex: 0 0 16.6666666667%;
        max-width: 16.6666666667%;
    }
    .xl\:col-3 {
        flex: 0 0 25%;
        max-width: 25%;
    }
    .xl\:col-4 {
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }
    .xl\:col-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }
    .xl\:col-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .xl\:col-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }
    .xl\:col-8 {
        flex: 0 0 66.6666666667%;
        max-width: 66.6666666667%;
    }
    .xl\:col-9 {
        flex: 0 0 75%;
        max-width: 75%;
    }
    .xl\:col-10 {
        flex: 0 0 83.3333333333%;
        max-width: 83.3333333333%;
    }
    .xl\:col-11 {
        flex: 0 0 91.6666666667%;
        max-width: 91.6666666667%;
    }
    .xl\:col-12 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .xl\:col-order-1 {
        order: 1;
    }
    .xl\:col-order-2 {
        order: 2;
    }
    .xl\:col-order-3 {
        order: 3;
    }
    .xl\:col-order-4 {
        order: 4;
    }
    .xl\:col-order-5 {
        order: 5;
    }
    .xl\:col-order-6 {
        order: 6;
    }
    .xl\:col-order-7 {
        order: 7;
    }
    .xl\:col-order-8 {
        order: 8;
    }
    .xl\:col-order-9 {
        order: 9;
    }
    .xl\:col-order-10 {
        order: 10;
    }
    .xl\:col-order-11 {
        order: 11;
    }
    .xl\:col-order-12 {
        order: 12;
    }
    .xl\:col-offset-0 {
        margin-left: 0;
    }
    .xl\:col-offset-1 {
        margin-left: 8.3333333333%;
    }
    .xl\:col-offset-2 {
        margin-left: 16.6666666667%;
    }
    .xl\:col-offset-3 {
        margin-left: 25%;
    }
    .xl\:col-offset-4 {
        margin-left: 33.3333333333%;
    }
    .xl\:col-offset-5 {
        margin-left: 41.6666666667%;
    }
    .xl\:col-offset-6 {
        margin-left: 50%;
    }
    .xl\:col-offset-7 {
        margin-left: 58.3333333333%;
    }
    .xl\:col-offset-8 {
        margin-left: 66.6666666667%;
    }
    .xl\:col-offset-9 {
        margin-left: 75%;
    }
    .xl\:col-offset-10 {
        margin-left: 83.3333333333%;
    }
    .xl\:col-offset-11 {
        margin-left: 91.6666666667%;
    }
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border: 1px solid #e2e8f0;
    border-radius: 4px;
    margin-bottom: 5px;
}

.card-body {
    flex: 1 1 auto;
    padding: 1rem 1.5rem;
}

.cta {
    background-color: rgba(246, 251, 255, 1);
    color: #383838;
    padding: 16px;
}

.cta h3 {
    color: #041731;
}

.hero {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 1);
}

.hero h1,
.hero h2 {
    color: rgba(255, 255, 255, 1);
}

@keyframes skeleton {
    100% {
        left: 100%;
    }
}

.skeleton {
    position: relative;
    border-radius: 4px;
    height: 8rem;
    overflow: hidden;
    line-height: 0.6;
    background-color: #f9f9f9;
}

.skeleton::before {
    position: absolute;
    top: 0;
    width: 1000px;
    height: 100%;
    content: "";
    left: -1800px;
    animation: 1.5s ease-in-out 300ms infinite normal none running skeleton;
    background-image: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.4), transparent);
}

.skeleton::after {
    content: "";
    display: block;
}

.media {
    display: flex;
    align-items: flex-start;
    flex: 1;
}

.media-body {
    flex: 1;
    min-width: 0;
}

.svg-shape {
    position: relative;
    z-index: 20;
    width: 100%;
    height: 4rem;
    fill: #fff;
}

.header {
    height: 80px;
    background-color: rgba(255, 255, 255, 1);
}

.header .navbar-brand,
.header .navbar-toggle,
.header .nav-link {
    color: #212121;
}

.header .navbar-brand:focus,
.header .navbar-brand:hover,
.header .navbar-toggle:focus,
.header .navbar-toggle:hover,
.header .nav-link:focus,
.header .nav-link:hover {
    color: #121212;
}

.header .navbar-brand:active,
.header .navbar-toggle:active,
.header .nav-link:active {
    color: #020202;
}

.fixed-header {
    visibility: hidden;
    background-color: transparent;
    transition: background-color 0.15s ease-in-out;
}

.fixed-header .navbar-brand,
.fixed-header .navbar-toggle,
.fixed-header .nav-link {
    color: rgba(33, 33, 33, 1);
}

.fixed-header .navbar-brand:focus,
.fixed-header .navbar-brand:hover,
.fixed-header .navbar-toggle:focus,
.fixed-header .navbar-toggle:hover,
.fixed-header .nav-link:focus,
.fixed-header .nav-link:hover {
    color: #121212;
}

.fixed-header .navbar-brand:active,
.fixed-header .navbar-toggle:active,
.fixed-header .nav-link:active {
    color: #020202;
}

.fixed-header:not(.visible)~main>.hero,
.fixed-header.sticky-header~main>.hero {
    margin-top: -40px;
}

.text-header .navbar-brand,
.text-header .navbar-toggle,
.text-header .nav-link {
    color: #212121;
}

.text-header .navbar-brand:focus,
.text-header .navbar-brand:hover,
.text-header .navbar-toggle:focus,
.text-header .navbar-toggle:hover,
.text-header .nav-link:focus,
.text-header .nav-link:hover {
    color: #121212;
}

.text-header .navbar-brand:active,
.text-header .navbar-toggle:active,
.text-header .nav-link:active {
    color: #020202;
}

#logo {
    height: 32px;
}

.footer {
    position: relative;
    background-color: rgba(123, 104, 238, 1);
    padding: 1rem 0;
}

.footer .nav-link {
    color: #e6f2fd;
}

.footer .nav-link:hover {
    color: #cae3fb;
}

.footer .nav-link:active {
    color: #add5f8;
}

.breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    list-style: none;
    margin-bottom: 1rem;
}

.breadcrumbs>*+* {
    padding-left: 0.5rem;
}

.breadcrumbs>*+*::before {
    display: inline-block;
    padding-right: 0.5rem;
    content: url("data:image/svg+xml,%0A%3Csvg width='6px' height='12px' viewBox='0 0 8 14' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cpath d='M7.71,6.29 L1.71,0.29 C1.4224393,0.00625543785 0.992397095,-0.0765967301 0.62,0.08 C0.246574493,0.233403598 0.00201514517,0.596298114 0,1 L0,13 C0.00201514517,13.4037019 0.246574493,13.7665964 0.62,13.92 C0.738679383,13.9759814 0.868823467,14.0033801 1,14 C1.26580298,14.0015368 1.52128117,13.8971865 1.71,13.71 L7.71,7.71 C7.89931265,7.5222334 8.00579832,7.26663754 8.00579832,7 C8.00579832,6.73336246 7.89931265,6.4777666 7.71,6.29 Z' fill='%23ccc' fill-rule='nonzero'%3E%3C/path%3E%3C/svg%3E");
}

.breadcrumbs li {
    color: #4A5568;
}

.breadcrumbs li+li::before {
    color: #4A5568;
}

.dropdown {
    position: relative;
    display: inline-flex;
}

.dropdown-toggle {
    cursor: pointer;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    display: none;
    background-color: #fff;
    z-index: 99;
    padding: 0.75rem 0;
    margin: 0.25rem 0;
    border: 1px solid #e2e8f0;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    min-width: 170px;
    font-size: 0.875rem;
}

.dropdown-menu-start {
    left: 0;
    right: auto;
    transform: translateX(0);
}

.dropdown-menu-end {
    left: auto;
    right: 0;
    transform: translateX(0);
}

.dropdown-menu-top {
    top: auto;
    bottom: 100%;
}

.dropdown-menu[aria-expanded="true"] {
    display: block;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.5rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #2D3748;
    text-align: inherit;
    background-color: transparent;
    border: 0;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #232b38;
    text-decoration: none;
    background-color: #EDF2F7;
}

.dropdown-item.is-active {
    color: #fff;
    text-decoration: none;
    background-color: rgba(92, 143, 220, 1);
}

.dropdown-item[aria-selected="true"] {
    cursor: default;
}

.dropdown-item[aria-selected="true"]::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M1 7l3 3 7-7'%3E%3C/path%3E%3C/svg%3E");
    display: inline-block;
    height: 12px;
    margin-left: 10px;
    width: 12px;
}

[dir="rtl"] .dropdown-item[aria-selected="true"]::after {
    margin-left: 0;
    margin-right: 10px;
    float: left;
}

.has-dropdown {
    position: relative;
}

.has-dropdown:focus>.dropdown-menu,
.has-dropdown:hover>.dropdown-menu {
    display: block;
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-link {
    display: block;
    padding: 0.5em 1em;
  	font-weight: 500;
}

.nav-link:focus,
.nav-link:hover {
    color: #4A5568;
    text-decoration: none;
    cursor: pointer;
}

.nav-line .nav-link {
    position: relative;
}

.nav-line .nav-link::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    border-bottom: 3px solid transparent;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    transition: border-color 0.15s ease-in-out;
}

.nav-line .nav-link:hover::after {
    border-bottom-color: #e2e8f0;
}

.nav-line .nav-link:active,
.nav-line .nav-link.is-active::after {
    border-bottom-color: rgba(123, 104, 238, 1);
}

.nav-tabs {
    position: relative;
    flex-direction: column;
    border: 1px solid #e2e8f0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-width: 1px 1px 0;
    margin-bottom: -1px;
}

.nav-tabs .nav-item {
    border-bottom: 1px solid #e2e8f0;
}

@media (min-width: 576px) {
    .nav-tabs {
        flex-direction: row;
        border-width: 0 0 1px;
    }
    .nav-tabs .nav-item,
    .nav-tabs .nav-link {
        z-index: 1;
    }
    .nav-tabs .nav-item {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
        border-bottom: none;
    }
    .nav-tabs .nav-link {
        margin-bottom: -1px;
        border-style: solid;
        border-width: 1px;
        border-color: transparent;
        border-bottom-color: #e2e8f0;
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }
    .nav-tabs .nav-link.is-active {
        background-color: #fff;
        border-color: #e2e8f0;
        border-bottom-color: transparent;
    }
    .nav-tabs .dropdown-menu {
        border-top: none;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }
    .nav-tabs .dropdown-menu .is-active {
        border: none;
        font-weight: 500;
    }
}

.nav-pills .nav-link.is-active {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(123, 104, 238, 1);
}

.nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center;
}

.nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center;
}

.backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 96;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.25);
    z-index: 98;
}

.menu {
    top: 0;
    right: 0;
    left: 0;
    z-index: 99;
    flex: 1;
    flex-direction: column;
    flex-wrap: nowrap;
    padding: 40px 0 1.5rem;
    background-color: rgba(255, 255, 255, 1);
}

.menu-links-center::before {
    content: "";
    display: flex;
    margin-right: auto;
}

.menu-standard {
    position: absolute;
    text-align: center;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.08);
}

.menu-slide-in {
    position: fixed;
    bottom: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    max-width: 20rem;
    box-shadow: 5px 0 40px rgba(0, 0, 0, 0.4);
}

@media (min-width: 768px) {
    .md\:menu-expanded {
        position: revert;
        top: auto;
        bottom: auto;
        padding: 0;
        flex-direction: row;
        flex-wrap: wrap;
        width: auto;
        text-align: left;
        max-width: none;
        background-color: transparent;
        box-shadow: none;
    }
}

@media (min-width: 992px) {
    .lg\:menu-expanded {
        position: revert;
        top: auto;
        bottom: auto;
        padding: 0;
        flex-direction: row;
        flex-wrap: wrap;
        width: auto;
        text-align: left;
        max-width: none;
        background-color: transparent;
        box-shadow: none;
    }
}

@media (min-width: 1200px) {
    .xl\:menu-expanded {
        position: revert;
        top: auto;
        bottom: auto;
        padding: 0;
        flex-direction: row;
        flex-wrap: wrap;
        width: auto;
        text-align: left;
        max-width: none;
        background-color: transparent;
        box-shadow: none;
    }
}

.navbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.navbar-light .navbar-brand {
    color: #1A202C;
}

.navbar-light .navbar-toggle,
.navbar-light .nav-link {
    color: #4A5568;
}

.navbar-light .navbar-toggle:focus,
.navbar-light .navbar-toggle:hover,
.navbar-light .nav-link:focus,
.navbar-light .nav-link:hover {
    color: #1A202C;
}

.navbar-dark .navbar-brand {
    color: #fff;
}

.navbar-dark .navbar-toggle,
.navbar-dark .nav-link {
    color: #E2E8F0;
}

.navbar-dark .navbar-toggle:focus,
.navbar-dark .navbar-toggle:hover,
.navbar-dark .nav-link:focus,
.navbar-dark .nav-link:hover {
    color: #fff;
}

.navbar-brand {
    display: inline-flex;
    align-items: center;
}

.navbar-brand:focus,
.navbar-brand:hover {
    text-decoration: none;
}

.navbar-tagline {
    font-weight: 600;
}

.navbar-toggle {
    position: relative;
    display: block;
    padding: 1rem 0.5rem;
    height: auto;
    border: none;
    background-color: transparent;
    box-shadow: none;
    -webkit-appearance: none;
    cursor: pointer;
    order: 1;
    z-index: 100;
}

.navbar-toggle span {
    display: block;
    position: relative;
    pointer-events: none;
}

.navbar-toggle span,
.navbar-toggle span:before,
.navbar-toggle span:after {
    background-color: currentColor;
    height: 2px;
    width: 26px;
    outline: 1px solid transparent;
    transition: background-color 0.15s, transform 0.15s;
}

.navbar-toggle span:before,
.navbar-toggle span:after {
    position: absolute;
    content: "";
    left: 0;
}

.navbar-toggle span:before {
    top: -7px;
}

.navbar-toggle span:after {
    top: 7px;
}

.navbar-toggle[aria-expanded="true"] {
    outline: none;
}

.navbar-toggle[aria-expanded="true"] span {
    background-color: transparent;
}

.navbar-toggle[aria-expanded="true"] span:before,
.navbar-toggle[aria-expanded="true"] span:after {
    top: 0;
}

.navbar-toggle[aria-expanded="true"] span:before {
    transform: rotate(-45deg);
}

.navbar-toggle[aria-expanded="true"] span:after {
    transform: rotate(45deg);
}

.pagination {
    margin: 1rem 0;
    text-align: center;
}

.pagination-list {
    padding-left: 0;
}

.pagination-next,
.pagination-prev,
.pagination-first,
.pagination-last {
    display: inline-block;
}

.pagination-next-link,
.pagination-prev-link,
.pagination-first-link,
.pagination-last-link {
    display: inline-block;
    padding: 0.5em 1.25em;
    font-weight: 600;
    line-height: 1.5;
    color: #333333;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid #e2e8f0;
    cursor: pointer;
    border-radius: 2rem;
    transition: 0.15s ease-in-out;
    color: rgba(123, 104, 238, 1);
    border-color: rgba(123, 104, 238, 1);
}

.pagination-next-link:hover,
.pagination-prev-link:hover,
.pagination-first-link:hover,
.pagination-last-link:hover {
    text-decoration: none;
}

.pagination-next-link:disabled,
.pagination-next-link.is-disabled,
.pagination-prev-link:disabled,
.pagination-prev-link.is-disabled,
.pagination-first-link:disabled,
.pagination-first-link.is-disabled,
.pagination-last-link:disabled,
.pagination-last-link.is-disabled {
    cursor: not-allowed;
    opacity: 0.65;
    box-shadow: none;
}

.pagination-next-link:hover,
.pagination-prev-link:hover,
.pagination-first-link:hover,
.pagination-last-link:hover {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(123, 104, 238, 1);
}

.pagination-next-link:focus,
.pagination-next-link.is-focused,
.pagination-prev-link:focus,
.pagination-prev-link.is-focused,
.pagination-first-link:focus,
.pagination-first-link.is-focused,
.pagination-last-link:focus,
.pagination-last-link.is-focused {
    outline: 0;
}

.pagination-next-link:disabled,
.pagination-next-link.is-disabled,
.pagination-prev-link:disabled,
.pagination-prev-link.is-disabled,
.pagination-first-link:disabled,
.pagination-first-link.is-disabled,
.pagination-last-link:disabled,
.pagination-last-link.is-disabled {
    color: #333333;
    border-color: #e2e8f0;
}

.pagination-next-link:not(:disabled):not(.is-disabled):active,
.pagination-next-link:not(:disabled):not(.is-disabled)[data-selected="true"],
.pagination-next-link:not(:disabled):not(.is-disabled).is-active,
.pagination-prev-link:not(:disabled):not(.is-disabled):active,
.pagination-prev-link:not(:disabled):not(.is-disabled)[data-selected="true"],
.pagination-prev-link:not(:disabled):not(.is-disabled).is-active,
.pagination-first-link:not(:disabled):not(.is-disabled):active,
.pagination-first-link:not(:disabled):not(.is-disabled)[data-selected="true"],
.pagination-first-link:not(:disabled):not(.is-disabled).is-active,
.pagination-last-link:not(:disabled):not(.is-disabled):active,
.pagination-last-link:not(:disabled):not(.is-disabled)[data-selected="true"],
.pagination-last-link:not(:disabled):not(.is-disabled).is-active {
    color: rgba(255, 255, 255, 1);
    border-color: #6b56ec;
    background-color: #6b56ec;
}

.pagination-first-text,
.pagination-last-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    clip-path: inset(50%);
    border: 0;
}

@media (max-width: 767.98px) {
    .collapsible-nav {
        position: relative;
        flex-direction: column;
        flex-wrap: nowrap;
        margin-left: 0;
        margin-right: 0;
        max-height: 3em;
        overflow: hidden;
        cursor: pointer;
        transition: max-height 0.3s ease-in-out;
    }
    .collapsible-nav>* {
        line-height: 3em;
    }
    .collapsible-nav>[aria-selected="true"] {
        order: -1;
    }
    .collapsible-nav .nav-link {
        padding: 0;
        border: none;
    }
    .collapsible-nav .nav-link::after {
        display: none;
    }
    .collapsible-nav .nav-link.is-active {
        order: -1;
        color: inherit;
        background-color: transparent;
    }
    .collapsible-nav::after {
        position: absolute;
        right: 0;
        top: calc(3em / 2 - .5em);
        content: "";
        height: 1em;
        width: 1em;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%232D3748' stroke-linecap='round' d='M3 4.5l2.6 2.6c.2.2.5.2.7 0L9 4.5'%3E%3C/path%3E%3C/svg%3E") no-repeat transparent center center;
        pointer-events: none;
    }
    [dir="rtl"] .collapsible-nav::after {
        left: 0;
        right: auto;
    }
    .collapsible-nav.is-expanded {
        max-height: 100vh;
    }
    .collapsible-nav.is-expanded::after {
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath stroke='%232D3748' stroke-linecap='round' d='M3 9l6-6m0 6L3 3'%3E%3C/path%3E%3C/svg%3E") no-repeat transparent center center;
    }
    .collapsible-nav .dropdown-menu {
        display: none !important;
    }
}

@media (max-width: 767.98px) {
    .collapse-title {
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0.75rem 0;
        margin: 0;
        font-size: 1em;
        cursor: pointer;
        user-select: none;
        transition: color 0.15s ease-in-out;
    }
    .collapse-title::after {
        content: "";
        height: 1em;
        width: 1em;
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%232D3748' stroke-linecap='round' d='M3 4.5l2.6 2.6c.2.2.5.2.7 0L9 4.5'%3E%3C/path%3E%3C/svg%3E") no-repeat transparent center center;
    }
    .collapse-title.is-active::after {
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath stroke='%232D3748' stroke-linecap='round' d='M3 9l6-6m0 6L3 3'%3E%3C/path%3E%3C/svg%3E") no-repeat transparent center center;
    }
    .collapse-title:focus,
    .collapse-title:hover {
        text-decoration: none;
        outline: none;
    }
}

.collapse:not(.is-visible) {
    display: none;
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition: all 0.15s ease-in-out;
}

.expand {
    display: flex !important;
    height: 100% !important;
    max-height: none !important;
    overflow: visible;
}

@media (min-width: 576px) {
    .sm\:expand {
        display: flex !important;
        height: 100% !important;
        max-height: none !important;
        overflow: visible;
    }
}

@media (min-width: 768px) {
    .md\:expand {
        display: flex !important;
        height: 100% !important;
        max-height: none !important;
        overflow: visible;
    }
}

@media (min-width: 992px) {
    .lg\:expand {
        display: flex !important;
        height: 100% !important;
        max-height: none !important;
        overflow: visible;
    }
}

@media (min-width: 1200px) {
    .xl\:expand {
        display: flex !important;
        height: 100% !important;
        max-height: none !important;
        overflow: visible;
    }
}

.tab-panel {
    padding: 1rem;
    margin-bottom: 1rem;
    list-style: none;
    border: 1px solid #e2e8f0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.tab-panel:not(:first-of-type) {
    display: none;
}

.tab-panel :last-child {
    margin-bottom: 0;
}

.tab {
    display: none;
}

.tab.is-active {
    display: block;
}

.fade {
    transition: opacity 150ms ease;
}

.fade:not(.is-shown) {
    opacity: 0;
}

.scaled {
    transition: opacity 500ms ease, transform 500ms ease;
    transform: scale(1);
}

.scaled:not(.is-shown) {
    opacity: 0;
    transform: scale(1.1);
}

.toggle {
    padding-left: 1em;
    padding-right: 1em;
}

.toggle:not(:last-child) {
    border-bottom: 1px solid #e2e8f0;
}

.toggle-title {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem 0;
    margin: 0;
    font-size: 1em;
    cursor: pointer;
    user-select: none;
    transition: color 0.15s ease-in-out;
}

.toggle-title::after {
    content: "";
    height: 1em;
    width: 1em;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%232D3748' stroke-linecap='round' d='M3 4.5l2.6 2.6c.2.2.5.2.7 0L9 4.5'%3E%3C/path%3E%3C/svg%3E") no-repeat transparent center center;
}

.toggle-title.is-active::after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath stroke='%232D3748' stroke-linecap='round' d='M3 9l6-6m0 6L3 3'%3E%3C/path%3E%3C/svg%3E") no-repeat transparent center center;
}

.toggle-title:focus,
.toggle-title:hover {
    text-decoration: none;
    outline: none;
}

.text-note {
    color: #61a5ff;
}

.text-warning {
    color: #ef526e;
}

.text-wyn {
    color: #7B68EE;
}


.text-tip {
    color: #28AA11;
}

.text-notification {
    color: #fff;
}

.text-inherit {
    color: inherit;
}

.text-base {
    color: #333333;
}

.text-black {
    color: #000;
}

.text-white {
    color: #fff;
}

.text-gray-100 {
    color: #f6fbff;
}

.text-gray-200 {
    color: #EDF2F7;
}

.text-gray-300 {
    color: #E2E8F0;
}

.text-gray-400 {
    color: #CBD5E0;
}

.text-gray-500 {
    color: #A0AEC0;
}

.text-gray-600 {
    color: #718096;
}

.text-gray-700 {
    color: #4A5568;
}

.text-gray-800 {
    color: #2D3748;
}

.text-gray-900 {
    color: #1A202C;
}

.text-red-500 {
    color: #F56565;
}

.text-orange-500 {
    color: #ED8936;
}

.text-green-500 {
    color: #48BB78;
}

.text-primary {
    color: rgba(123, 104, 238, 1);
}

.text-secondary {
    color: rgba(73, 204, 249, 1);
}

.text-tertiary {
    color: rgba(123, 104, 238, 1);
}

.text-primary-inverse {
    color: rgba(255, 255, 255, 1);
}

.text-secondary-inverse {
    color: rgba(255, 255, 255, 1);
}

.text-tertiary-inverse {
    color: rgba(255, 255, 255, 1);
}

.hover\:text-inherit:hover {
    color: inherit;
}

.hover\:text-base:hover {
    color: #333333;
}

.hover\:text-black:hover {
    color: #000;
}

.hover\:text-white:hover {
    color: #fff;
}

.hover\:text-gray-100:hover {
    color: #f6fbff;
}

.hover\:text-gray-200:hover {
    color: #EDF2F7;
}

.hover\:text-gray-300:hover {
    color: #E2E8F0;
}

.hover\:text-gray-400:hover {
    color: #CBD5E0;
}

.hover\:text-gray-500:hover {
    color: #A0AEC0;
}

.hover\:text-gray-600:hover {
    color: #718096;
}

.hover\:text-gray-700:hover {
    color: #4A5568;
}

.hover\:text-gray-800:hover {
    color: #2D3748;
}

.hover\:text-gray-900:hover {
    color: #1A202C;
}

.hover\:text-red-500:hover {
    color: #F56565;
}

.hover\:text-orange-500:hover {
    color: #ED8936;
}

.hover\:text-green-500:hover {
    color: #48BB78;
}

.hover\:text-primary:hover {
    color: rgba(123, 104, 238, 1);
}

.hover\:text-secondary:hover {
    color: rgba(73, 204, 249, 1);
}

.hover\:text-tertiary:hover {
    color: rgba(123, 104, 238, 1);
}

.hover\:text-primary-inverse:hover {
    color: rgba(255, 255, 255, 1);
}

.hover\:text-secondary-inverse:hover {
    color: rgba(255, 255, 255, 1);
}

.hover\:text-tertiary-inverse:hover {
    color: rgba(255, 255, 255, 1);
}

@media (min-width: 576px) {
    .sm\:text-inherit {
        color: inherit;
    }
    .sm\:text-base {
        color: #333333;
    }
    .sm\:text-black {
        color: #000;
    }
    .sm\:text-white {
        color: #fff;
    }
    .sm\:text-gray-100 {
        color: #f6fbff;
    }
    .sm\:text-gray-200 {
        color: #EDF2F7;
    }
    .sm\:text-gray-300 {
        color: #E2E8F0;
    }
    .sm\:text-gray-400 {
        color: #CBD5E0;
    }
    .sm\:text-gray-500 {
        color: #A0AEC0;
    }
    .sm\:text-gray-600 {
        color: #718096;
    }
    .sm\:text-gray-700 {
        color: #4A5568;
    }
    .sm\:text-gray-800 {
        color: #2D3748;
    }
    .sm\:text-gray-900 {
        color: #1A202C;
    }
    .sm\:text-red-500 {
        color: #F56565;
    }
    .sm\:text-orange-500 {
        color: #ED8936;
    }
    .sm\:text-green-500 {
        color: #48BB78;
    }
    .sm\:text-primary {
        color: rgba(123, 104, 238, 1);
    }
    .sm\:text-secondary {
        color: rgba(73, 204, 249, 1);
    }
    .sm\:text-tertiary {
        color: rgba(123, 104, 238, 1);
    }
    .sm\:text-primary-inverse {
        color: rgba(255, 255, 255, 1);
    }
    .sm\:text-secondary-inverse {
        color: rgba(255, 255, 255, 1);
    }
    .sm\:text-tertiary-inverse {
        color: rgba(255, 255, 255, 1);
    }
}

@media (min-width: 768px) {
    .md\:text-inherit {
        color: inherit;
    }
    .md\:text-base {
        color: #333333;
    }
    .md\:text-black {
        color: #000;
    }
    .md\:text-white {
        color: #fff;
    }
    .md\:text-gray-100 {
        color: #f6fbff;
    }
    .md\:text-gray-200 {
        color: #EDF2F7;
    }
    .md\:text-gray-300 {
        color: #E2E8F0;
    }
    .md\:text-gray-400 {
        color: #CBD5E0;
    }
    .md\:text-gray-500 {
        color: #A0AEC0;
    }
    .md\:text-gray-600 {
        color: #718096;
    }
    .md\:text-gray-700 {
        color: #4A5568;
    }
    .md\:text-gray-800 {
        color: #2D3748;
    }
    .md\:text-gray-900 {
        color: #1A202C;
    }
    .md\:text-red-500 {
        color: #F56565;
    }
    .md\:text-orange-500 {
        color: #ED8936;
    }
    .md\:text-green-500 {
        color: #48BB78;
    }
    .md\:text-primary {
        color: rgba(123, 104, 238, 1);
    }
    .md\:text-secondary {
        color: rgba(73, 204, 249, 1);
    }
    .md\:text-tertiary {
        color: rgba(123, 104, 238, 1);
    }
    .md\:text-primary-inverse {
        color: rgba(255, 255, 255, 1);
    }
    .md\:text-secondary-inverse {
        color: rgba(255, 255, 255, 1);
    }
    .md\:text-tertiary-inverse {
        color: rgba(255, 255, 255, 1);
    }
}

@media (min-width: 992px) {
    .lg\:text-inherit {
        color: inherit;
    }
    .lg\:text-base {
        color: #333333;
    }
    .lg\:text-black {
        color: #000;
    }
    .lg\:text-white {
        color: #fff;
    }
    .lg\:text-gray-100 {
        color: #f6fbff;
    }
    .lg\:text-gray-200 {
        color: #EDF2F7;
    }
    .lg\:text-gray-300 {
        color: #E2E8F0;
    }
    .lg\:text-gray-400 {
        color: #CBD5E0;
    }
    .lg\:text-gray-500 {
        color: #A0AEC0;
    }
    .lg\:text-gray-600 {
        color: #718096;
    }
    .lg\:text-gray-700 {
        color: #4A5568;
    }
    .lg\:text-gray-800 {
        color: #2D3748;
    }
    .lg\:text-gray-900 {
        color: #1A202C;
    }
    .lg\:text-red-500 {
        color: #F56565;
    }
    .lg\:text-orange-500 {
        color: #ED8936;
    }
    .lg\:text-green-500 {
        color: #48BB78;
    }
    .lg\:text-primary {
        color: rgba(123, 104, 238, 1);
    }
    .lg\:text-secondary {
        color: rgba(73, 204, 249, 1);
    }
    .lg\:text-tertiary {
        color: rgba(123, 104, 238, 1);
    }
    .lg\:text-primary-inverse {
        color: rgba(255, 255, 255, 1);
    }
    .lg\:text-secondary-inverse {
        color: rgba(255, 255, 255, 1);
    }
    .lg\:text-tertiary-inverse {
        color: rgba(255, 255, 255, 1);
    }
}

@media (min-width: 1200px) {
    .xl\:text-inherit {
        color: inherit;
    }
    .xl\:text-base {
        color: #333333;
    }
    .xl\:text-black {
        color: #000;
    }
    .xl\:text-white {
        color: #fff;
    }
    .xl\:text-gray-100 {
        color: #f6fbff;
    }
    .xl\:text-gray-200 {
        color: #EDF2F7;
    }
    .xl\:text-gray-300 {
        color: #E2E8F0;
    }
    .xl\:text-gray-400 {
        color: #CBD5E0;
    }
    .xl\:text-gray-500 {
        color: #A0AEC0;
    }
    .xl\:text-gray-600 {
        color: #718096;
    }
    .xl\:text-gray-700 {
        color: #4A5568;
    }
    .xl\:text-gray-800 {
        color: #2D3748;
    }
    .xl\:text-gray-900 {
        color: #1A202C;
    }
    .xl\:text-red-500 {
        color: #F56565;
    }
    .xl\:text-orange-500 {
        color: #ED8936;
    }
    .xl\:text-green-500 {
        color: #48BB78;
    }
    .xl\:text-primary {
        color: rgba(123, 104, 238, 1);
    }
    .xl\:text-secondary {
        color: rgba(73, 204, 249, 1);
    }
    .xl\:text-tertiary {
        color: rgba(123, 104, 238, 1);
    }
    .xl\:text-primary-inverse {
        color: rgba(255, 255, 255, 1);
    }
    .xl\:text-secondary-inverse {
        color: rgba(255, 255, 255, 1);
    }
    .xl\:text-tertiary-inverse {
        color: rgba(255, 255, 255, 1);
    }
}

.font-heading {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
}

.font-text {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
}

.font-code {
    font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

.wysiwyg-font-size-small {
    font-size: 0.875rem;
}

.wysiwyg-font-size-medium {
    font-size: 1em;
}

.wysiwyg-font-size-large {
    font-size: 1.125rem;
}

.wysiwyg-font-size-x-large {
    font-size: 1.25rem;
}

.font-size-xs {
    font-size: 0.75rem;
}

.font-size-sm {
    font-size: 0.875rem;
}

.font-size-md {
    font-size: 0.9375rem;
}

.font-size-base {
    font-size: 1rem;
}

.font-size-lg {
    font-size: 1.125rem;
}

.font-size-xl {
    font-size: 1.25rem;
}

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

.font-size-3xl {
    font-size: 1.875rem;
}

.font-size-4xl {
    font-size: 2.25rem;
}

.font-size-5xl {
    font-size: 3rem;
}

.font-size-6xl {
    font-size: 4rem;
}

@media (min-width: 576px) {
    .sm\:font-size-xs {
        font-size: 0.75rem;
    }
    .sm\:font-size-sm {
        font-size: 0.875rem;
    }
    .sm\:font-size-md {
        font-size: 0.9375rem;
    }
    .sm\:font-size-base {
        font-size: 1rem;
    }
    .sm\:font-size-lg {
        font-size: 1.125rem;
    }
    .sm\:font-size-xl {
        font-size: 1.25rem;
    }
    .sm\:font-size-2xl {
        font-size: 1.5rem;
    }
    .sm\:font-size-3xl {
        font-size: 1.875rem;
    }
    .sm\:font-size-4xl {
        font-size: 2.25rem;
    }
    .sm\:font-size-5xl {
        font-size: 3rem;
    }
    .sm\:font-size-6xl {
        font-size: 4rem;
    }
}

@media (min-width: 768px) {
    .md\:font-size-xs {
        font-size: 0.75rem;
    }
    .md\:font-size-sm {
        font-size: 0.875rem;
    }
    .md\:font-size-md {
        font-size: 0.9375rem;
    }
    .md\:font-size-base {
        font-size: 1rem;
    }
    .md\:font-size-lg {
        font-size: 1.125rem;
    }
    .md\:font-size-xl {
        font-size: 1.25rem;
    }
    .md\:font-size-2xl {
        font-size: 1.5rem;
    }
    .md\:font-size-3xl {
        font-size: 1.875rem;
    }
    .md\:font-size-4xl {
        font-size: 2.25rem;
    }
    .md\:font-size-5xl {
        font-size: 3rem;
    }
    .md\:font-size-6xl {
        font-size: 4rem;
    }
}

@media (min-width: 992px) {
    .lg\:font-size-xs {
        font-size: 0.75rem;
    }
    .lg\:font-size-sm {
        font-size: 0.875rem;
    }
    .lg\:font-size-md {
        font-size: 0.9375rem;
    }
    .lg\:font-size-base {
        font-size: 1rem;
    }
    .lg\:font-size-lg {
        font-size: 1.125rem;
    }
    .lg\:font-size-xl {
        font-size: 1.25rem;
    }
    .lg\:font-size-2xl {
        font-size: 1.5rem;
    }
    .lg\:font-size-3xl {
        font-size: 1.875rem;
    }
    .lg\:font-size-4xl {
        font-size: 2.25rem;
    }
    .lg\:font-size-5xl {
        font-size: 3rem;
    }
    .lg\:font-size-6xl {
        font-size: 4rem;
    }
}

@media (min-width: 1200px) {
    .xl\:font-size-xs {
        font-size: 0.75rem;
    }
    .xl\:font-size-sm {
        font-size: 0.875rem;
    }
    .xl\:font-size-md {
        font-size: 0.9375rem;
    }
    .xl\:font-size-base {
        font-size: 1rem;
    }
    .xl\:font-size-lg {
        font-size: 1.125rem;
    }
    .xl\:font-size-xl {
        font-size: 1.25rem;
    }
    .xl\:font-size-2xl {
        font-size: 1.5rem;
    }
    .xl\:font-size-3xl {
        font-size: 1.875rem;
    }
    .xl\:font-size-4xl {
        font-size: 2.25rem;
    }
    .xl\:font-size-5xl {
        font-size: 3rem;
    }
    .xl\:font-size-6xl {
        font-size: 4rem;
    }
}

.normal {
    font-style: normal;
}

.italic {
    font-style: italic;
}

@media (min-width: 576px) {
    .sm\:normal {
        font-style: normal;
    }
    .sm\:italic {
        font-style: italic;
    }
}

@media (min-width: 768px) {
    .md\:normal {
        font-style: normal;
    }
    .md\:italic {
        font-style: italic;
    }
}

@media (min-width: 992px) {
    .lg\:normal {
        font-style: normal;
    }
    .lg\:italic {
        font-style: italic;
    }
}

@media (min-width: 1200px) {
    .xl\:normal {
        font-style: normal;
    }
    .xl\:italic {
        font-style: italic;
    }
}

.font-hairline {
    font-weight: 100;
}

.font-thin {
    font-weight: 200;
}

.font-light {
    font-weight: 300;
}

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

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

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

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

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

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

@media (min-width: 576px) {
    .sm\:font-hairline {
        font-weight: 100;
    }
    .sm\:font-thin {
        font-weight: 200;
    }
    .sm\:font-light {
        font-weight: 300;
    }
    .sm\:font-normal {
        font-weight: 400;
    }
    .sm\:font-medium {
        font-weight: 500;
    }
    .sm\:font-semibold {
        font-weight: 600;
    }
    .sm\:font-bold {
        font-weight: 700;
    }
    .sm\:font-extrabold {
        font-weight: 800;
    }
    .sm\:font-black {
        font-weight: 900;
    }
}

@media (min-width: 768px) {
    .md\:font-hairline {
        font-weight: 100;
    }
    .md\:font-thin {
        font-weight: 200;
    }
    .md\:font-light {
        font-weight: 300;
    }
    .md\:font-normal {
        font-weight: 400;
    }
    .md\:font-medium {
        font-weight: 500;
    }
    .md\:font-semibold {
        font-weight: 600;
    }
    .md\:font-bold {
        font-weight: 700;
    }
    .md\:font-extrabold {
        font-weight: 800;
    }
    .md\:font-black {
        font-weight: 900;
    }
}

@media (min-width: 992px) {
    .lg\:font-hairline {
        font-weight: 100;
    }
    .lg\:font-thin {
        font-weight: 200;
    }
    .lg\:font-light {
        font-weight: 300;
    }
    .lg\:font-normal {
        font-weight: 400;
    }
    .lg\:font-medium {
        font-weight: 500;
    }
    .lg\:font-semibold {
        font-weight: 600;
    }
    .lg\:font-bold {
        font-weight: 700;
    }
    .lg\:font-extrabold {
        font-weight: 800;
    }
    .lg\:font-black {
        font-weight: 900;
    }
}

@media (min-width: 1200px) {
    .xl\:font-hairline {
        font-weight: 100;
    }
    .xl\:font-thin {
        font-weight: 200;
    }
    .xl\:font-light {
        font-weight: 300;
    }
    .xl\:font-normal {
        font-weight: 400;
    }
    .xl\:font-medium {
        font-weight: 500;
    }
    .xl\:font-semibold {
        font-weight: 600;
    }
    .xl\:font-bold {
        font-weight: 700;
    }
    .xl\:font-extrabold {
        font-weight: 800;
    }
    .xl\:font-black {
        font-weight: 900;
    }
}

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

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

.tracking-normal {
    letter-spacing: 0;
}

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

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

@media (min-width: 576px) {
    .sm\:tracking-tighter {
        letter-spacing: -0.05em;
    }
    .sm\:tracking-tight {
        letter-spacing: -0.025em;
    }
    .sm\:tracking-normal {
        letter-spacing: 0;
    }
    .sm\:tracking-wide {
        letter-spacing: 0.025em;
    }
    .sm\:tracking-wider {
        letter-spacing: 0.05em;
    }
}

@media (min-width: 768px) {
    .md\:tracking-tighter {
        letter-spacing: -0.05em;
    }
    .md\:tracking-tight {
        letter-spacing: -0.025em;
    }
    .md\:tracking-normal {
        letter-spacing: 0;
    }
    .md\:tracking-wide {
        letter-spacing: 0.025em;
    }
    .md\:tracking-wider {
        letter-spacing: 0.05em;
    }
}

@media (min-width: 992px) {
    .lg\:tracking-tighter {
        letter-spacing: -0.05em;
    }
    .lg\:tracking-tight {
        letter-spacing: -0.025em;
    }
    .lg\:tracking-normal {
        letter-spacing: 0;
    }
    .lg\:tracking-wide {
        letter-spacing: 0.025em;
    }
    .lg\:tracking-wider {
        letter-spacing: 0.05em;
    }
}

@media (min-width: 1200px) {
    .xl\:tracking-tighter {
        letter-spacing: -0.05em;
    }
    .xl\:tracking-tight {
        letter-spacing: -0.025em;
    }
    .xl\:tracking-normal {
        letter-spacing: 0;
    }
    .xl\:tracking-wide {
        letter-spacing: 0.025em;
    }
    .xl\:tracking-wider {
        letter-spacing: 0.05em;
    }
}

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

.line-height-tight {
    line-height: 1.25;
}

.line-height-snug {
    line-height: 1.375;
}

.line-height-normal {
    line-height: 1.5;
}

.line-height-relaxed {
    line-height: 1.625;
}

.line-height-wide {
    line-height: 2;
}

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

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

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

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

.list-inside {
    list-style-position: inside;
}

.list-outside {
    list-style-position: outside;
}

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

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

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

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

@media (min-width: 576px) {
    .sm\:text-left {
        text-align: left;
    }
    .sm\:text-right {
        text-align: left;
    }
    .sm\:text-center {
        text-align: center;
    }
    .sm\:text-justify {
        text-align: justify;
    }
}

@media (min-width: 768px) {
    .md\:text-left {
        text-align: left;
    }
    .md\:text-right {
        text-align: left;
    }
    .md\:text-center {
        text-align: center;
    }
    .md\:text-justify {
        text-align: justify;
    }
}

@media (min-width: 992px) {
    .lg\:text-left {
        text-align: left;
    }
    .lg\:text-right {
        text-align: left;
    }
    .lg\:text-center {
        text-align: center;
    }
    .lg\:text-justify {
        text-align: justify;
    }
}

@media (min-width: 1200px) {
    .xl\:text-left {
        text-align: left;
    }
    .xl\:text-right {
        text-align: left;
    }
    .xl\:text-center {
        text-align: center;
    }
    .xl\:text-justify {
        text-align: justify;
    }
}

.underline {
    text-decoration: underline;
}

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

.no-underline {
    text-decoration: none;
}

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

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

.hover\:no-underline:hover {
    text-decoration: none;
}

.lowercase {
    text-transform: lowercase;
}

.uppercase {
    text-transform: uppercase;
}

.capitalize {
    text-transform: capitalize;
}

.normal-case {
    text-transform: none;
}

@media (min-width: 576px) {
    .sm\:lowercase {
        text-transform: lowercase;
    }
    .sm\:uppercase {
        text-transform: uppercase;
    }
    .sm\:capitalize {
        text-transform: capitalize;
    }
    .sm\:normal-case {
        text-transform: none;
    }
}

@media (min-width: 768px) {
    .md\:lowercase {
        text-transform: lowercase;
    }
    .md\:uppercase {
        text-transform: uppercase;
    }
    .md\:capitalize {
        text-transform: capitalize;
    }
    .md\:normal-case {
        text-transform: none;
    }
}

@media (min-width: 992px) {
    .lg\:lowercase {
        text-transform: lowercase;
    }
    .lg\:uppercase {
        text-transform: uppercase;
    }
    .lg\:capitalize {
        text-transform: capitalize;
    }
    .lg\:normal-case {
        text-transform: none;
    }
}

@media (min-width: 1200px) {
    .xl\:lowercase {
        text-transform: lowercase;
    }
    .xl\:uppercase {
        text-transform: uppercase;
    }
    .xl\:capitalize {
        text-transform: capitalize;
    }
    .xl\:normal-case {
        text-transform: none;
    }
}

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

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

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

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

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

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

@media (min-width: 576px) {
    .sm\:align-baseline {
        vertical-align: baseline;
    }
    .sm\:align-top {
        vertical-align: top;
    }
    .sm\:align-middle {
        vertical-align: middle;
    }
    .sm\:align-bottom {
        vertical-align: bottom;
    }
    .sm\:align-text-top {
        vertical-align: text-top;
    }
    .sm\:align-text-bottom {
        vertical-align: text-bottom;
    }
}

@media (min-width: 768px) {
    .md\:align-baseline {
        vertical-align: baseline;
    }
    .md\:align-top {
        vertical-align: top;
    }
    .md\:align-middle {
        vertical-align: middle;
    }
    .md\:align-bottom {
        vertical-align: bottom;
    }
    .md\:align-text-top {
        vertical-align: text-top;
    }
    .md\:align-text-bottom {
        vertical-align: text-bottom;
    }
}

@media (min-width: 992px) {
    .lg\:align-baseline {
        vertical-align: baseline;
    }
    .lg\:align-top {
        vertical-align: top;
    }
    .lg\:align-middle {
        vertical-align: middle;
    }
    .lg\:align-bottom {
        vertical-align: bottom;
    }
    .lg\:align-text-top {
        vertical-align: text-top;
    }
    .lg\:align-text-bottom {
        vertical-align: text-bottom;
    }
}

@media (min-width: 1200px) {
    .xl\:align-baseline {
        vertical-align: baseline;
    }
    .xl\:align-top {
        vertical-align: top;
    }
    .xl\:align-middle {
        vertical-align: middle;
    }
    .xl\:align-bottom {
        vertical-align: bottom;
    }
    .xl\:align-text-top {
        vertical-align: text-top;
    }
    .xl\:align-text-bottom {
        vertical-align: text-bottom;
    }
}

.white-space-normal {
    white-space: normal;
}

.white-space-no-wrap {
    white-space: nowrap;
}

.white-space-pre {
    white-space: pre;
}

.white-space-pre-line {
    white-space: pre-line;
}

.white-space-pre-wrap {
    white-space: pre-wrap;
}

.break-normal {
    word-break: normal;
}

.break-words {
    word-wrap: break-word;
}

.break-spaces {
    word-wrap: break-spaces;
}

.break-all {
    word-break: break-all;
}

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

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.ratio {
    position: relative;
    height: 0;
}

.ratio iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 96;
}

.ratio-1-1 {
    padding-bottom: 100%;
}

.ratio-16-9 {
    padding-bottom: 56.25%;
}

.ratio-4-3 {
    padding-bottom: 75%;
}

.block {
    display: block !important;
}

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

.inline {
    display: inline !important;
}

.table,
.content table:not([class*="table"]) {
    display: table !important;
}

.table-header-group {
    display: table-header-group !important;
}

.table-row {
    display: table-row !important;
}

.table-cell {
    display: table-cell !important;
}

.flex {
    display: flex !important;
}

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

.hidden {
    display: none !important;
}

.empty\:hidden:empty {
    display: none;
}

@media (min-width: 576px) {
    .sm\:block {
        display: block !important;
    }
    .sm\:inline-block {
        display: inline-block !important;
    }
    .sm\:inline {
        display: inline !important;
    }
    .sm\:table {
        display: table !important;
    }
    .sm\:table-header-group {
        display: table-header-group !important;
    }
    .sm\:table-row {
        display: table-row !important;
    }
    .sm\:table-cell {
        display: table-cell !important;
    }
    .sm\:flex {
        display: flex !important;
    }
    .sm\:inline-flex {
        display: inline-flex !important;
    }
    .sm\:hidden {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .md\:block {
        display: block !important;
    }
    .md\:inline-block {
        display: inline-block !important;
    }
    .md\:inline {
        display: inline !important;
    }
    .md\:table {
        display: table !important;
    }
    .md\:table-header-group {
        display: table-header-group !important;
    }
    .md\:table-row {
        display: table-row !important;
    }
    .md\:table-cell {
        display: table-cell !important;
    }
    .md\:flex {
        display: flex !important;
    }
    .md\:inline-flex {
        display: inline-flex !important;
    }
    .md\:hidden {
        display: none !important;
    }
}

@media (min-width: 992px) {
    .lg\:block {
        display: block !important;
    }
    .lg\:inline-block {
        display: inline-block !important;
    }
    .lg\:inline {
        display: inline !important;
    }
    .lg\:table {
        display: table !important;
    }
    .lg\:table-header-group {
        display: table-header-group !important;
    }
    .lg\:table-row {
        display: table-row !important;
    }
    .lg\:table-cell {
        display: table-cell !important;
    }
    .lg\:flex {
        display: flex !important;
    }
    .lg\:inline-flex {
        display: inline-flex !important;
    }
    .lg\:hidden {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .xl\:block {
        display: block !important;
    }
    .xl\:inline-block {
        display: inline-block !important;
    }
    .xl\:inline {
        display: inline !important;
    }
    .xl\:table {
        display: table !important;
    }
    .xl\:table-header-group {
        display: table-header-group !important;
    }
    .xl\:table-row {
        display: table-row !important;
    }
    .xl\:table-cell {
        display: table-cell !important;
    }
    .xl\:flex {
        display: flex !important;
    }
    .xl\:inline-flex {
        display: inline-flex !important;
    }
    .xl\:hidden {
        display: none !important;
    }
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.float-none {
    float: none;
}

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

@media (min-width: 576px) {
    .sm\:float-left {
        float: left;
    }
    .sm\:float-right {
        float: right;
    }
    .sm\:float-none {
        float: none;
    }
    .sm\:clearfix::after {
        display: block;
        clear: both;
        content: "";
    }
}

@media (min-width: 768px) {
    .md\:float-left {
        float: left;
    }
    .md\:float-right {
        float: right;
    }
    .md\:float-none {
        float: none;
    }
    .md\:clearfix::after {
        display: block;
        clear: both;
        content: "";
    }
}

@media (min-width: 992px) {
    .lg\:float-left {
        float: left;
    }
    .lg\:float-right {
        float: right;
    }
    .lg\:float-none {
        float: none;
    }
    .lg\:clearfix::after {
        display: block;
        clear: both;
        content: "";
    }
}

@media (min-width: 1200px) {
    .xl\:float-left {
        float: left;
    }
    .xl\:float-right {
        float: right;
    }
    .xl\:float-none {
        float: none;
    }
    .xl\:clearfix::after {
        display: block;
        clear: both;
        content: "";
    }
}

.overflow-auto {
    overflow: auto;
}

.overflow-hidden {
    overflow: hidden;
}

.overflow-visible {
    overflow: visible;
}

.overflow-scroll {
    overflow: scroll;
}

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

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

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

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

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

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

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

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

.scrolling-touch {
    -webkit-overflow-scrolling: touch;
}

.scrolling-auto {
    -webkit-overflow-scrolling: auto;
}

@media (min-width: 576px) {
    .sm\:overflow-auto {
        overflow: auto;
    }
    .sm\:overflow-hidden {
        overflow: hidden;
    }
    .sm\:overflow-visible {
        overflow: visible;
    }
    .sm\:overflow-scroll {
        overflow: scroll;
    }
    .sm\:overflow-x-auto {
        overflow-x: auto;
    }
    .sm\:overflow-y-auto {
        overflow-y: auto;
    }
    .sm\:overflow-x-hidden {
        overflow-x: hidden;
    }
    .sm\:overflow-y-hidden {
        overflow-y: hidden;
    }
    .sm\:overflow-x-visible {
        overflow-x: visible;
    }
    .sm\:overflow-y-visible {
        overflow-y: visible;
    }
    .sm\:overflow-x-scroll {
        overflow-x: scroll;
    }
    .sm\:overflow-y-scroll {
        overflow-y: scroll;
    }
    .sm\:scrolling-touch {
        -webkit-overflow-scrolling: touch;
    }
    .sm\:scrolling-auto {
        -webkit-overflow-scrolling: auto;
    }
}

@media (min-width: 768px) {
    .md\:overflow-auto {
        overflow: auto;
    }
    .md\:overflow-hidden {
        overflow: hidden;
    }
    .md\:overflow-visible {
        overflow: visible;
    }
    .md\:overflow-scroll {
        overflow: scroll;
    }
    .md\:overflow-x-auto {
        overflow-x: auto;
    }
    .md\:overflow-y-auto {
        overflow-y: auto;
    }
    .md\:overflow-x-hidden {
        overflow-x: hidden;
    }
    .md\:overflow-y-hidden {
        overflow-y: hidden;
    }
    .md\:overflow-x-visible {
        overflow-x: visible;
    }
    .md\:overflow-y-visible {
        overflow-y: visible;
    }
    .md\:overflow-x-scroll {
        overflow-x: scroll;
    }
    .md\:overflow-y-scroll {
        overflow-y: scroll;
    }
    .md\:scrolling-touch {
        -webkit-overflow-scrolling: touch;
    }
    .md\:scrolling-auto {
        -webkit-overflow-scrolling: auto;
    }
}

@media (min-width: 992px) {
    .lg\:overflow-auto {
        overflow: auto;
    }
    .lg\:overflow-hidden {
        overflow: hidden;
    }
    .lg\:overflow-visible {
        overflow: visible;
    }
    .lg\:overflow-scroll {
        overflow: scroll;
    }
    .lg\:overflow-x-auto {
        overflow-x: auto;
    }
    .lg\:overflow-y-auto {
        overflow-y: auto;
    }
    .lg\:overflow-x-hidden {
        overflow-x: hidden;
    }
    .lg\:overflow-y-hidden {
        overflow-y: hidden;
    }
    .lg\:overflow-x-visible {
        overflow-x: visible;
    }
    .lg\:overflow-y-visible {
        overflow-y: visible;
    }
    .lg\:overflow-x-scroll {
        overflow-x: scroll;
    }
    .lg\:overflow-y-scroll {
        overflow-y: scroll;
    }
    .lg\:scrolling-touch {
        -webkit-overflow-scrolling: touch;
    }
    .lg\:scrolling-auto {
        -webkit-overflow-scrolling: auto;
    }
}

@media (min-width: 1200px) {
    .xl\:overflow-auto {
        overflow: auto;
    }
    .xl\:overflow-hidden {
        overflow: hidden;
    }
    .xl\:overflow-visible {
        overflow: visible;
    }
    .xl\:overflow-scroll {
        overflow: scroll;
    }
    .xl\:overflow-x-auto {
        overflow-x: auto;
    }
    .xl\:overflow-y-auto {
        overflow-y: auto;
    }
    .xl\:overflow-x-hidden {
        overflow-x: hidden;
    }
    .xl\:overflow-y-hidden {
        overflow-y: hidden;
    }
    .xl\:overflow-x-visible {
        overflow-x: visible;
    }
    .xl\:overflow-y-visible {
        overflow-y: visible;
    }
    .xl\:overflow-x-scroll {
        overflow-x: scroll;
    }
    .xl\:overflow-y-scroll {
        overflow-y: scroll;
    }
    .xl\:scrolling-touch {
        -webkit-overflow-scrolling: touch;
    }
    .xl\:scrolling-auto {
        -webkit-overflow-scrolling: auto;
    }
}

@media (max-width: 575.98px) {
    .sm\:scroll-x {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .sm\:scroll-x::-webkit-scrollbar {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .md\:scroll-x {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .md\:scroll-x::-webkit-scrollbar {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .lg\:scroll-x {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .lg\:scroll-x::-webkit-scrollbar {
        display: none;
    }
}

@media (max-width: 1199.98px) {
    .xl\:scroll-x {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .xl\:scroll-x::-webkit-scrollbar {
        display: none;
    }
}

.scroll-x {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.scroll-x::-webkit-scrollbar {
    display: none;
}

.static {
    position: static;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}

.fixed {
    position: fixed;
}

.sticky {
    position: sticky;
}

.initial {
    position: initial;
}

.absolute-top {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 100;
}

.absolute-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    z-index: 100;
}

.absolute-bottom {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 96;
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 96;
}

.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 97;
}

@media (min-width: 576px) {
    .sm\:static {
        position: static;
    }
    .sm\:relative {
        position: relative;
    }
    .sm\:absolute {
        position: absolute;
    }
    .sm\:fixed {
        position: fixed;
    }
    .sm\:sticky {
        position: sticky;
    }
    .sm\:initial {
        position: initial;
    }
    .sm\:absolute-top {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        z-index: 100;
    }
    .sm\:absolute-center {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate3d(-50%, -50%, 0);
        z-index: 100;
    }
    .sm\:fixed-top {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 96;
    }
    .sm\:fixed-bottom {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 96;
    }
    .sm\:sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 97;
    }
}

@media (min-width: 768px) {
    .md\:static {
        position: static;
    }
    .md\:relative {
        position: relative;
    }
    .md\:absolute {
        position: absolute;
    }
    .md\:fixed {
        position: fixed;
    }
    .md\:sticky {
        position: sticky;
    }
    .md\:initial {
        position: initial;
    }
    .md\:absolute-top {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        z-index: 100;
    }
    .md\:absolute-center {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate3d(-50%, -50%, 0);
        z-index: 100;
    }
    .md\:fixed-top {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 96;
    }
    .md\:fixed-bottom {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 96;
    }
    .md\:sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 97;
    }
}

@media (min-width: 992px) {
    .lg\:static {
        position: static;
    }
    .lg\:relative {
        position: relative;
    }
    .lg\:absolute {
        position: absolute;
    }
    .lg\:fixed {
        position: fixed;
    }
    .lg\:sticky {
        position: sticky;
    }
    .lg\:initial {
        position: initial;
    }
    .lg\:absolute-top {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        z-index: 100;
    }
    .lg\:absolute-center {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate3d(-50%, -50%, 0);
        z-index: 100;
    }
    .lg\:fixed-top {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 96;
    }
    .lg\:fixed-bottom {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 96;
    }
    .lg\:sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 97;
    }
}

@media (min-width: 1200px) {
    .xl\:static {
        position: static;
    }
    .xl\:relative {
        position: relative;
    }
    .xl\:absolute {
        position: absolute;
    }
    .xl\:fixed {
        position: fixed;
    }
    .xl\:sticky {
        position: sticky;
    }
    .xl\:initial {
        position: initial;
    }
    .xl\:absolute-top {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        z-index: 100;
    }
    .xl\:absolute-center {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate3d(-50%, -50%, 0);
        z-index: 100;
    }
    .xl\:fixed-top {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 96;
    }
    .xl\:fixed-bottom {
        position: fixed;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 96;
    }
    .xl\:sticky-top {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 97;
    }
}

.top-0 {
    top: 0;
}

.top-100 {
    top: 100%;
}

.bottom-0 {
    bottom: 0;
}

.left-0 {
    left: 0;
}

.right-0 {
    right: 0;
}

.top-auto {
    top: auto;
}

.bottom-auto {
    bottom: auto;
}

.left-auto {
    left: auto;
}

.right-auto {
    right: auto;
}

@media (min-width: 576px) {
    .sm\:top-0 {
        top: 0;
    }
    .sm\:top-100 {
        top: 100%;
    }
    .sm\:bottom-0 {
        bottom: 0;
    }
    .sm\:left-0 {
        left: 0;
    }
    .sm\:right-0 {
        right: 0;
    }
    .sm\:top-auto {
        top: auto;
    }
    .sm\:bottom-auto {
        bottom: auto;
    }
    .sm\:left-auto {
        left: auto;
    }
    .sm\:right-auto {
        right: auto;
    }
}

@media (min-width: 768px) {
    .md\:top-0 {
        top: 0;
    }
    .md\:top-100 {
        top: 100%;
    }
    .md\:bottom-0 {
        bottom: 0;
    }
    .md\:left-0 {
        left: 0;
    }
    .md\:right-0 {
        right: 0;
    }
    .md\:top-auto {
        top: auto;
    }
    .md\:bottom-auto {
        bottom: auto;
    }
    .md\:left-auto {
        left: auto;
    }
    .md\:right-auto {
        right: auto;
    }
}

@media (min-width: 992px) {
    .lg\:top-0 {
        top: 0;
    }
    .lg\:top-100 {
        top: 100%;
    }
    .lg\:bottom-0 {
        bottom: 0;
    }
    .lg\:left-0 {
        left: 0;
    }
    .lg\:right-0 {
        right: 0;
    }
    .lg\:top-auto {
        top: auto;
    }
    .lg\:bottom-auto {
        bottom: auto;
    }
    .lg\:left-auto {
        left: auto;
    }
    .lg\:right-auto {
        right: auto;
    }
}

@media (min-width: 1200px) {
    .xl\:top-0 {
        top: 0;
    }
    .xl\:top-100 {
        top: 100%;
    }
    .xl\:bottom-0 {
        bottom: 0;
    }
    .xl\:left-0 {
        left: 0;
    }
    .xl\:right-0 {
        right: 0;
    }
    .xl\:top-auto {
        top: auto;
    }
    .xl\:bottom-auto {
        bottom: auto;
    }
    .xl\:left-auto {
        left: auto;
    }
    .xl\:right-auto {
        right: auto;
    }
}

.visible {
    visibility: visible;
}

.invisible {
    visibility: hidden;
}

@media (min-width: 576px) {
    .sm\:visible {
        visibility: visible;
    }
    .sm\:invisible {
        visibility: hidden;
    }
}

@media (min-width: 768px) {
    .md\:visible {
        visibility: visible;
    }
    .md\:invisible {
        visibility: hidden;
    }
}

@media (min-width: 992px) {
    .lg\:visible {
        visibility: visible;
    }
    .lg\:invisible {
        visibility: hidden;
    }
}

@media (min-width: 1200px) {
    .xl\:visible {
        visibility: visible;
    }
    .xl\:invisible {
        visibility: hidden;
    }
}

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

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

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

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

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

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

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

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

.z-fixed {
    z-index: 96;
}

.z-sticky {
    z-index: 97;
}

.z-dropdown {
    z-index: 99;
}

.bg-fixed {
    background-attachment: fixed;
}

.bg-local {
    background-attachment: local;
}

.bg-scroll {
    background-attachment: scroll;
}

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

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

.bg-translucent {
    background-color: rgba(255, 255, 255, 0.1);
}

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

.bg-header {
    background-color: rgba(255, 255, 255, 1);
}

.bg-note {
    background-color: #61a5ff;
}

.bg-warning {
    background-color: #ef526e;
}

.bg-wyn {
    background-color: #7B68EE;
}


.bg-tip {
    background-color: #28AA11;
}

.bg-notification {
    background-color: rgba(253, 113, 175, 1);
}

.bg-custom-blocks {
    background-color: rgba(255, 255, 255, 1);
}

.bg-content-blocks {
    background-color: rgba(255, 255, 255, 1);
}

.blur {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

.bg-black {
    background-color: #000;
}

.bg-white {
    background-color: #fff;
}

.bg-gray-100 {
    background-color: #f6fbff;
}

.bg-gray-200 {
    background-color: #EDF2F7;
}

.bg-gray-300 {
    background-color: #E2E8F0;
}

.bg-gray-400 {
    background-color: #CBD5E0;
}

.bg-gray-500 {
    background-color: #A0AEC0;
}

.bg-gray-600 {
    background-color: #718096;
}

.bg-gray-700 {
    background-color: #4A5568;
}

.bg-gray-800 {
    background-color: #2D3748;
}

.bg-gray-900 {
    background-color: #1A202C;
}

.bg-red-500 {
    background-color: #F56565;
}

.bg-orange-500 {
    background-color: #ED8936;
}

.bg-green-500 {
    background-color: #48BB78;
}

.bg-primary {
    background-color: rgba(123, 104, 238, 1);
}

.bg-secondary {
    background-color: rgba(73, 204, 249, 1);
}

.bg-tertiary {
    background-color: rgba(123, 104, 238, 1);
}

.hover\:bg-inherit:hover {
    background-color: inherit;
}

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

.hover\:bg-translucent:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.hover\:bg-black:hover {
    background-color: #000;
}

.hover\:bg-white:hover {
    background-color: #fff;
}

.hover\:bg-gray-100:hover {
    background-color: #f6fbff;
}

.hover\:bg-gray-200:hover {
    background-color: #EDF2F7;
}

.hover\:bg-gray-300:hover {
    background-color: #E2E8F0;
}

.hover\:bg-gray-400:hover {
    background-color: #CBD5E0;
}

.hover\:bg-gray-500:hover {
    background-color: #A0AEC0;
}

.hover\:bg-gray-600:hover {
    background-color: #718096;
}

.hover\:bg-gray-700:hover {
    background-color: #4A5568;
}

.hover\:bg-gray-800:hover {
    background-color: #2D3748;
}

.hover\:bg-gray-900:hover {
    background-color: #1A202C;
}

.hover\:bg-red-500:hover {
    background-color: #F56565;
}

.hover\:bg-orange-500:hover {
    background-color: #ED8936;
}

.hover\:bg-green-500:hover {
    background-color: #48BB78;
}

.hover\:bg-primary:hover {
    background-color: rgba(123, 104, 238, 1);
}

.hover\:bg-secondary:hover {
    background-color: rgba(73, 204, 249, 1);
}

.hover\:bg-tertiary:hover {
    background-color: rgba(123, 104, 238, 1);
}

@media (min-width: 576px) {
    .sm\:bg-inherit {
        background-color: inherit;
    }
    .sm\:bg-transparent {
        background-color: transparent;
    }
    .sm\:bg-translucent {
        background-color: rgba(255, 255, 255, 0.1);
    }
    .sm\:bg-black {
        background-color: #000;
    }
    .sm\:bg-white {
        background-color: #fff;
    }
    .sm\:bg-gray-100 {
        background-color: #f6fbff;
    }
    .sm\:bg-gray-200 {
        background-color: #EDF2F7;
    }
    .sm\:bg-gray-300 {
        background-color: #E2E8F0;
    }
    .sm\:bg-gray-400 {
        background-color: #CBD5E0;
    }
    .sm\:bg-gray-500 {
        background-color: #A0AEC0;
    }
    .sm\:bg-gray-600 {
        background-color: #718096;
    }
    .sm\:bg-gray-700 {
        background-color: #4A5568;
    }
    .sm\:bg-gray-800 {
        background-color: #2D3748;
    }
    .sm\:bg-gray-900 {
        background-color: #1A202C;
    }
    .sm\:bg-red-500 {
        background-color: #F56565;
    }
    .sm\:bg-orange-500 {
        background-color: #ED8936;
    }
    .sm\:bg-green-500 {
        background-color: #48BB78;
    }
    .sm\:bg-primary {
        background-color: rgba(123, 104, 238, 1);
    }
    .sm\:bg-secondary {
        background-color: rgba(73, 204, 249, 1);
    }
    .sm\:bg-tertiary {
        background-color: rgba(123, 104, 238, 1);
    }
}

@media (min-width: 768px) {
    .md\:bg-inherit {
        background-color: inherit;
    }
    .md\:bg-transparent {
        background-color: transparent;
    }
    .md\:bg-translucent {
        background-color: rgba(255, 255, 255, 0.1);
    }
    .md\:bg-black {
        background-color: #000;
    }
    .md\:bg-white {
        background-color: #fff;
    }
    .md\:bg-gray-100 {
        background-color: #f6fbff;
    }
    .md\:bg-gray-200 {
        background-color: #EDF2F7;
    }
    .md\:bg-gray-300 {
        background-color: #E2E8F0;
    }
    .md\:bg-gray-400 {
        background-color: #CBD5E0;
    }
    .md\:bg-gray-500 {
        background-color: #A0AEC0;
    }
    .md\:bg-gray-600 {
        background-color: #718096;
    }
    .md\:bg-gray-700 {
        background-color: #4A5568;
    }
    .md\:bg-gray-800 {
        background-color: #2D3748;
    }
    .md\:bg-gray-900 {
        background-color: #1A202C;
    }
    .md\:bg-red-500 {
        background-color: #F56565;
    }
    .md\:bg-orange-500 {
        background-color: #ED8936;
    }
    .md\:bg-green-500 {
        background-color: #48BB78;
    }
    .md\:bg-primary {
        background-color: rgba(123, 104, 238, 1);
    }
    .md\:bg-secondary {
        background-color: rgba(73, 204, 249, 1);
    }
    .md\:bg-tertiary {
        background-color: rgba(123, 104, 238, 1);
    }
}

@media (min-width: 992px) {
    .lg\:bg-inherit {
        background-color: inherit;
    }
    .lg\:bg-transparent {
        background-color: transparent;
    }
    .lg\:bg-translucent {
        background-color: rgba(255, 255, 255, 0.1);
    }
    .lg\:bg-black {
        background-color: #000;
    }
    .lg\:bg-white {
        background-color: #fff;
    }
    .lg\:bg-gray-100 {
        background-color: #f6fbff;
    }
    .lg\:bg-gray-200 {
        background-color: #EDF2F7;
    }
    .lg\:bg-gray-300 {
        background-color: #E2E8F0;
    }
    .lg\:bg-gray-400 {
        background-color: #CBD5E0;
    }
    .lg\:bg-gray-500 {
        background-color: #A0AEC0;
    }
    .lg\:bg-gray-600 {
        background-color: #718096;
    }
    .lg\:bg-gray-700 {
        background-color: #4A5568;
    }
    .lg\:bg-gray-800 {
        background-color: #2D3748;
    }
    .lg\:bg-gray-900 {
        background-color: #1A202C;
    }
    .lg\:bg-red-500 {
        background-color: #F56565;
    }
    .lg\:bg-orange-500 {
        background-color: #ED8936;
    }
    .lg\:bg-green-500 {
        background-color: #48BB78;
    }
    .lg\:bg-primary {
        background-color: rgba(123, 104, 238, 1);
    }
    .lg\:bg-secondary {
        background-color: rgba(73, 204, 249, 1);
    }
    .lg\:bg-tertiary {
        background-color: rgba(123, 104, 238, 1);
    }
}

@media (min-width: 1200px) {
    .xl\:bg-inherit {
        background-color: inherit;
    }
    .xl\:bg-transparent {
        background-color: transparent;
    }
    .xl\:bg-translucent {
        background-color: rgba(255, 255, 255, 0.1);
    }
    .xl\:bg-black {
        background-color: #000;
    }
    .xl\:bg-white {
        background-color: #fff;
    }
    .xl\:bg-gray-100 {
        background-color: #f6fbff;
    }
    .xl\:bg-gray-200 {
        background-color: #EDF2F7;
    }
    .xl\:bg-gray-300 {
        background-color: #E2E8F0;
    }
    .xl\:bg-gray-400 {
        background-color: #CBD5E0;
    }
    .xl\:bg-gray-500 {
        background-color: #A0AEC0;
    }
    .xl\:bg-gray-600 {
        background-color: #718096;
    }
    .xl\:bg-gray-700 {
        background-color: #4A5568;
    }
    .xl\:bg-gray-800 {
        background-color: #2D3748;
    }
    .xl\:bg-gray-900 {
        background-color: #1A202C;
    }
    .xl\:bg-red-500 {
        background-color: #F56565;
    }
    .xl\:bg-orange-500 {
        background-color: #ED8936;
    }
    .xl\:bg-green-500 {
        background-color: #48BB78;
    }
    .xl\:bg-primary {
        background-color: rgba(123, 104, 238, 1);
    }
    .xl\:bg-secondary {
        background-color: rgba(73, 204, 249, 1);
    }
    .xl\:bg-tertiary {
        background-color: rgba(123, 104, 238, 1);
    }
}

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

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

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

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

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

.bg-left-bottom {
    background-position: left bottom;
}

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

.bg-right-bottom {
    background-position: right bottom;
}

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

@media (min-width: 576px) {
    .sm\:bg-bottom {
        background-position: bottom;
    }
    .sm\:bg-center {
        background-position: center;
    }
    .sm\:bg-left {
        background-position: left;
    }
    .sm\:bg-right {
        background-position: right;
    }
    .sm\:bg-top {
        background-position: top;
    }
    .sm\:bg-left-bottom {
        background-position: left bottom;
    }
    .sm\:bg-left-top {
        background-position: left top;
    }
    .sm\:bg-right-bottom {
        background-position: right bottom;
    }
    .sm\:bg-right-top {
        background-position: right top;
    }
}

@media (min-width: 768px) {
    .md\:bg-bottom {
        background-position: bottom;
    }
    .md\:bg-center {
        background-position: center;
    }
    .md\:bg-left {
        background-position: left;
    }
    .md\:bg-right {
        background-position: right;
    }
    .md\:bg-top {
        background-position: top;
    }
    .md\:bg-left-bottom {
        background-position: left bottom;
    }
    .md\:bg-left-top {
        background-position: left top;
    }
    .md\:bg-right-bottom {
        background-position: right bottom;
    }
    .md\:bg-right-top {
        background-position: right top;
    }
}

@media (min-width: 992px) {
    .lg\:bg-bottom {
        background-position: bottom;
    }
    .lg\:bg-center {
        background-position: center;
    }
    .lg\:bg-left {
        background-position: left;
    }
    .lg\:bg-right {
        background-position: right;
    }
    .lg\:bg-top {
        background-position: top;
    }
    .lg\:bg-left-bottom {
        background-position: left bottom;
    }
    .lg\:bg-left-top {
        background-position: left top;
    }
    .lg\:bg-right-bottom {
        background-position: right bottom;
    }
    .lg\:bg-right-top {
        background-position: right top;
    }
}

@media (min-width: 1200px) {
    .xl\:bg-bottom {
        background-position: bottom;
    }
    .xl\:bg-center {
        background-position: center;
    }
    .xl\:bg-left {
        background-position: left;
    }
    .xl\:bg-right {
        background-position: right;
    }
    .xl\:bg-top {
        background-position: top;
    }
    .xl\:bg-left-bottom {
        background-position: left bottom;
    }
    .xl\:bg-left-top {
        background-position: left top;
    }
    .xl\:bg-right-bottom {
        background-position: right bottom;
    }
    .xl\:bg-right-top {
        background-position: right top;
    }
}

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

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

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

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

@media (min-width: 576px) {
    .sm\:bg-repeat {
        background-repeat: repeat;
    }
    .sm\:bg-no-repeat {
        background-repeat: no-repeat;
    }
    .sm\:bg-repeat-x {
        background-repeat: repeat-x;
    }
    .sm\:bg-repeat-y {
        background-repeat: repeat-y;
    }
}

@media (min-width: 768px) {
    .md\:bg-repeat {
        background-repeat: repeat;
    }
    .md\:bg-no-repeat {
        background-repeat: no-repeat;
    }
    .md\:bg-repeat-x {
        background-repeat: repeat-x;
    }
    .md\:bg-repeat-y {
        background-repeat: repeat-y;
    }
}

@media (min-width: 992px) {
    .lg\:bg-repeat {
        background-repeat: repeat;
    }
    .lg\:bg-no-repeat {
        background-repeat: no-repeat;
    }
    .lg\:bg-repeat-x {
        background-repeat: repeat-x;
    }
    .lg\:bg-repeat-y {
        background-repeat: repeat-y;
    }
}

@media (min-width: 1200px) {
    .xl\:bg-repeat {
        background-repeat: repeat;
    }
    .xl\:bg-no-repeat {
        background-repeat: no-repeat;
    }
    .xl\:bg-repeat-x {
        background-repeat: repeat-x;
    }
    .xl\:bg-repeat-y {
        background-repeat: repeat-y;
    }
}

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

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

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

@media (min-width: 576px) {
    .sm\:bg-auto {
        background-size: auto;
    }
    .sm\:bg-cover {
        background-size: cover;
    }
    .sm\:bg-contain {
        background-size: contain;
    }
}

@media (min-width: 768px) {
    .md\:bg-auto {
        background-size: auto;
    }
    .md\:bg-cover {
        background-size: cover;
    }
    .md\:bg-contain {
        background-size: contain;
    }
}

@media (min-width: 992px) {
    .lg\:bg-auto {
        background-size: auto;
    }
    .lg\:bg-cover {
        background-size: cover;
    }
    .lg\:bg-contain {
        background-size: contain;
    }
}

@media (min-width: 1200px) {
    .xl\:bg-auto {
        background-size: auto;
    }
    .xl\:bg-cover {
        background-size: cover;
    }
    .xl\:bg-contain {
        background-size: contain;
    }
}

.border {
    border: 1px solid #e2e8f0;
}

.border-top {
    border-top: 1px solid #e2e8f0;
}

.border-right {
    border-right: 1px solid #e2e8f0;
}

.border-bottom {
    border-bottom: 1px solid #e2e8f0;
}

.border-left {
    border-left: 1px solid #e2e8f0;
}

@media (min-width: 576px) {
    .sm\:border {
        border: 1px solid #e2e8f0;
    }
    .sm\:border-top {
        border-top: 1px solid #e2e8f0;
    }
    .sm\:border-right {
        border-right: 1px solid #e2e8f0;
    }
    .sm\:border-bottom {
        border-bottom: 1px solid #e2e8f0;
    }
    .sm\:border-left {
        border-left: 1px solid #e2e8f0;
    }
}

@media (min-width: 768px) {
    .md\:border {
        border: 1px solid #e2e8f0;
    }
    .md\:border-top {
        border-top: 1px solid #e2e8f0;
    }
    .md\:border-right {
        border-right: 1px solid #e2e8f0;
    }
    .md\:border-bottom {
        border-bottom: 1px solid #e2e8f0;
    }
    .md\:border-left {
        border-left: 1px solid #e2e8f0;
    }
}

@media (min-width: 992px) {
    .lg\:border {
        border: 1px solid #e2e8f0;
    }
    .lg\:border-top {
        border-top: 1px solid #e2e8f0;
    }
    .lg\:border-right {
        border-right: 1px solid #e2e8f0;
    }
    .lg\:border-bottom {
        border-bottom: 1px solid #e2e8f0;
    }
    .lg\:border-left {
        border-left: 1px solid #e2e8f0;
    }
}

@media (min-width: 1200px) {
    .xl\:border {
        border: 1px solid #e2e8f0;
    }
    .xl\:border-top {
        border-top: 1px solid #e2e8f0;
    }
    .xl\:border-right {
        border-right: 1px solid #e2e8f0;
    }
    .xl\:border-bottom {
        border-bottom: 1px solid #e2e8f0;
    }
    .xl\:border-left {
        border-left: 1px solid #e2e8f0;
    }
}

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

.border-translucent {
    border-color: rgba(255, 255, 255, 0.1);
}

.border-current {
    border-color: currentColor;
}

.border-note {
    border-color: #61a5ff;
}

.border-warning {
    border-color: #ef526e;
}

.border-wyn {
    border-color: $7B68EE;
}

.border-tip {
    border-color: #28AA11;
}

.border-black {
    border-color: #000;
}

.border-top-black {
    border-top-color: #000;
}

.border-right-black {
    border-right-color: #000;
}

.border-bottom-black {
    border-bottom-color: #000;
}

.border-left-black {
    border-left-color: #000;
}

.border-white {
    border-color: #fff;
}

.border-top-white {
    border-top-color: #fff;
}

.border-right-white {
    border-right-color: #fff;
}

.border-bottom-white {
    border-bottom-color: #fff;
}

.border-left-white {
    border-left-color: #fff;
}

.border-gray-100 {
    border-color: #f6fbff;
}

.border-top-gray-100 {
    border-top-color: #f6fbff;
}

.border-right-gray-100 {
    border-right-color: #f6fbff;
}

.border-bottom-gray-100 {
    border-bottom-color: #f6fbff;
}

.border-left-gray-100 {
    border-left-color: #f6fbff;
}

.border-gray-200 {
    border-color: #EDF2F7;
}

.border-top-gray-200 {
    border-top-color: #EDF2F7;
}

.border-right-gray-200 {
    border-right-color: #EDF2F7;
}

.border-bottom-gray-200 {
    border-bottom-color: #EDF2F7;
}

.border-left-gray-200 {
    border-left-color: #EDF2F7;
}

.border-gray-300 {
    border-color: #E2E8F0;
}

.border-top-gray-300 {
    border-top-color: #E2E8F0;
}

.border-right-gray-300 {
    border-right-color: #E2E8F0;
}

.border-bottom-gray-300 {
    border-bottom-color: #E2E8F0;
}

.border-left-gray-300 {
    border-left-color: #E2E8F0;
}

.border-gray-400 {
    border-color: #CBD5E0;
}

.border-top-gray-400 {
    border-top-color: #CBD5E0;
}

.border-right-gray-400 {
    border-right-color: #CBD5E0;
}

.border-bottom-gray-400 {
    border-bottom-color: #CBD5E0;
}

.border-left-gray-400 {
    border-left-color: #CBD5E0;
}

.border-gray-500 {
    border-color: #A0AEC0;
}

.border-top-gray-500 {
    border-top-color: #A0AEC0;
}

.border-right-gray-500 {
    border-right-color: #A0AEC0;
}

.border-bottom-gray-500 {
    border-bottom-color: #A0AEC0;
}

.border-left-gray-500 {
    border-left-color: #A0AEC0;
}

.border-gray-600 {
    border-color: #718096;
}

.border-top-gray-600 {
    border-top-color: #718096;
}

.border-right-gray-600 {
    border-right-color: #718096;
}

.border-bottom-gray-600 {
    border-bottom-color: #718096;
}

.border-left-gray-600 {
    border-left-color: #718096;
}

.border-gray-700 {
    border-color: #4A5568;
}

.border-top-gray-700 {
    border-top-color: #4A5568;
}

.border-right-gray-700 {
    border-right-color: #4A5568;
}

.border-bottom-gray-700 {
    border-bottom-color: #4A5568;
}

.border-left-gray-700 {
    border-left-color: #4A5568;
}

.border-gray-800 {
    border-color: #2D3748;
}

.border-top-gray-800 {
    border-top-color: #2D3748;
}

.border-right-gray-800 {
    border-right-color: #2D3748;
}

.border-bottom-gray-800 {
    border-bottom-color: #2D3748;
}

.border-left-gray-800 {
    border-left-color: #2D3748;
}

.border-gray-900 {
    border-color: #1A202C;
}

.border-top-gray-900 {
    border-top-color: #1A202C;
}

.border-right-gray-900 {
    border-right-color: #1A202C;
}

.border-bottom-gray-900 {
    border-bottom-color: #1A202C;
}

.border-left-gray-900 {
    border-left-color: #1A202C;
}

.border-red-500 {
    border-color: #F56565;
}

.border-top-red-500 {
    border-top-color: #F56565;
}

.border-right-red-500 {
    border-right-color: #F56565;
}

.border-bottom-red-500 {
    border-bottom-color: #F56565;
}

.border-left-red-500 {
    border-left-color: #F56565;
}

.border-orange-500 {
    border-color: #ED8936;
}

.border-top-orange-500 {
    border-top-color: #ED8936;
}

.border-right-orange-500 {
    border-right-color: #ED8936;
}

.border-bottom-orange-500 {
    border-bottom-color: #ED8936;
}

.border-left-orange-500 {
    border-left-color: #ED8936;
}

.border-green-500 {
    border-color: #48BB78;
}

.border-top-green-500 {
    border-top-color: #48BB78;
}

.border-right-green-500 {
    border-right-color: #48BB78;
}

.border-bottom-green-500 {
    border-bottom-color: #48BB78;
}

.border-left-green-500 {
    border-left-color: #48BB78;
}

.border-primary {
    border-color: rgba(123, 104, 238, 1);
}

.border-top-primary {
    border-top-color: rgba(123, 104, 238, 1);
}

.border-right-primary {
    border-right-color: rgba(123, 104, 238, 1);
}

.border-bottom-primary {
    border-bottom-color: rgba(123, 104, 238, 1);
}

.border-left-primary {
    border-left-color: rgba(123, 104, 238, 1);
}

.border-secondary {
    border-color: rgba(73, 204, 249, 1);
}

.border-top-secondary {
    border-top-color: rgba(73, 204, 249, 1);
}

.border-right-secondary {
    border-right-color: rgba(73, 204, 249, 1);
}

.border-bottom-secondary {
    border-bottom-color: rgba(73, 204, 249, 1);
}

.border-left-secondary {
    border-left-color: rgba(73, 204, 249, 1);
}

.border-tertiary {
    border-color: rgba(123, 104, 238, 1);
}

.border-top-tertiary {
    border-top-color: rgba(123, 104, 238, 1);
}

.border-right-tertiary {
    border-right-color: rgba(123, 104, 238, 1);
}

.border-bottom-tertiary {
    border-bottom-color: rgba(123, 104, 238, 1);
}

.border-left-tertiary {
    border-left-color: rgba(123, 104, 238, 1);
}

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

.hover\:border-translucent:hover {
    border-color: rgba(255, 255, 255, 0.1);
}

.hover\:border-current:hover {
    border-color: currentColor;
}

.hover\:border-black:hover {
    border-color: #000;
}

.hover\:border-top-black:hover {
    border-top-color: #000;
}

.hover\:border-right-black:hover {
    border-right-color: #000;
}

.hover\:border-bottom-black:hover {
    border-bottom-color: #000;
}

.hover\:border-left-black:hover {
    border-left-color: #000;
}

.hover\:border-white:hover {
    border-color: #fff;
}

.hover\:border-top-white:hover {
    border-top-color: #fff;
}

.hover\:border-right-white:hover {
    border-right-color: #fff;
}

.hover\:border-bottom-white:hover {
    border-bottom-color: #fff;
}

.hover\:border-left-white:hover {
    border-left-color: #fff;
}

.hover\:border-gray-100:hover {
    border-color: #f6fbff;
}

.hover\:border-top-gray-100:hover {
    border-top-color: #f6fbff;
}

.hover\:border-right-gray-100:hover {
    border-right-color: #f6fbff;
}

.hover\:border-bottom-gray-100:hover {
    border-bottom-color: #f6fbff;
}

.hover\:border-left-gray-100:hover {
    border-left-color: #f6fbff;
}

.hover\:border-gray-200:hover {
    border-color: #EDF2F7;
}

.hover\:border-top-gray-200:hover {
    border-top-color: #EDF2F7;
}

.hover\:border-right-gray-200:hover {
    border-right-color: #EDF2F7;
}

.hover\:border-bottom-gray-200:hover {
    border-bottom-color: #EDF2F7;
}

.hover\:border-left-gray-200:hover {
    border-left-color: #EDF2F7;
}

.hover\:border-gray-300:hover {
    border-color: #E2E8F0;
}

.hover\:border-top-gray-300:hover {
    border-top-color: #E2E8F0;
}

.hover\:border-right-gray-300:hover {
    border-right-color: #E2E8F0;
}

.hover\:border-bottom-gray-300:hover {
    border-bottom-color: #E2E8F0;
}

.hover\:border-left-gray-300:hover {
    border-left-color: #E2E8F0;
}

.hover\:border-gray-400:hover {
    border-color: #CBD5E0;
}

.hover\:border-top-gray-400:hover {
    border-top-color: #CBD5E0;
}

.hover\:border-right-gray-400:hover {
    border-right-color: #CBD5E0;
}

.hover\:border-bottom-gray-400:hover {
    border-bottom-color: #CBD5E0;
}

.hover\:border-left-gray-400:hover {
    border-left-color: #CBD5E0;
}

.hover\:border-gray-500:hover {
    border-color: #A0AEC0;
}

.hover\:border-top-gray-500:hover {
    border-top-color: #A0AEC0;
}

.hover\:border-right-gray-500:hover {
    border-right-color: #A0AEC0;
}

.hover\:border-bottom-gray-500:hover {
    border-bottom-color: #A0AEC0;
}

.hover\:border-left-gray-500:hover {
    border-left-color: #A0AEC0;
}

.hover\:border-gray-600:hover {
    border-color: #718096;
}

.hover\:border-top-gray-600:hover {
    border-top-color: #718096;
}

.hover\:border-right-gray-600:hover {
    border-right-color: #718096;
}

.hover\:border-bottom-gray-600:hover {
    border-bottom-color: #718096;
}

.hover\:border-left-gray-600:hover {
    border-left-color: #718096;
}

.hover\:border-gray-700:hover {
    border-color: #4A5568;
}

.hover\:border-top-gray-700:hover {
    border-top-color: #4A5568;
}

.hover\:border-right-gray-700:hover {
    border-right-color: #4A5568;
}

.hover\:border-bottom-gray-700:hover {
    border-bottom-color: #4A5568;
}

.hover\:border-left-gray-700:hover {
    border-left-color: #4A5568;
}

.hover\:border-gray-800:hover {
    border-color: #2D3748;
}

.hover\:border-top-gray-800:hover {
    border-top-color: #2D3748;
}

.hover\:border-right-gray-800:hover {
    border-right-color: #2D3748;
}

.hover\:border-bottom-gray-800:hover {
    border-bottom-color: #2D3748;
}

.hover\:border-left-gray-800:hover {
    border-left-color: #2D3748;
}

.hover\:border-gray-900:hover {
    border-color: #1A202C;
}

.hover\:border-top-gray-900:hover {
    border-top-color: #1A202C;
}

.hover\:border-right-gray-900:hover {
    border-right-color: #1A202C;
}

.hover\:border-bottom-gray-900:hover {
    border-bottom-color: #1A202C;
}

.hover\:border-left-gray-900:hover {
    border-left-color: #1A202C;
}

.hover\:border-red-500:hover {
    border-color: #F56565;
}

.hover\:border-top-red-500:hover {
    border-top-color: #F56565;
}

.hover\:border-right-red-500:hover {
    border-right-color: #F56565;
}

.hover\:border-bottom-red-500:hover {
    border-bottom-color: #F56565;
}

.hover\:border-left-red-500:hover {
    border-left-color: #F56565;
}

.hover\:border-orange-500:hover {
    border-color: #ED8936;
}

.hover\:border-top-orange-500:hover {
    border-top-color: #ED8936;
}

.hover\:border-right-orange-500:hover {
    border-right-color: #ED8936;
}

.hover\:border-bottom-orange-500:hover {
    border-bottom-color: #ED8936;
}

.hover\:border-left-orange-500:hover {
    border-left-color: #ED8936;
}

.hover\:border-green-500:hover {
    border-color: #48BB78;
}

.hover\:border-top-green-500:hover {
    border-top-color: #48BB78;
}

.hover\:border-right-green-500:hover {
    border-right-color: #48BB78;
}

.hover\:border-bottom-green-500:hover {
    border-bottom-color: #48BB78;
}

.hover\:border-left-green-500:hover {
    border-left-color: #48BB78;
}

.hover\:border-primary:hover {
    border-color: rgba(123, 104, 238, 1);
}

.hover\:border-top-primary:hover {
    border-top-color: rgba(123, 104, 238, 1);
}

.hover\:border-right-primary:hover {
    border-right-color: rgba(123, 104, 238, 1);
}

.hover\:border-bottom-primary:hover {
    border-bottom-color: rgba(123, 104, 238, 1);
}

.hover\:border-left-primary:hover {
    border-left-color: rgba(123, 104, 238, 1);
}

.hover\:border-secondary:hover {
    border-color: rgba(73, 204, 249, 1);
}

.hover\:border-top-secondary:hover {
    border-top-color: rgba(73, 204, 249, 1);
}

.hover\:border-right-secondary:hover {
    border-right-color: rgba(73, 204, 249, 1);
}

.hover\:border-bottom-secondary:hover {
    border-bottom-color: rgba(73, 204, 249, 1);
}

.hover\:border-left-secondary:hover {
    border-left-color: rgba(73, 204, 249, 1);
}

.hover\:border-tertiary:hover {
    border-color: rgba(123, 104, 238, 1);
}

.hover\:border-top-tertiary:hover {
    border-top-color: rgba(123, 104, 238, 1);
}

.hover\:border-right-tertiary:hover {
    border-right-color: rgba(123, 104, 238, 1);
}

.hover\:border-bottom-tertiary:hover {
    border-bottom-color: rgba(123, 104, 238, 1);
}

.hover\:border-left-tertiary:hover {
    border-left-color: rgba(123, 104, 238, 1);
}

@media (min-width: 576px) {
    .sm\:border-transparent {
        border-color: transparent;
    }
    .sm\:border-translucent {
        border-color: rgba(255, 255, 255, 0.1);
    }
    .sm\:border-current {
        border-color: currentColor;
    }
    .sm\:border-black {
        border-color: #000;
    }
    .sm\:border-top-black {
        border-top-color: #000;
    }
    .sm\:border-right-black {
        border-right-color: #000;
    }
    .sm\:border-bottom-black {
        border-bottom-color: #000;
    }
    .sm\:border-left-black {
        border-left-color: #000;
    }
    .sm\:border-white {
        border-color: #fff;
    }
    .sm\:border-top-white {
        border-top-color: #fff;
    }
    .sm\:border-right-white {
        border-right-color: #fff;
    }
    .sm\:border-bottom-white {
        border-bottom-color: #fff;
    }
    .sm\:border-left-white {
        border-left-color: #fff;
    }
    .sm\:border-gray-100 {
        border-color: #f6fbff;
    }
    .sm\:border-top-gray-100 {
        border-top-color: #f6fbff;
    }
    .sm\:border-right-gray-100 {
        border-right-color: #f6fbff;
    }
    .sm\:border-bottom-gray-100 {
        border-bottom-color: #f6fbff;
    }
    .sm\:border-left-gray-100 {
        border-left-color: #f6fbff;
    }
    .sm\:border-gray-200 {
        border-color: #EDF2F7;
    }
    .sm\:border-top-gray-200 {
        border-top-color: #EDF2F7;
    }
    .sm\:border-right-gray-200 {
        border-right-color: #EDF2F7;
    }
    .sm\:border-bottom-gray-200 {
        border-bottom-color: #EDF2F7;
    }
    .sm\:border-left-gray-200 {
        border-left-color: #EDF2F7;
    }
    .sm\:border-gray-300 {
        border-color: #E2E8F0;
    }
    .sm\:border-top-gray-300 {
        border-top-color: #E2E8F0;
    }
    .sm\:border-right-gray-300 {
        border-right-color: #E2E8F0;
    }
    .sm\:border-bottom-gray-300 {
        border-bottom-color: #E2E8F0;
    }
    .sm\:border-left-gray-300 {
        border-left-color: #E2E8F0;
    }
    .sm\:border-gray-400 {
        border-color: #CBD5E0;
    }
    .sm\:border-top-gray-400 {
        border-top-color: #CBD5E0;
    }
    .sm\:border-right-gray-400 {
        border-right-color: #CBD5E0;
    }
    .sm\:border-bottom-gray-400 {
        border-bottom-color: #CBD5E0;
    }
    .sm\:border-left-gray-400 {
        border-left-color: #CBD5E0;
    }
    .sm\:border-gray-500 {
        border-color: #A0AEC0;
    }
    .sm\:border-top-gray-500 {
        border-top-color: #A0AEC0;
    }
    .sm\:border-right-gray-500 {
        border-right-color: #A0AEC0;
    }
    .sm\:border-bottom-gray-500 {
        border-bottom-color: #A0AEC0;
    }
    .sm\:border-left-gray-500 {
        border-left-color: #A0AEC0;
    }
    .sm\:border-gray-600 {
        border-color: #718096;
    }
    .sm\:border-top-gray-600 {
        border-top-color: #718096;
    }
    .sm\:border-right-gray-600 {
        border-right-color: #718096;
    }
    .sm\:border-bottom-gray-600 {
        border-bottom-color: #718096;
    }
    .sm\:border-left-gray-600 {
        border-left-color: #718096;
    }
    .sm\:border-gray-700 {
        border-color: #4A5568;
    }
    .sm\:border-top-gray-700 {
        border-top-color: #4A5568;
    }
    .sm\:border-right-gray-700 {
        border-right-color: #4A5568;
    }
    .sm\:border-bottom-gray-700 {
        border-bottom-color: #4A5568;
    }
    .sm\:border-left-gray-700 {
        border-left-color: #4A5568;
    }
    .sm\:border-gray-800 {
        border-color: #2D3748;
    }
    .sm\:border-top-gray-800 {
        border-top-color: #2D3748;
    }
    .sm\:border-right-gray-800 {
        border-right-color: #2D3748;
    }
    .sm\:border-bottom-gray-800 {
        border-bottom-color: #2D3748;
    }
    .sm\:border-left-gray-800 {
        border-left-color: #2D3748;
    }
    .sm\:border-gray-900 {
        border-color: #1A202C;
    }
    .sm\:border-top-gray-900 {
        border-top-color: #1A202C;
    }
    .sm\:border-right-gray-900 {
        border-right-color: #1A202C;
    }
    .sm\:border-bottom-gray-900 {
        border-bottom-color: #1A202C;
    }
    .sm\:border-left-gray-900 {
        border-left-color: #1A202C;
    }
    .sm\:border-red-500 {
        border-color: #F56565;
    }
    .sm\:border-top-red-500 {
        border-top-color: #F56565;
    }
    .sm\:border-right-red-500 {
        border-right-color: #F56565;
    }
    .sm\:border-bottom-red-500 {
        border-bottom-color: #F56565;
    }
    .sm\:border-left-red-500 {
        border-left-color: #F56565;
    }
    .sm\:border-orange-500 {
        border-color: #ED8936;
    }
    .sm\:border-top-orange-500 {
        border-top-color: #ED8936;
    }
    .sm\:border-right-orange-500 {
        border-right-color: #ED8936;
    }
    .sm\:border-bottom-orange-500 {
        border-bottom-color: #ED8936;
    }
    .sm\:border-left-orange-500 {
        border-left-color: #ED8936;
    }
    .sm\:border-green-500 {
        border-color: #48BB78;
    }
    .sm\:border-top-green-500 {
        border-top-color: #48BB78;
    }
    .sm\:border-right-green-500 {
        border-right-color: #48BB78;
    }
    .sm\:border-bottom-green-500 {
        border-bottom-color: #48BB78;
    }
    .sm\:border-left-green-500 {
        border-left-color: #48BB78;
    }
    .sm\:border-primary {
        border-color: rgba(123, 104, 238, 1);
    }
    .sm\:border-top-primary {
        border-top-color: rgba(123, 104, 238, 1);
    }
    .sm\:border-right-primary {
        border-right-color: rgba(123, 104, 238, 1);
    }
    .sm\:border-bottom-primary {
        border-bottom-color: rgba(123, 104, 238, 1);
    }
    .sm\:border-left-primary {
        border-left-color: rgba(123, 104, 238, 1);
    }
    .sm\:border-secondary {
        border-color: rgba(73, 204, 249, 1);
    }
    .sm\:border-top-secondary {
        border-top-color: rgba(73, 204, 249, 1);
    }
    .sm\:border-right-secondary {
        border-right-color: rgba(73, 204, 249, 1);
    }
    .sm\:border-bottom-secondary {
        border-bottom-color: rgba(73, 204, 249, 1);
    }
    .sm\:border-left-secondary {
        border-left-color: rgba(73, 204, 249, 1);
    }
    .sm\:border-tertiary {
        border-color: rgba(123, 104, 238, 1);
    }
    .sm\:border-top-tertiary {
        border-top-color: rgba(123, 104, 238, 1);
    }
    .sm\:border-right-tertiary {
        border-right-color: rgba(123, 104, 238, 1);
    }
    .sm\:border-bottom-tertiary {
        border-bottom-color: rgba(123, 104, 238, 1);
    }
    .sm\:border-left-tertiary {
        border-left-color: rgba(123, 104, 238, 1);
    }
}

@media (min-width: 768px) {
    .md\:border-transparent {
        border-color: transparent;
    }
    .md\:border-translucent {
        border-color: rgba(255, 255, 255, 0.1);
    }
    .md\:border-current {
        border-color: currentColor;
    }
    .md\:border-black {
        border-color: #000;
    }
    .md\:border-top-black {
        border-top-color: #000;
    }
    .md\:border-right-black {
        border-right-color: #000;
    }
    .md\:border-bottom-black {
        border-bottom-color: #000;
    }
    .md\:border-left-black {
        border-left-color: #000;
    }
    .md\:border-white {
        border-color: #fff;
    }
    .md\:border-top-white {
        border-top-color: #fff;
    }
    .md\:border-right-white {
        border-right-color: #fff;
    }
    .md\:border-bottom-white {
        border-bottom-color: #fff;
    }
    .md\:border-left-white {
        border-left-color: #fff;
    }
    .md\:border-gray-100 {
        border-color: #f6fbff;
    }
    .md\:border-top-gray-100 {
        border-top-color: #f6fbff;
    }
    .md\:border-right-gray-100 {
        border-right-color: #f6fbff;
    }
    .md\:border-bottom-gray-100 {
        border-bottom-color: #f6fbff;
    }
    .md\:border-left-gray-100 {
        border-left-color: #f6fbff;
    }
    .md\:border-gray-200 {
        border-color: #EDF2F7;
    }
    .md\:border-top-gray-200 {
        border-top-color: #EDF2F7;
    }
    .md\:border-right-gray-200 {
        border-right-color: #EDF2F7;
    }
    .md\:border-bottom-gray-200 {
        border-bottom-color: #EDF2F7;
    }
    .md\:border-left-gray-200 {
        border-left-color: #EDF2F7;
    }
    .md\:border-gray-300 {
        border-color: #E2E8F0;
    }
    .md\:border-top-gray-300 {
        border-top-color: #E2E8F0;
    }
    .md\:border-right-gray-300 {
        border-right-color: #E2E8F0;
    }
    .md\:border-bottom-gray-300 {
        border-bottom-color: #E2E8F0;
    }
    .md\:border-left-gray-300 {
        border-left-color: #E2E8F0;
    }
    .md\:border-gray-400 {
        border-color: #CBD5E0;
    }
    .md\:border-top-gray-400 {
        border-top-color: #CBD5E0;
    }
    .md\:border-right-gray-400 {
        border-right-color: #CBD5E0;
    }
    .md\:border-bottom-gray-400 {
        border-bottom-color: #CBD5E0;
    }
    .md\:border-left-gray-400 {
        border-left-color: #CBD5E0;
    }
    .md\:border-gray-500 {
        border-color: #A0AEC0;
    }
    .md\:border-top-gray-500 {
        border-top-color: #A0AEC0;
    }
    .md\:border-right-gray-500 {
        border-right-color: #A0AEC0;
    }
    .md\:border-bottom-gray-500 {
        border-bottom-color: #A0AEC0;
    }
    .md\:border-left-gray-500 {
        border-left-color: #A0AEC0;
    }
    .md\:border-gray-600 {
        border-color: #718096;
    }
    .md\:border-top-gray-600 {
        border-top-color: #718096;
    }
    .md\:border-right-gray-600 {
        border-right-color: #718096;
    }
    .md\:border-bottom-gray-600 {
        border-bottom-color: #718096;
    }
    .md\:border-left-gray-600 {
        border-left-color: #718096;
    }
    .md\:border-gray-700 {
        border-color: #4A5568;
    }
    .md\:border-top-gray-700 {
        border-top-color: #4A5568;
    }
    .md\:border-right-gray-700 {
        border-right-color: #4A5568;
    }
    .md\:border-bottom-gray-700 {
        border-bottom-color: #4A5568;
    }
    .md\:border-left-gray-700 {
        border-left-color: #4A5568;
    }
    .md\:border-gray-800 {
        border-color: #2D3748;
    }
    .md\:border-top-gray-800 {
        border-top-color: #2D3748;
    }
    .md\:border-right-gray-800 {
        border-right-color: #2D3748;
    }
    .md\:border-bottom-gray-800 {
        border-bottom-color: #2D3748;
    }
    .md\:border-left-gray-800 {
        border-left-color: #2D3748;
    }
    .md\:border-gray-900 {
        border-color: #1A202C;
    }
    .md\:border-top-gray-900 {
        border-top-color: #1A202C;
    }
    .md\:border-right-gray-900 {
        border-right-color: #1A202C;
    }
    .md\:border-bottom-gray-900 {
        border-bottom-color: #1A202C;
    }
    .md\:border-left-gray-900 {
        border-left-color: #1A202C;
    }
    .md\:border-red-500 {
        border-color: #F56565;
    }
    .md\:border-top-red-500 {
        border-top-color: #F56565;
    }
    .md\:border-right-red-500 {
        border-right-color: #F56565;
    }
    .md\:border-bottom-red-500 {
        border-bottom-color: #F56565;
    }
    .md\:border-left-red-500 {
        border-left-color: #F56565;
    }
    .md\:border-orange-500 {
        border-color: #ED8936;
    }
    .md\:border-top-orange-500 {
        border-top-color: #ED8936;
    }
    .md\:border-right-orange-500 {
        border-right-color: #ED8936;
    }
    .md\:border-bottom-orange-500 {
        border-bottom-color: #ED8936;
    }
    .md\:border-left-orange-500 {
        border-left-color: #ED8936;
    }
    .md\:border-green-500 {
        border-color: #48BB78;
    }
    .md\:border-top-green-500 {
        border-top-color: #48BB78;
    }
    .md\:border-right-green-500 {
        border-right-color: #48BB78;
    }
    .md\:border-bottom-green-500 {
        border-bottom-color: #48BB78;
    }
    .md\:border-left-green-500 {
        border-left-color: #48BB78;
    }
    .md\:border-primary {
        border-color: rgba(123, 104, 238, 1);
    }
    .md\:border-top-primary {
        border-top-color: rgba(123, 104, 238, 1);
    }
    .md\:border-right-primary {
        border-right-color: rgba(123, 104, 238, 1);
    }
    .md\:border-bottom-primary {
        border-bottom-color: rgba(123, 104, 238, 1);
    }
    .md\:border-left-primary {
        border-left-color: rgba(123, 104, 238, 1);
    }
    .md\:border-secondary {
        border-color: rgba(73, 204, 249, 1);
    }
    .md\:border-top-secondary {
        border-top-color: rgba(73, 204, 249, 1);
    }
    .md\:border-right-secondary {
        border-right-color: rgba(73, 204, 249, 1);
    }
    .md\:border-bottom-secondary {
        border-bottom-color: rgba(73, 204, 249, 1);
    }
    .md\:border-left-secondary {
        border-left-color: rgba(73, 204, 249, 1);
    }
    .md\:border-tertiary {
        border-color: rgba(123, 104, 238, 1);
    }
    .md\:border-top-tertiary {
        border-top-color: rgba(123, 104, 238, 1);
    }
    .md\:border-right-tertiary {
        border-right-color: rgba(123, 104, 238, 1);
    }
    .md\:border-bottom-tertiary {
        border-bottom-color: rgba(123, 104, 238, 1);
    }
    .md\:border-left-tertiary {
        border-left-color: rgba(123, 104, 238, 1);
    }
}

@media (min-width: 992px) {
    .lg\:border-transparent {
        border-color: transparent;
    }
    .lg\:border-translucent {
        border-color: rgba(255, 255, 255, 0.1);
    }
    .lg\:border-current {
        border-color: currentColor;
    }
    .lg\:border-black {
        border-color: #000;
    }
    .lg\:border-top-black {
        border-top-color: #000;
    }
    .lg\:border-right-black {
        border-right-color: #000;
    }
    .lg\:border-bottom-black {
        border-bottom-color: #000;
    }
    .lg\:border-left-black {
        border-left-color: #000;
    }
    .lg\:border-white {
        border-color: #fff;
    }
    .lg\:border-top-white {
        border-top-color: #fff;
    }
    .lg\:border-right-white {
        border-right-color: #fff;
    }
    .lg\:border-bottom-white {
        border-bottom-color: #fff;
    }
    .lg\:border-left-white {
        border-left-color: #fff;
    }
    .lg\:border-gray-100 {
        border-color: #f6fbff;
    }
    .lg\:border-top-gray-100 {
        border-top-color: #f6fbff;
    }
    .lg\:border-right-gray-100 {
        border-right-color: #f6fbff;
    }
    .lg\:border-bottom-gray-100 {
        border-bottom-color: #f6fbff;
    }
    .lg\:border-left-gray-100 {
        border-left-color: #f6fbff;
    }
    .lg\:border-gray-200 {
        border-color: #EDF2F7;
    }
    .lg\:border-top-gray-200 {
        border-top-color: #EDF2F7;
    }
    .lg\:border-right-gray-200 {
        border-right-color: #EDF2F7;
    }
    .lg\:border-bottom-gray-200 {
        border-bottom-color: #EDF2F7;
    }
    .lg\:border-left-gray-200 {
        border-left-color: #EDF2F7;
    }
    .lg\:border-gray-300 {
        border-color: #E2E8F0;
    }
    .lg\:border-top-gray-300 {
        border-top-color: #E2E8F0;
    }
    .lg\:border-right-gray-300 {
        border-right-color: #E2E8F0;
    }
    .lg\:border-bottom-gray-300 {
        border-bottom-color: #E2E8F0;
    }
    .lg\:border-left-gray-300 {
        border-left-color: #E2E8F0;
    }
    .lg\:border-gray-400 {
        border-color: #CBD5E0;
    }
    .lg\:border-top-gray-400 {
        border-top-color: #CBD5E0;
    }
    .lg\:border-right-gray-400 {
        border-right-color: #CBD5E0;
    }
    .lg\:border-bottom-gray-400 {
        border-bottom-color: #CBD5E0;
    }
    .lg\:border-left-gray-400 {
        border-left-color: #CBD5E0;
    }
    .lg\:border-gray-500 {
        border-color: #A0AEC0;
    }
    .lg\:border-top-gray-500 {
        border-top-color: #A0AEC0;
    }
    .lg\:border-right-gray-500 {
        border-right-color: #A0AEC0;
    }
    .lg\:border-bottom-gray-500 {
        border-bottom-color: #A0AEC0;
    }
    .lg\:border-left-gray-500 {
        border-left-color: #A0AEC0;
    }
    .lg\:border-gray-600 {
        border-color: #718096;
    }
    .lg\:border-top-gray-600 {
        border-top-color: #718096;
    }
    .lg\:border-right-gray-600 {
        border-right-color: #718096;
    }
    .lg\:border-bottom-gray-600 {
        border-bottom-color: #718096;
    }
    .lg\:border-left-gray-600 {
        border-left-color: #718096;
    }
    .lg\:border-gray-700 {
        border-color: #4A5568;
    }
    .lg\:border-top-gray-700 {
        border-top-color: #4A5568;
    }
    .lg\:border-right-gray-700 {
        border-right-color: #4A5568;
    }
    .lg\:border-bottom-gray-700 {
        border-bottom-color: #4A5568;
    }
    .lg\:border-left-gray-700 {
        border-left-color: #4A5568;
    }
    .lg\:border-gray-800 {
        border-color: #2D3748;
    }
    .lg\:border-top-gray-800 {
        border-top-color: #2D3748;
    }
    .lg\:border-right-gray-800 {
        border-right-color: #2D3748;
    }
    .lg\:border-bottom-gray-800 {
        border-bottom-color: #2D3748;
    }
    .lg\:border-left-gray-800 {
        border-left-color: #2D3748;
    }
    .lg\:border-gray-900 {
        border-color: #1A202C;
    }
    .lg\:border-top-gray-900 {
        border-top-color: #1A202C;
    }
    .lg\:border-right-gray-900 {
        border-right-color: #1A202C;
    }
    .lg\:border-bottom-gray-900 {
        border-bottom-color: #1A202C;
    }
    .lg\:border-left-gray-900 {
        border-left-color: #1A202C;
    }
    .lg\:border-red-500 {
        border-color: #F56565;
    }
    .lg\:border-top-red-500 {
        border-top-color: #F56565;
    }
    .lg\:border-right-red-500 {
        border-right-color: #F56565;
    }
    .lg\:border-bottom-red-500 {
        border-bottom-color: #F56565;
    }
    .lg\:border-left-red-500 {
        border-left-color: #F56565;
    }
    .lg\:border-orange-500 {
        border-color: #ED8936;
    }
    .lg\:border-top-orange-500 {
        border-top-color: #ED8936;
    }
    .lg\:border-right-orange-500 {
        border-right-color: #ED8936;
    }
    .lg\:border-bottom-orange-500 {
        border-bottom-color: #ED8936;
    }
    .lg\:border-left-orange-500 {
        border-left-color: #ED8936;
    }
    .lg\:border-green-500 {
        border-color: #48BB78;
    }
    .lg\:border-top-green-500 {
        border-top-color: #48BB78;
    }
    .lg\:border-right-green-500 {
        border-right-color: #48BB78;
    }
    .lg\:border-bottom-green-500 {
        border-bottom-color: #48BB78;
    }
    .lg\:border-left-green-500 {
        border-left-color: #48BB78;
    }
    .lg\:border-primary {
        border-color: rgba(123, 104, 238, 1);
    }
    .lg\:border-top-primary {
        border-top-color: rgba(123, 104, 238, 1);
    }
    .lg\:border-right-primary {
        border-right-color: rgba(123, 104, 238, 1);
    }
    .lg\:border-bottom-primary {
        border-bottom-color: rgba(123, 104, 238, 1);
    }
    .lg\:border-left-primary {
        border-left-color: rgba(123, 104, 238, 1);
    }
    .lg\:border-secondary {
        border-color: rgba(73, 204, 249, 1);
    }
    .lg\:border-top-secondary {
        border-top-color: rgba(73, 204, 249, 1);
    }
    .lg\:border-right-secondary {
        border-right-color: rgba(73, 204, 249, 1);
    }
    .lg\:border-bottom-secondary {
        border-bottom-color: rgba(73, 204, 249, 1);
    }
    .lg\:border-left-secondary {
        border-left-color: rgba(73, 204, 249, 1);
    }
    .lg\:border-tertiary {
        border-color: rgba(123, 104, 238, 1);
    }
    .lg\:border-top-tertiary {
        border-top-color: rgba(123, 104, 238, 1);
    }
    .lg\:border-right-tertiary {
        border-right-color: rgba(123, 104, 238, 1);
    }
    .lg\:border-bottom-tertiary {
        border-bottom-color: rgba(123, 104, 238, 1);
    }
    .lg\:border-left-tertiary {
        border-left-color: rgba(123, 104, 238, 1);
    }
}

@media (min-width: 1200px) {
    .xl\:border-transparent {
        border-color: transparent;
    }
    .xl\:border-translucent {
        border-color: rgba(255, 255, 255, 0.1);
    }
    .xl\:border-current {
        border-color: currentColor;
    }
    .xl\:border-black {
        border-color: #000;
    }
    .xl\:border-top-black {
        border-top-color: #000;
    }
    .xl\:border-right-black {
        border-right-color: #000;
    }
    .xl\:border-bottom-black {
        border-bottom-color: #000;
    }
    .xl\:border-left-black {
        border-left-color: #000;
    }
    .xl\:border-white {
        border-color: #fff;
    }
    .xl\:border-top-white {
        border-top-color: #fff;
    }
    .xl\:border-right-white {
        border-right-color: #fff;
    }
    .xl\:border-bottom-white {
        border-bottom-color: #fff;
    }
    .xl\:border-left-white {
        border-left-color: #fff;
    }
    .xl\:border-gray-100 {
        border-color: #f6fbff;
    }
    .xl\:border-top-gray-100 {
        border-top-color: #f6fbff;
    }
    .xl\:border-right-gray-100 {
        border-right-color: #f6fbff;
    }
    .xl\:border-bottom-gray-100 {
        border-bottom-color: #f6fbff;
    }
    .xl\:border-left-gray-100 {
        border-left-color: #f6fbff;
    }
    .xl\:border-gray-200 {
        border-color: #EDF2F7;
    }
    .xl\:border-top-gray-200 {
        border-top-color: #EDF2F7;
    }
    .xl\:border-right-gray-200 {
        border-right-color: #EDF2F7;
    }
    .xl\:border-bottom-gray-200 {
        border-bottom-color: #EDF2F7;
    }
    .xl\:border-left-gray-200 {
        border-left-color: #EDF2F7;
    }
    .xl\:border-gray-300 {
        border-color: #E2E8F0;
    }
    .xl\:border-top-gray-300 {
        border-top-color: #E2E8F0;
    }
    .xl\:border-right-gray-300 {
        border-right-color: #E2E8F0;
    }
    .xl\:border-bottom-gray-300 {
        border-bottom-color: #E2E8F0;
    }
    .xl\:border-left-gray-300 {
        border-left-color: #E2E8F0;
    }
    .xl\:border-gray-400 {
        border-color: #CBD5E0;
    }
    .xl\:border-top-gray-400 {
        border-top-color: #CBD5E0;
    }
    .xl\:border-right-gray-400 {
        border-right-color: #CBD5E0;
    }
    .xl\:border-bottom-gray-400 {
        border-bottom-color: #CBD5E0;
    }
    .xl\:border-left-gray-400 {
        border-left-color: #CBD5E0;
    }
    .xl\:border-gray-500 {
        border-color: #A0AEC0;
    }
    .xl\:border-top-gray-500 {
        border-top-color: #A0AEC0;
    }
    .xl\:border-right-gray-500 {
        border-right-color: #A0AEC0;
    }
    .xl\:border-bottom-gray-500 {
        border-bottom-color: #A0AEC0;
    }
    .xl\:border-left-gray-500 {
        border-left-color: #A0AEC0;
    }
    .xl\:border-gray-600 {
        border-color: #718096;
    }
    .xl\:border-top-gray-600 {
        border-top-color: #718096;
    }
    .xl\:border-right-gray-600 {
        border-right-color: #718096;
    }
    .xl\:border-bottom-gray-600 {
        border-bottom-color: #718096;
    }
    .xl\:border-left-gray-600 {
        border-left-color: #718096;
    }
    .xl\:border-gray-700 {
        border-color: #4A5568;
    }
    .xl\:border-top-gray-700 {
        border-top-color: #4A5568;
    }
    .xl\:border-right-gray-700 {
        border-right-color: #4A5568;
    }
    .xl\:border-bottom-gray-700 {
        border-bottom-color: #4A5568;
    }
    .xl\:border-left-gray-700 {
        border-left-color: #4A5568;
    }
    .xl\:border-gray-800 {
        border-color: #2D3748;
    }
    .xl\:border-top-gray-800 {
        border-top-color: #2D3748;
    }
    .xl\:border-right-gray-800 {
        border-right-color: #2D3748;
    }
    .xl\:border-bottom-gray-800 {
        border-bottom-color: #2D3748;
    }
    .xl\:border-left-gray-800 {
        border-left-color: #2D3748;
    }
    .xl\:border-gray-900 {
        border-color: #1A202C;
    }
    .xl\:border-top-gray-900 {
        border-top-color: #1A202C;
    }
    .xl\:border-right-gray-900 {
        border-right-color: #1A202C;
    }
    .xl\:border-bottom-gray-900 {
        border-bottom-color: #1A202C;
    }
    .xl\:border-left-gray-900 {
        border-left-color: #1A202C;
    }
    .xl\:border-red-500 {
        border-color: #F56565;
    }
    .xl\:border-top-red-500 {
        border-top-color: #F56565;
    }
    .xl\:border-right-red-500 {
        border-right-color: #F56565;
    }
    .xl\:border-bottom-red-500 {
        border-bottom-color: #F56565;
    }
    .xl\:border-left-red-500 {
        border-left-color: #F56565;
    }
    .xl\:border-orange-500 {
        border-color: #ED8936;
    }
    .xl\:border-top-orange-500 {
        border-top-color: #ED8936;
    }
    .xl\:border-right-orange-500 {
        border-right-color: #ED8936;
    }
    .xl\:border-bottom-orange-500 {
        border-bottom-color: #ED8936;
    }
    .xl\:border-left-orange-500 {
        border-left-color: #ED8936;
    }
    .xl\:border-green-500 {
        border-color: #48BB78;
    }
    .xl\:border-top-green-500 {
        border-top-color: #48BB78;
    }
    .xl\:border-right-green-500 {
        border-right-color: #48BB78;
    }
    .xl\:border-bottom-green-500 {
        border-bottom-color: #48BB78;
    }
    .xl\:border-left-green-500 {
        border-left-color: #48BB78;
    }
    .xl\:border-primary {
        border-color: rgba(123, 104, 238, 1);
    }
    .xl\:border-top-primary {
        border-top-color: rgba(123, 104, 238, 1);
    }
    .xl\:border-right-primary {
        border-right-color: rgba(123, 104, 238, 1);
    }
    .xl\:border-bottom-primary {
        border-bottom-color: rgba(123, 104, 238, 1);
    }
    .xl\:border-left-primary {
        border-left-color: rgba(123, 104, 238, 1);
    }
    .xl\:border-secondary {
        border-color: rgba(73, 204, 249, 1);
    }
    .xl\:border-top-secondary {
        border-top-color: rgba(73, 204, 249, 1);
    }
    .xl\:border-right-secondary {
        border-right-color: rgba(73, 204, 249, 1);
    }
    .xl\:border-bottom-secondary {
        border-bottom-color: rgba(73, 204, 249, 1);
    }
    .xl\:border-left-secondary {
        border-left-color: rgba(73, 204, 249, 1);
    }
    .xl\:border-tertiary {
        border-color: rgba(123, 104, 238, 1);
    }
    .xl\:border-top-tertiary {
        border-top-color: rgba(123, 104, 238, 1);
    }
    .xl\:border-right-tertiary {
        border-right-color: rgba(123, 104, 238, 1);
    }
    .xl\:border-bottom-tertiary {
        border-bottom-color: rgba(123, 104, 238, 1);
    }
    .xl\:border-left-tertiary {
        border-left-color: rgba(123, 104, 238, 1);
    }
}

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

.border-radius-0 {
    border-radius: 0;
}

.border-radius-top {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.border-radius-right {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.border-radius-bottom {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

.border-radius-left {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.rounded {
    border-radius: 2rem;
}

.circle {
    border-radius: 50%;
}

@media (min-width: 576px) {
    .sm\:border-radius {
        border-radius: 4px;
    }
    .sm\:border-radius-0 {
        border-radius: 0;
    }
    .sm\:border-radius-top {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }
    .sm\:border-radius-right {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }
    .sm\:border-radius-bottom {
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }
    .sm\:border-radius-left {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }
    .sm\:rounded {
        border-radius: 2rem;
    }
    .sm\:circle {
        border-radius: 50%;
    }
}

@media (min-width: 768px) {
    .md\:border-radius {
        border-radius: 4px;
    }
    .md\:border-radius-0 {
        border-radius: 0;
    }
    .md\:border-radius-top {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }
    .md\:border-radius-right {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }
    .md\:border-radius-bottom {
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }
    .md\:border-radius-left {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }
    .md\:rounded {
        border-radius: 2rem;
    }
    .md\:circle {
        border-radius: 50%;
    }
}

@media (min-width: 992px) {
    .lg\:border-radius {
        border-radius: 4px;
    }
    .lg\:border-radius-0 {
        border-radius: 0;
    }
    .lg\:border-radius-top {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }
    .lg\:border-radius-right {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }
    .lg\:border-radius-bottom {
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }
    .lg\:border-radius-left {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }
    .lg\:rounded {
        border-radius: 2rem;
    }
    .lg\:circle {
        border-radius: 50%;
    }
}

@media (min-width: 1200px) {
    .xl\:border-radius {
        border-radius: 4px;
    }
    .xl\:border-radius-0 {
        border-radius: 0;
    }
    .xl\:border-radius-top {
        border-top-left-radius: 4px;
        border-top-right-radius: 4px;
    }
    .xl\:border-radius-right {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }
    .xl\:border-radius-bottom {
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }
    .xl\:border-radius-left {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }
    .xl\:rounded {
        border-radius: 2rem;
    }
    .xl\:circle {
        border-radius: 50%;
    }
}

.border-solid {
    border-style: solid;
}

.border-dashed {
    border-style: dashed;
}

.border-dotted {
    border-style: dotted;
}

.border-none {
    border-style: none;
}

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

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

.border-right-1 {
    border-right-width: 1px;
}

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

.border-left-1 {
    border-left-width: 1px;
}

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

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

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

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

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

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

.border-top-3 {
    border-top-width: 3px;
}

.border-right-3 {
    border-right-width: 3px;
}

.border-bottom-3 {
    border-bottom-width: 3px;
}

.border-left-3 {
    border-left-width: 3px;
}

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
    .sm\:border-1 {
        border-width: 1px;
    }
    .sm\:border-top-1 {
        border-top-width: 1px;
    }
    .sm\:border-right-1 {
        border-right-width: 1px;
    }
    .sm\:border-bottom-1 {
        border-bottom-width: 1px;
    }
    .sm\:border-left-1 {
        border-left-width: 1px;
    }
    .sm\:border-2 {
        border-width: 2px;
    }
    .sm\:border-top-2 {
        border-top-width: 2px;
    }
    .sm\:border-right-2 {
        border-right-width: 2px;
    }
    .sm\:border-bottom-2 {
        border-bottom-width: 2px;
    }
    .sm\:border-left-2 {
        border-left-width: 2px;
    }
    .sm\:border-3 {
        border-width: 3px;
    }
    .sm\:border-top-3 {
        border-top-width: 3px;
    }
    .sm\:border-right-3 {
        border-right-width: 3px;
    }
    .sm\:border-bottom-3 {
        border-bottom-width: 3px;
    }
    .sm\:border-left-3 {
        border-left-width: 3px;
    }
    .sm\:border-4 {
        border-width: 4px;
    }
    .sm\:border-top-4 {
        border-top-width: 4px;
    }
    .sm\:border-right-4 {
        border-right-width: 4px;
    }
    .sm\:border-bottom-4 {
        border-bottom-width: 4px;
    }
    .sm\:border-left-4 {
        border-left-width: 4px;
    }
    .sm\:border-0 {
        border-width: 0;
    }
    .sm\:border-top-0 {
        border-top-width: 0;
    }
    .sm\:border-right-0 {
        border-right-width: 0;
    }
    .sm\:border-bottom-0 {
        border-bottom-width: 0;
    }
    .sm\:border-left-0 {
        border-left-width: 0;
    }
}

@media (min-width: 768px) {
    .md\:border-1 {
        border-width: 1px;
    }
    .md\:border-top-1 {
        border-top-width: 1px;
    }
    .md\:border-right-1 {
        border-right-width: 1px;
    }
    .md\:border-bottom-1 {
        border-bottom-width: 1px;
    }
    .md\:border-left-1 {
        border-left-width: 1px;
    }
    .md\:border-2 {
        border-width: 2px;
    }
    .md\:border-top-2 {
        border-top-width: 2px;
    }
    .md\:border-right-2 {
        border-right-width: 2px;
    }
    .md\:border-bottom-2 {
        border-bottom-width: 2px;
    }
    .md\:border-left-2 {
        border-left-width: 2px;
    }
    .md\:border-3 {
        border-width: 3px;
    }
    .md\:border-top-3 {
        border-top-width: 3px;
    }
    .md\:border-right-3 {
        border-right-width: 3px;
    }
    .md\:border-bottom-3 {
        border-bottom-width: 3px;
    }
    .md\:border-left-3 {
        border-left-width: 3px;
    }
    .md\:border-4 {
        border-width: 4px;
    }
    .md\:border-top-4 {
        border-top-width: 4px;
    }
    .md\:border-right-4 {
        border-right-width: 4px;
    }
    .md\:border-bottom-4 {
        border-bottom-width: 4px;
    }
    .md\:border-left-4 {
        border-left-width: 4px;
    }
    .md\:border-0 {
        border-width: 0;
    }
    .md\:border-top-0 {
        border-top-width: 0;
    }
    .md\:border-right-0 {
        border-right-width: 0;
    }
    .md\:border-bottom-0 {
        border-bottom-width: 0;
    }
    .md\:border-left-0 {
        border-left-width: 0;
    }
}

@media (min-width: 992px) {
    .lg\:border-1 {
        border-width: 1px;
    }
    .lg\:border-top-1 {
        border-top-width: 1px;
    }
    .lg\:border-right-1 {
        border-right-width: 1px;
    }
    .lg\:border-bottom-1 {
        border-bottom-width: 1px;
    }
    .lg\:border-left-1 {
        border-left-width: 1px;
    }
    .lg\:border-2 {
        border-width: 2px;
    }
    .lg\:border-top-2 {
        border-top-width: 2px;
    }
    .lg\:border-right-2 {
        border-right-width: 2px;
    }
    .lg\:border-bottom-2 {
        border-bottom-width: 2px;
    }
    .lg\:border-left-2 {
        border-left-width: 2px;
    }
    .lg\:border-3 {
        border-width: 3px;
    }
    .lg\:border-top-3 {
        border-top-width: 3px;
    }
    .lg\:border-right-3 {
        border-right-width: 3px;
    }
    .lg\:border-bottom-3 {
        border-bottom-width: 3px;
    }
    .lg\:border-left-3 {
        border-left-width: 3px;
    }
    .lg\:border-4 {
        border-width: 4px;
    }
    .lg\:border-top-4 {
        border-top-width: 4px;
    }
    .lg\:border-right-4 {
        border-right-width: 4px;
    }
    .lg\:border-bottom-4 {
        border-bottom-width: 4px;
    }
    .lg\:border-left-4 {
        border-left-width: 4px;
    }
    .lg\:border-0 {
        border-width: 0;
    }
    .lg\:border-top-0 {
        border-top-width: 0;
    }
    .lg\:border-right-0 {
        border-right-width: 0;
    }
    .lg\:border-bottom-0 {
        border-bottom-width: 0;
    }
    .lg\:border-left-0 {
        border-left-width: 0;
    }
}

@media (min-width: 1200px) {
    .xl\:border-1 {
        border-width: 1px;
    }
    .xl\:border-top-1 {
        border-top-width: 1px;
    }
    .xl\:border-right-1 {
        border-right-width: 1px;
    }
    .xl\:border-bottom-1 {
        border-bottom-width: 1px;
    }
    .xl\:border-left-1 {
        border-left-width: 1px;
    }
    .xl\:border-2 {
        border-width: 2px;
    }
    .xl\:border-top-2 {
        border-top-width: 2px;
    }
    .xl\:border-right-2 {
        border-right-width: 2px;
    }
    .xl\:border-bottom-2 {
        border-bottom-width: 2px;
    }
    .xl\:border-left-2 {
        border-left-width: 2px;
    }
    .xl\:border-3 {
        border-width: 3px;
    }
    .xl\:border-top-3 {
        border-top-width: 3px;
    }
    .xl\:border-right-3 {
        border-right-width: 3px;
    }
    .xl\:border-bottom-3 {
        border-bottom-width: 3px;
    }
    .xl\:border-left-3 {
        border-left-width: 3px;
    }
    .xl\:border-4 {
        border-width: 4px;
    }
    .xl\:border-top-4 {
        border-top-width: 4px;
    }
    .xl\:border-right-4 {
        border-right-width: 4px;
    }
    .xl\:border-bottom-4 {
        border-bottom-width: 4px;
    }
    .xl\:border-left-4 {
        border-left-width: 4px;
    }
    .xl\:border-0 {
        border-width: 0;
    }
    .xl\:border-top-0 {
        border-top-width: 0;
    }
    .xl\:border-right-0 {
        border-right-width: 0;
    }
    .xl\:border-bottom-0 {
        border-bottom-width: 0;
    }
    .xl\:border-left-0 {
        border-left-width: 0;
    }
}

.align-content-start {
    align-content: flex-start;
}

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

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

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

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

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

@media (min-width: 576px) {
    .sm\:align-content-start {
        align-content: flex-start;
    }
    .sm\:align-content-end {
        align-content: flex-end;
    }
    .sm\:align-content-center {
        align-content: center;
    }
    .sm\:align-content-between {
        align-content: space-between;
    }
    .sm\:align-content-around {
        align-content: space-around;
    }
    .sm\:align-content-stretch {
        align-content: stretch;
    }
}

@media (min-width: 768px) {
    .md\:align-content-start {
        align-content: flex-start;
    }
    .md\:align-content-end {
        align-content: flex-end;
    }
    .md\:align-content-center {
        align-content: center;
    }
    .md\:align-content-between {
        align-content: space-between;
    }
    .md\:align-content-around {
        align-content: space-around;
    }
    .md\:align-content-stretch {
        align-content: stretch;
    }
}

@media (min-width: 992px) {
    .lg\:align-content-start {
        align-content: flex-start;
    }
    .lg\:align-content-end {
        align-content: flex-end;
    }
    .lg\:align-content-center {
        align-content: center;
    }
    .lg\:align-content-between {
        align-content: space-between;
    }
    .lg\:align-content-around {
        align-content: space-around;
    }
    .lg\:align-content-stretch {
        align-content: stretch;
    }
}

@media (min-width: 1200px) {
    .xl\:align-content-start {
        align-content: flex-start;
    }
    .xl\:align-content-end {
        align-content: flex-end;
    }
    .xl\:align-content-center {
        align-content: center;
    }
    .xl\:align-content-between {
        align-content: space-between;
    }
    .xl\:align-content-around {
        align-content: space-around;
    }
    .xl\:align-content-stretch {
        align-content: stretch;
    }
}

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

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

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

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

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

@media (min-width: 576px) {
    .sm\:align-items-start {
        align-items: flex-start;
    }
    .sm\:align-items-end {
        align-items: flex-end;
    }
    .sm\:align-items-center {
        align-items: center;
    }
    .sm\:align-items-baseline {
        align-items: baseline;
    }
    .sm\:align-items-stretch {
        align-items: stretch;
    }
}

@media (min-width: 768px) {
    .md\:align-items-start {
        align-items: flex-start;
    }
    .md\:align-items-end {
        align-items: flex-end;
    }
    .md\:align-items-center {
        align-items: center;
    }
    .md\:align-items-baseline {
        align-items: baseline;
    }
    .md\:align-items-stretch {
        align-items: stretch;
    }
}

@media (min-width: 992px) {
    .lg\:align-items-start {
        align-items: flex-start;
    }
    .lg\:align-items-end {
        align-items: flex-end;
    }
    .lg\:align-items-center {
        align-items: center;
    }
    .lg\:align-items-baseline {
        align-items: baseline;
    }
    .lg\:align-items-stretch {
        align-items: stretch;
    }
}

@media (min-width: 1200px) {
    .xl\:align-items-start {
        align-items: flex-start;
    }
    .xl\:align-items-end {
        align-items: flex-end;
    }
    .xl\:align-items-center {
        align-items: center;
    }
    .xl\:align-items-baseline {
        align-items: baseline;
    }
    .xl\:align-items-stretch {
        align-items: stretch;
    }
}

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

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

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

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

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

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

@media (min-width: 576px) {
    .sm\:align-self-auto {
        align-self: auto;
    }
    .sm\:align-self-start {
        align-self: flex-start;
    }
    .sm\:align-self-end {
        align-self: flex-end;
    }
    .sm\:align-self-center {
        align-self: center;
    }
    .sm\:align-self-baseline {
        align-self: baseline;
    }
    .sm\:align-self-stretch {
        align-self: stretch;
    }
}

@media (min-width: 768px) {
    .md\:align-self-auto {
        align-self: auto;
    }
    .md\:align-self-start {
        align-self: flex-start;
    }
    .md\:align-self-end {
        align-self: flex-end;
    }
    .md\:align-self-center {
        align-self: center;
    }
    .md\:align-self-baseline {
        align-self: baseline;
    }
    .md\:align-self-stretch {
        align-self: stretch;
    }
}

@media (min-width: 992px) {
    .lg\:align-self-auto {
        align-self: auto;
    }
    .lg\:align-self-start {
        align-self: flex-start;
    }
    .lg\:align-self-end {
        align-self: flex-end;
    }
    .lg\:align-self-center {
        align-self: center;
    }
    .lg\:align-self-baseline {
        align-self: baseline;
    }
    .lg\:align-self-stretch {
        align-self: stretch;
    }
}

@media (min-width: 1200px) {
    .xl\:align-self-auto {
        align-self: auto;
    }
    .xl\:align-self-start {
        align-self: flex-start;
    }
    .xl\:align-self-end {
        align-self: flex-end;
    }
    .xl\:align-self-center {
        align-self: center;
    }
    .xl\:align-self-baseline {
        align-self: baseline;
    }
    .xl\:align-self-stretch {
        align-self: stretch;
    }
}

.flex-initial {
    flex: initial;
}

.flex-1 {
    flex: 1;
}

.flex-auto {
    flex: auto;
}

.flex-none {
    flex: none;
}

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

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

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

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

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

@media (min-width: 576px) {
    .sm\:flex-initial {
        flex: initial;
    }
    .sm\:flex-1 {
        flex: 1;
    }
    .sm\:flex-auto {
        flex: auto;
    }
    .sm\:flex-none {
        flex: none;
    }
    .sm\:flex-fill {
        flex: 1 1 auto;
    }
    .sm\:flex-grow {
        flex-grow: 1;
    }
    .sm\:flex-grow-0 {
        flex-grow: 0;
    }
    .sm\:flex-shrink {
        flex-shrink: 1;
    }
    .sm\:flex-shrink-0 {
        flex-shrink: 0;
    }
}

@media (min-width: 768px) {
    .md\:flex-initial {
        flex: initial;
    }
    .md\:flex-1 {
        flex: 1;
    }
    .md\:flex-auto {
        flex: auto;
    }
    .md\:flex-none {
        flex: none;
    }
    .md\:flex-fill {
        flex: 1 1 auto;
    }
    .md\:flex-grow {
        flex-grow: 1;
    }
    .md\:flex-grow-0 {
        flex-grow: 0;
    }
    .md\:flex-shrink {
        flex-shrink: 1;
    }
    .md\:flex-shrink-0 {
        flex-shrink: 0;
    }
}

@media (min-width: 992px) {
    .lg\:flex-initial {
        flex: initial;
    }
    .lg\:flex-1 {
        flex: 1;
    }
    .lg\:flex-auto {
        flex: auto;
    }
    .lg\:flex-none {
        flex: none;
    }
    .lg\:flex-fill {
        flex: 1 1 auto;
    }
    .lg\:flex-grow {
        flex-grow: 1;
    }
    .lg\:flex-grow-0 {
        flex-grow: 0;
    }
    .lg\:flex-shrink {
        flex-shrink: 1;
    }
    .lg\:flex-shrink-0 {
        flex-shrink: 0;
    }
}

@media (min-width: 1200px) {
    .xl\:flex-initial {
        flex: initial;
    }
    .xl\:flex-1 {
        flex: 1;
    }
    .xl\:flex-auto {
        flex: auto;
    }
    .xl\:flex-none {
        flex: none;
    }
    .xl\:flex-fill {
        flex: 1 1 auto;
    }
    .xl\:flex-grow {
        flex-grow: 1;
    }
    .xl\:flex-grow-0 {
        flex-grow: 0;
    }
    .xl\:flex-shrink {
        flex-shrink: 1;
    }
    .xl\:flex-shrink-0 {
        flex-shrink: 0;
    }
}

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

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

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

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

@media (min-width: 576px) {
    .sm\:flex-row {
        flex-direction: row;
    }
    .sm\:flex-column {
        flex-direction: column;
    }
    .sm\:flex-row-reverse {
        flex-direction: row-reverse;
    }
    .sm\:flex-column-reverse {
        flex-direction: column-reverse;
    }
}

@media (min-width: 768px) {
    .md\:flex-row {
        flex-direction: row;
    }
    .md\:flex-column {
        flex-direction: column;
    }
    .md\:flex-row-reverse {
        flex-direction: row-reverse;
    }
    .md\:flex-column-reverse {
        flex-direction: column-reverse;
    }
}

@media (min-width: 992px) {
    .lg\:flex-row {
        flex-direction: row;
    }
    .lg\:flex-column {
        flex-direction: column;
    }
    .lg\:flex-row-reverse {
        flex-direction: row-reverse;
    }
    .lg\:flex-column-reverse {
        flex-direction: column-reverse;
    }
}

@media (min-width: 1200px) {
    .xl\:flex-row {
        flex-direction: row;
    }
    .xl\:flex-column {
        flex-direction: column;
    }
    .xl\:flex-row-reverse {
        flex-direction: row-reverse;
    }
    .xl\:flex-column-reverse {
        flex-direction: column-reverse;
    }
}

.flex-first {
    order: -1;
}

.flex-last {
    order: 13;
}

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.order-3 {
    order: 3;
}

.order-4 {
    order: 4;
}

@media (min-width: 576px) {
    .sm\:flex-first {
        order: -1;
    }
    .sm\:flex-last {
        order: 13;
    }
    .sm\:order-inherit {
        order: inherit;
    }
}

@media (min-width: 768px) {
    .md\:flex-first {
        order: -1;
    }
    .md\:flex-last {
        order: 13;
    }
    .md\:order-inherit {
        order: inherit;
    }
}

@media (min-width: 992px) {
    .lg\:flex-first {
        order: -1;
    }
    .lg\:flex-last {
        order: 13;
    }
    .lg\:order-inherit {
        order: inherit;
    }
}

@media (min-width: 1200px) {
    .xl\:flex-first {
        order: -1;
    }
    .xl\:flex-last {
        order: 13;
    }
    .xl\:order-inherit {
        order: inherit;
    }
}

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

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

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

@media (min-width: 576px) {
    .sm\:flex-wrap {
        flex-wrap: wrap;
    }
    .sm\:flex-no-wrap {
        flex-wrap: nowrap;
    }
    .sm\:flex-wrap-reverse {
        flex-wrap: wrap-reverse;
    }
}

@media (min-width: 768px) {
    .md\:flex-wrap {
        flex-wrap: wrap;
    }
    .md\:flex-no-wrap {
        flex-wrap: nowrap;
    }
    .md\:flex-wrap-reverse {
        flex-wrap: wrap-reverse;
    }
}

@media (min-width: 992px) {
    .lg\:flex-wrap {
        flex-wrap: wrap;
    }
    .lg\:flex-no-wrap {
        flex-wrap: nowrap;
    }
    .lg\:flex-wrap-reverse {
        flex-wrap: wrap-reverse;
    }
}

@media (min-width: 1200px) {
    .xl\:flex-wrap {
        flex-wrap: wrap;
    }
    .xl\:flex-no-wrap {
        flex-wrap: nowrap;
    }
    .xl\:flex-wrap-reverse {
        flex-wrap: wrap-reverse;
    }
}

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

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

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

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

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

@media (min-width: 576px) {
    .sm\:justify-content-start {
        justify-content: flex-start;
    }
    .sm\:justify-content-end {
        justify-content: flex-end;
    }
    .sm\:justify-content-center {
        justify-content: center;
    }
    .sm\:justify-content-between {
        justify-content: space-between;
    }
    .sm\:justify-content-around {
        justify-content: space-around;
    }
}

@media (min-width: 768px) {
    .md\:justify-content-start {
        justify-content: flex-start;
    }
    .md\:justify-content-end {
        justify-content: flex-end;
    }
    .md\:justify-content-center {
        justify-content: center;
    }
    .md\:justify-content-between {
        justify-content: space-between;
    }
    .md\:justify-content-around {
        justify-content: space-around;
    }
}

@media (min-width: 992px) {
    .lg\:justify-content-start {
        justify-content: flex-start;
    }
    .lg\:justify-content-end {
        justify-content: flex-end;
    }
    .lg\:justify-content-center {
        justify-content: center;
    }
    .lg\:justify-content-between {
        justify-content: space-between;
    }
    .lg\:justify-content-around {
        justify-content: space-around;
    }
}

@media (min-width: 1200px) {
    .xl\:justify-content-start {
        justify-content: flex-start;
    }
    .xl\:justify-content-end {
        justify-content: flex-end;
    }
    .xl\:justify-content-center {
        justify-content: center;
    }
    .xl\:justify-content-between {
        justify-content: space-between;
    }
    .xl\:justify-content-around {
        justify-content: space-around;
    }
}

.-mt-1px {
    margin-top: -1px;
}

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

.m-0 {
    margin: 0;
}

.mt-0,
.my-0 {
    margin-top: 0;
}

.mr-0,
.mx-0 {
    margin-right: 0;
}

.mb-0,
.my-0 {
    margin-bottom: 0;
}

.ml-0,
.mx-0 {
    margin-left: 0;
}

.-m-0 {
    margin: 0;
}

.-mt-0,
.-my-0 {
    margin-top: 0;
}

.-mr-0,
.-mx-0 {
    margin-right: 0;
}

.-mb-0,
.-my-0 {
    margin-bottom: 0;
}

.-ml-0,
.-mx-0 {
    margin-left: 0;
}

.m-1 {
    margin: 0.25rem;
}

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

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

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

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

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

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

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

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

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

.m-2 {
    margin: 0.5rem;
}

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

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

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

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

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

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

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

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

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

.m-3 {
    margin: 0.75rem;
}

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

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

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

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

.-m-3 {
    margin: -0.75rem;
}

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

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

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

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

.m-4 {
    margin: 1rem;
}

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

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

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

.ml-4,
.mx-4 {
    margin-left: 1rem;
}

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

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

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

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

.-ml-4,
.-mx-4 {
    margin-left: -1rem;
}

.m-5 {
    margin: 1.5rem;
}

.mt-5,
.my-5 {
    margin-top: 1.5rem;
}

.mr-5,
.mx-5 {
    margin-right: 1.5rem;
}

.mb-5,
.my-5 {
    margin-bottom: 1.5rem;
}

.ml-5,
.mx-5 {
    margin-left: 1.5rem;
}

.-m-5 {
    margin: -1.5rem;
}

.-mt-5,
.-my-5 {
    margin-top: -1.5rem;
}

.-mr-5,
.-mx-5 {
    margin-right: -1.5rem;
}

.-mb-5,
.-my-5 {
    margin-bottom: -1.5rem;
}

.-ml-5,
.-mx-5 {
    margin-left: -1.5rem;
}

.m-6 {
    margin: 2rem;
}

.mt-6,
.my-6 {
    margin-top: 1rem;
}

.mr-6,
.mx-6 {
    margin-right: 2rem;
}

.mb-6,
.my-6 {
    margin-bottom: 2rem;
}

.ml-6,
.mx-6 {
    margin-left: 2rem;
}

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

.-mt-6,
.-my-6 {
    margin-top: -2rem;
}

.-mr-6,
.-mx-6 {
    margin-right: -2rem;
}

.-mb-6,
.-my-6 {
    margin-bottom: -2rem;
}

.-ml-6,
.-mx-6 {
    margin-left: -2rem;
}

.m-7 {
    margin: 3rem;
}

.mt-7,
.my-7 {
    margin-top: 3rem;
}

.mr-7,
.mx-7 {
    margin-right: 3rem;
}

.mb-7,
.my-7 {
    margin-bottom: 3rem;
}

.ml-7,
.mx-7 {
    margin-left: 3rem;
}

.-m-7 {
    margin: -3rem;
}

.-mt-7,
.-my-7 {
    margin-top: -3rem;
}

.-mr-7,
.-mx-7 {
    margin-right: -3rem;
}

.-mb-7,
.-my-7 {
    margin-bottom: -3rem;
}

.-ml-7,
.-mx-7 {
    margin-left: -3rem;
}

.m-8 {
    margin: 4rem;
}

.mt-8,
.my-8 {
    margin-top: 4rem;
}

.mr-8,
.mx-8 {
    margin-right: 4rem;
}

.mb-8,
.my-8 {
    margin-bottom: 4rem;
}

.ml-8,
.mx-8 {
    margin-left: 4rem;
}

.-m-8 {
    margin: -4rem;
}

.-mt-8,
.-my-8 {
    margin-top: -4rem;
}

.-mr-8,
.-mx-8 {
    margin-right: -4rem;
}

.-mb-8,
.-my-8 {
    margin-bottom: -4rem;
}

.-ml-8,
.-mx-8 {
    margin-left: -4rem;
}

.m-9 {
    margin: 6rem;
}

.mt-9,
.my-9 {
    margin-top: 6rem;
}

.mr-9,
.mx-9 {
    margin-right: 6rem;
}

.mb-9,
.my-9 {
    margin-bottom: 6rem;
}

.ml-9,
.mx-9 {
    margin-left: 6rem;
}

.-m-9 {
    margin: -6rem;
}

.-mt-9,
.-my-9 {
    margin-top: -6rem;
}

.-mr-9,
.-mx-9 {
    margin-right: -6rem;
}

.-mb-9,
.-my-9 {
    margin-bottom: -6rem;
}

.-ml-9,
.-mx-9 {
    margin-left: -6rem;
}

.m-1px {
    margin: 1px;
}

.mt-1px,
.my-1px {
    margin-top: 1px;
}

.mr-1px,
.mx-1px {
    margin-right: 1px;
}

.mb-1px,
.my-1px {
    margin-bottom: 1px;
}

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

.-m-1px {
    margin: -1px;
}

.-mt-1px,
.-my-1px {
    margin-top: -1px;
}

.-mr-1px,
.-mx-1px {
    margin-right: -1px;
}

.-mb-1px,
.-my-1px {
    margin-bottom: -1px;
}

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

.m-auto {
    margin: auto;
}

.mt-auto,
.my-auto {
    margin-top: auto;
}

.mr-auto,
.mx-auto {
    margin-right: auto;
}

.mb-auto,
.my-auto {
    margin-bottom: auto;
}

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

@media (min-width: 576px) {
    .sm\:m-0 {
        margin: 0;
    }
    .sm\:mt-0,
    .sm\:my-0 {
        margin-top: 0;
    }
    .sm\:mr-0,
    .sm\:mx-0 {
        margin-right: 0;
    }
    .sm\:mb-0,
    .sm\:my-0 {
        margin-bottom: 0;
    }
    .sm\:ml-0,
    .sm\:mx-0 {
        margin-left: 0;
    }
    .sm\:-m-0 {
        margin: 0;
    }
    .sm\:-mt-0,
    .sm\:-my-0 {
        margin-top: 0;
    }
    .sm\:-mr-0,
    .sm\:-mx-0 {
        margin-right: 0;
    }
    .sm\:-mb-0,
    .sm\:-my-0 {
        margin-bottom: 0;
    }
    .sm\:-ml-0,
    .sm\:-mx-0 {
        margin-left: 0;
    }
    .sm\:m-1 {
        margin: 0.25rem;
    }
    .sm\:mt-1,
    .sm\:my-1 {
        margin-top: 0.25rem;
    }
    .sm\:mr-1,
    .sm\:mx-1 {
        margin-right: 0.25rem;
    }
    .sm\:mb-1,
    .sm\:my-1 {
        margin-bottom: 0.25rem;
    }
    .sm\:ml-1,
    .sm\:mx-1 {
        margin-left: 0.25rem;
    }
    .sm\:-m-1 {
        margin: -0.25rem;
    }
    .sm\:-mt-1,
    .sm\:-my-1 {
        margin-top: -0.25rem;
    }
    .sm\:-mr-1,
    .sm\:-mx-1 {
        margin-right: -0.25rem;
    }
    .sm\:-mb-1,
    .sm\:-my-1 {
        margin-bottom: -0.25rem;
    }
    .sm\:-ml-1,
    .sm\:-mx-1 {
        margin-left: -0.25rem;
    }
    .sm\:m-2 {
        margin: 0.5rem;
    }
    .sm\:mt-2,
    .sm\:my-2 {
        margin-top: 0.5rem;
    }
    .sm\:mr-2,
    .sm\:mx-2 {
        margin-right: 0.5rem;
    }
    .sm\:mb-2,
    .sm\:my-2 {
        margin-bottom: 0.5rem;
    }
    .sm\:ml-2,
    .sm\:mx-2 {
        margin-left: 0.5rem;
    }
    .sm\:-m-2 {
        margin: -0.5rem;
    }
    .sm\:-mt-2,
    .sm\:-my-2 {
        margin-top: -0.5rem;
    }
    .sm\:-mr-2,
    .sm\:-mx-2 {
        margin-right: -0.5rem;
    }
    .sm\:-mb-2,
    .sm\:-my-2 {
        margin-bottom: -0.5rem;
    }
    .sm\:-ml-2,
    .sm\:-mx-2 {
        margin-left: -0.5rem;
    }
    .sm\:m-3 {
        margin: 0.75rem;
    }
    .sm\:mt-3,
    .sm\:my-3 {
        margin-top: 0.75rem;
    }
    .sm\:mr-3,
    .sm\:mx-3 {
        margin-right: 0.75rem;
    }
    .sm\:mb-3,
    .sm\:my-3 {
        margin-bottom: 0.75rem;
    }
    .sm\:ml-3,
    .sm\:mx-3 {
        margin-left: 0.75rem;
    }
    .sm\:-m-3 {
        margin: -0.75rem;
    }
    .sm\:-mt-3,
    .sm\:-my-3 {
        margin-top: -0.75rem;
    }
    .sm\:-mr-3,
    .sm\:-mx-3 {
        margin-right: -0.75rem;
    }
    .sm\:-mb-3,
    .sm\:-my-3 {
        margin-bottom: -0.75rem;
    }
    .sm\:-ml-3,
    .sm\:-mx-3 {
        margin-left: -0.75rem;
    }
    .sm\:m-4 {
        margin: 1rem;
    }
    .sm\:mt-4,
    .sm\:my-4 {
        margin-top: 1rem;
    }
    .sm\:mr-4,
    .sm\:mx-4 {
        margin-right: 1rem;
    }
    .sm\:mb-4,
    .sm\:my-4 {
        margin-bottom: 1rem;
    }
    .sm\:ml-4,
    .sm\:mx-4 {
        margin-left: 1rem;
    }
    .sm\:-m-4 {
        margin: -1rem;
    }
    .sm\:-mt-4,
    .sm\:-my-4 {
        margin-top: -1rem;
    }
    .sm\:-mr-4,
    .sm\:-mx-4 {
        margin-right: -1rem;
    }
    .sm\:-mb-4,
    .sm\:-my-4 {
        margin-bottom: -1rem;
    }
    .sm\:-ml-4,
    .sm\:-mx-4 {
        margin-left: -1rem;
    }
    .sm\:m-5 {
        margin: 1.5rem;
    }
    .sm\:mt-5,
    .sm\:my-5 {
        margin-top: 1.5rem;
    }
    .sm\:mr-5,
    .sm\:mx-5 {
        margin-right: 1.5rem;
    }
    .sm\:mb-5,
    .sm\:my-5 {
        margin-bottom: 1.5rem;
    }
    .sm\:ml-5,
    .sm\:mx-5 {
        margin-left: 1.5rem;
    }
    .sm\:-m-5 {
        margin: -1.5rem;
    }
    .sm\:-mt-5,
    .sm\:-my-5 {
        margin-top: -1.5rem;
    }
    .sm\:-mr-5,
    .sm\:-mx-5 {
        margin-right: -1.5rem;
    }
    .sm\:-mb-5,
    .sm\:-my-5 {
        margin-bottom: -1.5rem;
    }
    .sm\:-ml-5,
    .sm\:-mx-5 {
        margin-left: -1.5rem;
    }
    .sm\:m-6 {
        margin: 2rem;
    }
    .sm\:mt-6,
    .sm\:my-6 {
        margin-top: 2rem;
    }
    .sm\:mr-6,
    .sm\:mx-6 {
        margin-right: 2rem;
    }
    .sm\:mb-6,
    .sm\:my-6 {
        margin-bottom: 2rem;
    }
    .sm\:ml-6,
    .sm\:mx-6 {
        margin-left: 2rem;
    }
    .sm\:-m-6 {
        margin: -2rem;
    }
    .sm\:-mt-6,
    .sm\:-my-6 {
        margin-top: -2rem;
    }
    .sm\:-mr-6,
    .sm\:-mx-6 {}
    .sm\:-mb-6,
    .sm\:-my-6 {
        margin-bottom: -2rem;
    }
    .sm\:-ml-6,
    .sm\:-mx-6 {
        margin-left: -2rem;
    }
    .sm\:m-7 {
        margin: 3rem;
    }
    .sm\:mt-7,
    .sm\:my-7 {
        margin-top: 3rem;
    }
    .sm\:mr-7,
    .sm\:mx-7 {
        margin-right: 3rem;
    }
    .sm\:mb-7,
    .sm\:my-7 {
        margin-bottom: 3rem;
    }
    .sm\:ml-7,
    .sm\:mx-7 {
        margin-left: 3rem;
    }
    .sm\:-m-7 {
        margin: -3rem;
    }
    .sm\:-mt-7,
    .sm\:-my-7 {
        margin-top: -3rem;
    }
    .sm\:-mr-7,
    .sm\:-mx-7 {
        margin-right: -3rem;
    }
    .sm\:-mb-7,
    .sm\:-my-7 {
        margin-bottom: -3rem;
    }
    .sm\:-ml-7,
    .sm\:-mx-7 {
        margin-left: -3rem;
    }
    .sm\:m-8 {
        margin: 4rem;
    }
    .sm\:mt-8,
    .sm\:my-8 {
        margin-top: 4rem;
    }
    .sm\:mr-8,
    .sm\:mx-8 {
        margin-right: 4rem;
    }
    .sm\:mb-8,
    .sm\:my-8 {
        margin-bottom: 4rem;
    }
    .sm\:ml-8,
    .sm\:mx-8 {
        margin-left: 4rem;
    }
    .sm\:-m-8 {
        margin: -4rem;
    }
    .sm\:-mt-8,
    .sm\:-my-8 {
        margin-top: -4rem;
    }
    .sm\:-mr-8,
    .sm\:-mx-8 {
        margin-right: -4rem;
    }
    .sm\:-mb-8,
    .sm\:-my-8 {
        margin-bottom: -4rem;
    }
    .sm\:-ml-8,
    .sm\:-mx-8 {
        margin-left: -4rem;
    }
    .sm\:m-9 {
        margin: 6rem;
    }
    .sm\:mt-9,
    .sm\:my-9 {
        margin-top: 6rem;
    }
    .sm\:mr-9,
    .sm\:mx-9 {
        margin-right: 6rem;
    }
    .sm\:mb-9,
    .sm\:my-9 {
        margin-bottom: 6rem;
    }
    .sm\:ml-9,
    .sm\:mx-9 {
        margin-left: 6rem;
    }
    .sm\:-m-9 {
        margin: -6rem;
    }
    .sm\:-mt-9,
    .sm\:-my-9 {
        margin-top: -6rem;
    }
    .sm\:-mr-9,
    .sm\:-mx-9 {
        margin-right: -6rem;
    }
    .sm\:-mb-9,
    .sm\:-my-9 {
        margin-bottom: -6rem;
    }
    .sm\:-ml-9,
    .sm\:-mx-9 {
        margin-left: -6rem;
    }
    .sm\:m-1px {
        margin: 1px;
    }
    .sm\:mt-1px,
    .sm\:my-1px {
        margin-top: 1px;
    }
    .sm\:mr-1px,
    .sm\:mx-1px {
        margin-right: 1px;
    }
    .sm\:mb-1px,
    .sm\:my-1px {
        margin-bottom: 1px;
    }
    .sm\:ml-1px,
    .sm\:mx-1px {
        margin-left: 1px;
    }
    .sm\:-m-1px {
        margin: -1px;
    }
    .sm\:-mt-1px,
    .sm\:-my-1px {
        margin-top: -1px;
    }
    .sm\:-mr-1px,
    .sm\:-mx-1px {
        margin-right: -1px;
    }
    .sm\:-mb-1px,
    .sm\:-my-1px {
        margin-bottom: -1px;
    }
    .sm\:-ml-1px,
    .sm\:-mx-1px {
        margin-left: -1px;
    }
    .sm\:m-auto {
        margin: auto;
    }
    .sm\:mt-auto,
    .sm\:my-auto {
        margin-top: auto;
    }
    .sm\:mr-auto,
    .sm\:mx-auto {
        margin-right: auto;
    }
    .sm\:mb-auto,
    .sm\:my-auto {
        margin-bottom: auto;
    }
    .sm\:ml-auto,
    .sm\:mx-auto {
        margin-left: auto;
    }
}

@media (min-width: 768px) {
    .md\:m-0 {
        margin: 0;
    }
    .md\:mt-0,
    .md\:my-0 {
        margin-top: 0;
    }
    .md\:mr-0,
    .md\:mx-0 {
        margin-right: 0;
    }
    .md\:mb-0,
    .md\:my-0 {
        margin-bottom: 0;
    }
    .md\:ml-0,
    .md\:mx-0 {
        margin-left: 0;
    }
    .md\:-m-0 {
        margin: 0;
    }
    .md\:-mt-0,
    .md\:-my-0 {
        margin-top: 0;
    }
    .md\:-mr-0,
    .md\:-mx-0 {
        margin-right: 0;
    }
    .md\:-mb-0,
    .md\:-my-0 {
        margin-bottom: 0;
    }
    .md\:-ml-0,
    .md\:-mx-0 {
        margin-left: 0;
    }
    .md\:m-1 {
        margin: 0.25rem;
    }
    .md\:mt-1,
    .md\:my-1 {
        margin-top: 0.25rem;
    }
    .md\:mr-1,
    .md\:mx-1 {
        margin-right: 0.25rem;
    }
    .md\:mb-1,
    .md\:my-1 {
        margin-bottom: 0.25rem;
    }
    .md\:ml-1,
    .md\:mx-1 {
        margin-left: 0.25rem;
    }
    .md\:-m-1 {
        margin: -0.25rem;
    }
    .md\:-mt-1,
    .md\:-my-1 {
        margin-top: -0.25rem;
    }
    .md\:-mr-1,
    .md\:-mx-1 {
        margin-right: -0.25rem;
    }
    .md\:-mb-1,
    .md\:-my-1 {
        margin-bottom: -0.25rem;
    }
    .md\:-ml-1,
    .md\:-mx-1 {
        margin-left: -0.25rem;
    }
    .md\:m-2 {
        margin: 0.5rem;
    }
    .md\:mt-2,
    .md\:my-2 {
        margin-top: 0.5rem;
    }
    .md\:mr-2,
    .md\:mx-2 {
        margin-right: 0.5rem;
    }
    .md\:mb-2,
    .md\:my-2 {
        margin-bottom: 0.5rem;
    }
    .md\:ml-2,
    .md\:mx-2 {
        margin-left: 0.5rem;
    }
    .md\:-m-2 {
        margin: -0.5rem;
    }
    .md\:-mt-2,
    .md\:-my-2 {
        margin-top: -0.5rem;
    }
    .md\:-mr-2,
    .md\:-mx-2 {
        margin-right: -0.5rem;
    }
    .md\:-mb-2,
    .md\:-my-2 {
        margin-bottom: -0.5rem;
    }
    .md\:-ml-2,
    .md\:-mx-2 {
        margin-left: -0.5rem;
    }
    .md\:m-3 {
        margin: 0.75rem;
    }
    .md\:mt-3,
    .md\:my-3 {
        margin-top: 0.75rem;
    }
    .md\:mr-3,
    .md\:mx-3 {
        margin-right: 0.75rem;
    }
    .md\:mb-3,
    .md\:my-3 {
        margin-bottom: 0.75rem;
    }
    .md\:ml-3,
    .md\:mx-3 {
        margin-left: 0.75rem;
    }
    .md\:-m-3 {
        margin: -0.75rem;
    }
    .md\:-mt-3,
    .md\:-my-3 {
        margin-top: -0.75rem;
    }
    .md\:-mr-3,
    .md\:-mx-3 {
        margin-right: -0.75rem;
    }
    .md\:-mb-3,
    .md\:-my-3 {
        margin-bottom: -0.75rem;
    }
    .md\:-ml-3,
    .md\:-mx-3 {
        margin-left: -0.75rem;
    }
    .md\:m-4 {
        margin: 1rem;
    }
    .md\:mt-4,
    .md\:my-4 {
        margin-top: 1rem;
    }
    .md\:mr-4,
    .md\:mx-4 {
        margin-right: 1rem;
    }
    .md\:mb-4,
    .md\:my-4 {
        margin-bottom: 1rem;
    }
    .md\:ml-4,
    .md\:mx-4 {
        margin-left: 1rem;
    }
    .md\:-m-4 {
        margin: -1rem;
    }
    .md\:-mt-4,
    .md\:-my-4 {
        margin-top: -1rem;
    }
    .md\:-mr-4,
    .md\:-mx-4 {
        margin-right: -1rem;
    }
    .md\:-mb-4,
    .md\:-my-4 {
        margin-bottom: -1rem;
    }
    .md\:-ml-4,
    .md\:-mx-4 {
        margin-left: -1rem;
    }
    .md\:m-5 {
        margin: 1.5rem;
    }
    .md\:mt-5,
    .md\:my-5 {
        margin-top: 1.5rem;
    }
    .md\:mr-5,
    .md\:mx-5 {
        margin-right: 1.5rem;
    }
    .md\:mb-5,
    .md\:my-5 {
        margin-bottom: 1.5rem;
    }
    .md\:ml-5,
    .md\:mx-5 {
        margin-left: 1.5rem;
    }
    .md\:-m-5 {
        margin: -1.5rem;
    }
    .md\:-mt-5,
    .md\:-my-5 {
        margin-top: -1.5rem;
    }
    .md\:-mr-5,
    .md\:-mx-5 {
        margin-right: -1.5rem;
    }
    .md\:-mb-5,
    .md\:-my-5 {
        margin-bottom: -1.5rem;
    }
    .md\:-ml-5,
    .md\:-mx-5 {
        margin-left: -1.5rem;
    }
    .md\:m-6 {
        margin: 2rem;
    }
    .md\:mt-6,
    .md\:my-6 {
        margin-top: 2rem;
    }
    .md\:mr-6,
    .md\:mx-6 {
        margin-right: 2rem;
    }
    .md\:mb-6,
    .md\:my-6 {
        margin-bottom: 2rem;
    }
    .md\:ml-6,
    .md\:mx-6 {
        margin-left: 2rem;
    }
    .md\:-m-6 {
        margin: -2rem;
    }
    .md\:-mt-6,
    .md\:-my-6 {
        margin-top: -2rem;
    }
    .md\:-mr-6,
    .md\:-mx-6 {
        margin-right: -2rem;
    }
    .md\:-mb-6,
    .md\:-my-6 {
        margin-bottom: -2rem;
    }
    .md\:-ml-6,
    .md\:-mx-6 {
        margin-left: -2rem;
    }
    .md\:m-7 {
        margin: 3rem;
    }
    .md\:mt-7,
    .md\:my-7 {
        margin-top: 3rem;
    }
    .md\:mr-7,
    .md\:mx-7 {
        margin-right: 3rem;
    }
    .md\:mb-7,
    .md\:my-7 {
        margin-bottom: 3rem;
    }
    .md\:ml-7,
    .md\:mx-7 {
        margin-left: 3rem;
    }
    .md\:-m-7 {
        margin: -3rem;
    }
    .md\:-mt-7,
    .md\:-my-7 {
        margin-top: -3rem;
    }
    .md\:-mr-7,
    .md\:-mx-7 {
        margin-right: -3rem;
    }
    .md\:-mb-7,
    .md\:-my-7 {
        margin-bottom: -3rem;
    }
    .md\:-ml-7,
    .md\:-mx-7 {
        margin-left: -3rem;
    }
    .md\:m-8 {
        margin: 4rem;
    }
    .md\:mt-8,
    .md\:my-8 {
        margin-top: 4rem;
    }
    .md\:mr-8,
    .md\:mx-8 {
        margin-right: 4rem;
    }
    .md\:mb-8,
    .md\:my-8 {
        margin-bottom: 4rem;
    }
    .md\:ml-8,
    .md\:mx-8 {
        margin-left: 4rem;
    }
    .md\:-m-8 {
        margin: -4rem;
    }
    .md\:-mt-8,
    .md\:-my-8 {
        margin-top: -4rem;
    }
    .md\:-mr-8,
    .md\:-mx-8 {
        margin-right: -4rem;
    }
    .md\:-mb-8,
    .md\:-my-8 {
        margin-bottom: -4rem;
    }
    .md\:-ml-8,
    .md\:-mx-8 {
        margin-left: -4rem;
    }
    .md\:m-9 {
        margin: 6rem;
    }
    .md\:mt-9,
    .md\:my-9 {
        margin-top: 6rem;
    }
    .md\:mr-9,
    .md\:mx-9 {
        margin-right: 6rem;
    }
    .md\:mb-9,
    .md\:my-9 {
        margin-bottom: 6rem;
    }
    .md\:ml-9,
    .md\:mx-9 {
        margin-left: 6rem;
    }
    .md\:-m-9 {
        margin: -6rem;
    }
    .md\:-mt-9,
    .md\:-my-9 {
        margin-top: -6rem;
    }
    .md\:-mr-9,
    .md\:-mx-9 {
        margin-right: -6rem;
    }
    .md\:-mb-9,
    .md\:-my-9 {
        margin-bottom: -6rem;
    }
    .md\:-ml-9,
    .md\:-mx-9 {
        margin-left: -6rem;
    }
    .md\:m-1px {
        margin: 1px;
    }
    .md\:mt-1px,
    .md\:my-1px {
        margin-top: 1px;
    }
    .md\:mr-1px,
    .md\:mx-1px {
        margin-right: 1px;
    }
    .md\:mb-1px,
    .md\:my-1px {
        margin-bottom: 1px;
    }
    .md\:ml-1px,
    .md\:mx-1px {
        margin-left: 1px;
    }
    .md\:-m-1px {
        margin: -1px;
    }
    .md\:-mt-1px,
    .md\:-my-1px {
        margin-top: -1px;
    }
    .md\:-mr-1px,
    .md\:-mx-1px {
        margin-right: -1px;
    }
    .md\:-mb-1px,
    .md\:-my-1px {
        margin-bottom: -1px;
    }
    .md\:-ml-1px,
    .md\:-mx-1px {
        margin-left: -1px;
    }
    .md\:m-auto {
        margin: auto;
    }
    .md\:mt-auto,
    .md\:my-auto {
        margin-top: auto;
    }
    .md\:mr-auto,
    .md\:mx-auto {
        margin-right: auto;
    }
    .md\:mb-auto,
    .md\:my-auto {
        margin-bottom: auto;
    }
    .md\:ml-auto,
    .md\:mx-auto {
        margin-left: auto;
    }
}

@media (min-width: 992px) {
    .lg\:m-0 {
        margin: 0;
    }
    .lg\:mt-0,
    .lg\:my-0 {
        margin-top: 0;
    }
    .lg\:mr-0,
    .lg\:mx-0 {
        margin-right: 0;
    }
    .lg\:mb-0,
    .lg\:my-0 {
        margin-bottom: 0;
    }
    .lg\:ml-0,
    .lg\:mx-0 {
        margin-left: 0;
    }
    .lg\:-m-0 {
        margin: 0;
    }
    .lg\:-mt-0,
    .lg\:-my-0 {
        margin-top: 0;
    }
    .lg\:-mr-0,
    .lg\:-mx-0 {
        margin-right: 0;
    }
    .lg\:-mb-0,
    .lg\:-my-0 {
        margin-bottom: 0;
    }
    .lg\:-ml-0,
    .lg\:-mx-0 {
        margin-left: 0;
    }
    .lg\:m-1 {
        margin: 0.25rem;
    }
    .lg\:mt-1,
    .lg\:my-1 {
        margin-top: 0.25rem;
    }
    .lg\:mr-1,
    .lg\:mx-1 {
        margin-right: 0.25rem;
    }
    .lg\:mb-1,
    .lg\:my-1 {
        margin-bottom: 0.25rem;
    }
    .lg\:ml-1,
    .lg\:mx-1 {
        margin-left: 0.25rem;
    }
    .lg\:-m-1 {
        margin: -0.25rem;
    }
    .lg\:-mt-1,
    .lg\:-my-1 {
        margin-top: -0.25rem;
    }
    .lg\:-mr-1,
    .lg\:-mx-1 {
        margin-right: -0.25rem;
    }
    .lg\:-mb-1,
    .lg\:-my-1 {
        margin-bottom: -0.25rem;
    }
    .lg\:-ml-1,
    .lg\:-mx-1 {
        margin-left: -0.25rem;
    }
    .lg\:m-2 {
        margin: 0.5rem;
    }
    .lg\:mt-2,
    .lg\:my-2 {
        margin-top: 0.5rem;
    }
    .lg\:mr-2,
    .lg\:mx-2 {
        margin-right: 0.5rem;
    }
    .lg\:mb-2,
    .lg\:my-2 {
        margin-bottom: 0.5rem;
    }
    .lg\:ml-2,
    .lg\:mx-2 {
        margin-left: 0.5rem;
    }
    .lg\:-m-2 {
        margin: -0.5rem;
    }
    .lg\:-mt-2,
    .lg\:-my-2 {
        margin-top: -0.5rem;
    }
    .lg\:-mr-2,
    .lg\:-mx-2 {
        margin-right: -0.5rem;
    }
    .lg\:-mb-2,
    .lg\:-my-2 {
        margin-bottom: -0.5rem;
    }
    .lg\:-ml-2,
    .lg\:-mx-2 {
        margin-left: -0.5rem;
    }
    .lg\:m-3 {
        margin: 0.75rem;
    }
    .lg\:mt-3,
    .lg\:my-3 {
        margin-top: 0.75rem;
    }
    .lg\:mr-3,
    .lg\:mx-3 {
        margin-right: 0.75rem;
    }
    .lg\:mb-3,
    .lg\:my-3 {
        margin-bottom: 0.75rem;
    }
    .lg\:ml-3,
    .lg\:mx-3 {
        margin-left: 0.75rem;
    }
    .lg\:-m-3 {
        margin: -0.75rem;
    }
    .lg\:-mt-3,
    .lg\:-my-3 {
        margin-top: -0.75rem;
    }
    .lg\:-mr-3,
    .lg\:-mx-3 {
        margin-right: -0.75rem;
    }
    .lg\:-mb-3,
    .lg\:-my-3 {
        margin-bottom: -0.75rem;
    }
    .lg\:-ml-3,
    .lg\:-mx-3 {
        margin-left: -0.75rem;
    }
    .lg\:m-4 {
        margin: 1rem;
    }
    .lg\:mt-4,
    .lg\:my-4 {
        margin-top: 1rem;
    }
    .lg\:mr-4,
    .lg\:mx-4 {
        margin-right: 1rem;
    }
    .lg\:mb-4,
    .lg\:my-4 {
        margin-bottom: 1rem;
    }
    .lg\:ml-4,
    .lg\:mx-4 {
        margin-left: 1rem;
    }
    .lg\:-m-4 {
        margin: -1rem;
    }
    .lg\:-mt-4,
    .lg\:-my-4 {
        margin-top: -1rem;
    }
    .lg\:-mr-4,
    .lg\:-mx-4 {
        margin-right: -1rem;
    }
    .lg\:-mb-4,
    .lg\:-my-4 {
        margin-bottom: -1rem;
    }
    .lg\:-ml-4,
    .lg\:-mx-4 {
        margin-left: -1rem;
    }
    .lg\:m-5 {
        margin: 1.5rem;
    }
    .lg\:mt-5,
    .lg\:my-5 {
        margin-top: 1.5rem;
    }
    .lg\:mr-5,
    .lg\:mx-5 {
        margin-right: 1.5rem;
    }
    .lg\:mb-5,
    .lg\:my-5 {
        margin-bottom: 1.5rem;
    }
    .lg\:ml-5,
    .lg\:mx-5 {
        margin-left: 1.5rem;
    }
    .lg\:-m-5 {
        margin: -1.5rem;
    }
    .lg\:-mt-5,
    .lg\:-my-5 {
        margin-top: -1.5rem;
    }
    .lg\:-mr-5,
    .lg\:-mx-5 {
        margin-right: -1.5rem;
    }
    .lg\:-mb-5,
    .lg\:-my-5 {
        margin-bottom: -1.5rem;
    }
    .lg\:-ml-5,
    .lg\:-mx-5 {
        margin-left: -1.5rem;
    }
    .lg\:m-6 {
        margin: 2rem;
    }
    .lg\:mt-6,
    .lg\:my-6 {
        margin-top: 2rem;
    }
    .lg\:mr-6,
    .lg\:mx-6 {
        margin-right: 2rem;
    }
    .lg\:mb-6,
    .lg\:my-6 {
        margin-bottom: 2rem;
    }
    .lg\:ml-6,
    .lg\:mx-6 {
        margin-left: 2rem;
    }
    .lg\:-m-6 {
        margin: -2rem;
    }
    .lg\:-mt-6,
    .lg\:-my-6 {
        margin-top: -2rem;
    }
    .lg\:-mr-6,
    .lg\:-mx-6 {
        margin-right: -2rem;
    }
    .lg\:-mb-6,
    .lg\:-my-6 {
        margin-bottom: -2rem;
    }
    .lg\:-ml-6,
    .lg\:-mx-6 {
        margin-left: -2rem;
    }
    .lg\:m-7 {
        margin: 3rem;
    }
    .lg\:mt-7,
    .lg\:my-7 {
        margin-top: 3rem;
    }
    .lg\:mr-7,
    .lg\:mx-7 {
        margin-right: 3rem;
    }
    .lg\:mb-7,
    .lg\:my-7 {
        margin-bottom: 3rem;
    }
    .lg\:ml-7,
    .lg\:mx-7 {
        margin-left: 3rem;
    }
    .lg\:-m-7 {
        margin: -3rem;
    }
    .lg\:-mt-7,
    .lg\:-my-7 {
        margin-top: -3rem;
    }
    .lg\:-mr-7,
    .lg\:-mx-7 {
        margin-right: -3rem;
    }
    .lg\:-mb-7,
    .lg\:-my-7 {
        margin-bottom: -3rem;
    }
    .lg\:-ml-7,
    .lg\:-mx-7 {
        margin-left: -3rem;
    }
    .lg\:m-8 {
        margin: 4rem;
    }
    .lg\:mt-8,
    .lg\:my-8 {
        margin-top: 4rem;
    }
    .lg\:mr-8,
    .lg\:mx-8 {
        margin-right: 4rem;
    }
    .lg\:mb-8,
    .lg\:my-8 {
        margin-bottom: 4rem;
    }
    .lg\:ml-8,
    .lg\:mx-8 {
        margin-left: 4rem;
    }
    .lg\:-m-8 {
        margin: -4rem;
    }
    .lg\:-mt-8,
    .lg\:-my-8 {
        margin-top: -4rem;
    }
    .lg\:-mr-8,
    .lg\:-mx-8 {
        margin-right: -4rem;
    }
    .lg\:-mb-8,
    .lg\:-my-8 {
        margin-bottom: -4rem;
    }
    .lg\:-ml-8,
    .lg\:-mx-8 {
        margin-left: -4rem;
    }
    .lg\:m-9 {
        margin: 6rem;
    }
    .lg\:mt-9,
    .lg\:my-9 {
        margin-top: 6rem;
    }
    .lg\:mr-9,
    .lg\:mx-9 {
        margin-right: 6rem;
    }
    .lg\:mb-9,
    .lg\:my-9 {
        margin-bottom: 6rem;
    }
    .lg\:ml-9,
    .lg\:mx-9 {
        margin-left: 6rem;
    }
    .lg\:-m-9 {
        margin: -6rem;
    }
    .lg\:-mt-9,
    .lg\:-my-9 {
        margin-top: -6rem;
    }
    .lg\:-mr-9,
    .lg\:-mx-9 {
        margin-right: -6rem;
    }
    .lg\:-mb-9,
    .lg\:-my-9 {
        margin-bottom: -6rem;
    }
    .lg\:-ml-9,
    .lg\:-mx-9 {
        margin-left: -6rem;
    }
    .lg\:m-1px {
        margin: 1px;
    }
    .lg\:mt-1px,
    .lg\:my-1px {
        margin-top: 1px;
    }
    .lg\:mr-1px,
    .lg\:mx-1px {
        margin-right: 1px;
    }
    .lg\:mb-1px,
    .lg\:my-1px {
        margin-bottom: 1px;
    }
    .lg\:ml-1px,
    .lg\:mx-1px {
        margin-left: 1px;
    }
    .lg\:-m-1px {
        margin: -1px;
    }
    .lg\:-mt-1px,
    .lg\:-my-1px {
        margin-top: -1px;
    }
    .lg\:-mr-1px,
    .lg\:-mx-1px {
        margin-right: -1px;
    }
    .lg\:-mb-1px,
    .lg\:-my-1px {
        margin-bottom: -1px;
    }
    .lg\:-ml-1px,
    .lg\:-mx-1px {
        margin-left: -1px;
    }
    .lg\:m-auto {
        margin: auto;
    }
    .lg\:mt-auto,
    .lg\:my-auto {
        margin-top: auto;
    }
    .lg\:mr-auto,
    .lg\:mx-auto {
        margin-right: auto;
    }
    .lg\:mb-auto,
    .lg\:my-auto {
        margin-bottom: auto;
    }
    .lg\:ml-auto,
    .lg\:mx-auto {
        margin-left: auto;
    }
}

@media (min-width: 1200px) {
    .xl\:m-0 {
        margin: 0;
    }
    .xl\:mt-0,
    .xl\:my-0 {
        margin-top: 0;
    }
    .xl\:mr-0,
    .xl\:mx-0 {
        margin-right: 0;
    }
    .xl\:mb-0,
    .xl\:my-0 {
        margin-bottom: 0;
    }
    .xl\:ml-0,
    .xl\:mx-0 {
        margin-left: 0;
    }
    .xl\:-m-0 {
        margin: 0;
    }
    .xl\:-mt-0,
    .xl\:-my-0 {
        margin-top: 0;
    }
    .xl\:-mr-0,
    .xl\:-mx-0 {
        margin-right: 0;
    }
    .xl\:-mb-0,
    .xl\:-my-0 {
        margin-bottom: 0;
    }
    .xl\:-ml-0,
    .xl\:-mx-0 {
        margin-left: 0;
    }
    .xl\:m-1 {
        margin: 0.25rem;
    }
    .xl\:mt-1,
    .xl\:my-1 {
        margin-top: 0.25rem;
    }
    .xl\:mr-1,
    .xl\:mx-1 {
        margin-right: 0.25rem;
    }
    .xl\:mb-1,
    .xl\:my-1 {
        margin-bottom: 0.25rem;
    }
    .xl\:ml-1,
    .xl\:mx-1 {
        margin-left: 0.25rem;
    }
    .xl\:-m-1 {
        margin: -0.25rem;
    }
    .xl\:-mt-1,
    .xl\:-my-1 {
        margin-top: -0.25rem;
    }
    .xl\:-mr-1,
    .xl\:-mx-1 {
        margin-right: -0.25rem;
    }
    .xl\:-mb-1,
    .xl\:-my-1 {
        margin-bottom: -0.25rem;
    }
    .xl\:-ml-1,
    .xl\:-mx-1 {
        margin-left: -0.25rem;
    }
    .xl\:m-2 {
        margin: 0.5rem;
    }
    .xl\:mt-2,
    .xl\:my-2 {
        margin-top: 0.5rem;
    }
    .xl\:mr-2,
    .xl\:mx-2 {
        margin-right: 0.5rem;
    }
    .xl\:mb-2,
    .xl\:my-2 {
        margin-bottom: 0.5rem;
    }
    .xl\:ml-2,
    .xl\:mx-2 {
        margin-left: 0.5rem;
    }
    .xl\:-m-2 {
        margin: -0.5rem;
    }
    .xl\:-mt-2,
    .xl\:-my-2 {
        margin-top: -0.5rem;
    }
    .xl\:-mr-2,
    .xl\:-mx-2 {
        margin-right: -0.5rem;
    }
    .xl\:-mb-2,
    .xl\:-my-2 {
        margin-bottom: -0.5rem;
    }
    .xl\:-ml-2,
    .xl\:-mx-2 {
        margin-left: -0.5rem;
    }
    .xl\:m-3 {
        margin: 0.75rem;
    }
    .xl\:mt-3,
    .xl\:my-3 {
        margin-top: 0.75rem;
    }
    .xl\:mr-3,
    .xl\:mx-3 {
        margin-right: 0.75rem;
    }
    .xl\:mb-3,
    .xl\:my-3 {
        margin-bottom: 0.75rem;
    }
    .xl\:ml-3,
    .xl\:mx-3 {
        margin-left: 0.75rem;
    }
    .xl\:-m-3 {
        margin: -0.75rem;
    }
    .xl\:-mt-3,
    .xl\:-my-3 {
        margin-top: -0.75rem;
    }
    .xl\:-mr-3,
    .xl\:-mx-3 {
        margin-right: -0.75rem;
    }
    .xl\:-mb-3,
    .xl\:-my-3 {
        margin-bottom: -0.75rem;
    }
    .xl\:-ml-3,
    .xl\:-mx-3 {
        margin-left: -0.75rem;
    }
    .xl\:m-4 {
        margin: 1rem;
    }
    .xl\:mt-4,
    .xl\:my-4 {
        margin-top: 1rem;
    }
    .xl\:mr-4,
    .xl\:mx-4 {
        margin-right: 1rem;
    }
    .xl\:mb-4,
    .xl\:my-4 {
        margin-bottom: 1rem;
    }
    .xl\:ml-4,
    .xl\:mx-4 {
        margin-left: 1rem;
    }
    .xl\:-m-4 {
        margin: -1rem;
    }
    .xl\:-mt-4,
    .xl\:-my-4 {
        margin-top: -1rem;
    }
    .xl\:-mr-4,
    .xl\:-mx-4 {
        margin-right: -1rem;
    }
    .xl\:-mb-4,
    .xl\:-my-4 {
        margin-bottom: -1rem;
    }
    .xl\:-ml-4,
    .xl\:-mx-4 {
        margin-left: -1rem;
    }
    .xl\:m-5 {
        margin: 1.5rem;
    }
    .xl\:mt-5,
    .xl\:my-5 {
        margin-top: 1.5rem;
    }
    .xl\:mr-5,
    .xl\:mx-5 {
        margin-right: 1.5rem;
    }
    .xl\:mb-5,
    .xl\:my-5 {
        margin-bottom: 1.5rem;
    }
    .xl\:ml-5,
    .xl\:mx-5 {
        margin-left: 1.5rem;
    }
    .xl\:-m-5 {
        margin: -1.5rem;
    }
    .xl\:-mt-5,
    .xl\:-my-5 {
        margin-top: -1.5rem;
    }
    .xl\:-mr-5,
    .xl\:-mx-5 {
        margin-right: -1.5rem;
    }
    .xl\:-mb-5,
    .xl\:-my-5 {
        margin-bottom: -1.5rem;
    }
    .xl\:-ml-5,
    .xl\:-mx-5 {
        margin-left: -1.5rem;
    }
    .xl\:m-6 {
        margin: 2rem;
    }
    .xl\:mt-6,
    .xl\:my-6 {
        margin-top: 2rem;
    }
    .xl\:mr-6,
    .xl\:mx-6 {
        margin-right: 2rem;
    }
    .xl\:mb-6,
    .xl\:my-6 {
        margin-bottom: 2rem;
    }
    .xl\:ml-6,
    .xl\:mx-6 {
        margin-left: 2rem;
    }
    .xl\:-m-6 {
        margin: -2rem;
    }
    .xl\:-mt-6,
    .xl\:-my-6 {
        margin-top: -2rem;
    }
    .xl\:-mr-6,
    .xl\:-mx-6 {
        margin-right: -2rem;
    }
    .xl\:-mb-6,
    .xl\:-my-6 {
        margin-bottom: -2rem;
    }
    .xl\:-ml-6,
    .xl\:-mx-6 {
        margin-left: -2rem;
    }
    .xl\:m-7 {
        margin: 3rem;
    }
    .xl\:mt-7,
    .xl\:my-7 {
        margin-top: 3rem;
    }
    .xl\:mr-7,
    .xl\:mx-7 {
        margin-right: 3rem;
    }
    .xl\:mb-7,
    .xl\:my-7 {
        margin-bottom: 3rem;
    }
    .xl\:ml-7,
    .xl\:mx-7 {
        margin-left: 3rem;
    }
    .xl\:-m-7 {
        margin: -3rem;
    }
    .xl\:-mt-7,
    .xl\:-my-7 {
        margin-top: -3rem;
    }
    .xl\:-mr-7,
    .xl\:-mx-7 {
        margin-right: -3rem;
    }
    .xl\:-mb-7,
    .xl\:-my-7 {
        margin-bottom: -3rem;
    }
    .xl\:-ml-7,
    .xl\:-mx-7 {
        margin-left: -3rem;
    }
    .xl\:m-8 {
        margin: 4rem;
    }
    .xl\:mt-8,
    .xl\:my-8 {
        margin-top: 4rem;
    }
    .xl\:mr-8,
    .xl\:mx-8 {
        margin-right: 4rem;
    }
    .xl\:mb-8,
    .xl\:my-8 {
        margin-bottom: 4rem;
    }
    .xl\:ml-8,
    .xl\:mx-8 {
        margin-left: 4rem;
    }
    .xl\:-m-8 {
        margin: -4rem;
    }
    .xl\:-mt-8,
    .xl\:-my-8 {
        margin-top: -4rem;
    }
    .xl\:-mr-8,
    .xl\:-mx-8 {
        margin-right: -4rem;
    }
    .xl\:-mb-8,
    .xl\:-my-8 {
        margin-bottom: -4rem;
    }
    .xl\:-ml-8,
    .xl\:-mx-8 {
        margin-left: -4rem;
    }
    .xl\:m-9 {
        margin: 6rem;
    }
    .xl\:mt-9,
    .xl\:my-9 {
        margin-top: 6rem;
    }
    .xl\:mr-9,
    .xl\:mx-9 {
        margin-right: 6rem;
    }
    .xl\:mb-9,
    .xl\:my-9 {
        margin-bottom: 6rem;
    }
    .xl\:ml-9,
    .xl\:mx-9 {
        margin-left: 6rem;
    }
    .xl\:-m-9 {
        margin: -6rem;
    }
    .xl\:-mt-9,
    .xl\:-my-9 {
        margin-top: -6rem;
    }
    .xl\:-mr-9,
    .xl\:-mx-9 {
        margin-right: -6rem;
    }
    .xl\:-mb-9,
    .xl\:-my-9 {
        margin-bottom: -6rem;
    }
    .xl\:-ml-9,
    .xl\:-mx-9 {
        margin-left: -6rem;
    }
    .xl\:m-1px {
        margin: 1px;
    }
    .xl\:mt-1px,
    .xl\:my-1px {
        margin-top: 1px;
    }
    .xl\:mr-1px,
    .xl\:mx-1px {
        margin-right: 1px;
    }
    .xl\:mb-1px,
    .xl\:my-1px {
        margin-bottom: 1px;
    }
    .xl\:ml-1px,
    .xl\:mx-1px {
        margin-left: 1px;
    }
    .xl\:-m-1px {
        margin: -1px;
    }
    .xl\:-mt-1px,
    .xl\:-my-1px {
        margin-top: -1px;
    }
    .xl\:-mr-1px,
    .xl\:-mx-1px {
        margin-right: -1px;
    }
    .xl\:-mb-1px,
    .xl\:-my-1px {
        margin-bottom: -1px;
    }
    .xl\:-ml-1px,
    .xl\:-mx-1px {
        margin-left: -1px;
    }
    .xl\:m-auto {
        margin: auto;
    }
    .xl\:mt-auto,
    .xl\:my-auto {
        margin-top: auto;
    }
    .xl\:mr-auto,
    .xl\:mx-auto {
        margin-right: auto;
    }
    .xl\:mb-auto,
    .xl\:my-auto {
        margin-bottom: auto;
    }
    .xl\:ml-auto,
    .xl\:mx-auto {
        margin-left: auto;
    }
}

.p-0 {
    padding: 0;
}

.pt-0,
.py-0 {
    padding-top: 0;
}

.pr-0,
.px-0 {
    padding-right: 0;
}

.pb-0,
.py-0 {
    padding-bottom: 0;
}

.pl-0,
.px-0 {
    padding-left: 0;
}

.p-1 {
    padding: 0.25rem;
}

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

.pr-1,
.px-1 {
    padding-right: 0.25rem;
}

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

.pl-1,
.px-1 {
    padding-left: 0.25rem;
}

.p-2 {
    padding: 0.5rem;
}

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

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

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

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

.p-3 {
    padding: 0.75rem;
}

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

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

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

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

.p-4 {
    padding: 1rem;
}

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

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

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

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

.p-5 {
    padding: 1.5rem;
}

.pt-5,
.py-5 {
    padding-top: 1.5rem;
}

.pr-5,
.px-5 {
    padding-right: 1.5rem;
}

.pb-5,
.py-5 {
    padding-bottom: 1.5rem;
}

.pl-5,
.px-5 {
    padding-left: 1.5rem;
}

.p-6 {
    padding: 2rem;
}

.pt-6,
.py-6 {
    padding-top: 2rem;
}

.pr-6,
.px-6 {
    padding-right: 2rem;
}

.pb-6,
.py-6 {
    padding-bottom: 2rem;
}

.pl-6,
.px-6 {
    padding-left: 2rem;
}

.p-7 {
    padding: 3rem;
}

.pt-7,
.py-7 {
    padding-top: 1rem;
}

.pr-7,
.px-7 {
    padding-right: 3rem;
}

.pb-7,
.py-7 {
    padding-bottom: 1rem;
}

.pl-7,
.px-7 {
    padding-left: 3rem;
}

.p-8 {
    padding: 4rem;
}

.pt-8,
.py-8 {
    padding-top: 4rem;
}

.pr-8,
.px-8 {
    padding-right: 4rem;
}

.pb-8,
.py-8 {
    padding-bottom: 4rem;
}

.pl-8,
.px-8 {
    padding-left: 4rem;
}

.p-9 {
    padding: 6rem;
}

.pt-9,
.py-9 {
    padding-top: 6rem;
}

.pr-9,
.px-9 {
    padding-right: 6rem;
}

.pb-9,
.py-9 {
    padding-bottom: 6rem;
}

.pl-9,
.px-9 {
    padding-left: 6rem;
}

.p-1px {
    padding: 1px;
}

.pt-1px,
.py-1px {
    padding-top: 1px;
}

.pr-1px,
.px-1px {
    padding-right: 1px;
}

.pb-1px,
.py-1px {
    padding-bottom: 1px;
}

.pl-1px,
.px-1px {
    padding-left: 1px;
}

@media (min-width: 576px) {
    .sm\:p-0 {
        padding: 0;
    }
    .sm\:pt-0,
    .sm\:py-0 {
        padding-top: 0;
    }
    .sm\:pr-0,
    .sm\:px-0 {
        padding-right: 0;
    }
    .sm\:pb-0,
    .sm\:py-0 {
        padding-bottom: 0;
    }
    .sm\:pl-0,
    .sm\:px-0 {
        padding-left: 0;
    }
    .sm\:p-1 {
        padding: 0.25rem;
    }
    .sm\:pt-1,
    .sm\:py-1 {
        padding-top: 0.25rem;
    }
    .sm\:pr-1,
    .sm\:px-1 {
        padding-right: 0.25rem;
    }
    .sm\:pb-1,
    .sm\:py-1 {
        padding-bottom: 0.25rem;
    }
    .sm\:pl-1,
    .sm\:px-1 {
        padding-left: 0.25rem;
    }
    .sm\:p-2 {
        padding: 0.5rem;
    }
    .sm\:pt-2,
    .sm\:py-2 {
        padding-top: 0.5rem;
    }
    .sm\:pr-2,
    .sm\:px-2 {
        padding-right: 0.5rem;
    }
    .sm\:pb-2,
    .sm\:py-2 {
        padding-bottom: 0.5rem;
    }
    .sm\:pl-2,
    .sm\:px-2 {
        padding-left: 0.5rem;
    }
    .sm\:p-3 {
        padding: 0.75rem;
    }
    .sm\:pt-3,
    .sm\:py-3 {
        padding-top: 0.75rem;
    }
    .sm\:pr-3,
    .sm\:px-3 {
        padding-right: 0.75rem;
    }
    .sm\:pb-3,
    .sm\:py-3 {
        padding-bottom: 0.75rem;
    }
    .sm\:pl-3,
    .sm\:px-3 {
        padding-left: 0.75rem;
    }
    .sm\:p-4 {
        padding: 1rem;
    }
    .sm\:pt-4,
    .sm\:py-4 {
        padding-top: 1rem;
    }
    .sm\:pr-4,
    .sm\:px-4 {
        padding-right: 1rem;
    }
    .sm\:pb-4,
    .sm\:py-4 {
        padding-bottom: 1rem;
    }
    .sm\:pl-4,
    .sm\:px-4 {
        padding-left: 1rem;
    }
    .sm\:p-5 {
        padding: 1.5rem;
    }
    .sm\:pt-5,
    .sm\:py-5 {
        padding-top: 1.5rem;
    }
    .sm\:pr-5,
    .sm\:px-5 {
        padding-right: 1.5rem;
    }
    .sm\:pb-5,
    .sm\:py-5 {
        padding-bottom: 1.5rem;
    }
    .sm\:pl-5,
    .sm\:px-5 {
        padding-left: 1.5rem;
    }
    .sm\:p-6 {
        padding: 2rem;
    }
    .sm\:pt-6,
    .sm\:py-6 {
        padding-top: 2rem;
    }
    .sm\:pr-6,
    .sm\:px-6 {
        padding-right: 2rem;
    }
    .sm\:pb-6,
    .sm\:py-6 {
        padding-bottom: 2rem;
    }
    .sm\:pl-6,
    .sm\:px-6 {
        padding-left: 2rem;
    }
    .sm\:p-7 {
        padding: 3rem;
    }
    .sm\:pt-7,
    .sm\:py-7 {
        padding-top: 3rem;
    }
    .sm\:pr-7,
    .sm\:px-7 {
        padding-right: 3rem;
    }
    .sm\:pb-7,
    .sm\:py-7 {
        padding-bottom: 3rem;
    }
    .sm\:pl-7,
    .sm\:px-7 {
        padding-left: 3rem;
    }
    .sm\:p-8 {
        padding: 4rem;
    }
    .sm\:pt-8,
    .sm\:py-8 {
        padding-top: 4rem;
    }
    .sm\:pr-8,
    .sm\:px-8 {
        padding-right: 4rem;
    }
    .sm\:pb-8,
    .sm\:py-8 {
        padding-bottom: 4rem;
    }
    .sm\:pl-8,
    .sm\:px-8 {
        padding-left: 4rem;
    }
    .sm\:p-9 {
        padding: 6rem;
    }
    .sm\:pt-9,
    .sm\:py-9 {
        padding-top: 6rem;
    }
    .sm\:pr-9,
    .sm\:px-9 {
        padding-right: 6rem;
    }
    .sm\:pb-9,
    .sm\:py-9 {
        padding-bottom: 6rem;
    }
    .sm\:pl-9,
    .sm\:px-9 {
        padding-left: 6rem;
    }
    .sm\:p-1px {
        padding: 1px;
    }
    .sm\:pt-1px,
    .sm\:py-1px {
        padding-top: 1px;
    }
    .sm\:pr-1px,
    .sm\:px-1px {
        padding-right: 1px;
    }
    .sm\:pb-1px,
    .sm\:py-1px {
        padding-bottom: 1px;
    }
    .sm\:pl-1px,
    .sm\:px-1px {
        padding-left: 1px;
    }
}

@media (min-width: 768px) {
    .md\:p-0 {
        padding: 0;
    }
    .md\:pt-0,
    .md\:py-0 {
        padding-top: 0;
    }
    .md\:pr-0,
    .md\:px-0 {
        padding-right: 0;
    }
    .md\:pb-0,
    .md\:py-0 {
        padding-bottom: 0;
    }
    .md\:pl-0,
    .md\:px-0 {
        padding-left: 0;
    }
    .md\:p-1 {
        padding: 0.25rem;
    }
    .md\:pt-1,
    .md\:py-1 {
        padding-top: 0.25rem;
    }
    .md\:pr-1,
    .md\:px-1 {
        padding-right: 0.25rem;
    }
    .md\:pb-1,
    .md\:py-1 {
        padding-bottom: 0.25rem;
    }
    .md\:pl-1,
    .md\:px-1 {
        padding-left: 0.25rem;
    }
    .md\:p-2 {
        padding: 0.5rem;
    }
    .md\:pt-2,
    .md\:py-2 {
        padding-top: 0.5rem;
    }
    .md\:pr-2,
    .md\:px-2 {
        padding-right: 0.5rem;
    }
    .md\:pb-2,
    .md\:py-2 {
        padding-bottom: 0.5rem;
    }
    .md\:pl-2,
    .md\:px-2 {
        padding-left: 0.5rem;
    }
    .md\:p-3 {
        padding: 0.75rem;
    }
    .md\:pt-3,
    .md\:py-3 {
        padding-top: 0.75rem;
    }
    .md\:pr-3,
    .md\:px-3 {
        padding-right: 0.75rem;
    }
    .md\:pb-3,
    .md\:py-3 {
        padding-bottom: 0.75rem;
    }
    .md\:pl-3,
    .md\:px-3 {
        padding-left: 0.75rem;
    }
    .md\:p-4 {
        padding: 1rem;
    }
    .md\:pt-4,
    .md\:py-4 {
        padding-top: 1rem;
    }
    .md\:pr-4,
    .md\:px-4 {
        padding-right: 1rem;
    }
    .md\:pb-4,
    .md\:py-4 {
        padding-bottom: 1rem;
    }
    .md\:pl-4,
    .md\:px-4 {
        padding-left: 1rem;
    }
    .md\:p-5 {
        padding: 1.5rem;
    }
    .md\:pt-5,
    .md\:py-5 {
        padding-top: 1.5rem;
    }
    .md\:pr-5,
    .md\:px-5 {
        padding-right: 1.5rem;
    }
    .md\:pb-5,
    .md\:py-5 {
        padding-bottom: 1.5rem;
    }
    .md\:pl-5,
    .md\:px-5 {
        padding-left: 1.5rem;
    }
    .md\:p-6 {
        padding: 2rem;
    }
    .md\:pt-6,
    .md\:py-6 {
        padding-top: 2rem;
    }
    .md\:pr-6,
    .md\:px-6 {
        padding-right: 2rem;
    }
    .md\:pb-6,
    .md\:py-6 {
        padding-bottom: 2rem;
    }
    .md\:pl-6,
    .md\:px-6 {
        padding-left: 2rem;
    }
    .md\:p-7 {
        padding: 3rem;
    }
    .md\:pt-7,
    .md\:py-7 {
        padding-top: 3rem;
    }
    .md\:pr-7,
    .md\:px-7 {
        padding-right: 3rem;
    }
    .md\:pb-7,
    .md\:py-7 {
        padding-bottom: 3rem;
    }
    .md\:pl-7,
    .md\:px-7 {
        padding-left: 3rem;
    }
    .md\:p-8 {
        padding: 4rem;
    }
    .md\:pt-8,
    .md\:py-8 {
        padding-top: 4rem;
    }
    .md\:pr-8,
    .md\:px-8 {
        padding-right: 4rem;
    }
    .md\:pb-8,
    .md\:py-8 {
        padding-bottom: 4rem;
    }
    .md\:pl-8,
    .md\:px-8 {
        padding-left: 4rem;
    }
    .md\:p-9 {
        padding: 6rem;
    }
    .md\:pt-9,
    .md\:py-9 {
        padding-top: 6rem;
    }
    .md\:pr-9,
    .md\:px-9 {
        padding-right: 6rem;
    }
    .md\:pb-9,
    .md\:py-9 {
        padding-bottom: 6rem;
    }
    .md\:pl-9,
    .md\:px-9 {
        padding-left: 6rem;
    }
    .md\:p-1px {
        padding: 1px;
    }
    .md\:pt-1px,
    .md\:py-1px {
        padding-top: 1px;
    }
    .md\:pr-1px,
    .md\:px-1px {
        padding-right: 1px;
    }
    .md\:pb-1px,
    .md\:py-1px {
        padding-bottom: 1px;
    }
    .md\:pl-1px,
    .md\:px-1px {
        padding-left: 1px;
    }
}

@media (min-width: 992px) {
    .lg\:p-0 {
        padding: 0;
    }
    .lg\:pt-0,
    .lg\:py-0 {
        padding-top: 0;
    }
    .lg\:pr-0,
    .lg\:px-0 {
        padding-right: 0;
    }
    .lg\:pb-0,
    .lg\:py-0 {
        padding-bottom: 0;
    }
    .lg\:pl-0,
    .lg\:px-0 {
        padding-left: 0;
    }
    .lg\:p-1 {
        padding: 0.25rem;
    }
    .lg\:pt-1,
    .lg\:py-1 {
        padding-top: 0.25rem;
    }
    .lg\:pr-1,
    .lg\:px-1 {
        padding-right: 0.25rem;
    }
    .lg\:pb-1,
    .lg\:py-1 {
        padding-bottom: 0.25rem;
    }
    .lg\:pl-1,
    .lg\:px-1 {
        padding-left: 0.25rem;
    }
    .lg\:p-2 {
        padding: 0.5rem;
    }
    .lg\:pt-2,
    .lg\:py-2 {
        padding-top: 0.5rem;
    }
    .lg\:pr-2,
    .lg\:px-2 {
        padding-right: 0.5rem;
    }
    .lg\:pb-2,
    .lg\:py-2 {
        padding-bottom: 0.5rem;
    }
    .lg\:pl-2,
    .lg\:px-2 {
        padding-left: 0.5rem;
    }
    .lg\:p-3 {
        padding: 0.75rem;
    }
    .lg\:pt-3,
    .lg\:py-3 {
        padding-top: 0.75rem;
    }
    .lg\:pr-3,
    .lg\:px-3 {
        padding-right: 0.75rem;
    }
    .lg\:pb-3,
    .lg\:py-3 {
        padding-bottom: 0.75rem;
    }
    .lg\:pl-3,
    .lg\:px-3 {
        padding-left: 0.75rem;
    }
    .lg\:p-4 {
        padding: 1rem;
    }
    .lg\:pt-4,
    .lg\:py-4 {
        padding-top: 1rem;
    }
    .lg\:pr-4,
    .lg\:px-4 {
        padding-right: 1rem;
    }
    .lg\:pb-4,
    .lg\:py-4 {
        padding-bottom: 1rem;
    }
    .lg\:pl-4,
    .lg\:px-4 {
        padding-left: 1rem;
    }
    .lg\:p-5 {
        padding: 1.5rem;
    }
    .lg\:pt-5,
    .lg\:py-5 {
        padding-top: 1.5rem;
    }
    .lg\:pr-5,
    .lg\:px-5 {
        padding-right: 1.5rem;
    }
    .lg\:pb-5,
    .lg\:py-5 {
        padding-bottom: 1.5rem;
    }
    .lg\:pl-5,
    .lg\:px-5 {
        padding-left: 1.5rem;
    }
    .lg\:p-6 {
        padding: 2rem;
    }
    .lg\:pt-6,
    .lg\:py-6 {
        padding-top: 2rem;
    }
    .lg\:pr-6,
    .lg\:px-6 {
        padding-right: 2rem;
    }
    .lg\:pb-6,
    .lg\:py-6 {
        padding-bottom: 2rem;
    }
    .lg\:pl-6,
    .lg\:px-6 {
        padding-left: 2rem;
    }
    .lg\:p-7 {
        padding: 3rem;
    }
    .lg\:pt-7,
    .lg\:py-7 {
        padding-top: 3rem;
    }
    .lg\:pr-7,
    .lg\:px-7 {
        padding-right: 3rem;
    }
    .lg\:pb-7,
    .lg\:py-7 {
        padding-bottom: 3rem;
    }
    .lg\:pl-7,
    .lg\:px-7 {
        padding-left: 3rem;
    }
    .lg\:p-8 {
        padding: 4rem;
    }
    .lg\:pt-8,
    .lg\:py-8 {
        padding-top: 1rem;
    }
    .lg\:pr-8,
    .lg\:px-8 {
        padding-right: 4rem;
    }
    .lg\:pb-8,
    .lg\:py-8 {
        padding-bottom: 1rem;
    }
    .lg\:pl-8,
    .lg\:px-8 {
        padding-left: 4rem;
    }
    .lg\:p-9 {
        padding: 6rem;
    }
    .lg\:pt-9,
    .lg\:py-9 {
        padding-top: 6rem;
    }
    .lg\:pr-9,
    .lg\:px-9 {
        padding-right: 6rem;
    }
    .lg\:pb-9,
    .lg\:py-9 {
        padding-bottom: 6rem;
    }
    .lg\:pl-9,
    .lg\:px-9 {
        padding-left: 6rem;
    }
    .lg\:p-1px {
        padding: 1px;
    }
    .lg\:pt-1px,
    .lg\:py-1px {
        padding-top: 1px;
    }
    .lg\:pr-1px,
    .lg\:px-1px {
        padding-right: 1px;
    }
    .lg\:pb-1px,
    .lg\:py-1px {
        padding-bottom: 1px;
    }
    .lg\:pl-1px,
    .lg\:px-1px {
        padding-left: 1px;
    }
}

@media (min-width: 1200px) {
    .xl\:p-0 {
        padding: 0;
    }
    .xl\:pt-0,
    .xl\:py-0 {
        padding-top: 0;
    }
    .xl\:pr-0,
    .xl\:px-0 {
        padding-right: 0;
    }
    .xl\:pb-0,
    .xl\:py-0 {
        padding-bottom: 0;
    }
    .xl\:pl-0,
    .xl\:px-0 {
        padding-left: 0;
    }
    .xl\:p-1 {
        padding: 0.25rem;
    }
    .xl\:pt-1,
    .xl\:py-1 {
        padding-top: 0.25rem;
    }
    .xl\:pr-1,
    .xl\:px-1 {
        padding-right: 0.25rem;
    }
    .xl\:pb-1,
    .xl\:py-1 {
        padding-bottom: 0.25rem;
    }
    .xl\:pl-1,
    .xl\:px-1 {
        padding-left: 0.25rem;
    }
    .xl\:p-2 {
        padding: 0.5rem;
    }
    .xl\:pt-2,
    .xl\:py-2 {
        padding-top: 0.5rem;
    }
    .xl\:pr-2,
    .xl\:px-2 {
        padding-right: 0.5rem;
    }
    .xl\:pb-2,
    .xl\:py-2 {
        padding-bottom: 0.5rem;
    }
    .xl\:pl-2,
    .xl\:px-2 {
        padding-left: 0.5rem;
    }
    .xl\:p-3 {
        padding: 0.75rem;
    }
    .xl\:pt-3,
    .xl\:py-3 {
        padding-top: 0.75rem;
    }
    .xl\:pr-3,
    .xl\:px-3 {
        padding-right: 0.75rem;
    }
    .xl\:pb-3,
    .xl\:py-3 {
        padding-bottom: 0.75rem;
    }
    .xl\:pl-3,
    .xl\:px-3 {
        padding-left: 0.75rem;
    }
    .xl\:p-4 {
        padding: 1rem;
    }
    .xl\:pt-4,
    .xl\:py-4 {
        padding-top: 1rem;
    }
    .xl\:pr-4,
    .xl\:px-4 {
        padding-right: 1rem;
    }
    .xl\:pb-4,
    .xl\:py-4 {
        padding-bottom: 1rem;
    }
    .xl\:pl-4,
    .xl\:px-4 {
        padding-left: 1rem;
    }
    .xl\:p-5 {
        padding: 1.5rem;
    }
    .xl\:pt-5,
    .xl\:py-5 {
        padding-top: 1.5rem;
    }
    .xl\:pr-5,
    .xl\:px-5 {
        padding-right: 1.5rem;
    }
    .xl\:pb-5,
    .xl\:py-5 {
        padding-bottom: 1.5rem;
    }
    .xl\:pl-5,
    .xl\:px-5 {
        padding-left: 1.5rem;
    }
    .xl\:p-6 {
        padding: 2rem;
    }
    .xl\:pt-6,
    .xl\:py-6 {
        padding-top: 2rem;
    }
    .xl\:pr-6,
    .xl\:px-6 {
        padding-right: 2rem;
    }
    .xl\:pb-6,
    .xl\:py-6 {
        padding-bottom: 2rem;
    }
    .xl\:pl-6,
    .xl\:px-6 {
        padding-left: 2rem;
    }
    .xl\:p-7 {
        padding: 3rem;
    }
    .xl\:pt-7,
    .xl\:py-7 {
        padding-top: 3rem;
    }
    .xl\:pr-7,
    .xl\:px-7 {
        padding-right: 3rem;
    }
    .xl\:pb-7,
    .xl\:py-7 {
        padding-bottom: 3rem;
    }
    .xl\:pl-7,
    .xl\:px-7 {
        padding-left: 3rem;
    }
    .xl\:p-8 {
        padding: 4rem;
    }
    .xl\:pt-8,
    .xl\:py-8 {
        padding-top: 4rem;
    }
    .xl\:pr-8,
    .xl\:px-8 {
        padding-right: 4rem;
    }
    .xl\:pb-8,
    .xl\:py-8 {
        padding-bottom: 4rem;
    }
    .xl\:pl-8,
    .xl\:px-8 {
        padding-left: 4rem;
    }
    .xl\:p-9 {
        padding: 6rem;
    }
    .xl\:pt-9,
    .xl\:py-9 {
        padding-top: 6rem;
    }
    .xl\:pr-9,
    .xl\:px-9 {
        padding-right: 6rem;
    }
    .xl\:pb-9,
    .xl\:py-9 {
        padding-bottom: 6rem;
    }
    .xl\:pl-9,
    .xl\:px-9 {
        padding-left: 6rem;
    }
    .xl\:p-1px {
        padding: 1px;
    }
    .xl\:pt-1px,
    .xl\:py-1px {
        padding-top: 1px;
    }
    .xl\:pr-1px,
    .xl\:px-1px {
        padding-right: 1px;
    }
    .xl\:pb-1px,
    .xl\:py-1px {
        padding-bottom: 1px;
    }
    .xl\:pl-1px,
    .xl\:px-1px {
        padding-left: 1px;
    }
}

.h-0 {
    height: 0;
}

.h-1 {
    height: 0.25rem;
}

.h-2 {
    height: 0.5rem;
}

.h-3 {
    height: 0.75rem;
}

.h-4 {
    height: 1rem;
}

.h-5 {
    height: 1.5rem;
}

.h-6 {
    height: 2rem;
}

.h-7 {
    height: 3rem;
}

.h-8 {
    height: 4rem;
}

.h-9 {
    height: 6rem;
}

.h-1px {
    height: 1px;
}

.h-px {
    height: 1px;
}

.h-auto {
    height: auto;
}

.h-full {
    height: 100%;
}

.h-screen {
    height: 100vh;
}

@media (min-width: 576px) {
    .sm\:h-0 {
        height: 0;
    }
    .sm\:h-1 {
        height: 0.25rem;
    }
    .sm\:h-2 {
        height: 0.5rem;
    }
    .sm\:h-3 {
        height: 0.75rem;
    }
    .sm\:h-4 {
        height: 1rem;
    }
    .sm\:h-5 {
        height: 1.5rem;
    }
    .sm\:h-6 {
        height: 2rem;
    }
    .sm\:h-7 {
        height: 3rem;
    }
    .sm\:h-8 {
        height: 4rem;
    }
    .sm\:h-9 {
        height: 6rem;
    }
    .sm\:h-1px {
        height: 1px;
    }
    .sm\:h-px {
        height: 1px;
    }
    .sm\:h-auto {
        height: auto;
    }
    .sm\:h-full {
        height: 100%;
    }
    .sm\:h-screen {
        height: 100vh;
    }
}

@media (min-width: 768px) {
    .md\:h-0 {
        height: 0;
    }
    .md\:h-1 {
        height: 0.25rem;
    }
    .md\:h-2 {
        height: 0.5rem;
    }
    .md\:h-3 {
        height: 0.75rem;
    }
    .md\:h-4 {
        height: 1rem;
    }
    .md\:h-5 {
        height: 1.5rem;
    }
    .md\:h-6 {
        height: 2rem;
    }
    .md\:h-7 {
        height: 3rem;
    }
    .md\:h-8 {
        height: 4rem;
    }
    .md\:h-9 {
        height: 6rem;
    }
    .md\:h-1px {
        height: 1px;
    }
    .md\:h-px {
        height: 1px;
    }
    .md\:h-auto {
        height: auto;
    }
    .md\:h-full {
        height: 100%;
    }
    .md\:h-screen {
        height: 100vh;
    }
}

@media (min-width: 992px) {
    .lg\:h-0 {
        height: 0;
    }
    .lg\:h-1 {
        height: 0.25rem;
    }
    .lg\:h-2 {
        height: 0.5rem;
    }
    .lg\:h-3 {
        height: 0.75rem;
    }
    .lg\:h-4 {
        height: 1rem;
    }
    .lg\:h-5 {
        height: 1.5rem;
    }
    .lg\:h-6 {
        height: 2rem;
    }
    .lg\:h-7 {
        height: 3rem;
    }
    .lg\:h-8 {
        height: 4rem;
    }
    .lg\:h-9 {
        height: 6rem;
    }
    .lg\:h-1px {
        height: 1px;
    }
    .lg\:h-px {
        height: 1px;
    }
    .lg\:h-auto {
        height: auto;
    }
    .lg\:h-full {
        height: 100%;
    }
    .lg\:h-screen {
        height: 100vh;
    }
}

@media (min-width: 1200px) {
    .xl\:h-0 {
        height: 0;
    }
    .xl\:h-1 {
        height: 0.25rem;
    }
    .xl\:h-2 {
        height: 0.5rem;
    }
    .xl\:h-3 {
        height: 0.75rem;
    }
    .xl\:h-4 {
        height: 1rem;
    }
    .xl\:h-5 {
        height: 1.5rem;
    }
    .xl\:h-6 {
        height: 2rem;
    }
    .xl\:h-7 {
        height: 3rem;
    }
    .xl\:h-8 {
        height: 4rem;
    }
    .xl\:h-9 {
        height: 6rem;
    }
    .xl\:h-1px {
        height: 1px;
    }
    .xl\:h-px {
        height: 1px;
    }
    .xl\:h-auto {
        height: auto;
    }
    .xl\:h-full {
        height: 100%;
    }
    .xl\:h-screen {
        height: 100vh;
    }
}

.max-h-0 {
    max-height: 0;
}

.max-h-full {
    max-height: 100%;
}

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

.min-h-0 {
    min-height: 0;
}

.min-h-full {
    min-height: 100%;
}

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

.w-0 {
    width: 0;
}

.w-1 {
    width: 0.25rem;
}

.w-2 {
    width: 0.5rem;
}

.w-3 {
    width: 0.75rem;
}

.w-4 {
    width: 1rem;
}

.w-5 {
    width: 1.5rem;
}

.w-6 {
    width: 2rem;
}

.w-7 {
    width: 3rem;
}

.w-8 {
    width: 4rem;
}

.w-9 {
    width: 6rem;
}

.w-1px {
    width: 1px;
}

.w-px {
    width: 1px;
}

.w-auto {
    width: auto;
}

.w-full {
    width: 100%;
}

.w-screen {
    width: 100vw;
}

@media (min-width: 576px) {
    .sm\:w-0 {
        width: 0;
    }
    .sm\:w-1 {
        width: 0.25rem;
    }
    .sm\:w-2 {
        width: 0.5rem;
    }
    .sm\:w-3 {
        width: 0.75rem;
    }
    .sm\:w-4 {
        width: 1rem;
    }
    .sm\:w-5 {
        width: 1.5rem;
    }
    .sm\:w-6 {
        width: 2rem;
    }
    .sm\:w-7 {
        width: 3rem;
    }
    .sm\:w-8 {
        width: 4rem;
    }
    .sm\:w-9 {
        width: 6rem;
    }
    .sm\:w-1px {
        width: 1px;
    }
    .sm\:w-px {
        width: 1px;
    }
    .sm\:w-auto {
        width: auto;
    }
    .sm\:w-full {
        width: 100%;
    }
    .sm\:w-screen {
        width: 100vw;
    }
}

@media (min-width: 768px) {
    .md\:w-0 {
        width: 0;
    }
    .md\:w-1 {
        width: 0.25rem;
    }
    .md\:w-2 {
        width: 0.5rem;
    }
    .md\:w-3 {
        width: 0.75rem;
    }
    .md\:w-4 {
        width: 1rem;
    }
    .md\:w-5 {
        width: 1.5rem;
    }
    .md\:w-6 {
        width: 2rem;
    }
    .md\:w-7 {
        width: 3rem;
    }
    .md\:w-8 {
        width: 4rem;
    }
    .md\:w-9 {
        width: 6rem;
    }
    .md\:w-1px {
        width: 1px;
    }
    .md\:w-px {
        width: 1px;
    }
    .md\:w-auto {
        width: auto;
    }
    .md\:w-full {
        width: 100%;
    }
    .md\:w-screen {
        width: 100vw;
    }
}

@media (min-width: 992px) {
    .lg\:w-0 {
        width: 0;
    }
    .lg\:w-1 {
        width: 0.25rem;
    }
    .lg\:w-2 {
        width: 0.5rem;
    }
    .lg\:w-3 {
        width: 0.75rem;
    }
    .lg\:w-4 {
        width: 1rem;
    }
    .lg\:w-5 {
        width: 1.5rem;
    }
    .lg\:w-6 {
        width: 2rem;
    }
    .lg\:w-7 {
        width: 3rem;
    }
    .lg\:w-8 {
        width: 4rem;
    }
    .lg\:w-9 {
        width: 6rem;
    }
    .lg\:w-1px {
        width: 1px;
    }
    .lg\:w-px {
        width: 1px;
    }
    .lg\:w-auto {
        width: auto;
    }
    .lg\:w-full {
        width: 100%;
    }
    .lg\:w-screen {
        width: 100vw;
    }
}

@media (min-width: 1200px) {
    .xl\:w-0 {
        width: 0;
    }
    .xl\:w-1 {
        width: 0.25rem;
    }
    .xl\:w-2 {
        width: 0.5rem;
    }
    .xl\:w-3 {
        width: 0.75rem;
    }
    .xl\:w-4 {
        width: 1rem;
    }
    .xl\:w-5 {
        width: 1.5rem;
    }
    .xl\:w-6 {
        width: 2rem;
    }
    .xl\:w-7 {
        width: 3rem;
    }
    .xl\:w-8 {
        width: 4rem;
    }
    .xl\:w-9 {
        width: 6rem;
    }
    .xl\:w-1px {
        width: 1px;
    }
    .xl\:w-px {
        width: 1px;
    }
    .xl\:w-auto {
        width: auto;
    }
    .xl\:w-full {
        width: 100%;
    }
    .xl\:w-screen {
        width: 100vw;
    }
}

.max-w-9 {
    max-width: 6rem;
}

.max-w-10 {
    max-width: 8rem;
}

.max-w-11 {
    max-width: 12rem;
}

.max-w-12 {
    max-width: 16rem;
}

.max-w-13 {
    max-width: 20rem;
}

.max-w-sm {
    max-width: 576px;
}

.max-w-md {
    max-width: 768px;
}

.max-w-lg {
    max-width: 992px;
}

.max-w-xl {
    max-width: 1200px;
}

.max-w-full {
    max-width: 100%;
}

.max-w-screen {
    max-width: 100vw;
}

.max-w-none {
    max-width: none;
}

@media (min-width: 576px) {
    .sm\:max-w-9 {
        max-width: 6rem;
    }
    .sm\:max-w-10 {
        max-width: 8rem;
    }
    .sm\:max-w-11 {
        max-width: 12rem;
    }
    .sm\:max-w-12 {
        max-width: 16rem;
    }
    .sm\:max-w-13 {
        max-width: 20rem;
    }
    .sm\:max-w-sm {
        max-width: 576px;
    }
    .sm\:max-w-md {
        max-width: 768px;
    }
    .sm\:max-w-lg {
        max-width: 992px;
    }
    .sm\:max-w-xl {
        max-width: 1200px;
    }
    .sm\:max-w-full {
        max-width: 100%;
    }
    .sm\:max-w-screen {
        max-width: 100vw;
    }
    .sm\:max-w-none {
        max-width: none;
    }
}

@media (min-width: 768px) {
    .md\:max-w-9 {
        max-width: 6rem;
    }
    .md\:max-w-10 {
        max-width: 8rem;
    }
    .md\:max-w-11 {
        max-width: 12rem;
    }
    .md\:max-w-12 {
        max-width: 16rem;
    }
    .md\:max-w-13 {
        max-width: 20rem;
    }
    .md\:max-w-sm {
        max-width: 576px;
    }
    .md\:max-w-md {
        max-width: 768px;
    }
    .md\:max-w-lg {
        max-width: 992px;
    }
    .md\:max-w-xl {
        max-width: 1200px;
    }
    .md\:max-w-full {
        max-width: 100%;
    }
    .md\:max-w-screen {
        max-width: 100vw;
    }
    .md\:max-w-none {
        max-width: none;
    }
}

@media (min-width: 992px) {
    .lg\:max-w-9 {
        max-width: 6rem;
    }
    .lg\:max-w-10 {
        max-width: 8rem;
    }
    .lg\:max-w-11 {
        max-width: 12rem;
    }
    .lg\:max-w-12 {
        max-width: 16rem;
    }
    .lg\:max-w-13 {
        max-width: 20rem;
    }
    .lg\:max-w-sm {
        max-width: 576px;
    }
    .lg\:max-w-md {
        max-width: 768px;
    }
    .lg\:max-w-lg {
        max-width: 992px;
    }
    .lg\:max-w-xl {
        max-width: 1200px;
    }
    .lg\:max-w-full {
        max-width: 100%;
    }
    .lg\:max-w-screen {
        max-width: 100vw;
    }
    .lg\:max-w-none {
        max-width: none;
    }
}

@media (min-width: 1200px) {
    .xl\:max-w-9 {
        max-width: 6rem;
    }
    .xl\:max-w-10 {
        max-width: 8rem;
    }
    .xl\:max-w-11 {
        max-width: 12rem;
    }
    .xl\:max-w-12 {
        max-width: 16rem;
    }
    .xl\:max-w-13 {
        max-width: 20rem;
    }
    .xl\:max-w-sm {
        max-width: 576px;
    }
    .xl\:max-w-md {
        max-width: 768px;
    }
    .xl\:max-w-lg {
        max-width: 992px;
    }
    .xl\:max-w-xl {
        max-width: 1200px;
    }
    .xl\:max-w-full {
        max-width: 100%;
    }
    .xl\:max-w-screen {
        max-width: 100vw;
    }
    .xl\:max-w-none {
        max-width: none;
    }
}

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

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

.min-w-dropdown {
    min-width: 170px;
}

.min-w-full {
    min-width: 100%;
}

.min-w-screen {
    min-width: 100vw;
}

@media (min-width: 576px) {
    .sm\:min-w-0 {
        min-width: 0;
    }
    .sm\:min-w-50 {
        min-width: 50%;
    }
    .sm\:min-w-dropdown {
        min-width: 170px;
    }
    .sm\:min-w-full {
        min-width: 100%;
    }
    .sm\:min-w-screen {
        min-width: 100vw;
    }
}

@media (min-width: 768px) {
    .md\:min-w-0 {
        min-width: 0;
    }
    .md\:min-w-50 {
        min-width: 50%;
    }
    .md\:min-w-dropdown {
        min-width: 170px;
    }
    .md\:min-w-full {
        min-width: 100%;
    }
    .md\:min-w-screen {
        min-width: 100vw;
    }
}

@media (min-width: 992px) {
    .lg\:min-w-0 {
        min-width: 0;
    }
    .lg\:min-w-50 {
        min-width: 50%;
    }
    .lg\:min-w-dropdown {
        min-width: 170px;
    }
    .lg\:min-w-full {
        min-width: 100%;
    }
    .lg\:min-w-screen {
        min-width: 100vw;
    }
}

@media (min-width: 1200px) {
    .xl\:min-w-0 {
        min-width: 0;
    }
    .xl\:min-w-50 {
        min-width: 50%;
    }
    .xl\:min-w-dropdown {
        min-width: 170px;
    }
    .xl\:min-w-full {
        min-width: 100%;
    }
    .xl\:min-w-screen {
        min-width: 100vw;
    }
}

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

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

.table-auto {
    table-layout: auto;
}

.table-fixed {
    table-layout: fixed;
}

.shadow {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.shadow-xs {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.08);
}

.shadow-sm {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.shadow-md {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.shadow-lg {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.shadow-xl {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.shadow-inner {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}

.shadow-outline {
    box-shadow: 0 0 0 2px rgba(0, 114, 239, .25);
}

.shadow-solid {
    box-shadow: 0.375rem 0.375rem 0 rgba(0, 0, 0, 0.5);
}

.shadow-none {
    box-shadow: none;
}

.shadow-bottom {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.08);
}

.hover\:shadow:hover {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.hover\:shadow-xs:hover {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.08);
}

.hover\:shadow-sm:hover {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.hover\:shadow-md:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.hover\:shadow-lg:hover {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.hover\:shadow-xl:hover {
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.hover\:shadow-inner:hover {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
}

.hover\:shadow-outline:hover {
    box-shadow: 0 0 0 2px rgba(0, 114, 239, .25);
}

.hover\:shadow-solid:hover {
    box-shadow: 0.375rem 0.375rem 0 rgba(0, 0, 0, 0.5);
}

.hover\:shadow-none:hover {
    box-shadow: none;
}

@media (min-width: 576px) {
    .sm\:shadow {
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    }
    .sm\:shadow-xs {
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.08);
    }
    .sm\:shadow-sm {
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    }
    .sm\:shadow-md {
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    }
    .sm\:shadow-lg {
        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    }
    .sm\:shadow-xl {
        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    }
    .sm\:shadow-inner {
        box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    }
    .sm\:shadow-outline {
        box-shadow: 0 0 0 2px rgba(0, 114, 239, .25);
    }
    .sm\:shadow-solid {
        box-shadow: 0.375rem 0.375rem 0 rgba(0, 0, 0, 0.5);
    }
    .sm\:shadow-none {
        box-shadow: none;
    }
}

@media (min-width: 768px) {
    .md\:shadow {
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    }
    .md\:shadow-xs {
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.08);
    }
    .md\:shadow-sm {
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    }
    .md\:shadow-md {
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    }
    .md\:shadow-lg {
        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    }
    .md\:shadow-xl {
        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    }
    .md\:shadow-inner {
        box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    }
    .md\:shadow-outline {
        box-shadow: 0 0 0 2px rgba(0, 114, 239, .25);
    }
    .md\:shadow-solid {
        box-shadow: 0.375rem 0.375rem 0 rgba(0, 0, 0, 0.5);
    }
    .md\:shadow-none {
        box-shadow: none;
    }
}

@media (min-width: 992px) {
    .lg\:shadow {
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    }
    .lg\:shadow-xs {
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.08);
    }
    .lg\:shadow-sm {
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    }
    .lg\:shadow-md {
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    }
    .lg\:shadow-lg {
        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    }
    .lg\:shadow-xl {
        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    }
    .lg\:shadow-inner {
        box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    }
    .lg\:shadow-outline {
        box-shadow: 0 0 0 2px rgba(0, 114, 239, .25);
    }
    .lg\:shadow-solid {
        box-shadow: 0.375rem 0.375rem 0 rgba(0, 0, 0, 0.5);
    }
    .lg\:shadow-none {
        box-shadow: none;
    }
}

@media (min-width: 1200px) {
    .xl\:shadow {
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    }
    .xl\:shadow-xs {
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.08);
    }
    .xl\:shadow-sm {
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    }
    .xl\:shadow-md {
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    }
    .xl\:shadow-lg {
        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    }
    .xl\:shadow-xl {
        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    }
    .xl\:shadow-inner {
        box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);
    }
    .xl\:shadow-outline {
        box-shadow: 0 0 0 2px rgba(0, 114, 239, .25);
    }
    .xl\:shadow-solid {
        box-shadow: 0.375rem 0.375rem 0 rgba(0, 0, 0, 0.5);
    }
    .xl\:shadow-none {
        box-shadow: none;
    }
}

.opacity-0 {
    opacity: 0;
}

.opacity-25 {
    opacity: 0.25;
}

.opacity-50 {
    opacity: 0.5;
}

.opacity-75 {
    opacity: 0.75;
}

.opacity-100 {
    opacity: 1;
}

.appearance-none {
    appearance: none;
}

.cursor-pointer {
    cursor: pointer;
}

.outline-none {
    outline: none;
}

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

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

.select-none {
    user-select: none;
}

.select-text {
    user-select: text;
}

.fill-current {
    fill: currentColor;
}

.stroke-current {
    stroke: currentColor;
}

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

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    margin: 0;
    clip: auto;
    clip-path: none;
    overflow: visible;
    white-space: normal;
    width: auto;
    height: auto;
}

.scale-95 {
    transform: scale(0.95);
}

.scale-100 {
    transform: scale(1);
}

.scale-105 {
    transform: scale(1.05);
}

.scale-110 {
    transform: scale(1.1);
}

.rotate-45 {
    transform: rotate(45deg);
}

.rotate-90 {
    transform: rotate(90deg);
}

.rotate-180 {
    transform: rotate(180deg);
}

.rotate-270 {
    transform: rotate(270deg);
}

.translate-x-0 {
    transform: translateX(0);
}

.translate-x-full {
    transform: translateX(-100%);
}

.transition-slow {
    transition: 0.5s;
}

.transition {
    transition: 0.3s;
}

.transition-fast {
    transition: 0.15s;
}

.timing-bounce {
    transition-timing-function: cubic-bezier(0.77, 0, 0.2, 2.25);
}

@media (prefers-reduced-motion: reduce) {
    *,
    *:before,
    *:after {
        animation: none !important;
        transition: none !important;
    }
}

.transition-none {
    transition-property: none;
}

.transition-all {
    transition-property: all;
}

.transition-colors {
    transition-property: background-color, border-color, color, fill, stroke;
}

.transition-opacity {
    transition-property: opacity;
}

.transition-shadow {
    transition-property: box-shadow;
}

.transition-transform {
    transition-property: transform;
}

.timing-bounce {
    transition-timing-function: cubic-bezier(0.77, 0, 0.2, 2.25);
}

@media (prefers-reduced-motion: reduce) {
    *,
    *:before,
    *:after {
        animation: none !important;
        transition: none !important;
    }
}

.transition-none {
    transition-duration: 0s;
}

.transition-slow {
    transition-duration: 0.5s;
}

.transition-medium {
    transition-duration: 0.3s;
}

.transition-fast {
    transition-duration: 0.15s;
}

.timing-bounce {
    transition-timing-function: cubic-bezier(0.77, 0, 0.2, 2.25);
}

.badge-white {
    color: #1A202C;
    background-color: #fff;
}

a.badge-white:focus,
a.badge-white:hover {
    color: #1A202C;
    background-color: #e6e6e6;
}

a.badge-white:focus,
a.badge-white.is-focused {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25);
}

.badge-new {
    color: #fff;
    background-color: #D69E2E;
}

a.badge-new:focus,
a.badge-new:hover {
    color: #fff;
    background-color: #af8022;
}

a.badge-new:focus,
a.badge-new.is-focused {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(214, 158, 46, 0.25);
}

.badge-open {
    color: #fff;
    background-color: #E53E3E;
}

a.badge-open:focus,
a.badge-open:hover {
    color: #fff;
    background-color: #d41c1c;
}

a.badge-open:focus,
a.badge-open.is-focused {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(229, 62, 62, 0.25);
}

.badge-hold {
    color: #fff;
    background-color: #1A202C;
}

a.badge-hold:focus,
a.badge-hold:hover {
    color: #fff;
    background-color: #07090c;
}

a.badge-hold:focus,
a.badge-hold.is-focused {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(26, 32, 44, 0.25);
}

.badge-solved {
    color: #fff;
    background-color: #718096;
}

a.badge-solved:focus,
a.badge-solved:hover {
    color: #fff;
    background-color: #5a677a;
}

a.badge-solved:focus,
a.badge-solved.is-focused {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(113, 128, 150, 0.25);
}

.badge-answered,
.badge-answered,
.badge-completed,
.badge-planned {
    color: #fff;
    background-color: #3490dc;
}

a.badge-answered:focus,
a.badge-answered:hover,
.badge-answered:focus,
.badge-answered:hover,
.badge-completed:focus,
.badge-completed:hover,
.badge-planned:focus,
.badge-planned:hover {
    color: #fff;
    background-color: #2176bd;
}

a.badge-answered:focus,
a.badge-answered.is-focused,
.badge-answered:focus,
.badge-answered.is-focused,
.badge-completed:focus,
.badge-completed.is-focused,
.badge-planned:focus,
.badge-planned.is-focused {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(52, 144, 220, 0.25);
}

.actions-user button,
.subscribe-article button,
.subscribe-section button,
.subscribe-topic button,
.subscribe-organization button,
.subscribe-link button,
.subscribe-user button {
    display: inline-block;
    padding: 0.5em 1.25em;
    font-weight: 600;
    line-height: 1.5;
    color: #333333;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid #e2e8f0;
    cursor: pointer;
    border-radius: 2rem;
    transition: 0.15s ease-in-out;
}

.actions-user button:hover,
.subscribe-article button:hover,
.subscribe-section button:hover,
.subscribe-topic button:hover,
.subscribe-organization button:hover,
.subscribe-link button:hover,
.subscribe-user button:hover {
    text-decoration: none;
}

.actions-user button:disabled,
.actions-user button.is-disabled,
.subscribe-article button:disabled,
.subscribe-article button.is-disabled,
.subscribe-section button:disabled,
.subscribe-section button.is-disabled,
.subscribe-topic button:disabled,
.subscribe-topic button.is-disabled,
.subscribe-organization button:disabled,
.subscribe-organization button.is-disabled,
.subscribe-link button:disabled,
.subscribe-link button.is-disabled,
.subscribe-user button:disabled,
.subscribe-user button.is-disabled {
    cursor: not-allowed;
    opacity: 0.65;
    box-shadow: none;
}

.subscribe-article button:hover,
.subscribe-section button:hover,
.subscribe-topic button:hover,
.subscribe-organization button:hover {
    color: rgba(123, 104, 238, 1);
    border-color: rgba(123, 104, 238, 1);
}

.subscribe-article button:focus,
.subscribe-article button.is-focused,
.subscribe-section button:focus,
.subscribe-section button.is-focused,
.subscribe-topic button:focus,
.subscribe-topic button.is-focused,
.subscribe-organization button:focus,
.subscribe-organization button.is-focused {
    outline: 0;
}

.subscribe-article button:disabled,
.subscribe-article button.is-disabled,
.subscribe-section button:disabled,
.subscribe-section button.is-disabled,
.subscribe-topic button:disabled,
.subscribe-topic button.is-disabled,
.subscribe-organization button:disabled,
.subscribe-organization button.is-disabled {
    color: #333333;
    border-color: #e2e8f0;
}

.subscribe-article button:not(:disabled):not(.is-disabled):active,
.subscribe-article button:not(:disabled):not(.is-disabled)[data-selected="true"],
.subscribe-article button:not(:disabled):not(.is-disabled).is-active,
.subscribe-section button:not(:disabled):not(.is-disabled):active,
.subscribe-section button:not(:disabled):not(.is-disabled)[data-selected="true"],
.subscribe-section button:not(:disabled):not(.is-disabled).is-active,
.subscribe-topic button:not(:disabled):not(.is-disabled):active,
.subscribe-topic button:not(:disabled):not(.is-disabled)[data-selected="true"],
.subscribe-topic button:not(:disabled):not(.is-disabled).is-active,
.subscribe-organization button:not(:disabled):not(.is-disabled):active,
.subscribe-organization button:not(:disabled):not(.is-disabled)[data-selected="true"],
.subscribe-organization button:not(:disabled):not(.is-disabled).is-active {
    color: #6b56ec;
    border-color: #6b56ec;
}

.subscribe-article,
.subscribe-section,
.subscribe-topic {
    align-self: center;
    white-space: nowrap;
}

.subscribe-article button,
.subscribe-section button,
.subscribe-topic button {
    padding: 0.5rem 1.5rem;
    font-size: 0.875rem;
}

.actions-user button,
.subscribe-link button,
.subscribe-user button {
    color: rgba(255, 255, 255, 1);
    border-color: rgba(123, 104, 238, 1);
    background-color: rgba(123, 104, 238, 1);
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.1);
    padding: 0.5rem 1.5rem;
    font-size: 0.875rem;
    width: 100%;
}

.actions-user button:hover,
.subscribe-link button:hover,
.subscribe-user button:hover {
    color: rgba(255, 255, 255, 1);
    border-color: #6751eb;
    background-color: #6b56ec;
}

.actions-user button:focus,
.actions-user button.is-focused,
.subscribe-link button:focus,
.subscribe-link button.is-focused,
.subscribe-user button:focus,
.subscribe-user button.is-focused {
    outline: 0;
}

.actions-user button:disabled,
.actions-user button.is-disabled,
.subscribe-link button:disabled,
.subscribe-link button.is-disabled,
.subscribe-user button:disabled,
.subscribe-user button.is-disabled {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(123, 104, 238, 1);
    border-color: rgba(123, 104, 238, 1);
}

.actions-user button:not(:disabled):not(.is-disabled):active,
.actions-user button:not(:disabled):not(.is-disabled)[data-selected="true"],
.actions-user button:not(:disabled):not(.is-disabled).is-active,
.subscribe-link button:not(:disabled):not(.is-disabled):active,
.subscribe-link button:not(:disabled):not(.is-disabled)[data-selected="true"],
.subscribe-link button:not(:disabled):not(.is-disabled).is-active,
.subscribe-user button:not(:disabled):not(.is-disabled):active,
.subscribe-user button:not(:disabled):not(.is-disabled)[data-selected="true"],
.subscribe-user button:not(:disabled):not(.is-disabled).is-active {
    color: rgba(255, 255, 255, 1);
    border-color: #533ae9;
    background-color: #5b43ea;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

@media (min-width: 768px) {
    .actions-user button,
    .subscribe-link button,
    .subscribe-user button {
        width: auto;
    }
}

.actions-user {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
}

.actions-user>button {
    position: relative;
}

.actions-user>button:hover {
    z-index: 1;
}

.actions-user>button:focus,
.actions-user>button:active,
.actions-user>button.is-active {
    z-index: 1;
}

.actions-user>button:not(:first-child) {
    margin-left: -1px;
}

.actions-user>button:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.actions-user>button:last-child {
    width: auto;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.actions-comment button {
    padding: 0;
    background: none;
    border: 0;
    color: inherit;
    font: inherit;
    overflow: visible;
    user-select: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: .5rem;
    margin-right: -.5rem;
}

.form input[type="submit"] {
    display: inline-block;
    padding: 0.5em 1.25em;
    font-weight: 600;
    line-height: 1.5;
    color: #333333;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid #e2e8f0;
    cursor: pointer;
    border-radius: 2rem;
    transition: 0.15s ease-in-out;
    color: rgba(255, 255, 255, 1);
    border-color: rgba(123, 104, 238, 1);
    background-color: rgba(123, 104, 238, 1);
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.1);
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    padding: 0.5em 1.5em;
    font-size: 1.125rem;
}

.form input[type="submit"]:hover {
    text-decoration: none;
}

.form input[type="submit"]:disabled,
.form input[type="submit"].is-disabled {
    cursor: not-allowed;
    opacity: 0.65;
    box-shadow: none;
}

.form input[type="submit"]:hover {
    color: rgba(255, 255, 255, 1);
    border-color: #6751eb;
    background-color: #6b56ec;
}

.form input[type="submit"]:focus,
.form input[type="submit"].is-focused {
    outline: 0;
}

.form input[type="submit"]:disabled,
.form input[type="submit"].is-disabled {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(123, 104, 238, 1);
    border-color: rgba(123, 104, 238, 1);
}

.form input[type="submit"]:not(:disabled):not(.is-disabled):active,
.form input[type="submit"]:not(:disabled):not(.is-disabled)[data-selected="true"],
.form input[type="submit"]:not(:disabled):not(.is-disabled).is-active {
    color: rgba(255, 255, 255, 1);
    border-color: #533ae9;
    background-color: #5b43ea;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.icon-circle {
    display: inline-flex;
    padding: 1em;
    background-color: #f6fbff;
    border-radius: 50%;
}

.icon-circle [class*="icon-"]::before,
.icon-circle .svg-icon {
    bottom: auto;
}

a:hover .icon-circle {
    color: rgba(123, 104, 238, 1);
    text-decoration: none;
    background-color: rgba(255, 255, 255, 1);
    border-color: rgba(123, 104, 238, 1);
}

.img-left {
    float: left;
    text-align: left;
    margin-right: 1rem;
}

.img-right {
    float: right;
    text-align: right;
    margin-left: 1rem;
}

.img-thumbnail {
    padding: 1rem;
    border: 1px solid #e2e8f0;
    border-radius: 4px;
}

@media (min-width: 768px) {
    .img-left {
        margin-left: -1rem;
    }
    .img-right {
        margin-right: -1rem;
    }
}

.share {
    padding-left: 0;
    list-style: none;
}

.share svg {
    width: 1em;
    height: 1em;
}

.share li {
    display: inline-block;
    margin-right: .5rem;
}

.share a {
    color: inherit;
}

.share-facebook:focus,
.share-facebook:hover {
    color: #3b5998;
}

.share-twitter:focus,
.share-twitter:hover {
    color: #00aced;
}

.share-linkedin:focus,
.share-linkedin:hover {
    color: #007bb6;
}

.list-check,
.list-number {
    list-style: none;
    padding-left: 0;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.list-check>li,
.list-number>li {
    position: relative;
    padding-left: 2.75em;
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
}

.list-check>li::before,
.list-number>li::before {
    position: absolute;
    left: .5em;
    display: inline-block;
    width: 1.725em;
    height: 1.725em;
    line-height: 1.725em;
    text-align: center;
    font-size: .875em;
    font-weight: 500;
    border-radius: 50%;
}

.list-check>li::before {
    content: "✓";
    background-color: #E2E8F0;
}

.list-number {
    counter-reset: list;
}

.list-number>li {
    counter-increment: list;
}

.list-number>li::before {
    content: counter(list);
    background-color: #E2E8F0;
}

@media (min-width: 768px) {
    .recent-articles,
    .related-articles {
        flex-basis: 0;
        flex-grow: 1;
        max-width: 100%;
    }
}

.recent-articles h2,
.related-articles h2 {
    font-size: 1.25rem;
    font-weight: 700;
    margin-top: 1rem;
}

.recent-articles ul,
.related-articles ul {
    padding-left: 0;
    list-style: none;
}

.recent-articles a,
.related-articles a {
    display: block;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.suggestion-list label {
    display: block;
    padding-bottom: .5rem;
    font-size: 0.9375rem;
    border-bottom: 1px solid #e2e8f0;
}

.suggestion-list ul {
    padding-left: 0;
    list-style: none;
    font-size: 0.9375rem;
    padding-bottom: 1rem;
}

.suggestion-list a {
    display: block;
    padding-top: .5rem;
    padding-bottom: .5rem;
}

@media (min-width: 992px) {
    .meta-block::before {
        display: none;
    }
}

.recent-activity-list {
    display: grid;
    margin-top: 1rem;
    margin-bottom: 0;
    list-style: none;
    gap: 1.5rem;
}

@media (min-width: 768px) {
    .recent-activity-list {
        grid-template-columns: 1fr 1fr;
    }
}

@media (min-width: 992px) {
    .recent-activity-list {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

.recent-activity-header {
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.recent-activity-item {
    position: relative;
    display: inline-block;
    width: 100%;
    border: 1px solid #e2e8f0;
    border-radius: 4px;
    padding: 1rem 1.25rem;
}

.recent-activity-item-link {
    display: block;
    font-weight: 600;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.recent-activity-item-meta {
    font-size: 0.9375rem;
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    list-style: none;
    margin-bottom: 1rem;
}

.recent-activity-item-meta>*+* {
    padding-left: 0.5rem;
}

.recent-activity-item-meta>*+*::before {
    display: inline-block;
    padding-right: 0.5rem;
    content: "·";
}

.recent-activity-item-meta>*+*::before {
    color: #718096;
}

.recent-activity-accessibility-label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    clip-path: inset(50%);
    border: 0;
}

.recent-activity-comment-icon::after {
    content: attr(data-comment-count);
    margin-left: 0.25rem;
}

.recent-activity-controls a {
    display: block;
    margin-top: 1rem;
}

.sidebar {
    position: relative;
}

.sidebar::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    width: 100vw;
    content: "";
    background-color: inherit;
}

.requests-sort-symbol {
    position: absolute;
    left: calc(100% + .25em);
    bottom: 0;
    font-size: .625em;
}

.content table:not([class*="table"]) {
    max-height: 20rem;
    overflow-y: scroll;
    border: none;
}

.note,
.warning,
.wyn,
.tip {
    position: relative;
    z-index: 1;
    margin: 1rem 2rem 1rem 0;
    border-radius: 0.25rem;
    overflow: hidden;
}

.note::after,
.warning::after,
.wyn::after,
.tip::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0.05;
    width: 100%;
    height: 100%;
}

.note,
.warning,
.wyn,
.tip {
    padding: 0.5rem;
    overflow: hidden;
}

.note::before,
.warning::before,
.wyn::before,
.tip::before {
    display: block;
    font-weight: bold;
    margin-bottom: 0.75rem;
}

.note {
    border-left: 4px solid #61a5ff;
}

.note::before {
    content: "hc-note";
    color: #61a5ff;
}

.note::before:empty {
    display: none;
}

.note::after {
    background-color: #61a5ff;
}

.warning {
    border-left: 4px solid #ef526e;
}

.warning::before {
    content: "hc-warning";
    color: #ef526e;
}

.warning::after {
    background-color: #ef526e;
}

.wyn {
    border-left: 4px solid #7B68EE;
}

.wyn::before:empty {
    display: none;
}

.wyn::before {
    content: "What you'll need";
    color: #7B68EE;
}

.wyn::after {
    background-color: #7B68EE;
}

.tip {
    border-left: 4px solid #28AA11;
}

.tip::before:empty {
    display: none;
}

.tip::before {
    content: "Tip";
    color: #28AA11;
}

.tip::after {
    background-color: #28AA11;
}

.form .note {
    padding: 1rem;
    border: 1px solid #61a5ff;
}

.form .note::before {
    display: none;
}

.pull-left,
.pull-right {
    font-weight: bold;
}

.content em {
    color: inherit;
    background-color: transparent;
    padding: 0;
}

.content img,
.content iframe {
    max-width: 100%;
}

@media (min-width: 992px) {
    .pull-left {
        float: left;
        margin-left: -1rem;
        margin-right: 1.5rem;
        text-align: left;
    }
    .pull-right {
        float: right;
        margin-left: 1.5rem;
        margin-right: -1rem;
        text-align: right;
    }
    .pull-left,
    .pull-right {
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
        max-width: 20rem;
    }
}

.bg-community {
    background-image: url(/hc/theming_assets/01HZPQ2CD56JZYEA5ZKAQBXSFG);
}

.bg-home {
    background-image: url(/hc/theming_assets/01HZPQ2C83MXJ5FN3B4T9QKFQB);
}

.bg-hero {
    background: -webkit-radial-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.55));
    background: radial-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.55));
}

.group:hover .group-hover\:text-white {
    color: #fff;
}

.group:hover .group-hover\:text-primary {
    color: rgba(123, 104, 238, 1);
}

.group:hover .group-hover\:text-primary-inverse {
    color: rgba(255, 255, 255, 1);
}

[class*="grid-"] {
    display: grid;
    gap: 2rem;
}

.grid-auto {
    grid-auto-rows: minmax(20em, auto);
}

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

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

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

@media (min-width: 576px) {
    .sm\:grid-auto {
        grid-auto-rows: minmax(20em, auto);
    }
    .sm\:grid-2 {
        grid-template-columns: repeat(2, 1fr);
    }
    .sm\:grid-3 {
        grid-template-columns: repeat(3, 1fr);
    }
    .sm\:grid-4 {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 768px) {
    .md\:grid-auto {
        grid-auto-rows: minmax(20em, auto);
    }
    .md\:grid-2 {
        grid-template-columns: repeat(2, 1fr);
    }
    .md\:grid-3 {
        grid-template-columns: repeat(3, 1fr);
    }
    .md\:grid-4 {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 992px) {
    .lg\:grid-auto {
        grid-auto-rows: minmax(20em, auto);
    }
    .lg\:grid-2 {
        grid-template-columns: repeat(2, 1fr);
    }
    .lg\:grid-3 {
        grid-template-columns: repeat(3, 1fr);
    }
    .lg\:grid-4 {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 1200px) {
    .xl\:grid-auto {
        grid-auto-rows: minmax(20em, auto);
    }
    .xl\:grid-2 {
        grid-template-columns: repeat(2, 1fr);
    }
    .xl\:grid-3 {
        grid-template-columns: repeat(3, 1fr);
    }
    .xl\:grid-4 {
        grid-template-columns: repeat(4, 1fr);
    }
}

[x-cloak] {
    display: none !important;
}

.home-page .header .search,
.home-page .header .search-toggle,
.community-topic-list-page .header .search,
.community-topic-list-page .header .search-toggle,
.community-post-list-page .header .search,
.community-post-list-page .header .search-toggle {
    display: none !important;
}

.avatar-img {
    background-color: #fff;
}

.home-page .card-body {
    border-left-width: 8px;
}

.cta-button {
    background-color: #7b68ee;
    color: #ffffff;
    padding: 20px 26px;
    margin: 5px 0;
    font-size: 16px;
    font-weight: 800;
    border-radius: 4px;
    text-decoration: none;
}

.cta-button:hover {
    color: #ffffff;
}

.cta-container {
    margin: 35px 0 0 0;
}

.searchbox-suggestions li:nth-child(n+6) {
    display: none;
}


/* ================================================================ */

.home-page .card-body[href^="http"]::before {
    content: "";
    position: absolute;
    inset-block-start: 6px;
    inset-inline-end: 6px;
    inline-size: 22px;
    block-size: 22px;
    background: transparent url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M21.3827 2.07615C21.7564 2.23093 22 2.59557 22 3.00003V7.50003C22 8.05231 21.5523 8.50003 21 8.50003C20.4477 8.50003 20 8.05231 20 7.50003V5.41424L12.7071 12.7071C12.3166 13.0977 11.6834 13.0977 11.2929 12.7071C10.9024 12.3166 10.9024 11.6834 11.2929 11.2929L18.5763 4.0095L16.4954 4.00002C15.9432 3.9975 15.4975 3.54775 15.5 2.99547C15.5025 2.44319 15.9523 1.99752 16.5046 2.00004L20.803 2.01963C20.9936 1.98134 21.1952 1.9985 21.3827 2.07615ZM4 8.00003C4 5.79114 5.79005 4.00003 7.99943 4.00003H12C12.5523 4.00003 13 4.44774 13 5.00003C13 5.55231 12.5523 6.00003 12 6.00003H7.99943C6.89511 6.00003 6 6.89521 6 8.00003V16C6 17.1046 6.89543 18 8 18H16C17.1046 18 18 17.1046 18 16V12C18 11.4477 18.4477 11 19 11C19.5523 11 20 11.4477 20 12V16C20 18.2092 18.2091 20 16 20H8C5.79086 20 4 18.2092 4 16V8.00003Z" fill="%232A2E34"/></svg>') 0 0 no-repeat;
    background-size: contain;
    pointer-events: none;
    opacity: 0.25;
}

.article-navigation__prev.sm\:col,
.article-navigation__next.sm\:col {
    position: relative;
    padding-inline-start: 2rem;
    padding-inline-end: 2rem;
}

.article-navigation__next.sm\:col {
    text-align: right;
}

.article-navigation__prev::before,
.article-navigation__next::before {
    content: "";
    position: absolute;
    inset-block-start: 3rem;
    inline-size: 20px;
    block-size: 20px;
    background: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.7071 4.29289C11.0976 4.68342 11.0976 5.31658 10.7071 5.70711L5.41421 11H21C21.5523 11 22 11.4477 22 12C22 12.5523 21.5523 13 21 13H5.41421L10.7071 18.2929C11.0976 18.6834 11.0976 19.3166 10.7071 19.7071C10.3166 20.0976 9.68342 20.0976 9.29289 19.7071L2.29289 12.7071C1.90237 12.3166 1.90237 11.6834 2.29289 11.2929L9.29289 4.29289C9.68342 3.90237 10.3166 3.90237 10.7071 4.29289Z" fill="%232A2E34"/></svg>') 0 0 no-repeat;
    background-size: contain;
    pointer-events: none;
}

.article-navigation__prev::before {
    inset-inline-start: 0;
    transform: translateY(2px);
}

.article-navigation__next::before {
    inset-inline-end: 0;
    transform: translateY(2px) scaleX(-1);
}

@media (max-width: 576px) {
    .article-navigation__prev.sm\:col,
    .article-navigation__next.sm\:col {
        padding-inline-start: 1rem;
        padding-inline-end: 1rem;
        text-align: left;
    }
    .article-navigation__prev::before,
    .article-navigation__next::before {
        display: none;
    }
}

/* fixes nested ordered lists */
ol li ol li {
 list-style: lower-alpha;
}

.form-field.required>label::after {
  display: none;
}

.form-field .optional {
   display: none;
}

.bg-white button {
    background-color: #fff;
  	border: none;
}

.custom-cta {
    color: rgba(255, 255, 255, 1);
    border-color: rgba(123, 104, 238, 1);
    background-color: rgba(123, 104, 238, 1);
		box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.1);
    margin-bottom: 1rem;
    margin-top: 1rem;
    padding: 0.5em 1.5em;
    font-size: 1.125rem;
    display: inline-block;
  	font-weight 600;
  	border: 1px solid #e2e8f0;
  	cursor: pointer;
  	border-radius: 2rem;
  	transition: 0.15s ease-in-out;
  	text-decoration: none;
  	line-height: 1.5;
}
.scroll-box {
  height: 200px;
  width: 100%; 
  border: 3px solid #d8dcde;   
  overflow: auto; 
  padding: 10px;
  padding-top: unset;
}