/* @tailwind base; */
/* img {
  display: inline;
} */
/* @tailwind components; */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}
.static {
    position: static
}
.absolute {
    position: absolute
}
.relative {
    position: relative
}
.left-0 {
    left: 0px
}
.top-0 {
    top: 0px
}
.top-\[40\%\] {
    top: 40%
}
.right-1\/2 {
    right: 50%
}
.top-auto {
    top: auto
}
.-bottom-10 {
    bottom: -2.5rem
}
.z-10 {
    z-index: 10
}
.mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem
}
.my-8 {
    margin-top: 2rem;
    margin-bottom: 2rem
}
.my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem
}
.my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem
}
.mx-auto {
    margin-left: auto;
    margin-right: auto
}
.my-2 {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem
}
.my-20 {
    margin-top: 5rem;
    margin-bottom: 5rem
}
.mb-8 {
    margin-bottom: 2rem
}
.mt-8 {
    margin-top: 2rem
}
.mb-4 {
    margin-bottom: 1rem
}
.mt-2 {
    margin-top: 0.5rem
}
.mt-12 {
    margin-top: 3rem
}
.mr-4 {
    margin-right: 1rem
}
.mb-2 {
    margin-bottom: 0.5rem
}
.-ml-2 {
    margin-left: -0.5rem
}
.mr-2 {
    margin-right: 0.5rem
}
.mt-4 {
    margin-top: 1rem
}
.block {
    display: block
}
.inline-block {
    display: inline-block
}
.flex {
    display: flex
}
.table {
    display: table
}
.grid {
    display: grid
}
.hidden {
    display: none
}
.aspect-video {
    aspect-ratio: 16 / 9
}
.aspect-square {
    aspect-ratio: 1 / 1
}
.aspect-\[4\/3\] {
    aspect-ratio: 4/3
}
.h-full {
    height: 100%
}
.h-4 {
    height: 1rem
}
.w-full {
    width: 100%
}
.w-4 {
    width: 1rem
}
.max-w-\[740px\] {
    max-width: 740px
}
.max-w-2xl {
    max-width: 42rem
}
.cursor-pointer {
    cursor: pointer
}
.list-disc {
    list-style-type: disc
}
.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}
.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}
.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
}
.gap-4 {
    gap: 1rem
}
.gap-8 {
    gap: 2rem
}
.gap-5 {
    gap: 1.25rem
}
.gap-2 {
    gap: 0.5rem
}
.border {
    border-width: 1px
}
.border-b {
    border-bottom-width: 1px
}
.border-solid {
    border-style: solid
}
.border-gray-100 {
    --tw-border-opacity: 1;
    border-color: rgb(243 244 246 / var(--tw-border-opacity))
}
.border-gray-300 {
    --tw-border-opacity: 1;
    border-color: rgb(209 213 219 / var(--tw-border-opacity))
}
.bg-ys-red {
    --tw-bg-opacity: 1;
    background-color: rgb(223 0 0 / var(--tw-bg-opacity))
}
.bg-gray-400 {
    --tw-bg-opacity: 1;
    background-color: rgb(156 163 175 / var(--tw-bg-opacity))
}
.bg-black {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity))
}
.object-cover {
    -o-object-fit: cover;
       object-fit: cover
}
.\!p-6 {
    padding: 1.5rem !important
}
.p-2 {
    padding: 0.5rem
}
.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem
}
.px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem
}
.py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem
}
.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}
.py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem
}
.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}
.pt-8 {
    padding-top: 2rem
}
.pt-\[calc\(308\/740\*100\%\)\] {
    padding-top: calc(308 / 740 * 100%)
}
.pr-2 {
    padding-right: 0.5rem
}
.pl-6 {
    padding-left: 1.5rem
}
.pt-4 {
    padding-top: 1rem
}
.pb-4 {
    padding-bottom: 1rem
}
.text-center {
    text-align: center
}
.text-right {
    text-align: right
}
.text-xs {
    font-size: 0.75rem;
    line-height: 1rem
}
.text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem
}
.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}
.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}
.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}
.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}
.font-bold {
    font-weight: 700
}
.font-medium {
    font-weight: 500
}
.uppercase {
    text-transform: uppercase
}
.leading-relaxed {
    line-height: 1.625
}
.leading-none {
    line-height: 1
}
.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}
.text-ys-red {
    --tw-text-opacity: 1;
    color: rgb(223 0 0 / var(--tw-text-opacity))
}
.underline {
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline
}
.decoration-dotted {
    -webkit-text-decoration-style: dotted;
            text-decoration-style: dotted
}
.decoration-1 {
    text-decoration-thickness: 1px
}
.underline-offset-2 {
    text-underline-offset: 2px
}
.shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgb(0 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)
}
.shadow-md {
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}
.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)
}
.hover\:text-sky-700:hover {
    --tw-text-opacity: 1;
    color: rgb(3 105 161 / var(--tw-text-opacity))
}
.hover\:no-underline:hover {
    -webkit-text-decoration-line: none;
            text-decoration-line: none
}
@media (min-width: 640px) {
    .sm\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
}
@media (min-width: 768px) {
    .md\:-right-5 {
        right: -1.25rem
    }
    .md\:top-1\/2 {
        top: 50%
    }
    .md\:\!m-0 {
        margin: 0px !important
    }
    .md\:-mt-2 {
        margin-top: -0.5rem
    }
    .md\:ml-0 {
        margin-left: 0px
    }
    .md\:grid {
        display: grid
    }
    .md\:\!w-full {
        width: 100% !important
    }
    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    .md\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }
    .md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
    .md\:items-center {
        align-items: center
    }
    .md\:gap-4 {
        gap: 1rem
    }
    .md\:py-20 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }
    .md\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }
    .md\:pl-4 {
        padding-left: 1rem
    }
    .md\:text-center {
        text-align: center
    }
    .md\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }
    .md\:text-xl {
        font-size: 1.25rem;
        line-height: 1.75rem
    }
}
@media (min-width: 1024px) {
    .lg\:min-h-\[120px\] {
        min-height: 120px
    }
    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
}