/* @tailwind base; */
.container{
    width: 100%
}
@media (min-width: 640px){
    .container{
        max-width: 640px
    }
}
@media (min-width: 768px){
    .container{
        max-width: 768px
    }
}
@media (min-width: 1024px){
    .container{
        max-width: 1024px
    }
}
@media (min-width: 1280px){
    .container{
        max-width: 1280px
    }
}
@media (min-width: 1536px){
    .container{
        max-width: 1536px
    }
}
.visible{
    visibility: visible !important
}
.static{
    position: static !important
}
.fixed{
    position: fixed !important
}
.absolute{
    position: absolute !important
}
.relative{
    position: relative !important
}
.top-0{
    top: 0px !important
}
.z-50{
    z-index: 50 !important
}
.float-right{
    float: right !important
}
.mb-0{
    margin-bottom: 0px !important
}
.mb-1{
    margin-bottom: 0.25rem !important
}
.mb-2{
    margin-bottom: 0.5rem !important
}
.mb-3{
    margin-bottom: 0.75rem !important
}
.mb-4{
    margin-bottom: 1rem !important
}
.mb-5{
    margin-bottom: 1.25rem !important
}
.ml-1{
    margin-left: 0.25rem !important
}
.ml-2{
    margin-left: 0.5rem !important
}
.ml-4{
    margin-left: 1rem !important
}
.mr-1{
    margin-right: 0.25rem !important
}
.mr-2{
    margin-right: 0.5rem !important
}
.mt-0{
    margin-top: 0px !important
}
.mt-3{
    margin-top: 0.75rem !important
}
.mt-5{
    margin-top: 1.25rem !important
}
.mt-8{
    margin-top: 2rem !important
}
.mt-\[7px\]{
    margin-top: 7px !important
}
.block{
    display: block !important
}
.inline{
    display: inline !important
}
.flex{
    display: flex !important
}
.table{
    display: table !important
}
.table-row{
    display: table-row !important
}
.contents{
    display: contents !important
}
.hidden{
    display: none !important
}
.h-\[30px\]{
    height: 30px !important
}
.h-\[34px\]{
    height: 34px !important
}
.h-\[44px\]{
    height: 44px !important
}
.h-full{
    height: 100% !important
}
.w-\[150px\]{
    width: 150px !important
}
.w-full{
    width: 100% !important
}
.flex-shrink{
    flex-shrink: 1 !important
}
.border-collapse{
    border-collapse: collapse !important
}
.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)) !important
}
.cursor-pointer{
    cursor: pointer !important
}
.resize{
    resize: both !important
}
.flex-wrap{
    flex-wrap: wrap !important
}
.items-center{
    align-items: center !important
}
.gap-2{
    gap: 0.5rem !important
}
.gap-4{
    gap: 1rem !important
}
.overflow-clip{
    overflow: clip !important
}
.rounded{
    border-radius: 0.25rem !important
}
.rounded-\[34px\]{
    border-radius: 34px !important
}
.rounded-md{
    border-radius: 0.375rem !important
}
.border{
    border-width: 1px !important
}
.border-brand-purple{
    --tw-border-opacity: 1 !important;
    border-color: rgb(51 51 153 / var(--tw-border-opacity, 1)) !important
}
.border-gray-300{
    --tw-border-opacity: 1 !important;
    border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)) !important
}
.bg-\[\#C6E0E3\]{
    --tw-bg-opacity: 1 !important;
    background-color: rgb(198 224 227 / var(--tw-bg-opacity, 1)) !important
}
.bg-\[\#ffffff\]{
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important
}
.bg-white{
    --tw-bg-opacity: 1 !important;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important
}
.px-2{
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important
}
.px-3{
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important
}
.px-4{
    padding-left: 1rem !important;
    padding-right: 1rem !important
}
.px-\[20px\]{
    padding-left: 20px !important;
    padding-right: 20px !important
}
.py-2{
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important
}
.pl-0{
    padding-left: 0px !important
}
.pl-3{
    padding-left: 0.75rem !important
}
.pl-4{
    padding-left: 1rem !important
}
.pt-1{
    padding-top: 0.25rem !important
}
.pt-2{
    padding-top: 0.5rem !important
}
.pt-\[5px\]{
    padding-top: 5px !important
}
.text-center{
    text-align: center !important
}
.text-\[16px\]{
    font-size: 16px !important
}
.text-base{
    font-size: 1rem !important;
    line-height: 1.5rem !important
}
.uppercase{
    text-transform: uppercase !important
}
.text-gray-700{
    --tw-text-opacity: 1 !important;
    color: rgb(55 65 81 / var(--tw-text-opacity, 1)) !important
}
.text-white{
    --tw-text-opacity: 1 !important;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1)) !important
}
.underline{
    text-decoration-line: underline !important
}
.shadow-lg{
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important;
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important
}
.outline{
    outline-style: solid !important
}
.blur{
    --tw-blur: blur(8px) !important;
    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) !important
}
.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) !important
}
.transition{
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 150ms !important
}
.transition-colors{
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 150ms !important
}
.duration-200{
    transition-duration: 200ms !important
}
@source "../app/node_modules/streamdown/dist/index.js";
.hover\:border:hover{
    border-width: 1px !important
}
.hover\:border-brand-purple:hover{
    --tw-border-opacity: 1 !important;
    border-color: rgb(51 51 153 / var(--tw-border-opacity, 1)) !important
}
.hover\:bg-gray-100:hover{
    --tw-bg-opacity: 1 !important;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)) !important
}
.disabled\:cursor-not-allowed:disabled{
    cursor: not-allowed !important
}
.disabled\:border-opacity-30:disabled{
    --tw-border-opacity: 0.3 !important
}