@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap'); 
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap'); 
  body {  
    line-height:inherit;
    font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
    color:hsl(var(--foreground));
  }  
body { 
/* CSS Variables that may have been missed get put on body */ 
    --tw-text-opacity:  1;  
    --tw-gradient-from:  rgb(0 0 0 / .5) var(--tw-gradient-from-position);  
    --tw-gradient-to:  rgb(0 0 0 / 0) var(--tw-gradient-to-position);  
    --tw-gradient-stops:  var(--tw-gradient-from), var(--tw-gradient-to); 
    --tw-gradient-to:  transparent var(--tw-gradient-to-position); 
    --tw-text-opacity:  1;  
} 

* { 
    box-sizing: border-box; 
    border-width: 0; 
    border-style: solid; 
    border-color: #e5e7eb;
} 

* { 
    border-color: hsl(var(--border));
} 

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

body { 
    background-color: hsl(var(--background)); 
    font-family: Poppins,sans-serif; 
    color: hsl(var(--foreground));
} 

html { 
    line-height: 1.5; 
    -webkit-text-size-adjust: 100%; 
    -moz-tab-size: 4; 
    -o-tab-size: 4; 
    tab-size: 4; 
    font-family: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"; 
    font-feature-settings: normal; 
    font-variation-settings: normal; 
    -webkit-tap-highlight-color: transparent;
} 

:root { 
    --background: 0 0% 100%; 
    --foreground: 222.2 84% 4.9%; 
    --primary: 250 47% 60%; 
    --muted-foreground: 215.4 16.3% 46.9%; 
    --border: 214.3 31.8% 91.4%; 
} 

.container { 
    width: 100%; 
    margin-right: auto; 
    margin-left: auto; 
    padding-right: 2rem; 
    padding-left: 2rem;
} 

@media (min-width: 1400px){ 
  .container { 
    max-width: 1400px;
  } 
}     

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

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

*,:before,:after { 
    box-sizing: border-box; 
    border-width: 0; 
    border-style: solid; 
    border-color: #e5e7eb;
} 

h2 { 
    font-size: inherit; 
    font-weight: inherit;
} 

h2 { 
    margin: 0;
} 

h2 { 
    font-family: Montserrat,sans-serif; 
    font-weight: 700;
} 

.section-title { 
    margin-bottom: 1rem; 
    text-align: center; 
    font-size: 1.875rem; 
    line-height: 2.25rem; 
    font-weight: 700;
} 

@media (min-width: 768px){ 
  .section-title { 
    font-size: 2.25rem; 
    line-height: 2.5rem;
  } 
}     

p { 
    margin: 0;
} 

.section-subtitle { 
    margin-left: auto; 
    margin-right: auto; 
    margin-bottom: 3rem; 
    max-width: 48rem; 
    text-align: center; 
    font-size: 1.125rem; 
    line-height: 1.75rem; 
    color: hsl(var(--muted-foreground));
} 

.mt-16 { 
    margin-top: 4rem;
} 

.grid { 
    display: grid;
} 

.grid-cols-1 { 
    grid-template-columns: repeat(1,minmax(0,1fr));
} 

.gap-8 { 
    gap: 2rem;
} 

@media (min-width: 768px){ 
  .md\:grid-cols-2 { 
    grid-template-columns: repeat(2,minmax(0,1fr));
  } 
}     

.flex { 
    display: flex;
} 

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

.justify-center { 
    justify-content: center;
} 

.relative { 
    position: relative;
} 

.h-\[400px\] { 
    height: 400px;
} 

.overflow-hidden { 
    overflow: hidden;
} 

.rounded-xl { 
    border-radius: .75rem;
} 

@media (min-width: 768px){ 
  .md\:h-auto { 
    height: auto;
  } 
}     

h3 { 
    font-size: inherit; 
    font-weight: inherit;
} 

h3 { 
    margin: 0;
} 

h3 { 
    font-family: Montserrat,sans-serif; 
    font-weight: 700;
} 

.mb-6 { 
    margin-bottom: 1.5rem;
} 

.text-2xl { 
    font-size: 1.5rem; 
    line-height: 2rem;
} 

.font-bold { 
    font-weight: 700;
} 

@media (min-width: 768px){ 
  .md\:text-3xl { 
    font-size: 1.875rem; 
    line-height: 2.25rem;
  } 
}     

.text-gray-600 { 
    --tw-text-opacity: 1; 
    color: rgb(75 85 99 / var(--tw-text-opacity));
} 

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

.grid-cols-2 { 
    grid-template-columns: repeat(2,minmax(0,1fr));
} 

.gap-6 { 
    gap: 1.5rem;
} 

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

img { 
    max-width: 100%; 
    height: auto;
} 

.h-full { 
    height: 100%;
} 

.w-full { 
    width: 100%;
} 

.object-cover { 
    -o-object-fit: cover; 
    object-fit: cover;
} 

.absolute { 
    position: absolute;
} 

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

.items-end { 
    align-items: flex-end;
} 

.bg-gradient-to-t { 
    background-image: linear-gradient(to top,var(--tw-gradient-stops));
} 

.from-black\/50 { 
    --tw-gradient-from: rgb(0 0 0 / .5) var(--tw-gradient-from-position); 
    --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); 
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} 

.to-transparent { 
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
} 

.items-center { 
    align-items: center;
} 

.p-6 { 
    padding: 1.5rem;
} 

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

.mr-4 { 
    margin-right: 1rem;
} 

.h-10 { 
    height: 2.5rem;
} 

.w-10 { 
    width: 2.5rem;
} 

.text-primary { 
    color: hsl(var(--primary));
} 

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

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

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

.text-white\/80 { 
    color: #fffc;
} 

.text-xl { 
    font-size: 1.25rem; 
    line-height: 1.75rem;
} 






@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap'); 
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap'); 
  body {  
    line-height:inherit;
    font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
    color:hsl(var(--foreground));
  }  
body { 
/* CSS Variables that may have been missed get put on body */ 
    --tw-text-opacity:  1;  
    --tw-gradient-from:  rgb(0 0 0 / .5) var(--tw-gradient-from-position);  
    --tw-gradient-to:  rgb(0 0 0 / 0) var(--tw-gradient-to-position);  
    --tw-gradient-stops:  var(--tw-gradient-from), var(--tw-gradient-to); 
    --tw-gradient-to:  transparent var(--tw-gradient-to-position); 
    --tw-text-opacity:  1;  
} 

* { 
    box-sizing: border-box; 
    border-width: 0; 
    border-style: solid; 
    border-color: #e5e7eb;
} 

* { 
    border-color: hsl(var(--border));
} 

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

body { 
    background-color: hsl(var(--background)); 
    font-family: Poppins,sans-serif; 
    color: hsl(var(--foreground));
} 

html { 
    line-height: 1.5; 
    -webkit-text-size-adjust: 100%; 
    -moz-tab-size: 4; 
    -o-tab-size: 4; 
    tab-size: 4; 
    font-family: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"; 
    font-feature-settings: normal; 
    font-variation-settings: normal; 
    -webkit-tap-highlight-color: transparent;
} 

:root { 
    --background: 0 0% 100%; 
    --foreground: 222.2 84% 4.9%; 
    --primary: 250 47% 60%; 
    --muted-foreground: 215.4 16.3% 46.9%; 
    --border: 214.3 31.8% 91.4%; 
} 

.container { 
    width: 100%; 
    margin-right: auto; 
    margin-left: auto; 
    padding-right: 2rem; 
    padding-left: 2rem;
} 

@media (min-width: 1400px){ 
  .container { 
    max-width: 1400px;
  } 
}     

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

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

*,:before,:after { 
    box-sizing: border-box; 
    border-width: 0; 
    border-style: solid; 
    border-color: #e5e7eb;
} 

h2 { 
    font-size: inherit; 
    font-weight: inherit;
} 

h2 { 
    margin: 0;
} 

h2 { 
    font-family: Montserrat,sans-serif; 
    font-weight: 700;
} 

.section-title { 
    margin-bottom: 1rem; 
    text-align: center; 
    font-size: 1.875rem; 
    line-height: 2.25rem; 
    font-weight: 700;
} 

@media (min-width: 768px){ 
  .section-title { 
    font-size: 2.25rem; 
    line-height: 2.5rem;
  } 
}     

p { 
    margin: 0;
} 

.section-subtitle { 
    margin-left: auto; 
    margin-right: auto; 
    margin-bottom: 3rem; 
    max-width: 48rem; 
    text-align: center; 
    font-size: 1.125rem; 
    line-height: 1.75rem; 
    color: hsl(var(--muted-foreground));
} 

.mt-16 { 
    margin-top: 4rem;
} 

.grid { 
    display: grid;
} 

.grid-cols-1 { 
    grid-template-columns: repeat(1,minmax(0,1fr));
} 

.gap-8 { 
    gap: 2rem;
} 

@media (min-width: 768px){ 
  .md\:grid-cols-2 { 
    grid-template-columns: repeat(2,minmax(0,1fr));
  } 
}     

.flex { 
    display: flex;
} 

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

.justify-center { 
    justify-content: center;
} 

.relative { 
    position: relative;
} 

.h-\[400px\] { 
    height: 400px;
} 

.overflow-hidden { 
    overflow: hidden;
} 

.rounded-xl { 
    border-radius: .75rem;
} 

@media (min-width: 768px){ 
  .md\:h-auto { 
    height: auto;
  } 
}     

h3 { 
    font-size: inherit; 
    font-weight: inherit;
} 

h3 { 
    margin: 0;
} 

h3 { 
    font-family: Montserrat,sans-serif; 
    font-weight: 700;
} 

.mb-6 { 
    margin-bottom: 1.5rem;
} 

.text-2xl { 
    font-size: 1.5rem; 
    line-height: 2rem;
} 

.font-bold { 
    font-weight: 700;
} 

@media (min-width: 768px){ 
  .md\:text-3xl { 
    font-size: 1.875rem; 
    line-height: 2.25rem;
  } 
}     

.text-gray-600 { 
    --tw-text-opacity: 1; 
    color: rgb(75 85 99 / var(--tw-text-opacity));
} 

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

.grid-cols-2 { 
    grid-template-columns: repeat(2,minmax(0,1fr));
} 

.gap-6 { 
    gap: 1.5rem;
} 

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

img { 
    max-width: 100%; 
    height: auto;
} 

.h-full { 
    height: 100%;
} 

.w-full { 
    width: 100%;
} 

.object-cover { 
    -o-object-fit: cover; 
    object-fit: cover;
} 

.absolute { 
    position: absolute;
} 

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

.items-end { 
    align-items: flex-end;
} 

.bg-gradient-to-t { 
    background-image: linear-gradient(to top,var(--tw-gradient-stops));
} 

.from-black\/50 { 
    --tw-gradient-from: rgb(0 0 0 / .5) var(--tw-gradient-from-position); 
    --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); 
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} 

.to-transparent { 
    --tw-gradient-to: transparent var(--tw-gradient-to-position);
} 

.items-center { 
    align-items: center;
} 

.p-6 { 
    padding: 1.5rem;
} 

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

.mr-4 { 
    margin-right: 1rem;
} 

.h-10 { 
    height: 2.5rem;
} 

.w-10 { 
    width: 2.5rem;
} 

.text-primary { 
    color: hsl(var(--primary));
} 

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

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

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

.text-white\/80 { 
    color: #fffc;
} 

.text-xl { 
    font-size: 1.25rem; 
    line-height: 1.75rem;
} 


/*exhibition*/
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900,100i,200i,300i,400i,500i,600i,700i,800i,900i&display=swap'); 
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap'); 
  body {  
    line-height:inherit;
    font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";
    color:hsl(var(--foreground));
  }  
body { 
/* CSS Variables that may have been missed get put on body */ 
    --tw-ring-offset-shadow:  0 0 #0000;  
    --tw-ring-shadow:  0 0 #0000;  
    --tw-shadow:  0 0 #0000;  
    --tw-ring-offset-shadow:  0 0 #0000;  
    --tw-ring-shadow:  0 0 #0000;  
    --tw-shadow:  0 0 #0000;  
    --tw-ring-offset-shadow:  0 0 #0000;  
    --tw-ring-shadow:  0 0 #0000;  
    --tw-shadow:  0 0 #0000;  
    --tw-gradient-from:  hsl(var(--primary) / .8) var(--tw-gradient-from-position);  
    --tw-gradient-to:  hsl(var(--primary) / 0) var(--tw-gradient-to-position);  
    --tw-gradient-stops:  var(--tw-gradient-from), var(--tw-gradient-to); 
    --tw-gradient-to:  hsl(var(--secondary) / .8) var(--tw-gradient-to-position); 
    --tw-bg-opacity:  1;  
    --tw-text-opacity:  1;  
    --tw-text-opacity:  1;  
    --tw-space-y-reverse:  0;  
    --tw-ring-offset-color:  hsl(var(--background)); 
    --tw-bg-opacity:  1;  
    --tw-shadow:  0 1px 2px 0 rgb(0 0 0 / .05);  
    --tw-shadow-colored:  0 1px 2px 0 var(--tw-shadow-color);  
} 

* { 
    box-sizing: border-box; 
    border-width: 0; 
    border-style: solid; 
    border-color: #e5e7eb;
} 

* { 
    border-color: hsl(var(--border));
} 

* { 
    --tw-ring-offset-shadow: 0 0 #0000; 
    --tw-ring-shadow: 0 0 #0000; 
    --tw-shadow: 0 0 #0000; 
} 

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

body { 
    background-color: hsl(var(--background)); 
    font-family: Poppins,sans-serif; 
    color: hsl(var(--foreground));
} 

html { 
    line-height: 1.5; 
    -webkit-text-size-adjust: 100%; 
    -moz-tab-size: 4; 
    -o-tab-size: 4; 
    tab-size: 4; 
    font-family: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"; 
    font-feature-settings: normal; 
    font-variation-settings: normal; 
    -webkit-tap-highlight-color: transparent;
} 

:root { 
    --background: 0 0% 100%; 
    --foreground: 222.2 84% 4.9%; 
    --primary: 250 47% 60%; 
    --primary-foreground: 0 0% 98%; 
    --secondary: 25 95% 53%; 
    --muted-foreground: 215.4 16.3% 46.9%; 
    --accent: 210 40% 96.1%; 
    --accent-foreground: 222.2 47.4% 11.2%; 
    --border: 214.3 31.8% 91.4%; 
    --input: 214.3 31.8% 91.4%; 
    --radius: .5rem; 
} 

.container { 
    width: 100%; 
    margin-right: auto; 
    margin-left: auto; 
    padding-right: 2rem; 
    padding-left: 2rem;
} 

@media (min-width: 1400px){ 
  .container { 
    max-width: 1400px;
  } 
}     

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

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

*,:before,:after { 
    box-sizing: border-box; 
    border-width: 0; 
    border-style: solid; 
    border-color: #e5e7eb;
} 

*,:before,:after { 
    --tw-ring-offset-shadow: 0 0 #0000; 
    --tw-ring-shadow: 0 0 #0000; 
    --tw-shadow: 0 0 #0000; 
} 

:backdrop { 
    --tw-ring-offset-shadow: 0 0 #0000; 
    --tw-ring-shadow: 0 0 #0000; 
    --tw-shadow: 0 0 #0000; 
} 

h2 { 
    font-size: inherit; 
    font-weight: inherit;
} 

h2 { 
    margin: 0;
} 

h2 { 
    font-family: Montserrat,sans-serif; 
    font-weight: 700;
} 

.section-title { 
    margin-bottom: 1rem; 
    text-align: center; 
    font-size: 1.875rem; 
    line-height: 2.25rem; 
    font-weight: 700;
} 

@media (min-width: 768px){ 
  .section-title { 
    font-size: 2.25rem; 
    line-height: 2.5rem;
  } 
}     

p { 
    margin: 0;
} 

.section-subtitle { 
    margin-left: auto; 
    margin-right: auto; 
    margin-bottom: 3rem; 
    max-width: 48rem; 
    text-align: center; 
    font-size: 1.125rem; 
    line-height: 1.75rem; 
    color: hsl(var(--muted-foreground));
} 

.mt-16 { 
    margin-top: 4rem;
} 

.grid { 
    display: grid;
} 

.grid-cols-1 { 
    grid-template-columns: repeat(1,minmax(0,1fr));
} 

.gap-12 { 
    gap: 3rem;
} 

@media (min-width: 1024px){ 
  .lg\:grid-cols-2 { 
    grid-template-columns: repeat(2,minmax(0,1fr));
  } 
}     

.mt-20 { 
    margin-top: 5rem;
} 

.grid-cols-2 { 
    grid-template-columns: repeat(2,minmax(0,1fr));
} 

.gap-8 { 
    gap: 2rem;
} 

@media (min-width: 768px){ 
  .md\:grid-cols-4 { 
    grid-template-columns: repeat(4,minmax(0,1fr));
  } 
}     

.relative { 
    position: relative;
} 

.h-\[400px\] { 
    height: 400px;
} 

.overflow-hidden { 
    overflow: hidden;
} 

.rounded-xl { 
    border-radius: .75rem;
} 

@media (min-width: 1024px){ 
  .lg\:h-auto { 
    height: auto;
  } 
}     

.flex { 
    display: flex;
} 

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

.justify-center { 
    justify-content: center;
} 

.items-center { 
    align-items: center;
} 

.text-center { 
    text-align: center;
} 

.absolute { 
    position: absolute;
} 

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

.bg-gradient-to-br { 
    background-image: linear-gradient(to bottom right,var(--tw-gradient-stops));
} 

.from-primary\/80 { 
    --tw-gradient-from: hsl(var(--primary) / .8) var(--tw-gradient-from-position); 
    --tw-gradient-to: hsl(var(--primary) / 0) var(--tw-gradient-to-position); 
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
} 

.to-secondary\/80 { 
    --tw-gradient-to: hsl(var(--secondary) / .8) var(--tw-gradient-to-position);
} 

.mix-blend-multiply { 
    mix-blend-mode: multiply;
} 

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

img { 
    max-width: 100%; 
    height: auto;
} 

.h-full { 
    height: 100%;
} 

.w-full { 
    width: 100%;
} 

.object-cover { 
    -o-object-fit: cover; 
    object-fit: cover;
} 

.bottom-0 { 
    bottom: 0;
} 

.left-0 { 
    left: 0;
} 

.p-6 { 
    padding: 1.5rem;
} 

@media (min-width: 768px){ 
  .md\:p-10 { 
    padding: 2.5rem;
  } 
}     

h3 { 
    font-size: inherit; 
    font-weight: inherit;
} 

h3 { 
    margin: 0;
} 

h3 { 
    font-family: Montserrat,sans-serif; 
    font-weight: 700;
} 

.mb-8 { 
    margin-bottom: 2rem;
} 

.text-2xl { 
    font-size: 1.5rem; 
    line-height: 2rem;
} 

.font-bold { 
    font-weight: 700;
} 

ul { 
    list-style: none; 
    margin: 0; 
    padding: 0;
} 

.rounded-lg { 
    border-radius: var(--radius);
} 

.bg-gray-100 { 
    --tw-bg-opacity: 1; 
    background-color: rgb(243 244 246 / var(--tw-bg-opacity));
} 

.gap-4 { 
    gap: 1rem;
} 

@media (min-width: 640px){ 
  .sm\:flex-row { 
    flex-direction: row;
  } 
}     

.mb-2 { 
    margin-bottom: .5rem;
} 

.text-4xl { 
    font-size: 2.25rem; 
    line-height: 2.5rem;
} 

.text-primary { 
    color: hsl(var(--primary));
} 

.text-gray-600 { 
    --tw-text-opacity: 1; 
    color: rgb(75 85 99 / var(--tw-text-opacity));
} 

.text-3xl { 
    font-size: 1.875rem; 
    line-height: 2.25rem;
} 

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

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

.text-white\/90 { 
    color: #ffffffe6;
} 

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

h4 { 
    font-size: inherit; 
    font-weight: inherit;
} 

h4 { 
    margin: 0;
} 

h4 { 
    font-family: Montserrat,sans-serif; 
    font-weight: 700;
} 

.mb-4 { 
    margin-bottom: 1rem;
} 

@media (min-width: 640px){ 
  .sm\:grid-cols-3 { 
    grid-template-columns: repeat(3,minmax(0,1fr));
  } 
}     

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

button { 
    font-family: inherit; 
    font-feature-settings: inherit; 
    font-variation-settings: inherit; 
    font-size: 100%; 
    font-weight: inherit; 
    line-height: inherit; 
    letter-spacing: inherit; 
    color: inherit; 
    margin: 0; 
    padding: 0;
} 

button { 
    text-transform: none;
} 

button { 
    -webkit-appearance: button; 
    background-color: transparent; 
    background-image: none;
} 

button { 
    cursor: pointer;
} 

.inline-flex { 
    display: inline-flex;
} 

.h-11 { 
    height: 2.75rem;
} 

.gap-2 { 
    gap: .5rem;
} 

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

.rounded-md { 
    border-radius: calc(var(--radius) - 2px);
} 

.bg-secondary { 
    background-color: hsl(var(--secondary));
} 

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

.font-medium { 
    font-weight: 500;
} 

.text-primary-foreground { 
    color: hsl(var(--primary-foreground));
} 

.ring-offset-background { 
    --tw-ring-offset-color: hsl(var(--background));
} 

.transition-colors { 
    transition-property: color,background-color,border-color,text-decoration-color,fill,stroke; 
    transition-timing-function: cubic-bezier(.4,0,.2,1); 
    transition-duration: .15s;
} 

.hover\:bg-secondary\/90:hover { 
    background-color: hsl(var(--secondary) / .9);
} 

.border { 
    border-width: 1px;
} 

.border-input { 
    border-color: hsl(var(--input));
} 

.bg-background { 
    background-color: hsl(var(--background));
} 

.hover\:bg-accent:hover { 
    background-color: hsl(var(--accent));
} 

.hover\:text-accent-foreground:hover { 
    color: hsl(var(--accent-foreground));
} 

.mr-4 { 
    margin-right: 1rem;
} 

.h-6 { 
    height: 1.5rem;
} 

.w-6 { 
    width: 1.5rem;
} 

.flex-shrink-0 { 
    flex-shrink: 0;
} 

.rounded-full { 
    border-radius: 9999px;
} 

.bg-secondary\/20 { 
    background-color: hsl(var(--secondary) / .2);
} 

.rounded { 
    border-radius: .25rem;
} 

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

.p-4 { 
    padding: 1rem;
} 

.shadow-sm { 
    --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05); 
    --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); 
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);
} 

.border-2 { 
    border-width: 2px;
} 

.border-secondary { 
    border-color: hsl(var(--secondary));
} 

.text-secondary { 
    color: hsl(var(--secondary));
}