.absolute {

    position: absolute
}

.relative {

    position: relative
}

.bottom-0 {

    bottom: 0px
}

.bottom-5 {

    bottom: 1.25rem
}

.my-1 {

    margin-top: 0.25rem;

    margin-bottom: 0.25rem
}

.mb-2 {

    margin-bottom: 0.5rem
}

.ml-16 {

    margin-left: 4rem
}

.mr-2 {

    margin-right: 0.5rem
}

.mt-\[var\(--spacing-6\)\] {

    margin-top: var(--spacing-6)
}

.block {

    display: block
}

.flex {

    display: flex
}

.h-4 {

    height: 1rem
}

.h-auto {

    height: auto
}

.h-full {

    height: 100%
}

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

    max-height: 341px
}

.w-4 {

    width: 1rem
}

.w-\[145px\] {

    width: 145px
}

.w-\[19\%\] {

    width: 19%
}

.w-\[22\%\] {

    width: 22%
}

.w-\[35\%\] {

    width: 35%
}

.w-\[59\%\] {

    width: 59%
}

.w-\[65\%\] {

    width: 65%
}

.w-full {

    width: 100%
}

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

    max-width: 206px
}

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

    max-width: 256px
}

.list-none {

    list-style-type: none
}

.items-center {

    align-items: center
}

.justify-end {

    justify-content: flex-end
}

.justify-center {

    justify-content: center
}

.justify-between {

    justify-content: space-between
}

.rounded-lg {

    border-radius: var(--radius-lg)
}

.border-0 {

    border-width: 0px
}

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

    border-bottom-width: 1px !important
}

.border-solid {

    border-style: solid
}

.border-transparent {

    border-color: transparent
}

.bg-secondary-100 {

    background-color: var(--secondary-100)
}

.px-\[6px\] {

    padding-left: 6px;

    padding-right: 6px
}

.py-0 {

    padding-top: 0px;

    padding-bottom: 0px
}

.pe-6 {

    padding-inline-end: 1.5rem
}

.pl-4 {

    padding-left: 1rem
}

.ps-0 {

    padding-inline-start: 0px
}

.ps-6 {

    padding-inline-start: 1.5rem
}

.text-\[16px\] {

    font-size: 16px
}

.text-\[8px\] {

    font-size: 8px
}

.text-sm {

    font-size: var(--font-sm)
}

.text-xs {

    font-size: var(--font-xs)
}

.text-xxs {

    font-size: var(--font-xxs)
}

.font-bold {

    font-weight: 700
}

.font-semibold {

    font-weight: 600
}

.text-white {

    --tw-text-opacity: 1;

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

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

.before\:absolute::before {

    content: var(--tw-content);

    position: absolute
}

.before\:left-0::before {

    content: var(--tw-content);

    left: 0px
}

.before\:top-\[-32px\]::before {

    content: var(--tw-content);

    top: -32px
}

.before\:z-\[-1\]::before {

    content: var(--tw-content);

    z-index: -1
}

.before\:h-\[410px\]::before {

    content: var(--tw-content);

    height: 410px
}

.before\:w-full::before {

    content: var(--tw-content);

    width: 100%
}

.before\:bg-secondary-100::before {

    content: var(--tw-content);

    background-color: var(--secondary-100)
}

.before\:content-\[\'\'\]::before {

    --tw-content: '';

    content: var(--tw-content)
}

.first\:ml-0:first-child {

    margin-left: 0px
}

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

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

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

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

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

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

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

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

@media (min-width: 1320px) {

    .xl\:w-\[206px\] {

        width: 206px
    }

    .xl\:pl-8 {

        padding-left: 2rem
    }
}