input:focus {
  outline: none !important

}
button:focus {
  outline: none !important

}

@font-face {
	font-family: 'f104';
	font-style:  normal;
	font-weight: 800;
	src: url("fonts/inter-ui/Inter-UI-ExtraBold.woff2?v=3.2") format("woff2"),
	url("fonts/inter-ui/Inter-UI-ExtraBold.woff?v=3.2") format("woff");
  letter-spacing: -2px !important;
}

.mona {font-family: 'Mona Sans' !important}
@font-face {
    font-family: 'Mona Sans';
    src: url('fonts/mona/MonaSans-Medium.woff2') format('woff2'),
        url('fonts/mona/MonaSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mona Sans';
    src: url('fonts/mona/MonaSans-Light.woff2') format('woff2'),
        url('fonts/mona/MonaSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mona Sans';
    src: url('fonts/mona/MonaSans-Regular.woff2') format('woff2'),
        url('fonts/mona/MonaSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Mona Sans';
    src: url('fonts/mona/MonaSans-SemiBold.woff2') format('woff2'),
        url('fonts/mona/MonaSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

.cal-sans-regular {
  font-family: "Cal Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
}

:root {
  --plan-row-even-bg: #121c23; 
  --plan-row-odd-bg: #121c23; 
  --plan-row-header-bg: #121c23; 
  --plan-row-pay-bg: #121c23; 
  --plan-row-pay: #293238; 
  --bgbar:#121c23
}
.bgbar{background-color:var(--bgbar);}
.bg-black {
    background-color: var(--bgbar);
}
body {
  /* Hide scrollbar (Firefox) */
  scrollbar-width: none !important;

  /* Hide scrollbar (IE/Edge legacy) */
  -ms-overflow-style: none;

  /* Disable text selection */
  -webkit-user-select: none; /* Chrome, Safari */
  -moz-user-select: none;    /* Firefox */
  -ms-user-select: none;     /* IE/Edge */
  user-select: none;         /* Standard */

  font-family: 'Mona Sans', sans-serif;
  height: 100%;
  width: 100%;
  
}

/* For WebKit (Chrome, Safari) */
html::-webkit-scrollbar,
body::-webkit-scrollbar {
  display: none  !important;;
}

html {overflow-y: scroll; /* still allow vertical scrolling */
  scrollbar-width: none  !important;; /* Firefox */
  -ms-overflow-style: none  !important;;  /* IE/Edge */
  -webkit-user-select: none !important;;
-moz-user-select: none !important;;
-ms-user-select: none !important;;
user-select: none !important;;
  height: 100%;
  width: 100%;
   font-family: 'Mona Sans' sans-serif;
  font-weight: 400;
  line-height: 1.3;
}
article, aside, footer, header, nav, section {
    display: block;
}
h1 {
    font-size: 2em;
    margin: .67em 0;
    color:#aaaaaa;
}

h2 {
    font-size: 1.4em;
    padding-bottom: 15px;
    color:#cccccc;
}

figcaption, figure, main {
    display: block;
}
figure {
    margin: 1em 40px;
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
pre {
    font-family: monospace, monospace;
    font-size: 1em;
}
a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}
b, strong {
    font-weight: inherit;
}
b, strong {
    font-weight: bolder;
}
code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
dfn {
    font-style: italic;
}
mark {
    background-color: #ff0;
    color: #000;
}
small {
    font-size: 80%}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -.25em;
}
sup {
    top: -.5em;
}
audio, video {
    display: inline-block;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
img {
    border-style: none;
}
svg:not(:root) {
    overflow: hidden;
}
button, input, optgroup, select, textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
button, input {
    overflow: visible;
}
button, select {
    text-transform: none;
}
[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button;
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
    outline: 1px dotted ButtonText;
}
fieldset {
    padding: .35em .75em .625em;
}
legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}
progress {
    display: inline-block;
    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-cancel-button, [type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
details, menu {
    display: block;
}
summary {
    display: list-item;
}
canvas {
    display: inline-block;
}
template {
    display: none;
}
[hidden] {
    display: none;
}
html {
    box-sizing: border-box;
    font-family: sans-serif;
}
*, ::after, ::before {
    box-sizing: inherit;
}
blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, p, pre {
    margin: 0;
}
button {
    background: 0 0;
    padding: 0;
}
button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
}
fieldset {
    margin: 0;
    padding: 0;
}
ol, ul {
    margin: 0;
}
[tabindex="-1"]:focus {
    outline: 0!important;
}
*, ::after, ::before {
    border-width: 0;
    border-style: solid;
    border-color: #dae4e9;
}
[type=button], [type=reset], [type=submit], button {
    border-radius: 0;
}
textarea {
    resize: vertical;
}
img {
    max-width: 100%}
button, input, optgroup, select, textarea {
    font-family: inherit;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: inherit;
    opacity: .5;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: inherit;
    opacity: .5;
}
input::-ms-input-placeholder, textarea::-ms-input-placeholder {
    color: inherit;
    opacity: .5;
}
input::placeholder, textarea::placeholder {
    color: inherit;
    opacity: .5;
}
[role=button], button {
    cursor: pointer;
}
.container {
    width: 100%}
@media (min-width:576px) {
    .container {
    max-width: 576px;
}
}@media (min-width:768px) {
    .container {
    max-width: 768px;
}
}@media (min-width:992px) {
    .container {
    max-width: 992px;
}
}@media (min-width:1200px) {
    .container {
    max-width: 1200px;
}
}.list-reset {
    list-style: none;
    padding: 0;
}
.appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.bg-fixed {
    background-attachment: fixed;
}
.bg-local {
    background-attachment: local;
}
.bg-scroll {
    background-attachment: scroll;
}
.bg-transparent {
    background-color: transparent;
}

.bg-leftbar{background-color:#111111 !important;opacity:0.96}
.bg-custom{background-color:#111111;}
.bg-black-darkest {
    background-color: #232423;
}

.bg-grey-darkest {
    background-color: #364349;
}
.bg-grey-darker {
    background-color: #596a73;
}
.bg-grey-dark {
    background-color: #70818a;
}
.bg-grey {
    background-color: #9babb4;
}
.bg-grey-light {
    background-color: #dae4e9;
}
.bg-grey-lighter {
    background-color: #f3f7f9;
}
.bg-grey-lightest {
    background-color: #fafcfc;
}
.bg-white {
    background-color: #fff;
}
.bg-red-darkest {
    background-color: #420806;
}
.bg-red-darker {
    background-color: #6a1b19;
}
.bg-red-dark {
    background-color: #cc1f1a;
}
.bg-red {
    background-color: #e3342f;
}
.bg-red-light {
    background-color: #ef5753;
}
.bg-red-lighter {
    background-color: #f9acaa;
}
.bg-red-lightest {
    background-color: #fcebea;
}
.bg-orange-darkest {
    background-color: #542605;
}
.bg-orange-darker {
    background-color: #7f4012;
}
.bg-orange-dark {
    background-color: #de751f;
}
.bg-orange {
    background-color: #f6993f;
}
.bg-orange-light {
    background-color: #faad63;
}
.bg-orange-lighter {
    background-color: #fcd9b6;
}
.bg-orange-lightest {
    background-color: #fff5eb;
}
.bg-yellow-darkest {
    background-color: #453411;
}
.bg-yellow-darker {
    background-color: #684f1d;
}
.bg-yellow-dark {
    background-color: #f2d024;
}
.bg-yellow {
    background-color: #ffed4a;
}
.bg-yellow-light {
    background-color: #fff382;
}
.bg-yellow-lighter {
    background-color: #fff9c2;
}
.bg-yellow-lightest {
    background-color: #fcfbeb;
}
.bg-green-darkest {
    background-color: #032d19;
}
.bg-green-darker {
    background-color: #0b4228;
}
.bg-green-dark {
    background-color: #1f9d55;
}
.bg-green {
    background-color: #38c172;
}
.bg-green-light {
    background-color: #51d88a;
}
.bg-green-lighter {
    background-color: #a2f5bf;
}
.bg-green-lightest {
    background-color: #e3fcec;
}
.bg-teal-darkest {
    background-color: #0d3331;
}
.bg-teal-darker {
    background-color: #174e4b;
}
.bg-teal-dark {
    background-color: #38a89d;
}
.bg-teal {
    background-color: #4dc0b5;
}
.bg-teal-light {
    background-color: #64d5ca;
}
.bg-teal-lighter {
    background-color: #a0f0ed;
}
.bg-teal-lightest {
    background-color: #e8fffe;
}
.bg-blue-darkest {
    background-color: #05233b;
}
.bg-blue-darker {
    background-color: #103d60;
}
.bg-blue-dark {
    background-color: #2779bd;
}
.bg-blue {
    background-color: #3490dc;
}
.bg-blue-light {
    background-color: #6cb2eb;
}
.bg-blue-lighter {
    background-color: #bcdefa;
}
.bg-blue-lightest {
    background-color: #eff8ff;
}
.bg-indigo-darkest {
    background-color: #191e38;
}
.bg-indigo-darker {
    background-color: #2f365f;
}
.bg-indigo-dark {
    background-color: #5661b3;
}
.bg-indigo {
    background-color: #6574cd;
}
.bg-indigo-light {
    background-color: #7886d7;
}
.bg-indigo-lighter {
    background-color: #b2b7ff;
}
.bg-indigo-lightest {
    background-color: #e6e8ff;
}
.bg-purple-darkest {
    background-color: #1f133f;
}
.bg-purple-darker {
    background-color: #352465;
}
.bg-purple-dark {
    background-color: #794acf;
}
.bg-purple {
    background-color: #9561e2;
}
.bg-purple-light {
    background-color: #a779e9;
}
.bg-purple-lighter {
    background-color: #d6bbfc;
}
.bg-purple-lightest {
    background-color: #f3ebff;
}
.bg-pink-darkest {
    background-color: #45051e;
}
.bg-pink-darker {
    background-color: #72173a;
}
.bg-pink-dark {
    background-color: #eb5286;
}
.bg-pink {
    background-color: #f66d9b;
}
.bg-pink-light {
    background-color: #fa7ea8;
}
.bg-pink-lighter {
    background-color: #ffbbca;
}
.bg-pink-lightest {
    background-color: #ffebef;
}
.hover\:bg-transparent:hover {
    background-color: transparent;
}
.hover\:bg-black:hover {
    background-color: #222b2f;
}
.hover\:bg-grey-darkest:hover {
    background-color: #364349;
}
.hover\:bg-grey-darker:hover {
    background-color: #596a73;
}
.hover\:bg-grey-dark:hover {
    background-color: #70818a;
}
.hover\:bg-grey:hover {
    background-color: #9babb4;
}
.hover\:bg-grey-light:hover {
    background-color: #dae4e9;
}
.hover\:bg-grey-lighter:hover {
    background-color: #f3f7f9;
}
.hover\:bg-grey-lightest:hover {
    background-color: #fafcfc;
}
.hover\:bg-white:hover {
    background-color: #fff;
}
.hover\:bg-red-darkest:hover {
    background-color: #420806;
}
.hover\:bg-red-darker:hover {
    background-color: #6a1b19;
}
.hover\:bg-red-dark:hover {
    background-color: #cc1f1a;
}
.hover\:bg-red:hover {
    background-color: #e3342f;
}
.hover\:bg-red-light:hover {
    background-color: #ef5753;
}
.hover\:bg-red-lighter:hover {
    background-color: #f9acaa;
}
.hover\:bg-red-lightest:hover {
    background-color: #fcebea;
}
.hover\:bg-orange-darkest:hover {
    background-color: #542605;
}
.hover\:bg-orange-darker:hover {
    background-color: #7f4012;
}
.hover\:bg-orange-dark:hover {
    background-color: #de751f;
}
.hover\:bg-orange:hover {
    background-color: #f6993f;
}
.hover\:bg-orange-light:hover {
    background-color: #faad63;
}
.hover\:bg-orange-lighter:hover {
    background-color: #fcd9b6;
}
.hover\:bg-orange-lightest:hover {
    background-color: #fff5eb;
}
.hover\:bg-yellow-darkest:hover {
    background-color: #453411;
}
.hover\:bg-yellow-darker:hover {
    background-color: #684f1d;
}
.hover\:bg-yellow-dark:hover {
    background-color: #f2d024;
}
.hover\:bg-yellow:hover {
    background-color: #ffed4a;
}
.hover\:bg-yellow-light:hover {
    background-color: #fff382;
}
.hover\:bg-yellow-lighter:hover {
    background-color: #fff9c2;
}
.hover\:bg-yellow-lightest:hover {
    background-color: #fcfbeb;
}
.hover\:bg-green-darkest:hover {
    background-color: #032d19;
}
.hover\:bg-green-darker:hover {
    background-color: #0b4228;
}
.hover\:bg-green-dark:hover {
    background-color: #1f9d55;
}
.hover\:bg-green:hover {
    background-color: #38c172;
}
.hover\:bg-green-light:hover {
    background-color: #51d88a;
}
.hover\:bg-green-lighter:hover {
    background-color: #a2f5bf;
}
.hover\:bg-green-lightest:hover {
    background-color: #e3fcec;
}
.hover\:bg-teal-darkest:hover {
    background-color: #0d3331;
}
.hover\:bg-teal-darker:hover {
    background-color: #174e4b;
}
.hover\:bg-teal-dark:hover {
    background-color: #38a89d;
}
.hover\:bg-teal:hover {
    background-color: #4dc0b5;
}
.hover\:bg-teal-light:hover {
    background-color: #64d5ca;
}
.hover\:bg-teal-lighter:hover {
    background-color: #a0f0ed;
}
.hover\:bg-teal-lightest:hover {
    background-color: #e8fffe;
}
.hover\:bg-blue-darkest:hover {
    background-color: #05233b;
}
.hover\:bg-blue-darker:hover {
    background-color: #103d60;
}
.hover\:bg-blue-dark:hover {
    background-color: #2779bd;
}
.hover\:bg-blue:hover {
    background-color: #3490dc;
}
.hover\:bg-blue-light:hover {
    background-color: #6cb2eb;
}
.hover\:bg-blue-lighter:hover {
    background-color: #bcdefa;
}
.hover\:bg-blue-lightest:hover {
    background-color: #eff8ff;
}
.hover\:bg-indigo-darkest:hover {
    background-color: #191e38;
}
.hover\:bg-indigo-darker:hover {
    background-color: #2f365f;
}
.hover\:bg-indigo-dark:hover {
    background-color: #5661b3;
}
.hover\:bg-indigo:hover {
    background-color: #6574cd;
}
.hover\:bg-indigo-light:hover {
    background-color: #7886d7;
}
.hover\:bg-indigo-lighter:hover {
    background-color: #b2b7ff;
}
.hover\:bg-indigo-lightest:hover {
    background-color: #e6e8ff;
}
.hover\:bg-purple-darkest:hover {
    background-color: #1f133f;
}
.hover\:bg-purple-darker:hover {
    background-color: #352465;
}
.hover\:bg-purple-dark:hover {
    background-color: #794acf;
}
.hover\:bg-purple:hover {
    background-color: #9561e2;
}
.hover\:bg-purple-light:hover {
    background-color: #a779e9;
}
.hover\:bg-purple-lighter:hover {
    background-color: #d6bbfc;
}
.hover\:bg-purple-lightest:hover {
    background-color: #f3ebff;
}
.hover\:bg-pink-darkest:hover {
    background-color: #45051e;
}
.hover\:bg-pink-darker:hover {
    background-color: #72173a;
}
.hover\:bg-pink-dark:hover {
    background-color: #eb5286;
}
.hover\:bg-pink:hover {
    background-color: #f66d9b;
}
.hover\:bg-pink-light:hover {
    background-color: #fa7ea8;
}
.hover\:bg-pink-lighter:hover {
    background-color: #ffbbca;
}
.hover\:bg-pink-lightest:hover {
    background-color: #ffebef;
}
.bg-bottom {
    background-position: bottom;
}
.bg-center {
    background-position: center;
}
.bg-left {
    background-position: left;
}
.bg-left-bottom {
    background-position: left bottom;
}
.bg-left-top {
    background-position: left top;
}
.bg-right {
    background-position: right;
}
.bg-right-bottom {
    background-position: right bottom;
}
.bg-right-top {
    background-position: right top;
}
.bg-top {
    background-position: 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;
}
.bg-cover {
    background-size: cover;
}
.bg-contain {
    background-size: contain;
}
.border-transparent {
    border-color: transparent;
}
.border-black {
    border-color: #222b2f;
}
.border-grey-darkest {
    border-color: #364349;
}
.border-grey-darker {
    border-color: #596a73;
}
.border-grey-dark {
    border-color: #70818a;
}
.border-grey {
    border-color: #9babb4;
}
.border-grey-light {
    border-color: #dae4e9;
}
.border-grey-lighter {
    border-color: #aaaaaa !important;
}
.border-grey-lightest {
    border-color: #fafcfc;
}
.border-white {
    border-color: #fff;
}
.border-red-darkest {
    border-color: #420806;
}
.border-red-darker {
    border-color: #6a1b19;
}
.border-red-dark {
    border-color: #cc1f1a;
}
.border-red {
    border-color: #e3342f;
}
.border-red-light {
    border-color: #ef5753;
}
.border-red-lighter {
    border-color: #f9acaa;
}
.border-red-lightest {
    border-color: #fcebea;
}
.border-orange-darkest {
    border-color: #542605;
}
.border-orange-darker {
    border-color: #7f4012;
}
.border-orange-dark {
    border-color: #de751f;
}
.border-orange {
    border-color: #f6993f;
}
.border-orange-light {
    border-color: #faad63;
}
.border-orange-lighter {
    border-color: #fcd9b6;
}
.border-orange-lightest {
    border-color: #fff5eb;
}
.border-yellow-darkest {
    border-color: #453411;
}
.border-yellow-darker {
    border-color: #684f1d;
}
.border-yellow-dark {
    border-color: #f2d024;
}
.border-yellow {
    border-color: #ffed4a;
}
.border-yellow-light {
    border-color: #fff382;
}
.border-yellow-lighter {
    border-color: #fff9c2;
}
.border-yellow-lightest {
    border-color: #fcfbeb;
}
.border-green-darkest {
    border-color: #032d19;
}
.border-green-darker {
    border-color: #0b4228;
}
.border-green-dark {
    border-color: #1f9d55;
}
.border-green {
    border-color: #38c172;
}
.border-green-light {
    border-color: #51d88a;
}
.border-green-lighter {
    border-color: #a2f5bf;
}
.border-green-lightest {
    border-color: #e3fcec;
}
.border-teal-darkest {
    border-color: #0d3331;
}
.border-teal-darker {
    border-color: #174e4b;
}
.border-teal-dark {
    border-color: #38a89d;
}
.border-teal {
    border-color: #4dc0b5;
}
.border-teal-light {
    border-color: #64d5ca;
}
.border-teal-lighter {
    border-color: #a0f0ed;
}
.border-teal-lightest {
    border-color: #e8fffe;
}
.border-blue-darkest {
    border-color: #05233b;
}
.border-blue-darker {
    border-color: #103d60;
}
.border-blue-dark {
    border-color: #2779bd;
}
.border-blue {
    border-color: #3490dc;
}
.border-blue-light {
    border-color: #6cb2eb;
}
.border-blue-lighter {
    border-color: #bcdefa;
}
.border-blue-lightest {
    border-color: #eff8ff;
}
.border-indigo-darkest {
    border-color: #191e38;
}
.border-indigo-darker {
    border-color: #2f365f;
}
.border-indigo-dark {
    border-color: #5661b3;
}
.border-indigo {
    border-color: #6574cd;
}
.border-indigo-light {
    border-color: #7886d7;
}
.border-indigo-lighter {
    border-color: #b2b7ff;
}
.border-indigo-lightest {
    border-color: #e6e8ff;
}
.border-purple-darkest {
    border-color: #1f133f;
}
.border-purple-darker {
    border-color: #352465;
}
.border-purple-dark {
    border-color: #794acf;
}
.border-purple {
    border-color: #9561e2;
}
.border-purple-light {
    border-color: #a779e9;
}
.border-purple-lighter {
    border-color: #d6bbfc;
}
.border-purple-lightest {
    border-color: #f3ebff;
}
.border-pink-darkest {
    border-color: #45051e;
}
.border-pink-darker {
    border-color: #72173a;
}
.border-pink-dark {
    border-color: #eb5286;
}
.border-pink {
    border-color: #f66d9b;
}
.border-pink-light {
    border-color: #fa7ea8;
}
.border-pink-lighter {
    border-color: #ffbbca;
}
.border-pink-lightest {
    border-color: #ffebef;
}
.hover\:border-transparent:hover {
    border-color: transparent;
}
.hover\:border-black:hover {
    border-color: #222b2f;
}
.hover\:border-grey-darkest:hover {
    border-color: #364349;
}
.hover\:border-grey-darker:hover {
    border-color: #596a73;
}
.hover\:border-grey-dark:hover {
    border-color: #70818a;
}
.hover\:border-grey:hover {
    border-color: #9babb4;
}
.hover\:border-grey-light:hover {
    border-color: #dae4e9;
}
.hover\:border-grey-lighter:hover {
    border-color: #f3f7f9;
}
.hover\:border-grey-lightest:hover {
    border-color: #fafcfc;
}
.hover\:border-white:hover {
    border-color: #fff;
}
.hover\:border-red-darkest:hover {
    border-color: #420806;
}
.hover\:border-red-darker:hover {
    border-color: #6a1b19;
}
.hover\:border-red-dark:hover {
    border-color: #cc1f1a;
}
.hover\:border-red:hover {
    border-color: #e3342f;
}
.hover\:border-red-light:hover {
    border-color: #ef5753;
}
.hover\:border-red-lighter:hover {
    border-color: #f9acaa;
}
.hover\:border-red-lightest:hover {
    border-color: #fcebea;
}
.hover\:border-orange-darkest:hover {
    border-color: #542605;
}
.hover\:border-orange-darker:hover {
    border-color: #7f4012;
}
.hover\:border-orange-dark:hover {
    border-color: #de751f;
}
.hover\:border-orange:hover {
    border-color: #f6993f;
}
.hover\:border-orange-light:hover {
    border-color: #faad63;
}
.hover\:border-orange-lighter:hover {
    border-color: #fcd9b6;
}
.hover\:border-orange-lightest:hover {
    border-color: #fff5eb;
}
.hover\:border-yellow-darkest:hover {
    border-color: #453411;
}
.hover\:border-yellow-darker:hover {
    border-color: #684f1d;
}
.hover\:border-yellow-dark:hover {
    border-color: #f2d024;
}
.hover\:border-yellow:hover {
    border-color: #ffed4a;
}
.hover\:border-yellow-light:hover {
    border-color: #fff382;
}
.hover\:border-yellow-lighter:hover {
    border-color: #fff9c2;
}
.hover\:border-yellow-lightest:hover {
    border-color: #fcfbeb;
}
.hover\:border-green-darkest:hover {
    border-color: #032d19;
}
.hover\:border-green-darker:hover {
    border-color: #0b4228;
}
.hover\:border-green-dark:hover {
    border-color: #1f9d55;
}
.hover\:border-green:hover {
    border-color: #38c172;
}
.hover\:border-green-light:hover {
    border-color: #51d88a;
}
.hover\:border-green-lighter:hover {
    border-color: #a2f5bf;
}
.hover\:border-green-lightest:hover {
    border-color: #e3fcec;
}
.hover\:border-teal-darkest:hover {
    border-color: #0d3331;
}
.hover\:border-teal-darker:hover {
    border-color: #174e4b;
}
.hover\:border-teal-dark:hover {
    border-color: #38a89d;
}
.hover\:border-teal:hover {
    border-color: #4dc0b5;
}
.hover\:border-teal-light:hover {
    border-color: #64d5ca;
}
.hover\:border-teal-lighter:hover {
    border-color: #a0f0ed;
}
.hover\:border-teal-lightest:hover {
    border-color: #e8fffe;
}
.hover\:border-blue-darkest:hover {
    border-color: #05233b;
}
.hover\:border-blue-darker:hover {
    border-color: #103d60;
}
.hover\:border-blue-dark:hover {
    border-color: #2779bd;
}
.hover\:border-blue:hover {
    border-color: #3490dc;
}
.hover\:border-blue-light:hover {
    border-color: #6cb2eb;
}
.hover\:border-blue-lighter:hover {
    border-color: #bcdefa;
}
.hover\:border-blue-lightest:hover {
    border-color: #eff8ff;
}
.hover\:border-indigo-darkest:hover {
    border-color: #191e38;
}
.hover\:border-indigo-darker:hover {
    border-color: #2f365f;
}
.hover\:border-indigo-dark:hover {
    border-color: #5661b3;
}
.hover\:border-indigo:hover {
    border-color: #6574cd;
}
.hover\:border-indigo-light:hover {
    border-color: #7886d7;
}
.hover\:border-indigo-lighter:hover {
    border-color: #b2b7ff;
}
.hover\:border-indigo-lightest:hover {
    border-color: #e6e8ff;
}
.hover\:border-purple-darkest:hover {
    border-color: #1f133f;
}
.hover\:border-purple-darker:hover {
    border-color: #352465;
}
.hover\:border-purple-dark:hover {
    border-color: #794acf;
}
.hover\:border-purple:hover {
    border-color: #9561e2;
}
.hover\:border-purple-light:hover {
    border-color: #a779e9;
}
.hover\:border-purple-lighter:hover {
    border-color: #d6bbfc;
}
.hover\:border-purple-lightest:hover {
    border-color: #f3ebff;
}
.hover\:border-pink-darkest:hover {
    border-color: #45051e;
}
.hover\:border-pink-darker:hover {
    border-color: #72173a;
}
.hover\:border-pink-dark:hover {
    border-color: #eb5286;
}
.hover\:border-pink:hover {
    border-color: #f66d9b;
}
.hover\:border-pink-light:hover {
    border-color: #fa7ea8;
}
.hover\:border-pink-lighter:hover {
    border-color: #ffbbca;
}
.hover\:border-pink-lightest:hover {
    border-color: #ffebef;
}
.rounded-none {
    border-radius: 0;
}
.rounded-sm {
    border-radius: .125rem;
}
.rounded {
    border-radius: .25rem;
}
.rounded-lg {
    border-radius: .5rem;
}
.rounded-full {
    border-radius: 9999px;
}
.rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.rounded-t-sm {
    border-top-left-radius: .125rem;
    border-top-right-radius: .125rem;
}
.rounded-r-sm {
    border-top-right-radius: .125rem;
    border-bottom-right-radius: .125rem;
}
.rounded-b-sm {
    border-bottom-right-radius: .125rem;
    border-bottom-left-radius: .125rem;
}
.rounded-l-sm {
    border-top-left-radius: .125rem;
    border-bottom-left-radius: .125rem;
}
.rounded-t {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}
.rounded-r {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}
.rounded-b {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
}
.rounded-l {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}
.rounded-t-lg {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
}
.rounded-r-lg {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
}
.rounded-b-lg {
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem;
}
.rounded-l-lg {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
}
.rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
}
.rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
}
.rounded-b-full {
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
}
.rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
}
.rounded-tl-none {
    border-top-left-radius: 0;
}
.rounded-tr-none {
    border-top-right-radius: 0;
}
.rounded-br-none {
    border-bottom-right-radius: 0;
}
.rounded-bl-none {
    border-bottom-left-radius: 0;
}
.rounded-tl-sm {
    border-top-left-radius: .125rem;
}
.rounded-tr-sm {
    border-top-right-radius: .125rem;
}
.rounded-br-sm {
    border-bottom-right-radius: .125rem;
}
.rounded-bl-sm {
    border-bottom-left-radius: .125rem;
}
.rounded-tl {
    border-top-left-radius: .25rem;
}
.rounded-tr {
    border-top-right-radius: .25rem;
}
.rounded-br {
    border-bottom-right-radius: .25rem;
}
.rounded-bl {
    border-bottom-left-radius: .25rem;
}
.rounded-tl-lg {
    border-top-left-radius: .5rem;
}
.rounded-tr-lg {
    border-top-right-radius: .5rem;
}
.rounded-br-lg {
    border-bottom-right-radius: .5rem;
}
.rounded-bl-lg {
    border-bottom-left-radius: .5rem;
}
.rounded-tl-full {
    border-top-left-radius: 9999px;
}
.rounded-tr-full {
    border-top-right-radius: 9999px;
}
.rounded-br-full {
    border-bottom-right-radius: 9999px;
}
.rounded-bl-full {
    border-bottom-left-radius: 9999px;
}
.border-solid {
    border-style: solid;
}
.border-dashed {
    border-style: dashed;
}
.border-dotted {
    border-style: dotted;
}
.border-none {
    border-style: none;
}
.border-0 {
    border-width: 0;
}
.border-2 {
    border-width: 2px;
}
.border-4 {
    border-width: 4px;
}
.border-8 {
    border-width: 8px;
}
.border {
    border-width: 1px;
}
.border-t-0 {
    border-top-width: 0;
}
.border-r-0 {
    border-right-width: 0;
}
.border-b-0 {
    border-bottom-width: 0;
}
.border-l-0 {
    border-left-width: 0;
}
.border-t-2 {
    border-top-width: 2px;
}
.border-r-2 {
    border-right-width: 2px;
}
.border-b-2 {
    border-bottom-width: 2px;
}
.border-l-2 {
    border-left-width: 2px;
}
.border-t-4 {
    border-top-width: 4px;
}
.border-r-4 {
    border-right-width: 4px;
}
.border-b-4 {
    border-bottom-width: 4px;
}
.border-l-4 {
    border-left-width: 4px;
}
.border-t-8 {
    border-top-width: 8px;
}
.border-r-8 {
    border-right-width: 8px;
}
.border-b-8 {
    border-bottom-width: 8px;
}
.border-l-8 {
    border-left-width: 8px;
}
.border-t {
    border-top-width: 1px;
}
.border-r {
    border-right-width: 1px;
}
.border-b {
    border-bottom-width: 1px;
}
.border-l {
    border-left-width: 1px;
}
.cursor-auto {
    cursor: auto;
}
.cursor-default {
    cursor: default;
}
.cursor-pointer {
    cursor: pointer;
}
.cursor-not-allowed {
    cursor: not-allowed;
}
.block {
    display: block;
}
.inline-block {
    display: inline-block;
}
.inline {
    display: inline;
}
.table {
    display: table;
}
.table-row {
    display: table-row;
}
.table-cell {
    display: table-cell;
}
.hidden {
    display: none;
}
.flex {
    display: -webkit-box;
    display: flex;
}
.inline-flex {
    display: -webkit-inline-box;
    display: inline-flex;
}
.flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
}
.flex-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
}
.flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}
.flex-col-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse;
}
.flex-wrap {
    flex-wrap: wrap;
}
.flex-wrap-reverse {
    flex-wrap: wrap-reverse;
}
.flex-no-wrap {
    flex-wrap: nowrap;
}
.items-start {
    -webkit-box-align: start;
    align-items: flex-start;
}
.items-end {
    -webkit-box-align: end;
    align-items: flex-end;
}
.items-center {
    -webkit-box-align: center;
    align-items: center;
}
.items-baseline {
    -webkit-box-align: baseline;
    align-items: baseline;
}
.items-stretch {
    -webkit-box-align: stretch;
    align-items: stretch;
}
.self-auto {
    align-self: auto;
}
.self-start {
    align-self: flex-start;
}
.self-end {
    align-self: flex-end;
}
.self-center {
    align-self: center;
}
.self-stretch {
    align-self: stretch;
}
.justify-start {
    -webkit-box-pack: start;
    justify-content: flex-start;
}
.justify-end {
    -webkit-box-pack: end;
    justify-content: flex-end;
}
.justify-center {
    -webkit-box-pack: center;
    justify-content: center;
}
.justify-between {
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.justify-around {
    justify-content: space-around;
}
.content-center {
    align-content: center;
}
.content-start {
    align-content: flex-start;
}
.content-end {
    align-content: flex-end;
}
.content-between {
    align-content: space-between;
}
.content-around {
    align-content: space-around;
}
.flex-1 {
    -webkit-box-flex: 1;
    flex: 1;
}
.flex-auto {
    -webkit-box-flex: 1;
    flex: auto;
}
.flex-initial {
    -webkit-box-flex: initial;
    flex: initial;
}
.flex-none {
    -webkit-box-flex: 0;
    flex: none;
}
.flex-grow {
    -webkit-box-flex: 1;
    flex-grow: 1;
}
.flex-shrink {
    flex-shrink: 1;
}
.flex-no-grow {
    -webkit-box-flex: 0;
    flex-grow: 0;
}
.flex-no-shrink {
    flex-shrink: 0;
}
.float-right {
    float: right;
}
.float-left {
    float: left;
}
.float-none {
    float: none;
}
.clearfix:after {
    content: "";
    display: table;
    clear: both;
}
.font-sans {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
.font-serif {
    font-family: Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif;
}
.font-mono {
    font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
}
.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;
}
.hover\:font-hairline:hover {
    font-weight: 100;
}
.hover\:font-thin:hover {
    font-weight: 200;
}
.hover\:font-light:hover {
    font-weight: 300;
}
.hover\:font-normal:hover {
    font-weight: 400;
}
.hover\:font-medium:hover {
    font-weight: 500;
}
.hover\:font-semibold:hover {
    font-weight: 600;
}
.hover\:font-bold:hover {
    font-weight: 700;
}
.hover\:font-extrabold:hover {
    font-weight: 800;
}
.hover\:font-black:hover {
    font-weight: 900;
}
.h-1 {
    height: .25rem;
}
.h-2 {
    height: .5rem;
}
.h-3 {
    height: .75rem;
}
.h-4 {
    height: 1rem;
}
.h-5 {
    height: 1.2rem;
}

.h-6 {
    height: 1.5rem;
}
.h-8 {
    height: 2rem;
}
.h-10 {
    height: 2.5rem;
}
.h-12 {
    height: 3rem;
}
.h-16 {
    height: 4rem;
}
.h-24 {
    height: 6rem;
}
.h-32 {
    height: 8rem;
}
.h-48 {
    height: 12rem;
}
.h-64 {
    height: 16rem;
}
.h-auto {
    height: auto;
}
.h-px {
    height: 1px;
}
.h-full {
    height: 100%}
.h-screen {
    height: 100vh;
}
.leading-none {
    line-height: 1;
}
.leading-tight {
    line-height: 1.25;
}
.leading-normal {
    line-height: 1.5;
}
.leading-loose {
    line-height: 2;
}
.m-0 {
    margin: 0;
}
.m-1 {
    margin: .25rem;
}
.m-2 {
    margin: .5rem;
}
.m-3 {
    margin: .75rem;
}
.m-4 {
    margin: 1rem;
}
.m-6 {
    margin: 1.5rem;
}
.m-8 {
    margin: 2rem;
}
.m-auto {
    margin: auto;
}
.m-px {
    margin: 1px;
}
.my-0 {
    margin-top: 0;
    margin-bottom: 0;
}
.mx-0 {
    margin-left: 0;
    margin-right: 0;
}
.my-1 {
    margin-top: .25rem;
    margin-bottom: .25rem;
}
.mx-1 {
    margin-left: .25rem;
    margin-right: .25rem;
}
.my-2 {
    margin-top: .5rem;
    margin-bottom: .5rem;
}
.mx-2 {
    margin-left: .5rem;
    margin-right: .5rem;
}
.my-3 {
    margin-top: .75rem;
    margin-bottom: .75rem;
}
.mx-3 {
    margin-left: .75rem;
    margin-right: .75rem;
}
.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
}
.my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
.mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}
.my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
}
.my-auto {
    margin-top: auto;
    margin-bottom: auto;
}
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.my-px {
    margin-top: 1px;
    margin-bottom: 1px;
}
.mx-px {
    margin-left: 1px;
    margin-right: 1px;
}
.mt-0 {
    margin-top: 0;
}
.mr-0 {
    margin-right: 0;
}
.mb-0 {
    margin-bottom: 0;
}
.ml-0 {
    margin-left: 0;
}
.mt-1 {
    margin-top: .25rem;
}
.mr-1 {
    margin-right: .25rem;
}
.mb-1 {
    margin-bottom: .25rem;
}
.ml-1 {
    margin-left: .25rem;
}
.mt-2 {
    margin-top: .5rem;
}
.mr-2 {
    margin-right: .5rem;
}
.mb-2 {
    margin-bottom: .5rem;
}
.ml-2 {
    margin-left: .5rem;
}
.mt-3 {
    margin-top: .75rem;
}
.mr-3 {
    margin-right: .75rem;
}
.mb-3 {
    margin-bottom: .75rem;
}
.ml-3 {
    margin-left: .75rem;
}
.mt-4 {
    margin-top: 1rem;
}
.mr-4 {
    margin-right: 1rem;
}
.mb-4 {
    margin-bottom: 1rem;
}
.ml-4 {
    margin-left: 1rem;
}
.mt-6 {
    margin-top: 1.5rem;
}
.mr-6 {
    margin-right: 1.5rem;
}
.mb-6 {
    margin-bottom: 1.5rem;
}
.ml-6 {
    margin-left: 1.5rem;
}
.mt-8 {
    margin-top: 2rem;
}
.mr-8 {
    margin-right: 2rem;
}
.mb-8 {
    margin-bottom: 2rem;
}
.ml-8 {
    margin-left: 2rem;
}
.mt-auto {
    margin-top: auto;
}
.mr-auto {
    margin-right: auto;
}
.mb-auto {
    margin-bottom: auto;
}
.ml-auto {
    margin-left: auto;
}
.mt-px {
    margin-top: 1px;
}
.mr-px {
    margin-right: 1px;
}
.mb-px {
    margin-bottom: 1px;
}
.ml-px {
    margin-left: 1px;
}
.max-h-full {
    max-height: 100%}
.max-h-screen {
    max-height: 100vh;
}
.max-w-xs {
    max-width: 20rem;
}
.max-w-sm {
    max-width: 30rem;
}
.max-w-md {
    max-width: 40rem;
}
.max-w-lg {
    max-width: 50rem;
}
.max-w-xl {
    max-width: 60rem;
}
.max-w-2xl {
    max-width: 70rem;
}
.max-w-3xl {
    max-width: 80rem;
}
.max-w-4xl {
    max-width: 90rem;
}
.max-w-5xl {
    max-width: 100rem;
}
.max-w-full {
    max-width: 100%}
.min-h-0 {
    min-height: 0;
}
.min-h-full {
    min-height: 100%}
.min-h-screen {
    min-height: 100vh;
}
.min-w-0 {
    min-width: 0;
}
.min-w-full {
    min-width: 100%}
.-m-0 {
    margin: 0;
}
.-m-1 {
    margin: -.25rem;
}
.-m-2 {
    margin: -.5rem;
}
.-m-3 {
    margin: -.75rem;
}
.-m-4 {
    margin: -1rem;
}
.-m-6 {
    margin: -1.5rem;
}
.-m-8 {
    margin: -2rem;
}
.-m-px {
    margin: -1px;
}
.-my-0 {
    margin-top: 0;
    margin-bottom: 0;
}
.-mx-0 {
    margin-left: 0;
    margin-right: 0;
}
.-my-1 {
    margin-top: -.25rem;
    margin-bottom: -.25rem;
}
.-mx-1 {
    margin-left: -.25rem;
    margin-right: -.25rem;
}
.-my-2 {
    margin-top: -.5rem;
    margin-bottom: -.5rem;
}
.-mx-2 {
    margin-left: -.5rem;
    margin-right: -.5rem;
}
.-my-3 {
    margin-top: -.75rem;
    margin-bottom: -.75rem;
}
.-mx-3 {
    margin-left: -.75rem;
    margin-right: -.75rem;
}
.-my-4 {
    margin-top: -1rem;
    margin-bottom: -1rem;
}
.-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
}
.-my-6 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
}
.-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
}
.-my-8 {
    margin-top: -2rem;
    margin-bottom: -2rem;
}
.-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem;
}
.-my-px {
    margin-top: -1px;
    margin-bottom: -1px;
}
.-mx-px {
    margin-left: -1px;
    margin-right: -1px;
}
.-mt-0 {
    margin-top: 0;
}
.-mr-0 {
    margin-right: 0;
}
.-mb-0 {
    margin-bottom: 0;
}
.-ml-0 {
    margin-left: 0;
}
.-mt-1 {
    margin-top: -.25rem;
}
.-mr-1 {
    margin-right: -.25rem;
}
.-mb-1 {
    margin-bottom: -.25rem;
}
.-ml-1 {
    margin-left: -.25rem;
}
.-mt-2 {
    margin-top: -.5rem;
}
.-mr-2 {
    margin-right: -.5rem;
}
.-mb-2 {
    margin-bottom: -.5rem;
}
.-ml-2 {
    margin-left: -.5rem;
}
.-mt-3 {
    margin-top: -.75rem;
}
.-mr-3 {
    margin-right: -.75rem;
}
.-mb-3 {
    margin-bottom: -.75rem;
}
.-ml-3 {
    margin-left: -.75rem;
}
.-mt-4 {
    margin-top: -1rem;
}
.-mr-4 {
    margin-right: -1rem;
}
.-mb-4 {
    margin-bottom: -1rem;
}
.-ml-4 {
    margin-left: -1rem;
}
.-mt-6 {
    margin-top: -1.5rem;
}
.-mr-6 {
    margin-right: -1.5rem;
}
.-mb-6 {
    margin-bottom: -1.5rem;
}
.-ml-6 {
    margin-left: -1.5rem;
}
.-mt-8 {
    margin-top: -2rem;
}
.-mr-8 {
    margin-right: -2rem;
}
.-mb-8 {
    margin-bottom: -2rem;
}
.-ml-8 {
    margin-left: -2rem;
}
.-mt-px {
    margin-top: -1px;
}
.-mr-px {
    margin-right: -1px;
}
.-mb-px {
    margin-bottom: -1px;
}
.-ml-px {
    margin-left: -1px;
}
.opacity-0 {
    opacity: 0;
}
.opacity-25 {
    opacity: .25;
}
.opacity-50 {
    opacity: .5;
}
.opacity-75 {
    opacity: .75;
}
.opacity-100 {
    opacity: 1;
}
.overflow-auto {
    overflow: auto;
}
.overflow-hidden {
    overflow: hidden;
}
.overflow-visible {
    overflow: visible;
}
.overflow-scroll {
    overflow: scroll;
}
.overflow-x-scroll {
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.overflow-y-scroll {
    overflow-y: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    
}
.scrolling-touch {
    -webkit-overflow-scrolling: touch;
}
.scrolling-auto {
    -webkit-overflow-scrolling: auto;
}
.p-0 {
    padding: 0;
}
.p-1 {
    padding: .25rem;
}
.p-2 {
    padding: .5rem;
}
.p-3 {
    padding: .75rem;
}
.p-4 {
    padding: 1rem;
}
.p-6 {
    padding: 1.5rem;
}
.p-8 {
    padding: 2rem;
}
.p-px {
    padding: 1px;
}
.py-0 {
    padding-top: 0;
    padding-bottom: 0;
}
.px-0 {
    padding-left: 0;
    padding-right: 0;
}
.py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem;
}
.px-1 {
    padding-left: .25rem;
    padding-right: .25rem;
}
.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem;
}
.px-2 {
    padding-left: .5rem;
    padding-right: .5rem;
}
.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem;
}
.px-3 {
    padding-left: .75rem;
    padding-right: .75rem;
}
.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}
.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
}
.py-px {
    padding-top: 1px;
    padding-bottom: 1px;
}
.px-px {
    padding-left: 1px;
    padding-right: 1px;
}
.pt-0 {
    padding-top: 0;
}
.pr-0 {
    padding-right: 0;
}
.pb-0 {
    padding-bottom: 0;
}
.pl-0 {
    padding-left: 0;
}
.pt-1 {
    padding-top: .25rem;
}
.pr-1 {
    padding-right: .25rem;
}
.pb-1 {
    padding-bottom: .25rem;
}
.pl-1 {
    padding-left: .25rem;
}
.pt-2 {
    padding-top: .5rem;
}
.pr-2 {
    padding-right: .5rem;
}
.pb-2 {
    padding-bottom: .5rem;
}
.pl-2 {
    padding-left: .5rem;
}
.pt-3 {
    padding-top: .75rem;
}
.pr-3 {
    padding-right: .75rem;
}
.pb-3 {
    padding-bottom: .75rem;
}
.pl-3 {
    padding-left: .75rem;
}
.pt-4 {
    padding-top: 1rem;
}
.pr-4 {
    padding-right: 1rem;
}
.pb-4 {
    padding-bottom: 1rem;
}
.pl-4 {
    padding-left: 1rem;
}
.pt-6 {
    padding-top: 1.5rem;
}
.pr-6 {
    padding-right: 1.5rem;
}
.pb-6 {
    padding-bottom: 1.5rem;
}
.pl-6 {
    padding-left: 1.5rem;
}
.pt-8 {
    padding-top: 2rem;
}
.pr-8 {
    padding-right: 2rem;
}
.pb-8 {
    padding-bottom: 2rem;
}
.pl-8 {
    padding-left: 2rem;
}
.pt-px {
    padding-top: 1px;
}
.pr-px {
    padding-right: 1px;
}
.pb-px {
    padding-bottom: 1px;
}
.pl-px {
    padding-left: 1px;
}
.pointer-events-none {
    pointer-events: none;
}
.pointer-events-auto {
    pointer-events: auto;
}
.static {
    position: static;
}
.fixed {
    position: fixed;
}
.absolute {
    position: absolute;
}
.relative {
    position: relative;
}
.pin-none {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
}
.pin {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.pin-y {
    top: 0;
    bottom: 0;
}
.pin-x {
    right: 0;
    left: 0;
}
.pin-t {
    top: 0;
}
.pin-r {
    right: 0;
}
.pin-b {
    bottom: 0;
}
.pin-l {
    left: 0;
}
.resize-none {
    resize: none;
}
.resize-y {
    resize: vertical;
}
.resize-x {
    resize: horizontal;
}
.resize {
    resize: both;
}
.shadow {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
}
.shadow-md {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08);
}
.shadow-lg {
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08);
}
.shadow-inner {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06);
}
.shadow-none {
    box-shadow: none;
}
.fill-current {
    fill: currentColor;
}
.stroke-current {
    stroke: currentColor;
}
.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.text-justify {
    text-align: justify;
}
.text-transparent {
    color: transparent;
}
.text-black {
    color: #222b2f;
}
.text-grey-darkest {
    color: #364349;
}
.text-grey-darker {
    color: #596a73;
}
.text-grey-dark {
    color: #70818a;
}
.text-grey {
    color: #9babb4;
}
.text-grey-light {
    color: #dae4e9;
}
.text-grey-lighter {
    color: #f3f7f9;
}
.text-grey-lightest {
    color: #fafcfc;
}
.text-white {
    color: #fff;
}
.text-red-darkest {
    color: #420806;
}
.text-red-darker {
    color: #6a1b19;
}
.text-red-dark {
    color: #cc1f1a;
}
.text-red {
    color: #B4380C;
}
.text-red-light {
    color: #ef5753;
}
.text-red-lighter {
    color: #f9acaa;
}
.text-red-lightest {
    color: #fcebea;
}
.text-orange-darkest {
    color: #542605;
}
.text-orange-darker {
    color: #7f4012;
}
.text-orange-dark {
    color: #de751f;
}
.text-orange {
    color: #f6993f;
}
.text-orange-light {
    color: #faad63;
}
.text-orange-lighter {
    color: #fcd9b6;
}
.text-orange-lightest {
    color: #fff5eb;
}
.text-yellow-darkest {
    color: #453411;
}
.text-yellow-darker {
    color: #684f1d;
}
.text-yellow-dark {
    color: #f2d024;
}
.text-yellow {
    color: #ffed4a;
}
.text-yellow-light {
    color: #fff382;
}
.text-yellow-lighter {
    color: #fff9c2;
}
.text-yellow-lightest {
    color: #fcfbeb;
}
.text-green-darkest {
    color: #032d19;
}
.text-green-darker {
    color: #0b4228;
}
.text-green-dark {
    color: #1f9d55;
}
.text-green {
    color: #38c172;
}
.text-green-light {
    color: #51d88a;
}
.text-green-lighter {
    color: #a2f5bf;
}
.text-green-lightest {
    color: #e3fcec;
}
.text-teal-darkest {
    color: #0d3331;
}
.text-teal-darker {
    color: #174e4b;
}
.text-teal-dark {
    color: #38a89d;
}
.text-teal {
    color: #4dc0b5;
}
.text-teal-light {
    color: #64d5ca;
}
.text-teal-lighter {
    color: #a0f0ed;
}
.text-teal-lightest {
    color: #e8fffe;
}
.text-blue-darkest {
    color: #05233b;
}
.text-blue-darker {
    color: #103d60;
}
.text-blue-dark {
    color: #2779bd;
}
.text-blue {
    color: #3490dc;
}
.text-blue-light {
    color: #6cb2eb;
}
.text-blue-lighter {
    color: #bcdefa;
}
.text-blue-lightest {
    color: #eff8ff;
}
.text-indigo-darkest {
    color: #191e38;
}
.text-indigo-darker {
    color: #2f365f;
}
.text-indigo-dark {
    color: #5661b3;
}
.text-indigo {
    color: #6574cd;
}
.text-indigo-light {
    color: #7886d7;
}
.text-indigo-lighter {
    color: #b2b7ff;
}
.text-indigo-lightest {
    color: #e6e8ff;
}
.text-purple-darkest {
    color: #1f133f;
}
.text-purple-darker {
    color: #352465;
}
.text-purple-dark {
    color: #794acf;
}
.text-purple {
    color: #9561e2;
}
.text-purple-light {
    color: #a779e9;
}
.text-purple-lighter {
    color: #d6bbfc;
}
.text-purple-lightest {
    color: #f3ebff;
}
.text-pink-darkest {
    color: #45051e;
}
.text-pink-darker {
    color: #72173a;
}
.text-pink-dark {
    color: #eb5286;
}
.text-pink {
    color: #f66d9b;
}
.text-pink-light {
    color: #fa7ea8;
}
.text-pink-lighter {
    color: #ffbbca;
}
.text-pink-lightest {
    color: #ffebef;
}
.hover\:text-transparent:hover {
    color: transparent;
}
.hover\:text-black:hover {
    color: #222b2f;
}
.hover\:text-grey-darkest:hover {
    color: #364349;
}
.hover\:text-grey-darker:hover {
    color: #596a73;
}
.hover\:text-grey-dark:hover {
    color: #70818a;
}
.hover\:text-grey:hover {
    color: #9babb4;
}
.hover\:text-grey-light:hover {
    color: #dae4e9;
}
.hover\:text-grey-lighter:hover {
    color: #f3f7f9;
}
.hover\:text-grey-lightest:hover {
    color: #fafcfc;
}
.hover\:text-white:hover {
    color: #fff;
}
.hover\:text-red-darkest:hover {
    color: #420806;
}
.hover\:text-red-darker:hover {
    color: #6a1b19;
}
.hover\:text-red-dark:hover {
    color: #cc1f1a;
}
.hover\:text-red:hover {
    color: #e3342f;
}
.hover\:text-red-light:hover {
    color: #ef5753;
}
.hover\:text-red-lighter:hover {
    color: #f9acaa;
}
.hover\:text-red-lightest:hover {
    color: #fcebea;
}
.hover\:text-orange-darkest:hover {
    color: #542605;
}
.hover\:text-orange-darker:hover {
    color: #7f4012;
}
.hover\:text-orange-dark:hover {
    color: #de751f;
}
.hover\:text-orange:hover {
    color: #f6993f;
}
.hover\:text-orange-light:hover {
    color: #faad63;
}
.hover\:text-orange-lighter:hover {
    color: #fcd9b6;
}
.hover\:text-orange-lightest:hover {
    color: #fff5eb;
}
.hover\:text-yellow-darkest:hover {
    color: #453411;
}
.hover\:text-yellow-darker:hover {
    color: #684f1d;
}
.hover\:text-yellow-dark:hover {
    color: #f2d024;
}
.hover\:text-yellow:hover {
    color: #ffed4a;
}
.hover\:text-yellow-light:hover {
    color: #fff382;
}
.hover\:text-yellow-lighter:hover {
    color: #fff9c2;
}
.hover\:text-yellow-lightest:hover {
    color: #fcfbeb;
}
.hover\:text-green-darkest:hover {
    color: #032d19;
}
.hover\:text-green-darker:hover {
    color: #0b4228;
}
.hover\:text-green-dark:hover {
    color: #1f9d55;
}
.hover\:text-green:hover {
    color: #38c172;
}
.hover\:text-green-light:hover {
    color: #51d88a;
}
.hover\:text-green-lighter:hover {
    color: #a2f5bf;
}
.hover\:text-green-lightest:hover {
    color: #e3fcec;
}
.hover\:text-teal-darkest:hover {
    color: #0d3331;
}
.hover\:text-teal-darker:hover {
    color: #174e4b;
}
.hover\:text-teal-dark:hover {
    color: #38a89d;
}
.hover\:text-teal:hover {
    color: #4dc0b5;
}
.hover\:text-teal-light:hover {
    color: #64d5ca;
}
.hover\:text-teal-lighter:hover {
    color: #a0f0ed;
}
.hover\:text-teal-lightest:hover {
    color: #e8fffe;
}
.hover\:text-blue-darkest:hover {
    color: #05233b;
}
.hover\:text-blue-darker:hover {
    color: #103d60;
}
.hover\:text-blue-dark:hover {
    color: #2779bd;
}
.hover\:text-blue:hover {
    color: #3490dc;
}
.hover\:text-blue-light:hover {
    color: #6cb2eb;
}
.hover\:text-blue-lighter:hover {
    color: #bcdefa;
}
.hover\:text-blue-lightest:hover {
    color: #eff8ff;
}
.hover\:text-indigo-darkest:hover {
    color: #191e38;
}
.hover\:text-indigo-darker:hover {
    color: #2f365f;
}
.hover\:text-indigo-dark:hover {
    color: #5661b3;
}
.hover\:text-indigo:hover {
    color: #6574cd;
}
.hover\:text-indigo-light:hover {
    color: #7886d7;
}
.hover\:text-indigo-lighter:hover {
    color: #b2b7ff;
}
.hover\:text-indigo-lightest:hover {
    color: #e6e8ff;
}
.hover\:text-purple-darkest:hover {
    color: #1f133f;
}
.hover\:text-purple-darker:hover {
    color: #352465;
}
.hover\:text-purple-dark:hover {
    color: #794acf;
}
.hover\:text-purple:hover {
    color: #9561e2;
}
.hover\:text-purple-light:hover {
    color: #a779e9;
}
.hover\:text-purple-lighter:hover {
    color: #d6bbfc;
}
.hover\:text-purple-lightest:hover {
    color: #f3ebff;
}
.hover\:text-pink-darkest:hover {
    color: #45051e;
}
.hover\:text-pink-darker:hover {
    color: #72173a;
}
.hover\:text-pink-dark:hover {
    color: #eb5286;
}
.hover\:text-pink:hover {
    color: #f66d9b;
}
.hover\:text-pink-light:hover {
    color: #fa7ea8;
}
.hover\:text-pink-lighter:hover {
    color: #ffbbca;
}
.hover\:text-pink-lightest:hover {
    color: #ffebef;
}
.text-xs {
    font-size: .75rem;
}
.text-sm {
    font-size: .875rem;
}
.text-base {
    font-size: 1rem;
}
.text-lg {
    font-size: 1.125rem;
}
.text-xl {
    font-size: 1.25rem;
}
.text-2xl {
    font-size: 1.5rem;
}
.text-3xl {
    font-size: 1.875rem;
}
.text-4xl {
    font-size: 2.25rem;
}
.text-5xl {
    font-size: 3rem;
}
.italic {
    font-style: italic;
}
.roman {
    font-style: normal;
}
.uppercase {
    text-transform: uppercase;
}
.lowercase {
    text-transform: lowercase;
}
.capitalize {
    text-transform: capitalize;
}
.normal-case {
    text-transform: none;
}
.underline {
    text-decoration: underline;
}
.line-through {
    text-decoration: line-through;
}
.no-underline {
    text-decoration: none;
}
.antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
}
.hover\:italic:hover {
    font-style: italic;
}
.hover\:roman:hover {
    font-style: normal;
}
.hover\:uppercase:hover {
    text-transform: uppercase;
}
.hover\:lowercase:hover {
    text-transform: lowercase;
}
.hover\:capitalize:hover {
    text-transform: capitalize;
}
.hover\:normal-case:hover {
    text-transform: none;
}
.hover\:underline:hover {
    text-decoration: underline;
}
.hover\:line-through:hover {
    text-decoration: line-through;
}
.hover\:no-underline:hover {
    text-decoration: none;
}
.hover\:antialiased:hover {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.hover\:subpixel-antialiased:hover {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
}
.tracking-tight {
    letter-spacing: -.05em;
}
.tracking-normal {
    letter-spacing: 0;
}
.tracking-wide {
    letter-spacing: .05em;
}
.select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.select-text {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
.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;
}
.visible {
    visibility: visible;
}
.invisible {
    visibility: hidden;
}
.whitespace-normal {
    white-space: normal;
}
.whitespace-no-wrap {
    white-space: nowrap;
}
.whitespace-pre {
    white-space: pre;
}
.whitespace-pre-line {
    white-space: pre-line;
}
.whitespace-pre-wrap {
    white-space: pre-wrap;
}
.break-words {
    word-wrap: break-word;
}
.break-normal {
    word-wrap: normal;
}
.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.w-1 {
    width: .25rem;
}
.w-2 {
    width: .5rem;
}
.w-3 {
    width: .75rem;
}
.w-4 {
    width: 1rem;
}
.w-6 {
    width: 1.5rem;
}
.w-8 {
    width: 2rem;
}
.w-10 {
    width: 2.5rem;
}
.w-12 {
    width: 3rem;
}
.w-cu {
    width: 3.4rem;
}
.w-16 {
    width: 4rem;
}
.w-24 {
    width: 6rem;
}
.w-32 {
    width: 8rem;
}
.w-48 {
    width: 12rem;
}
.w-64 {
    width: 16rem;
}


.w-auto {
    width: auto;
}
.w-px {
    width: 1px;
}
.w-1\/2 {
    width: 50%}
.w-1\/3 {
    width: 33.33333%}
.w-2\/3 {
    width: 66.66667%}
.w-1\/4 {
    width: 25%}
.w-3\/4 {
    width: 75%}
.w-1\/5 {
    width: 20%}
.w-2\/5 {
    width: 40%}
.w-3\/5 {
    width: 60%}
.w-4\/5 {
    width: 80%}
.w-1\/6 {
    width: 16.66667%}
.w-5\/6 {
    width: 83.33333%}
.w-full {
    width: 100%}
.w-screen {
    width: 100vw;
}
.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-auto {
    z-index: auto;
}
@media (min-width:576px) {
    .sm\: list-reset {
    list-style: none;
    padding: 0;
}
.sm\:appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.sm\:bg-fixed {
    background-attachment: fixed;
}
.sm\:bg-local {
    background-attachment: local;
}
.sm\:bg-scroll {
    background-attachment: scroll;
}
.sm\:bg-transparent {
    background-color: transparent;
}
.sm\:bg-black {
    background-color: #222b2f;
}
.sm\:bg-grey-darkest {
    background-color: #364349;
}
.sm\:bg-grey-darker {
    background-color: #596a73;
}
.sm\:bg-grey-dark {
    background-color: #70818a;
}
.sm\:bg-grey {
    background-color: #9babb4;
}
.sm\:bg-grey-light {
    background-color: #dae4e9;
}
.sm\:bg-grey-lighter {
    background-color: #f3f7f9;
}
.sm\:bg-grey-lightest {
    background-color: #fafcfc;
}
.sm\:bg-white {
    background-color: #fff;
}
.sm\:bg-red-darkest {
    background-color: #420806;
}
.sm\:bg-red-darker {
    background-color: #6a1b19;
}
.sm\:bg-red-dark {
    background-color: #cc1f1a;
}
.sm\:bg-red {
    background-color: #e3342f;
}
.sm\:bg-red-light {
    background-color: #ef5753;
}
.sm\:bg-red-lighter {
    background-color: #f9acaa;
}
.sm\:bg-red-lightest {
    background-color: #fcebea;
}
.sm\:bg-orange-darkest {
    background-color: #542605;
}
.sm\:bg-orange-darker {
    background-color: #7f4012;
}
.sm\:bg-orange-dark {
    background-color: #de751f;
}
.sm\:bg-orange {
    background-color: #f6993f;
}
.sm\:bg-orange-light {
    background-color: #faad63;
}
.sm\:bg-orange-lighter {
    background-color: #fcd9b6;
}
.sm\:bg-orange-lightest {
    background-color: #fff5eb;
}
.sm\:bg-yellow-darkest {
    background-color: #453411;
}
.sm\:bg-yellow-darker {
    background-color: #684f1d;
}
.sm\:bg-yellow-dark {
    background-color: #f2d024;
}
.sm\:bg-yellow {
    background-color: #ffed4a;
}
.sm\:bg-yellow-light {
    background-color: #fff382;
}
.sm\:bg-yellow-lighter {
    background-color: #fff9c2;
}
.sm\:bg-yellow-lightest {
    background-color: #fcfbeb;
}
.sm\:bg-green-darkest {
    background-color: #032d19;
}
.sm\:bg-green-darker {
    background-color: #0b4228;
}
.sm\:bg-green-dark {
    background-color: #1f9d55;
}
.sm\:bg-green {
    background-color: #38c172;
}
.sm\:bg-green-light {
    background-color: #51d88a;
}
.sm\:bg-green-lighter {
    background-color: #a2f5bf;
}
.sm\:bg-green-lightest {
    background-color: #e3fcec;
}
.sm\:bg-teal-darkest {
    background-color: #0d3331;
}
.sm\:bg-teal-darker {
    background-color: #174e4b;
}
.sm\:bg-teal-dark {
    background-color: #38a89d;
}
.sm\:bg-teal {
    background-color: #4dc0b5;
}
.sm\:bg-teal-light {
    background-color: #64d5ca;
}
.sm\:bg-teal-lighter {
    background-color: #a0f0ed;
}
.sm\:bg-teal-lightest {
    background-color: #e8fffe;
}
.sm\:bg-blue-darkest {
    background-color: #05233b;
}
.sm\:bg-blue-darker {
    background-color: #103d60;
}
.sm\:bg-blue-dark {
    background-color: #2779bd;
}
.sm\:bg-blue {
    background-color: #3490dc;
}
.sm\:bg-blue-light {
    background-color: #6cb2eb;
}
.sm\:bg-blue-lighter {
    background-color: #bcdefa;
}
.sm\:bg-blue-lightest {
    background-color: #eff8ff;
}
.sm\:bg-indigo-darkest {
    background-color: #191e38;
}
.sm\:bg-indigo-darker {
    background-color: #2f365f;
}
.sm\:bg-indigo-dark {
    background-color: #5661b3;
}
.sm\:bg-indigo {
    background-color: #6574cd;
}
.sm\:bg-indigo-light {
    background-color: #7886d7;
}
.sm\:bg-indigo-lighter {
    background-color: #b2b7ff;
}
.sm\:bg-indigo-lightest {
    background-color: #e6e8ff;
}
.sm\:bg-purple-darkest {
    background-color: #1f133f;
}
.sm\:bg-purple-darker {
    background-color: #352465;
}
.sm\:bg-purple-dark {
    background-color: #794acf;
}
.sm\:bg-purple {
    background-color: #9561e2;
}
.sm\:bg-purple-light {
    background-color: #a779e9;
}
.sm\:bg-purple-lighter {
    background-color: #d6bbfc;
}
.sm\:bg-purple-lightest {
    background-color: #f3ebff;
}
.sm\:bg-pink-darkest {
    background-color: #45051e;
}
.sm\:bg-pink-darker {
    background-color: #72173a;
}
.sm\:bg-pink-dark {
    background-color: #eb5286;
}
.sm\:bg-pink {
    background-color: #f66d9b;
}
.sm\:bg-pink-light {
    background-color: #fa7ea8;
}
.sm\:bg-pink-lighter {
    background-color: #ffbbca;
}
.sm\:bg-pink-lightest {
    background-color: #ffebef;
}
.sm\:hover\:bg-transparent:hover {
    background-color: transparent;
}
.sm\:hover\:bg-black:hover {
    background-color: #222b2f;
}
.sm\:hover\:bg-grey-darkest:hover {
    background-color: #364349;
}
.sm\:hover\:bg-grey-darker:hover {
    background-color: #596a73;
}
.sm\:hover\:bg-grey-dark:hover {
    background-color: #70818a;
}
.sm\:hover\:bg-grey:hover {
    background-color: #9babb4;
}
.sm\:hover\:bg-grey-light:hover {
    background-color: #dae4e9;
}
.sm\:hover\:bg-grey-lighter:hover {
    background-color: #f3f7f9;
}
.sm\:hover\:bg-grey-lightest:hover {
    background-color: #fafcfc;
}
.sm\:hover\:bg-white:hover {
    background-color: #fff;
}
.sm\:hover\:bg-red-darkest:hover {
    background-color: #420806;
}
.sm\:hover\:bg-red-darker:hover {
    background-color: #6a1b19;
}
.sm\:hover\:bg-red-dark:hover {
    background-color: #cc1f1a;
}
.sm\:hover\:bg-red:hover {
    background-color: #e3342f;
}
.sm\:hover\:bg-red-light:hover {
    background-color: #ef5753;
}
.sm\:hover\:bg-red-lighter:hover {
    background-color: #f9acaa;
}
.sm\:hover\:bg-red-lightest:hover {
    background-color: #fcebea;
}
.sm\:hover\:bg-orange-darkest:hover {
    background-color: #542605;
}
.sm\:hover\:bg-orange-darker:hover {
    background-color: #7f4012;
}
.sm\:hover\:bg-orange-dark:hover {
    background-color: #de751f;
}
.sm\:hover\:bg-orange:hover {
    background-color: #f6993f;
}
.sm\:hover\:bg-orange-light:hover {
    background-color: #faad63;
}
.sm\:hover\:bg-orange-lighter:hover {
    background-color: #fcd9b6;
}
.sm\:hover\:bg-orange-lightest:hover {
    background-color: #fff5eb;
}
.sm\:hover\:bg-yellow-darkest:hover {
    background-color: #453411;
}
.sm\:hover\:bg-yellow-darker:hover {
    background-color: #684f1d;
}
.sm\:hover\:bg-yellow-dark:hover {
    background-color: #f2d024;
}
.sm\:hover\:bg-yellow:hover {
    background-color: #ffed4a;
}
.sm\:hover\:bg-yellow-light:hover {
    background-color: #fff382;
}
.sm\:hover\:bg-yellow-lighter:hover {
    background-color: #fff9c2;
}
.sm\:hover\:bg-yellow-lightest:hover {
    background-color: #fcfbeb;
}
.sm\:hover\:bg-green-darkest:hover {
    background-color: #032d19;
}
.sm\:hover\:bg-green-darker:hover {
    background-color: #0b4228;
}
.sm\:hover\:bg-green-dark:hover {
    background-color: #1f9d55;
}
.sm\:hover\:bg-green:hover {
    background-color: #38c172;
}
.sm\:hover\:bg-green-light:hover {
    background-color: #51d88a;
}
.sm\:hover\:bg-green-lighter:hover {
    background-color: #a2f5bf;
}
.sm\:hover\:bg-green-lightest:hover {
    background-color: #e3fcec;
}
.sm\:hover\:bg-teal-darkest:hover {
    background-color: #0d3331;
}
.sm\:hover\:bg-teal-darker:hover {
    background-color: #174e4b;
}
.sm\:hover\:bg-teal-dark:hover {
    background-color: #38a89d;
}
.sm\:hover\:bg-teal:hover {
    background-color: #4dc0b5;
}
.sm\:hover\:bg-teal-light:hover {
    background-color: #64d5ca;
}
.sm\:hover\:bg-teal-lighter:hover {
    background-color: #a0f0ed;
}
.sm\:hover\:bg-teal-lightest:hover {
    background-color: #e8fffe;
}
.sm\:hover\:bg-blue-darkest:hover {
    background-color: #05233b;
}
.sm\:hover\:bg-blue-darker:hover {
    background-color: #103d60;
}
.sm\:hover\:bg-blue-dark:hover {
    background-color: #2779bd;
}
.sm\:hover\:bg-blue:hover {
    background-color: #3490dc;
}
.sm\:hover\:bg-blue-light:hover {
    background-color: #6cb2eb;
}
.sm\:hover\:bg-blue-lighter:hover {
    background-color: #bcdefa;
}
.sm\:hover\:bg-blue-lightest:hover {
    background-color: #eff8ff;
}
.sm\:hover\:bg-indigo-darkest:hover {
    background-color: #191e38;
}
.sm\:hover\:bg-indigo-darker:hover {
    background-color: #2f365f;
}
.sm\:hover\:bg-indigo-dark:hover {
    background-color: #5661b3;
}
.sm\:hover\:bg-indigo:hover {
    background-color: #6574cd;
}
.sm\:hover\:bg-indigo-light:hover {
    background-color: #7886d7;
}
.sm\:hover\:bg-indigo-lighter:hover {
    background-color: #b2b7ff;
}
.sm\:hover\:bg-indigo-lightest:hover {
    background-color: #e6e8ff;
}
.sm\:hover\:bg-purple-darkest:hover {
    background-color: #1f133f;
}
.sm\:hover\:bg-purple-darker:hover {
    background-color: #352465;
}
.sm\:hover\:bg-purple-dark:hover {
    background-color: #794acf;
}
.sm\:hover\:bg-purple:hover {
    background-color: #9561e2;
}
.sm\:hover\:bg-purple-light:hover {
    background-color: #a779e9;
}
.sm\:hover\:bg-purple-lighter:hover {
    background-color: #d6bbfc;
}
.sm\:hover\:bg-purple-lightest:hover {
    background-color: #f3ebff;
}
.sm\:hover\:bg-pink-darkest:hover {
    background-color: #45051e;
}
.sm\:hover\:bg-pink-darker:hover {
    background-color: #72173a;
}
.sm\:hover\:bg-pink-dark:hover {
    background-color: #eb5286;
}
.sm\:hover\:bg-pink:hover {
    background-color: #f66d9b;
}
.sm\:hover\:bg-pink-light:hover {
    background-color: #fa7ea8;
}
.sm\:hover\:bg-pink-lighter:hover {
    background-color: #ffbbca;
}
.sm\:hover\:bg-pink-lightest:hover {
    background-color: #ffebef;
}
.sm\:bg-bottom {
    background-position: bottom;
}
.sm\:bg-center {
    background-position: center;
}
.sm\:bg-left {
    background-position: left;
}
.sm\:bg-left-bottom {
    background-position: left bottom;
}
.sm\:bg-left-top {
    background-position: left top;
}
.sm\:bg-right {
    background-position: right;
}
.sm\:bg-right-bottom {
    background-position: right bottom;
}
.sm\:bg-right-top {
    background-position: right top;
}
.sm\:bg-top {
    background-position: top;
}
.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;
}
.sm\:bg-cover {
    background-size: cover;
}
.sm\:bg-contain {
    background-size: contain;
}
.sm\:border-transparent {
    border-color: transparent;
}
.sm\:border-black {
    border-color: #222b2f;
}
.sm\:border-grey-darkest {
    border-color: #364349;
}
.sm\:border-grey-darker {
    border-color: #596a73;
}
.sm\:border-grey-dark {
    border-color: #70818a;
}
.sm\:border-grey {
    border-color: #9babb4;
}
.sm\:border-grey-light {
    border-color: #dae4e9;
}
.sm\:border-grey-lighter {
    border-color: #f3f7f9;
}
.sm\:border-grey-lightest {
    border-color: #fafcfc;
}
.sm\:border-white {
    border-color: #fff;
}
.sm\:border-red-darkest {
    border-color: #420806;
}
.sm\:border-red-darker {
    border-color: #6a1b19;
}
.sm\:border-red-dark {
    border-color: #cc1f1a;
}
.sm\:border-red {
    border-color: #e3342f;
}
.sm\:border-red-light {
    border-color: #ef5753;
}
.sm\:border-red-lighter {
    border-color: #f9acaa;
}
.sm\:border-red-lightest {
    border-color: #fcebea;
}
.sm\:border-orange-darkest {
    border-color: #542605;
}
.sm\:border-orange-darker {
    border-color: #7f4012;
}
.sm\:border-orange-dark {
    border-color: #de751f;
}
.sm\:border-orange {
    border-color: #f6993f;
}
.sm\:border-orange-light {
    border-color: #faad63;
}
.sm\:border-orange-lighter {
    border-color: #fcd9b6;
}
.sm\:border-orange-lightest {
    border-color: #fff5eb;
}
.sm\:border-yellow-darkest {
    border-color: #453411;
}
.sm\:border-yellow-darker {
    border-color: #684f1d;
}
.sm\:border-yellow-dark {
    border-color: #f2d024;
}
.sm\:border-yellow {
    border-color: #ffed4a;
}
.sm\:border-yellow-light {
    border-color: #fff382;
}
.sm\:border-yellow-lighter {
    border-color: #fff9c2;
}
.sm\:border-yellow-lightest {
    border-color: #fcfbeb;
}
.sm\:border-green-darkest {
    border-color: #032d19;
}
.sm\:border-green-darker {
    border-color: #0b4228;
}
.sm\:border-green-dark {
    border-color: #1f9d55;
}
.sm\:border-green {
    border-color: #38c172;
}
.sm\:border-green-light {
    border-color: #51d88a;
}
.sm\:border-green-lighter {
    border-color: #a2f5bf;
}
.sm\:border-green-lightest {
    border-color: #e3fcec;
}
.sm\:border-teal-darkest {
    border-color: #0d3331;
}
.sm\:border-teal-darker {
    border-color: #174e4b;
}
.sm\:border-teal-dark {
    border-color: #38a89d;
}
.sm\:border-teal {
    border-color: #4dc0b5;
}
.sm\:border-teal-light {
    border-color: #64d5ca;
}
.sm\:border-teal-lighter {
    border-color: #a0f0ed;
}
.sm\:border-teal-lightest {
    border-color: #e8fffe;
}
.sm\:border-blue-darkest {
    border-color: #05233b;
}
.sm\:border-blue-darker {
    border-color: #103d60;
}
.sm\:border-blue-dark {
    border-color: #2779bd;
}
.sm\:border-blue {
    border-color: #3490dc;
}
.sm\:border-blue-light {
    border-color: #6cb2eb;
}
.sm\:border-blue-lighter {
    border-color: #bcdefa;
}
.sm\:border-blue-lightest {
    border-color: #eff8ff;
}
.sm\:border-indigo-darkest {
    border-color: #191e38;
}
.sm\:border-indigo-darker {
    border-color: #2f365f;
}
.sm\:border-indigo-dark {
    border-color: #5661b3;
}
.sm\:border-indigo {
    border-color: #6574cd;
}
.sm\:border-indigo-light {
    border-color: #7886d7;
}
.sm\:border-indigo-lighter {
    border-color: #b2b7ff;
}
.sm\:border-indigo-lightest {
    border-color: #e6e8ff;
}
.sm\:border-purple-darkest {
    border-color: #1f133f;
}
.sm\:border-purple-darker {
    border-color: #352465;
}
.sm\:border-purple-dark {
    border-color: #794acf;
}
.sm\:border-purple {
    border-color: #9561e2;
}
.sm\:border-purple-light {
    border-color: #a779e9;
}
.sm\:border-purple-lighter {
    border-color: #d6bbfc;
}
.sm\:border-purple-lightest {
    border-color: #f3ebff;
}
.sm\:border-pink-darkest {
    border-color: #45051e;
}
.sm\:border-pink-darker {
    border-color: #72173a;
}
.sm\:border-pink-dark {
    border-color: #eb5286;
}
.sm\:border-pink {
    border-color: #f66d9b;
}
.sm\:border-pink-light {
    border-color: #fa7ea8;
}
.sm\:border-pink-lighter {
    border-color: #ffbbca;
}
.sm\:border-pink-lightest {
    border-color: #ffebef;
}
.sm\:hover\:border-transparent:hover {
    border-color: transparent;
}
.sm\:hover\:border-black:hover {
    border-color: #222b2f;
}
.sm\:hover\:border-grey-darkest:hover {
    border-color: #364349;
}
.sm\:hover\:border-grey-darker:hover {
    border-color: #596a73;
}
.sm\:hover\:border-grey-dark:hover {
    border-color: #70818a;
}
.sm\:hover\:border-grey:hover {
    border-color: #9babb4;
}
.sm\:hover\:border-grey-light:hover {
    border-color: #dae4e9;
}
.sm\:hover\:border-grey-lighter:hover {
    border-color: #f3f7f9;
}
.sm\:hover\:border-grey-lightest:hover {
    border-color: #fafcfc;
}
.sm\:hover\:border-white:hover {
    border-color: #fff;
}
.sm\:hover\:border-red-darkest:hover {
    border-color: #420806;
}
.sm\:hover\:border-red-darker:hover {
    border-color: #6a1b19;
}
.sm\:hover\:border-red-dark:hover {
    border-color: #cc1f1a;
}
.sm\:hover\:border-red:hover {
    border-color: #e3342f;
}
.sm\:hover\:border-red-light:hover {
    border-color: #ef5753;
}
.sm\:hover\:border-red-lighter:hover {
    border-color: #f9acaa;
}
.sm\:hover\:border-red-lightest:hover {
    border-color: #fcebea;
}
.sm\:hover\:border-orange-darkest:hover {
    border-color: #542605;
}
.sm\:hover\:border-orange-darker:hover {
    border-color: #7f4012;
}
.sm\:hover\:border-orange-dark:hover {
    border-color: #de751f;
}
.sm\:hover\:border-orange:hover {
    border-color: #f6993f;
}
.sm\:hover\:border-orange-light:hover {
    border-color: #faad63;
}
.sm\:hover\:border-orange-lighter:hover {
    border-color: #fcd9b6;
}
.sm\:hover\:border-orange-lightest:hover {
    border-color: #fff5eb;
}
.sm\:hover\:border-yellow-darkest:hover {
    border-color: #453411;
}
.sm\:hover\:border-yellow-darker:hover {
    border-color: #684f1d;
}
.sm\:hover\:border-yellow-dark:hover {
    border-color: #f2d024;
}
.sm\:hover\:border-yellow:hover {
    border-color: #ffed4a;
}
.sm\:hover\:border-yellow-light:hover {
    border-color: #fff382;
}
.sm\:hover\:border-yellow-lighter:hover {
    border-color: #fff9c2;
}
.sm\:hover\:border-yellow-lightest:hover {
    border-color: #fcfbeb;
}
.sm\:hover\:border-green-darkest:hover {
    border-color: #032d19;
}
.sm\:hover\:border-green-darker:hover {
    border-color: #0b4228;
}
.sm\:hover\:border-green-dark:hover {
    border-color: #1f9d55;
}
.sm\:hover\:border-green:hover {
    border-color: #38c172;
}
.sm\:hover\:border-green-light:hover {
    border-color: #51d88a;
}
.sm\:hover\:border-green-lighter:hover {
    border-color: #a2f5bf;
}
.sm\:hover\:border-green-lightest:hover {
    border-color: #e3fcec;
}
.sm\:hover\:border-teal-darkest:hover {
    border-color: #0d3331;
}
.sm\:hover\:border-teal-darker:hover {
    border-color: #174e4b;
}
.sm\:hover\:border-teal-dark:hover {
    border-color: #38a89d;
}
.sm\:hover\:border-teal:hover {
    border-color: #4dc0b5;
}
.sm\:hover\:border-teal-light:hover {
    border-color: #64d5ca;
}
.sm\:hover\:border-teal-lighter:hover {
    border-color: #a0f0ed;
}
.sm\:hover\:border-teal-lightest:hover {
    border-color: #e8fffe;
}
.sm\:hover\:border-blue-darkest:hover {
    border-color: #05233b;
}
.sm\:hover\:border-blue-darker:hover {
    border-color: #103d60;
}
.sm\:hover\:border-blue-dark:hover {
    border-color: #2779bd;
}
.sm\:hover\:border-blue:hover {
    border-color: #3490dc;
}
.sm\:hover\:border-blue-light:hover {
    border-color: #6cb2eb;
}
.sm\:hover\:border-blue-lighter:hover {
    border-color: #bcdefa;
}
.sm\:hover\:border-blue-lightest:hover {
    border-color: #eff8ff;
}
.sm\:hover\:border-indigo-darkest:hover {
    border-color: #191e38;
}
.sm\:hover\:border-indigo-darker:hover {
    border-color: #2f365f;
}
.sm\:hover\:border-indigo-dark:hover {
    border-color: #5661b3;
}
.sm\:hover\:border-indigo:hover {
    border-color: #6574cd;
}
.sm\:hover\:border-indigo-light:hover {
    border-color: #7886d7;
}
.sm\:hover\:border-indigo-lighter:hover {
    border-color: #b2b7ff;
}
.sm\:hover\:border-indigo-lightest:hover {
    border-color: #e6e8ff;
}
.sm\:hover\:border-purple-darkest:hover {
    border-color: #1f133f;
}
.sm\:hover\:border-purple-darker:hover {
    border-color: #352465;
}
.sm\:hover\:border-purple-dark:hover {
    border-color: #794acf;
}
.sm\:hover\:border-purple:hover {
    border-color: #9561e2;
}
.sm\:hover\:border-purple-light:hover {
    border-color: #a779e9;
}
.sm\:hover\:border-purple-lighter:hover {
    border-color: #d6bbfc;
}
.sm\:hover\:border-purple-lightest:hover {
    border-color: #f3ebff;
}
.sm\:hover\:border-pink-darkest:hover {
    border-color: #45051e;
}
.sm\:hover\:border-pink-darker:hover {
    border-color: #72173a;
}
.sm\:hover\:border-pink-dark:hover {
    border-color: #eb5286;
}
.sm\:hover\:border-pink:hover {
    border-color: #f66d9b;
}
.sm\:hover\:border-pink-light:hover {
    border-color: #fa7ea8;
}
.sm\:hover\:border-pink-lighter:hover {
    border-color: #ffbbca;
}
.sm\:hover\:border-pink-lightest:hover {
    border-color: #ffebef;
}
.sm\:rounded-none {
    border-radius: 0;
}
.sm\:rounded-sm {
    border-radius: .125rem;
}
.sm\:rounded {
    border-radius: .25rem;
}
.sm\:rounded-lg {
    border-radius: .5rem;
}
.sm\:rounded-full {
    border-radius: 9999px;
}
.sm\:rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.sm\:rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.sm\:rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.sm\:rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.sm\:rounded-t-sm {
    border-top-left-radius: .125rem;
    border-top-right-radius: .125rem;
}
.sm\:rounded-r-sm {
    border-top-right-radius: .125rem;
    border-bottom-right-radius: .125rem;
}
.sm\:rounded-b-sm {
    border-bottom-right-radius: .125rem;
    border-bottom-left-radius: .125rem;
}
.sm\:rounded-l-sm {
    border-top-left-radius: .125rem;
    border-bottom-left-radius: .125rem;
}
.sm\:rounded-t {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}
.sm\:rounded-r {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}
.sm\:rounded-b {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
}
.sm\:rounded-l {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}
.sm\:rounded-t-lg {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
}
.sm\:rounded-r-lg {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
}
.sm\:rounded-b-lg {
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem;
}
.sm\:rounded-l-lg {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
}
.sm\:rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
}
.sm\:rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
}
.sm\:rounded-b-full {
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
}
.sm\:rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
}
.sm\:rounded-tl-none {
    border-top-left-radius: 0;
}
.sm\:rounded-tr-none {
    border-top-right-radius: 0;
}
.sm\:rounded-br-none {
    border-bottom-right-radius: 0;
}
.sm\:rounded-bl-none {
    border-bottom-left-radius: 0;
}
.sm\:rounded-tl-sm {
    border-top-left-radius: .125rem;
}
.sm\:rounded-tr-sm {
    border-top-right-radius: .125rem;
}
.sm\:rounded-br-sm {
    border-bottom-right-radius: .125rem;
}
.sm\:rounded-bl-sm {
    border-bottom-left-radius: .125rem;
}
.sm\:rounded-tl {
    border-top-left-radius: .25rem;
}
.sm\:rounded-tr {
    border-top-right-radius: .25rem;
}
.sm\:rounded-br {
    border-bottom-right-radius: .25rem;
}
.sm\:rounded-bl {
    border-bottom-left-radius: .25rem;
}
.sm\:rounded-tl-lg {
    border-top-left-radius: .5rem;
}
.sm\:rounded-tr-lg {
    border-top-right-radius: .5rem;
}
.sm\:rounded-br-lg {
    border-bottom-right-radius: .5rem;
}
.sm\:rounded-bl-lg {
    border-bottom-left-radius: .5rem;
}
.sm\:rounded-tl-full {
    border-top-left-radius: 9999px;
}
.sm\:rounded-tr-full {
    border-top-right-radius: 9999px;
}
.sm\:rounded-br-full {
    border-bottom-right-radius: 9999px;
}
.sm\:rounded-bl-full {
    border-bottom-left-radius: 9999px;
}
.sm\:border-solid {
    border-style: solid;
}
.sm\:border-dashed {
    border-style: dashed;
}
.sm\:border-dotted {
    border-style: dotted;
}
.sm\:border-none {
    border-style: none;
}
.sm\:border-0 {
    border-width: 0;
}
.sm\:border-2 {
    border-width: 2px;
}
.sm\:border-4 {
    border-width: 4px;
}
.sm\:border-8 {
    border-width: 8px;
}
.sm\:border {
    border-width: 1px;
}
.sm\:border-t-0 {
    border-top-width: 0;
}
.sm\:border-r-0 {
    border-right-width: 0;
}
.sm\:border-b-0 {
    border-bottom-width: 0;
}
.sm\:border-l-0 {
    border-left-width: 0;
}
.sm\:border-t-2 {
    border-top-width: 2px;
}
.sm\:border-r-2 {
    border-right-width: 2px;
}
.sm\:border-b-2 {
    border-bottom-width: 2px;
}
.sm\:border-l-2 {
    border-left-width: 2px;
}
.sm\:border-t-4 {
    border-top-width: 4px;
}
.sm\:border-r-4 {
    border-right-width: 4px;
}
.sm\:border-b-4 {
    border-bottom-width: 4px;
}
.sm\:border-l-4 {
    border-left-width: 4px;
}
.sm\:border-t-8 {
    border-top-width: 8px;
}
.sm\:border-r-8 {
    border-right-width: 8px;
}
.sm\:border-b-8 {
    border-bottom-width: 8px;
}
.sm\:border-l-8 {
    border-left-width: 8px;
}
.sm\:border-t {
    border-top-width: 1px;
}
.sm\:border-r {
    border-right-width: 1px;
}
.sm\:border-b {
    border-bottom-width: 1px;
}
.sm\:border-l {
    border-left-width: 1px;
}
.sm\:cursor-auto {
    cursor: auto;
}
.sm\:cursor-default {
    cursor: default;
}
.sm\:cursor-pointer {
    cursor: pointer;
}
.sm\:cursor-not-allowed {
    cursor: not-allowed;
}
.sm\:block {
    display: block;
}
.sm\:inline-block {
    display: inline-block;
}
.sm\:inline {
    display: inline;
}
.sm\:table {
    display: table;
}
.sm\:table-row {
    display: table-row;
}
.sm\:table-cell {
    display: table-cell;
}
.sm\:hidden {
    display: none;
}
.sm\:flex {
    display: -webkit-box;
    display: flex;
}
.sm\:inline-flex {
    display: -webkit-inline-box;
    display: inline-flex;
}
.sm\:flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
}
.sm\:flex-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
}
.sm\:flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}
.sm\:flex-col-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse;
}
.sm\:flex-wrap {
    flex-wrap: wrap;
}
.sm\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
}
.sm\:flex-no-wrap {
    flex-wrap: nowrap;
}
.sm\:items-start {
    -webkit-box-align: start;
    align-items: flex-start;
}
.sm\:items-end {
    -webkit-box-align: end;
    align-items: flex-end;
}
.sm\:items-center {
    -webkit-box-align: center;
    align-items: center;
}
.sm\:items-baseline {
    -webkit-box-align: baseline;
    align-items: baseline;
}
.sm\:items-stretch {
    -webkit-box-align: stretch;
    align-items: stretch;
}
.sm\:self-auto {
    align-self: auto;
}
.sm\:self-start {
    align-self: flex-start;
}
.sm\:self-end {
    align-self: flex-end;
}
.sm\:self-center {
    align-self: center;
}
.sm\:self-stretch {
    align-self: stretch;
}
.sm\:justify-start {
    -webkit-box-pack: start;
    justify-content: flex-start;
}
.sm\:justify-end {
    -webkit-box-pack: end;
    justify-content: flex-end;
}
.sm\:justify-center {
    -webkit-box-pack: center;
    justify-content: center;
}
.sm\:justify-between {
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.sm\:justify-around {
    justify-content: space-around;
}
.sm\:content-center {
    align-content: center;
}
.sm\:content-start {
    align-content: flex-start;
}
.sm\:content-end {
    align-content: flex-end;
}
.sm\:content-between {
    align-content: space-between;
}
.sm\:content-around {
    align-content: space-around;
}
.sm\:flex-1 {
    -webkit-box-flex: 1;
    flex: 1;
}
.sm\:flex-auto {
    -webkit-box-flex: 1;
    flex: auto;
}
.sm\:flex-initial {
    -webkit-box-flex: initial;
    flex: initial;
}
.sm\:flex-none {
    -webkit-box-flex: 0;
    flex: none;
}
.sm\:flex-grow {
    -webkit-box-flex: 1;
    flex-grow: 1;
}
.sm\:flex-shrink {
    flex-shrink: 1;
}
.sm\:flex-no-grow {
    -webkit-box-flex: 0;
    flex-grow: 0;
}
.sm\:flex-no-shrink {
    flex-shrink: 0;
}
.sm\:float-right {
    float: right;
}
.sm\:float-left {
    float: left;
}
.sm\:float-none {
    float: none;
}
.sm\:clearfix:after {
    content: "";
    display: table;
    clear: both;
}
.sm\:font-sans {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
.sm\:font-serif {
    font-family: Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif;
}
.sm\:font-mono {
    font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
}
.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;
}
.sm\:hover\:font-hairline:hover {
    font-weight: 100;
}
.sm\:hover\:font-thin:hover {
    font-weight: 200;
}
.sm\:hover\:font-light:hover {
    font-weight: 300;
}
.sm\:hover\:font-normal:hover {
    font-weight: 400;
}
.sm\:hover\:font-medium:hover {
    font-weight: 500;
}
.sm\:hover\:font-semibold:hover {
    font-weight: 600;
}
.sm\:hover\:font-bold:hover {
    font-weight: 700;
}
.sm\:hover\:font-extrabold:hover {
    font-weight: 800;
}
.sm\:hover\:font-black:hover {
    font-weight: 900;
}
.sm\:h-1 {
    height: .25rem;
}
.sm\:h-2 {
    height: .5rem;
}
.sm\:h-3 {
    height: .75rem;
}
.sm\:h-4 {
    height: 1rem;
}
.sm\:h-6 {
    height: 1.5rem;
}
.sm\:h-8 {
    height: 2rem;
}
.sm\:h-10 {
    height: 2.5rem;
}
.sm\:h-12 {
    height: 3rem;
}
.sm\:h-16 {
    height: 4rem;
}
.sm\:h-24 {
    height: 6rem;
}
.sm\:h-32 {
    height: 8rem;
}
.sm\:h-48 {
    height: 12rem;
}
.sm\:h-64 {
    height: 16rem;
}
.sm\:h-auto {
    height: auto;
}
.sm\:h-px {
    height: 1px;
}
.sm\:h-full {
    height: 100%}
.sm\:h-screen {
    height: 100vh;
}
.sm\:leading-none {
    line-height: 1;
}
.sm\:leading-tight {
    line-height: 1.25;
}
.sm\:leading-normal {
    line-height: 1.5;
}
.sm\:leading-loose {
    line-height: 2;
}
.sm\:m-0 {
    margin: 0;
}
.sm\:m-1 {
    margin: .25rem;
}
.sm\:m-2 {
    margin: .5rem;
}
.sm\:m-3 {
    margin: .75rem;
}
.sm\:m-4 {
    margin: 1rem;
}
.sm\:m-6 {
    margin: 1.5rem;
}
.sm\:m-8 {
    margin: 2rem;
}
.sm\:m-auto {
    margin: auto;
}
.sm\:m-px {
    margin: 1px;
}
.sm\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
}
.sm\:mx-0 {
    margin-left: 0;
    margin-right: 0;
}
.sm\:my-1 {
    margin-top: .25rem;
    margin-bottom: .25rem;
}
.sm\:mx-1 {
    margin-left: .25rem;
    margin-right: .25rem;
}
.sm\:my-2 {
    margin-top: .5rem;
    margin-bottom: .5rem;
}
.sm\:mx-2 {
    margin-left: .5rem;
    margin-right: .5rem;
}
.sm\:my-3 {
    margin-top: .75rem;
    margin-bottom: .75rem;
}
.sm\:mx-3 {
    margin-left: .75rem;
    margin-right: .75rem;
}
.sm\:my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.sm\:mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
}
.sm\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
.sm\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}
.sm\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.sm\:mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
}
.sm\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
}
.sm\:mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.sm\:my-px {
    margin-top: 1px;
    margin-bottom: 1px;
}
.sm\:mx-px {
    margin-left: 1px;
    margin-right: 1px;
}
.sm\:mt-0 {
    margin-top: 0;
}
.sm\:mr-0 {
    margin-right: 0;
}
.sm\:mb-0 {
    margin-bottom: 0;
}
.sm\:ml-0 {
    margin-left: 0;
}
.sm\:mt-1 {
    margin-top: .25rem;
}
.sm\:mr-1 {
    margin-right: .25rem;
}
.sm\:mb-1 {
    margin-bottom: .25rem;
}
.sm\:ml-1 {
    margin-left: .25rem;
}
.sm\:mt-2 {
    margin-top: .5rem;
}
.sm\:mr-2 {
    margin-right: .5rem;
}
.sm\:mb-2 {
    margin-bottom: .5rem;
}
.sm\:ml-2 {
    margin-left: .5rem;
}
.sm\:mt-3 {
    margin-top: .75rem;
}
.sm\:mr-3 {
    margin-right: .75rem;
}
.sm\:mb-3 {
    margin-bottom: .75rem;
}
.sm\:ml-3 {
    margin-left: .75rem;
}
.sm\:mt-4 {
    margin-top: 1rem;
}
.sm\:mr-4 {
    margin-right: 1rem;
}
.sm\:mb-4 {
    margin-bottom: 1rem;
}
.sm\:ml-4 {
    margin-left: 1rem;
}
.sm\:mt-6 {
    margin-top: 1.5rem;
}
.sm\:mr-6 {
    margin-right: 1.5rem;
}
.sm\:mb-6 {
    margin-bottom: 1.5rem;
}
.sm\:ml-6 {
    margin-left: 1.5rem;
}
.sm\:mt-8 {
    margin-top: 2rem;
}
.sm\:mr-8 {
    margin-right: 2rem;
}
.sm\:mb-8 {
    margin-bottom: 2rem;
}
.sm\:ml-8 {
    margin-left: 2rem;
}
.sm\:mt-auto {
    margin-top: auto;
}
.sm\:mr-auto {
    margin-right: auto;
}
.sm\:mb-auto {
    margin-bottom: auto;
}
.sm\:ml-auto {
    margin-left: auto;
}
.sm\:mt-px {
    margin-top: 1px;
}
.sm\:mr-px {
    margin-right: 1px;
}
.sm\:mb-px {
    margin-bottom: 1px;
}
.sm\:ml-px {
    margin-left: 1px;
}
.sm\:max-h-full {
    max-height: 100%}
.sm\:max-h-screen {
    max-height: 100vh;
}
.sm\:max-w-xs {
    max-width: 20rem;
}
.sm\:max-w-sm {
    max-width: 30rem;
}
.sm\:max-w-md {
    max-width: 40rem;
}
.sm\:max-w-lg {
    max-width: 50rem;
}
.sm\:max-w-xl {
    max-width: 60rem;
}
.sm\:max-w-2xl {
    max-width: 70rem;
}
.sm\:max-w-3xl {
    max-width: 80rem;
}
.sm\:max-w-4xl {
    max-width: 90rem;
}
.sm\:max-w-5xl {
    max-width: 100rem;
}
.sm\:max-w-full {
    max-width: 100%}
.sm\:min-h-0 {
    min-height: 0;
}
.sm\:min-h-full {
    min-height: 100%}
.sm\:min-h-screen {
    min-height: 100vh;
}
.sm\:min-w-0 {
    min-width: 0;
}
.sm\:min-w-full {
    min-width: 100%}
.sm\:-m-0 {
    margin: 0;
}
.sm\:-m-1 {
    margin: -.25rem;
}
.sm\:-m-2 {
    margin: -.5rem;
}
.sm\:-m-3 {
    margin: -.75rem;
}
.sm\:-m-4 {
    margin: -1rem;
}
.sm\:-m-6 {
    margin: -1.5rem;
}
.sm\:-m-8 {
    margin: -2rem;
}
.sm\:-m-px {
    margin: -1px;
}
.sm\:-my-0 {
    margin-top: 0;
    margin-bottom: 0;
}
.sm\:-mx-0 {
    margin-left: 0;
    margin-right: 0;
}
.sm\:-my-1 {
    margin-top: -.25rem;
    margin-bottom: -.25rem;
}
.sm\:-mx-1 {
    margin-left: -.25rem;
    margin-right: -.25rem;
}
.sm\:-my-2 {
    margin-top: -.5rem;
    margin-bottom: -.5rem;
}
.sm\:-mx-2 {
    margin-left: -.5rem;
    margin-right: -.5rem;
}
.sm\:-my-3 {
    margin-top: -.75rem;
    margin-bottom: -.75rem;
}
.sm\:-mx-3 {
    margin-left: -.75rem;
    margin-right: -.75rem;
}
.sm\:-my-4 {
    margin-top: -1rem;
    margin-bottom: -1rem;
}
.sm\:-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
}
.sm\:-my-6 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
}
.sm\:-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
}
.sm\:-my-8 {
    margin-top: -2rem;
    margin-bottom: -2rem;
}
.sm\:-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem;
}
.sm\:-my-px {
    margin-top: -1px;
    margin-bottom: -1px;
}
.sm\:-mx-px {
    margin-left: -1px;
    margin-right: -1px;
}
.sm\:-mt-0 {
    margin-top: 0;
}
.sm\:-mr-0 {
    margin-right: 0;
}
.sm\:-mb-0 {
    margin-bottom: 0;
}
.sm\:-ml-0 {
    margin-left: 0;
}
.sm\:-mt-1 {
    margin-top: -.25rem;
}
.sm\:-mr-1 {
    margin-right: -.25rem;
}
.sm\:-mb-1 {
    margin-bottom: -.25rem;
}
.sm\:-ml-1 {
    margin-left: -.25rem;
}
.sm\:-mt-2 {
    margin-top: -.5rem;
}
.sm\:-mr-2 {
    margin-right: -.5rem;
}
.sm\:-mb-2 {
    margin-bottom: -.5rem;
}
.sm\:-ml-2 {
    margin-left: -.5rem;
}
.sm\:-mt-3 {
    margin-top: -.75rem;
}
.sm\:-mr-3 {
    margin-right: -.75rem;
}
.sm\:-mb-3 {
    margin-bottom: -.75rem;
}
.sm\:-ml-3 {
    margin-left: -.75rem;
}
.sm\:-mt-4 {
    margin-top: -1rem;
}
.sm\:-mr-4 {
    margin-right: -1rem;
}
.sm\:-mb-4 {
    margin-bottom: -1rem;
}
.sm\:-ml-4 {
    margin-left: -1rem;
}
.sm\:-mt-6 {
    margin-top: -1.5rem;
}
.sm\:-mr-6 {
    margin-right: -1.5rem;
}
.sm\:-mb-6 {
    margin-bottom: -1.5rem;
}
.sm\:-ml-6 {
    margin-left: -1.5rem;
}
.sm\:-mt-8 {
    margin-top: -2rem;
}
.sm\:-mr-8 {
    margin-right: -2rem;
}
.sm\:-mb-8 {
    margin-bottom: -2rem;
}
.sm\:-ml-8 {
    margin-left: -2rem;
}
.sm\:-mt-px {
    margin-top: -1px;
}
.sm\:-mr-px {
    margin-right: -1px;
}
.sm\:-mb-px {
    margin-bottom: -1px;
}
.sm\:-ml-px {
    margin-left: -1px;
}
.sm\:opacity-0 {
    opacity: 0;
}
.sm\:opacity-25 {
    opacity: .25;
}
.sm\:opacity-50 {
    opacity: .5;
}
.sm\:opacity-75 {
    opacity: .75;
}
.sm\:opacity-100 {
    opacity: 1;
}
.sm\:overflow-auto {
    overflow: auto;
}
.sm\:overflow-hidden {
    overflow: hidden;
}
.sm\:overflow-visible {
    overflow: visible;
}
.sm\:overflow-scroll {
    overflow: scroll;
}
.sm\:overflow-x-scroll {
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.sm\:overflow-y-scroll {
    overflow-y: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.sm\:scrolling-touch {
    -webkit-overflow-scrolling: touch;
}
.sm\:scrolling-auto {
    -webkit-overflow-scrolling: auto;
}
.sm\:p-0 {
    padding: 0;
}
.sm\:p-1 {
    padding: .25rem;
}
.sm\:p-2 {
    padding: .5rem;
}
.sm\:p-3 {
    padding: .75rem;
}
.sm\:p-4 {
    padding: 1rem;
}
.sm\:p-6 {
    padding: 1.5rem;
}
.sm\:p-8 {
    padding: 2rem;
}
.sm\:p-px {
    padding: 1px;
}
.sm\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
}
.sm\:px-0 {
    padding-left: 0;
    padding-right: 0;
}
.sm\:py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem;
}
.sm\:px-1 {
    padding-left: .25rem;
    padding-right: .25rem;
}
.sm\:py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem;
}
.sm\:px-2 {
    padding-left: .5rem;
    padding-right: .5rem;
}
.sm\:py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem;
}
.sm\:px-3 {
    padding-left: .75rem;
    padding-right: .75rem;
}
.sm\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.sm\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}
.sm\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.sm\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.sm\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.sm\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
}
.sm\:py-px {
    padding-top: 1px;
    padding-bottom: 1px;
}
.sm\:px-px {
    padding-left: 1px;
    padding-right: 1px;
}
.sm\:pt-0 {
    padding-top: 0;
}
.sm\:pr-0 {
    padding-right: 0;
}
.sm\:pb-0 {
    padding-bottom: 0;
}
.sm\:pl-0 {
    padding-left: 0;
}
.sm\:pt-1 {
    padding-top: .25rem;
}
.sm\:pr-1 {
    padding-right: .25rem;
}
.sm\:pb-1 {
    padding-bottom: .25rem;
}
.sm\:pl-1 {
    padding-left: .25rem;
}
.sm\:pt-2 {
    padding-top: .5rem;
}
.sm\:pr-2 {
    padding-right: .5rem;
}
.sm\:pb-2 {
    padding-bottom: .5rem;
}
.sm\:pl-2 {
    padding-left: .5rem;
}
.sm\:pt-3 {
    padding-top: .75rem;
}
.sm\:pr-3 {
    padding-right: .75rem;
}
.sm\:pb-3 {
    padding-bottom: .75rem;
}
.sm\:pl-3 {
    padding-left: .75rem;
}
.sm\:pt-4 {
    padding-top: 1rem;
}
.sm\:pr-4 {
    padding-right: 1rem;
}
.sm\:pb-4 {
    padding-bottom: 1rem;
}
.sm\:pl-4 {
    padding-left: 1rem;
}
.sm\:pt-6 {
    padding-top: 1.5rem;
}
.sm\:pr-6 {
    padding-right: 1.5rem;
}
.sm\:pb-6 {
    padding-bottom: 1.5rem;
}
.sm\:pl-6 {
    padding-left: 1.5rem;
}
.sm\:pt-8 {
    padding-top: 2rem;
}
.sm\:pr-8 {
    padding-right: 2rem;
}
.sm\:pb-8 {
    padding-bottom: 2rem;
}
.sm\:pl-8 {
    padding-left: 2rem;
}
.sm\:pt-px {
    padding-top: 1px;
}
.sm\:pr-px {
    padding-right: 1px;
}
.sm\:pb-px {
    padding-bottom: 1px;
}
.sm\:pl-px {
    padding-left: 1px;
}
.sm\:pointer-events-none {
    pointer-events: none;
}
.sm\:pointer-events-auto {
    pointer-events: auto;
}
.sm\:static {
    position: static;
}
.sm\:fixed {
    position: fixed;
}
.sm\:absolute {
    position: absolute;
}
.sm\:relative {
    position: relative;
}
.sm\:pin-none {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
}
.sm\:pin {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.sm\:pin-y {
    top: 0;
    bottom: 0;
}
.sm\:pin-x {
    right: 0;
    left: 0;
}
.sm\:pin-t {
    top: 0;
}
.sm\:pin-r {
    right: 0;
}
.sm\:pin-b {
    bottom: 0;
}
.sm\:pin-l {
    left: 0;
}
.sm\:resize-none {
    resize: none;
}
.sm\:resize-y {
    resize: vertical;
}
.sm\:resize-x {
    resize: horizontal;
}
.sm\:resize {
    resize: both;
}
.sm\:shadow {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
}
.sm\:shadow-md {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08);
}
.sm\:shadow-lg {
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08);
}
.sm\:shadow-inner {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06);
}
.sm\:shadow-none {
    box-shadow: none;
}
.sm\:text-left {
    text-align: left;
}
.sm\:text-center {
    text-align: center;
}
.sm\:text-right {
    text-align: right;
}
.sm\:text-justify {
    text-align: justify;
}
.sm\:text-transparent {
    color: transparent;
}
.sm\:text-black {
    color: #222b2f;
}
.sm\:text-grey-darkest {
    color: #364349;
}
.sm\:text-grey-darker {
    color: #596a73;
}
.sm\:text-grey-dark {
    color: #70818a;
}
.sm\:text-grey {
    color: #9babb4;
}
.sm\:text-grey-light {
    color: #dae4e9;
}
.sm\:text-grey-lighter {
    color: #f3f7f9;
}
.sm\:text-grey-lightest {
    color: #fafcfc;
}
.sm\:text-white {
    color: #fff;
}
.sm\:text-red-darkest {
    color: #420806;
}
.sm\:text-red-darker {
    color: #6a1b19;
}
.sm\:text-red-dark {
    color: #cc1f1a;
}
.sm\:text-red {
    color: #e3342f;
}
.sm\:text-red-light {
    color: #ef5753;
}
.sm\:text-red-lighter {
    color: #f9acaa;
}
.sm\:text-red-lightest {
    color: #fcebea;
}
.sm\:text-orange-darkest {
    color: #542605;
}
.sm\:text-orange-darker {
    color: #7f4012;
}
.sm\:text-orange-dark {
    color: #de751f;
}
.sm\:text-orange {
    color: #f6993f;
}
.sm\:text-orange-light {
    color: #faad63;
}
.sm\:text-orange-lighter {
    color: #fcd9b6;
}
.sm\:text-orange-lightest {
    color: #fff5eb;
}
.sm\:text-yellow-darkest {
    color: #453411;
}
.sm\:text-yellow-darker {
    color: #684f1d;
}
.sm\:text-yellow-dark {
    color: #f2d024;
}
.sm\:text-yellow {
    color: #ffed4a;
}
.sm\:text-yellow-light {
    color: #fff382;
}
.sm\:text-yellow-lighter {
    color: #fff9c2;
}
.sm\:text-yellow-lightest {
    color: #fcfbeb;
}
.sm\:text-green-darkest {
    color: #032d19;
}
.sm\:text-green-darker {
    color: #0b4228;
}
.sm\:text-green-dark {
    color: #1f9d55;
}
.sm\:text-green {
    color: #38c172;
}
.sm\:text-green-light {
    color: #51d88a;
}
.sm\:text-green-lighter {
    color: #a2f5bf;
}
.sm\:text-green-lightest {
    color: #e3fcec;
}
.sm\:text-teal-darkest {
    color: #0d3331;
}
.sm\:text-teal-darker {
    color: #174e4b;
}
.sm\:text-teal-dark {
    color: #38a89d;
}
.sm\:text-teal {
    color: #4dc0b5;
}
.sm\:text-teal-light {
    color: #64d5ca;
}
.sm\:text-teal-lighter {
    color: #a0f0ed;
}
.sm\:text-teal-lightest {
    color: #e8fffe;
}
.sm\:text-blue-darkest {
    color: #05233b;
}
.sm\:text-blue-darker {
    color: #103d60;
}
.sm\:text-blue-dark {
    color: #2779bd;
}
.sm\:text-blue {
    color: #3490dc;
}
.sm\:text-blue-light {
    color: #6cb2eb;
}
.sm\:text-blue-lighter {
    color: #bcdefa;
}
.sm\:text-blue-lightest {
    color: #eff8ff;
}
.sm\:text-indigo-darkest {
    color: #191e38;
}
.sm\:text-indigo-darker {
    color: #2f365f;
}
.sm\:text-indigo-dark {
    color: #5661b3;
}
.sm\:text-indigo {
    color: #6574cd;
}
.sm\:text-indigo-light {
    color: #7886d7;
}
.sm\:text-indigo-lighter {
    color: #b2b7ff;
}
.sm\:text-indigo-lightest {
    color: #e6e8ff;
}
.sm\:text-purple-darkest {
    color: #1f133f;
}
.sm\:text-purple-darker {
    color: #352465;
}
.sm\:text-purple-dark {
    color: #794acf;
}
.sm\:text-purple {
    color: #9561e2;
}
.sm\:text-purple-light {
    color: #a779e9;
}
.sm\:text-purple-lighter {
    color: #d6bbfc;
}
.sm\:text-purple-lightest {
    color: #f3ebff;
}
.sm\:text-pink-darkest {
    color: #45051e;
}
.sm\:text-pink-darker {
    color: #72173a;
}
.sm\:text-pink-dark {
    color: #eb5286;
}
.sm\:text-pink {
    color: #f66d9b;
}
.sm\:text-pink-light {
    color: #fa7ea8;
}
.sm\:text-pink-lighter {
    color: #ffbbca;
}
.sm\:text-pink-lightest {
    color: #ffebef;
}
.sm\:hover\:text-transparent:hover {
    color: transparent;
}
.sm\:hover\:text-black:hover {
    color: #222b2f;
}
.sm\:hover\:text-grey-darkest:hover {
    color: #364349;
}
.sm\:hover\:text-grey-darker:hover {
    color: #596a73;
}
.sm\:hover\:text-grey-dark:hover {
    color: #70818a;
}
.sm\:hover\:text-grey:hover {
    color: #9babb4;
}
.sm\:hover\:text-grey-light:hover {
    color: #dae4e9;
}
.sm\:hover\:text-grey-lighter:hover {
    color: #f3f7f9;
}
.sm\:hover\:text-grey-lightest:hover {
    color: #fafcfc;
}
.sm\:hover\:text-white:hover {
    color: #fff;
}
.sm\:hover\:text-red-darkest:hover {
    color: #420806;
}
.sm\:hover\:text-red-darker:hover {
    color: #6a1b19;
}
.sm\:hover\:text-red-dark:hover {
    color: #cc1f1a;
}
.sm\:hover\:text-red:hover {
    color: #e3342f;
}
.sm\:hover\:text-red-light:hover {
    color: #ef5753;
}
.sm\:hover\:text-red-lighter:hover {
    color: #f9acaa;
}
.sm\:hover\:text-red-lightest:hover {
    color: #fcebea;
}
.sm\:hover\:text-orange-darkest:hover {
    color: #542605;
}
.sm\:hover\:text-orange-darker:hover {
    color: #7f4012;
}
.sm\:hover\:text-orange-dark:hover {
    color: #de751f;
}
.sm\:hover\:text-orange:hover {
    color: #f6993f;
}
.sm\:hover\:text-orange-light:hover {
    color: #faad63;
}
.sm\:hover\:text-orange-lighter:hover {
    color: #fcd9b6;
}
.sm\:hover\:text-orange-lightest:hover {
    color: #fff5eb;
}
.sm\:hover\:text-yellow-darkest:hover {
    color: #453411;
}
.sm\:hover\:text-yellow-darker:hover {
    color: #684f1d;
}
.sm\:hover\:text-yellow-dark:hover {
    color: #f2d024;
}
.sm\:hover\:text-yellow:hover {
    color: #ffed4a;
}
.sm\:hover\:text-yellow-light:hover {
    color: #fff382;
}
.sm\:hover\:text-yellow-lighter:hover {
    color: #fff9c2;
}
.sm\:hover\:text-yellow-lightest:hover {
    color: #fcfbeb;
}
.sm\:hover\:text-green-darkest:hover {
    color: #032d19;
}
.sm\:hover\:text-green-darker:hover {
    color: #0b4228;
}
.sm\:hover\:text-green-dark:hover {
    color: #1f9d55;
}
.sm\:hover\:text-green:hover {
    color: #38c172;
}
.sm\:hover\:text-green-light:hover {
    color: #51d88a;
}
.sm\:hover\:text-green-lighter:hover {
    color: #a2f5bf;
}
.sm\:hover\:text-green-lightest:hover {
    color: #e3fcec;
}
.sm\:hover\:text-teal-darkest:hover {
    color: #0d3331;
}
.sm\:hover\:text-teal-darker:hover {
    color: #174e4b;
}
.sm\:hover\:text-teal-dark:hover {
    color: #38a89d;
}
.sm\:hover\:text-teal:hover {
    color: #4dc0b5;
}
.sm\:hover\:text-teal-light:hover {
    color: #64d5ca;
}
.sm\:hover\:text-teal-lighter:hover {
    color: #a0f0ed;
}
.sm\:hover\:text-teal-lightest:hover {
    color: #e8fffe;
}
.sm\:hover\:text-blue-darkest:hover {
    color: #05233b;
}
.sm\:hover\:text-blue-darker:hover {
    color: #103d60;
}
.sm\:hover\:text-blue-dark:hover {
    color: #2779bd;
}
.sm\:hover\:text-blue:hover {
    color: #3490dc;
}
.sm\:hover\:text-blue-light:hover {
    color: #6cb2eb;
}
.sm\:hover\:text-blue-lighter:hover {
    color: #bcdefa;
}
.sm\:hover\:text-blue-lightest:hover {
    color: #eff8ff;
}
.sm\:hover\:text-indigo-darkest:hover {
    color: #191e38;
}
.sm\:hover\:text-indigo-darker:hover {
    color: #2f365f;
}
.sm\:hover\:text-indigo-dark:hover {
    color: #5661b3;
}
.sm\:hover\:text-indigo:hover {
    color: #6574cd;
}
.sm\:hover\:text-indigo-light:hover {
    color: #7886d7;
}
.sm\:hover\:text-indigo-lighter:hover {
    color: #b2b7ff;
}
.sm\:hover\:text-indigo-lightest:hover {
    color: #e6e8ff;
}
.sm\:hover\:text-purple-darkest:hover {
    color: #1f133f;
}
.sm\:hover\:text-purple-darker:hover {
    color: #352465;
}
.sm\:hover\:text-purple-dark:hover {
    color: #794acf;
}
.sm\:hover\:text-purple:hover {
    color: #9561e2;
}
.sm\:hover\:text-purple-light:hover {
    color: #a779e9;
}
.sm\:hover\:text-purple-lighter:hover {
    color: #d6bbfc;
}
.sm\:hover\:text-purple-lightest:hover {
    color: #f3ebff;
}
.sm\:hover\:text-pink-darkest:hover {
    color: #45051e;
}
.sm\:hover\:text-pink-darker:hover {
    color: #72173a;
}
.sm\:hover\:text-pink-dark:hover {
    color: #eb5286;
}
.sm\:hover\:text-pink:hover {
    color: #f66d9b;
}
.sm\:hover\:text-pink-light:hover {
    color: #fa7ea8;
}
.sm\:hover\:text-pink-lighter:hover {
    color: #ffbbca;
}
.sm\:hover\:text-pink-lightest:hover {
    color: #ffebef;
}
.sm\:text-xs {
    font-size: .75rem;
}
.sm\:text-sm {
    font-size: .875rem;
}
.sm\:text-base {
    font-size: 1rem;
}
.sm\:text-lg {
    font-size: 1.125rem;
}
.sm\:text-xl {
    font-size: 1.25rem;
}
.sm\:text-2xl {
    font-size: 1.5rem;
}
.sm\:text-3xl {
    font-size: 1.875rem;
}
.sm\:text-4xl {
    font-size: 2.25rem;
}
.sm\:text-5xl {
    font-size: 3rem;
}
.sm\:italic {
    font-style: italic;
}
.sm\:roman {
    font-style: normal;
}
.sm\:uppercase {
    text-transform: uppercase;
}
.sm\:lowercase {
    text-transform: lowercase;
}
.sm\:capitalize {
    text-transform: capitalize;
}
.sm\:normal-case {
    text-transform: none;
}
.sm\:underline {
    text-decoration: underline;
}
.sm\:line-through {
    text-decoration: line-through;
}
.sm\:no-underline {
    text-decoration: none;
}
.sm\:antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.sm\:subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
}
.sm\:hover\:italic:hover {
    font-style: italic;
}
.sm\:hover\:roman:hover {
    font-style: normal;
}
.sm\:hover\:uppercase:hover {
    text-transform: uppercase;
}
.sm\:hover\:lowercase:hover {
    text-transform: lowercase;
}
.sm\:hover\:capitalize:hover {
    text-transform: capitalize;
}
.sm\:hover\:normal-case:hover {
    text-transform: none;
}
.sm\:hover\:underline:hover {
    text-decoration: underline;
}
.sm\:hover\:line-through:hover {
    text-decoration: line-through;
}
.sm\:hover\:no-underline:hover {
    text-decoration: none;
}
.sm\:hover\:antialiased:hover {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.sm\:hover\:subpixel-antialiased:hover {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
}
.sm\:tracking-tight {
    letter-spacing: -.05em;
}
.sm\:tracking-normal {
    letter-spacing: 0;
}
.sm\:tracking-wide {
    letter-spacing: .05em;
}
.sm\:select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.sm\:select-text {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
.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;
}
.sm\:visible {
    visibility: visible;
}
.sm\:invisible {
    visibility: hidden;
}
.sm\:whitespace-normal {
    white-space: normal;
}
.sm\:whitespace-no-wrap {
    white-space: nowrap;
}
.sm\:whitespace-pre {
    white-space: pre;
}
.sm\:whitespace-pre-line {
    white-space: pre-line;
}
.sm\:whitespace-pre-wrap {
    white-space: pre-wrap;
}
.sm\:break-words {
    word-wrap: break-word;
}
.sm\:break-normal {
    word-wrap: normal;
}
.sm\:truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.sm\:w-1 {
    width: .25rem;
}
.sm\:w-2 {
    width: .5rem;
}
.sm\:w-3 {
    width: .75rem;
}
.sm\:w-4 {
    width: 1rem;
}
.sm\:w-6 {
    width: 1.5rem;
}
.sm\:w-8 {
    width: 2rem;
}
.sm\:w-10 {
    width: 2.5rem;
}
.sm\:w-12 {
    width: 3rem;
}
.sm\:w-16 {
    width: 4rem;
}
.sm\:w-24 {
    width: 6rem;
}
.sm\:w-32 {
    width: 8rem;
}
.sm\:w-48 {
    width: 12rem;
}
.sm\:w-64 {
    width: 16rem;
}
.sm\:w-auto {
    width: auto;
}
.sm\:w-px {
    width: 1px;
}
.sm\:w-1\/2 {
    width: 50%}
.sm\:w-1\/3 {
    width: 33.33333%}
.sm\:w-2\/3 {
    width: 66.66667%}
.sm\:w-1\/4 {
    width: 25%}
.sm\:w-3\/4 {
    width: 75%}
.sm\:w-1\/5 {
    width: 20%}
.sm\:w-2\/5 {
    width: 40%}
.sm\:w-3\/5 {
    width: 60%}
.sm\:w-4\/5 {
    width: 80%}
.sm\:w-1\/6 {
    width: 16.66667%}
.sm\:w-5\/6 {
    width: 83.33333%}
.sm\:w-full {
    width: 100%}
.sm\:w-screen {
    width: 100vw;
}
.sm\:z-0 {
    z-index: 0;
}
.sm\:z-10 {
    z-index: 10;
}
.sm\:z-20 {
    z-index: 20;
}
.sm\:z-30 {
    z-index: 30;
}
.sm\:z-40 {
    z-index: 40;
}
.sm\:z-50 {
    z-index: 50;
}
.sm\:z-auto {
    z-index: auto;
}
}@media (min-width:768px) {
    .md\: list-reset {
    list-style: none;
    padding: 0;
}
.md\:appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.md\:bg-fixed {
    background-attachment: fixed;
}
.md\:bg-local {
    background-attachment: local;
}
.md\:bg-scroll {
    background-attachment: scroll;
}
.md\:bg-transparent {
    background-color: transparent;
}
.md\:bg-black {
    background-color: #222b2f;
}
.md\:bg-grey-darkest {
    background-color: #364349;
}
.md\:bg-grey-darker {
    background-color: #596a73;
}
.md\:bg-grey-dark {
    background-color: #70818a;
}
.md\:bg-grey {
    background-color: #9babb4;
}
.md\:bg-grey-light {
    background-color: #dae4e9;
}
.md\:bg-grey-lighter {
    background-color: #f3f7f9;
}
.md\:bg-grey-lightest {
    background-color: #fafcfc;
}
.md\:bg-white {
    background-color: #fff;
}
.md\:bg-red-darkest {
    background-color: #420806;
}
.md\:bg-red-darker {
    background-color: #6a1b19;
}
.md\:bg-red-dark {
    background-color: #cc1f1a;
}
.md\:bg-red {
    background-color: #e3342f;
}
.md\:bg-red-light {
    background-color: #ef5753;
}
.md\:bg-red-lighter {
    background-color: #f9acaa;
}
.md\:bg-red-lightest {
    background-color: #fcebea;
}
.md\:bg-orange-darkest {
    background-color: #542605;
}
.md\:bg-orange-darker {
    background-color: #7f4012;
}
.md\:bg-orange-dark {
    background-color: #de751f;
}
.md\:bg-orange {
    background-color: #f6993f;
}
.md\:bg-orange-light {
    background-color: #faad63;
}
.md\:bg-orange-lighter {
    background-color: #fcd9b6;
}
.md\:bg-orange-lightest {
    background-color: #fff5eb;
}
.md\:bg-yellow-darkest {
    background-color: #453411;
}
.md\:bg-yellow-darker {
    background-color: #684f1d;
}
.md\:bg-yellow-dark {
    background-color: #f2d024;
}
.md\:bg-yellow {
    background-color: #ffed4a;
}
.md\:bg-yellow-light {
    background-color: #fff382;
}
.md\:bg-yellow-lighter {
    background-color: #fff9c2;
}
.md\:bg-yellow-lightest {
    background-color: #fcfbeb;
}
.md\:bg-green-darkest {
    background-color: #032d19;
}
.md\:bg-green-darker {
    background-color: #0b4228;
}
.md\:bg-green-dark {
    background-color: #1f9d55;
}
.md\:bg-green {
    background-color: #38c172;
}
.md\:bg-green-light {
    background-color: #51d88a;
}
.md\:bg-green-lighter {
    background-color: #a2f5bf;
}
.md\:bg-green-lightest {
    background-color: #e3fcec;
}
.md\:bg-teal-darkest {
    background-color: #0d3331;
}
.md\:bg-teal-darker {
    background-color: #174e4b;
}
.md\:bg-teal-dark {
    background-color: #38a89d;
}
.md\:bg-teal {
    background-color: #4dc0b5;
}
.md\:bg-teal-light {
    background-color: #64d5ca;
}
.md\:bg-teal-lighter {
    background-color: #a0f0ed;
}
.md\:bg-teal-lightest {
    background-color: #e8fffe;
}
.md\:bg-blue-darkest {
    background-color: #05233b;
}
.md\:bg-blue-darker {
    background-color: #103d60;
}
.md\:bg-blue-dark {
    background-color: #2779bd;
}
.md\:bg-blue {
    background-color: #3490dc;
}
.md\:bg-blue-light {
    background-color: #6cb2eb;
}
.md\:bg-blue-lighter {
    background-color: #bcdefa;
}
.md\:bg-blue-lightest {
    background-color: #eff8ff;
}
.md\:bg-indigo-darkest {
    background-color: #191e38;
}
.md\:bg-indigo-darker {
    background-color: #2f365f;
}
.md\:bg-indigo-dark {
    background-color: #5661b3;
}
.md\:bg-indigo {
    background-color: #6574cd;
}
.md\:bg-indigo-light {
    background-color: #7886d7;
}
.md\:bg-indigo-lighter {
    background-color: #b2b7ff;
}
.md\:bg-indigo-lightest {
    background-color: #e6e8ff;
}
.md\:bg-purple-darkest {
    background-color: #1f133f;
}
.md\:bg-purple-darker {
    background-color: #352465;
}
.md\:bg-purple-dark {
    background-color: #794acf;
}
.md\:bg-purple {
    background-color: #9561e2;
}
.md\:bg-purple-light {
    background-color: #a779e9;
}
.md\:bg-purple-lighter {
    background-color: #d6bbfc;
}
.md\:bg-purple-lightest {
    background-color: #f3ebff;
}
.md\:bg-pink-darkest {
    background-color: #45051e;
}
.md\:bg-pink-darker {
    background-color: #72173a;
}
.md\:bg-pink-dark {
    background-color: #eb5286;
}
.md\:bg-pink {
    background-color: #f66d9b;
}
.md\:bg-pink-light {
    background-color: #fa7ea8;
}
.md\:bg-pink-lighter {
    background-color: #ffbbca;
}
.md\:bg-pink-lightest {
    background-color: #ffebef;
}
.md\:hover\:bg-transparent:hover {
    background-color: transparent;
}
.md\:hover\:bg-black:hover {
    background-color: #222b2f;
}
.md\:hover\:bg-grey-darkest:hover {
    background-color: #364349;
}
.md\:hover\:bg-grey-darker:hover {
    background-color: #596a73;
}
.md\:hover\:bg-grey-dark:hover {
    background-color: #70818a;
}
.md\:hover\:bg-grey:hover {
    background-color: #9babb4;
}
.md\:hover\:bg-grey-light:hover {
    background-color: #dae4e9;
}
.md\:hover\:bg-grey-lighter:hover {
    background-color: #f3f7f9;
}
.md\:hover\:bg-grey-lightest:hover {
    background-color: #fafcfc;
}
.md\:hover\:bg-white:hover {
    background-color: #fff;
}
.md\:hover\:bg-red-darkest:hover {
    background-color: #420806;
}
.md\:hover\:bg-red-darker:hover {
    background-color: #6a1b19;
}
.md\:hover\:bg-red-dark:hover {
    background-color: #cc1f1a;
}
.md\:hover\:bg-red:hover {
    background-color: #e3342f;
}
.md\:hover\:bg-red-light:hover {
    background-color: #ef5753;
}
.md\:hover\:bg-red-lighter:hover {
    background-color: #f9acaa;
}
.md\:hover\:bg-red-lightest:hover {
    background-color: #fcebea;
}
.md\:hover\:bg-orange-darkest:hover {
    background-color: #542605;
}
.md\:hover\:bg-orange-darker:hover {
    background-color: #7f4012;
}
.md\:hover\:bg-orange-dark:hover {
    background-color: #de751f;
}
.md\:hover\:bg-orange:hover {
    background-color: #f6993f;
}
.md\:hover\:bg-orange-light:hover {
    background-color: #faad63;
}
.md\:hover\:bg-orange-lighter:hover {
    background-color: #fcd9b6;
}
.md\:hover\:bg-orange-lightest:hover {
    background-color: #fff5eb;
}
.md\:hover\:bg-yellow-darkest:hover {
    background-color: #453411;
}
.md\:hover\:bg-yellow-darker:hover {
    background-color: #684f1d;
}
.md\:hover\:bg-yellow-dark:hover {
    background-color: #f2d024;
}
.md\:hover\:bg-yellow:hover {
    background-color: #ffed4a;
}
.md\:hover\:bg-yellow-light:hover {
    background-color: #fff382;
}
.md\:hover\:bg-yellow-lighter:hover {
    background-color: #fff9c2;
}
.md\:hover\:bg-yellow-lightest:hover {
    background-color: #fcfbeb;
}
.md\:hover\:bg-green-darkest:hover {
    background-color: #032d19;
}
.md\:hover\:bg-green-darker:hover {
    background-color: #0b4228;
}
.md\:hover\:bg-green-dark:hover {
    background-color: #1f9d55;
}
.md\:hover\:bg-green:hover {
    background-color: #38c172;
}
.md\:hover\:bg-green-light:hover {
    background-color: #51d88a;
}
.md\:hover\:bg-green-lighter:hover {
    background-color: #a2f5bf;
}
.md\:hover\:bg-green-lightest:hover {
    background-color: #e3fcec;
}
.md\:hover\:bg-teal-darkest:hover {
    background-color: #0d3331;
}
.md\:hover\:bg-teal-darker:hover {
    background-color: #174e4b;
}
.md\:hover\:bg-teal-dark:hover {
    background-color: #38a89d;
}
.md\:hover\:bg-teal:hover {
    background-color: #4dc0b5;
}
.md\:hover\:bg-teal-light:hover {
    background-color: #64d5ca;
}
.md\:hover\:bg-teal-lighter:hover {
    background-color: #a0f0ed;
}
.md\:hover\:bg-teal-lightest:hover {
    background-color: #e8fffe;
}
.md\:hover\:bg-blue-darkest:hover {
    background-color: #05233b;
}
.md\:hover\:bg-blue-darker:hover {
    background-color: #103d60;
}
.md\:hover\:bg-blue-dark:hover {
    background-color: #2779bd;
}
.md\:hover\:bg-blue:hover {
    background-color: #3490dc;
}
.md\:hover\:bg-blue-light:hover {
    background-color: #6cb2eb;
}
.md\:hover\:bg-blue-lighter:hover {
    background-color: #bcdefa;
}
.md\:hover\:bg-blue-lightest:hover {
    background-color: #eff8ff;
}
.md\:hover\:bg-indigo-darkest:hover {
    background-color: #191e38;
}
.md\:hover\:bg-indigo-darker:hover {
    background-color: #2f365f;
}
.md\:hover\:bg-indigo-dark:hover {
    background-color: #5661b3;
}
.md\:hover\:bg-indigo:hover {
    background-color: #6574cd;
}
.md\:hover\:bg-indigo-light:hover {
    background-color: #7886d7;
}
.md\:hover\:bg-indigo-lighter:hover {
    background-color: #b2b7ff;
}
.md\:hover\:bg-indigo-lightest:hover {
    background-color: #e6e8ff;
}
.md\:hover\:bg-purple-darkest:hover {
    background-color: #1f133f;
}
.md\:hover\:bg-purple-darker:hover {
    background-color: #352465;
}
.md\:hover\:bg-purple-dark:hover {
    background-color: #794acf;
}
.md\:hover\:bg-purple:hover {
    background-color: #9561e2;
}
.md\:hover\:bg-purple-light:hover {
    background-color: #a779e9;
}
.md\:hover\:bg-purple-lighter:hover {
    background-color: #d6bbfc;
}
.md\:hover\:bg-purple-lightest:hover {
    background-color: #f3ebff;
}
.md\:hover\:bg-pink-darkest:hover {
    background-color: #45051e;
}
.md\:hover\:bg-pink-darker:hover {
    background-color: #72173a;
}
.md\:hover\:bg-pink-dark:hover {
    background-color: #eb5286;
}
.md\:hover\:bg-pink:hover {
    background-color: #f66d9b;
}
.md\:hover\:bg-pink-light:hover {
    background-color: #fa7ea8;
}
.md\:hover\:bg-pink-lighter:hover {
    background-color: #ffbbca;
}
.md\:hover\:bg-pink-lightest:hover {
    background-color: #ffebef;
}
.md\:bg-bottom {
    background-position: bottom;
}
.md\:bg-center {
    background-position: center;
}
.md\:bg-left {
    background-position: left;
}
.md\:bg-left-bottom {
    background-position: left bottom;
}
.md\:bg-left-top {
    background-position: left top;
}
.md\:bg-right {
    background-position: right;
}
.md\:bg-right-bottom {
    background-position: right bottom;
}
.md\:bg-right-top {
    background-position: right top;
}
.md\:bg-top {
    background-position: top;
}
.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;
}
.md\:bg-cover {
    background-size: cover;
}
.md\:bg-contain {
    background-size: contain;
}
.md\:border-transparent {
    border-color: transparent;
}
.md\:border-black {
    border-color: #222b2f;
}
.md\:border-grey-darkest {
    border-color: #364349;
}
.md\:border-grey-darker {
    border-color: #596a73;
}
.md\:border-grey-dark {
    border-color: #70818a;
}
.md\:border-grey {
    border-color: #9babb4;
}
.md\:border-grey-light {
    border-color: #dae4e9;
}
.md\:border-grey-lighter {
    border-color: #f3f7f9;
}
.md\:border-grey-lightest {
    border-color: #fafcfc;
}
.md\:border-white {
    border-color: #fff;
}
.md\:border-red-darkest {
    border-color: #420806;
}
.md\:border-red-darker {
    border-color: #6a1b19;
}
.md\:border-red-dark {
    border-color: #cc1f1a;
}
.md\:border-red {
    border-color: #e3342f;
}
.md\:border-red-light {
    border-color: #ef5753;
}
.md\:border-red-lighter {
    border-color: #f9acaa;
}
.md\:border-red-lightest {
    border-color: #fcebea;
}
.md\:border-orange-darkest {
    border-color: #542605;
}
.md\:border-orange-darker {
    border-color: #7f4012;
}
.md\:border-orange-dark {
    border-color: #de751f;
}
.md\:border-orange {
    border-color: #f6993f;
}
.md\:border-orange-light {
    border-color: #faad63;
}
.md\:border-orange-lighter {
    border-color: #fcd9b6;
}
.md\:border-orange-lightest {
    border-color: #fff5eb;
}
.md\:border-yellow-darkest {
    border-color: #453411;
}
.md\:border-yellow-darker {
    border-color: #684f1d;
}
.md\:border-yellow-dark {
    border-color: #f2d024;
}
.md\:border-yellow {
    border-color: #ffed4a;
}
.md\:border-yellow-light {
    border-color: #fff382;
}
.md\:border-yellow-lighter {
    border-color: #fff9c2;
}
.md\:border-yellow-lightest {
    border-color: #fcfbeb;
}
.md\:border-green-darkest {
    border-color: #032d19;
}
.md\:border-green-darker {
    border-color: #0b4228;
}
.md\:border-green-dark {
    border-color: #1f9d55;
}
.md\:border-green {
    border-color: #38c172;
}
.md\:border-green-light {
    border-color: #51d88a;
}
.md\:border-green-lighter {
    border-color: #a2f5bf;
}
.md\:border-green-lightest {
    border-color: #e3fcec;
}
.md\:border-teal-darkest {
    border-color: #0d3331;
}
.md\:border-teal-darker {
    border-color: #174e4b;
}
.md\:border-teal-dark {
    border-color: #38a89d;
}
.md\:border-teal {
    border-color: #4dc0b5;
}
.md\:border-teal-light {
    border-color: #64d5ca;
}
.md\:border-teal-lighter {
    border-color: #a0f0ed;
}
.md\:border-teal-lightest {
    border-color: #e8fffe;
}
.md\:border-blue-darkest {
    border-color: #05233b;
}
.md\:border-blue-darker {
    border-color: #103d60;
}
.md\:border-blue-dark {
    border-color: #2779bd;
}
.md\:border-blue {
    border-color: #3490dc;
}
.md\:border-blue-light {
    border-color: #6cb2eb;
}
.md\:border-blue-lighter {
    border-color: #bcdefa;
}
.md\:border-blue-lightest {
    border-color: #eff8ff;
}
.md\:border-indigo-darkest {
    border-color: #191e38;
}
.md\:border-indigo-darker {
    border-color: #2f365f;
}
.md\:border-indigo-dark {
    border-color: #5661b3;
}
.md\:border-indigo {
    border-color: #6574cd;
}
.md\:border-indigo-light {
    border-color: #7886d7;
}
.md\:border-indigo-lighter {
    border-color: #b2b7ff;
}
.md\:border-indigo-lightest {
    border-color: #e6e8ff;
}
.md\:border-purple-darkest {
    border-color: #1f133f;
}
.md\:border-purple-darker {
    border-color: #352465;
}
.md\:border-purple-dark {
    border-color: #794acf;
}
.md\:border-purple {
    border-color: #9561e2;
}
.md\:border-purple-light {
    border-color: #a779e9;
}
.md\:border-purple-lighter {
    border-color: #d6bbfc;
}
.md\:border-purple-lightest {
    border-color: #f3ebff;
}
.md\:border-pink-darkest {
    border-color: #45051e;
}
.md\:border-pink-darker {
    border-color: #72173a;
}
.md\:border-pink-dark {
    border-color: #eb5286;
}
.md\:border-pink {
    border-color: #f66d9b;
}
.md\:border-pink-light {
    border-color: #fa7ea8;
}
.md\:border-pink-lighter {
    border-color: #ffbbca;
}
.md\:border-pink-lightest {
    border-color: #ffebef;
}
.md\:hover\:border-transparent:hover {
    border-color: transparent;
}
.md\:hover\:border-black:hover {
    border-color: #222b2f;
}
.md\:hover\:border-grey-darkest:hover {
    border-color: #364349;
}
.md\:hover\:border-grey-darker:hover {
    border-color: #596a73;
}
.md\:hover\:border-grey-dark:hover {
    border-color: #70818a;
}
.md\:hover\:border-grey:hover {
    border-color: #9babb4;
}
.md\:hover\:border-grey-light:hover {
    border-color: #dae4e9;
}
.md\:hover\:border-grey-lighter:hover {
    border-color: #f3f7f9;
}
.md\:hover\:border-grey-lightest:hover {
    border-color: #fafcfc;
}
.md\:hover\:border-white:hover {
    border-color: #fff;
}
.md\:hover\:border-red-darkest:hover {
    border-color: #420806;
}
.md\:hover\:border-red-darker:hover {
    border-color: #6a1b19;
}
.md\:hover\:border-red-dark:hover {
    border-color: #cc1f1a;
}
.md\:hover\:border-red:hover {
    border-color: #e3342f;
}
.md\:hover\:border-red-light:hover {
    border-color: #ef5753;
}
.md\:hover\:border-red-lighter:hover {
    border-color: #f9acaa;
}
.md\:hover\:border-red-lightest:hover {
    border-color: #fcebea;
}
.md\:hover\:border-orange-darkest:hover {
    border-color: #542605;
}
.md\:hover\:border-orange-darker:hover {
    border-color: #7f4012;
}
.md\:hover\:border-orange-dark:hover {
    border-color: #de751f;
}
.md\:hover\:border-orange:hover {
    border-color: #f6993f;
}
.md\:hover\:border-orange-light:hover {
    border-color: #faad63;
}
.md\:hover\:border-orange-lighter:hover {
    border-color: #fcd9b6;
}
.md\:hover\:border-orange-lightest:hover {
    border-color: #fff5eb;
}
.md\:hover\:border-yellow-darkest:hover {
    border-color: #453411;
}
.md\:hover\:border-yellow-darker:hover {
    border-color: #684f1d;
}
.md\:hover\:border-yellow-dark:hover {
    border-color: #f2d024;
}
.md\:hover\:border-yellow:hover {
    border-color: #ffed4a;
}
.md\:hover\:border-yellow-light:hover {
    border-color: #fff382;
}
.md\:hover\:border-yellow-lighter:hover {
    border-color: #fff9c2;
}
.md\:hover\:border-yellow-lightest:hover {
    border-color: #fcfbeb;
}
.md\:hover\:border-green-darkest:hover {
    border-color: #032d19;
}
.md\:hover\:border-green-darker:hover {
    border-color: #0b4228;
}
.md\:hover\:border-green-dark:hover {
    border-color: #1f9d55;
}
.md\:hover\:border-green:hover {
    border-color: #38c172;
}
.md\:hover\:border-green-light:hover {
    border-color: #51d88a;
}
.md\:hover\:border-green-lighter:hover {
    border-color: #a2f5bf;
}
.md\:hover\:border-green-lightest:hover {
    border-color: #e3fcec;
}
.md\:hover\:border-teal-darkest:hover {
    border-color: #0d3331;
}
.md\:hover\:border-teal-darker:hover {
    border-color: #174e4b;
}
.md\:hover\:border-teal-dark:hover {
    border-color: #38a89d;
}
.md\:hover\:border-teal:hover {
    border-color: #4dc0b5;
}
.md\:hover\:border-teal-light:hover {
    border-color: #64d5ca;
}
.md\:hover\:border-teal-lighter:hover {
    border-color: #a0f0ed;
}
.md\:hover\:border-teal-lightest:hover {
    border-color: #e8fffe;
}
.md\:hover\:border-blue-darkest:hover {
    border-color: #05233b;
}
.md\:hover\:border-blue-darker:hover {
    border-color: #103d60;
}
.md\:hover\:border-blue-dark:hover {
    border-color: #2779bd;
}
.md\:hover\:border-blue:hover {
    border-color: #3490dc;
}
.md\:hover\:border-blue-light:hover {
    border-color: #6cb2eb;
}
.md\:hover\:border-blue-lighter:hover {
    border-color: #bcdefa;
}
.md\:hover\:border-blue-lightest:hover {
    border-color: #eff8ff;
}
.md\:hover\:border-indigo-darkest:hover {
    border-color: #191e38;
}
.md\:hover\:border-indigo-darker:hover {
    border-color: #2f365f;
}
.md\:hover\:border-indigo-dark:hover {
    border-color: #5661b3;
}
.md\:hover\:border-indigo:hover {
    border-color: #6574cd;
}
.md\:hover\:border-indigo-light:hover {
    border-color: #7886d7;
}
.md\:hover\:border-indigo-lighter:hover {
    border-color: #b2b7ff;
}
.md\:hover\:border-indigo-lightest:hover {
    border-color: #e6e8ff;
}
.md\:hover\:border-purple-darkest:hover {
    border-color: #1f133f;
}
.md\:hover\:border-purple-darker:hover {
    border-color: #352465;
}
.md\:hover\:border-purple-dark:hover {
    border-color: #794acf;
}
.md\:hover\:border-purple:hover {
    border-color: #9561e2;
}
.md\:hover\:border-purple-light:hover {
    border-color: #a779e9;
}
.md\:hover\:border-purple-lighter:hover {
    border-color: #d6bbfc;
}
.md\:hover\:border-purple-lightest:hover {
    border-color: #f3ebff;
}
.md\:hover\:border-pink-darkest:hover {
    border-color: #45051e;
}
.md\:hover\:border-pink-darker:hover {
    border-color: #72173a;
}
.md\:hover\:border-pink-dark:hover {
    border-color: #eb5286;
}
.md\:hover\:border-pink:hover {
    border-color: #f66d9b;
}
.md\:hover\:border-pink-light:hover {
    border-color: #fa7ea8;
}
.md\:hover\:border-pink-lighter:hover {
    border-color: #ffbbca;
}
.md\:hover\:border-pink-lightest:hover {
    border-color: #ffebef;
}
.md\:rounded-none {
    border-radius: 0;
}
.md\:rounded-sm {
    border-radius: .125rem;
}
.md\:rounded {
    border-radius: .25rem;
}
.md\:rounded-lg {
    border-radius: .5rem;
}
.md\:rounded-full {
    border-radius: 9999px;
}
.md\:rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.md\:rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.md\:rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.md\:rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.md\:rounded-t-sm {
    border-top-left-radius: .125rem;
    border-top-right-radius: .125rem;
}
.md\:rounded-r-sm {
    border-top-right-radius: .125rem;
    border-bottom-right-radius: .125rem;
}
.md\:rounded-b-sm {
    border-bottom-right-radius: .125rem;
    border-bottom-left-radius: .125rem;
}
.md\:rounded-l-sm {
    border-top-left-radius: .125rem;
    border-bottom-left-radius: .125rem;
}
.md\:rounded-t {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}
.md\:rounded-r {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}
.md\:rounded-b {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
}
.md\:rounded-l {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}
.md\:rounded-t-lg {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
}
.md\:rounded-r-lg {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
}
.md\:rounded-b-lg {
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem;
}
.md\:rounded-l-lg {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
}
.md\:rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
}
.md\:rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
}
.md\:rounded-b-full {
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
}
.md\:rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
}
.md\:rounded-tl-none {
    border-top-left-radius: 0;
}
.md\:rounded-tr-none {
    border-top-right-radius: 0;
}
.md\:rounded-br-none {
    border-bottom-right-radius: 0;
}
.md\:rounded-bl-none {
    border-bottom-left-radius: 0;
}
.md\:rounded-tl-sm {
    border-top-left-radius: .125rem;
}
.md\:rounded-tr-sm {
    border-top-right-radius: .125rem;
}
.md\:rounded-br-sm {
    border-bottom-right-radius: .125rem;
}
.md\:rounded-bl-sm {
    border-bottom-left-radius: .125rem;
}
.md\:rounded-tl {
    border-top-left-radius: .25rem;
}
.md\:rounded-tr {
    border-top-right-radius: .25rem;
}
.md\:rounded-br {
    border-bottom-right-radius: .25rem;
}
.md\:rounded-bl {
    border-bottom-left-radius: .25rem;
}
.md\:rounded-tl-lg {
    border-top-left-radius: .5rem;
}
.md\:rounded-tr-lg {
    border-top-right-radius: .5rem;
}
.md\:rounded-br-lg {
    border-bottom-right-radius: .5rem;
}
.md\:rounded-bl-lg {
    border-bottom-left-radius: .5rem;
}
.md\:rounded-tl-full {
    border-top-left-radius: 9999px;
}
.md\:rounded-tr-full {
    border-top-right-radius: 9999px;
}
.md\:rounded-br-full {
    border-bottom-right-radius: 9999px;
}
.md\:rounded-bl-full {
    border-bottom-left-radius: 9999px;
}
.md\:border-solid {
    border-style: solid;
}
.md\:border-dashed {
    border-style: dashed;
}
.md\:border-dotted {
    border-style: dotted;
}
.md\:border-none {
    border-style: none;
}
.md\:border-0 {
    border-width: 0;
}
.md\:border-2 {
    border-width: 2px;
}
.md\:border-4 {
    border-width: 4px;
}
.md\:border-8 {
    border-width: 8px;
}
.md\:border {
    border-width: 1px;
}
.md\:border-t-0 {
    border-top-width: 0;
}
.md\:border-r-0 {
    border-right-width: 0;
}
.md\:border-b-0 {
    border-bottom-width: 0;
}
.md\:border-l-0 {
    border-left-width: 0;
}
.md\:border-t-2 {
    border-top-width: 2px;
}
.md\:border-r-2 {
    border-right-width: 2px;
}
.md\:border-b-2 {
    border-bottom-width: 2px;
}
.md\:border-l-2 {
    border-left-width: 2px;
}
.md\:border-t-4 {
    border-top-width: 4px;
}
.md\:border-r-4 {
    border-right-width: 4px;
}
.md\:border-b-4 {
    border-bottom-width: 4px;
}
.md\:border-l-4 {
    border-left-width: 4px;
}
.md\:border-t-8 {
    border-top-width: 8px;
}
.md\:border-r-8 {
    border-right-width: 8px;
}
.md\:border-b-8 {
    border-bottom-width: 8px;
}
.md\:border-l-8 {
    border-left-width: 8px;
}
.md\:border-t {
    border-top-width: 1px;
}
.md\:border-r {
    border-right-width: 1px;
}
.md\:border-b {
    border-bottom-width: 1px;
}
.md\:border-l {
    border-left-width: 1px;
}
.md\:cursor-auto {
    cursor: auto;
}
.md\:cursor-default {
    cursor: default;
}
.md\:cursor-pointer {
    cursor: pointer;
}
.md\:cursor-not-allowed {
    cursor: not-allowed;
}
.md\:block {
    display: block;
}
.md\:inline-block {
    display: inline-block;
}
.md\:inline {
    display: inline;
}
.md\:table {
    display: table;
}
.md\:table-row {
    display: table-row;
}
.md\:table-cell {
    display: table-cell;
}
.md\:hidden {
    display: none;
}
.md\:flex {
    display: -webkit-box;
    display: flex;
}
.md\:inline-flex {
    display: -webkit-inline-box;
    display: inline-flex;
}
.md\:flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
}
.md\:flex-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
}
.md\:flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}
.md\:flex-col-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse;
}
.md\:flex-wrap {
    flex-wrap: wrap;
}
.md\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
}
.md\:flex-no-wrap {
    flex-wrap: nowrap;
}
.md\:items-start {
    -webkit-box-align: start;
    align-items: flex-start;
}
.md\:items-end {
    -webkit-box-align: end;
    align-items: flex-end;
}
.md\:items-center {
    -webkit-box-align: center;
    align-items: center;
}
.md\:items-baseline {
    -webkit-box-align: baseline;
    align-items: baseline;
}
.md\:items-stretch {
    -webkit-box-align: stretch;
    align-items: stretch;
}
.md\:self-auto {
    align-self: auto;
}
.md\:self-start {
    align-self: flex-start;
}
.md\:self-end {
    align-self: flex-end;
}
.md\:self-center {
    align-self: center;
}
.md\:self-stretch {
    align-self: stretch;
}
.md\:justify-start {
    -webkit-box-pack: start;
    justify-content: flex-start;
}
.md\:justify-end {
    -webkit-box-pack: end;
    justify-content: flex-end;
}
.md\:justify-center {
    -webkit-box-pack: center;
    justify-content: center;
}
.md\:justify-between {
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.md\:justify-around {
    justify-content: space-around;
}
.md\:content-center {
    align-content: center;
}
.md\:content-start {
    align-content: flex-start;
}
.md\:content-end {
    align-content: flex-end;
}
.md\:content-between {
    align-content: space-between;
}
.md\:content-around {
    align-content: space-around;
}
.md\:flex-1 {
    -webkit-box-flex: 1;
    flex: 1;
}
.md\:flex-auto {
    -webkit-box-flex: 1;
    flex: auto;
}
.md\:flex-initial {
    -webkit-box-flex: initial;
    flex: initial;
}
.md\:flex-none {
    -webkit-box-flex: 0;
    flex: none;
}
.md\:flex-grow {
    -webkit-box-flex: 1;
    flex-grow: 1;
}
.md\:flex-shrink {
    flex-shrink: 1;
}
.md\:flex-no-grow {
    -webkit-box-flex: 0;
    flex-grow: 0;
}
.md\:flex-no-shrink {
    flex-shrink: 0;
}
.md\:float-right {
    float: right;
}
.md\:float-left {
    float: left;
}
.md\:float-none {
    float: none;
}
.md\:clearfix:after {
    content: "";
    display: table;
    clear: both;
}
.md\:font-sans {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
.md\:font-serif {
    font-family: Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif;
}
.md\:font-mono {
    font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
}
.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;
}
.md\:hover\:font-hairline:hover {
    font-weight: 100;
}
.md\:hover\:font-thin:hover {
    font-weight: 200;
}
.md\:hover\:font-light:hover {
    font-weight: 300;
}
.md\:hover\:font-normal:hover {
    font-weight: 400;
}
.md\:hover\:font-medium:hover {
    font-weight: 500;
}
.md\:hover\:font-semibold:hover {
    font-weight: 600;
}
.md\:hover\:font-bold:hover {
    font-weight: 700;
}
.md\:hover\:font-extrabold:hover {
    font-weight: 800;
}
.md\:hover\:font-black:hover {
    font-weight: 900;
}
.md\:h-1 {
    height: .25rem;
}
.md\:h-2 {
    height: .5rem;
}
.md\:h-3 {
    height: .75rem;
}
.md\:h-4 {
    height: 1rem;
}
.md\:h-6 {
    height: 1.5rem;
}
.md\:h-8 {
    height: 2rem;
}
.md\:h-10 {
    height: 2.5rem;
}
.md\:h-12 {
    height: 3rem;
}
.md\:h-16 {
    height: 4rem;
}
.md\:h-24 {
    height: 6rem;
}
.md\:h-32 {
    height: 8rem;
}
.md\:h-48 {
    height: 12rem;
}
.md\:h-64 {
    height: 16rem;
}
.md\:h-auto {
    height: auto;
}
.md\:h-px {
    height: 1px;
}
.md\:h-full {
    height: 100%}
.md\:h-screen {
    height: 100vh;
}
.md\:leading-none {
    line-height: 1;
}
.md\:leading-tight {
    line-height: 1.25;
}
.md\:leading-normal {
    line-height: 1.5;
}
.md\:leading-loose {
    line-height: 2;
}
.md\:m-0 {
    margin: 0;
}
.md\:m-1 {
    margin: .25rem;
}
.md\:m-2 {
    margin: .5rem;
}
.md\:m-3 {
    margin: .75rem;
}
.md\:m-4 {
    margin: 1rem;
}
.md\:m-6 {
    margin: 1.5rem;
}
.md\:m-8 {
    margin: 2rem;
}
.md\:m-auto {
    margin: auto;
}
.md\:m-px {
    margin: 1px;
}
.md\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
}
.md\:mx-0 {
    margin-left: 0;
    margin-right: 0;
}
.md\:my-1 {
    margin-top: .25rem;
    margin-bottom: .25rem;
}
.md\:mx-1 {
    margin-left: .25rem;
    margin-right: .25rem;
}
.md\:my-2 {
    margin-top: .5rem;
    margin-bottom: .5rem;
}
.md\:mx-2 {
    margin-left: .5rem;
    margin-right: .5rem;
}
.md\:my-3 {
    margin-top: .75rem;
    margin-bottom: .75rem;
}
.md\:mx-3 {
    margin-left: .75rem;
    margin-right: .75rem;
}
.md\:my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.md\:mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
}
.md\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
.md\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}
.md\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.md\:mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
}
.md\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
}
.md\:mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.md\:my-px {
    margin-top: 1px;
    margin-bottom: 1px;
}
.md\:mx-px {
    margin-left: 1px;
    margin-right: 1px;
}
.md\:mt-0 {
    margin-top: 0;
}
.md\:mr-0 {
    margin-right: 0;
}
.md\:mb-0 {
    margin-bottom: 0;
}
.md\:ml-0 {
    margin-left: 0;
}
.md\:mt-1 {
    margin-top: .25rem;
}
.md\:mr-1 {
    margin-right: .25rem;
}
.md\:mb-1 {
    margin-bottom: .25rem;
}
.md\:ml-1 {
    margin-left: .25rem;
}
.md\:mt-2 {
    margin-top: .5rem;
}
.md\:mr-2 {
    margin-right: .5rem;
}
.md\:mb-2 {
    margin-bottom: .5rem;
}
.md\:ml-2 {
    margin-left: .5rem;
}
.md\:mt-3 {
    margin-top: .75rem;
}
.md\:mr-3 {
    margin-right: .75rem;
}
.md\:mb-3 {
    margin-bottom: .75rem;
}
.md\:ml-3 {
    margin-left: .75rem;
}
.md\:mt-4 {
    margin-top: 1rem;
}
.md\:mr-4 {
    margin-right: 1rem;
}
.md\:mb-4 {
    margin-bottom: 1rem;
}
.md\:ml-4 {
    margin-left: 1rem;
}
.md\:mt-6 {
    margin-top: 1.5rem;
}
.md\:mr-6 {
    margin-right: 1.5rem;
}
.md\:mb-6 {
    margin-bottom: 1.5rem;
}
.md\:ml-6 {
    margin-left: 1.5rem;
}
.md\:mt-8 {
    margin-top: 2rem;
}
.md\:mr-8 {
    margin-right: 2rem;
}
.md\:mb-8 {
    margin-bottom: 2rem;
}
.md\:ml-8 {
    margin-left: 2rem;
}
.md\:mt-auto {
    margin-top: auto;
}
.md\:mr-auto {
    margin-right: auto;
}
.md\:mb-auto {
    margin-bottom: auto;
}
.md\:ml-auto {
    margin-left: auto;
}
.md\:mt-px {
    margin-top: 1px;
}
.md\:mr-px {
    margin-right: 1px;
}
.md\:mb-px {
    margin-bottom: 1px;
}
.md\:ml-px {
    margin-left: 1px;
}
.md\:max-h-full {
    max-height: 100%}
.md\:max-h-screen {
    max-height: 100vh;
}
.md\:max-w-xs {
    max-width: 20rem;
}
.md\:max-w-sm {
    max-width: 30rem;
}
.md\:max-w-md {
    max-width: 40rem;
}
.md\:max-w-lg {
    max-width: 50rem;
}
.md\:max-w-xl {
    max-width: 60rem;
}
.md\:max-w-2xl {
    max-width: 70rem;
}
.md\:max-w-3xl {
    max-width: 80rem;
}
.md\:max-w-4xl {
    max-width: 90rem;
}
.md\:max-w-5xl {
    max-width: 100rem;
}
.md\:max-w-full {
    max-width: 100%}
.md\:min-h-0 {
    min-height: 0;
}
.md\:min-h-full {
    min-height: 100%}
.md\:min-h-screen {
    min-height: 100vh;
}
.md\:min-w-0 {
    min-width: 0;
}
.md\:min-w-full {
    min-width: 100%}
.md\:-m-0 {
    margin: 0;
}
.md\:-m-1 {
    margin: -.25rem;
}
.md\:-m-2 {
    margin: -.5rem;
}
.md\:-m-3 {
    margin: -.75rem;
}
.md\:-m-4 {
    margin: -1rem;
}
.md\:-m-6 {
    margin: -1.5rem;
}
.md\:-m-8 {
    margin: -2rem;
}
.md\:-m-px {
    margin: -1px;
}
.md\:-my-0 {
    margin-top: 0;
    margin-bottom: 0;
}
.md\:-mx-0 {
    margin-left: 0;
    margin-right: 0;
}
.md\:-my-1 {
    margin-top: -.25rem;
    margin-bottom: -.25rem;
}
.md\:-mx-1 {
    margin-left: -.25rem;
    margin-right: -.25rem;
}
.md\:-my-2 {
    margin-top: -.5rem;
    margin-bottom: -.5rem;
}
.md\:-mx-2 {
    margin-left: -.5rem;
    margin-right: -.5rem;
}
.md\:-my-3 {
    margin-top: -.75rem;
    margin-bottom: -.75rem;
}
.md\:-mx-3 {
    margin-left: -.75rem;
    margin-right: -.75rem;
}
.md\:-my-4 {
    margin-top: -1rem;
    margin-bottom: -1rem;
}
.md\:-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
}
.md\:-my-6 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
}
.md\:-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
}
.md\:-my-8 {
    margin-top: -2rem;
    margin-bottom: -2rem;
}
.md\:-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem;
}
.md\:-my-px {
    margin-top: -1px;
    margin-bottom: -1px;
}
.md\:-mx-px {
    margin-left: -1px;
    margin-right: -1px;
}
.md\:-mt-0 {
    margin-top: 0;
}
.md\:-mr-0 {
    margin-right: 0;
}
.md\:-mb-0 {
    margin-bottom: 0;
}
.md\:-ml-0 {
    margin-left: 0;
}
.md\:-mt-1 {
    margin-top: -.25rem;
}
.md\:-mr-1 {
    margin-right: -.25rem;
}
.md\:-mb-1 {
    margin-bottom: -.25rem;
}
.md\:-ml-1 {
    margin-left: -.25rem;
}
.md\:-mt-2 {
    margin-top: -.5rem;
}
.md\:-mr-2 {
    margin-right: -.5rem;
}
.md\:-mb-2 {
    margin-bottom: -.5rem;
}
.md\:-ml-2 {
    margin-left: -.5rem;
}
.md\:-mt-3 {
    margin-top: -.75rem;
}
.md\:-mr-3 {
    margin-right: -.75rem;
}
.md\:-mb-3 {
    margin-bottom: -.75rem;
}
.md\:-ml-3 {
    margin-left: -.75rem;
}
.md\:-mt-4 {
    margin-top: -1rem;
}
.md\:-mr-4 {
    margin-right: -1rem;
}
.md\:-mb-4 {
    margin-bottom: -1rem;
}
.md\:-ml-4 {
    margin-left: -1rem;
}
.md\:-mt-6 {
    margin-top: -1.5rem;
}
.md\:-mr-6 {
    margin-right: -1.5rem;
}
.md\:-mb-6 {
    margin-bottom: -1.5rem;
}
.md\:-ml-6 {
    margin-left: -1.5rem;
}
.md\:-mt-8 {
    margin-top: -2rem;
}
.md\:-mr-8 {
    margin-right: -2rem;
}
.md\:-mb-8 {
    margin-bottom: -2rem;
}
.md\:-ml-8 {
    margin-left: -2rem;
}
.md\:-mt-px {
    margin-top: -1px;
}
.md\:-mr-px {
    margin-right: -1px;
}
.md\:-mb-px {
    margin-bottom: -1px;
}
.md\:-ml-px {
    margin-left: -1px;
}
.md\:opacity-0 {
    opacity: 0;
}
.md\:opacity-25 {
    opacity: .25;
}
.md\:opacity-50 {
    opacity: .5;
}
.md\:opacity-75 {
    opacity: .75;
}
.md\:opacity-100 {
    opacity: 1;
}
.md\:overflow-auto {
    overflow: auto;
}
.md\:overflow-hidden {
    overflow: hidden;
}
.md\:overflow-visible {
    overflow: visible;
}
.md\:overflow-scroll {
    overflow: scroll;
}
.md\:overflow-x-scroll {
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.md\:overflow-y-scroll {
    overflow-y: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.md\:scrolling-touch {
    -webkit-overflow-scrolling: touch;
}
.md\:scrolling-auto {
    -webkit-overflow-scrolling: auto;
}
.md\:p-0 {
    padding: 0;
}
.md\:p-1 {
    padding: .25rem;
}
.md\:p-2 {
    padding: .5rem;
}
.md\:p-3 {
    padding: .75rem;
}
.md\:p-4 {
    padding: 1rem;
}
.md\:p-6 {
    padding: 1.5rem;
}
.md\:p-8 {
    padding: 2rem;
}
.md\:p-px {
    padding: 1px;
}
.md\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
}
.md\:px-0 {
    padding-left: 0;
    padding-right: 0;
}
.md\:py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem;
}
.md\:px-1 {
    padding-left: .25rem;
    padding-right: .25rem;
}
.md\:py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem;
}
.md\:px-2 {
    padding-left: .5rem;
    padding-right: .5rem;
}
.md\:py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem;
}
.md\:px-3 {
    padding-left: .75rem;
    padding-right: .75rem;
}
.md\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.md\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}
.md\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.md\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.md\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.md\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
}
.md\:py-px {
    padding-top: 1px;
    padding-bottom: 1px;
}
.md\:px-px {
    padding-left: 1px;
    padding-right: 1px;
}
.md\:pt-0 {
    padding-top: 0;
}
.md\:pr-0 {
    padding-right: 0;
}
.md\:pb-0 {
    padding-bottom: 0;
}
.md\:pl-0 {
    padding-left: 0;
}
.md\:pt-1 {
    padding-top: .25rem;
}
.md\:pr-1 {
    padding-right: .25rem;
}
.md\:pb-1 {
    padding-bottom: .25rem;
}
.md\:pl-1 {
    padding-left: .25rem;
}
.md\:pt-2 {
    padding-top: .5rem;
}
.md\:pr-2 {
    padding-right: .5rem;
}
.md\:pb-2 {
    padding-bottom: .5rem;
}
.md\:pl-2 {
    padding-left: .5rem;
}
.md\:pt-3 {
    padding-top: .75rem;
}
.md\:pr-3 {
    padding-right: .75rem;
}
.md\:pb-3 {
    padding-bottom: .75rem;
}
.md\:pl-3 {
    padding-left: .75rem;
}
.md\:pt-4 {
    padding-top: 1rem;
}
.md\:pr-4 {
    padding-right: 1rem;
}
.md\:pb-4 {
    padding-bottom: 1rem;
}
.md\:pl-4 {
    padding-left: 1rem;
}
.md\:pt-6 {
    padding-top: 1.5rem;
}
.md\:pr-6 {
    padding-right: 1.5rem;
}
.md\:pb-6 {
    padding-bottom: 1.5rem;
}
.md\:pl-6 {
    padding-left: 1.5rem;
}
.md\:pt-8 {
    padding-top: 2rem;
}
.md\:pr-8 {
    padding-right: 2rem;
}
.md\:pb-8 {
    padding-bottom: 2rem;
}
.md\:pl-8 {
    padding-left: 2rem;
}
.md\:pt-px {
    padding-top: 1px;
}
.md\:pr-px {
    padding-right: 1px;
}
.md\:pb-px {
    padding-bottom: 1px;
}
.md\:pl-px {
    padding-left: 1px;
}
.md\:pointer-events-none {
    pointer-events: none;
}
.md\:pointer-events-auto {
    pointer-events: auto;
}
.md\:static {
    position: static;
}
.md\:fixed {
    position: fixed;
}
.md\:absolute {
    position: absolute;
}
.md\:relative {
    position: relative;
}
.md\:pin-none {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
}
.md\:pin {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.md\:pin-y {
    top: 0;
    bottom: 0;
}
.md\:pin-x {
    right: 0;
    left: 0;
}
.md\:pin-t {
    top: 0;
}
.md\:pin-r {
    right: 0;
}
.md\:pin-b {
    bottom: 0;
}
.md\:pin-l {
    left: 0;
}
.md\:resize-none {
    resize: none;
}
.md\:resize-y {
    resize: vertical;
}
.md\:resize-x {
    resize: horizontal;
}
.md\:resize {
    resize: both;
}
.md\:shadow {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
}
.md\:shadow-md {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08);
}
.md\:shadow-lg {
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08);
}
.md\:shadow-inner {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06);
}
.md\:shadow-none {
    box-shadow: none;
}
.md\:text-left {
    text-align: left;
}
.md\:text-center {
    text-align: center;
}
.md\:text-right {
    text-align: right;
}
.md\:text-justify {
    text-align: justify;
}
.md\:text-transparent {
    color: transparent;
}
.md\:text-black {
    color: #222b2f;
}
.md\:text-grey-darkest {
    color: #364349;
}
.md\:text-grey-darker {
    color: #596a73;
}
.md\:text-grey-dark {
    color: #70818a;
}
.md\:text-grey {
    color: #9babb4;
}
.md\:text-grey-light {
    color: #dae4e9;
}
.md\:text-grey-lighter {
    color: #f3f7f9;
}
.md\:text-grey-lightest {
    color: #fafcfc;
}
.md\:text-white {
    color: #fff;
}
.md\:text-red-darkest {
    color: #420806;
}
.md\:text-red-darker {
    color: #6a1b19;
}
.md\:text-red-dark {
    color: #cc1f1a;
}
.md\:text-red {
    color: #e3342f;
}
.md\:text-red-light {
    color: #ef5753;
}
.md\:text-red-lighter {
    color: #f9acaa;
}
.md\:text-red-lightest {
    color: #fcebea;
}
.md\:text-orange-darkest {
    color: #542605;
}
.md\:text-orange-darker {
    color: #7f4012;
}
.md\:text-orange-dark {
    color: #de751f;
}
.md\:text-orange {
    color: #f6993f;
}
.md\:text-orange-light {
    color: #faad63;
}
.md\:text-orange-lighter {
    color: #fcd9b6;
}
.md\:text-orange-lightest {
    color: #fff5eb;
}
.md\:text-yellow-darkest {
    color: #453411;
}
.md\:text-yellow-darker {
    color: #684f1d;
}
.md\:text-yellow-dark {
    color: #f2d024;
}
.md\:text-yellow {
    color: #ffed4a;
}
.md\:text-yellow-light {
    color: #fff382;
}
.md\:text-yellow-lighter {
    color: #fff9c2;
}
.md\:text-yellow-lightest {
    color: #fcfbeb;
}
.md\:text-green-darkest {
    color: #032d19;
}
.md\:text-green-darker {
    color: #0b4228;
}
.md\:text-green-dark {
    color: #1f9d55;
}
.md\:text-green {
    color: #38c172;
}
.md\:text-green-light {
    color: #51d88a;
}
.md\:text-green-lighter {
    color: #a2f5bf;
}
.md\:text-green-lightest {
    color: #e3fcec;
}
.md\:text-teal-darkest {
    color: #0d3331;
}
.md\:text-teal-darker {
    color: #174e4b;
}
.md\:text-teal-dark {
    color: #38a89d;
}
.md\:text-teal {
    color: #4dc0b5;
}
.md\:text-teal-light {
    color: #64d5ca;
}
.md\:text-teal-lighter {
    color: #a0f0ed;
}
.md\:text-teal-lightest {
    color: #e8fffe;
}
.md\:text-blue-darkest {
    color: #05233b;
}
.md\:text-blue-darker {
    color: #103d60;
}
.md\:text-blue-dark {
    color: #2779bd;
}
.md\:text-blue {
    color: #3490dc;
}
.md\:text-blue-light {
    color: #6cb2eb;
}
.md\:text-blue-lighter {
    color: #bcdefa;
}
.md\:text-blue-lightest {
    color: #eff8ff;
}
.md\:text-indigo-darkest {
    color: #191e38;
}
.md\:text-indigo-darker {
    color: #2f365f;
}
.md\:text-indigo-dark {
    color: #5661b3;
}
.md\:text-indigo {
    color: #6574cd;
}
.md\:text-indigo-light {
    color: #7886d7;
}
.md\:text-indigo-lighter {
    color: #b2b7ff;
}
.md\:text-indigo-lightest {
    color: #e6e8ff;
}
.md\:text-purple-darkest {
    color: #1f133f;
}
.md\:text-purple-darker {
    color: #352465;
}
.md\:text-purple-dark {
    color: #794acf;
}
.md\:text-purple {
    color: #9561e2;
}
.md\:text-purple-light {
    color: #a779e9;
}
.md\:text-purple-lighter {
    color: #d6bbfc;
}
.md\:text-purple-lightest {
    color: #f3ebff;
}
.md\:text-pink-darkest {
    color: #45051e;
}
.md\:text-pink-darker {
    color: #72173a;
}
.md\:text-pink-dark {
    color: #eb5286;
}
.md\:text-pink {
    color: #f66d9b;
}
.md\:text-pink-light {
    color: #fa7ea8;
}
.md\:text-pink-lighter {
    color: #ffbbca;
}
.md\:text-pink-lightest {
    color: #ffebef;
}
.md\:hover\:text-transparent:hover {
    color: transparent;
}
.md\:hover\:text-black:hover {
    color: #222b2f;
}
.md\:hover\:text-grey-darkest:hover {
    color: #364349;
}
.md\:hover\:text-grey-darker:hover {
    color: #596a73;
}
.md\:hover\:text-grey-dark:hover {
    color: #70818a;
}
.md\:hover\:text-grey:hover {
    color: #9babb4;
}
.md\:hover\:text-grey-light:hover {
    color: #dae4e9;
}
.md\:hover\:text-grey-lighter:hover {
    color: #f3f7f9;
}
.md\:hover\:text-grey-lightest:hover {
    color: #fafcfc;
}
.md\:hover\:text-white:hover {
    color: #fff;
}
.md\:hover\:text-red-darkest:hover {
    color: #420806;
}
.md\:hover\:text-red-darker:hover {
    color: #6a1b19;
}
.md\:hover\:text-red-dark:hover {
    color: #cc1f1a;
}
.md\:hover\:text-red:hover {
    color: #e3342f;
}
.md\:hover\:text-red-light:hover {
    color: #ef5753;
}
.md\:hover\:text-red-lighter:hover {
    color: #f9acaa;
}
.md\:hover\:text-red-lightest:hover {
    color: #fcebea;
}
.md\:hover\:text-orange-darkest:hover {
    color: #542605;
}
.md\:hover\:text-orange-darker:hover {
    color: #7f4012;
}
.md\:hover\:text-orange-dark:hover {
    color: #de751f;
}
.md\:hover\:text-orange:hover {
    color: #f6993f;
}
.md\:hover\:text-orange-light:hover {
    color: #faad63;
}
.md\:hover\:text-orange-lighter:hover {
    color: #fcd9b6;
}
.md\:hover\:text-orange-lightest:hover {
    color: #fff5eb;
}
.md\:hover\:text-yellow-darkest:hover {
    color: #453411;
}
.md\:hover\:text-yellow-darker:hover {
    color: #684f1d;
}
.md\:hover\:text-yellow-dark:hover {
    color: #f2d024;
}
.md\:hover\:text-yellow:hover {
    color: #ffed4a;
}
.md\:hover\:text-yellow-light:hover {
    color: #fff382;
}
.md\:hover\:text-yellow-lighter:hover {
    color: #fff9c2;
}
.md\:hover\:text-yellow-lightest:hover {
    color: #fcfbeb;
}
.md\:hover\:text-green-darkest:hover {
    color: #032d19;
}
.md\:hover\:text-green-darker:hover {
    color: #0b4228;
}
.md\:hover\:text-green-dark:hover {
    color: #1f9d55;
}
.md\:hover\:text-green:hover {
    color: #38c172;
}
.md\:hover\:text-green-light:hover {
    color: #51d88a;
}
.md\:hover\:text-green-lighter:hover {
    color: #a2f5bf;
}
.md\:hover\:text-green-lightest:hover {
    color: #e3fcec;
}
.md\:hover\:text-teal-darkest:hover {
    color: #0d3331;
}
.md\:hover\:text-teal-darker:hover {
    color: #174e4b;
}
.md\:hover\:text-teal-dark:hover {
    color: #38a89d;
}
.md\:hover\:text-teal:hover {
    color: #4dc0b5;
}
.md\:hover\:text-teal-light:hover {
    color: #64d5ca;
}
.md\:hover\:text-teal-lighter:hover {
    color: #a0f0ed;
}
.md\:hover\:text-teal-lightest:hover {
    color: #e8fffe;
}
.md\:hover\:text-blue-darkest:hover {
    color: #05233b;
}
.md\:hover\:text-blue-darker:hover {
    color: #103d60;
}
.md\:hover\:text-blue-dark:hover {
    color: #2779bd;
}
.md\:hover\:text-blue:hover {
    color: #3490dc;
}
.md\:hover\:text-blue-light:hover {
    color: #6cb2eb;
}
.md\:hover\:text-blue-lighter:hover {
    color: #bcdefa;
}
.md\:hover\:text-blue-lightest:hover {
    color: #eff8ff;
}
.md\:hover\:text-indigo-darkest:hover {
    color: #191e38;
}
.md\:hover\:text-indigo-darker:hover {
    color: #2f365f;
}
.md\:hover\:text-indigo-dark:hover {
    color: #5661b3;
}
.md\:hover\:text-indigo:hover {
    color: #6574cd;
}
.md\:hover\:text-indigo-light:hover {
    color: #7886d7;
}
.md\:hover\:text-indigo-lighter:hover {
    color: #b2b7ff;
}
.md\:hover\:text-indigo-lightest:hover {
    color: #e6e8ff;
}
.md\:hover\:text-purple-darkest:hover {
    color: #1f133f;
}
.md\:hover\:text-purple-darker:hover {
    color: #352465;
}
.md\:hover\:text-purple-dark:hover {
    color: #794acf;
}
.md\:hover\:text-purple:hover {
    color: #9561e2;
}
.md\:hover\:text-purple-light:hover {
    color: #a779e9;
}
.md\:hover\:text-purple-lighter:hover {
    color: #d6bbfc;
}
.md\:hover\:text-purple-lightest:hover {
    color: #f3ebff;
}
.md\:hover\:text-pink-darkest:hover {
    color: #45051e;
}
.md\:hover\:text-pink-darker:hover {
    color: #72173a;
}
.md\:hover\:text-pink-dark:hover {
    color: #eb5286;
}
.md\:hover\:text-pink:hover {
    color: #f66d9b;
}
.md\:hover\:text-pink-light:hover {
    color: #fa7ea8;
}
.md\:hover\:text-pink-lighter:hover {
    color: #ffbbca;
}
.md\:hover\:text-pink-lightest:hover {
    color: #ffebef;
}
.md\:text-xs {
    font-size: .75rem;
}
.md\:text-sm {
    font-size: .875rem;
}
.md\:text-base {
    font-size: 1rem;
}
.md\:text-lg {
    font-size: 1.125rem;
}
.md\:text-xl {
    font-size: 1.25rem;
}
.md\:text-2xl {
    font-size: 1.5rem;
}
.md\:text-3xl {
    font-size: 1.875rem;
}
.md\:text-4xl {
    font-size: 2.25rem;
}
.md\:text-5xl {
    font-size: 3rem;
}
.md\:italic {
    font-style: italic;
}
.md\:roman {
    font-style: normal;
}
.md\:uppercase {
    text-transform: uppercase;
}
.md\:lowercase {
    text-transform: lowercase;
}
.md\:capitalize {
    text-transform: capitalize;
}
.md\:normal-case {
    text-transform: none;
}
.md\:underline {
    text-decoration: underline;
}
.md\:line-through {
    text-decoration: line-through;
}
.md\:no-underline {
    text-decoration: none;
}
.md\:antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.md\:subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
}
.md\:hover\:italic:hover {
    font-style: italic;
}
.md\:hover\:roman:hover {
    font-style: normal;
}
.md\:hover\:uppercase:hover {
    text-transform: uppercase;
}
.md\:hover\:lowercase:hover {
    text-transform: lowercase;
}
.md\:hover\:capitalize:hover {
    text-transform: capitalize;
}
.md\:hover\:normal-case:hover {
    text-transform: none;
}
.md\:hover\:underline:hover {
    text-decoration: underline;
}
.md\:hover\:line-through:hover {
    text-decoration: line-through;
}
.md\:hover\:no-underline:hover {
    text-decoration: none;
}
.md\:hover\:antialiased:hover {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.md\:hover\:subpixel-antialiased:hover {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
}
.md\:tracking-tight {
    letter-spacing: -.05em;
}
.md\:tracking-normal {
    letter-spacing: 0;
}
.md\:tracking-wide {
    letter-spacing: .05em;
}
.md\:select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.md\:select-text {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
.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;
}
.md\:visible {
    visibility: visible;
}
.md\:invisible {
    visibility: hidden;
}
.md\:whitespace-normal {
    white-space: normal;
}
.md\:whitespace-no-wrap {
    white-space: nowrap;
}
.md\:whitespace-pre {
    white-space: pre;
}
.md\:whitespace-pre-line {
    white-space: pre-line;
}
.md\:whitespace-pre-wrap {
    white-space: pre-wrap;
}
.md\:break-words {
    word-wrap: break-word;
}
.md\:break-normal {
    word-wrap: normal;
}
.md\:truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.md\:w-1 {
    width: .25rem;
}
.md\:w-2 {
    width: .5rem;
}
.md\:w-3 {
    width: .75rem;
}
.md\:w-4 {
    width: 1rem;
}
.md\:w-6 {
    width: 1.5rem;
}
.md\:w-8 {
    width: 2rem;
}
.md\:w-10 {
    width: 2.5rem;
}
.md\:w-12 {
    width: 3rem;
}
.md\:w-16 {
    width: 4rem;
}
.md\:w-24 {
    width: 6rem;
}
.md\:w-32 {
    width: 8rem;
}
.md\:w-48 {
    width: 12rem;
}
.md\:w-64 {
    width: 16rem;
}
.md\:w-auto {
    width: auto;
}
.md\:w-px {
    width: 1px;
}
.md\:w-1\/2 {
    width: 50%}
.md\:w-1\/3 {
    width: 33.33333%}
.md\:w-2\/3 {
    width: 66.66667%}
.md\:w-1\/4 {
    width: 25%}
.md\:w-3\/4 {
    width: 75%}
.md\:w-1\/5 {
    width: 20%}
.md\:w-2\/5 {
    width: 40%}
.md\:w-3\/5 {
    width: 60%}
.md\:w-4\/5 {
    width: 80%}
.md\:w-1\/6 {
    width: 16.66667%}
.md\:w-5\/6 {
    width: 83.33333%}
.md\:w-full {
    width: 100%}
.md\:w-screen {
    width: 100vw;
}
.md\:z-0 {
    z-index: 0;
}
.md\:z-10 {
    z-index: 10;
}
.md\:z-20 {
    z-index: 20;
}
.md\:z-30 {
    z-index: 30;
}
.md\:z-40 {
    z-index: 40;
}
.md\:z-50 {
    z-index: 50;
}
.md\:z-auto {
    z-index: auto;
}
}@media (min-width:992px) {
    .lg\: list-reset {
    list-style: none;
    padding: 0;
}
.lg\:appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.lg\:bg-fixed {
    background-attachment: fixed;
}
.lg\:bg-local {
    background-attachment: local;
}
.lg\:bg-scroll {
    background-attachment: scroll;
}
.lg\:bg-transparent {
    background-color: transparent;
}
.lg\:bg-black {
    background-color: #222b2f;
}
.lg\:bg-grey-darkest {
    background-color: #364349;
}
.lg\:bg-grey-darker {
    background-color: #596a73;
}
.lg\:bg-grey-dark {
    background-color: #70818a;
}
.lg\:bg-grey {
    background-color: #9babb4;
}
.lg\:bg-grey-light {
    background-color: #dae4e9;
}
.lg\:bg-grey-lighter {
    background-color: #f3f7f9;
}
.lg\:bg-grey-lightest {
    background-color: #fafcfc;
}
.lg\:bg-white {
    background-color: #fff;
}
.lg\:bg-red-darkest {
    background-color: #420806;
}
.lg\:bg-red-darker {
    background-color: #6a1b19;
}
.lg\:bg-red-dark {
    background-color: #cc1f1a;
}
.lg\:bg-red {
    background-color: #e3342f;
}
.lg\:bg-red-light {
    background-color: #ef5753;
}
.lg\:bg-red-lighter {
    background-color: #f9acaa;
}
.lg\:bg-red-lightest {
    background-color: #fcebea;
}
.lg\:bg-orange-darkest {
    background-color: #542605;
}
.lg\:bg-orange-darker {
    background-color: #7f4012;
}
.lg\:bg-orange-dark {
    background-color: #de751f;
}
.lg\:bg-orange {
    background-color: #f6993f;
}
.lg\:bg-orange-light {
    background-color: #faad63;
}
.lg\:bg-orange-lighter {
    background-color: #fcd9b6;
}
.lg\:bg-orange-lightest {
    background-color: #fff5eb;
}
.lg\:bg-yellow-darkest {
    background-color: #453411;
}
.lg\:bg-yellow-darker {
    background-color: #684f1d;
}
.lg\:bg-yellow-dark {
    background-color: #f2d024;
}
.lg\:bg-yellow {
    background-color: #ffed4a;
}
.lg\:bg-yellow-light {
    background-color: #fff382;
}
.lg\:bg-yellow-lighter {
    background-color: #fff9c2;
}
.lg\:bg-yellow-lightest {
    background-color: #fcfbeb;
}
.lg\:bg-green-darkest {
    background-color: #032d19;
}
.lg\:bg-green-darker {
    background-color: #0b4228;
}
.lg\:bg-green-dark {
    background-color: #1f9d55;
}
.lg\:bg-green {
    background-color: #38c172;
}
.lg\:bg-green-light {
    background-color: #51d88a;
}
.lg\:bg-green-lighter {
    background-color: #a2f5bf;
}
.lg\:bg-green-lightest {
    background-color: #e3fcec;
}
.lg\:bg-teal-darkest {
    background-color: #0d3331;
}
.lg\:bg-teal-darker {
    background-color: #174e4b;
}
.lg\:bg-teal-dark {
    background-color: #38a89d;
}
.lg\:bg-teal {
    background-color: #4dc0b5;
}
.lg\:bg-teal-light {
    background-color: #64d5ca;
}
.lg\:bg-teal-lighter {
    background-color: #a0f0ed;
}
.lg\:bg-teal-lightest {
    background-color: #e8fffe;
}
.lg\:bg-blue-darkest {
    background-color: #05233b;
}
.lg\:bg-blue-darker {
    background-color: #103d60;
}
.lg\:bg-blue-dark {
    background-color: #2779bd;
}
.lg\:bg-blue {
    background-color: #3490dc;
}
.lg\:bg-blue-light {
    background-color: #6cb2eb;
}
.lg\:bg-blue-lighter {
    background-color: #bcdefa;
}
.lg\:bg-blue-lightest {
    background-color: #eff8ff;
}
.lg\:bg-indigo-darkest {
    background-color: #191e38;
}
.lg\:bg-indigo-darker {
    background-color: #2f365f;
}
.lg\:bg-indigo-dark {
    background-color: #5661b3;
}
.lg\:bg-indigo {
    background-color: #6574cd;
}
.lg\:bg-indigo-light {
    background-color: #7886d7;
}
.lg\:bg-indigo-lighter {
    background-color: #b2b7ff;
}
.lg\:bg-indigo-lightest {
    background-color: #e6e8ff;
}
.lg\:bg-purple-darkest {
    background-color: #1f133f;
}
.lg\:bg-purple-darker {
    background-color: #352465;
}
.lg\:bg-purple-dark {
    background-color: #794acf;
}
.lg\:bg-purple {
    background-color: #9561e2;
}
.lg\:bg-purple-light {
    background-color: #a779e9;
}
.lg\:bg-purple-lighter {
    background-color: #d6bbfc;
}
.lg\:bg-purple-lightest {
    background-color: #f3ebff;
}
.lg\:bg-pink-darkest {
    background-color: #45051e;
}
.lg\:bg-pink-darker {
    background-color: #72173a;
}
.lg\:bg-pink-dark {
    background-color: #eb5286;
}
.lg\:bg-pink {
    background-color: #f66d9b;
}
.lg\:bg-pink-light {
    background-color: #fa7ea8;
}
.lg\:bg-pink-lighter {
    background-color: #ffbbca;
}
.lg\:bg-pink-lightest {
    background-color: #ffebef;
}
.lg\:hover\:bg-transparent:hover {
    background-color: transparent;
}
.lg\:hover\:bg-black:hover {
    background-color: #222b2f;
}
.lg\:hover\:bg-grey-darkest:hover {
    background-color: #364349;
}
.lg\:hover\:bg-grey-darker:hover {
    background-color: #596a73;
}
.lg\:hover\:bg-grey-dark:hover {
    background-color: #70818a;
}
.lg\:hover\:bg-grey:hover {
    background-color: #9babb4;
}
.lg\:hover\:bg-grey-light:hover {
    background-color: #dae4e9;
}
.lg\:hover\:bg-grey-lighter:hover {
    background-color: #f3f7f9;
}
.lg\:hover\:bg-grey-lightest:hover {
    background-color: #fafcfc;
}
.lg\:hover\:bg-white:hover {
    background-color: #fff;
}
.lg\:hover\:bg-red-darkest:hover {
    background-color: #420806;
}
.lg\:hover\:bg-red-darker:hover {
    background-color: #6a1b19;
}
.lg\:hover\:bg-red-dark:hover {
    background-color: #cc1f1a;
}
.lg\:hover\:bg-red:hover {
    background-color: #e3342f;
}
.lg\:hover\:bg-red-light:hover {
    background-color: #ef5753;
}
.lg\:hover\:bg-red-lighter:hover {
    background-color: #f9acaa;
}
.lg\:hover\:bg-red-lightest:hover {
    background-color: #fcebea;
}
.lg\:hover\:bg-orange-darkest:hover {
    background-color: #542605;
}
.lg\:hover\:bg-orange-darker:hover {
    background-color: #7f4012;
}
.lg\:hover\:bg-orange-dark:hover {
    background-color: #de751f;
}
.lg\:hover\:bg-orange:hover {
    background-color: #f6993f;
}
.lg\:hover\:bg-orange-light:hover {
    background-color: #faad63;
}
.lg\:hover\:bg-orange-lighter:hover {
    background-color: #fcd9b6;
}
.lg\:hover\:bg-orange-lightest:hover {
    background-color: #fff5eb;
}
.lg\:hover\:bg-yellow-darkest:hover {
    background-color: #453411;
}
.lg\:hover\:bg-yellow-darker:hover {
    background-color: #684f1d;
}
.lg\:hover\:bg-yellow-dark:hover {
    background-color: #f2d024;
}
.lg\:hover\:bg-yellow:hover {
    background-color: #ffed4a;
}
.lg\:hover\:bg-yellow-light:hover {
    background-color: #fff382;
}
.lg\:hover\:bg-yellow-lighter:hover {
    background-color: #fff9c2;
}
.lg\:hover\:bg-yellow-lightest:hover {
    background-color: #fcfbeb;
}
.lg\:hover\:bg-green-darkest:hover {
    background-color: #032d19;
}
.lg\:hover\:bg-green-darker:hover {
    background-color: #0b4228;
}
.lg\:hover\:bg-green-dark:hover {
    background-color: #1f9d55;
}
.lg\:hover\:bg-green:hover {
    background-color: #38c172;
}
.lg\:hover\:bg-green-light:hover {
    background-color: #51d88a;
}
.lg\:hover\:bg-green-lighter:hover {
    background-color: #a2f5bf;
}
.lg\:hover\:bg-green-lightest:hover {
    background-color: #e3fcec;
}
.lg\:hover\:bg-teal-darkest:hover {
    background-color: #0d3331;
}
.lg\:hover\:bg-teal-darker:hover {
    background-color: #174e4b;
}
.lg\:hover\:bg-teal-dark:hover {
    background-color: #38a89d;
}
.lg\:hover\:bg-teal:hover {
    background-color: #4dc0b5;
}
.lg\:hover\:bg-teal-light:hover {
    background-color: #64d5ca;
}
.lg\:hover\:bg-teal-lighter:hover {
    background-color: #a0f0ed;
}
.lg\:hover\:bg-teal-lightest:hover {
    background-color: #e8fffe;
}
.lg\:hover\:bg-blue-darkest:hover {
    background-color: #05233b;
}
.lg\:hover\:bg-blue-darker:hover {
    background-color: #103d60;
}
.lg\:hover\:bg-blue-dark:hover {
    background-color: #2779bd;
}
.lg\:hover\:bg-blue:hover {
    background-color: #3490dc;
}
.lg\:hover\:bg-blue-light:hover {
    background-color: #6cb2eb;
}
.lg\:hover\:bg-blue-lighter:hover {
    background-color: #bcdefa;
}
.lg\:hover\:bg-blue-lightest:hover {
    background-color: #eff8ff;
}
.lg\:hover\:bg-indigo-darkest:hover {
    background-color: #191e38;
}
.lg\:hover\:bg-indigo-darker:hover {
    background-color: #2f365f;
}
.lg\:hover\:bg-indigo-dark:hover {
    background-color: #5661b3;
}
.lg\:hover\:bg-indigo:hover {
    background-color: #6574cd;
}
.lg\:hover\:bg-indigo-light:hover {
    background-color: #7886d7;
}
.lg\:hover\:bg-indigo-lighter:hover {
    background-color: #b2b7ff;
}
.lg\:hover\:bg-indigo-lightest:hover {
    background-color: #e6e8ff;
}
.lg\:hover\:bg-purple-darkest:hover {
    background-color: #1f133f;
}
.lg\:hover\:bg-purple-darker:hover {
    background-color: #352465;
}
.lg\:hover\:bg-purple-dark:hover {
    background-color: #794acf;
}
.lg\:hover\:bg-purple:hover {
    background-color: #9561e2;
}
.lg\:hover\:bg-purple-light:hover {
    background-color: #a779e9;
}
.lg\:hover\:bg-purple-lighter:hover {
    background-color: #d6bbfc;
}
.lg\:hover\:bg-purple-lightest:hover {
    background-color: #f3ebff;
}
.lg\:hover\:bg-pink-darkest:hover {
    background-color: #45051e;
}
.lg\:hover\:bg-pink-darker:hover {
    background-color: #72173a;
}
.lg\:hover\:bg-pink-dark:hover {
    background-color: #eb5286;
}
.lg\:hover\:bg-pink:hover {
    background-color: #f66d9b;
}
.lg\:hover\:bg-pink-light:hover {
    background-color: #fa7ea8;
}
.lg\:hover\:bg-pink-lighter:hover {
    background-color: #ffbbca;
}
.lg\:hover\:bg-pink-lightest:hover {
    background-color: #ffebef;
}
.lg\:bg-bottom {
    background-position: bottom;
}
.lg\:bg-center {
    background-position: center;
}
.lg\:bg-left {
    background-position: left;
}
.lg\:bg-left-bottom {
    background-position: left bottom;
}
.lg\:bg-left-top {
    background-position: left top;
}
.lg\:bg-right {
    background-position: right;
}
.lg\:bg-right-bottom {
    background-position: right bottom;
}
.lg\:bg-right-top {
    background-position: right top;
}
.lg\:bg-top {
    background-position: top;
}
.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;
}
.lg\:bg-cover {
    background-size: cover;
}
.lg\:bg-contain {
    background-size: contain;
}
.lg\:border-transparent {
    border-color: transparent;
}
.lg\:border-black {
    border-color: #222b2f;
}
.lg\:border-grey-darkest {
    border-color: #364349;
}
.lg\:border-grey-darker {
    border-color: #596a73;
}
.lg\:border-grey-dark {
    border-color: #70818a;
}
.lg\:border-grey {
    border-color: #9babb4;
}
.lg\:border-grey-light {
    border-color: #dae4e9;
}
.lg\:border-grey-lighter {
    border-color: #f3f7f9;
}
.lg\:border-grey-lightest {
    border-color: #fafcfc;
}
.lg\:border-white {
    border-color: #fff;
}
.lg\:border-red-darkest {
    border-color: #420806;
}
.lg\:border-red-darker {
    border-color: #6a1b19;
}
.lg\:border-red-dark {
    border-color: #cc1f1a;
}
.lg\:border-red {
    border-color: #e3342f;
}
.lg\:border-red-light {
    border-color: #ef5753;
}
.lg\:border-red-lighter {
    border-color: #f9acaa;
}
.lg\:border-red-lightest {
    border-color: #fcebea;
}
.lg\:border-orange-darkest {
    border-color: #542605;
}
.lg\:border-orange-darker {
    border-color: #7f4012;
}
.lg\:border-orange-dark {
    border-color: #de751f;
}
.lg\:border-orange {
    border-color: #f6993f;
}
.lg\:border-orange-light {
    border-color: #faad63;
}
.lg\:border-orange-lighter {
    border-color: #fcd9b6;
}
.lg\:border-orange-lightest {
    border-color: #fff5eb;
}
.lg\:border-yellow-darkest {
    border-color: #453411;
}
.lg\:border-yellow-darker {
    border-color: #684f1d;
}
.lg\:border-yellow-dark {
    border-color: #f2d024;
}
.lg\:border-yellow {
    border-color: #ffed4a;
}
.lg\:border-yellow-light {
    border-color: #fff382;
}
.lg\:border-yellow-lighter {
    border-color: #fff9c2;
}
.lg\:border-yellow-lightest {
    border-color: #fcfbeb;
}
.lg\:border-green-darkest {
    border-color: #032d19;
}
.lg\:border-green-darker {
    border-color: #0b4228;
}
.lg\:border-green-dark {
    border-color: #1f9d55;
}
.lg\:border-green {
    border-color: #38c172;
}
.lg\:border-green-light {
    border-color: #51d88a;
}
.lg\:border-green-lighter {
    border-color: #a2f5bf;
}
.lg\:border-green-lightest {
    border-color: #e3fcec;
}
.lg\:border-teal-darkest {
    border-color: #0d3331;
}
.lg\:border-teal-darker {
    border-color: #174e4b;
}
.lg\:border-teal-dark {
    border-color: #38a89d;
}
.lg\:border-teal {
    border-color: #4dc0b5;
}
.lg\:border-teal-light {
    border-color: #64d5ca;
}
.lg\:border-teal-lighter {
    border-color: #a0f0ed;
}
.lg\:border-teal-lightest {
    border-color: #e8fffe;
}
.lg\:border-blue-darkest {
    border-color: #05233b;
}
.lg\:border-blue-darker {
    border-color: #103d60;
}
.lg\:border-blue-dark {
    border-color: #2779bd;
}
.lg\:border-blue {
    border-color: #3490dc;
}
.lg\:border-blue-light {
    border-color: #6cb2eb;
}
.lg\:border-blue-lighter {
    border-color: #bcdefa;
}
.lg\:border-blue-lightest {
    border-color: #eff8ff;
}
.lg\:border-indigo-darkest {
    border-color: #191e38;
}
.lg\:border-indigo-darker {
    border-color: #2f365f;
}
.lg\:border-indigo-dark {
    border-color: #5661b3;
}
.lg\:border-indigo {
    border-color: #6574cd;
}
.lg\:border-indigo-light {
    border-color: #7886d7;
}
.lg\:border-indigo-lighter {
    border-color: #b2b7ff;
}
.lg\:border-indigo-lightest {
    border-color: #e6e8ff;
}
.lg\:border-purple-darkest {
    border-color: #1f133f;
}
.lg\:border-purple-darker {
    border-color: #352465;
}
.lg\:border-purple-dark {
    border-color: #794acf;
}
.lg\:border-purple {
    border-color: #9561e2;
}
.lg\:border-purple-light {
    border-color: #a779e9;
}
.lg\:border-purple-lighter {
    border-color: #d6bbfc;
}
.lg\:border-purple-lightest {
    border-color: #f3ebff;
}
.lg\:border-pink-darkest {
    border-color: #45051e;
}
.lg\:border-pink-darker {
    border-color: #72173a;
}
.lg\:border-pink-dark {
    border-color: #eb5286;
}
.lg\:border-pink {
    border-color: #f66d9b;
}
.lg\:border-pink-light {
    border-color: #fa7ea8;
}
.lg\:border-pink-lighter {
    border-color: #ffbbca;
}
.lg\:border-pink-lightest {
    border-color: #ffebef;
}
.lg\:hover\:border-transparent:hover {
    border-color: transparent;
}
.lg\:hover\:border-black:hover {
    border-color: #222b2f;
}
.lg\:hover\:border-grey-darkest:hover {
    border-color: #364349;
}
.lg\:hover\:border-grey-darker:hover {
    border-color: #596a73;
}
.lg\:hover\:border-grey-dark:hover {
    border-color: #70818a;
}
.lg\:hover\:border-grey:hover {
    border-color: #9babb4;
}
.lg\:hover\:border-grey-light:hover {
    border-color: #dae4e9;
}
.lg\:hover\:border-grey-lighter:hover {
    border-color: #f3f7f9;
}
.lg\:hover\:border-grey-lightest:hover {
    border-color: #fafcfc;
}
.lg\:hover\:border-white:hover {
    border-color: #fff;
}
.lg\:hover\:border-red-darkest:hover {
    border-color: #420806;
}
.lg\:hover\:border-red-darker:hover {
    border-color: #6a1b19;
}
.lg\:hover\:border-red-dark:hover {
    border-color: #cc1f1a;
}
.lg\:hover\:border-red:hover {
    border-color: #e3342f;
}
.lg\:hover\:border-red-light:hover {
    border-color: #ef5753;
}
.lg\:hover\:border-red-lighter:hover {
    border-color: #f9acaa;
}
.lg\:hover\:border-red-lightest:hover {
    border-color: #fcebea;
}
.lg\:hover\:border-orange-darkest:hover {
    border-color: #542605;
}
.lg\:hover\:border-orange-darker:hover {
    border-color: #7f4012;
}
.lg\:hover\:border-orange-dark:hover {
    border-color: #de751f;
}
.lg\:hover\:border-orange:hover {
    border-color: #f6993f;
}
.lg\:hover\:border-orange-light:hover {
    border-color: #faad63;
}
.lg\:hover\:border-orange-lighter:hover {
    border-color: #fcd9b6;
}
.lg\:hover\:border-orange-lightest:hover {
    border-color: #fff5eb;
}
.lg\:hover\:border-yellow-darkest:hover {
    border-color: #453411;
}
.lg\:hover\:border-yellow-darker:hover {
    border-color: #684f1d;
}
.lg\:hover\:border-yellow-dark:hover {
    border-color: #f2d024;
}
.lg\:hover\:border-yellow:hover {
    border-color: #ffed4a;
}
.lg\:hover\:border-yellow-light:hover {
    border-color: #fff382;
}
.lg\:hover\:border-yellow-lighter:hover {
    border-color: #fff9c2;
}
.lg\:hover\:border-yellow-lightest:hover {
    border-color: #fcfbeb;
}
.lg\:hover\:border-green-darkest:hover {
    border-color: #032d19;
}
.lg\:hover\:border-green-darker:hover {
    border-color: #0b4228;
}
.lg\:hover\:border-green-dark:hover {
    border-color: #1f9d55;
}
.lg\:hover\:border-green:hover {
    border-color: #38c172;
}
.lg\:hover\:border-green-light:hover {
    border-color: #51d88a;
}
.lg\:hover\:border-green-lighter:hover {
    border-color: #a2f5bf;
}
.lg\:hover\:border-green-lightest:hover {
    border-color: #e3fcec;
}
.lg\:hover\:border-teal-darkest:hover {
    border-color: #0d3331;
}
.lg\:hover\:border-teal-darker:hover {
    border-color: #174e4b;
}
.lg\:hover\:border-teal-dark:hover {
    border-color: #38a89d;
}
.lg\:hover\:border-teal:hover {
    border-color: #4dc0b5;
}
.lg\:hover\:border-teal-light:hover {
    border-color: #64d5ca;
}
.lg\:hover\:border-teal-lighter:hover {
    border-color: #a0f0ed;
}
.lg\:hover\:border-teal-lightest:hover {
    border-color: #e8fffe;
}
.lg\:hover\:border-blue-darkest:hover {
    border-color: #05233b;
}
.lg\:hover\:border-blue-darker:hover {
    border-color: #103d60;
}
.lg\:hover\:border-blue-dark:hover {
    border-color: #2779bd;
}
.lg\:hover\:border-blue:hover {
    border-color: #3490dc;
}
.lg\:hover\:border-blue-light:hover {
    border-color: #6cb2eb;
}
.lg\:hover\:border-blue-lighter:hover {
    border-color: #bcdefa;
}
.lg\:hover\:border-blue-lightest:hover {
    border-color: #eff8ff;
}
.lg\:hover\:border-indigo-darkest:hover {
    border-color: #191e38;
}
.lg\:hover\:border-indigo-darker:hover {
    border-color: #2f365f;
}
.lg\:hover\:border-indigo-dark:hover {
    border-color: #5661b3;
}
.lg\:hover\:border-indigo:hover {
    border-color: #6574cd;
}
.lg\:hover\:border-indigo-light:hover {
    border-color: #7886d7;
}
.lg\:hover\:border-indigo-lighter:hover {
    border-color: #b2b7ff;
}
.lg\:hover\:border-indigo-lightest:hover {
    border-color: #e6e8ff;
}
.lg\:hover\:border-purple-darkest:hover {
    border-color: #1f133f;
}
.lg\:hover\:border-purple-darker:hover {
    border-color: #352465;
}
.lg\:hover\:border-purple-dark:hover {
    border-color: #794acf;
}
.lg\:hover\:border-purple:hover {
    border-color: #9561e2;
}
.lg\:hover\:border-purple-light:hover {
    border-color: #a779e9;
}
.lg\:hover\:border-purple-lighter:hover {
    border-color: #d6bbfc;
}
.lg\:hover\:border-purple-lightest:hover {
    border-color: #f3ebff;
}
.lg\:hover\:border-pink-darkest:hover {
    border-color: #45051e;
}
.lg\:hover\:border-pink-darker:hover {
    border-color: #72173a;
}
.lg\:hover\:border-pink-dark:hover {
    border-color: #eb5286;
}
.lg\:hover\:border-pink:hover {
    border-color: #f66d9b;
}
.lg\:hover\:border-pink-light:hover {
    border-color: #fa7ea8;
}
.lg\:hover\:border-pink-lighter:hover {
    border-color: #ffbbca;
}
.lg\:hover\:border-pink-lightest:hover {
    border-color: #ffebef;
}
.lg\:rounded-none {
    border-radius: 0;
}
.lg\:rounded-sm {
    border-radius: .125rem;
}
.lg\:rounded {
    border-radius: .25rem;
}
.lg\:rounded-lg {
    border-radius: .5rem;
}
.lg\:rounded-full {
    border-radius: 9999px;
}
.lg\:rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.lg\:rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.lg\:rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.lg\:rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.lg\:rounded-t-sm {
    border-top-left-radius: .125rem;
    border-top-right-radius: .125rem;
}
.lg\:rounded-r-sm {
    border-top-right-radius: .125rem;
    border-bottom-right-radius: .125rem;
}
.lg\:rounded-b-sm {
    border-bottom-right-radius: .125rem;
    border-bottom-left-radius: .125rem;
}
.lg\:rounded-l-sm {
    border-top-left-radius: .125rem;
    border-bottom-left-radius: .125rem;
}
.lg\:rounded-t {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}
.lg\:rounded-r {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}
.lg\:rounded-b {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
}
.lg\:rounded-l {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}
.lg\:rounded-t-lg {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
}
.lg\:rounded-r-lg {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
}
.lg\:rounded-b-lg {
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem;
}
.lg\:rounded-l-lg {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
}
.lg\:rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
}
.lg\:rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
}
.lg\:rounded-b-full {
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
}
.lg\:rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
}
.lg\:rounded-tl-none {
    border-top-left-radius: 0;
}
.lg\:rounded-tr-none {
    border-top-right-radius: 0;
}
.lg\:rounded-br-none {
    border-bottom-right-radius: 0;
}
.lg\:rounded-bl-none {
    border-bottom-left-radius: 0;
}
.lg\:rounded-tl-sm {
    border-top-left-radius: .125rem;
}
.lg\:rounded-tr-sm {
    border-top-right-radius: .125rem;
}
.lg\:rounded-br-sm {
    border-bottom-right-radius: .125rem;
}
.lg\:rounded-bl-sm {
    border-bottom-left-radius: .125rem;
}
.lg\:rounded-tl {
    border-top-left-radius: .25rem;
}
.lg\:rounded-tr {
    border-top-right-radius: .25rem;
}
.lg\:rounded-br {
    border-bottom-right-radius: .25rem;
}
.lg\:rounded-bl {
    border-bottom-left-radius: .25rem;
}
.lg\:rounded-tl-lg {
    border-top-left-radius: .5rem;
}
.lg\:rounded-tr-lg {
    border-top-right-radius: .5rem;
}
.lg\:rounded-br-lg {
    border-bottom-right-radius: .5rem;
}
.lg\:rounded-bl-lg {
    border-bottom-left-radius: .5rem;
}
.lg\:rounded-tl-full {
    border-top-left-radius: 9999px;
}
.lg\:rounded-tr-full {
    border-top-right-radius: 9999px;
}
.lg\:rounded-br-full {
    border-bottom-right-radius: 9999px;
}
.lg\:rounded-bl-full {
    border-bottom-left-radius: 9999px;
}
.lg\:border-solid {
    border-style: solid;
}
.lg\:border-dashed {
    border-style: dashed;
}
.lg\:border-dotted {
    border-style: dotted;
}
.lg\:border-none {
    border-style: none;
}
.lg\:border-0 {
    border-width: 0;
}
.lg\:border-2 {
    border-width: 2px;
}
.lg\:border-4 {
    border-width: 4px;
}
.lg\:border-8 {
    border-width: 8px;
}
.lg\:border {
    border-width: 1px;
}
.lg\:border-t-0 {
    border-top-width: 0;
}
.lg\:border-r-0 {
    border-right-width: 0;
}
.lg\:border-b-0 {
    border-bottom-width: 0;
}
.lg\:border-l-0 {
    border-left-width: 0;
}
.lg\:border-t-2 {
    border-top-width: 2px;
}
.lg\:border-r-2 {
    border-right-width: 2px;
}
.lg\:border-b-2 {
    border-bottom-width: 2px;
}
.lg\:border-l-2 {
    border-left-width: 2px;
}
.lg\:border-t-4 {
    border-top-width: 4px;
}
.lg\:border-r-4 {
    border-right-width: 4px;
}
.lg\:border-b-4 {
    border-bottom-width: 4px;
}
.lg\:border-l-4 {
    border-left-width: 4px;
}
.lg\:border-t-8 {
    border-top-width: 8px;
}
.lg\:border-r-8 {
    border-right-width: 8px;
}
.lg\:border-b-8 {
    border-bottom-width: 8px;
}
.lg\:border-l-8 {
    border-left-width: 8px;
}
.lg\:border-t {
    border-top-width: 1px;
}
.lg\:border-r {
    border-right-width: 1px;
}
.lg\:border-b {
    border-bottom-width: 1px;
}
.lg\:border-l {
    border-left-width: 1px;
}
.lg\:cursor-auto {
    cursor: auto;
}
.lg\:cursor-default {
    cursor: default;
}
.lg\:cursor-pointer {
    cursor: pointer;
}
.lg\:cursor-not-allowed {
    cursor: not-allowed;
}
.lg\:block {
    display: block;
}
.lg\:inline-block {
    display: inline-block;
}
.lg\:inline {
    display: inline;
}
.lg\:table {
    display: table;
}
.lg\:table-row {
    display: table-row;
}
.lg\:table-cell {
    display: table-cell;
}
.lg\:hidden {
    display: none;
}
.lg\:flex {
    display: -webkit-box;
    display: flex;
}
.lg\:inline-flex {
    display: -webkit-inline-box;
    display: inline-flex;
}
.lg\:flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
}
.lg\:flex-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
}
.lg\:flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}
.lg\:flex-col-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse;
}
.lg\:flex-wrap {
    flex-wrap: wrap;
}
.lg\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
}
.lg\:flex-no-wrap {
    flex-wrap: nowrap;
}
.lg\:items-start {
    -webkit-box-align: start;
    align-items: flex-start;
}
.lg\:items-end {
    -webkit-box-align: end;
    align-items: flex-end;
}
.lg\:items-center {
    -webkit-box-align: center;
    align-items: center;
}
.lg\:items-baseline {
    -webkit-box-align: baseline;
    align-items: baseline;
}
.lg\:items-stretch {
    -webkit-box-align: stretch;
    align-items: stretch;
}
.lg\:self-auto {
    align-self: auto;
}
.lg\:self-start {
    align-self: flex-start;
}
.lg\:self-end {
    align-self: flex-end;
}
.lg\:self-center {
    align-self: center;
}
.lg\:self-stretch {
    align-self: stretch;
}
.lg\:justify-start {
    -webkit-box-pack: start;
    justify-content: flex-start;
}
.lg\:justify-end {
    -webkit-box-pack: end;
    justify-content: flex-end;
}
.lg\:justify-center {
    -webkit-box-pack: center;
    justify-content: center;
}
.lg\:justify-between {
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.lg\:justify-around {
    justify-content: space-around;
}
.lg\:content-center {
    align-content: center;
}
.lg\:content-start {
    align-content: flex-start;
}
.lg\:content-end {
    align-content: flex-end;
}
.lg\:content-between {
    align-content: space-between;
}
.lg\:content-around {
    align-content: space-around;
}
.lg\:flex-1 {
    -webkit-box-flex: 1;
    flex: 1;
}
.lg\:flex-auto {
    -webkit-box-flex: 1;
    flex: auto;
}
.lg\:flex-initial {
    -webkit-box-flex: initial;
    flex: initial;
}
.lg\:flex-none {
    -webkit-box-flex: 0;
    flex: none;
}
.lg\:flex-grow {
    -webkit-box-flex: 1;
    flex-grow: 1;
}
.lg\:flex-shrink {
    flex-shrink: 1;
}
.lg\:flex-no-grow {
    -webkit-box-flex: 0;
    flex-grow: 0;
}
.lg\:flex-no-shrink {
    flex-shrink: 0;
}
.lg\:float-right {
    float: right;
}
.lg\:float-left {
    float: left;
}
.lg\:float-none {
    float: none;
}
.lg\:clearfix:after {
    content: "";
    display: table;
    clear: both;
}
.lg\:font-sans {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
.lg\:font-serif {
    font-family: Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif;
}
.lg\:font-mono {
    font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
}
.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;
}
.lg\:hover\:font-hairline:hover {
    font-weight: 100;
}
.lg\:hover\:font-thin:hover {
    font-weight: 200;
}
.lg\:hover\:font-light:hover {
    font-weight: 300;
}
.lg\:hover\:font-normal:hover {
    font-weight: 400;
}
.lg\:hover\:font-medium:hover {
    font-weight: 500;
}
.lg\:hover\:font-semibold:hover {
    font-weight: 600;
}
.lg\:hover\:font-bold:hover {
    font-weight: 700;
}
.lg\:hover\:font-extrabold:hover {
    font-weight: 800;
}
.lg\:hover\:font-black:hover {
    font-weight: 900;
}
.lg\:h-1 {
    height: .25rem;
}
.lg\:h-2 {
    height: .5rem;
}
.lg\:h-3 {
    height: .75rem;
}
.lg\:h-4 {
    height: 1rem;
}
.lg\:h-6 {
    height: 1.5rem;
}
.lg\:h-8 {
    height: 2rem;
}
.lg\:h-10 {
    height: 2.5rem;
}
.lg\:h-12 {
    height: 3rem;
}
.lg\:h-16 {
    height: 4rem;
}
.lg\:h-24 {
    height: 6rem;
}
.lg\:h-32 {
    height: 8rem;
}
.lg\:h-48 {
    height: 12rem;
}
.lg\:h-64 {
    height: 16rem;
}
.lg\:h-auto {
    height: auto;
}
.lg\:h-px {
    height: 1px;
}
.lg\:h-full {
    height: 100%}
.lg\:h-screen {
    height: 100vh;
}
.lg\:leading-none {
    line-height: 1;
}
.lg\:leading-tight {
    line-height: 1.25;
}
.lg\:leading-normal {
    line-height: 1.5;
}
.lg\:leading-loose {
    line-height: 2;
}
.lg\:m-0 {
    margin: 0;
}
.lg\:m-1 {
    margin: .25rem;
}
.lg\:m-2 {
    margin: .5rem;
}
.lg\:m-3 {
    margin: .75rem;
}
.lg\:m-4 {
    margin: 1rem;
}
.lg\:m-6 {
    margin: 1.5rem;
}
.lg\:m-8 {
    margin: 2rem;
}
.lg\:m-auto {
    margin: auto;
}
.lg\:m-px {
    margin: 1px;
}
.lg\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
}
.lg\:mx-0 {
    margin-left: 0;
    margin-right: 0;
}
.lg\:my-1 {
    margin-top: .25rem;
    margin-bottom: .25rem;
}
.lg\:mx-1 {
    margin-left: .25rem;
    margin-right: .25rem;
}
.lg\:my-2 {
    margin-top: .5rem;
    margin-bottom: .5rem;
}
.lg\:mx-2 {
    margin-left: .5rem;
    margin-right: .5rem;
}
.lg\:my-3 {
    margin-top: .75rem;
    margin-bottom: .75rem;
}
.lg\:mx-3 {
    margin-left: .75rem;
    margin-right: .75rem;
}
.lg\:my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.lg\:mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
}
.lg\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
.lg\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}
.lg\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.lg\:mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
}
.lg\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
}
.lg\:mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.lg\:my-px {
    margin-top: 1px;
    margin-bottom: 1px;
}
.lg\:mx-px {
    margin-left: 1px;
    margin-right: 1px;
}
.lg\:mt-0 {
    margin-top: 0;
}
.lg\:mr-0 {
    margin-right: 0;
}
.lg\:mb-0 {
    margin-bottom: 0;
}
.lg\:ml-0 {
    margin-left: 0;
}
.lg\:mt-1 {
    margin-top: .25rem;
}
.lg\:mr-1 {
    margin-right: .25rem;
}
.lg\:mb-1 {
    margin-bottom: .25rem;
}
.lg\:ml-1 {
    margin-left: .25rem;
}
.lg\:mt-2 {
    margin-top: .5rem;
}
.lg\:mr-2 {
    margin-right: .5rem;
}
.lg\:mb-2 {
    margin-bottom: .5rem;
}
.lg\:ml-2 {
    margin-left: .5rem;
}
.lg\:mt-3 {
    margin-top: .75rem;
}
.lg\:mr-3 {
    margin-right: .75rem;
}
.lg\:mb-3 {
    margin-bottom: .75rem;
}
.lg\:ml-3 {
    margin-left: .75rem;
}
.lg\:mt-4 {
    margin-top: 1rem;
}
.lg\:mr-4 {
    margin-right: 1rem;
}
.lg\:mb-4 {
    margin-bottom: 1rem;
}
.lg\:ml-4 {
    margin-left: 1rem;
}
.lg\:mt-6 {
    margin-top: 1.5rem;
}
.lg\:mr-6 {
    margin-right: 1.5rem;
}
.lg\:mb-6 {
    margin-bottom: 1.5rem;
}
.lg\:ml-6 {
    margin-left: 1.5rem;
}
.lg\:mt-8 {
    margin-top: 2rem;
}
.lg\:mr-8 {
    margin-right: 2rem;
}
.lg\:mb-8 {
    margin-bottom: 2rem;
}
.lg\:ml-8 {
    margin-left: 2rem;
}
.lg\:mt-auto {
    margin-top: auto;
}
.lg\:mr-auto {
    margin-right: auto;
}
.lg\:mb-auto {
    margin-bottom: auto;
}
.lg\:ml-auto {
    margin-left: auto;
}
.lg\:mt-px {
    margin-top: 1px;
}
.lg\:mr-px {
    margin-right: 1px;
}
.lg\:mb-px {
    margin-bottom: 1px;
}
.lg\:ml-px {
    margin-left: 1px;
}
.lg\:max-h-full {
    max-height: 100%}
.lg\:max-h-screen {
    max-height: 100vh;
}
.lg\:max-w-xs {
    max-width: 20rem;
}
.lg\:max-w-sm {
    max-width: 30rem;
}
.lg\:max-w-md {
    max-width: 40rem;
}
.lg\:max-w-lg {
    max-width: 50rem;
}
.lg\:max-w-xl {
    max-width: 60rem;
}
.lg\:max-w-2xl {
    max-width: 70rem;
}
.lg\:max-w-3xl {
    max-width: 80rem;
}
.lg\:max-w-4xl {
    max-width: 90rem;
}
.lg\:max-w-5xl {
    max-width: 100rem;
}
.lg\:max-w-full {
    max-width: 100%}
.lg\:min-h-0 {
    min-height: 0;
}
.lg\:min-h-full {
    min-height: 100%}
.lg\:min-h-screen {
    min-height: 100vh;
}
.lg\:min-w-0 {
    min-width: 0;
}
.lg\:min-w-full {
    min-width: 100%}
.lg\:-m-0 {
    margin: 0;
}
.lg\:-m-1 {
    margin: -.25rem;
}
.lg\:-m-2 {
    margin: -.5rem;
}
.lg\:-m-3 {
    margin: -.75rem;
}
.lg\:-m-4 {
    margin: -1rem;
}
.lg\:-m-6 {
    margin: -1.5rem;
}
.lg\:-m-8 {
    margin: -2rem;
}
.lg\:-m-px {
    margin: -1px;
}
.lg\:-my-0 {
    margin-top: 0;
    margin-bottom: 0;
}
.lg\:-mx-0 {
    margin-left: 0;
    margin-right: 0;
}
.lg\:-my-1 {
    margin-top: -.25rem;
    margin-bottom: -.25rem;
}
.lg\:-mx-1 {
    margin-left: -.25rem;
    margin-right: -.25rem;
}
.lg\:-my-2 {
    margin-top: -.5rem;
    margin-bottom: -.5rem;
}
.lg\:-mx-2 {
    margin-left: -.5rem;
    margin-right: -.5rem;
}
.lg\:-my-3 {
    margin-top: -.75rem;
    margin-bottom: -.75rem;
}
.lg\:-mx-3 {
    margin-left: -.75rem;
    margin-right: -.75rem;
}
.lg\:-my-4 {
    margin-top: -1rem;
    margin-bottom: -1rem;
}
.lg\:-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
}
.lg\:-my-6 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
}
.lg\:-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
}
.lg\:-my-8 {
    margin-top: -2rem;
    margin-bottom: -2rem;
}
.lg\:-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem;
}
.lg\:-my-px {
    margin-top: -1px;
    margin-bottom: -1px;
}
.lg\:-mx-px {
    margin-left: -1px;
    margin-right: -1px;
}
.lg\:-mt-0 {
    margin-top: 0;
}
.lg\:-mr-0 {
    margin-right: 0;
}
.lg\:-mb-0 {
    margin-bottom: 0;
}
.lg\:-ml-0 {
    margin-left: 0;
}
.lg\:-mt-1 {
    margin-top: -.25rem;
}
.lg\:-mr-1 {
    margin-right: -.25rem;
}
.lg\:-mb-1 {
    margin-bottom: -.25rem;
}
.lg\:-ml-1 {
    margin-left: -.25rem;
}
.lg\:-mt-2 {
    margin-top: -.5rem;
}
.lg\:-mr-2 {
    margin-right: -.5rem;
}
.lg\:-mb-2 {
    margin-bottom: -.5rem;
}
.lg\:-ml-2 {
    margin-left: -.5rem;
}
.lg\:-mt-3 {
    margin-top: -.75rem;
}
.lg\:-mr-3 {
    margin-right: -.75rem;
}
.lg\:-mb-3 {
    margin-bottom: -.75rem;
}
.lg\:-ml-3 {
    margin-left: -.75rem;
}
.lg\:-mt-4 {
    margin-top: -1rem;
}
.lg\:-mr-4 {
    margin-right: -1rem;
}
.lg\:-mb-4 {
    margin-bottom: -1rem;
}
.lg\:-ml-4 {
    margin-left: -1rem;
}
.lg\:-mt-6 {
    margin-top: -1.5rem;
}
.lg\:-mr-6 {
    margin-right: -1.5rem;
}
.lg\:-mb-6 {
    margin-bottom: -1.5rem;
}
.lg\:-ml-6 {
    margin-left: -1.5rem;
}
.lg\:-mt-8 {
    margin-top: -2rem;
}
.lg\:-mr-8 {
    margin-right: -2rem;
}
.lg\:-mb-8 {
    margin-bottom: -2rem;
}
.lg\:-ml-8 {
    margin-left: -2rem;
}
.lg\:-mt-px {
    margin-top: -1px;
}
.lg\:-mr-px {
    margin-right: -1px;
}
.lg\:-mb-px {
    margin-bottom: -1px;
}
.lg\:-ml-px {
    margin-left: -1px;
}
.lg\:opacity-0 {
    opacity: 0;
}
.lg\:opacity-25 {
    opacity: .25;
}
.lg\:opacity-50 {
    opacity: .5;
}
.lg\:opacity-75 {
    opacity: .75;
}
.lg\:opacity-100 {
    opacity: 1;
}
.lg\:overflow-auto {
    overflow: auto;
}
.lg\:overflow-hidden {
    overflow: hidden;
}
.lg\:overflow-visible {
    overflow: visible;
}
.lg\:overflow-scroll {
    overflow: scroll;
}
.lg\:overflow-x-scroll {
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.lg\:overflow-y-scroll {
    overflow-y: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.lg\:scrolling-touch {
    -webkit-overflow-scrolling: touch;
}
.lg\:scrolling-auto {
    -webkit-overflow-scrolling: auto;
}
.lg\:p-0 {
    padding: 0;
}
.lg\:p-1 {
    padding: .25rem;
}
.lg\:p-2 {
    padding: .5rem;
}
.lg\:p-3 {
    padding: .75rem;
}
.lg\:p-4 {
    padding: 1rem;
}
.lg\:p-6 {
    padding: 1.5rem;
}
.lg\:p-8 {
    padding: 2rem;
}
.lg\:p-px {
    padding: 1px;
}
.lg\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
}
.lg\:px-0 {
    padding-left: 0;
    padding-right: 0;
}
.lg\:py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem;
}
.lg\:px-1 {
    padding-left: .25rem;
    padding-right: .25rem;
}
.lg\:py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem;
}
.lg\:px-2 {
    padding-left: .5rem;
    padding-right: .5rem;
}
.lg\:py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem;
}
.lg\:px-3 {
    padding-left: .75rem;
    padding-right: .75rem;
}
.lg\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.lg\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}
.lg\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.lg\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.lg\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.lg\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
}
.lg\:py-px {
    padding-top: 1px;
    padding-bottom: 1px;
}
.lg\:px-px {
    padding-left: 1px;
    padding-right: 1px;
}
.lg\:pt-0 {
    padding-top: 0;
}
.lg\:pr-0 {
    padding-right: 0;
}
.lg\:pb-0 {
    padding-bottom: 0;
}
.lg\:pl-0 {
    padding-left: 0;
}
.lg\:pt-1 {
    padding-top: .25rem;
}
.lg\:pr-1 {
    padding-right: .25rem;
}
.lg\:pb-1 {
    padding-bottom: .25rem;
}
.lg\:pl-1 {
    padding-left: .25rem;
}
.lg\:pt-2 {
    padding-top: .5rem;
}
.lg\:pr-2 {
    padding-right: .5rem;
}
.lg\:pb-2 {
    padding-bottom: .5rem;
}
.lg\:pl-2 {
    padding-left: .5rem;
}
.lg\:pt-3 {
    padding-top: .75rem;
}
.lg\:pr-3 {
    padding-right: .75rem;
}
.lg\:pb-3 {
    padding-bottom: .75rem;
}
.lg\:pl-3 {
    padding-left: .75rem;
}
.lg\:pt-4 {
    padding-top: 1rem;
}
.lg\:pr-4 {
    padding-right: 1rem;
}
.lg\:pb-4 {
    padding-bottom: 1rem;
}
.lg\:pl-4 {
    padding-left: 1rem;
}
.lg\:pt-6 {
    padding-top: 1.5rem;
}
.lg\:pr-6 {
    padding-right: 1.5rem;
}
.lg\:pb-6 {
    padding-bottom: 1.5rem;
}
.lg\:pl-6 {
    padding-left: 1.5rem;
}
.lg\:pt-8 {
    padding-top: 2rem;
}
.lg\:pr-8 {
    padding-right: 2rem;
}
.lg\:pb-8 {
    padding-bottom: 2rem;
}
.lg\:pl-8 {
    padding-left: 2rem;
}
.lg\:pt-px {
    padding-top: 1px;
}
.lg\:pr-px {
    padding-right: 1px;
}
.lg\:pb-px {
    padding-bottom: 1px;
}
.lg\:pl-px {
    padding-left: 1px;
}
.lg\:pointer-events-none {
    pointer-events: none;
}
.lg\:pointer-events-auto {
    pointer-events: auto;
}
.lg\:static {
    position: static;
}
.lg\:fixed {
    position: fixed;
}
.lg\:absolute {
    position: absolute;
}
.lg\:relative {
    position: relative;
}
.lg\:pin-none {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
}
.lg\:pin {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.lg\:pin-y {
    top: 0;
    bottom: 0;
}
.lg\:pin-x {
    right: 0;
    left: 0;
}
.lg\:pin-t {
    top: 0;
}
.lg\:pin-r {
    right: 0;
}
.lg\:pin-b {
    bottom: 0;
}
.lg\:pin-l {
    left: 0;
}
.lg\:resize-none {
    resize: none;
}
.lg\:resize-y {
    resize: vertical;
}
.lg\:resize-x {
    resize: horizontal;
}
.lg\:resize {
    resize: both;
}
.lg\:shadow {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
}
.lg\:shadow-md {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08);
}
.lg\:shadow-lg {
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08);
}
.lg\:shadow-inner {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06);
}
.lg\:shadow-none {
    box-shadow: none;
}
.lg\:text-left {
    text-align: left;
}
.lg\:text-center {
    text-align: center;
}
.lg\:text-right {
    text-align: right;
}
.lg\:text-justify {
    text-align: justify;
}
.lg\:text-transparent {
    color: transparent;
}
.lg\:text-black {
    color: #222b2f;
}
.lg\:text-grey-darkest {
    color: #364349;
}
.lg\:text-grey-darker {
    color: #596a73;
}
.lg\:text-grey-dark {
    color: #70818a;
}
.lg\:text-grey {
    color: #9babb4;
}
.lg\:text-grey-light {
    color: #dae4e9;
}
.lg\:text-grey-lighter {
    color: #f3f7f9;
}
.lg\:text-grey-lightest {
    color: #fafcfc;
}
.lg\:text-white {
    color: #fff;
}
.lg\:text-red-darkest {
    color: #420806;
}
.lg\:text-red-darker {
    color: #6a1b19;
}
.lg\:text-red-dark {
    color: #cc1f1a;
}
.lg\:text-red {
    color: #e3342f;
}
.lg\:text-red-light {
    color: #ef5753;
}
.lg\:text-red-lighter {
    color: #f9acaa;
}
.lg\:text-red-lightest {
    color: #fcebea;
}
.lg\:text-orange-darkest {
    color: #542605;
}
.lg\:text-orange-darker {
    color: #7f4012;
}
.lg\:text-orange-dark {
    color: #de751f;
}
.lg\:text-orange {
    color: #f6993f;
}
.lg\:text-orange-light {
    color: #faad63;
}
.lg\:text-orange-lighter {
    color: #fcd9b6;
}
.lg\:text-orange-lightest {
    color: #fff5eb;
}
.lg\:text-yellow-darkest {
    color: #453411;
}
.lg\:text-yellow-darker {
    color: #684f1d;
}
.lg\:text-yellow-dark {
    color: #f2d024;
}
.lg\:text-yellow {
    color: #ffed4a;
}
.lg\:text-yellow-light {
    color: #fff382;
}
.lg\:text-yellow-lighter {
    color: #fff9c2;
}
.lg\:text-yellow-lightest {
    color: #fcfbeb;
}
.lg\:text-green-darkest {
    color: #032d19;
}
.lg\:text-green-darker {
    color: #0b4228;
}
.lg\:text-green-dark {
    color: #1f9d55;
}
.lg\:text-green {
    color: #38c172;
}
.lg\:text-green-light {
    color: #51d88a;
}
.lg\:text-green-lighter {
    color: #a2f5bf;
}
.lg\:text-green-lightest {
    color: #e3fcec;
}
.lg\:text-teal-darkest {
    color: #0d3331;
}
.lg\:text-teal-darker {
    color: #174e4b;
}
.lg\:text-teal-dark {
    color: #38a89d;
}
.lg\:text-teal {
    color: #4dc0b5;
}
.lg\:text-teal-light {
    color: #64d5ca;
}
.lg\:text-teal-lighter {
    color: #a0f0ed;
}
.lg\:text-teal-lightest {
    color: #e8fffe;
}
.lg\:text-blue-darkest {
    color: #05233b;
}
.lg\:text-blue-darker {
    color: #103d60;
}
.lg\:text-blue-dark {
    color: #2779bd;
}
.lg\:text-blue {
    color: #3490dc;
}
.lg\:text-blue-light {
    color: #6cb2eb;
}
.lg\:text-blue-lighter {
    color: #bcdefa;
}
.lg\:text-blue-lightest {
    color: #eff8ff;
}
.lg\:text-indigo-darkest {
    color: #191e38;
}
.lg\:text-indigo-darker {
    color: #2f365f;
}
.lg\:text-indigo-dark {
    color: #5661b3;
}
.lg\:text-indigo {
    color: #6574cd;
}
.lg\:text-indigo-light {
    color: #7886d7;
}
.lg\:text-indigo-lighter {
    color: #b2b7ff;
}
.lg\:text-indigo-lightest {
    color: #e6e8ff;
}
.lg\:text-purple-darkest {
    color: #1f133f;
}
.lg\:text-purple-darker {
    color: #352465;
}
.lg\:text-purple-dark {
    color: #794acf;
}
.lg\:text-purple {
    color: #9561e2;
}
.lg\:text-purple-light {
    color: #a779e9;
}
.lg\:text-purple-lighter {
    color: #d6bbfc;
}
.lg\:text-purple-lightest {
    color: #f3ebff;
}
.lg\:text-pink-darkest {
    color: #45051e;
}
.lg\:text-pink-darker {
    color: #72173a;
}
.lg\:text-pink-dark {
    color: #eb5286;
}
.lg\:text-pink {
    color: #f66d9b;
}
.lg\:text-pink-light {
    color: #fa7ea8;
}
.lg\:text-pink-lighter {
    color: #ffbbca;
}
.lg\:text-pink-lightest {
    color: #ffebef;
}
.lg\:hover\:text-transparent:hover {
    color: transparent;
}
.lg\:hover\:text-black:hover {
    color: #222b2f;
}
.lg\:hover\:text-grey-darkest:hover {
    color: #364349;
}
.lg\:hover\:text-grey-darker:hover {
    color: #596a73;
}
.lg\:hover\:text-grey-dark:hover {
    color: #70818a;
}
.lg\:hover\:text-grey:hover {
    color: #9babb4;
}
.lg\:hover\:text-grey-light:hover {
    color: #dae4e9;
}
.lg\:hover\:text-grey-lighter:hover {
    color: #f3f7f9;
}
.lg\:hover\:text-grey-lightest:hover {
    color: #fafcfc;
}
.lg\:hover\:text-white:hover {
    color: #fff;
}
.lg\:hover\:text-red-darkest:hover {
    color: #420806;
}
.lg\:hover\:text-red-darker:hover {
    color: #6a1b19;
}
.lg\:hover\:text-red-dark:hover {
    color: #cc1f1a;
}
.lg\:hover\:text-red:hover {
    color: #e3342f;
}
.lg\:hover\:text-red-light:hover {
    color: #ef5753;
}
.lg\:hover\:text-red-lighter:hover {
    color: #f9acaa;
}
.lg\:hover\:text-red-lightest:hover {
    color: #fcebea;
}
.lg\:hover\:text-orange-darkest:hover {
    color: #542605;
}
.lg\:hover\:text-orange-darker:hover {
    color: #7f4012;
}
.lg\:hover\:text-orange-dark:hover {
    color: #de751f;
}
.lg\:hover\:text-orange:hover {
    color: #f6993f;
}
.lg\:hover\:text-orange-light:hover {
    color: #faad63;
}
.lg\:hover\:text-orange-lighter:hover {
    color: #fcd9b6;
}
.lg\:hover\:text-orange-lightest:hover {
    color: #fff5eb;
}
.lg\:hover\:text-yellow-darkest:hover {
    color: #453411;
}
.lg\:hover\:text-yellow-darker:hover {
    color: #684f1d;
}
.lg\:hover\:text-yellow-dark:hover {
    color: #f2d024;
}
.lg\:hover\:text-yellow:hover {
    color: #ffed4a;
}
.lg\:hover\:text-yellow-light:hover {
    color: #fff382;
}
.lg\:hover\:text-yellow-lighter:hover {
    color: #fff9c2;
}
.lg\:hover\:text-yellow-lightest:hover {
    color: #fcfbeb;
}
.lg\:hover\:text-green-darkest:hover {
    color: #032d19;
}
.lg\:hover\:text-green-darker:hover {
    color: #0b4228;
}
.lg\:hover\:text-green-dark:hover {
    color: #1f9d55;
}
.lg\:hover\:text-green:hover {
    color: #38c172;
}
.lg\:hover\:text-green-light:hover {
    color: #51d88a;
}
.lg\:hover\:text-green-lighter:hover {
    color: #a2f5bf;
}
.lg\:hover\:text-green-lightest:hover {
    color: #e3fcec;
}
.lg\:hover\:text-teal-darkest:hover {
    color: #0d3331;
}
.lg\:hover\:text-teal-darker:hover {
    color: #174e4b;
}
.lg\:hover\:text-teal-dark:hover {
    color: #38a89d;
}
.lg\:hover\:text-teal:hover {
    color: #4dc0b5;
}
.lg\:hover\:text-teal-light:hover {
    color: #64d5ca;
}
.lg\:hover\:text-teal-lighter:hover {
    color: #a0f0ed;
}
.lg\:hover\:text-teal-lightest:hover {
    color: #e8fffe;
}
.lg\:hover\:text-blue-darkest:hover {
    color: #05233b;
}
.lg\:hover\:text-blue-darker:hover {
    color: #103d60;
}
.lg\:hover\:text-blue-dark:hover {
    color: #2779bd;
}
.lg\:hover\:text-blue:hover {
    color: #3490dc;
}
.lg\:hover\:text-blue-light:hover {
    color: #6cb2eb;
}
.lg\:hover\:text-blue-lighter:hover {
    color: #bcdefa;
}
.lg\:hover\:text-blue-lightest:hover {
    color: #eff8ff;
}
.lg\:hover\:text-indigo-darkest:hover {
    color: #191e38;
}
.lg\:hover\:text-indigo-darker:hover {
    color: #2f365f;
}
.lg\:hover\:text-indigo-dark:hover {
    color: #5661b3;
}
.lg\:hover\:text-indigo:hover {
    color: #6574cd;
}
.lg\:hover\:text-indigo-light:hover {
    color: #7886d7;
}
.lg\:hover\:text-indigo-lighter:hover {
    color: #b2b7ff;
}
.lg\:hover\:text-indigo-lightest:hover {
    color: #e6e8ff;
}
.lg\:hover\:text-purple-darkest:hover {
    color: #1f133f;
}
.lg\:hover\:text-purple-darker:hover {
    color: #352465;
}
.lg\:hover\:text-purple-dark:hover {
    color: #794acf;
}
.lg\:hover\:text-purple:hover {
    color: #9561e2;
}
.lg\:hover\:text-purple-light:hover {
    color: #a779e9;
}
.lg\:hover\:text-purple-lighter:hover {
    color: #d6bbfc;
}
.lg\:hover\:text-purple-lightest:hover {
    color: #f3ebff;
}
.lg\:hover\:text-pink-darkest:hover {
    color: #45051e;
}
.lg\:hover\:text-pink-darker:hover {
    color: #72173a;
}
.lg\:hover\:text-pink-dark:hover {
    color: #eb5286;
}
.lg\:hover\:text-pink:hover {
    color: #f66d9b;
}
.lg\:hover\:text-pink-light:hover {
    color: #fa7ea8;
}
.lg\:hover\:text-pink-lighter:hover {
    color: #ffbbca;
}
.lg\:hover\:text-pink-lightest:hover {
    color: #ffebef;
}
.lg\:text-xs {
    font-size: .75rem;
}
.lg\:text-sm {
    font-size: .875rem;
}
.lg\:text-base {
    font-size: 1rem;
}
.lg\:text-lg {
    font-size: 1.125rem;
}
.lg\:text-xl {
    font-size: 1.25rem;
}
.lg\:text-2xl {
    font-size: 1.5rem;
}
.lg\:text-3xl {
    font-size: 1.875rem;
}
.lg\:text-4xl {
    font-size: 2.25rem;
}
.lg\:text-5xl {
    font-size: 3rem;
}
.lg\:italic {
    font-style: italic;
}
.lg\:roman {
    font-style: normal;
}
.lg\:uppercase {
    text-transform: uppercase;
}
.lg\:lowercase {
    text-transform: lowercase;
}
.lg\:capitalize {
    text-transform: capitalize;
}
.lg\:normal-case {
    text-transform: none;
}
.lg\:underline {
    text-decoration: underline;
}
.lg\:line-through {
    text-decoration: line-through;
}
.lg\:no-underline {
    text-decoration: none;
}
.lg\:antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.lg\:subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
}
.lg\:hover\:italic:hover {
    font-style: italic;
}
.lg\:hover\:roman:hover {
    font-style: normal;
}
.lg\:hover\:uppercase:hover {
    text-transform: uppercase;
}
.lg\:hover\:lowercase:hover {
    text-transform: lowercase;
}
.lg\:hover\:capitalize:hover {
    text-transform: capitalize;
}
.lg\:hover\:normal-case:hover {
    text-transform: none;
}
.lg\:hover\:underline:hover {
    text-decoration: underline;
}
.lg\:hover\:line-through:hover {
    text-decoration: line-through;
}
.lg\:hover\:no-underline:hover {
    text-decoration: none;
}
.lg\:hover\:antialiased:hover {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.lg\:hover\:subpixel-antialiased:hover {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
}
.lg\:tracking-tight {
    letter-spacing: -.05em;
}
.lg\:tracking-normal {
    letter-spacing: 0;
}
.lg\:tracking-wide {
    letter-spacing: .05em;
}
.lg\:select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.lg\:select-text {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
.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;
}
.lg\:visible {
    visibility: visible;
}
.lg\:invisible {
    visibility: hidden;
}
.lg\:whitespace-normal {
    white-space: normal;
}
.lg\:whitespace-no-wrap {
    white-space: nowrap;
}
.lg\:whitespace-pre {
    white-space: pre;
}
.lg\:whitespace-pre-line {
    white-space: pre-line;
}
.lg\:whitespace-pre-wrap {
    white-space: pre-wrap;
}
.lg\:break-words {
    word-wrap: break-word;
}
.lg\:break-normal {
    word-wrap: normal;
}
.lg\:truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.lg\:w-1 {
    width: .25rem;
}
.lg\:w-2 {
    width: .5rem;
}
.lg\:w-3 {
    width: .75rem;
}
.lg\:w-4 {
    width: 1rem;
}
.lg\:w-6 {
    width: 1.5rem;
}
.lg\:w-8 {
    width: 2rem;
}
.lg\:w-10 {
    width: 2.5rem;
}
.lg\:w-12 {
    width: 3rem;
}
.lg\:w-16 {
    width: 4rem;
}
.lg\:w-24 {
    width: 6rem;
}
.lg\:w-32 {
    width: 8rem;
}
.lg\:w-48 {
    width: 12rem;
}
.lg\:w-64 {
    width: 16rem;
}
.lg\:w-auto {
    width: auto;
}
.lg\:w-px {
    width: 1px;
}
.lg\:w-1\/2 {
    width: 50%}
.lg\:w-1\/3 {
    width: 33.33333%}
.lg\:w-2\/3 {
    width: 66.66667%}
.lg\:w-1\/4 {
    width: 25%}
.lg\:w-3\/4 {
    width: 75%}
.lg\:w-1\/5 {
    width: 20%}
.lg\:w-2\/5 {
    width: 40%}
.lg\:w-3\/5 {
    width: 60%}
.lg\:w-4\/5 {
    width: 80%}
.lg\:w-1\/6 {
    width: 16.66667%}
.lg\:w-5\/6 {
    width: 83.33333%}
.lg\:w-full {
    width: 100%}
.lg\:w-screen {
    width: 100vw;
}
.lg\:z-0 {
    z-index: 0;
}
.lg\:z-10 {
    z-index: 10;
}
.lg\:z-20 {
    z-index: 20;
}
.lg\:z-30 {
    z-index: 30;
}
.lg\:z-40 {
    z-index: 40;
}
.lg\:z-50 {
    z-index: 50;
}
.lg\:z-auto {
    z-index: auto;
}
}@media (min-width:1200px) {
    .xl\: list-reset {
    list-style: none;
    padding: 0;
}
.xl\:appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.xl\:bg-fixed {
    background-attachment: fixed;
}
.xl\:bg-local {
    background-attachment: local;
}
.xl\:bg-scroll {
    background-attachment: scroll;
}
.xl\:bg-transparent {
    background-color: transparent;
}
.xl\:bg-black {
    background-color: #222b2f;
}
.xl\:bg-grey-darkest {
    background-color: #364349;
}
.xl\:bg-grey-darker {
    background-color: #596a73;
}
.xl\:bg-grey-dark {
    background-color: #70818a;
}
.xl\:bg-grey {
    background-color: #9babb4;
}
.xl\:bg-grey-light {
    background-color: #dae4e9;
}
.xl\:bg-grey-lighter {
    background-color: #f3f7f9;
}
.xl\:bg-grey-lightest {
    background-color: #fafcfc;
}
.xl\:bg-white {
    background-color: #fff;
}
.xl\:bg-red-darkest {
    background-color: #420806;
}
.xl\:bg-red-darker {
    background-color: #6a1b19;
}
.xl\:bg-red-dark {
    background-color: #cc1f1a;
}
.xl\:bg-red {
    background-color: #e3342f;
}
.xl\:bg-red-light {
    background-color: #ef5753;
}
.xl\:bg-red-lighter {
    background-color: #f9acaa;
}
.xl\:bg-red-lightest {
    background-color: #fcebea;
}
.xl\:bg-orange-darkest {
    background-color: #542605;
}
.xl\:bg-orange-darker {
    background-color: #7f4012;
}
.xl\:bg-orange-dark {
    background-color: #de751f;
}
.xl\:bg-orange {
    background-color: #f6993f;
}
.xl\:bg-orange-light {
    background-color: #faad63;
}
.xl\:bg-orange-lighter {
    background-color: #fcd9b6;
}
.xl\:bg-orange-lightest {
    background-color: #fff5eb;
}
.xl\:bg-yellow-darkest {
    background-color: #453411;
}
.xl\:bg-yellow-darker {
    background-color: #684f1d;
}
.xl\:bg-yellow-dark {
    background-color: #f2d024;
}
.xl\:bg-yellow {
    background-color: #ffed4a;
}
.xl\:bg-yellow-light {
    background-color: #fff382;
}
.xl\:bg-yellow-lighter {
    background-color: #fff9c2;
}
.xl\:bg-yellow-lightest {
    background-color: #fcfbeb;
}
.xl\:bg-green-darkest {
    background-color: #032d19;
}
.xl\:bg-green-darker {
    background-color: #0b4228;
}
.xl\:bg-green-dark {
    background-color: #1f9d55;
}
.xl\:bg-green {
    background-color: #38c172;
}
.xl\:bg-green-light {
    background-color: #51d88a;
}
.xl\:bg-green-lighter {
    background-color: #a2f5bf;
}
.xl\:bg-green-lightest {
    background-color: #e3fcec;
}
.xl\:bg-teal-darkest {
    background-color: #0d3331;
}
.xl\:bg-teal-darker {
    background-color: #174e4b;
}
.xl\:bg-teal-dark {
    background-color: #38a89d;
}
.xl\:bg-teal {
    background-color: #4dc0b5;
}
.xl\:bg-teal-light {
    background-color: #64d5ca;
}
.xl\:bg-teal-lighter {
    background-color: #a0f0ed;
}
.xl\:bg-teal-lightest {
    background-color: #e8fffe;
}
.xl\:bg-blue-darkest {
    background-color: #05233b;
}
.xl\:bg-blue-darker {
    background-color: #103d60;
}
.xl\:bg-blue-dark {
    background-color: #2779bd;
}
.xl\:bg-blue {
    background-color: #3490dc;
}
.xl\:bg-blue-light {
    background-color: #6cb2eb;
}
.xl\:bg-blue-lighter {
    background-color: #bcdefa;
}
.xl\:bg-blue-lightest {
    background-color: #eff8ff;
}
.xl\:bg-indigo-darkest {
    background-color: #191e38;
}
.xl\:bg-indigo-darker {
    background-color: #2f365f;
}
.xl\:bg-indigo-dark {
    background-color: #5661b3;
}
.xl\:bg-indigo {
    background-color: #6574cd;
}
.xl\:bg-indigo-light {
    background-color: #7886d7;
}
.xl\:bg-indigo-lighter {
    background-color: #b2b7ff;
}
.xl\:bg-indigo-lightest {
    background-color: #e6e8ff;
}
.xl\:bg-purple-darkest {
    background-color: #1f133f;
}
.xl\:bg-purple-darker {
    background-color: #352465;
}
.xl\:bg-purple-dark {
    background-color: #794acf;
}
.xl\:bg-purple {
    background-color: #9561e2;
}
.xl\:bg-purple-light {
    background-color: #a779e9;
}
.xl\:bg-purple-lighter {
    background-color: #d6bbfc;
}
.xl\:bg-purple-lightest {
    background-color: #f3ebff;
}
.xl\:bg-pink-darkest {
    background-color: #45051e;
}
.xl\:bg-pink-darker {
    background-color: #72173a;
}
.xl\:bg-pink-dark {
    background-color: #eb5286;
}
.xl\:bg-pink {
    background-color: #f66d9b;
}
.xl\:bg-pink-light {
    background-color: #fa7ea8;
}
.xl\:bg-pink-lighter {
    background-color: #ffbbca;
}
.xl\:bg-pink-lightest {
    background-color: #ffebef;
}
.xl\:hover\:bg-transparent:hover {
    background-color: transparent;
}
.xl\:hover\:bg-black:hover {
    background-color: #222b2f;
}
.xl\:hover\:bg-grey-darkest:hover {
    background-color: #364349;
}
.xl\:hover\:bg-grey-darker:hover {
    background-color: #596a73;
}
.xl\:hover\:bg-grey-dark:hover {
    background-color: #70818a;
}
.xl\:hover\:bg-grey:hover {
    background-color: #9babb4;
}
.xl\:hover\:bg-grey-light:hover {
    background-color: #dae4e9;
}
.xl\:hover\:bg-grey-lighter:hover {
    background-color: #f3f7f9;
}
.xl\:hover\:bg-grey-lightest:hover {
    background-color: #fafcfc;
}
.xl\:hover\:bg-white:hover {
    background-color: #fff;
}
.xl\:hover\:bg-red-darkest:hover {
    background-color: #420806;
}
.xl\:hover\:bg-red-darker:hover {
    background-color: #6a1b19;
}
.xl\:hover\:bg-red-dark:hover {
    background-color: #cc1f1a;
}
.xl\:hover\:bg-red:hover {
    background-color: #e3342f;
}
.xl\:hover\:bg-red-light:hover {
    background-color: #ef5753;
}
.xl\:hover\:bg-red-lighter:hover {
    background-color: #f9acaa;
}
.xl\:hover\:bg-red-lightest:hover {
    background-color: #fcebea;
}
.xl\:hover\:bg-orange-darkest:hover {
    background-color: #542605;
}
.xl\:hover\:bg-orange-darker:hover {
    background-color: #7f4012;
}
.xl\:hover\:bg-orange-dark:hover {
    background-color: #de751f;
}
.xl\:hover\:bg-orange:hover {
    background-color: #f6993f;
}
.xl\:hover\:bg-orange-light:hover {
    background-color: #faad63;
}
.xl\:hover\:bg-orange-lighter:hover {
    background-color: #fcd9b6;
}
.xl\:hover\:bg-orange-lightest:hover {
    background-color: #fff5eb;
}
.xl\:hover\:bg-yellow-darkest:hover {
    background-color: #453411;
}
.xl\:hover\:bg-yellow-darker:hover {
    background-color: #684f1d;
}
.xl\:hover\:bg-yellow-dark:hover {
    background-color: #f2d024;
}
.xl\:hover\:bg-yellow:hover {
    background-color: #ffed4a;
}
.xl\:hover\:bg-yellow-light:hover {
    background-color: #fff382;
}
.xl\:hover\:bg-yellow-lighter:hover {
    background-color: #fff9c2;
}
.xl\:hover\:bg-yellow-lightest:hover {
    background-color: #fcfbeb;
}
.xl\:hover\:bg-green-darkest:hover {
    background-color: #032d19;
}
.xl\:hover\:bg-green-darker:hover {
    background-color: #0b4228;
}
.xl\:hover\:bg-green-dark:hover {
    background-color: #1f9d55;
}
.xl\:hover\:bg-green:hover {
    background-color: #38c172;
}
.xl\:hover\:bg-green-light:hover {
    background-color: #51d88a;
}
.xl\:hover\:bg-green-lighter:hover {
    background-color: #a2f5bf;
}
.xl\:hover\:bg-green-lightest:hover {
    background-color: #e3fcec;
}
.xl\:hover\:bg-teal-darkest:hover {
    background-color: #0d3331;
}
.xl\:hover\:bg-teal-darker:hover {
    background-color: #174e4b;
}
.xl\:hover\:bg-teal-dark:hover {
    background-color: #38a89d;
}
.xl\:hover\:bg-teal:hover {
    background-color: #4dc0b5;
}
.xl\:hover\:bg-teal-light:hover {
    background-color: #64d5ca;
}
.xl\:hover\:bg-teal-lighter:hover {
    background-color: #a0f0ed;
}
.xl\:hover\:bg-teal-lightest:hover {
    background-color: #e8fffe;
}
.xl\:hover\:bg-blue-darkest:hover {
    background-color: #05233b;
}
.xl\:hover\:bg-blue-darker:hover {
    background-color: #103d60;
}
.xl\:hover\:bg-blue-dark:hover {
    background-color: #2779bd;
}
.xl\:hover\:bg-blue:hover {
    background-color: #3490dc;
}
.xl\:hover\:bg-blue-light:hover {
    background-color: #6cb2eb;
}
.xl\:hover\:bg-blue-lighter:hover {
    background-color: #bcdefa;
}
.xl\:hover\:bg-blue-lightest:hover {
    background-color: #eff8ff;
}
.xl\:hover\:bg-indigo-darkest:hover {
    background-color: #191e38;
}
.xl\:hover\:bg-indigo-darker:hover {
    background-color: #2f365f;
}
.xl\:hover\:bg-indigo-dark:hover {
    background-color: #5661b3;
}
.xl\:hover\:bg-indigo:hover {
    background-color: #6574cd;
}
.xl\:hover\:bg-indigo-light:hover {
    background-color: #7886d7;
}
.xl\:hover\:bg-indigo-lighter:hover {
    background-color: #b2b7ff;
}
.xl\:hover\:bg-indigo-lightest:hover {
    background-color: #e6e8ff;
}
.xl\:hover\:bg-purple-darkest:hover {
    background-color: #1f133f;
}
.xl\:hover\:bg-purple-darker:hover {
    background-color: #352465;
}
.xl\:hover\:bg-purple-dark:hover {
    background-color: #794acf;
}
.xl\:hover\:bg-purple:hover {
    background-color: #9561e2;
}
.xl\:hover\:bg-purple-light:hover {
    background-color: #a779e9;
}
.xl\:hover\:bg-purple-lighter:hover {
    background-color: #d6bbfc;
}
.xl\:hover\:bg-purple-lightest:hover {
    background-color: #f3ebff;
}
.xl\:hover\:bg-pink-darkest:hover {
    background-color: #45051e;
}
.xl\:hover\:bg-pink-darker:hover {
    background-color: #72173a;
}
.xl\:hover\:bg-pink-dark:hover {
    background-color: #eb5286;
}
.xl\:hover\:bg-pink:hover {
    background-color: #f66d9b;
}
.xl\:hover\:bg-pink-light:hover {
    background-color: #fa7ea8;
}
.xl\:hover\:bg-pink-lighter:hover {
    background-color: #ffbbca;
}
.xl\:hover\:bg-pink-lightest:hover {
    background-color: #ffebef;
}
.xl\:bg-bottom {
    background-position: bottom;
}
.xl\:bg-center {
    background-position: center;
}
.xl\:bg-left {
    background-position: left;
}
.xl\:bg-left-bottom {
    background-position: left bottom;
}
.xl\:bg-left-top {
    background-position: left top;
}
.xl\:bg-right {
    background-position: right;
}
.xl\:bg-right-bottom {
    background-position: right bottom;
}
.xl\:bg-right-top {
    background-position: right top;
}
.xl\:bg-top {
    background-position: top;
}
.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;
}
.xl\:bg-cover {
    background-size: cover;
}
.xl\:bg-contain {
    background-size: contain;
}
.xl\:border-transparent {
    border-color: transparent;
}
.xl\:border-black {
    border-color: #222b2f;
}
.xl\:border-grey-darkest {
    border-color: #364349;
}
.xl\:border-grey-darker {
    border-color: #596a73;
}
.xl\:border-grey-dark {
    border-color: #70818a;
}
.xl\:border-grey {
    border-color: #9babb4;
}
.xl\:border-grey-light {
    border-color: #dae4e9;
}
.xl\:border-grey-lighter {
    border-color: #f3f7f9;
}
.xl\:border-grey-lightest {
    border-color: #fafcfc;
}
.xl\:border-white {
    border-color: #fff;
}
.xl\:border-red-darkest {
    border-color: #420806;
}
.xl\:border-red-darker {
    border-color: #6a1b19;
}
.xl\:border-red-dark {
    border-color: #cc1f1a;
}
.xl\:border-red {
    border-color: #e3342f;
}
.xl\:border-red-light {
    border-color: #ef5753;
}
.xl\:border-red-lighter {
    border-color: #f9acaa;
}
.xl\:border-red-lightest {
    border-color: #fcebea;
}
.xl\:border-orange-darkest {
    border-color: #542605;
}
.xl\:border-orange-darker {
    border-color: #7f4012;
}
.xl\:border-orange-dark {
    border-color: #de751f;
}
.xl\:border-orange {
    border-color: #f6993f;
}
.xl\:border-orange-light {
    border-color: #faad63;
}
.xl\:border-orange-lighter {
    border-color: #fcd9b6;
}
.xl\:border-orange-lightest {
    border-color: #fff5eb;
}
.xl\:border-yellow-darkest {
    border-color: #453411;
}
.xl\:border-yellow-darker {
    border-color: #684f1d;
}
.xl\:border-yellow-dark {
    border-color: #f2d024;
}
.xl\:border-yellow {
    border-color: #ffed4a;
}
.xl\:border-yellow-light {
    border-color: #fff382;
}
.xl\:border-yellow-lighter {
    border-color: #fff9c2;
}
.xl\:border-yellow-lightest {
    border-color: #fcfbeb;
}
.xl\:border-green-darkest {
    border-color: #032d19;
}
.xl\:border-green-darker {
    border-color: #0b4228;
}
.xl\:border-green-dark {
    border-color: #1f9d55;
}
.xl\:border-green {
    border-color: #38c172;
}
.xl\:border-green-light {
    border-color: #51d88a;
}
.xl\:border-green-lighter {
    border-color: #a2f5bf;
}
.xl\:border-green-lightest {
    border-color: #e3fcec;
}
.xl\:border-teal-darkest {
    border-color: #0d3331;
}
.xl\:border-teal-darker {
    border-color: #174e4b;
}
.xl\:border-teal-dark {
    border-color: #38a89d;
}
.xl\:border-teal {
    border-color: #4dc0b5;
}
.xl\:border-teal-light {
    border-color: #64d5ca;
}
.xl\:border-teal-lighter {
    border-color: #a0f0ed;
}
.xl\:border-teal-lightest {
    border-color: #e8fffe;
}
.xl\:border-blue-darkest {
    border-color: #05233b;
}
.xl\:border-blue-darker {
    border-color: #103d60;
}
.xl\:border-blue-dark {
    border-color: #2779bd;
}
.xl\:border-blue {
    border-color: #3490dc;
}
.xl\:border-blue-light {
    border-color: #6cb2eb;
}
.xl\:border-blue-lighter {
    border-color: #bcdefa;
}
.xl\:border-blue-lightest {
    border-color: #eff8ff;
}
.xl\:border-indigo-darkest {
    border-color: #191e38;
}
.xl\:border-indigo-darker {
    border-color: #2f365f;
}
.xl\:border-indigo-dark {
    border-color: #5661b3;
}
.xl\:border-indigo {
    border-color: #6574cd;
}
.xl\:border-indigo-light {
    border-color: #7886d7;
}
.xl\:border-indigo-lighter {
    border-color: #b2b7ff;
}
.xl\:border-indigo-lightest {
    border-color: #e6e8ff;
}
.xl\:border-purple-darkest {
    border-color: #1f133f;
}
.xl\:border-purple-darker {
    border-color: #352465;
}
.xl\:border-purple-dark {
    border-color: #794acf;
}
.xl\:border-purple {
    border-color: #9561e2;
}
.xl\:border-purple-light {
    border-color: #a779e9;
}
.xl\:border-purple-lighter {
    border-color: #d6bbfc;
}
.xl\:border-purple-lightest {
    border-color: #f3ebff;
}
.xl\:border-pink-darkest {
    border-color: #45051e;
}
.xl\:border-pink-darker {
    border-color: #72173a;
}
.xl\:border-pink-dark {
    border-color: #eb5286;
}
.xl\:border-pink {
    border-color: #f66d9b;
}
.xl\:border-pink-light {
    border-color: #fa7ea8;
}
.xl\:border-pink-lighter {
    border-color: #ffbbca;
}
.xl\:border-pink-lightest {
    border-color: #ffebef;
}
.xl\:hover\:border-transparent:hover {
    border-color: transparent;
}
.xl\:hover\:border-black:hover {
    border-color: #222b2f;
}
.xl\:hover\:border-grey-darkest:hover {
    border-color: #364349;
}
.xl\:hover\:border-grey-darker:hover {
    border-color: #596a73;
}
.xl\:hover\:border-grey-dark:hover {
    border-color: #70818a;
}
.xl\:hover\:border-grey:hover {
    border-color: #9babb4;
}
.xl\:hover\:border-grey-light:hover {
    border-color: #dae4e9;
}
.xl\:hover\:border-grey-lighter:hover {
    border-color: #f3f7f9;
}
.xl\:hover\:border-grey-lightest:hover {
    border-color: #fafcfc;
}
.xl\:hover\:border-white:hover {
    border-color: #fff;
}
.xl\:hover\:border-red-darkest:hover {
    border-color: #420806;
}
.xl\:hover\:border-red-darker:hover {
    border-color: #6a1b19;
}
.xl\:hover\:border-red-dark:hover {
    border-color: #cc1f1a;
}
.xl\:hover\:border-red:hover {
    border-color: #e3342f;
}
.xl\:hover\:border-red-light:hover {
    border-color: #ef5753;
}
.xl\:hover\:border-red-lighter:hover {
    border-color: #f9acaa;
}
.xl\:hover\:border-red-lightest:hover {
    border-color: #fcebea;
}
.xl\:hover\:border-orange-darkest:hover {
    border-color: #542605;
}
.xl\:hover\:border-orange-darker:hover {
    border-color: #7f4012;
}
.xl\:hover\:border-orange-dark:hover {
    border-color: #de751f;
}
.xl\:hover\:border-orange:hover {
    border-color: #f6993f;
}
.xl\:hover\:border-orange-light:hover {
    border-color: #faad63;
}
.xl\:hover\:border-orange-lighter:hover {
    border-color: #fcd9b6;
}
.xl\:hover\:border-orange-lightest:hover {
    border-color: #fff5eb;
}
.xl\:hover\:border-yellow-darkest:hover {
    border-color: #453411;
}
.xl\:hover\:border-yellow-darker:hover {
    border-color: #684f1d;
}
.xl\:hover\:border-yellow-dark:hover {
    border-color: #f2d024;
}
.xl\:hover\:border-yellow:hover {
    border-color: #ffed4a;
}
.xl\:hover\:border-yellow-light:hover {
    border-color: #fff382;
}
.xl\:hover\:border-yellow-lighter:hover {
    border-color: #fff9c2;
}
.xl\:hover\:border-yellow-lightest:hover {
    border-color: #fcfbeb;
}
.xl\:hover\:border-green-darkest:hover {
    border-color: #032d19;
}
.xl\:hover\:border-green-darker:hover {
    border-color: #0b4228;
}
.xl\:hover\:border-green-dark:hover {
    border-color: #1f9d55;
}
.xl\:hover\:border-green:hover {
    border-color: #38c172;
}
.xl\:hover\:border-green-light:hover {
    border-color: #51d88a;
}
.xl\:hover\:border-green-lighter:hover {
    border-color: #a2f5bf;
}
.xl\:hover\:border-green-lightest:hover {
    border-color: #e3fcec;
}
.xl\:hover\:border-teal-darkest:hover {
    border-color: #0d3331;
}
.xl\:hover\:border-teal-darker:hover {
    border-color: #174e4b;
}
.xl\:hover\:border-teal-dark:hover {
    border-color: #38a89d;
}
.xl\:hover\:border-teal:hover {
    border-color: #4dc0b5;
}
.xl\:hover\:border-teal-light:hover {
    border-color: #64d5ca;
}
.xl\:hover\:border-teal-lighter:hover {
    border-color: #a0f0ed;
}
.xl\:hover\:border-teal-lightest:hover {
    border-color: #e8fffe;
}
.xl\:hover\:border-blue-darkest:hover {
    border-color: #05233b;
}
.xl\:hover\:border-blue-darker:hover {
    border-color: #103d60;
}
.xl\:hover\:border-blue-dark:hover {
    border-color: #2779bd;
}
.xl\:hover\:border-blue:hover {
    border-color: #3490dc;
}
.xl\:hover\:border-blue-light:hover {
    border-color: #6cb2eb;
}
.xl\:hover\:border-blue-lighter:hover {
    border-color: #bcdefa;
}
.xl\:hover\:border-blue-lightest:hover {
    border-color: #eff8ff;
}
.xl\:hover\:border-indigo-darkest:hover {
    border-color: #191e38;
}
.xl\:hover\:border-indigo-darker:hover {
    border-color: #2f365f;
}
.xl\:hover\:border-indigo-dark:hover {
    border-color: #5661b3;
}
.xl\:hover\:border-indigo:hover {
    border-color: #6574cd;
}
.xl\:hover\:border-indigo-light:hover {
    border-color: #7886d7;
}
.xl\:hover\:border-indigo-lighter:hover {
    border-color: #b2b7ff;
}
.xl\:hover\:border-indigo-lightest:hover {
    border-color: #e6e8ff;
}
.xl\:hover\:border-purple-darkest:hover {
    border-color: #1f133f;
}
.xl\:hover\:border-purple-darker:hover {
    border-color: #352465;
}
.xl\:hover\:border-purple-dark:hover {
    border-color: #794acf;
}
.xl\:hover\:border-purple:hover {
    border-color: #9561e2;
}
.xl\:hover\:border-purple-light:hover {
    border-color: #a779e9;
}
.xl\:hover\:border-purple-lighter:hover {
    border-color: #d6bbfc;
}
.xl\:hover\:border-purple-lightest:hover {
    border-color: #f3ebff;
}
.xl\:hover\:border-pink-darkest:hover {
    border-color: #45051e;
}
.xl\:hover\:border-pink-darker:hover {
    border-color: #72173a;
}
.xl\:hover\:border-pink-dark:hover {
    border-color: #eb5286;
}
.xl\:hover\:border-pink:hover {
    border-color: #f66d9b;
}
.xl\:hover\:border-pink-light:hover {
    border-color: #fa7ea8;
}
.xl\:hover\:border-pink-lighter:hover {
    border-color: #ffbbca;
}
.xl\:hover\:border-pink-lightest:hover {
    border-color: #ffebef;
}
.xl\:rounded-none {
    border-radius: 0;
}
.xl\:rounded-sm {
    border-radius: .125rem;
}
.xl\:rounded {
    border-radius: .25rem;
}
.xl\:rounded-lg {
    border-radius: .5rem;
}
.xl\:rounded-full {
    border-radius: 9999px;
}
.xl\:rounded-t-none {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.xl\:rounded-r-none {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.xl\:rounded-b-none {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.xl\:rounded-l-none {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.xl\:rounded-t-sm {
    border-top-left-radius: .125rem;
    border-top-right-radius: .125rem;
}
.xl\:rounded-r-sm {
    border-top-right-radius: .125rem;
    border-bottom-right-radius: .125rem;
}
.xl\:rounded-b-sm {
    border-bottom-right-radius: .125rem;
    border-bottom-left-radius: .125rem;
}
.xl\:rounded-l-sm {
    border-top-left-radius: .125rem;
    border-bottom-left-radius: .125rem;
}
.xl\:rounded-t {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}
.xl\:rounded-r {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}
.xl\:rounded-b {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem;
}
.xl\:rounded-l {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}
.xl\:rounded-t-lg {
    border-top-left-radius: .5rem;
    border-top-right-radius: .5rem;
}
.xl\:rounded-r-lg {
    border-top-right-radius: .5rem;
    border-bottom-right-radius: .5rem;
}
.xl\:rounded-b-lg {
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem;
}
.xl\:rounded-l-lg {
    border-top-left-radius: .5rem;
    border-bottom-left-radius: .5rem;
}
.xl\:rounded-t-full {
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
}
.xl\:rounded-r-full {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
}
.xl\:rounded-b-full {
    border-bottom-right-radius: 9999px;
    border-bottom-left-radius: 9999px;
}
.xl\:rounded-l-full {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
}
.xl\:rounded-tl-none {
    border-top-left-radius: 0;
}
.xl\:rounded-tr-none {
    border-top-right-radius: 0;
}
.xl\:rounded-br-none {
    border-bottom-right-radius: 0;
}
.xl\:rounded-bl-none {
    border-bottom-left-radius: 0;
}
.xl\:rounded-tl-sm {
    border-top-left-radius: .125rem;
}
.xl\:rounded-tr-sm {
    border-top-right-radius: .125rem;
}
.xl\:rounded-br-sm {
    border-bottom-right-radius: .125rem;
}
.xl\:rounded-bl-sm {
    border-bottom-left-radius: .125rem;
}
.xl\:rounded-tl {
    border-top-left-radius: .25rem;
}
.xl\:rounded-tr {
    border-top-right-radius: .25rem;
}
.xl\:rounded-br {
    border-bottom-right-radius: .25rem;
}
.xl\:rounded-bl {
    border-bottom-left-radius: .25rem;
}
.xl\:rounded-tl-lg {
    border-top-left-radius: .5rem;
}
.xl\:rounded-tr-lg {
    border-top-right-radius: .5rem;
}
.xl\:rounded-br-lg {
    border-bottom-right-radius: .5rem;
}
.xl\:rounded-bl-lg {
    border-bottom-left-radius: .5rem;
}
.xl\:rounded-tl-full {
    border-top-left-radius: 9999px;
}
.xl\:rounded-tr-full {
    border-top-right-radius: 9999px;
}
.xl\:rounded-br-full {
    border-bottom-right-radius: 9999px;
}
.xl\:rounded-bl-full {
    border-bottom-left-radius: 9999px;
}
.xl\:border-solid {
    border-style: solid;
}
.xl\:border-dashed {
    border-style: dashed;
}
.xl\:border-dotted {
    border-style: dotted;
}
.xl\:border-none {
    border-style: none;
}
.xl\:border-0 {
    border-width: 0;
}
.xl\:border-2 {
    border-width: 2px;
}
.xl\:border-4 {
    border-width: 4px;
}
.xl\:border-8 {
    border-width: 8px;
}
.xl\:border {
    border-width: 1px;
}
.xl\:border-t-0 {
    border-top-width: 0;
}
.xl\:border-r-0 {
    border-right-width: 0;
}
.xl\:border-b-0 {
    border-bottom-width: 0;
}
.xl\:border-l-0 {
    border-left-width: 0;
}
.xl\:border-t-2 {
    border-top-width: 2px;
}
.xl\:border-r-2 {
    border-right-width: 2px;
}
.xl\:border-b-2 {
    border-bottom-width: 2px;
}
.xl\:border-l-2 {
    border-left-width: 2px;
}
.xl\:border-t-4 {
    border-top-width: 4px;
}
.xl\:border-r-4 {
    border-right-width: 4px;
}
.xl\:border-b-4 {
    border-bottom-width: 4px;
}
.xl\:border-l-4 {
    border-left-width: 4px;
}
.xl\:border-t-8 {
    border-top-width: 8px;
}
.xl\:border-r-8 {
    border-right-width: 8px;
}
.xl\:border-b-8 {
    border-bottom-width: 8px;
}
.xl\:border-l-8 {
    border-left-width: 8px;
}
.xl\:border-t {
    border-top-width: 1px;
}
.xl\:border-r {
    border-right-width: 1px;
}
.xl\:border-b {
    border-bottom-width: 1px;
}
.xl\:border-l {
    border-left-width: 1px;
}
.xl\:cursor-auto {
    cursor: auto;
}
.xl\:cursor-default {
    cursor: default;
}
.xl\:cursor-pointer {
    cursor: pointer;
}
.xl\:cursor-not-allowed {
    cursor: not-allowed;
}
.xl\:block {
    display: block;
}
.xl\:inline-block {
    display: inline-block;
}
.xl\:inline {
    display: inline;
}
.xl\:table {
    display: table;
}
.xl\:table-row {
    display: table-row;
}
.xl\:table-cell {
    display: table-cell;
}
.xl\:hidden {
    display: none;
}
.xl\:flex {
    display: -webkit-box;
    display: flex;
}
.xl\:inline-flex {
    display: -webkit-inline-box;
    display: inline-flex;
}
.xl\:flex-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
}
.xl\:flex-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    flex-direction: row-reverse;
}
.xl\:flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
}
.xl\:flex-col-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse;
}
.xl\:flex-wrap {
    flex-wrap: wrap;
}
.xl\:flex-wrap-reverse {
    flex-wrap: wrap-reverse;
}
.xl\:flex-no-wrap {
    flex-wrap: nowrap;
}
.xl\:items-start {
    -webkit-box-align: start;
    align-items: flex-start;
}
.xl\:items-end {
    -webkit-box-align: end;
    align-items: flex-end;
}
.xl\:items-center {
    -webkit-box-align: center;
    align-items: center;
}
.xl\:items-baseline {
    -webkit-box-align: baseline;
    align-items: baseline;
}
.xl\:items-stretch {
    -webkit-box-align: stretch;
    align-items: stretch;
}
.xl\:self-auto {
    align-self: auto;
}
.xl\:self-start {
    align-self: flex-start;
}
.xl\:self-end {
    align-self: flex-end;
}
.xl\:self-center {
    align-self: center;
}
.xl\:self-stretch {
    align-self: stretch;
}
.xl\:justify-start {
    -webkit-box-pack: start;
    justify-content: flex-start;
}
.xl\:justify-end {
    -webkit-box-pack: end;
    justify-content: flex-end;
}
.xl\:justify-center {
    -webkit-box-pack: center;
    justify-content: center;
}
.xl\:justify-between {
    -webkit-box-pack: justify;
    justify-content: space-between;
}
.xl\:justify-around {
    justify-content: space-around;
}
.xl\:content-center {
    align-content: center;
}
.xl\:content-start {
    align-content: flex-start;
}
.xl\:content-end {
    align-content: flex-end;
}
.xl\:content-between {
    align-content: space-between;
}
.xl\:content-around {
    align-content: space-around;
}
.xl\:flex-1 {
    -webkit-box-flex: 1;
    flex: 1;
}
.xl\:flex-auto {
    -webkit-box-flex: 1;
    flex: auto;
}
.xl\:flex-initial {
    -webkit-box-flex: initial;
    flex: initial;
}
.xl\:flex-none {
    -webkit-box-flex: 0;
    flex: none;
}
.xl\:flex-grow {
    -webkit-box-flex: 1;
    flex-grow: 1;
}
.xl\:flex-shrink {
    flex-shrink: 1;
}
.xl\:flex-no-grow {
    -webkit-box-flex: 0;
    flex-grow: 0;
}
.xl\:flex-no-shrink {
    flex-shrink: 0;
}
.xl\:float-right {
    float: right;
}
.xl\:float-left {
    float: left;
}
.xl\:float-none {
    float: none;
}
.xl\:clearfix:after {
    content: "";
    display: table;
    clear: both;
}
.xl\:font-sans {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
}
.xl\:font-serif {
    font-family: Constantia, Lucida Bright, Lucidabright, Lucida Serif, Lucida, DejaVu Serif, Bitstream Vera Serif, Liberation Serif, Georgia, serif;
}
.xl\:font-mono {
    font-family: Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
}
.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;
}
.xl\:hover\:font-hairline:hover {
    font-weight: 100;
}
.xl\:hover\:font-thin:hover {
    font-weight: 200;
}
.xl\:hover\:font-light:hover {
    font-weight: 300;
}
.xl\:hover\:font-normal:hover {
    font-weight: 400;
}
.xl\:hover\:font-medium:hover {
    font-weight: 500;
}
.xl\:hover\:font-semibold:hover {
    font-weight: 600;
}
.xl\:hover\:font-bold:hover {
    font-weight: 700;
}
.xl\:hover\:font-extrabold:hover {
    font-weight: 800;
}
.xl\:hover\:font-black:hover {
    font-weight: 900;
}
.xl\:h-1 {
    height: .25rem;
}
.xl\:h-2 {
    height: .5rem;
}
.xl\:h-3 {
    height: .75rem;
}
.xl\:h-4 {
    height: 1rem;
}
.xl\:h-6 {
    height: 1.5rem;
}
.xl\:h-8 {
    height: 2rem;
}
.xl\:h-10 {
    height: 2.5rem;
}
.xl\:h-12 {
    height: 3rem;
}
.xl\:h-16 {
    height: 4rem;
}
.xl\:h-24 {
    height: 6rem;
}
.xl\:h-32 {
    height: 8rem;
}
.xl\:h-48 {
    height: 12rem;
}
.xl\:h-64 {
    height: 16rem;
}
.xl\:h-auto {
    height: auto;
}
.xl\:h-px {
    height: 1px;
}
.xl\:h-full {
    height: 100%}
.xl\:h-screen {
    height: 100vh;
}
.xl\:leading-none {
    line-height: 1;
}
.xl\:leading-tight {
    line-height: 1.25;
}
.xl\:leading-normal {
    line-height: 1.5;
}
.xl\:leading-loose {
    line-height: 2;
}
.xl\:m-0 {
    margin: 0;
}
.xl\:m-1 {
    margin: .25rem;
}
.xl\:m-2 {
    margin: .5rem;
}
.xl\:m-3 {
    margin: .75rem;
}
.xl\:m-4 {
    margin: 1rem;
}
.xl\:m-6 {
    margin: 1.5rem;
}
.xl\:m-8 {
    margin: 2rem;
}
.xl\:m-auto {
    margin: auto;
}
.xl\:m-px {
    margin: 1px;
}
.xl\:my-0 {
    margin-top: 0;
    margin-bottom: 0;
}
.xl\:mx-0 {
    margin-left: 0;
    margin-right: 0;
}
.xl\:my-1 {
    margin-top: .25rem;
    margin-bottom: .25rem;
}
.xl\:mx-1 {
    margin-left: .25rem;
    margin-right: .25rem;
}
.xl\:my-2 {
    margin-top: .5rem;
    margin-bottom: .5rem;
}
.xl\:mx-2 {
    margin-left: .5rem;
    margin-right: .5rem;
}
.xl\:my-3 {
    margin-top: .75rem;
    margin-bottom: .75rem;
}
.xl\:mx-3 {
    margin-left: .75rem;
    margin-right: .75rem;
}
.xl\:my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.xl\:mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
}
.xl\:my-6 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
.xl\:mx-6 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}
.xl\:my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.xl\:mx-8 {
    margin-left: 2rem;
    margin-right: 2rem;
}
.xl\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
}
.xl\:mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.xl\:my-px {
    margin-top: 1px;
    margin-bottom: 1px;
}
.xl\:mx-px {
    margin-left: 1px;
    margin-right: 1px;
}
.xl\:mt-0 {
    margin-top: 0;
}
.xl\:mr-0 {
    margin-right: 0;
}
.xl\:mb-0 {
    margin-bottom: 0;
}
.xl\:ml-0 {
    margin-left: 0;
}
.xl\:mt-1 {
    margin-top: .25rem;
}
.xl\:mr-1 {
    margin-right: .25rem;
}
.xl\:mb-1 {
    margin-bottom: .25rem;
}
.xl\:ml-1 {
    margin-left: .25rem;
}
.xl\:mt-2 {
    margin-top: .5rem;
}
.xl\:mr-2 {
    margin-right: .5rem;
}
.xl\:mb-2 {
    margin-bottom: .5rem;
}
.xl\:ml-2 {
    margin-left: .5rem;
}
.xl\:mt-3 {
    margin-top: .75rem;
}
.xl\:mr-3 {
    margin-right: .75rem;
}
.xl\:mb-3 {
    margin-bottom: .75rem;
}
.xl\:ml-3 {
    margin-left: .75rem;
}
.xl\:mt-4 {
    margin-top: 1rem;
}
.xl\:mr-4 {
    margin-right: 1rem;
}
.xl\:mb-4 {
    margin-bottom: 1rem;
}
.xl\:ml-4 {
    margin-left: 1rem;
}
.xl\:mt-6 {
    margin-top: 1.5rem;
}
.xl\:mr-6 {
    margin-right: 1.5rem;
}
.xl\:mb-6 {
    margin-bottom: 1.5rem;
}
.xl\:ml-6 {
    margin-left: 1.5rem;
}
.xl\:mt-8 {
    margin-top: 2rem;
}
.xl\:mr-8 {
    margin-right: 2rem;
}
.xl\:mb-8 {
    margin-bottom: 2rem;
}
.xl\:ml-8 {
    margin-left: 2rem;
}
.xl\:mt-auto {
    margin-top: auto;
}
.xl\:mr-auto {
    margin-right: auto;
}
.xl\:mb-auto {
    margin-bottom: auto;
}
.xl\:ml-auto {
    margin-left: auto;
}
.xl\:mt-px {
    margin-top: 1px;
}
.xl\:mr-px {
    margin-right: 1px;
}
.xl\:mb-px {
    margin-bottom: 1px;
}
.xl\:ml-px {
    margin-left: 1px;
}
.xl\:max-h-full {
    max-height: 100%}
.xl\:max-h-screen {
    max-height: 100vh;
}
.xl\:max-w-xs {
    max-width: 20rem;
}
.xl\:max-w-sm {
    max-width: 30rem;
}
.xl\:max-w-md {
    max-width: 40rem;
}
.xl\:max-w-lg {
    max-width: 50rem;
}
.xl\:max-w-xl {
    max-width: 60rem;
}
.xl\:max-w-2xl {
    max-width: 70rem;
}
.xl\:max-w-3xl {
    max-width: 80rem;
}
.xl\:max-w-4xl {
    max-width: 90rem;
}
.xl\:max-w-5xl {
    max-width: 100rem;
}
.xl\:max-w-full {
    max-width: 100%}
.xl\:min-h-0 {
    min-height: 0;
}
.xl\:min-h-full {
    min-height: 100%}
.xl\:min-h-screen {
    min-height: 100vh;
}
.xl\:min-w-0 {
    min-width: 0;
}
.xl\:min-w-full {
    min-width: 100%}
.xl\:-m-0 {
    margin: 0;
}
.xl\:-m-1 {
    margin: -.25rem;
}
.xl\:-m-2 {
    margin: -.5rem;
}
.xl\:-m-3 {
    margin: -.75rem;
}
.xl\:-m-4 {
    margin: -1rem;
}
.xl\:-m-6 {
    margin: -1.5rem;
}
.xl\:-m-8 {
    margin: -2rem;
}
.xl\:-m-px {
    margin: -1px;
}
.xl\:-my-0 {
    margin-top: 0;
    margin-bottom: 0;
}
.xl\:-mx-0 {
    margin-left: 0;
    margin-right: 0;
}
.xl\:-my-1 {
    margin-top: -.25rem;
    margin-bottom: -.25rem;
}
.xl\:-mx-1 {
    margin-left: -.25rem;
    margin-right: -.25rem;
}
.xl\:-my-2 {
    margin-top: -.5rem;
    margin-bottom: -.5rem;
}
.xl\:-mx-2 {
    margin-left: -.5rem;
    margin-right: -.5rem;
}
.xl\:-my-3 {
    margin-top: -.75rem;
    margin-bottom: -.75rem;
}
.xl\:-mx-3 {
    margin-left: -.75rem;
    margin-right: -.75rem;
}
.xl\:-my-4 {
    margin-top: -1rem;
    margin-bottom: -1rem;
}
.xl\:-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
}
.xl\:-my-6 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem;
}
.xl\:-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
}
.xl\:-my-8 {
    margin-top: -2rem;
    margin-bottom: -2rem;
}
.xl\:-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem;
}
.xl\:-my-px {
    margin-top: -1px;
    margin-bottom: -1px;
}
.xl\:-mx-px {
    margin-left: -1px;
    margin-right: -1px;
}
.xl\:-mt-0 {
    margin-top: 0;
}
.xl\:-mr-0 {
    margin-right: 0;
}
.xl\:-mb-0 {
    margin-bottom: 0;
}
.xl\:-ml-0 {
    margin-left: 0;
}
.xl\:-mt-1 {
    margin-top: -.25rem;
}
.xl\:-mr-1 {
    margin-right: -.25rem;
}
.xl\:-mb-1 {
    margin-bottom: -.25rem;
}
.xl\:-ml-1 {
    margin-left: -.25rem;
}
.xl\:-mt-2 {
    margin-top: -.5rem;
}
.xl\:-mr-2 {
    margin-right: -.5rem;
}
.xl\:-mb-2 {
    margin-bottom: -.5rem;
}
.xl\:-ml-2 {
    margin-left: -.5rem;
}
.xl\:-mt-3 {
    margin-top: -.75rem;
}
.xl\:-mr-3 {
    margin-right: -.75rem;
}
.xl\:-mb-3 {
    margin-bottom: -.75rem;
}
.xl\:-ml-3 {
    margin-left: -.75rem;
}
.xl\:-mt-4 {
    margin-top: -1rem;
}
.xl\:-mr-4 {
    margin-right: -1rem;
}
.xl\:-mb-4 {
    margin-bottom: -1rem;
}
.xl\:-ml-4 {
    margin-left: -1rem;
}
.xl\:-mt-6 {
    margin-top: -1.5rem;
}
.xl\:-mr-6 {
    margin-right: -1.5rem;
}
.xl\:-mb-6 {
    margin-bottom: -1.5rem;
}
.xl\:-ml-6 {
    margin-left: -1.5rem;
}
.xl\:-mt-8 {
    margin-top: -2rem;
}
.xl\:-mr-8 {
    margin-right: -2rem;
}
.xl\:-mb-8 {
    margin-bottom: -2rem;
}
.xl\:-ml-8 {
    margin-left: -2rem;
}
.xl\:-mt-px {
    margin-top: -1px;
}
.xl\:-mr-px {
    margin-right: -1px;
}
.xl\:-mb-px {
    margin-bottom: -1px;
}
.xl\:-ml-px {
    margin-left: -1px;
}
.xl\:opacity-0 {
    opacity: 0;
}
.xl\:opacity-25 {
    opacity: .25;
}
.xl\:opacity-50 {
    opacity: .5;
}
.xl\:opacity-75 {
    opacity: .75;
}
.xl\:opacity-100 {
    opacity: 1;
}
.xl\:overflow-auto {
    overflow: auto;
}
.xl\:overflow-hidden {
    overflow: hidden;
}
.xl\:overflow-visible {
    overflow: visible;
}
.xl\:overflow-scroll {
    overflow: scroll;
}
.xl\:overflow-x-scroll {
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}
.xl\:scrolling-touch {
    -webkit-overflow-scrolling: touch;
}
.xl\:scrolling-auto {
    -webkit-overflow-scrolling: auto;
}
.xl\:p-0 {
    padding: 0;
}
.xl\:p-1 {
    padding: .25rem;
}
.xl\:p-2 {
    padding: .5rem;
}
.xl\:p-3 {
    padding: .75rem;
}
.xl\:p-4 {
    padding: 1rem;
}
.xl\:p-6 {
    padding: 1.5rem;
}
.xl\:p-8 {
    padding: 2rem;
}
.xl\:p-px {
    padding: 1px;
}
.xl\:py-0 {
    padding-top: 0;
    padding-bottom: 0;
}
.xl\:px-0 {
    padding-left: 0;
    padding-right: 0;
}
.xl\:py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem;
}
.xl\:px-1 {
    padding-left: .25rem;
    padding-right: .25rem;
}
.xl\:py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem;
}
.xl\:px-2 {
    padding-left: .5rem;
    padding-right: .5rem;
}
.xl\:py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem;
}
.xl\:px-3 {
    padding-left: .75rem;
    padding-right: .75rem;
}
.xl\:py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.xl\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}
.xl\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.xl\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.xl\:py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.xl\:px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
}
.xl\:py-px {
    padding-top: 1px;
    padding-bottom: 1px;
}
.xl\:px-px {
    padding-left: 1px;
    padding-right: 1px;
}
.xl\:pt-0 {
    padding-top: 0;
}
.xl\:pr-0 {
    padding-right: 0;
}
.xl\:pb-0 {
    padding-bottom: 0;
}
.xl\:pl-0 {
    padding-left: 0;
}
.xl\:pt-1 {
    padding-top: .25rem;
}
.xl\:pr-1 {
    padding-right: .25rem;
}
.xl\:pb-1 {
    padding-bottom: .25rem;
}
.xl\:pl-1 {
    padding-left: .25rem;
}
.xl\:pt-2 {
    padding-top: .5rem;
}
.xl\:pr-2 {
    padding-right: .5rem;
}
.xl\:pb-2 {
    padding-bottom: .5rem;
}
.xl\:pl-2 {
    padding-left: .5rem;
}
.xl\:pt-3 {
    padding-top: .75rem;
}
.xl\:pr-3 {
    padding-right: .75rem;
}
.xl\:pb-3 {
    padding-bottom: .75rem;
}
.xl\:pl-3 {
    padding-left: .75rem;
}
.xl\:pt-4 {
    padding-top: 1rem;
}
.xl\:pr-4 {
    padding-right: 1rem;
}
.xl\:pb-4 {
    padding-bottom: 1rem;
}
.xl\:pl-4 {
    padding-left: 1rem;
}
.xl\:pt-6 {
    padding-top: 1.5rem;
}
.xl\:pr-6 {
    padding-right: 1.5rem;
}
.xl\:pb-6 {
    padding-bottom: 1.5rem;
}
.xl\:pl-6 {
    padding-left: 1.5rem;
}
.xl\:pt-8 {
    padding-top: 2rem;
}
.xl\:pr-8 {
    padding-right: 2rem;
}
.xl\:pb-8 {
    padding-bottom: 2rem;
}
.xl\:pl-8 {
    padding-left: 2rem;
}
.xl\:pt-px {
    padding-top: 1px;
}
.xl\:pr-px {
    padding-right: 1px;
}
.xl\:pb-px {
    padding-bottom: 1px;
}
.xl\:pl-px {
    padding-left: 1px;
}
.xl\:pointer-events-none {
    pointer-events: none;
}
.xl\:pointer-events-auto {
    pointer-events: auto;
}
.xl\:static {
    position: static;
}
.xl\:fixed {
    position: fixed;
}
.xl\:absolute {
    position: absolute;
}
.xl\:relative {
    position: relative;
}
.xl\:pin-none {
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
}
.xl\:pin {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.xl\:pin-y {
    top: 0;
    bottom: 0;
}
.xl\:pin-x {
    right: 0;
    left: 0;
}
.xl\:pin-t {
    top: 0;
}
.xl\:pin-r {
    right: 0;
}
.xl\:pin-b {
    bottom: 0;
}
.xl\:pin-l {
    left: 0;
}
.xl\:resize-none {
    resize: none;
}
.xl\:resize-y {
    resize: vertical;
}
.xl\:resize-x {
    resize: horizontal;
}
.xl\:resize {
    resize: both;
}
.xl\:shadow {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
}
.xl\:shadow-md {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .12), 0 2px 4px 0 rgba(0, 0, 0, .08);
}
.xl\:shadow-lg {
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .11), 0 5px 15px 0 rgba(0, 0, 0, .08);
}
.xl\:shadow-inner {
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06);
}
.xl\:shadow-none {
    box-shadow: none;
}
.xl\:text-left {
    text-align: left;
}
.xl\:text-center {
    text-align: center;
}
.xl\:text-right {
    text-align: right;
}
.xl\:text-justify {
    text-align: justify;
}
.xl\:text-transparent {
    color: transparent;
}
.xl\:text-black {
    color: #222b2f;
}
.xl\:text-grey-darkest {
    color: #364349;
}
.xl\:text-grey-darker {
    color: #596a73;
}
.xl\:text-grey-dark {
    color: #70818a;
}
.xl\:text-grey {
    color: #9babb4;
}
.xl\:text-grey-light {
    color: #dae4e9;
}
.xl\:text-grey-lighter {
    color: #f3f7f9;
}
.xl\:text-grey-lightest {
    color: #fafcfc;
}
.xl\:text-white {
    color: #fff;
}
.xl\:text-red-darkest {
    color: #420806;
}
.xl\:text-red-darker {
    color: #6a1b19;
}
.xl\:text-red-dark {
    color: #cc1f1a;
}
.xl\:text-red {
    color: #e3342f;
}
.xl\:text-red-light {
    color: #ef5753;
}
.xl\:text-red-lighter {
    color: #f9acaa;
}
.xl\:text-red-lightest {
    color: #fcebea;
}
.xl\:text-orange-darkest {
    color: #542605;
}
.xl\:text-orange-darker {
    color: #7f4012;
}
.xl\:text-orange-dark {
    color: #de751f;
}
.xl\:text-orange {
    color: #f6993f;
}
.xl\:text-orange-light {
    color: #faad63;
}
.xl\:text-orange-lighter {
    color: #fcd9b6;
}
.xl\:text-orange-lightest {
    color: #fff5eb;
}
.xl\:text-yellow-darkest {
    color: #453411;
}
.xl\:text-yellow-darker {
    color: #684f1d;
}
.xl\:text-yellow-dark {
    color: #f2d024;
}
.xl\:text-yellow {
    color: #ffed4a;
}
.xl\:text-yellow-light {
    color: #fff382;
}
.xl\:text-yellow-lighter {
    color: #fff9c2;
}
.xl\:text-yellow-lightest {
    color: #fcfbeb;
}
.xl\:text-green-darkest {
    color: #032d19;
}
.xl\:text-green-darker {
    color: #0b4228;
}
.xl\:text-green-dark {
    color: #1f9d55;
}
.xl\:text-green {
    color: #38c172;
}
.xl\:text-green-light {
    color: #51d88a;
}
.xl\:text-green-lighter {
    color: #a2f5bf;
}
.xl\:text-green-lightest {
    color: #e3fcec;
}
.xl\:text-teal-darkest {
    color: #0d3331;
}
.xl\:text-teal-darker {
    color: #174e4b;
}
.xl\:text-teal-dark {
    color: #38a89d;
}
.xl\:text-teal {
    color: #4dc0b5;
}
.xl\:text-teal-light {
    color: #64d5ca;
}
.xl\:text-teal-lighter {
    color: #a0f0ed;
}
.xl\:text-teal-lightest {
    color: #e8fffe;
}
.xl\:text-blue-darkest {
    color: #05233b;
}
.xl\:text-blue-darker {
    color: #103d60;
}
.xl\:text-blue-dark {
    color: #2779bd;
}
.xl\:text-blue {
    color: #3490dc;
}
.xl\:text-blue-light {
    color: #6cb2eb;
}
.xl\:text-blue-lighter {
    color: #bcdefa;
}
.xl\:text-blue-lightest {
    color: #eff8ff;
}
.xl\:text-indigo-darkest {
    color: #191e38;
}
.xl\:text-indigo-darker {
    color: #2f365f;
}
.xl\:text-indigo-dark {
    color: #5661b3;
}
.xl\:text-indigo {
    color: #6574cd;
}
.xl\:text-indigo-light {
    color: #7886d7;
}
.xl\:text-indigo-lighter {
    color: #b2b7ff;
}
.xl\:text-indigo-lightest {
    color: #e6e8ff;
}
.xl\:text-purple-darkest {
    color: #1f133f;
}
.xl\:text-purple-darker {
    color: #352465;
}
.xl\:text-purple-dark {
    color: #794acf;
}
.xl\:text-purple {
    color: #9561e2;
}
.xl\:text-purple-light {
    color: #a779e9;
}
.xl\:text-purple-lighter {
    color: #d6bbfc;
}
.xl\:text-purple-lightest {
    color: #f3ebff;
}
.xl\:text-pink-darkest {
    color: #45051e;
}
.xl\:text-pink-darker {
    color: #72173a;
}
.xl\:text-pink-dark {
    color: #eb5286;
}
.xl\:text-pink {
    color: #f66d9b;
}
.xl\:text-pink-light {
    color: #fa7ea8;
}
.xl\:text-pink-lighter {
    color: #ffbbca;
}
.xl\:text-pink-lightest {
    color: #ffebef;
}
.xl\:hover\:text-transparent:hover {
    color: transparent;
}
.xl\:hover\:text-black:hover {
    color: #222b2f;
}
.xl\:hover\:text-grey-darkest:hover {
    color: #364349;
}
.xl\:hover\:text-grey-darker:hover {
    color: #596a73;
}
.xl\:hover\:text-grey-dark:hover {
    color: #70818a;
}
.xl\:hover\:text-grey:hover {
    color: #9babb4;
}
.xl\:hover\:text-grey-light:hover {
    color: #dae4e9;
}
.xl\:hover\:text-grey-lighter:hover {
    color: #f3f7f9;
}
.xl\:hover\:text-grey-lightest:hover {
    color: #fafcfc;
}
.xl\:hover\:text-white:hover {
    color: #fff;
}
.xl\:hover\:text-red-darkest:hover {
    color: #420806;
}
.xl\:hover\:text-red-darker:hover {
    color: #6a1b19;
}
.xl\:hover\:text-red-dark:hover {
    color: #cc1f1a;
}
.xl\:hover\:text-red:hover {
    color: #e3342f;
}
.xl\:hover\:text-red-light:hover {
    color: #ef5753;
}
.xl\:hover\:text-red-lighter:hover {
    color: #f9acaa;
}
.xl\:hover\:text-red-lightest:hover {
    color: #fcebea;
}
.xl\:hover\:text-orange-darkest:hover {
    color: #542605;
}
.xl\:hover\:text-orange-darker:hover {
    color: #7f4012;
}
.xl\:hover\:text-orange-dark:hover {
    color: #de751f;
}
.xl\:hover\:text-orange:hover {
    color: #f6993f;
}
.xl\:hover\:text-orange-light:hover {
    color: #faad63;
}
.xl\:hover\:text-orange-lighter:hover {
    color: #fcd9b6;
}
.xl\:hover\:text-orange-lightest:hover {
    color: #fff5eb;
}
.xl\:hover\:text-yellow-darkest:hover {
    color: #453411;
}
.xl\:hover\:text-yellow-darker:hover {
    color: #684f1d;
}
.xl\:hover\:text-yellow-dark:hover {
    color: #f2d024;
}
.xl\:hover\:text-yellow:hover {
    color: #ffed4a;
}
.xl\:hover\:text-yellow-light:hover {
    color: #fff382;
}
.xl\:hover\:text-yellow-lighter:hover {
    color: #fff9c2;
}
.xl\:hover\:text-yellow-lightest:hover {
    color: #fcfbeb;
}
.xl\:hover\:text-green-darkest:hover {
    color: #032d19;
}
.xl\:hover\:text-green-darker:hover {
    color: #0b4228;
}
.xl\:hover\:text-green-dark:hover {
    color: #1f9d55;
}
.xl\:hover\:text-green:hover {
    color: #38c172;
}
.xl\:hover\:text-green-light:hover {
    color: #51d88a;
}
.xl\:hover\:text-green-lighter:hover {
    color: #a2f5bf;
}
.xl\:hover\:text-green-lightest:hover {
    color: #e3fcec;
}
.xl\:hover\:text-teal-darkest:hover {
    color: #0d3331;
}
.xl\:hover\:text-teal-darker:hover {
    color: #174e4b;
}
.xl\:hover\:text-teal-dark:hover {
    color: #38a89d;
}
.xl\:hover\:text-teal:hover {
    color: #4dc0b5;
}
.xl\:hover\:text-teal-light:hover {
    color: #64d5ca;
}
.xl\:hover\:text-teal-lighter:hover {
    color: #a0f0ed;
}
.xl\:hover\:text-teal-lightest:hover {
    color: #e8fffe;
}
.xl\:hover\:text-blue-darkest:hover {
    color: #05233b;
}
.xl\:hover\:text-blue-darker:hover {
    color: #103d60;
}
.xl\:hover\:text-blue-dark:hover {
    color: #2779bd;
}
.xl\:hover\:text-blue:hover {
    color: #3490dc;
}
.xl\:hover\:text-blue-light:hover {
    color: #6cb2eb;
}
.xl\:hover\:text-blue-lighter:hover {
    color: #bcdefa;
}
.xl\:hover\:text-blue-lightest:hover {
    color: #eff8ff;
}
.xl\:hover\:text-indigo-darkest:hover {
    color: #191e38;
}
.xl\:hover\:text-indigo-darker:hover {
    color: #2f365f;
}
.xl\:hover\:text-indigo-dark:hover {
    color: #5661b3;
}
.xl\:hover\:text-indigo:hover {
    color: #6574cd;
}
.xl\:hover\:text-indigo-light:hover {
    color: #7886d7;
}
.xl\:hover\:text-indigo-lighter:hover {
    color: #b2b7ff;
}
.xl\:hover\:text-indigo-lightest:hover {
    color: #e6e8ff;
}
.xl\:hover\:text-purple-darkest:hover {
    color: #1f133f;
}
.xl\:hover\:text-purple-darker:hover {
    color: #352465;
}
.xl\:hover\:text-purple-dark:hover {
    color: #794acf;
}
.xl\:hover\:text-purple:hover {
    color: #9561e2;
}
.xl\:hover\:text-purple-light:hover {
    color: #a779e9;
}
.xl\:hover\:text-purple-lighter:hover {
    color: #d6bbfc;
}
.xl\:hover\:text-purple-lightest:hover {
    color: #f3ebff;
}
.xl\:hover\:text-pink-darkest:hover {
    color: #45051e;
}
.xl\:hover\:text-pink-darker:hover {
    color: #72173a;
}
.xl\:hover\:text-pink-dark:hover {
    color: #eb5286;
}
.xl\:hover\:text-pink:hover {
    color: #f66d9b;
}
.xl\:hover\:text-pink-light:hover {
    color: #fa7ea8;
}
.xl\:hover\:text-pink-lighter:hover {
    color: #ffbbca;
}
.xl\:hover\:text-pink-lightest:hover {
    color: #ffebef;
}
.xl\:text-xs {
    font-size: .75rem;
}
.xl\:text-sm {
    font-size: .875rem;
}
.xl\:text-base {
    font-size: 1rem;
}
.xl\:text-lg {
    font-size: 1.125rem;
}
.xl\:text-xl {
    font-size: 1.25rem;
}
.xl\:text-2xl {
    font-size: 1.5rem;
}
.xl\:text-3xl {
    font-size: 1.875rem;
}
.xl\:text-4xl {
    font-size: 2.25rem;
}
.xl\:text-5xl {
    font-size: 3rem;
}
.xl\:italic {
    font-style: italic;
}
.xl\:roman {
    font-style: normal;
}
.xl\:uppercase {
    text-transform: uppercase;
}
.xl\:lowercase {
    text-transform: lowercase;
}
.xl\:capitalize {
    text-transform: capitalize;
}
.xl\:normal-case {
    text-transform: none;
}
.xl\:underline {
    text-decoration: underline;
}
.xl\:line-through {
    text-decoration: line-through;
}
.xl\:no-underline {
    text-decoration: none;
}
.xl\:antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.xl\:subpixel-antialiased {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
}
.xl\:hover\:italic:hover {
    font-style: italic;
}
.xl\:hover\:roman:hover {
    font-style: normal;
}
.xl\:hover\:uppercase:hover {
    text-transform: uppercase;
}
.xl\:hover\:lowercase:hover {
    text-transform: lowercase;
}
.xl\:hover\:capitalize:hover {
    text-transform: capitalize;
}
.xl\:hover\:normal-case:hover {
    text-transform: none;
}
.xl\:hover\:underline:hover {
    text-decoration: underline;
}
.xl\:hover\:line-through:hover {
    text-decoration: line-through;
}
.xl\:hover\:no-underline:hover {
    text-decoration: none;
}
.xl\:hover\:antialiased:hover {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.xl\:hover\:subpixel-antialiased:hover {
    -webkit-font-smoothing: auto;
    -moz-osx-font-smoothing: auto;
}
.xl\:tracking-tight {
    letter-spacing: -.05em;
}
.xl\:tracking-normal {
    letter-spacing: 0;
}
.xl\:tracking-wide {
    letter-spacing: .05em;
}
.xl\:select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.xl\:select-text {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
.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;
}
.xl\:visible {
    visibility: visible;
}
.xl\:invisible {
    visibility: hidden;
}
.xl\:whitespace-normal {
    white-space: normal;
}
.xl\:whitespace-no-wrap {
    white-space: nowrap;
}
.xl\:whitespace-pre {
    white-space: pre;
}
.xl\:whitespace-pre-line {
    white-space: pre-line;
}
.xl\:whitespace-pre-wrap {
    white-space: pre-wrap;
}
.xl\:break-words {
    word-wrap: break-word;
}
.xl\:break-normal {
    word-wrap: normal;
}
.xl\:truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.xl\:w-1 {
    width: .25rem;
}
.xl\:w-2 {
    width: .5rem;
}
.xl\:w-3 {
    width: .75rem;
}
.xl\:w-4 {
    width: 1rem;
}
.xl\:w-6 {
    width: 1.5rem;
}
.xl\:w-8 {
    width: 2rem;
}
.xl\:w-10 {
    width: 2.5rem;
}
.xl\:w-12 {
    width: 3rem;
}
.xl\:w-16 {
    width: 4rem;
}
.xl\:w-24 {
    width: 6rem;
}
.xl\:w-32 {
    width: 8rem;
}
.xl\:w-48 {
    width: 12rem;
}
.xl\:w-64 {
    width: 16rem;
}
.xl\:w-auto {
    width: auto;
}
.xl\:w-px {
    width: 1px;
}
.xl\:w-1\/2 {
    width: 50%}
.xl\:w-1\/3 {
    width: 33.33333%}
.xl\:w-2\/3 {
    width: 66.66667%}
.xl\:w-1\/4 {
    width: 25%}
.xl\:w-3\/4 {
    width: 75%}
.xl\:w-1\/5 {
    width: 20%}
.xl\:w-2\/5 {
    width: 40%}
.xl\:w-3\/5 {
    width: 60%}
.xl\:w-4\/5 {
    width: 80%}
.xl\:w-1\/6 {
    width: 16.66667%}
.xl\:w-5\/6 {
    width: 83.33333%}
.xl\:w-full {
    width: 100%}
.xl\:w-screen {
    width: 100vw;
}
.xl\:z-0 {
    z-index: 0;
}
.xl\:z-10 {
    z-index: 10;
}
.xl\:z-20 {
    z-index: 20;
}
.xl\:z-30 {
    z-index: 30;
}
.xl\:z-40 {
    z-index: 40;
}
.xl\:z-50 {
    z-index: 50;
}
.xl\:z-auto {
    z-index: auto;
}
}









.containerslk {
	max-width: 100rem;
	margin: 0 auto;
	padding: 0 0rem 0rem;
}

.heading {
	font-family: "Montserrat", Arial, sans-serif;
	font-size: 4rem;
	font-weight: 500;
	line-height: 1.5;
	text-align: center;
	padding: 3.5rem 0;
	color: #1a1a1a;
}

.heading span {
	display: block;
}

.gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem; /* space between items */
  margin: 0 auto;
  padding:10px;
}
/* For 6 items per row */
.gallery-item {
  flex: 0 0 calc(16.66% - 1rem); /* 6 per row */
  border-radius: 0px;
  overflow: hidden;
}

/* 6 per row */


/* Extra small devices (phones, <576px) */
@media screen and (max-width: 36em) { /* 576px */
  .nomobile { display: none !important; }
  .gallery {
    display: grid;
    grid-template-columns: repeat(1, 1fr); /* 1 column */
    grid-gap: 1rem;
  }
}

/* Small devices (tablets, 576px to 848px) */
@media screen and (min-width: 36em) and (max-width: 53em) {
  .nomobile { display: none !important; }
  .gallery {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 columns */
    grid-gap: 1rem;
  }
}

/* Medium devices (desktops, 848px to 1200px) */
@media screen and (min-width: 53em) and (max-width: 75em) {
  .nomobile { display: block !important; }
  .gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 columns */
    grid-gap: 1rem;
  }
}

/* Large devices (extra large desktops, >1200px) */
@media screen and (min-width: 75em) {
  .nomobile { display: block !important; }
  .gallery {
    display: grid;
    grid-template-columns: repeat(5, 1fr); /* 4 columns */
    grid-gap: 1rem;
  }
}



.gallery-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0;

  /* Start hidden */
  opacity: 0;

  /* Smooth fade-in + hover zoom */
  transition: opacity 0.5s ease, transform 0.6s ease;
}

.gallery-item img.gallery-image:hover {
  opacity: 0.8;
  transform: scale(1.12);
}

/* IMPORTANT: Let canvas fill parent but not override the aspect */
  	#videoCanvasElement {
  	display: block;
  	width: 100% !important;
  	height: auto; /* 👈 Critical: Let the browser maintain the aspect ratio */
  	background: url('images/loading.jpg?2') no-repeat center center / cover;
  	border: none;
  	border-radius:0px


  	}

/* .gallery-image:hover {
	transform: scale(1.15);
} */

/* YVR
*/


.gallery-container-lnav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px; /* Adds space between images */
}

.gallery-image-lnav {

    object-fit: cover;
    transition: transform 400ms ease-out;
    border-radius:10px;
  width: calc(50% - 5px); /* 50% width with a small gap adjustment */
  border-radius: 10px;
  object-fit: cover;
}

.gallery-image-lnav:hover {
	transform: scale(.90);
}






.iconoptionscopy {
    position: absolute; /* Position icons absolutely within the grid item */
    display: none; /* Initially hide icons */
    justify-content: center; /* Center icon images */
    align-items: center; /* Center icon images */
    pointer-events: auto; /* Ensure icons can receive mouse events */
		bottom: 70px !important; /* Position edit icon at the top right */
		right: 14px !important; /* Position edit icon at the top right */
}
.iconoptionsedit {

    position: absolute; /* Position icons absolutely within the grid item */
    display: none; /* Initially hide icons */

opacity:1 !important;
    justify-content: center; /* Center icon images */
    align-items: center; /* Center icon images */
    pointer-events: auto; /* Ensure icons can receive mouse events */
		bottom: 10px !important; /* Position edit icon at the top right */
		left: 10px !important; /* Position edit icon at the top right */
}
.iconoptionsdownload {
    position: absolute; /* Position icons absolutely within the grid item */
    display: none; /* Initially hide icons */
    justify-content: center; /* Center icon images */
    align-items: center; /* Center icon images */
    pointer-events: auto; /* Ensure icons can receive mouse events */
		bottom: 10px !important; /* Position edit icon at the top right */
		right: 10px !important; /* Position edit icon at the top right */
		opacity:0.8 !important;
}

.copy-icon{
	 /* Optional: background for visibility */

	width: 30px !important; /* Set a width for the icons */
	height: 30px  !important; /* Set a height for the icons */
	}

.edit-icon {
	/* background-color: rgba(255, 255, 255, 0.7);  */

	width: 40px !important; /* Set a width for the icons */
	height: 40px  !important; /* Set a height for the icons */
	border:3px #ff007b solid;
border-radius: 200px;


}

.download-icon {
	background-color: rgba(255, 255, 255, 0.7); /* Optional: background for visibility */

	width: 40px !important; /* Set a width for the icons */
	height: 40px  !important; /* Set a height for the icons */
border:2px #ffffff solid;
border-radius: 200px;

}


.vertical-text {position:absolute;font-size:6px;
		writing-mode: vertical-rl; /* or vertical-lr for the opposite direction */
		text-orientation: mixed; /* Adjusts orientation of letters */
		color:#aaaaaa !important;
		position: absolute;
bottom: 30%; /* Move to the middle vertically */
left:10px; /* Move to the middle horizontally */
transform: translate(-50%, -50%) rotate(180deg);
opacity:0.5;

}

.gallery-item img.gallery-image {
  width: 100%;
  height: auto;
  display: block;
  border:0px #ffffff solid;
  padding:0px
}


.locked {
  position: absolute;
  top: 8px; /* Adjust as needed */
  right: 8px; /* Adjust as needed */

}
.plus{text-decoration: none;background-color:#111111;color:#eeeeee;border-radius:200px;padding-left:10px;padding-right:10px;;padding-top:5px;padding-bottom:5px;font-size:12px;border:none;font-weight:600}


.free {display:none;width:22px;border-radius:0px;border:none;opacity:0.6;}
.premium{display:block;position:relative;display:block;width:22px;border-radius:0px;border:none;opacity:0.6;}






    .recents{width:90px;}
.recentimages{width:90px;border-radius:5px;;}

	.copy-toast {
	position: fixed;
	top: 20px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #003066;
	color: white;
	padding: 12px 24px;
	border-radius: 200px;
	font-weight: 500;
	font-size: 14px;
	box-shadow: 0 4px 6px rgba(0,0,0,0.1);
	z-index:99999999 !important;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.5s ease-in-out;
	}

	.copy-toast.show {
	opacity: 1;
	pointer-events: auto;
	}


.pricing-table {
  display: grid;
  gap: 20px;
  max-width: 900px;
  width: 100%;

  margin: 0 auto;

}

.pricing-table .premium {
border:2px red solid;
}

/* Desktop: 4 columns when >= 1400px */
@media (min-width: 1400px) {
  .pricing-table {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* Tablet: 2 columns for >= 980px and < 1400px */
@media (min-width: 980px) and (max-width: 1399px) {
  .pricing-table {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* Mobile: 1 column below 980px */
@media (max-width: 979px) {
  .pricing-table {
    grid-template-columns: 3fr;
  }
}

@media (max-width: 767px) {
  .pricing-table {
    grid-template-columns: 1fr;
  }
}

.plan {
  background-color: var(--plan-row-pay-bg);
  border-radius: 0px;
  overflow: hidden;
  text-align: center;
  cursor:pointer;
}



.plan-header {
  background-color: var(--plan-row-header-bg);
  padding: 20px;
  font-size: 20px;
  font-weight: bold;
}

.plan-row {
  padding: 15px;
  border-bottom:1px #111111 solid;
}

.plan-row:nth-child(even) {
 background-color: var(--plan-row-even-bg);
}

.plan-row:nth-child(odd) {
   background-color: var(--plan-row-odd-bg);
;
}

.plan-button {
  display: block;
  width: 80%;
  margin: 20px auto;
  padding: 10px;
background-color: var(--plan-row-pay);
  border:0px #aaaaaa solid;

  border-radius: 4px;
  color: white;
  font-size: 26px;
  cursor: pointer;
}

.plan-button:hover {
  background-color: #222222;
}
.plansubtitle{font-size:14px;font-weight:500}
.blink-message {
  color: #aaaaaa;
  margin-right: 20px;
  font-size: 14px;
  opacity: 1;
  animation: blink 1s ease-in-out 3, stayVisible 0s forwards 3s;
}




.blink2 {
  color: #ff6122;
  font-weight: 600;
  opacity: 1;
  animation: blink2 1s ease-in-out 3, stayVisible 0s forwards 3s;
}

/* Blinking keyframes */
@keyframes blink2 {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}



/* Fade out and in */
@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

/* Ensure it stays visible after blinking */
@keyframes stayVisible {
  to { opacity: 1; }
}


/* INTEGRATION  */
.actionicon{width:30px !important;height:30px !important;border:1px #ffffff solid;border-radius:200px;background-color:#ffffff;}

 .editlib {
			 z-index: 10;
        visibility: hidden;
        opacity: 0;
        transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
        position: absolute;
        bottom: 90px;
        right: 20px;
        
        height:30px;width:30px;
    }
 .gallery-item:hover .editlib {
      visibility: visible;
        opacity: 1;
				  overflow: hidden;
    }
 .downloadmyasset {
			 z-index: 10;
        visibility: hidden;
        opacity: 0;
        transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
        position: absolute;
        bottom: 50px;
        right: 20px;
        
        height:30px;width:30px;
    }
   
     .gallery-item:hover .downloadmyasset {
      visibility: visible;
        opacity: 1;
				  overflow: hidden;
    }
 .gallery-item:hover .litemstext {
      visibility: visible;
        opacity: 1;
				  overflow: hidden;
    }
      
        .checkdrag {
        position:absolute;left:5px;bottom:40px;
			 z-index: 10;
       
        opacity: 1;
      
        border:0px red solid;border-radius: 200px;
        height:50px;width:50px;
    }

         .gallery-item:hover .checkdrag {
      visibility: visible;
        opacity: 1;
				  overflow: hidden;
    }

     .gallery-item:hover .qrcodediv {
      visibility: visible;
        opacity: 1;
				  overflow: hidden;
    }
  .gallery-item:hover .publishontv {
      visibility: visible;
        opacity: 1;
				  overflow: hidden;
    }
    
       .litemstext {
			 z-index: 10;
        visibility: hidden;
        opacity: 0;
        transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
        position: absolute;
        bottom: 10px;
        right: 20px;
        border:0px red solid;border-radius: 200px;
        height:30px;width:30px;
		
    }

    .gallery-item.selected {
  border: 2px dashed #ffffff;
  border-radius:4px;
}

	  .qrcode{width:25px;height:25px;background-color:#ffffff;border-radius:3px;}
       .qrcodediv {
			 z-index: 10;
        visibility: hidden;
        opacity: 0;
        transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
        position: absolute;
        bottom: 10px;
        left: 10px;
        border:0px red solid;
		
    }
.publishontv{
     z-index: 10;
        visibility: hidden;
        opacity: 0;
        transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
        position: absolute;
        bottom: 40px;
        left: 10px;
        border:0px red solid;
}
    .greytext{color:#222222;}
@keyframes blinkAndFade {
  0%, 40% { opacity: 1; }   /* visible */
  20% { opacity: 0; }       /* hidden (1st blink) */
  60% { opacity: 0; }       /* hidden (2nd blink) */
  80% { opacity: 1; }       /* back visible */
  100% { opacity: 0.8; }      /* fade out */
}


	.keyword-link 
	{font-weight:500;text-decoration: none;
	/* border-bottom:3px #323437 solid; */
	background-color:transparent !important;padding:10px;border-radius:5px;color:#727983;margin-right:15px;font-size:16px;
text-transform: uppercase;
border:0px #444444 solid;
text-transform: capitalize;


}
.scroll-container {

  padding:0px;
  margin:0px;
  width: 100%;

  display: flex;
  flex-wrap: nowrap;           /* force one row */
  justify-content: flex-start; /* items go left-to-right */
  gap: 0px;

  overflow-x: auto;   /* enable horizontal scrolling */
  overflow-y: hidden;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE/Edge */
}

/* Hide scrollbar for Chrome, Safari, and Opera */
.scroll-container::-webkit-scrollbar {
  display: none;
}


    /* ALL OTHER CODES  */
.tabstart{font-size:14px;color:#777777;position:absolute;z-index:100;padding:10px;
    overflow-x:hidden;width:100%;text-align:center;border:0px red solid}

	.noisepattern {
		  z-index: 1 !important;
		  left:0 !important;
		  clear: float;
		  content: '';
		   display: block;

		   right: 0;
		   top: 0px;
		   bottom: 0px;
		  position: absolute;

		  clear: float;
		  width: 100%;
		  height: 100%;
		background: url("images/noise.png");
		  color: #ffffff;
		    opacity:0.5 !important;
            pointer-events: none;
		}

		.dotspattern {
            pointer-events: none;
		  z-index: 101 !important;
		  left:0 !important;
		  clear: float;
		  content: '';
		   display: block;

		   right: 0;
		   top: 0px;
		   bottom: 0px;
		  position: absolute;

		  clear: float;
		  width: 100%;
		  height: 100%;
		background: url("images/pattern.png");
		  color: #ffffff;
		    opacity:0.5 !important;
		}



					.svgstyle4 {
pointer-events: none;
					  width: 100%;

					             border: 0px #ffffff solid;
					             display: block;
					             padding: 0px 0;
					             position:absolute;
					 object-fit: cover;
					 	z-index:10 !important;
					    bottom: 0px;
					    position: absolute;
					    height: 300px;
					    width: 100%;
					    left: 0 !important;
					    clear: float;
					    content: '';
					    display: block;
					    position: absolute;
					    left: 0;
					    right: 0;
					    bottom: 0;
					    opacity: 0.3;
					    -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0)));
					    mask-image: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
					    background-color: #333333;
					    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M54.627 0l.83.828-1.415 1.415L51.8 0h2.827zM5.373 0l-.83.828L5.96 2.243 8.2 0H5.374zM48.97 0l3.657 3.657-1.414 1.414L46.143 0h2.828zM11.03 0L7.372 3.657 8.787 5.07 13.857 0H11.03zm32.284 0L49.8 6.485 48.384 7.9l-7.9-7.9h2.83zM16.686 0L10.2 6.485 11.616 7.9l7.9-7.9h-2.83zm20.97 0l9.315 9.314-1.414 1.414L34.828 0h2.83zM22.344 0L13.03 9.314l1.414 1.414L25.172 0h-2.83zM32 0l12.142 12.142-1.414 1.414L30 .828 17.272 13.556l-1.414-1.414L28 0h4zM.284 0l28 28-1.414 1.414L0 2.544V0h.284zM0 5.373l25.456 25.455-1.414 1.415L0 8.2V5.374zm0 5.656l22.627 22.627-1.414 1.414L0 13.86v-2.83zm0 5.656l19.8 19.8-1.415 1.413L0 19.514v-2.83zm0 5.657l16.97 16.97-1.414 1.415L0 25.172v-2.83zM0 28l14.142 14.142-1.414 1.414L0 30.828V28zm0 5.657L11.314 44.97 9.9 46.386l-9.9-9.9v-2.828zm0 5.657L8.485 47.8 7.07 49.212 0 42.143v-2.83zm0 5.657l5.657 5.657-1.414 1.415L0 47.8v-2.83zm0 5.657l2.828 2.83-1.414 1.413L0 53.456v-2.83zM54.627 60L30 35.373 5.373 60H8.2L30 38.2 51.8 60h2.827zm-5.656 0L30 41.03 11.03 60h2.828L30 43.858 46.142 60h2.83zm-5.656 0L30 46.686 16.686 60h2.83L30 49.515 40.485 60h2.83zm-5.657 0L30 52.343 22.343 60h2.83L30 55.172 34.828 60h2.83zM32 60l-2-2-2 2h4zM59.716 0l-28 28 1.414 1.414L60 2.544V0h-.284zM60 5.373L34.544 30.828l1.414 1.415L60 8.2V5.374zm0 5.656L37.373 33.656l1.414 1.414L60 13.86v-2.83zm0 5.656l-19.8 19.8 1.415 1.413L60 19.514v-2.83zm0 5.657l-16.97 16.97 1.414 1.415L60 25.172v-2.83zM60 28L45.858 42.142l1.414 1.414L60 30.828V28zm0 5.657L48.686 44.97l1.415 1.415 9.9-9.9v-2.828zm0 5.657L51.515 47.8l1.414 1.413 7.07-7.07v-2.83zm0 5.657l-5.657 5.657 1.414 1.415L60 47.8v-2.83zm0 5.657l-2.828 2.83 1.414 1.413L60 53.456v-2.83zM39.9 16.385l1.414-1.414L30 3.658 18.686 14.97l1.415 1.415 9.9-9.9 9.9 9.9zm-2.83 2.828l1.415-1.414L30 9.313 21.515 17.8l1.414 1.413 7.07-7.07 7.07 7.07zm-2.827 2.83l1.414-1.416L30 14.97l-5.657 5.657 1.414 1.415L30 17.8l4.243 4.242zm-2.83 2.827l1.415-1.414L30 20.626l-2.828 2.83 1.414 1.414L30 23.456l1.414 1.414zM56.87 59.414L58.284 58 30 29.716 1.716 58l1.414 1.414L30 32.544l26.87 26.87z' fill='%239C92AC' fill-opacity='0.4' fill-rule='evenodd'/%3E%3C/svg%3E");
					}
		      .topblur {
					  top:-150px;
					  border:0px red solid;
					  position: absolute;
					  height: 280px;
		z-index:10 !important;
					  width:100%;
					  left:0 !important;
					  clear: float;
					  background: #323232;
					  background: -moz-linear-gradient(top, #323232 0%, transparent 100%);
					  background: -webkit-linear-gradient(top, #323232 0%, transparent 100%);
					  background: linear-gradient(to bottom, #323232 0%, transparent 100%);
					  color: #ffffff;
					  opacity:1;
					}

/* ACCORDION  */
.accordion
{
    width:100%;padding:30px;
	max-width:1000px;
	margin-top:40px;
	padding-bottom:140px;
	margin:0  auto;


}
.accordion .accordion-item {
  border-bottom: 1px solid #888888;
}
.accordion .accordion-item button[aria-expanded=true] {
  border-bottom: 1px solid #888888;
}
.accordion button {
  position: relative;
  display: block;
  text-align: left;
  width: 100%;
  padding: 1em 0;
  
  font-size: 1.8rem;
  font-weight: 400;
  border: none;
  background: none;
  outline: none;
}
.accordion button:hover, .accordion button:focus {
  cursor: pointer;
opacity:0.8;
}
.accordion button:hover::after, .accordion button:focus::after {
  cursor: pointer;
  border: 1px solid #cccccc;
}
.accordion button .accordion-title {
  padding: 1em 1.5em 1em 0;
font-size:1.3rem;
color:#777777;
}
.accordion button .icon {
  display: inline-block;
  position: absolute;
  top: 18px;
  right: 0;
  width: 22px;
  height: 22px;
  border: 1px solid #cccccc;
  border-radius: 22px;
}
.accordion button .icon::before {
  display: block;
  position: absolute;
  content: "";
  top: 9px;
  left: 5px;
  width: 10px;
  height: 2px;
  background: #777777;
}
.accordion button .icon::after {
  display: block;
  position: absolute;
  content: "";
  top: 5px;
  left: 9px;
  width: 2px;
  height: 10px;
 background: #777777;
}
.accordion button[aria-expanded=true] {
  color: #cccccc;
}
.accordion button[aria-expanded=true] .icon::after {
  width: 0;
}
.accordion button[aria-expanded=true] + .accordion-content {
  opacity: 1;
  max-height: 9em;
  transition: all 200ms linear;
  will-change: opacity, max-height;
  color:#777777;
}
.accordion .accordion-content {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 200ms linear, max-height 200ms linear;
  will-change: opacity, max-height;
  text-align:left;
}
.accordion .accordion-content p {
  font-size: 1.1rem;
  font-weight: 500;
  margin: 2em 0;
  color:#777777;
}
/* ACCORDION  */


.sortable-chosen {
  border: 2px solid #ffcc00;
}

.sortable-drag {
  border: 2px dashed #ffffff;
  opacity: 0.2;
}

.sortable-ghost {
  border: 2px dashed #ffffff;
  opacity: 0.9;
}



/* Hide the default checkbox */
.comic-checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 30px;
  height: 30px;
  border: 2px solid #222222; /* Set the border color of the unchecked box */
  cursor: pointer;
  margin: 5px;
  background-color: #ffcc00; /* Optional: Sets the background color of the unchecked box */
  position: relative; /* Needed for the pseudo-element */
  opacity:0;
}


.show-checkboxes .comic-checkbox {
  opacity: 1;
}

/* Style the checkmark when the checkbox is checked */
.comic-checkbox:checked {
  background-color: #141820;  
  /* border-color: #ff5722;  */
  /* Set the border color to match */
}

/* Create the custom checkmark using a pseudo-element */
.comic-checkbox:checked::after {
  content: ''; /* Must be set for pseudo-elements */
  position: absolute;
  top: 2px;
  left: 8px;
  width: 6px;
  height: 22px;
  border: solid white;  
  border-width: 0 3px 3px 0; /* Creates the checkmark shape */
  transform: rotate(45deg); /* Rotates it to create the checkmark shape */
}
.number-badge {
  position: absolute;
  top: 5px;
  right: 5px; /* use right instead of left if you want top-right corner */
  width: 24px;
  height: 24px;
  background-color: #ffcc00;
  color: #111;
  font-weight: bold;
  font-size: 16px;
  border-radius: 50%;
  border: 2px red solid;
 display: none;              /* flexbox for centering */
  align-items: center;       /* vertical center */
  justify-content: center;   /* horizontal center */
  z-index: 100 !important;
  pointer-events: none;

}
.pb5{padding-bottom:5px;}
.pt5{padding-top:5px;}
.butpdfexport{margin-right:20px;padding:10px;border:none;color:#111111;background-color:#ffffff;border-radius:3px;font-weight:600}

.butpdfexportclear{border:1px #aaaaaa solid;;padding:10px;color:#aaaaaa;background-color:transparent;border-radius:4px;font-weight:500;margin-right:10px}

.export-row {
	
  position: sticky;
  padding-right:20px;
  top: -5px;            /* sticks to the top of the container */
  background: #141820;  /* so it doesn’t overlap text below */
  text-align: right;
  
  z-index: 10;       /* stays above other content */
}

.rightbutton {background-color:#eeeeee;color:#111111;font-size:12px;border:none;padding:3px;text-decoration:none;}
/* CUSTOM CSS  */
.loadmore-btn{color:#888888;font-size:12px;width:200px;height:200px;background-color:transparent;padding:20px;border:none}



	#canvas-container {

	max-width: 480px;
	width: 100%;
	aspect-ratio: 3 / 2;
	background-color: transparent;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	border-radius:0px
	}

	/* Remove wrapper if unnecessary */
	.canvas-wrapper {
	width: 100%;
	height: 100%;
	border-radius:0px
	}

	/* IMPORTANT: Let canvas fill parent but not override the aspect */
	#comicCanvas {
	display: block;
	width: 100%;
	height: auto; /* 👈 Critical: Let the browser maintain the aspect ratio */
	background: url('images/loading.jpg?2') no-repeat center center / contain;
	border: 0px #111111 solid;;
	border-radius:0px

	}



	.relatedcomicsimg {margin-bottom:3px;border-radius: 0px !important;}


	#xrelatedcomics {
	  display: flex;
	  flex-direction: column;
	  align-items: center;   /* horizontally center child content */
	  justify-content: center; /* vertically center if height is set */
	  text-align: center;
	  margin: 5px;
	}
	#relatedcomics {
	transition: opacity 0.3s ease-in-out;
	opacity: 1;
	align-items: center;   /* horizontally center child content */
	justify-content: center; /* vertically center if height is set */
	text-align: center;
	margin: 5px;

	}
	#relatedcomics.hidden {
	opacity: 0;
	}

	#relatedcomics::-webkit-scrollbar {
	    display: none; /* Hide scrollbar */
	}


	.backbutton {background-color:#111111 !important;color:#ffffff !important;font-size:13px;padding-left:8px;padding-right:14px;border-radius:200px !important;padding-top:4px;padding-bottom:4px;}



	/* NEW STYLES FOR THE WRAPPER AROUND INPUT AND ICON */

	/* Updated Styles for the .input-with-icon-container */
	.input-with-icon-container {
	    display: flex;
	    flex-direction: column; /* Stack children (slashn, input-and-return-wrapper) vertically */
	    /* REMOVE align-items: center; from here if you want children to naturally left-align */
	    /* OR, keep align-items: center; and use align-self: flex-start; on children that should be left-aligned */
	    align-items: flex-start; /* This will make all direct children (slashn, input-and-return-wrapper) left-aligned */
	    width: 100%;
	    max-width: 560px; /* IMPORTANT: Limit its max-width to match your canvas/speechSelector */
	    margin: 10px auto; /* Center this container horizontally and add vertical margin */
	    box-sizing: border-box; /* Include padding/border in width calculation */
	    padding: 0 5px; /* Add slight horizontal padding if needed */
	    /* border: 1px dashed green; /* Debug border */
	}

	.slashn {
	    color: #666666 !important; /* Example text color */
	    font-size: 12px; /* Adjust font size if needed */
	    padding-left:5px;
	    margin-bottom: 0px; /* Space between text and input */
	    /* No need for align-self: flex-start; here if parent aligns children to flex-start */
	    /* No need for width: 100%; as it's a block element in a column flex container */
	}
	/* The wrapper for the input and the icon button */
	.input-and-return-wrapper {
	    display: flex; /* Keeps the input and button side-by-side conceptually */
	    align-items: center; /* Vertically aligns the input and button */
	    width: 100%;

	    margin: 0px auto; /* Centers this whole block */
	    position: relative; /* <-- CRUCIAL: Establishes positioning context for absolute child */
	    box-sizing: border-box; /* Include padding/border in total width */
	     border: 0px #111111 solid; /* Debug border for wrapper */
	}








	/* The return button (now positioned to look 'inside') */
	.return-button {
	    position: absolute; /* <-- CRUCIAL: Take it out of normal flow */
	    right: 5px; /* <-- ADJUST THIS: Distance from the right edge of the input wrapper */
	    top: 50%; /* Position vertically centered */
	    transform: translateY(-50%); /* Adjust for perfect vertical centering */
	    cursor: pointer;
	    background: none; /* Make button background transparent */
	    border: none; /* Remove button border */
	    padding: 0; /* Remove button padding */
	    line-height: 1; /* Helps vertical alignment of the icon */
	    z-index: 10; /* Ensure it's above the input text */

	    /* Ensure the icon itself is sized correctly */
	    width: 32px; /* Set a specific width/height for the button if needed */
	    height: 32px;
	    display: flex; /* To center the icon within its own button area */
	    justify-content: center;
	    align-items: center;
	    outline: none; /* Remove outline on focus/click */
	}

	.return-button .material-symbols-rounded {
	    font-size: 24px; /* <-- ADJUST THIS: Size of the actual icon */
	    color: #222222; /* Default icon color */
	    transition: color 0.2s ease;
	}

	.return-button:hover .material-symbols-rounded {
	    color: #ffffff; /* Icon color on hover */
	}


.search{font-size:10px;padding:5px;background-color:#494a4d;color:#cccccc;border:1px #606163 solid;width:120px}
.name{font-size:10px;margin-top:-10px;opacity:0}
	/* Styling for the icon */
	.return-icon { /* Renamed class for clarity, match in HTML */
	    position: absolute; /* Position relative to .input-with-icon-container */
	    right: 40px;
	    /* Adjust top/transform for vertical centering relative to input-with-icon-container */
	    top: 50%;
	    transform: translateY(-50%);
	    cursor: pointer;
	    color: #222222; /* Lighter color for icon */
	    font-size: 24px; /* Adjust icon size */

	}

	.return-icon:hover {
	    color: #ffffff; /* Lighter on hover */
	}






	.speechSelector2 {
	    width: 100%; /* Keep this if you want it to stretch across the parent */
	    /* Remove 'margin: 0 auto;' from here if the parent is responsible for centering the whole block */
	    padding-top: 8px;
	    border: 0px red solid; /* Visual aid, keep or remove */
	    height:65px;
	    display: flex;
	    flex-direction: row;
	    overflow-x: auto; /* enables horizontal scroll */
	    white-space: nowrap; /* prevent wrapping */
	    gap: 0.5rem;
	    scrollbar-width: none; /* Firefox */
	    -ms-overflow-style: none; /* IE and Edge */
	 justify-content: center;
	    /* ----- Key Change Here: Centering the content within speechSelector ----- */
	     /* This centers the flex items (your buttons) horizontally */
	    /* If you want the content to be centered AND scroll, this might be tricky.
	       Usually, if content overflows, you want it left-aligned until it's centered, then it scrolls.
	       If it's *always* centered even when overflowing, the "center" will shift.
	       Let's assume you want the *visible part* centered until overflow occurs.
	       If the content is *less* than 100% width, justify-content: center will work.
	       If it's *more* than 100% and you still want it visually centered, that's complex and usually involves JS
	       or a trick with a wrapper.
	    */
	}
	.speechSelector {
	    width: 100%;
	    padding-top: 8px;
	    border: 0px red solid; /* Visual aid, keep or remove */
	    height:65px;
	    border: 0px red solid !important;

	    display: flex;
	    flex-direction: row;
	    overflow-x: auto;
	    white-space: nowrap;
	    gap: 0.5rem;
	    scrollbar-width: none;
	    -ms-overflow-style: none;

	    justify-content: center; /* ← CENTER the links */
	}





	    .speechSelectorleft {
	    width: 100%;
	z-index:1 !important;
	    border: 0px red solid;
	    margin-top: 0px;
	        margin-bottom: 6px;
	    display: flex;
	    flex-direction: row;
	    overflow-x: auto; /* enables horizontal scroll */
	    white-space: nowrap; /* prevent wrapping */
	    gap: 0.5rem;
	    padding: 4px;
	    scrollbar-width: none; /* Firefox */
	  }




	/* For Webkit browsers (Chrome, Safari) */
	.speechSelector::-webkit-scrollbar {
	    display: none; /* Hide scrollbar */
	}

	.comic-related {
	  width:110px;
	  aspect-ratio: 300 / 234; /* or just 1.282 */
	  border: 0px solid #525456;
	  border-radius: 3px;
	  cursor: pointer;
	  margin-bottom: 3px;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  position: relative;
	}

	.comic-frame {
	  width:125px;
	  aspect-ratio: 300 / 234; /* or just 1.282 */
	  background: url("/images/placeholder.jpg") center/cover no-repeat;
	  border: 0px solid #525456;
	  border-radius: 3px;
	  cursor: pointer;
	  margin-bottom: 3px;
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  position: relative;
	}

	.saveframe {
	  margin: 0 2px 2px auto;
	  background-color: transparent;
	  padding: 3px;
	  font-size: 11px;
	  color: #777777;
	  border-radius: 2px;
	  border: 1px solid #636566;
	  width:40px;
	}
	.footnote {
	  font-size: 12px;
	  color: #666666;
	}


	.button-container {
	  max-width:550px;
	    display: flex; /* Makes the buttons arrange in a row */
	    overflow-x: auto; /* Enables horizontal scrolling when content overflows */
	    white-space: nowrap; /* Prevents buttons from wrapping to the next line */
	    padding-bottom: 0px; /* Add some padding for visual comfort if needed */
	    gap: 0.2rem; /* Adds space between buttons */
	    /* Optional: Hide scrollbar for a cleaner look */
	    scrollbar-width: none; /* For Firefox */
	    -ms-overflow-style: hidden;  /* For Internet Explorer and Edge */
      height:50px;
	}
	.button-container::-webkit-scrollbar {
	    display: none;
	}

	                        .btnsaveaction {
	                            display: flex; /* Make the button a flex container */
	                            align-items: center; /* Vertically center the icon and text */
	                            justify-content: center; /* Horizontally center the icon and text within the button */
	                            gap: 5px; /* Add some space between the icon and the text */

	                            /* Inherit button styling from previous examples or define here */
	                            background-color: #e2e2e2; /* Example background color */
	                            color: #222222; /* Text and icon color */
	                            padding: 6px 10px; /* Adjust padding as needed */
	                            border: none;
	                            border-radius: 5px;
	                            cursor: pointer;
	                            font-size: 0.8rem; /* Base font size for the button text */
	                        }

	                        .btnsaveaction:hover {
	    background-color: #e5e5e5;
	    /* Remove 'color:#ffffff;' from here if it only applies to the button's text,
	       and not the icon directly. If the button's text is also white, keep it.
	       For the icon, we'll target it specifically below. */
	    color: #222222; /* Keep this if you want the button's text (e.g., "Save") to turn white on hover */
	}

.wiconslgreturn{color:#777777 !important}
	.wiconslgaction {
	    font-size: 1.2rem !important; /* Adjust as needed */
	    color: #222222; /* Default color for the icon */
	    background-color: #e2e2e2;
	    padding:5px;
	}

	/* This is the key change: When .btnsaveaction is hovered,
	   find any .wiconslgaction INSIDE it and change its color. */
	.btnsaveaction:hover .wiconslgaction {
	  background-color: #e5e5e5;
	    color: #222222;
	}

	.btnsaveactionsmback {
	    display: flex; /* Make the button a flex container */
	    align-items: center; /* Vertically center the icon and text */
	    justify-content: center; /* Horizontally center the icon and text within the button */
	    gap: 5px; /* Add some space between the icon and the text */

	    /* Inherit button styling from previous examples or define here */
	    background-color: transparent; /* Example background color */
	    color: #222222; /* Text and icon color */
	    padding: 15px; /* Adjust padding as needed */
	    border: 2px #777777 solid;
	    border-radius: 200px;
	    cursor: pointer;
	    height:20px;
	    font-size: 12px; /* Base font size for the button text */
	}




	.btnmultiplepanel {
	    
	    justify-content: center; /* Horizontally center the icon and text within the button */
	   text-align:center;
        
	    /* Inherit button styling from previous examples or define here */
	  background-color: #444444 !important;
	    color: #888888; /* Text and icon color */
	    padding: 10px; /* Adjust padding as needed */
	    border: none;
	    border-radius: 2px;
	    cursor: pointer;
        font-weight:600;
	    width:60px;
	    font-size: 12px; /* Base font size for the button text */
      margin-bottom:2px;
	}



    

    .btnclosectionsm {
  	    display: flex; /* Make the button a flex container */
  	    align-items: center; /* Vertically center the icon and text */
  	    justify-content: center; /* Horizontally center the icon and text within the button */
  	    gap: 5px; /* Add some space between the icon and the text */
  	    /* Inherit button styling from previous examples or define here */
  	  background-color: transparent !important;
  	    color: #999999; /* Text and icon color */
  	    padding: 15px; /* Adjust padding as needed */
  	    border: 0px #777777 solid;
  	    border-radius: 2px;
  	    cursor: pointer;
  	    height:20px;
  	    font-weight: 500;
  	    font-size: 14px; /* Base font size for the button text */
  	}

    .postmeeting{
	    display: flex; /* Make the button a flex container */
	    align-items: center; /* Vertically center the icon and text */
	    justify-content: center; /* Horizontally center the icon and text within the button */
	    gap: 5px; /* Add some space between the icon and the text */
	    /* Inherit button styling from pre vious examples or define here */
	  background-color: #111111 !important;
	    color: #eeeeee; /* Text and icon color */
	    padding: 15px; /* Adjust padding as needed */
	    border: 2px #111111 solid ;
	    border-radius: 2px;
	    cursor: pointer;
	    
	    font-weight: 500;
	    font-size: 14px; /* Base font size for the button text */
	
    }


    	.btnsaveactioncancel {
	    display: flex; /* Make the button a flex container */
	    align-items: center; /* Vertically center the icon and text */
	    justify-content: center; /* Horizontally center the icon and text within the button */
	    gap: 5px; /* Add some space between the icon and the text */
	    /* Inherit button styling from pre vious examples or define here */
	  background-color:transparent !important;
	    color: #555555; /* Text and icon color */
	    padding: 15px; /* Adjust padding as needed */
	    border: 1px #555555 solid;
	    border-radius: 2px;
	    cursor: pointer;
	    
	    font-weight: 500;
	    font-size: 16px; /* Base font size for the button text */
	}

	.btnsaveactionsm {
	    display: flex; /* Make the button a flex container */
	    align-items: center; /* Vertically center the icon and text */
	    justify-content: center; /* Horizontally center the icon and text within the button */
	    gap: 5px; /* Add some space between the icon and the text */
	    /* Inherit button styling from pre vious examples or define here */
	  /* background-color: #1C1E21 !important; */
	  background-color: transparent !important;
	    color: #888888; /* Text and icon color */
	    padding: 15px; /* Adjust padding as needed */
	 border: 1px #444444 solid;
	    border-radius: 2px;
	    cursor: pointer;
	    text-transform: uppercase !important;
	    font-weight: 500;
	    font-size: 14px; /* Base font size for the button text */
	}

	.btnsaveactionsm:hover {
opacity:0.8 !important;
	/* Remove 'color:#ffffff;' from here if it only applies to the button's text,
	and not the icon directly. If the button's text is also white, keep it.
	For the icon, we'll target it specifically below. */
	}


  .wiconslgactionxs {
	  background-color: transparent !important;
	
	color: #888888; /* Default color for the icon */
  display: flex;
  align-items: center;
  opacity: 0.5;
  width:20px;height:20px;
  filter:invert(1);
  margin-right:5px;
	}

	.wiconslgactionxs:hover {
	  opacity:0.8 !important;
	}

	.wiconslgactionsm {
	  background-color: #1C1E21 !important;
	font-size: 1rem !important; /* Adjust as needed */
	color: #888888; /* Default color for the icon */
	}

	.wiconslgactionsm:hover {
	  opacity:0.8 !important;
	}

	.wiconslgactionsmback {
	font-size: 15px; /* Adjust as needed */
	color: #999999; /* Default color for the icon */
	}



	.wiconslgactionsmdel {
	font-size: 1.2rem !important; /* Adjust as needed */
	color: #a70000; /* Default color for the icon */
	}

	/* This is the key change: When .btnsaveaction is hovered,
	find any .wiconslgaction INSIDE it and change its color. */


	.navtext{margin-top:-17px;background-color:#ffffff !important;}


	       .main-content-wrapper {
	           display: flex;
	           flex-direction: column; /* Sta cks children vertically */
	           align-items: center;
	           width: 100%;
	           margin: 0 auto;
	           border: 0px #474747 solid;
	           max-width:500px;
	       padding:0px !important;
	           /* This is the key: Make it take up remaining vertical space */
	           flex-grow: 1; /* Allows it to grow and fill available space within a column flex parent (body) */
	           /* OR, if body is NOT a flex parent, give it a direct height relative to viewport */
	           /* min-height: calc(100vh - 200px); */ /* 100vh - (header_height + header_margin_bottom) */
	       }

	#relatedcomicscontent{max-height: 460px;overflow-y: scroll;width:140px;}

	.simeffects-label{font-size:12px;padding-bottom:4px;color:#666666;font-weight:500 !important;text-decoration: none;text-align:center;padding-bottom:5px;border:0px red solid;
  background-color:transparent;}
	.simeffects-label:hover {color:#777777}
	.mb5 {margin-bottom:5px;}
    	.mb10 {margin-bottom:10px;}
	.fs12{font-size:12px !important}
  	.fs13{font-size:13px !important}
	.fs14{font-size:14px !important;}
  	.fs15{font-size:15px !important;}
    	.fs16{font-size:16px !important;}

	.blacktext {color:#111111 !important;font-weight: 500}

	.round-buttonsbubble{
	    background-color:#444444;
	    align-items: center;
	    cursor: pointer;
	    margin: 0 auto;
      margin-bottom:2px;
      scrollbar-width: none;
	  }
	  .effects {
	      z-index: 0; /* Set high but not overly high */
	      touch-action: none;
	      width: 55px;
	      cursor: pointer;
	      position: relative;
	      transition: opacity 0.3s;
        padding-top:10px;
	  }

	  .fade-scroll{padding:0px;border:0px red solid;width:180px;max-height:520px;overflow-y: auto;}



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


  
.simeffects-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}



.simeffects-actions a {
  margin-left: 0.5rem;
  text-decoration: none;
  color: inherit;
  display: inline-flex;
  align-items: center;
}
.xicon-button {
  border: none;
  background: transparent;
  padding: 0 8px; /* ← space around the icon */
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
	.txtpreview {
		width: 100%;
		padding: 8px 12px;
		color: #aaaaaa !important; /* Text color */
		font-size: 17px; /* Font size */
		border: 0px #bbbbbb solid !important;
		text-overflow: ellipsis;
		transition: border-color .2s;
		font-family: 'breeze';
		text-transform: uppercase !important;
    background-color:#1C1E21 !important;
    border-radius:3px !important;

	}

	.txtpreview:focus {
		border-color: blue;
	}

	.txtpreview::-webkit-input-placeholder {
			text-transform: uppercase;

		color: #999999 !important;
	}

	.txtpreview:-ms-input-placeholder {
			text-transform: uppercase;

		color: #999999
	}

	.txtpreview::placeholder {
			text-transform: uppercase;
	color: #999999
	}



  #videospeech {
    margin-top:5px;width:100% !important;text-transform: uppercase;
		width: 100%;
		padding:10px;

		color: #aaaaaa !important; /* Text color */
		font-size: 17px; /* Font size */
		border: 0px #bbbbbb solid !important;
		text-overflow: ellipsis;
		transition: border-color .2s;
		font-family: 'breeze';
		text-transform: uppercase !important;
    background-color:#494a4d !important;
    border-radius:3px !important;

	}

	#videospeech::-webkit-input-placeholder {
			text-transform: uppercase;

		color: #999999 !important;
	}

	#videospeech:-ms-input-placeholder {
			text-transform: uppercase;

		color: #999999
	}

	#videospeech::placeholder {
			text-transform: uppercase;
	color: #999999
	}

    .fw600 {font-weight:600 !important;}


    
 .tab-content {
      display: none;
      border: 0px solid #ccc;
      padding: 10px;
      background: transparent;
      margin-bottom:150px;
    }
.tabs {
  display: flex;          /* make children align in a row */
  gap: 0.2rem;              /* optional space between tabs */
  align-items: center;    /* vertically center content */
}
    .tab {
      padding: 5px 5px;
      cursor: pointer;
      border: 0px yellow solid;
      border-bottom: 0px solid #ffffff;
      margin-right: 1px;
      background: transparent;
      color:#ffffff;
      /* border-radius: 0px; */
      border-top-right-radius: 0px;
      border-top-left-radius: 0px;
      /* font-size:1.1rem; */
    }
    .tab.active {
      /* background: #0194fe;
      font-weight: bold;
      color:#ffffff; */
       border: 0px solid #0194fe;
    }
   
    .tab-content.active {
      display: block;
    }

    .outline-btn {
  position: relative;
  border: 2px solid #ffffff;
  background: transparent;
margin-top:15px;
  border-radius: 200px;
  font-size: 18px;
  padding: 15px;
  font-weight:600;
  min-width:200px !important;
  color: #ffffff;
  text-decoration: none;
}
.orange-btn {
  position: relative;
  border: 2px solid #0080ff;
  background: #0080ff;
  color: #ffffff;
  border-radius: 5px;
  padding: 10px;
  font-weight:600;
}
 .butlog{font-size:14px;background-color:#1C1C1C;padding:8px;color:#ffffff;border-radius:2px;border:none;border-radius:3px;}
      
        .butlognew{font-size:14px;background-color:transparent;border:1px #1C1C1C solid;padding:6px;color:#1C1C1C;border-radius:2px;margin-right:10px}
         .butlogreset{font-size:12px !important;background-color:transparent;color:#666666;padding:5px; margin-top:5px;border:0px #1C1C1C solid;}
         .logindiv{text-align:right;padding:6px;color:#aaaaaa;font-size:15px;position:fixed;top:5px;right:5px;}
         .sims {font-size:11px;color:#666666;padding-top:15px;padding-bottom:8px;text-align: left;border:0px red solid;width:100px;text-align: center}
         .pt20{padding-top:20px;}



         /* TAGS  */
         
.appsvg{filter:invert(1);opacity:0.9;}
.app-icons-container {
  border: 0px red solid;
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;   /* centers horizontally */
  align-items: center;       /* centers vertically */
  gap: 10px;
  padding: 10px;
  height: 100%;              /* make sure parent has a height set */
}


/* Individual app icon */
.app-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 140px; /* Width of each app block */
  text-align: center;
  transition: transform 0.2s;
}

.app-icon video {
  width: 140px;
  height: 120px;
  border-radius: 20px; /* iOS-style rounded icon */
  object-fit: cover;
  margin-bottom: 10px;
  filter: grayscale(20%);
  border:3px #888888 solid;
  padding:5px;
}

.app-icon img {
  width: 140px !important;
  height: 120px;
  border-radius: 20px; /* iOS-style rounded icon */
  object-fit: cover;
  margin-bottom: 10px;
  /* filter: grayscale(20%); */
  border:px #888888 solid;
  padding:5px;
}

/* Hover effect */
.app-icon:hover {
  transform: translateY(-5px);
}

/* App name */
.app-name {
  font-size: 14px;
  color: #888888;
  word-wrap: break-word;
  display:none;
}
         /* TAGS  */
         .mainbutton {
  border: 0px solid #e5e5e5;
  background: #444444;
  padding: 10px;
  font-size:15px;font-weight: 600;
border-radius:4px;
  color: #aaaaaa;
 
}
.tab-scroll {
    height:100%;
  max-height: 99vh;   /* or whatever fits your layout */
  overflow-y: auto;
}
.fsnav{font-size:15px !important;}



.svg {
    display: block;
    font: 10.5em 'Montserrat';
    width: 100%;
    height: 130px;
    margin: 0 auto;
}

.text-copy {
    fill: none;
    stroke: white;
    stroke-dasharray: 6% 29%;
    stroke-width: 5px;
    stroke-dashoffset: 0%;
    animation: stroke-offset 5.5s infinite linear;
}

.text-copy:nth-child(1){
	stroke: #4D163D;
	animation-delay: -1;
}

.text-copy:nth-child(2){
	stroke: #840037;
	animation-delay: -2s;
}

.text-copy:nth-child(3){
	stroke: #BD0034;
	animation-delay: -3s;
}

.text-copy:nth-child(4){
	stroke: #BD0034;
	animation-delay: -4s;
}

.text-copy:nth-child(5){
	stroke: #FDB731;
	animation-delay: -5s;
}

@keyframes stroke-offset{
	100% {stroke-dashoffset: -35%;}
}





/* Grid item */
.bubble-container {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 90%;
    pointer-events: none;
}


.grid-layout {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
    grid-gap: 10px;
    padding: 1px;
    margin-top: 20px;
}

.grid-item {
    position: relative;
    border-radius: 10px;
    overflow: visible; /* allow bubble to overflow */
    aspect-ratio: 5/6; /* adjust based on image */
    font-family: sans-serif;
}


.grid-item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* ensures full coverage */
    object-position: center; /* centers image to avoid awkward cropping */
}

.grid-item-label {
    position: absolute;
    bottom: 10px;
    left: 10px;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    z-index: 1;
    text-shadow: 1px 1px 4px rgba(0,0,0,0.6);
}

        /* Show image when loaded */
        .grid-item img:not([loading]),
        .grid-item img[loading="eager"] {
            opacity: 1;
        }

        /* Label styling */
        .grid-item-label {
            position: relative;
            z-index: 10;
            text-shadow: 0 2px 8px rgba(0,0,0,0.5);
            font-size:10px !important;
            margin-top:20px;
        }

        /* Video styling */
        .grid-item video {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            z-index: 0;
        }

       

        .span-2 {
            grid-column-end: span 2;
            grid-row-end: span 2;
        }

        .span-3 {
            grid-column-end: span 2;
            grid-row-end: span 1;
        }

        @media (max-width: 768px) {
            .span-2, .span-3 {
                grid-column-end: span 1;
                grid-row-end: span 1;
            }
            .hidemobile {display:none}
        }

        @media screen and (max-width: 900px) {
          .hidemobile {display:none}
        }
  
        
.bantitle {
    font-family: 'bangers';
  font-weight: 600;
font-size: clamp(24px, 5vw, 45px);
  padding-bottom: 5px;
    padding-top: 20px;
 line-height: clamp(28px, 6vw, 45px); /* min, fluid, max */
  background: linear-gradient(to right, #18294a, #ffffff, #18294a);
  background-size: 200% auto; /* make gradient wider than text */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shimmer 6s linear infinite;
  
}

@keyframes shimmer {
  0% {
    background-position: 0% center;
  }
  100% {
    background-position: 200% center;
  }
}


.bantitle2 {
  font-weight: 600;
font-size: clamp(24px, 5vw, 45px);
  padding-bottom: 20px;
 line-height: clamp(28px, 6vw, 45px); /* min, fluid, max */
  background: linear-gradient(to right, #00ba7f, #B4380C, #00ba7f);
  background-size: 200% auto; /* make gradient wider than text */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shimmer2 6s linear infinite;
  
}

@keyframes shimmer2 {
  0% {
    background-position: 0% center;
  }
  100% {
    background-position: 200% center;
  }
}


.centered {
    position: relative;
    z-index: 20 !important;
    width: 65%;
    margin: auto; /* centers horizontally */
    display: flex;
    flex-direction: column;
    justify-content: center; /* vertical centering */
    align-items: center;     /* horizontal centering in flex container */
    text-align: center;
    height: 100%; /* ensures vertical centering works */

}
.page-wrapper {
  display: flex;
  justify-content: center;   /* horizontal center */
  align-items: flex-start;   /* start from top */
  min-height: 100vh;         /* full screen height */
  padding-top: 1rem;         /* small padding on top */
  box-sizing: border-box;
}
.justlink{text-decoration: none;color:inherit;}
.footerlink{color:#888888;text-decoration:none;font-size:11px;font-family:'Arial';margin-top:10px;font-weight:600;opacity:0.6;}
/* DUMMY GRID SPLASH  */


/* TOOLTIP  */


/**
 * Tooltip Styles
 */

 .video-container {
  position: relative;
  width: 100%;
 

}

.video-container video {
  width: 100%;
  max-height: 70vh;
  object-fit: cover;
}

    .overlay-text {
      position: absolute;
      bottom: 20px;
      left: 20px;
      color: white;
      font-size: 1rem;
      background: rgba(0, 0, 0, 0.5);
      padding: 8px 12px;
      border-radius: 6px;
    }


.myslidertext{color:#7d8a93}
#mySlider::-webkit-slider-runnable-track {
  height: 8px;
  background: #323437;  /* Change track color here */
  border-radius: 4px;
}

#mySlider::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 30px;
  height: 30px;
  background: #B4380C; /* circle color */
; /* Thumb color */
  border-radius: 50%;
  margin-top: -10px; /* Center thumb on track */
  cursor: pointer;
 
}

#mySlider {
  -webkit-appearance: none;
  width: 100%;
  height: 1px;
  background: transparent;
}
/* Thumb (the circle) */
#mySlider::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 30px;   /* circle diameter */
  height: 30px;  /* circle diameter */
  background: #B4380C; /* circle color */
  border-radius: 50%; /* makes it circular */
  cursor: pointer;
  margin-top: -10px; /* centers thumb on track */ border:2px #cec4bd solid;
}

/* Firefox */
#mySlider::-moz-range-thumb {
  width: 30px;
  height: 30px;
  background: #B4380C; /* circle color */
  border-radius: 50%;
  cursor: pointer; border:2px #cec4bd solid;
}


.video-icon{position:absolute;bottom:5px;right:10px;}

/* Container with arrows wrapper */
.btnsaveactionxs {
            display: flex; /* Make the button a flex container */
            align-items: center; /* Vertically center the icon and text */
            justify-content: center; /* Horizontally center the icon and text within the button */
            gap: 5px; /* Add some space between the icon and the text */
            /* Inherit button styling from previous examples or define here */
            background-color: transparent !important;
            color: #666666; /* Text and icon color */
            padding: 8px; /* Adjust padding as needed */
            border: none;
            border-radius: 2px;
            cursor: pointer;
            height: 30px;
            width: 120px !important;
            font-weight: 600 !important;
            text-transform: uppercase;
            font-size: 12px; /* Base font size for the button text */
        }

        .btnsaveactionxs:hover {
            opacity: 0.8 !important;
            /* Remove 'color:#ffffff;' from here if it only applies to the button's text,
            and not the icon directly. If the button's text is also white, keep it.
            For the icon, we'll target it specifically below. */
        }
        
        .btnsaveactionxs.disabled {
            opacity: 0.6;
            cursor: not-allowed;
        }

        /* Container with arrows wrapper */
        .scroll-wrapper {
            display: flex;
            align-items: center;
            max-width: 480px;
            position: relative;
            margin-top:-10px;
        }

        /* Make sure button container aligns properly */
        .button-container {
            display: flex;
            align-items: center;
        }

        /* Arrow buttons */
        .scroll-arrow {
            background-color: #007bff;
            color: white;
            border: none;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
            font-weight: bold;
            z-index: 10;
            flex-shrink: 0;
        }

        .scroll-arrow:hover {
            background-color: #0056b3;
        }

        .scroll-arrow:disabled {
            background-color: #555555;
            cursor: not-allowed;
        }

        .scroll-arrow.left {
            margin-right: 8px;
        }

        .scroll-arrow.right {
            margin-left: 8px;
        }

        /* Your existing button container - keeping it unchanged but ensuring proper alignment */
        .button-container {
            border: 0px red solid;
            max-width: 480px !important;
            overflow-x: auto;
            overflow-y: hidden;
            white-space: nowrap;
            scroll-behavior: smooth;
            flex: 1;
            display: flex;
            align-items: center;
            /* Hide scrollbar but keep functionality */
            scrollbar-width: none; /* Firefox */
            -ms-overflow-style: none; /* IE/Edge */
        }

        .button-container::-webkit-scrollbar {
            display: none; /* Chrome, Safari, Opera */
        }



        
#colorPicker > div {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  align-items: center;
  margin-top:5px;
  padding-top:20px;
}

.color-swatch {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  cursor: pointer;
  border: 1px solid #ccc;
  flex-shrink: 0;
}

.color-swatch:hover {
  transform: scale(1.2);
}


.font-picker {
  display: flex;            /* horizontal layout */
  gap: 8px;
  align-items: center;
  margin-top: 5px;
    padding-top:10px;
}

.font-option {
  padding: 4px 8px;
  border: 1px solid #ccc;
  cursor: pointer;
  border-radius: 4px;
  font-size: 14px;
  user-select: none;
  white-space: nowrap;
  transition: all 0.2s;
  color:#999999;
}

.font-option:hover {
  opacity:0.8;
}

.features-list {
  max-width: 800px;
  margin: 20px auto;
  font-family: "Arial", sans-serif;
  font-size: 16px;
  line-height: 1.6;
  border: 0px solid #ddd;
  border-radius: 6px;
  overflow: hidden;
  background: transparent;
  padding-top:30px;
}

.feature-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 15px 20px;
  border-bottom: 1px solid #666666;
}

.feature-row:last-child {
  border-bottom: none; /* no line on last row */
}

.feature-title {text-align:left;
  font-weight: bold;
  flex: 0 0 220px; /* fixed width column for feature */
  color: #999999;

}

.feature-value {
    text-align: left;
  flex: 1;
  color: #999999;
}


.fplus{position:absolute;top:20px;right:40px;z-index: 100 !important}
.free {
  display: block !important;
  position: absolute;
  width: 25px !important;
  height: 25px !important;
  border-radius: 0;
  border: none;
  opacity: 0.9;
  z-index: 11 !important;
}

.premium {
  display: block !important;
  position: absolute;
  width: 25px !important;
  height: 25px !important;
  border-radius: 0;
  border: none;
  opacity: 0; /* start hidden */
  z-index: 11 !important;

  background-image: url('images/fplus.svg');
  background-size: 25px 25px;
  background-repeat: no-repeat;
  background-position: center;

  /* Fade in after 1 second */
  animation: fadeIn 0.5s ease forwards;
  animation-delay: 1s;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 0.9; }
}




	.subt{margin-top: 15px; color: #838F97;font-weight: 500;font-size:16px;}
  .ctabutton{width:220px;background-color:#B4380C;font-size:18px;font-weight:600;padding:13px;border-radius:200px;border:2px #eeeeee solid;color:#ffffff;}
  .botbutton{background-color:#838F97;font-size:15px;border-radius:200px;border:none;color:#111111;padding-top:7px;padding-bottom:7px;padding-left:15px;padding-right:15px;font-weight:600}
 .botbuttoncreate{background-color:#B4380C;font-size:15px;border-radius:200px;border:none;color:#ffffff;padding-top:7px;padding-bottom:7px;padding-left:15px;padding-right:15px;font-weight:600}

  
    .navbuttons{margin-right:5px;background-color:none;font-size:13px;border-radius:200px;border:2px #838F97 solid;color:#838F97;padding-top:7px;padding-bottom:7px;padding-left:15px;padding-right:15px;font-weight:600}
.faqtitle{font-size:30px;font-weight:500;font-family: 'Bangers'}

/* BATON  */


/* BATON  */
#dname{color:#aaaaaa;display:none}
#displayname {
  position: absolute;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 100 !important;
}
.subtitle{font-size:24px;color:#ffffff;font-weight:600;padding-bottom:15px;}

.container-masonry { margin-bottom:150px;}

.foofrtv-player {
  position: relative;
  width: 100%;
  max-width: 1280px;
  height: 60vh; /* adjust as needed */
  margin: auto;
  background-color: #000;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

.foofrtv-player video {
  /* position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: 0;
  transition: opacity 0.5s ease;
  z-index: 1; */
}

#posterOverlay {
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0;
  transition: opacity 0.5s ease;
  z-index: 2;
  background-color: #000;
}

#fullscreenBtn {
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 3;
  padding: 5px 10px;
  background: rgba(0,0,0,0.5);
  color: #fff;
  border:none;
  border-radius:4px;
  cursor:pointer;
}

.media-layer {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  transition: opacity 0.6s ease;
  background: black; /* no flash */
}

.media-layer.active {
  opacity: 1;
}

.media-layer video,
.media-layer img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  display: block;
}

/* FOOFRTV  */
/* Main transition overlay - Classic TV fade with static */
/* Container relative for absolute positioning */
.foofrtv-player {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9 ratio or adjust as needed */
    background: #000; /* fallback */
    overflow: hidden;
}

/* All media inside absolute and full size */




#muteBtn {display:none;}
/* Make the container fill the screen */


#refreshBtn,
#fullscreenBtn {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.foofrtv-player:hover #refreshBtn,
.foofrtv-player:hover #fullscreenBtn {
  opacity: 1;
}



.foofrtv-player:hover #fullscreenBtn {
   opacity: 1 !important;
  transition: opacity 0.3s ease-in-out;

}
/* Your existing TV styles */
.foofrtv-wrapper {
  
 
}

#loadingPlaceholder {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  z-index: 5;
  overflow: hidden;
  background: #000;
  transition: opacity 0.5s;
}

#loadingPlaceholder.hidden {
  opacity: 0;
  pointer-events: none;
}

.tv-static {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: 
    repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(255,255,255,.05) 2px, rgba(255,255,255,.05) 4px),
    repeating-linear-gradient(90deg, transparent, transparent 2px, rgba(255,255,255,.05) 2px, rgba(255,255,255,.05) 4px);
  background-size: 100% 100%;
  animation: tvNoise 0.2s infinite, tvScan 8s linear infinite;
  opacity: 0.8;
}

@keyframes tvNoise {
  0% { background-position: 0% 0%; }
  10% { background-position: -5% -10%; }
  20% { background-position: -15% 5%; }
  30% { background-position: 7% -25%; }
  40% { background-position: 20% 25%; }
  50% { background-position: -25% 10%; }
  60% { background-position: 15% -20%; }
  70% { background-position: -10% 15%; }
  80% { background-position: -20% -15%; }
  90% { background-position: 13% 13%; }
  100% { background-position: 0% 0%; }
}

@keyframes tvScan {
  0% { background-position: 0 0, 0 0; }
  100% { background-position: 0 100%, 0 0; }
}

.loading-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 28px;
  font-weight: bold;
  z-index: 10;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.8);
}
.foofrtv-player {
  position: relative;
  width: 100%;
  max-width: 600px;      /* optional max width */
  aspect-ratio: 4 / 3;    /* container ratio */
  background: black;       /* fallback bars if needed */
  overflow: hidden;
}

.foofrtv-player video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: contain;      /* prevent cropping */
  object-position: center center;
  transform: translate(-50%, -50%);
  z-index: 2;
}






/* Active state */
.foofrtv-player video.active,
.foofrtv-player #foofr-image-overlay.active {
  opacity: 1;
  z-index: 2;  /* ensure it is on top */
}
#fullscreenBtn {
    background-color: transparent !important;
    color: #fff;
    padding: 8px 15px;
    border-radius: 5px;
    cursor: pointer;
    font-size: 24px;
    transition: all 0.3s ease;
    z-index: 10 !important;

    margin-left: auto; /* push to right */
}
.foofrtv-controls {
    display: flex;
    justify-content: flex-start; /* left-align others */
    align-items: center;
    gap: 15px;
    padding: 15px;
    border-bottom:0px solid #17242c;
    border-left:0px solid #17242c;
    border-right:0px solid #17242c;
    
    flex-wrap: nowrap; /* prevent wrapping */
    width: 100%;
}

.right-button {
    margin-left: auto; /* push fullscreen to right */
}
        .foofrtv-controls button {
            background: #1c2b34;
            border: none;
            color: white;
            padding: 12px 25px;
            border-radius: 200px;
            cursor: pointer;
            font-size: 13px;
            transition: background-color 0.3s;
            white-space: nowrap;
        }
/* Organization Toggle Container */
.org-toggle-container {
    /* display: flex; */
     display: none;
    align-items: center;
    justify-content: center;
}

/* Toggle Base */
.org-toggle {
    position: relative;
    display: inline-block;
    background-color: #333333;
    border-radius: 25px;
    padding: 4px;
    cursor: pointer;
    user-select: none;
    transition: background-color 0.3s ease;
    font-family: sans-serif;
    min-width: 200px; /* make sure labels fit */
     z-index:300 !important;
           
}
#playBtn{    position: relative;
    display: inline-block;
      z-index:300 !important;
    font-weight:600;
text-transform: uppercase;}

/* Hide raw checkbox */
.org-toggle input {
    display: none;
}

/* Options text */
.org-toggle-options {
    display: flex;
    position: relative;
    z-index: 1;
    width: 100%;
    justify-content: space-between;
}

.org-toggle-option {
    flex: 1;
    text-align: center;
    padding: 8px 0;
    font-size: 14px;
    font-weight: 600;
    border-radius: 20px;
    transition: color 0.3s ease;
    white-space: nowrap;
}

/* Default colors */
.org-toggle-option.left,
.org-toggle-option.right {
    color: #999999;
}

/* Slider highlight */
.org-toggle-slider {
    position: absolute;
    top: 4px;
    left: 4px;
    width: calc(50% - 4px);
    height: calc(100% - 8px);
    background: linear-gradient(135deg, #2196F3, #1976D2);
    border-radius: 20px;
    transition: transform 0.35s cubic-bezier(0.25, 1, 0.3, 1), background-color 0.35s ease;
    z-index: 0;
    box-shadow: 0 3px 8px rgba(0,0,0,0.15);
}

/* Default state - foofr TV */
.org-toggle:not(.checked) .org-toggle-option.left {
    color: #fff;
    font-weight: 700;
}
.org-toggle:not(.checked) .org-toggle-option.right {
    color: #666;
}

/* Workplace active */
.org-toggle.checked .org-toggle-slider {
    transform: translateX(100%);
    background: linear-gradient(135deg, #FF9800, #F57C00);
}

.org-toggle.checked .org-toggle-option.left {
    color: #666;
    font-weight: 600;
}
.org-toggle.checked .org-toggle-option.right {
    color: #fff;
    font-weight: 700;
}



        .foofrtv-controls button:hover {
            background: #253946;
        }

        .foofrtv-controls button:active {
            background: #20323d;
        }

      

        #foofr-image-overlay {
            pointer-events: none;
        }

        .loading {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: white;
            font-size: 18px;
        }

        .error {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: #ff6b6b;
            font-size: 18px;
            text-align: center;
        }

        /* FULLSCREEN  */
/* Fullscreen button styling */
  /* Ensure video doesn't auto-play on load */
      
  
 /* When in fullscreen, switch to contain mode to show subtitles */
 
 

 
 #showspotlightinfo{opacity:0.5;
    position:absolute;z-index:99999 !important;bottom:15px;left:15px;color:#ffffff;font-size:11px;
 }


 /* #tab-10 {
  max-height: 90vh;
  background: url('images/hero-bg.webp');
  background-size: cover;
  background-position: 50% 50%;
  padding-top: 0;
  margin: 0;
  border-radius: 15px;
  position: relative;  
  overflow: hidden;   
}

#tab-10::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.88);  
  filter: brightness(0.2);        
} */

@media (max-width: 768px) {
    .media-item:nth-child(2),
    .media-item:nth-child(3) {
      display: none;
    }
  }

@media (max-width: 1200px) {
  .media-item:nth-child(2) {
    display: none;
  }
}