@import url(https://fonts.googleapis.com/css2?family=Assistant:wght@300;400;500;600;700;800&display=swap);
@tailbase base;
.relative{
  position:	relative;
}
.z-10{
  z-index:	10;
}
.z-0{
  z-index:	0;
}
.col-span-2{
  grid-column:	span 2 / span 2;
}
.col-span-1{
  grid-column:	span 1 / span 1;
}
.col-span-3{
  grid-column:	span 3 / span 3;
}
.mx-auto{
  margin-left:	auto;
  margin-right:	auto;
}
.my-2{
  margin-top:	2em;
  margin-bottom:	2em;
}
.mt-auto{
  margin-top:	auto;
}
.ml-auto{
  margin-left:	auto;
}
.mt-1{
  margin-top:	1em;
}
.mt-vw{
  margin-top:	var(--sectionPadding);
}
.-ml-vw{
  margin-left:	calc(var(--sectionPadding) * -1);
}
.-mr-vw{
  margin-right:	calc(var(--sectionPadding) * -1);
}
.-mb-vw{
  margin-bottom:	calc(var(--sectionPadding) * -1);
}
.mb-auto{
  margin-bottom:	auto;
}
.flex{
  display:	flex;
}
.table{
  display:	table;
}
.grid{
  display:	grid;
}
.hidden{
  display:	none;
}
.h-\[10px\]{
  height:	10px;
}
.h-full{
  height:	100%;
}
.min-h-screen{
  min-height:	100vh;
}
.w-\[10px\]{
  width:	10px;
}
.w-\[100px\]{
  width:	100px;
}
.w-full{
  width:	100%;
}
.max-w-sm{
  max-width:	48em;
}
.max-w-md{
  max-width:	64em;
}
.max-w-lg{
  max-width:	80em;
}
.max-w-\[400px\]{
  max-width:	400px;
}
.flex-1{
  flex:	1 1 0%;
}
.resize{
  resize:	both;
}
.grid-cols-3{
  grid-template-columns:	repeat(3, minmax(0, 1fr));
}
.grid-cols-2{
  grid-template-columns:	repeat(2, minmax(0, 1fr));
}
.flex-col{
  flex-direction:	column;
}
.items-end{
  align-items:	flex-end;
}
.items-center{
  align-items:	center;
}
.justify-center{
  justify-content:	center;
}
.justify-between{
  justify-content:	space-between;
}
.gap-2{
  gap:	2em;
}
.gap-1{
  gap:	1em;
}
.space-x-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse:	0;
  margin-right:	calc(1em * var(--tw-space-x-reverse));
  margin-left:	calc(1em * calc(1 - var(--tw-space-x-reverse)));
}
.space-x-\[1rem\] > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse:	0;
  margin-right:	calc(1rem * var(--tw-space-x-reverse));
  margin-left:	calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-1 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:	0;
  margin-top:	calc(1em * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:	calc(1em * var(--tw-space-y-reverse));
}
.space-y-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:	0;
  margin-top:	calc(2em * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:	calc(2em * var(--tw-space-y-reverse));
}
.self-center{
  align-self:	center;
}
.overflow-hidden{
  overflow:	hidden;
}
.whitespace-nowrap{
  white-space:	nowrap;
}
.rounded-full{
  border-radius:	9999px;
}
.rounded-xl{
  border-radius:	0.75rem;
}
.border{
  border-width:	1px;
}
.border-solid{
  border-style:	solid;
}
.border-gun-powder{
  --tw-border-opacity:	1;
  border-color:	rgb(67 66 93 / var(--tw-border-opacity));
}
.bg-bittersweet\/50{
  background-color:	rgb(255 101 101 / 0.5);
}
.bg-pastel-green{
  --tw-bg-opacity:	1;
  background-color:	rgb(99 227 163 / var(--tw-bg-opacity));
}
.bg-white{
  --tw-bg-opacity:	1;
  background-color:	rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-port-gore{
  --tw-bg-opacity:	1;
  background-color:	rgb(36 35 72 / var(--tw-bg-opacity));
}
.bg-scampie{
  --tw-bg-opacity:	1;
  background-color:	rgb(95 90 172 / var(--tw-bg-opacity));
}
.bg-whisper{
  --tw-bg-opacity:	1;
  background-color:	rgb(240 240 247 / var(--tw-bg-opacity));
}
.bg-gun-powder{
  --tw-bg-opacity:	1;
  background-color:	rgb(67 66 93 / var(--tw-bg-opacity));
}
.bg-gradient-to-tr{
  background-image:	linear-gradient(to top right, var(--tw-gradient-stops));
}
.from-whisper{
  --tw-gradient-from:	#F0F0F7;
  --tw-gradient-to:	rgb(240 240 247 / 0);
  --tw-gradient-stops:	var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-white{
  --tw-gradient-from:	#FFFFFF;
  --tw-gradient-to:	rgb(255 255 255 / 0);
  --tw-gradient-stops:	var(--tw-gradient-from), var(--tw-gradient-to);
}
.from-scampie{
  --tw-gradient-from:	#5F5AAC;
  --tw-gradient-to:	rgb(95 90 172 / 0);
  --tw-gradient-stops:	var(--tw-gradient-from), var(--tw-gradient-to);
}
.to-white{
  --tw-gradient-to:	#FFFFFF;
}
.to-whisper{
  --tw-gradient-to:	#F0F0F7;
}
.to-port-gore{
  --tw-gradient-to:	#242348;
}
.object-cover{
  -o-object-fit:	cover;
     object-fit:	cover;
}
.p-base{
  padding:	1rem;
}
.p-1{
  padding:	1em;
}
.p-vw{
  padding:	var(--sectionPadding);
}
.p-2{
  padding:	2em;
}
.py-1{
  padding-top:	1em;
  padding-bottom:	1em;
}
.text-center{
  text-align:	center;
}
.text-xs{
  font-size:	0.750em;
}
.text-sm{
  font-size:	0.875em;
}
.text-lg{
  font-size:	2.000em;
}
.text-xl{
  font-size:	3.000em;
}
.text-xxl{
  font-size:	3.333em;
}
.text-\[75\%\]{
  font-size:	75%;
}
.text-md{
  font-size:	1.500em;
}
.text-\[35px\]{
  font-size:	35px;
}
.text-\[18px\]{
  font-size:	18px;
}
.font-bold{
  font-weight:	700;
}
.font-extrabold{
  font-weight:	800;
}
.font-medium{
  font-weight:	500;
}
.uppercase{
  text-transform:	uppercase;
}
.capitalize{
  text-transform:	capitalize;
}
.tracking-\[0\.25em\]{
  letter-spacing:	0.25em;
}
.text-melrose{
  --tw-text-opacity:	1;
  color:	rgb(163 160 251 / var(--tw-text-opacity));
}
.text-hot-pink{
  --tw-text-opacity:	1;
  color:	rgb(255 124 195 / var(--tw-text-opacity));
}
.text-pastel-green{
  --tw-text-opacity:	1;
  color:	rgb(99 227 163 / var(--tw-text-opacity));
}
.text-malibu{
  --tw-text-opacity:	1;
  color:	rgb(97 218 254 / var(--tw-text-opacity));
}
.text-koromiki{
  --tw-text-opacity:	1;
  color:	rgb(255 192 106 / var(--tw-text-opacity));
}
.text-gun-powder{
  --tw-text-opacity:	1;
  color:	rgb(67 66 93 / var(--tw-text-opacity));
}
.text-white{
  --tw-text-opacity:	1;
  color:	rgb(255 255 255 / var(--tw-text-opacity));
}
.text-port-gore{
  --tw-text-opacity:	1;
  color:	rgb(36 35 72 / var(--tw-text-opacity));
}
.text-aluminium{
  --tw-text-opacity:	1;
  color:	rgb(166 167 173 / var(--tw-text-opacity));
}
.text-dodger-blue{
  --tw-text-opacity:	1;
  color:	rgb(59 134 255 / var(--tw-text-opacity));
}
.text-bittersweet{
  --tw-text-opacity:	1;
  color:	rgb(255 101 101 / var(--tw-text-opacity));
}
.underline{
  -webkit-text-decoration-line:	underline;
          text-decoration-line:	underline;
}
.mix-blend-screen{
  mix-blend-mode:	screen;
}
.mix-blend-overlay{
  mix-blend-mode:	overlay;
}
.shadow-2xl{
  --tw-shadow:	0 25px 50px -12px rgb(0 0 0 / 0.25);
  --tw-shadow-colored:	0 25px 50px -12px var(--tw-shadow-color);
  box-shadow:	var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
/* 01-TOOLS
********************************************************************************/
/* Returns spacer value
********************************************************************************/
/* Returns width value
********************************************************************************/
/* Returns hex from associated color name, from the $colors map/list
********************************************************************************/
/* Returns a greyscale colour
********************************************************************************/
/* Returns either black or white depending on lightness/darkness of passed arg
********************************************************************************/
/* Theme color monochromatic hex generator
********************************************************************************/
/* Returns true/false depending whether list contains any true values.
********************************************************************************/
/* STRIP UNIT
********************************************************************************/
/* PX to EM
********************************************************************************/
/* PX to REM
********************************************************************************/
/* PX TO VW
********************************************************************************/
/* TEXT SHADOW
********************************************************************************/
/* 02-CONFIG
********************************************************************************/
:root {
  --sectionPadding:	2em;
}
@media (min-width: 768px) {
  :root {
    --sectionPadding:	3.2em;
  }
}
@media (min-width: 1081px) {
  :root {
    --sectionPadding:	3.2em;
  }
}
@media (min-width: 1600px) {
  :root {
    --sectionPadding:	3.2em;
  }
}

/* 03-BASE
********************************************************************************/
*, *:before, *:after {
  box-sizing: border-box;
  outline: none;
}

* {
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, tt, var,
b, u, i, center,
dl, dt, dd, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

ul, ol {
  margin: 0;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section, img {
  display: block;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

html {
  font-size: 18px;
}

body {
  font-weight: 400;
  font-size: 100%;
  font-family: "Assistant";
  line-height: 1.4;
}
@media (max-width: 767px) {
  body {
    font-size: 80%;
  }
}

/* 04-UTILITIES
********************************************************************************/
[data-animation=fadeIn].animate,
[data-animation=fadeInPulse].animate,
[data-animation=fadeInUp].animate,
[data-animation=fadeInDown].animate,
[data-animation=fadeInLeft].animate,
[data-animation=fadeInRight].animate,
[data-animation=slideInLeft].animate,
[data-animation=slideInRight].animate,
[data-animation=zoomIn].animate {
  opacity: 0;
}

[data-animation=rollIn].animate {
  opacity: 0;
}
[data-animation=rollIn].animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
}

.animated {
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

@-webkit-keyframes fadeInPulse {
  from {
    transform: scale3d(1, 1, 1);
    opacity: 0;
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
    opacity: 0.5;
  }
  to {
    transform: scale3d(1, 1, 1);
    opacity: 1;
  }
}

@keyframes fadeInPulse {
  from {
    transform: scale3d(1, 1, 1);
    opacity: 0;
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
    opacity: 0.5;
  }
  to {
    transform: scale3d(1, 1, 1);
    opacity: 1;
  }
}
.fadeInPulse {
  -webkit-animation-name: fadeInPulse;
          animation-name: fadeInPulse;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}

@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-50px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-50px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(50px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(50px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 30px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 30px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

/* CUSTOM
****************************************************************************************************/
@-webkit-keyframes height {
  from {
    max-height: 0px;
  }
  to {
    max-height: 50px;
  }
}
@keyframes height {
  from {
    max-height: 0px;
  }
  to {
    max-height: 50px;
  }
}
/* ANIMATION DELAY HELPERS
********************************************************************************/
.delay-1 {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}

.delay-2 {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

.delay-3 {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}

.delay-4 {
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

.delay-5 {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}

/* 05-LAYOUT
********************************************************************************/
html {
  height: 100%;
}

body, #app, #user {
  height: 100%;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
}

.site-header {
  flex: none;
}

.site-main {
  flex: 1 0 auto;
}
.site-main * {
  transition: all 0.5s ease;
}

.site-footer {
  flex: none;
}

.ui-dashboard{
  min-height:	100vh;
  display: grid;
  grid-auto-columns: 1fr;
  grid-auto-rows: 1fr;
  grid-template-rows: -webkit-min-content 1fr;
  grid-template-rows: min-content 1fr;
  grid-template-columns: 300px 1fr;
  gap: 0px 0px;
  grid-template-areas: "logo header" "nav main";
}
@media (max-width: 1080px) {
  .ui-dashboard {
    grid-template-columns: -webkit-min-content 1fr;
    grid-template-columns: min-content 1fr;
  }
}
.ui-dashboard__logo {
  grid-area: logo;
  display:	flex;
  align-items:	center;
  --tw-bg-opacity:	1;
  background-color:	rgb(36 35 72 / var(--tw-bg-opacity));
  padding:	1em;
  font-weight:	700;
  text-transform:	uppercase;
  letter-spacing:	0.25em;
  --tw-text-opacity:	1;
  color:	rgb(255 255 255 / var(--tw-text-opacity));
  white-space: nowrap;
}
.ui-dashboard__header {
  grid-area: header;
  position:	relative;
  z-index:	10;
  display:	flex;
  align-items:	center;
  justify-content:	space-between;
  --tw-bg-opacity:	1;
  background-color:	rgb(255 255 255 / var(--tw-bg-opacity));
  padding:	1em;
  --tw-text-opacity:	1;
  color:	rgb(36 35 72 / var(--tw-text-opacity));
  --tw-shadow:	0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:	0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow:	var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.ui-dashboard__nav {
  grid-area: nav;
  display:	flex;
  flex-direction:	column;
  background-image:	linear-gradient(to top right, var(--tw-gradient-stops));
  --tw-gradient-from:	#242348;
  --tw-gradient-to:	rgb(36 35 72 / 0);
  --tw-gradient-stops:	var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to:	#43425D;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.ui-dashboard__nav a {
  cursor: pointer;
  transition: all 0.25s ease;
  display:	flex;
  align-items:	center;
}
.ui-dashboard__nav a > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse:	0;
  margin-right:	calc(0.75em * var(--tw-space-x-reverse));
  margin-left:	calc(0.75em * calc(1 - var(--tw-space-x-reverse)));
}
.ui-dashboard__nav a{
  border-left-width:	5px;
  border-style:	solid;
  border-color:	rgb(255 255 255 / 0);
  padding:	1em;
  padding-left: calc(1em - 5px);
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  white-space: nowrap;
}
.ui-dashboard__nav a i {
  color: white;
}
.ui-dashboard__nav a span{
  font-size:	0.750em;
  text-transform:	uppercase;
  --tw-text-opacity:	1;
  color:	rgb(255 255 255 / var(--tw-text-opacity));
}
.ui-dashboard__nav nav{
  flex-grow:	1;
}
.ui-dashboard__nav nav a:not(.active)::not(.router-link-active):hover {
  border-left-color: rgba(255, 255, 255, 0.25);
  background-color: rgba(255, 255, 255, 0.05);
  transition: none;
}
.ui-dashboard__nav nav a.active, .ui-dashboard__nav nav a.router-link-active {
  border-left-color: currentColor;
  background-color: rgba(255, 255, 255, 0.15);
}
.ui-dashboard__nav nav a.active i, .ui-dashboard__nav nav a.router-link-active i {
  color: currentColor;
}
.ui-dashboard__main {
  grid-area: main;
  z-index:	0;
  --tw-bg-opacity:	1;
  background-color:	rgb(240 240 247 / var(--tw-bg-opacity));
  padding:	2em;
  --tw-text-opacity:	1;
  color:	rgb(36 35 72 / var(--tw-text-opacity));
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

/* 06-OBJECTS
********************************************************************************/
.o-section {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* 07-PATTERNS
********************************************************************************/
h1,  h2,  h3,  h4,  h5,  h6{
  line-height:	1;
}

table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
table.referrer thead{
  --tw-bg-opacity:	1;
  background-color:	rgb(245 246 250 / var(--tw-bg-opacity));
}
table.referrer thead th{
  padding:	1em;
  text-align:	left;
  font-weight:	700;
  text-transform:	uppercase;
  --tw-text-opacity:	1;
  color:	rgb(165 164 191 / var(--tw-text-opacity));
}
table.referrer thead th:last-child{
  text-align:	right;
}
table.referrer tbody tr {
  border-bottom: 1px solid #F0F0F7;
}
table.referrer tbody td{
  padding:	1em;
}
table.referrer tbody td:last-child{
  text-align:	right;
}
table.sessionsByCountry tr:nth-child(5n+1) td:first-child {
  color: #A3A0FB;
}
table.sessionsByCountry tr:nth-child(5n+2) td:first-child {
  color: #FF7CC3;
}
table.sessionsByCountry tr:nth-child(5n+3) td:first-child {
  color: #63E3A3;
}
table.sessionsByCountry tr:nth-child(5n+4) td:first-child {
  color: #61DAFE;
}
table.sessionsByCountry tr:nth-child(5n+5) td:first-child {
  color: #FFC06A;
}
table.sessionsByCountry td {
  padding: 0.25em 0;
}
table.sessionsByCountry td:first-child {
  display: flex;
  align-items: center;
}
table.sessionsByCountry td:first-child::before {
  display: block;
  height: 1em;
  width: 1em;
  content: "";
  border: 4px solid currentColor;
  border-radius: 100%;
  margin-right: 0.5em;
}
table.sessionsByCountry td:first-child span {
  color: black;
}
table.sessionsByCountry td:last-child {
  text-align: right;
}

/* 08-COMPONENTS
********************************************************************************/
.c-button {
  display: inline-block;
  text-align: center;
  cursor: pointer;
  padding: 0.889em;
  border-radius: 0.2777777778em;
  font-weight: 500;
  line-height: 1;
}
@media (max-width: 767px) {
  .c-button {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .c-button {
    min-width: 8.3333333333em;
    white-space: nowrap;
  }
}
.c-button.border {
  padding: calc(0.889em - 1px);
}

button.c-button {
  border: none;
  font-family: "Assistant";
  font-size: 1em;
}

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

.c-data-block{
  --tw-bg-opacity:	1;
  background-color:	rgb(255 255 255 / var(--tw-bg-opacity));
  padding:	2em;
  font-size:	0.750em;
  --tw-shadow:	0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:	0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
  box-shadow:	var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media (min-width: 768px) and (max-width: 1080px) {
  .c-data-block > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse:	0;
    margin-top:	calc(1em * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:	calc(1em * var(--tw-space-y-reverse));
  }
  .c-data-block{
    padding:	1em;
  }
}
.c-data-block h2{
  --tw-text-opacity:	1;
  color:	rgb(166 167 173 / var(--tw-text-opacity));
}

.c-barchart {
  display: flex;
  width: 120px;
  align-items: flex-end;
}
.c-barchart span {
  flex: 1;
  display: block;
  -webkit-animation-name: height;
          animation-name: height;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-timing-function: ease;
          animation-timing-function: ease;
}
.c-barchart span + span {
  border-left: 1px solid white;
}
.c-barchart span:nth-child(1), .c-barchart span:nth-child(4), .c-barchart span:nth-child(8), .c-barchart span:nth-child(10) {
  height: 10px;
}
.c-barchart span:nth-child(2), .c-barchart span:nth-child(7), .c-barchart span:nth-child(11) {
  height: 50px;
}
.c-barchart span:nth-child(3), .c-barchart span:nth-child(5), .c-barchart span:nth-child(13) {
  height: 30px;
}
.c-barchart span:nth-child(6), .c-barchart span:nth-child(9), .c-barchart span:nth-child(12) {
  height: 20px;
}
.c-barchart--malibu span{
  background-image:	linear-gradient(to bottom, var(--tw-gradient-stops));
  --tw-gradient-from:	#61DAFE;
  --tw-gradient-to:	rgb(97 218 254 / 0);
  --tw-gradient-stops:	var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to:	rgb(97 218 254 / 0.5);
}
.c-barchart--melrose span{
  background-image:	linear-gradient(to bottom, var(--tw-gradient-stops));
  --tw-gradient-from:	#A3A0FB;
  --tw-gradient-to:	rgb(163 160 251 / 0);
  --tw-gradient-stops:	var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to:	rgb(163 160 251 / 0.5);
}
.c-barchart--pastel-green span{
  background-image:	linear-gradient(to bottom, var(--tw-gradient-stops));
  --tw-gradient-from:	#63E3A3;
  --tw-gradient-to:	rgb(99 227 163 / 0);
  --tw-gradient-stops:	var(--tw-gradient-from), var(--tw-gradient-to);
  --tw-gradient-to:	rgb(99 227 163 / 0.5);
}

/* 09-MODULES
********************************************************************************/
/* 10-PAGES
********************************************************************************/
.page-login form input[type=text],
.page-login form input[type=email],
.page-login form input[type=password] {
  border: none;
  padding: 0.5em;
  border-bottom: 2px solid #E9E9F0;
  width: 100%;
  font-size: inherit;
  font-family: "Assistant";
  transition: border-bottom-color 0.5s ease;
}
.page-login form input[type=text]:focus,
.page-login form input[type=email]:focus,
.page-login form input[type=password]:focus {
  border-bottom-color: #43425D;
}
.page-login form input[type=text]::-moz-placeholder, .page-login form input[type=email]::-moz-placeholder, .page-login form input[type=password]::-moz-placeholder {
  opacity: 1;
}
.page-login form input[type=text]::placeholder,
.page-login form input[type=email]::placeholder,
.page-login form input[type=password]::placeholder {
  opacity: 1;
}

.page-legals h1 {
  font-weight: bold;
  border-bottom: 1px solid #ccc;
}
.page-legals h1 + p {
  font-size: 30px;
}
.page-legals h2 {
  font-weight: bold;
  font-size: 25px;
}
.page-legals ul, .page-legals ol {
  background: #242348;
  color: white;
  padding: 1em 2em;
}
.page-legals li a, .page-legals p a {
  text-decoration: underline;
  color: #FF6565;
}
.hover\:bg-bittersweet\/100:hover{
  background-color:	rgb(255 101 101 / 1);
}
.hover\:bg-gun-powder:hover{
  --tw-bg-opacity:	1;
  background-color:	rgb(67 66 93 / var(--tw-bg-opacity));
}
.hover\:bg-scampie:hover{
  --tw-bg-opacity:	1;
  background-color:	rgb(95 90 172 / var(--tw-bg-opacity));
}
.hover\:bg-athens:hover{
  --tw-bg-opacity:	1;
  background-color:	rgb(233 233 240 / var(--tw-bg-opacity));
}
.hover\:bg-hot-pink:hover{
  --tw-bg-opacity:	1;
  background-color:	rgb(255 124 195 / var(--tw-bg-opacity));
}
.hover\:text-scampie:hover{
  --tw-text-opacity:	1;
  color:	rgb(95 90 172 / var(--tw-text-opacity));
}
.hover\:text-gun-powder:hover{
  --tw-text-opacity:	1;
  color:	rgb(67 66 93 / var(--tw-text-opacity));
}
.hover\:underline:hover{
  -webkit-text-decoration-line:	underline;
          text-decoration-line:	underline;
}
@media (max-width: 767px){
  .xs\:space-y-vw > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse:	0;
    margin-top:	calc(var(--sectionPadding) * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:	calc(var(--sectionPadding) * var(--tw-space-y-reverse));
  }
  .xs\:text-\[8\.5vw\]{
    font-size:	8.5vw;
  }
}
@media (min-width: 768px){
  .sm\:order-2{
    order:	2;
  }
  .sm\:ml-1{
    margin-left:	1em;
  }
  .sm\:grid{
    display:	grid;
  }
  .sm\:w-\[200px\]{
    width:	200px;
  }
  .sm\:grid-cols-2{
    grid-template-columns:	repeat(2, minmax(0, 1fr));
  }
  .sm\:gap-1{
    gap:	1em;
  }
  .sm\:text-base{
    font-size:	1em;
  }
}
@media (min-width: 1024px){
  .md\:col-span-3{
    grid-column:	span 3 / span 3;
  }
  .md\:col-span-1{
    grid-column:	span 1 / span 1;
  }
  .md\:my-vw{
    margin-top:	var(--sectionPadding);
    margin-bottom:	var(--sectionPadding);
  }
  .md\:-ml-\[300px\]{
    margin-left:	-300px;
  }
  .md\:mb-0{
    margin-bottom:	0;
  }
  .md\:mt-0{
    margin-top:	0;
  }
  .md\:mr-0{
    margin-right:	0;
  }
  .md\:block{
    display:	block;
  }
  .md\:flex{
    display:	flex;
  }
  .md\:grid{
    display:	grid;
  }
  .md\:grid-cols-2{
    grid-template-columns:	repeat(2, minmax(0, 1fr));
  }
  .md\:grid-cols-3{
    grid-template-columns:	repeat(3, minmax(0, 1fr));
  }
  .md\:rounded-xl{
    border-radius:	0.75rem;
  }
  .md\:text-left{
    text-align:	left;
  }
}
@media (max-width: 767px){
  .mobile\:-mx-vw{
    margin-left:	calc(var(--sectionPadding) * -1);
    margin-right:	calc(var(--sectionPadding) * -1);
  }
  .mobile\:mt-1{
    margin-top:	1em;
  }
  .mobile\:mt-vw{
    margin-top:	var(--sectionPadding);
  }
  .mobile\:space-y-1 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse:	0;
    margin-top:	calc(1em * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom:	calc(1em * var(--tw-space-y-reverse));
  }
  .mobile\:bg-white{
    --tw-bg-opacity:	1;
    background-color:	rgb(255 255 255 / var(--tw-bg-opacity));
  }
  .mobile\:px-vw{
    padding-left:	var(--sectionPadding);
    padding-right:	var(--sectionPadding);
  }
}
@media (min-width: 768px) and (max-width: 1080px){
  .tablet\:mt-1{
    margin-top:	1em;
  }
}
@media (min-width: 1081px){
  .desktop\:w-full{
    width:	100%;
  }
  .desktop\:grid-cols-4{
    grid-template-columns:	repeat(4, minmax(0, 1fr));
  }
  .desktop\:rounded-xl{
    border-radius:	0.75rem;
  }
  .desktop\:bg-white{
    --tw-bg-opacity:	1;
    background-color:	rgb(255 255 255 / var(--tw-bg-opacity));
  }
  .desktop\:p-1{
    padding:	1em;
  }
  .desktop\:shadow-xl{
    --tw-shadow:	0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --tw-shadow-colored:	0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    box-shadow:	var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
}