@import url("https://fonts.googleapis.com/css?family=Poppins|Roboto"); 
@import url("https://fonts.googleapis.com/css?family=Poppins|Roboto"); 
@import url("https://fonts.googleapis.com/css?family=Poppins|Roboto"); 
body { 
/* CSS Variables that may have been missed get put on body */ 
    --tw-border-opacity:  1;  
    --tw-border-opacity:  1;  
    --tw-shadow:  0 0 transparent; 
    --tw-border-opacity:   1;  
    --tw-shadow:  0 0 transparent; 
    --tw-ring-offset-shadow:  0 0 transparent;  
    --tw-ring-shadow:  0 0 transparent; 
    --tw-border-opacity:    1;  
    --tw-shadow:   0 0 transparent; 
    --tw-ring-offset-shadow:  0 0 transparent;  
    --tw-ring-shadow:  0 0 transparent; 
    --tw-shadow:  0 25px 50px -12px rgba(0,0,0,0.25);  
    --tw-bg-opacity:  1;  
    --tw-bg-opacity:  1;  
    --tw-text-opacity:  1;  
    --tw-shadow:  0 1px 2px 0 rgba(0,0,0,0.05); 
    --tw-shadow:   0 1px 2px 0 rgba(0,0,0,0.05); 
    --tw-border-opacity:  1;  
    --tw-border-opacity:  1;  
    --tw-shadow:  0 0 transparent; 
    --tw-border-opacity:   1;  
    --tw-shadow:  0 0 transparent; 
    --tw-ring-offset-shadow:  0 0 transparent;  
    --tw-ring-shadow:  0 0 transparent; 
    --tw-border-opacity:    1;  
    --tw-shadow:   0 0 transparent; 
    --tw-ring-offset-shadow:  0 0 transparent;  
    --tw-ring-shadow:  0 0 transparent; 
    --tw-bg-opacity:  1;  
    --tw-bg-opacity:   1;  
    --tw-space-x-reverse:  0;  
} 

* { 
    -webkit-box-sizing:    border-box; 
    box-sizing:    border-box; 
    border-width:    0; 
    border-style:    solid; 
    border-color:    rgba(226,232,240,var(--tw-border-opacity));
    --tw-border-opacity:   1; 
    --tw-shadow:  0 0 transparent;
    --tw-ring-offset-shadow: 0 0 transparent; 
    --tw-ring-shadow: 0 0 transparent;
} 

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

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

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

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

.absolute {
    position: absolute;
}

.text-gray-500 {
    --tw-text-opacity: 1;
    color: rgba(100,116,139,var(--tw-text-opacity));
}

.border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgba(203,213,225,var(--tw-border-opacity));
}
.border-t {
    border-top-width: 1px;
}

.w-full {
    width: 100%;
}

.text-sm {
    font-size: .875rem;
}

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

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

.w-full { 
    width: 100%;
} 

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

@media (min-width: 1024px){ 
  .lg\:w-96 { 
    width: 24rem;
  } 
}     

.relative { 
    position: relative;
} 

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

.flex { 
    display: -webkit-box; 
    display: -ms-flexbox; 
    display: flex;
} 

.flex-1 { 
    -webkit-box-flex: 1; 
    -ms-flex: 1 1 0%; 
    flex: 1 1 0%;
} 

.flex-col { 
    -webkit-box-direction:  normal;
    -webkit-box-orient: vertical; 
    -ms-flex-direction: column; 
    flex-direction: column;
} 

.justify-center { 
    -webkit-box-pack: center; 
    -ms-flex-pack: center; 
    justify-content: center;
} 

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

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

@media (min-width: 1024px){ 
  .lg\:flex-none { 
    -webkit-box-flex: 0; 
    -ms-flex: none; 
    flex: none;
  } 

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

  .lg\:shadow-2xl { 
    --tw-shadow: 0 25px 50px -12px rgba(0,0,0,0.25); 
    -webkit-box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow); 
    box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow);
  } 
}     

@media (min-width: 1280px){ 
  .xl\:px-24 { 
    padding-left: 6rem; 
    padding-right: 6rem;
  } 
}     

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

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

body { 
    margin:  0; 
    font-family:  inherit; 
    line-height: inherit;
} 

html { 
    -moz-tab-size:     4; 
    -o-tab-size:     4; 
    tab-size:     4; 
    line-height:     1.5;
    -webkit-text-size-adjust:     100%;
    font-family:    Inter var,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji; 
    background-color:   rgba(248,250,252,var(--tw-bg-opacity));
    --tw-bg-opacity:  1;
    font-size: 14px; 
    font-smoothing: antialiased; 
    text-rendering: optimizeLegibility; 
    -moz-osx-font-smoothing: grayscale; 
    -webkit-font-smoothing: antialiased; 
    -webkit-font-feature-settings: "kern" 1,"dlig" 1,"opbd" 1,"ss01" 1; 
    font-feature-settings: "kern" 1,"dlig" 1,"opbd" 1,"ss01" 1; 
    text-shadow: rgba(0,0,0,.01) 0 0 1px;
} 

button { 
    font-family:     inherit; 
    font-size:     100%; 
    line-height:  inherit; 
    margin:     0;
    text-transform:    none;
    background-color:   transparent; 
    background-image:   none;
    cursor:  pointer;
    padding: 0; 
    color: inherit;
} 

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

.inline-flex { 
    display: -webkit-inline-box; 
    display: -ms-inline-flexbox; 
    display: inline-flex;
} 

.h-14 { 
    height: 3.5rem;
} 

.items-center { 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center;
} 

.overflow-hidden { 
    overflow: hidden;
} 

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

.bg-blue-400 { 
    --tw-bg-opacity: 1; 
    background-color: rgba(30,67,255,var(--tw-bg-opacity));
} 

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

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

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

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

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

.shadow-sm { 
    --tw-shadow:  0 1px 2px 0 rgba(0,0,0,0.05);
    -webkit-box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow); 
    box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow);
} 

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

.transition { 
    -webkit-transition-property: background-color,border-color,color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter; 
    transition-property: background-color,border-color,color,fill,stroke,opacity,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter; 
    transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter; 
    transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-box-shadow,-webkit-transform,-webkit-filter,-webkit-backdrop-filter; 
    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1); 
    transition-timing-function: cubic-bezier(.4,0,.2,1); 
    -webkit-transition-duration: .15s; 
    transition-duration: .15s;
} 

.duration-100 { 
    -webkit-transition-duration: .1s; 
    transition-duration: .1s;
} 

.ease-in-out { 
    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1); 
    transition-timing-function: cubic-bezier(.4,0,.2,1);
} 

@media (min-width: 640px){ 
  .sm\:px-6 { 
    padding-left: 1.5rem; 
    padding-right: 1.5rem;
  } 

  .sm\:text-lg { 
    font-size: 1.125rem;
  } 
}     

.selectionRing { 
    outline:  2px solid transparent; 
    outline-offset:  2px;
    -webkit-transition-property: all; 
    transition-property: all; 
    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1); 
    transition-timing-function: cubic-bezier(.4,0,.2,1); 
    -webkit-transition-duration: .1s; 
    transition-duration: .1s;
} 

@media (min-width: 640px){ 
  .sm\:px-6 { 
    padding-left: 1.5rem!important; 
    padding-right: 1.5rem!important;
  } 
}     

*,:after,:before { 
    -webkit-box-sizing:    border-box; 
    box-sizing:    border-box; 
    border-width:    0; 
    border-style:    solid; 
    border-color:    rgba(226,232,240,var(--tw-border-opacity));
    --tw-border-opacity:   1; 
    --tw-shadow:  0 0 transparent;
    --tw-ring-offset-shadow: 0 0 transparent; 
    --tw-ring-shadow: 0 0 transparent;
} 

.hover\:bg-blue-300:hover { 
    --tw-bg-opacity:  1; 
    background-color:  rgba(81,110,255,var(--tw-bg-opacity));

} 

svg { 
    display: block; 
    vertical-align: middle;
} 

.h-5 { 
    height: 1.25rem;
} 

.w-5 { 
    width: 1.25rem;
} 

.whitespace-nowrap { 
    white-space: nowrap;
} 

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