.absolute {

    position: absolute
}

.relative {

    position: relative
}

.bottom-0 {

    bottom: 0px
}

.bottom-5 {

    bottom: 1.25rem
}

.left-\[26\%\] {

    left: 26%
}

.top-0 {

    top: 0px
}

.top-10 {

    top: 2.5rem
}

.z-10 {

    z-index: 10
}

.z-20 {

    z-index: 20
}

.m-0 {

    margin: 0px
}

.ms-\[64px\] {

    margin-inline-start: 64px
}

.block {

    display: block
}

.flex {

    display: flex
}

.hidden {

    display: none
}

.h-4 {

    height: 1rem
}

.h-\[310px\] {

    height: 310px
}

.h-\[410px\] {

    height: 410px
}

.h-\[41px\] {

    height: 41px
}

.h-auto {

    height: auto
}

.h-full {

    height: 100%
}

.max-h-\[410px\] {

    max-height: 410px
}

.w-4 {

    width: 1rem
}

.w-\[25\%\] {

    width: 25%
}

.w-\[28\%\] {

    width: 28%
}

.w-\[310px\] {

    width: 310px
}

.w-\[72\%\] {

    width: 72%
}

.w-\[75\%\] {

    width: 75%
}

.w-full {

    width: 100%
}

.max-w-\[410px\] {

    max-width: 410px
}

.max-w-full {

    max-width: 100%
}

.list-none {

    list-style-type: none
}

.items-center {

    align-items: center
}

.justify-center {

    justify-content: center
}

.justify-between {

    justify-content: space-between
}

.overflow-hidden {

    overflow: hidden
}

.border {

    border-width: 1px
}

.border-0 {

    border-width: 0px
}

.\!border-b-\[1px\] {

    border-bottom-width: 1px !important
}

.border-solid {

    border-style: solid
}

.border-gray-300 {

    border-color: var(--gray-300)
}

.border-transparent {

    border-color: transparent
}

.bg-white {

    --tw-bg-opacity: 1;

    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.p-0 {

    padding: 0px
}

.px-5 {

    padding-left: 1.25rem;

    padding-right: 1.25rem
}

.py-2 {

    padding-top: 0.5rem;

    padding-bottom: 0.5rem
}

.py-3 {

    padding-top: 0.75rem;

    padding-bottom: 0.75rem
}

.pb-2 {

    padding-bottom: 0.5rem
}

.pb-4 {

    padding-bottom: 1rem
}

.pe-6 {

    padding-inline-end: 1.5rem
}

.ps-0 {

    padding-inline-start: 0px
}

.ps-4 {

    padding-inline-start: 1rem
}

.ps-6 {

    padding-inline-start: 1.5rem
}

.text-\[6px\] {

    font-size: 6px
}

.text-\[8px\] {

    font-size: 8px
}

.font-bold {

    font-weight: 700
}

.text-gray-400 {

    color: var(--gray-400)
}

.text-inherit {

    color: inherit
}

.text-white {

    --tw-text-opacity: 1;

    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.no-underline {

    text-decoration-line: none
}

/* Auto-generated CSS for partials/site/header/menu/product.htm */

.hover\:border-gray-600:hover {

    border-color: var(--gray-600)
}

.hover\:text-inherit:hover {

    color: inherit
}

.group\/sub:hover .group-hover\/sub\:block {

    display: block
}

.group\/sub:hover .group-hover\/sub\:flex {

    display: flex
}

.group\/sub:hover .group-hover\/sub\:border-gray-600 {

    border-color: var(--gray-600)
}

.group\/sub:hover .group-hover\/sub\:text-inherit {

    color: inherit
}

@media (min-width: 1320px) {

    .xl\:w-\[31\%\] {

        width: 31%
    }

    .xl\:w-\[69\%\] {

        width: 69%
    }
}