*,
*::after,
*::before {
/*  margin: 0;*/
/*  padding: 0;*/
  box-sizing: border-box;
}


:root {
    --destructive: oklch(57.7% .245 27.325); /* example red */

    --muted: oklch(96.7% .001 286.375);
    --muted-foreground: oklch(55.6% 0 0);

    --radius: .625rem;
}
 
html,
body {
    width: 100%;
    font-family: 'Geist', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    line-height: 1.5;
}

.flex {
    display:flex;
}

.flex-col{
    flex-direction:column;
}

h-full{
    height:100%;
}


.rounded-sm {
    border-radius: calc(var(--radius) - 4px);
}

.space-y-1 > * + * {
  margin-top: 0.25rem; /* 4px */
}

.grid {
  display: grid;
}

.gap-2 {
  gap: 0.5rem; /* 8px */
}


input::-ms-reveal,
input::-ms-clear {
    display: none;
}


.form-label {
    padding-bottom: .5rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 500;
    line-height: 1;
    font-size: .875rem;
}

.form-error-span {
    display:block;
    color: #e7000b;
    width: 100%;
    font-weight: 400;
    font-size: .875rem;
}

.form-error-span[aria-hidden=true]{
    display:none;
}