@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;500;600;700&display=swap');

/* Import Lato font from Google Fonts */
*, ::before, ::after{
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
}
::backdrop{
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position:  ;
    --tw-gradient-via-position:  ;
    --tw-gradient-to-position:  ;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
    --tw-contain-size:  ;
    --tw-contain-layout:  ;
    --tw-contain-paint:  ;
    --tw-contain-style:  ;
}
#vera-shadow-root {
    --background: 0 0% 100%;
    --foreground: 0 0% 3.9%;
    --card: 0 0% 100%;
    --card-foreground: 0 0% 3.9%;
    --popover: 0 0% 100%;
    --popover-foreground: 0 0% 3.9%;
    --primary: 0 0% 9%;
    --primary-foreground: 0 0% 98%;
    --secondary: 0 0% 96.1%;
    --secondary-foreground: 0 0% 9%;
    --muted: 0 0% 96.1%;
    --muted-foreground: 0 0% 45.1%;
    --accent: 0 0% 96.1%;
    --accent-foreground: 0 0% 9%;
    --destructive: 0 84.2% 60.2%;
    --destructive-foreground: 0 0% 98%;
    --border: 0 0% 89.8%;
    --input: 0 0% 89.8%;
    --ring: 0 0% 3.9%;
    --radius: 8px;
    --chart-1: 12 76% 61%;
    --chart-2: 173 58% 39%;
    --chart-3: 197 37% 24%;
    --chart-4: 43 74% 66%;
    --chart-5: 27 87% 67%;
  }
#vera-shadow-root.dark {
    --background: 0 0% 3.9%;
    --foreground: 0 0% 98%;
    --card: 0 0% 3.9%;
    --card-foreground: 0 0% 98%;
    --popover: 0 0% 3.9%;
    --popover-foreground: 0 0% 98%;
    --primary: 0 0% 98%;
    --primary-foreground: 0 0% 9%;
    --secondary: 0 0% 14.9%;
    --secondary-foreground: 0 0% 98%;
    --muted: 0 0% 14.9%;
    --muted-foreground: 0 0% 63.9%;
    --accent: 0 0% 14.9%;
    --accent-foreground: 0 0% 98%;
    --destructive: 0 62.8% 30.6%;
    --destructive-foreground: 0 0% 98%;
    --border: 0 0% 14.9%;
    --input: 0 0% 14.9%;
    --ring: 0 0% 83.1%;
    --chart-1: 220 70% 50%;
    --chart-2: 160 60% 45%;
    --chart-3: 30 80% 55%;
    --chart-4: 280 65% 60%;
    --chart-5: 340 75% 55%;
  }
#vera-shadow-root  *{
    border-color: hsl(var(--border));
}
#vera-shadow-root .border-b {
    border-style: solid;
  }
#vera-shadow-root .border {
    border-style: solid;
  }
#vera-shadow-root .border-t {
    border-style: solid;
  }
#vera-shadow-root .border-r {
    border-style: solid;
  }
#vera-shadow-root .border-y {
    border-style: solid;
  }
#vera-shadow-root  body{
    background-color: hsl(var(--background));
    color: hsl(var(--foreground));
    min-height: 100vh;
    width: 100%;
}
.\!container{
    width: 100% !important;
}
.container{
    width: 100%;
}
@media (min-width: 640px){
    .\!container{
        max-width: 640px !important;
    }
    .container{
        max-width: 640px;
    }
}
@media (min-width: 768px){
    .\!container{
        max-width: 768px !important;
    }
    .container{
        max-width: 768px;
    }
}
@media (min-width: 1024px){
    .\!container{
        max-width: 1024px !important;
    }
    .container{
        max-width: 1024px;
    }
}
@media (min-width: 1280px){
    .\!container{
        max-width: 1280px !important;
    }
    .container{
        max-width: 1280px;
    }
}
@media (min-width: 1536px){
    .\!container{
        max-width: 1536px !important;
    }
    .container{
        max-width: 1536px;
    }
}
#vera-shadow-root .pointer-events-none{
    pointer-events: none;
}
#vera-shadow-root .visible{
    visibility: visible;
}
#vera-shadow-root .invisible{
    visibility: hidden;
}
#vera-shadow-root .collapse{
    visibility: collapse;
}
#vera-shadow-root .fixed{
    position: fixed;
}
#vera-shadow-root .absolute{
    position: absolute;
}
#vera-shadow-root .relative{
    position: relative;
}
#vera-shadow-root .sticky{
    position: -webkit-sticky;
    position: sticky;
}
#vera-shadow-root .inset-0{
    inset: 0px;
}
#vera-shadow-root .inset-x-0{
    left: 0px;
    right: 0px;
}
#vera-shadow-root .bottom-\[-4px\]{
    bottom: -4px;
}
#vera-shadow-root .left-2{
    left: 8px;
}
#vera-shadow-root .right-\[-4px\]{
    right: -4px;
}
#vera-shadow-root .top-0{
    top: 0px;
}
#vera-shadow-root .top-8{
    top: 32px;
}
#vera-shadow-root .z-10{
    z-index: 10;
}
#vera-shadow-root .z-\[5\]{
    z-index: 5;
}
#vera-shadow-root .mx-auto{
    margin-left: auto;
    margin-right: auto;
}
#vera-shadow-root .my-4{
    margin-top: 16px;
    margin-bottom: 16px;
}
#vera-shadow-root .mb-2{
    margin-bottom: 8px;
}
#vera-shadow-root .mb-3{
    margin-bottom: 12px;
}
#vera-shadow-root .mb-4{
    margin-bottom: 16px;
}
#vera-shadow-root .mb-6{
    margin-bottom: 24px;
}
#vera-shadow-root .ml-16{
    margin-left: 64px;
}
#vera-shadow-root .mr-2{
    margin-right: 8px;
}
#vera-shadow-root .mt-1{
    margin-top: 4px;
}
#vera-shadow-root .mt-2{
    margin-top: 8px;
}
#vera-shadow-root .mt-3{
    margin-top: 12px;
}
#vera-shadow-root .mt-4{
    margin-top: 16px;
}
#vera-shadow-root .block{
    display: block;
}
#vera-shadow-root .inline-block{
    display: inline-block;
}
#vera-shadow-root .\!inline{
    display: inline !important;
}
#vera-shadow-root .inline{
    display: inline;
}
#vera-shadow-root .flex{
    display: flex;
}
#vera-shadow-root .inline-flex{
    display: inline-flex;
}
#vera-shadow-root .table{
    display: table;
}
#vera-shadow-root .grid{
    display: grid;
}
#vera-shadow-root .hidden{
    display: none;
}
#vera-shadow-root .aspect-square{
    aspect-ratio: 1 / 1;
}
#vera-shadow-root .size-4{
    width: 16px;
    height: 16px;
}
#vera-shadow-root .size-\[--cell-size\]{
    width: var(--cell-size);
    height: var(--cell-size);
}
#vera-shadow-root .h-10{
    height: 40px;
}
#vera-shadow-root .h-11{
    height: 44px;
}
#vera-shadow-root .h-12{
    height: 48px;
}
#vera-shadow-root .h-16{
    height: 64px;
}
#vera-shadow-root .h-2{
    height: 8px;
}
#vera-shadow-root .h-20{
    height: 80px;
}
#vera-shadow-root .h-3{
    height: 12px;
}
#vera-shadow-root .h-4{
    height: 16px;
}
#vera-shadow-root .h-40{
    height: 160px;
}
#vera-shadow-root .h-5{
    height: 20px;
}
#vera-shadow-root .h-6{
    height: 24px;
}
#vera-shadow-root .h-7{
    height: 28px;
}
#vera-shadow-root .h-8{
    height: 32px;
}
#vera-shadow-root .h-9{
    height: 36px;
}
#vera-shadow-root .h-\[--cell-size\]{
    height: var(--cell-size);
}
#vera-shadow-root .h-\[100vw\]{
    height: 100vw;
}
#vera-shadow-root .h-\[14px\]{
    height: 14px;
}
#vera-shadow-root .h-\[18px\]{
    height: 18px;
}
#vera-shadow-root .h-\[20px\]{
    height: 20px;
}
#vera-shadow-root .h-\[22px\]{
    height: 22px;
}
#vera-shadow-root .h-\[27px\]{
    height: 27px;
}
#vera-shadow-root .h-\[40px\]{
    height: 40px;
}
#vera-shadow-root .h-\[56px\]{
    height: 56px;
}
#vera-shadow-root .h-\[80vh\]{
    height: 80vh;
}
#vera-shadow-root .h-auto{
    height: auto;
}
#vera-shadow-root .h-full{
    height: 100%;
}
#vera-shadow-root .w-10{
    width: 40px;
}
#vera-shadow-root .w-12{
    width: 48px;
}
#vera-shadow-root .w-16{
    width: 64px;
}
#vera-shadow-root .w-2{
    width: 8px;
}
#vera-shadow-root .w-20{
    width: 80px;
}
#vera-shadow-root .w-3{
    width: 12px;
}
#vera-shadow-root .w-4{
    width: 16px;
}
#vera-shadow-root .w-5{
    width: 20px;
}
#vera-shadow-root .w-6{
    width: 24px;
}
#vera-shadow-root .w-7{
    width: 28px;
}
#vera-shadow-root .w-8{
    width: 32px;
}
#vera-shadow-root .w-\[--cell-size\]{
    width: var(--cell-size);
}
#vera-shadow-root .w-\[14px\]{
    width: 14px;
}
#vera-shadow-root .w-\[18px\]{
    width: 18px;
}
#vera-shadow-root .w-\[20px\]{
    width: 20px;
}
#vera-shadow-root .w-\[22px\]{
    width: 22px;
}
#vera-shadow-root .w-\[24px\]{
    width: 24px;
}
#vera-shadow-root .w-\[250px\]{
    width: 250px;
}
#vera-shadow-root .w-\[27px\]{
    width: 27px;
}
#vera-shadow-root .w-\[40px\]{
    width: 40px;
}
#vera-shadow-root .w-fit{
    width: -webkit-fit-content;
    width: fit-content;
}
#vera-shadow-root .w-full{
    width: 100%;
}
#vera-shadow-root .w-px{
    width: 1px;
}
#vera-shadow-root .min-w-12{
    min-width: 48px;
}
#vera-shadow-root .min-w-\[--cell-size\]{
    min-width: var(--cell-size);
}
#vera-shadow-root .max-w-\[1500px\]{
    max-width: 1500px;
}
#vera-shadow-root .max-w-\[400px\]{
    max-width: 400px;
}
#vera-shadow-root .flex-1{
    flex: 1 1 0%;
}
#vera-shadow-root .shrink-0{
    flex-shrink: 0;
}
#vera-shadow-root .border-collapse{
    border-collapse: collapse;
}
#vera-shadow-root .rotate-180{
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
#vera-shadow-root .transform{
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
@keyframes pulse{
    50%{
        opacity: .5;
    }
}
#vera-shadow-root .animate-pulse{
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes spin{
    to{
        transform: rotate(360deg);
    }
}
#vera-shadow-root .animate-spin{
    animation: spin 1s linear infinite;
}
#vera-shadow-root .cursor-pointer{
    cursor: pointer;
}
#vera-shadow-root .select-none{
    -webkit-user-select: none;
            user-select: none;
}
#vera-shadow-root .resize{
    resize: both;
}
#vera-shadow-root .flex-row{
    flex-direction: row;
}
#vera-shadow-root .flex-col{
    flex-direction: column;
}
#vera-shadow-root .flex-wrap{
    flex-wrap: wrap;
}
#vera-shadow-root .place-content-center{
    place-content: center;
}
#vera-shadow-root .items-start{
    align-items: flex-start;
}
#vera-shadow-root .items-center{
    align-items: center;
}
#vera-shadow-root .justify-center{
    justify-content: center;
}
#vera-shadow-root .justify-between{
    justify-content: space-between;
}
#vera-shadow-root .gap-0{
    gap: 0px;
}
#vera-shadow-root .gap-1{
    gap: 4px;
}
#vera-shadow-root .gap-1\.5{
    gap: 6px;
}
#vera-shadow-root .gap-2{
    gap: 8px;
}
#vera-shadow-root .gap-2\.5{
    gap: 10px;
}
#vera-shadow-root .gap-3{
    gap: 12px;
}
#vera-shadow-root .gap-4{
    gap: 16px;
}
#vera-shadow-root .whitespace-nowrap{
    white-space: nowrap;
}
#vera-shadow-root .whitespace-pre-wrap{
    white-space: pre-wrap;
}
#vera-shadow-root .break-all{
    word-break: break-all;
}
#vera-shadow-root .rounded-full{
    border-radius: 9999px;
}
#vera-shadow-root .rounded-lg{
    border-radius: var(--radius);
}
#vera-shadow-root .rounded-md{
    border-radius: calc(var(--radius) - 2px);
}
#vera-shadow-root .rounded-none{
    border-radius: 0px;
}
#vera-shadow-root .rounded-sm{
    border-radius: calc(var(--radius) - 4px);
}
#vera-shadow-root .rounded-l-md{
    border-top-left-radius: calc(var(--radius) - 2px);
    border-bottom-left-radius: calc(var(--radius) - 2px);
}
#vera-shadow-root .rounded-r-md{
    border-top-right-radius: calc(var(--radius) - 2px);
    border-bottom-right-radius: calc(var(--radius) - 2px);
}
#vera-shadow-root .border{
    border-width: 1px;
}
#vera-shadow-root .border-\[1px\]{
    border-width: 1px;
}
#vera-shadow-root .border-y{
    border-top-width: 1px;
    border-bottom-width: 1px;
}
#vera-shadow-root .border-b{
    border-bottom-width: 1px;
}
#vera-shadow-root .border-r{
    border-right-width: 1px;
}
#vera-shadow-root .border-t{
    border-top-width: 1px;
}
#vera-shadow-root .border-solid{
    border-style: solid;
}
#vera-shadow-root .border-none{
    border-style: none;
}
#vera-shadow-root .border-\[\#f0f0f0\]{
    --tw-border-opacity: 1;
    border-color: rgb(240 240 240 / var(--tw-border-opacity, 1));
}
#vera-shadow-root .border-gray-200{
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
}
#vera-shadow-root .border-gray-300{
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
#vera-shadow-root .border-gray-500{
    --tw-border-opacity: 1;
    border-color: rgb(107 114 128 / var(--tw-border-opacity, 1));
}
#vera-shadow-root .border-input{
    border-color: hsl(var(--input));
}
#vera-shadow-root .border-primary{
    border-color: hsl(var(--primary));
}
#vera-shadow-root .bg-accent{
    background-color: hsl(var(--accent));
}
#vera-shadow-root .bg-background{
    background-color: hsl(var(--background));
}
#vera-shadow-root .bg-destructive{
    background-color: hsl(var(--destructive));
}
#vera-shadow-root .bg-foreground{
    background-color: hsl(var(--foreground));
}
#vera-shadow-root .bg-gray-200{
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
#vera-shadow-root .bg-gray-50{
    --tw-bg-opacity: 1;
    background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
#vera-shadow-root .bg-muted{
    background-color: hsl(var(--muted));
}
#vera-shadow-root .bg-popover{
    background-color: hsl(var(--popover));
}
#vera-shadow-root .bg-primary{
    background-color: hsl(var(--primary));
}
#vera-shadow-root .bg-secondary{
    background-color: hsl(var(--secondary));
}
#vera-shadow-root .object-cover{
    object-fit: cover;
}
#vera-shadow-root .p-0{
    padding: 0px;
}
#vera-shadow-root .p-1\.5{
    padding: 6px;
}
#vera-shadow-root .p-3{
    padding: 12px;
}
#vera-shadow-root .p-4{
    padding: 16px;
}
#vera-shadow-root .px-0{
    padding-left: 0px;
    padding-right: 0px;
}
#vera-shadow-root .px-3{
    padding-left: 12px;
    padding-right: 12px;
}
#vera-shadow-root .px-4{
    padding-left: 16px;
    padding-right: 16px;
}
#vera-shadow-root .px-8{
    padding-left: 32px;
    padding-right: 32px;
}
#vera-shadow-root .px-\[--cell-size\]{
    padding-left: var(--cell-size);
    padding-right: var(--cell-size);
}
#vera-shadow-root .py-2{
    padding-top: 8px;
    padding-bottom: 8px;
}
#vera-shadow-root .py-3{
    padding-top: 12px;
    padding-bottom: 12px;
}
#vera-shadow-root .pb-4{
    padding-bottom: 16px;
}
#vera-shadow-root .pb-6{
    padding-bottom: 24px;
}
#vera-shadow-root .pb-8{
    padding-bottom: 32px;
}
#vera-shadow-root .pl-2{
    padding-left: 8px;
}
#vera-shadow-root .pl-7{
    padding-left: 28px;
}
#vera-shadow-root .pr-1{
    padding-right: 4px;
}
#vera-shadow-root .pt-1{
    padding-top: 4px;
}
#vera-shadow-root .pt-4{
    padding-top: 16px;
}
#vera-shadow-root .pt-\[20vh\]{
    padding-top: 20vh;
}
#vera-shadow-root .text-center{
    text-align: center;
}
#vera-shadow-root .text-2xl{
    font-size: 24px;
    line-height: 32px;
}
#vera-shadow-root .text-\[0\.8rem\]{
    font-size: 12.8px;
}
#vera-shadow-root .text-\[12px\]{
    font-size: 12px;
}
#vera-shadow-root .text-\[14px\]{
    font-size: 14px;
}
#vera-shadow-root .text-\[16px\]{
    font-size: 16px;
}
#vera-shadow-root .text-\[18px\]{
    font-size: 18px;
}
#vera-shadow-root .text-\[20px\]{
    font-size: 20px;
}
#vera-shadow-root .text-\[24px\]{
    font-size: 24px;
}
#vera-shadow-root .text-\[32px\]{
    font-size: 32px;
}
#vera-shadow-root .text-\[7px\]{
    font-size: 7px;
}
#vera-shadow-root .text-\[9px\]{
    font-size: 9px;
}
#vera-shadow-root .text-sm{
    font-size: 14px;
    line-height: 20px;
}
#vera-shadow-root .font-\[400\]{
    font-weight: 400;
}
#vera-shadow-root .font-medium{
    font-weight: 500;
}
#vera-shadow-root .font-normal{
    font-weight: 400;
}
#vera-shadow-root .uppercase{
    text-transform: uppercase;
}
#vera-shadow-root .capitalize{
    text-transform: capitalize;
}
#vera-shadow-root .leading-3{
    line-height: 12px;
}
#vera-shadow-root .leading-4{
    line-height: 16px;
}
#vera-shadow-root .leading-5{
    line-height: 20px;
}
#vera-shadow-root .leading-6{
    line-height: 24px;
}
#vera-shadow-root .leading-8{
    line-height: 32px;
}
#vera-shadow-root .leading-\[20px\]{
    line-height: 20px;
}
#vera-shadow-root .leading-\[32px\]{
    line-height: 32px;
}
#vera-shadow-root .leading-none{
    line-height: 1;
}
#vera-shadow-root .text-accent-foreground{
    color: hsl(var(--accent-foreground));
}
#vera-shadow-root .text-current{
    color: currentColor;
}
#vera-shadow-root .text-destructive{
    color: hsl(var(--destructive));
}
#vera-shadow-root .text-destructive-foreground{
    color: hsl(var(--destructive-foreground));
}
#vera-shadow-root .text-gray-500{
    --tw-text-opacity: 1;
    color: rgb(107 114 128 / var(--tw-text-opacity, 1));
}
#vera-shadow-root .text-gray-700{
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
#vera-shadow-root .text-muted-foreground{
    color: hsl(var(--muted-foreground));
}
#vera-shadow-root .text-primary{
    color: hsl(var(--primary));
}
#vera-shadow-root .text-primary-foreground{
    color: hsl(var(--primary-foreground));
}
#vera-shadow-root .text-secondary{
    color: hsl(var(--secondary));
}
#vera-shadow-root .text-secondary-foreground{
    color: hsl(var(--secondary-foreground));
}
#vera-shadow-root .underline{
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
}
#vera-shadow-root .underline-offset-4{
    text-underline-offset: 4px;
}
#vera-shadow-root .antialiased{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#vera-shadow-root .opacity-0{
    opacity: 0;
}
#vera-shadow-root .opacity-50{
    opacity: 0.5;
}
#vera-shadow-root .shadow{
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
#vera-shadow-root .outline{
    outline-style: solid;
}
#vera-shadow-root .ring-2{
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
#vera-shadow-root .ring-ring{
    --tw-ring-color: hsl(var(--ring));
}
#vera-shadow-root .ring-offset-background{
    --tw-ring-offset-color: hsl(var(--background));
}
#vera-shadow-root .blur{
    --tw-blur: blur(8px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
#vera-shadow-root .grayscale{
    --tw-grayscale: grayscale(100%);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
#vera-shadow-root .filter{
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}
#vera-shadow-root .transition{
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
#vera-shadow-root .transition-all{
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
#vera-shadow-root .transition-colors{
    transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
#vera-shadow-root .transition-transform{
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
#vera-shadow-root .duration-1000{
    transition-duration: 1000ms;
}
#vera-shadow-root .duration-200{
    transition-duration: 200ms;
}
#vera-shadow-root .ease-in-out{
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
#vera-shadow-root .\[--cell-size\:2\.75rem\]{
    --cell-size: 44px;
}
#vera-shadow-root .\[--cell-size\:2rem\]{
    --cell-size: 32px;
}
#vera-shadow-root .first\:border-l:first-child {
    border-style: solid;
  }
#vera-shadow-root .\*\:data-\[slot\=input-otp-slot\]\:border[data-slot="input-otp-slot"] > * {
    border-style: solid;
  }
#vera-shadow-root .file\:border-0::-webkit-file-upload-button{
    border-width: 0px;
}
#vera-shadow-root .file\:border-0::file-selector-button{
    border-width: 0px;
}
#vera-shadow-root .file\:bg-transparent::-webkit-file-upload-button{
    background-color: transparent;
}
#vera-shadow-root .file\:bg-transparent::file-selector-button{
    background-color: transparent;
}
#vera-shadow-root .file\:text-sm::-webkit-file-upload-button{
    font-size: 14px;
    line-height: 20px;
}
#vera-shadow-root .file\:text-sm::file-selector-button{
    font-size: 14px;
    line-height: 20px;
}
#vera-shadow-root .file\:font-medium::-webkit-file-upload-button{
    font-weight: 500;
}
#vera-shadow-root .file\:font-medium::file-selector-button{
    font-weight: 500;
}
#vera-shadow-root .file\:text-foreground::-webkit-file-upload-button{
    color: hsl(var(--foreground));
}
#vera-shadow-root .file\:text-foreground::file-selector-button{
    color: hsl(var(--foreground));
}
#vera-shadow-root .placeholder\:text-muted-foreground::placeholder{
    color: hsl(var(--muted-foreground));
}
#vera-shadow-root .first\:rounded-l-md:first-child{
    border-top-left-radius: calc(var(--radius) - 2px);
    border-bottom-left-radius: calc(var(--radius) - 2px);
}
#vera-shadow-root .first\:border-l:first-child{
    border-left-width: 1px;
}
#vera-shadow-root .last\:rounded-r-md:last-child{
    border-top-right-radius: calc(var(--radius) - 2px);
    border-bottom-right-radius: calc(var(--radius) - 2px);
}
#vera-shadow-root .hover\:border-gray-400:hover{
    --tw-border-opacity: 1;
    border-color: rgb(156 163 175 / var(--tw-border-opacity, 1));
}
#vera-shadow-root .hover\:bg-accent:hover{
    background-color: hsl(var(--accent));
}
#vera-shadow-root .hover\:bg-destructive\/90:hover{
    background-color: hsl(var(--destructive) / 0.9);
}
#vera-shadow-root .hover\:bg-primary\/90:hover{
    background-color: hsl(var(--primary) / 0.9);
}
#vera-shadow-root .hover\:bg-secondary\/80:hover{
    background-color: hsl(var(--secondary) / 0.8);
}
#vera-shadow-root .hover\:text-accent-foreground:hover{
    color: hsl(var(--accent-foreground));
}
#vera-shadow-root .hover\:text-gray-700:hover{
    --tw-text-opacity: 1;
    color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
#vera-shadow-root .hover\:underline:hover{
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
}
#vera-shadow-root .focus-visible\:outline-none:focus-visible{
    outline: 2px solid transparent;
    outline-offset: 2px;
}
#vera-shadow-root .focus-visible\:ring-2:focus-visible{
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
#vera-shadow-root .focus-visible\:ring-ring:focus-visible{
    --tw-ring-color: hsl(var(--ring));
}
#vera-shadow-root .focus-visible\:ring-offset-2:focus-visible{
    --tw-ring-offset-width: 2px;
}
#vera-shadow-root .disabled\:pointer-events-none:disabled{
    pointer-events: none;
}
#vera-shadow-root .disabled\:cursor-not-allowed:disabled{
    cursor: not-allowed;
}
#vera-shadow-root .disabled\:opacity-50:disabled{
    opacity: 0.5;
}
#vera-shadow-root .has-\[\:disabled\]\:opacity-50:has(:disabled){
    opacity: 0.5;
}
#vera-shadow-root .aria-disabled\:opacity-50[aria-disabled="true"]{
    opacity: 0.5;
}
#vera-shadow-root .aria-selected\:text-muted-foreground[aria-selected="true"]{
    color: hsl(var(--muted-foreground));
}
#vera-shadow-root .data-\[range-end\=true\]\:rounded-md[data-range-end="true"]{
    border-radius: calc(var(--radius) - 2px);
}
#vera-shadow-root .data-\[range-middle\=true\]\:rounded-none[data-range-middle="true"]{
    border-radius: 0px;
}
#vera-shadow-root .data-\[range-start\=true\]\:rounded-md[data-range-start="true"]{
    border-radius: calc(var(--radius) - 2px);
}
#vera-shadow-root .data-\[selected\=true\]\:rounded-none[data-selected="true"]{
    border-radius: 0px;
}
#vera-shadow-root .data-\[range-end\=true\]\:bg-primary[data-range-end="true"]{
    background-color: hsl(var(--primary));
}
#vera-shadow-root .data-\[range-middle\=true\]\:bg-accent[data-range-middle="true"]{
    background-color: hsl(var(--accent));
}
#vera-shadow-root .data-\[range-start\=true\]\:bg-primary[data-range-start="true"]{
    background-color: hsl(var(--primary));
}
#vera-shadow-root .data-\[selected-single\=true\]\:bg-primary[data-selected-single="true"]{
    background-color: hsl(var(--primary));
}
#vera-shadow-root .data-\[state\=checked\]\:bg-primary[data-state="checked"]{
    background-color: hsl(var(--primary));
}
#vera-shadow-root .data-\[range-end\=true\]\:text-primary-foreground[data-range-end="true"]{
    color: hsl(var(--primary-foreground));
}
#vera-shadow-root .data-\[range-middle\=true\]\:text-accent-foreground[data-range-middle="true"]{
    color: hsl(var(--accent-foreground));
}
#vera-shadow-root .data-\[range-start\=true\]\:text-primary-foreground[data-range-start="true"]{
    color: hsl(var(--primary-foreground));
}
#vera-shadow-root .data-\[selected-single\=true\]\:text-primary-foreground[data-selected-single="true"]{
    color: hsl(var(--primary-foreground));
}
#vera-shadow-root .data-\[state\=checked\]\:text-primary-foreground[data-state="checked"]{
    color: hsl(var(--primary-foreground));
}
#vera-shadow-root :is(.\*\:data-\[slot\=input-otp-slot\]\:rounded-md[data-slot="input-otp-slot"] > *){
    border-radius: calc(var(--radius) - 2px);
}
#vera-shadow-root :is(.\*\:data-\[slot\=input-otp-slot\]\:border[data-slot="input-otp-slot"] > *){
    border-width: 1px;
}
#vera-shadow-root :is(.group\/day[data-focused="true"] .group-data-\[focused\=true\]\/day\:relative){
    position: relative;
}
#vera-shadow-root :is(.group\/day[data-focused="true"] .group-data-\[focused\=true\]\/day\:z-10){
    z-index: 10;
}
#vera-shadow-root :is(.group\/day[data-focused="true"] .group-data-\[focused\=true\]\/day\:border-ring){
    border-color: hsl(var(--ring));
}
#vera-shadow-root :is(.group\/day[data-focused="true"] .group-data-\[focused\=true\]\/day\:ring-\[3px\]){
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
#vera-shadow-root :is(.group\/day[data-focused="true"] .group-data-\[focused\=true\]\/day\:ring-ring\/50){
    --tw-ring-color: hsl(var(--ring) / 0.5);
}
@media (min-width: 768px){
    #vera-shadow-root .md\:flex-row{
        flex-direction: row;
    }
    #vera-shadow-root .md\:\[--cell-size\:3rem\]{
        --cell-size: 48px;
    }
}
#vera-shadow-root :is(.\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected=true] button){
    border-top-left-radius: calc(var(--radius) - 2px);
    border-bottom-left-radius: calc(var(--radius) - 2px);
}
#vera-shadow-root :is(.\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected=true] button){
    border-top-right-radius: calc(var(--radius) - 2px);
    border-bottom-right-radius: calc(var(--radius) - 2px);
}
#vera-shadow-root :is(.\[\&\>span\]\:text-xs>span){
    font-size: 12px;
    line-height: 16px;
}
#vera-shadow-root :is(.\[\&\>span\]\:opacity-70>span){
    opacity: 0.7;
}
#vera-shadow-root :is(.\[\&\>svg\]\:size-3\.5>svg){
    width: 14px;
    height: 14px;
}
#vera-shadow-root :is(.\[\&\>svg\]\:text-muted-foreground>svg){
    color: hsl(var(--muted-foreground));
}
#vera-shadow-root :is(.\[\&_svg\]\:pointer-events-none svg){
    pointer-events: none;
}
#vera-shadow-root :is(.\[\&_svg\]\:size-4 svg){
    width: 16px;
    height: 16px;
}
#vera-shadow-root :is(.\[\&_svg\]\:shrink-0 svg){
    flex-shrink: 0;
}
#vera-shadow-root :is([data-slot=card-content] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent){
    background-color: transparent;
}
#vera-shadow-root :is([data-slot=popover-content] .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent){
    background-color: transparent;
}
.carousel .control-arrow,.carousel.carousel-slider .control-arrow{transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:''}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{transition:all .15s ease-in;transform:translate3d(0, 0, 0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:rgba(0,0,0,0.2)}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:0.25;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media (min-width: 960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px rgba(0,0,0,0.9);background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,0.9);color:#fff}.carousel:hover .slide .legend{opacity:1}