@tailwind preflight;

.float-right{

    float: right
}

.float-left{

    float: left
}

.m-0{

    margin: 0px
}

.mx-2{

    margin-left: 0.5rem;

    margin-right: 0.5rem
}

.mx-\[2\%\]{

    margin-left: 2%;

    margin-right: 2%
}

.mt-10{

    margin-top: 2.5rem
}

.mb-6{

    margin-bottom: 1.5rem
}

.mb-4{

    margin-bottom: 1rem
}

.mt-2{

    margin-top: 0.5rem
}

.mr-2{

    margin-right: 0.5rem
}

.mt-0{

    margin-top: 0px
}

.mb-2{

    margin-bottom: 0.5rem
}

.ml-\[2\%\]{

    margin-left: 2%
}

.mt-4{

    margin-top: 1rem
}

.ml-4{

    margin-left: 1rem
}

.ml-2{

    margin-left: 0.5rem
}

.mb-8{

    margin-bottom: 2rem
}

.mr-\[2\%\]{

    margin-right: 2%
}

.mb-1{

    margin-bottom: 0.25rem
}

.mb-3{

    margin-bottom: 0.75rem
}

.ml-1{

    margin-left: 0.25rem
}

.box-border{

    box-sizing: border-box
}

.flex{

    display: flex
}

.h-8{

    height: 2rem
}

.h-7{

    height: 1.75rem
}

.h-full{

    height: 100%
}

.h-6{

    height: 1.5rem
}

.h-10{

    height: 2.5rem
}

.h-5{

    height: 1.25rem
}

.w-screen{

    width: 100vw
}

.w-5\/6{

    width: 83.333333%
}

.w-full{

    width: 100%
}

.w-9{

    width: 2.25rem
}

.w-14{

    width: 3.5rem
}

.w-\[102px\]{

    width: 102px
}

.w-8{

    width: 2rem
}

.w-1\/3{

    width: 33.333333%
}

.w-\[96\%\]{

    width: 96%
}

.w-\[10\%\]{

    width: 10%
}

.w-\[60\%\]{

    width: 60%
}

.w-\[15\%\]{

    width: 15%
}

.w-\[70\%\]{

    width: 70%
}

.w-6{

    width: 1.5rem
}

.w-10{

    width: 2.5rem
}

.w-64{

    width: 16rem
}

.w-\[82px\]{

    width: 82px
}

.w-16{

    width: 4rem
}

.w-72{

    width: 18rem
}

.w-12{

    width: 3rem
}

.min-w-\[580px\]{

    min-width: 580px
}

.flex-wrap{

    flex-wrap: wrap
}

.items-center{

    align-items: center
}

.justify-end{

    justify-content: flex-end
}

.justify-center{

    justify-content: center
}

.overflow-hidden{

    overflow: hidden
}

.rounded-none{

    border-radius: 0px
}

.border{

    border-width: 1px
}

.border-2{

    border-width: 2px
}

.border-x{

    border-left-width: 1px;

    border-right-width: 1px
}

.border-y-0{

    border-top-width: 0px;

    border-bottom-width: 0px
}

.border-r{

    border-right-width: 1px
}

.border-l-0{

    border-left-width: 0px
}

.border-l{

    border-left-width: 1px
}

.border-r-0{

    border-right-width: 0px
}

.border-t-0{

    border-top-width: 0px
}

.border-b{

    border-bottom-width: 1px
}

.border-solid{

    border-style: solid
}

.border-dashed{

    border-style: dashed
}

.border-none{

    border-style: none
}

.border-gray-600{

    --tw-border-opacity: 1;

    border-color: rgb(75 85 99 / var(--tw-border-opacity))
}

.border-transparent{

    border-color: transparent
}

.border-gray-400{

    --tw-border-opacity: 1;

    border-color: rgb(156 163 175 / var(--tw-border-opacity))
}

.bg-gray-600{

    --tw-bg-opacity: 1;

    background-color: rgb(75 85 99 / var(--tw-bg-opacity))
}

.bg-gray-200{

    --tw-bg-opacity: 1;

    background-color: rgb(229 231 235 / var(--tw-bg-opacity))
}

.bg-gray-500{

    --tw-bg-opacity: 1;

    background-color: rgb(107 114 128 / var(--tw-bg-opacity))
}

.bg-gray-100{

    --tw-bg-opacity: 1;

    background-color: rgb(243 244 246 / var(--tw-bg-opacity))
}

.bg-gray-300{

    --tw-bg-opacity: 1;

    background-color: rgb(209 213 219 / var(--tw-bg-opacity))
}

.bg-white{

    --tw-bg-opacity: 1;

    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

.px-2{

    padding-left: 0.5rem;

    padding-right: 0.5rem
}

.pl-7{

    padding-left: 1.75rem
}

.pl-1{

    padding-left: 0.25rem
}

.font-sans{

    font-family: 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"
}

.font-mono{

    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

.text-lg{

    font-size: 1.125rem;

    line-height: 1.75rem
}

.text-xl{

    font-size: 1.25rem;

    line-height: 1.75rem
}

.font-semibold{

    font-weight: 600
}

.font-medium{

    font-weight: 500
}

.font-bold{

    font-weight: 700
}

.leading-4{

    line-height: 1rem
}

.leading-normal{

    line-height: 1.5
}

.leading-6{

    line-height: 1.5rem
}

.leading-8{

    line-height: 2rem
}

.tracking-wide{

    letter-spacing: 0.025em
}

.text-gray-800{

    --tw-text-opacity: 1;

    color: rgb(31 41 55 / var(--tw-text-opacity))
}

.text-white{

    --tw-text-opacity: 1;

    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.text-green-700{

    --tw-text-opacity: 1;

    color: rgb(21 128 61 / var(--tw-text-opacity))
}

.text-red-700{

    --tw-text-opacity: 1;

    color: rgb(185 28 28 / var(--tw-text-opacity))
}

.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)
}

.ease-in-out{

    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

@media (min-width: 1024px){

    .lg\:w-2\/3{

        width: 66.666667%
    }
}

@media (min-width: 1280px){

    .xl\:w-1\/2{

        width: 50%
    }
}
