.rtl\:mc-left-0:where([dir=rtl],[dir=rtl] *) {
    left: 0
}

.rtl\:mc-left-3:where([dir=rtl],[dir=rtl] *) {
    left: 12px
}

.rtl\:mc-left-auto:where([dir=rtl],[dir=rtl] *) {
    left: auto
}

.rtl\:mc-right-auto:where([dir=rtl],[dir=rtl] *) {
    right: auto
}

.rtl\:mc-right-full:where([dir=rtl],[dir=rtl] *) {
    right: 100%
}

.rtl\:\!mc-ml-2:where([dir=rtl],[dir=rtl] *) {
    margin-left: 8px!important
}

.rtl\:\!mc-mr-0:where([dir=rtl],[dir=rtl] *) {
    margin-right: 0!important
}

.rtl\:mc-ml-0:where([dir=rtl],[dir=rtl] *) {
    margin-left: 0
}

.rtl\:mc-ml-3:where([dir=rtl],[dir=rtl] *) {
    margin-left: 12px
}

.rtl\:mc-mr-\[15px\]:where([dir=rtl],[dir=rtl] *) {
    margin-right: 15px
}

.rtl\:\!mc-pl-10:where([dir=rtl],[dir=rtl] *) {
    padding-left: 40px!important
}

.rtl\:\!mc-pr-0:where([dir=rtl],[dir=rtl] *) {
    padding-right: 0!important
}

.rtl\:\!mc-pr-10:where([dir=rtl],[dir=rtl] *) {
    padding-right: 40px!important
}

.rtl\:mc-reverse-rtl-img:where([dir=rtl],[dir=rtl] *) {
    transform: scaleX(-1)
}

.recommend-layout:has(>div[data-visible=false]) {
    display: none
}

*,:before,:after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
    --tw-ring-shadow: 0 0 rgba(0,0,0,0);
    --tw-shadow: 0 0 rgba(0,0,0,0);
    --tw-shadow-colored: 0 0 rgba(0,0,0,0);
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
    --tw-ring-shadow: 0 0 rgba(0,0,0,0);
    --tw-shadow: 0 0 rgba(0,0,0,0);
    --tw-shadow-colored: 0 0 rgba(0,0,0,0);
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
 */
*,:before,:after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb
}

:before,:after {
    --tw-content: ""
}
 

abbr:where([title]) {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

input:where([type=button]),input:where([type=reset]),input:where([type=submit]) {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height: auto
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

:disabled {
    cursor: default
}

[hidden]:where(:not([hidden=until-found])) {
    display: none
}

:root {
    --background: 0 0% 100%;
    --foreground: 240 10% 3.9%;
    --card: 0 0% 100%;
    --card-foreground: 240 10% 3.9%;
    --popover: 0 0% 100%;
    --popover-foreground: 240 10% 3.9%;
    --highlight: 24 100% 50%;
    --highlight-dark: 19 91% 43%;
    --primary: 240 5.9% 10%;
    --primary-foreground: 0 0% 98%;
    --secondary: 240 4.8% 95.9%;
    --secondary-foreground: 240 5.9% 10%;
    --muted: 240 4.8% 95.9%;
    --muted-foreground: 240 3.8% 46.1%;
    --accent: 240 4.8% 95.9%;
    --accent-foreground: 240 5.9% 10%;
    --destructive: 0 84.2% 60.2%;
    --destructive-foreground: 0 0% 98%;
    --border: 240 5.9% 90%;
    --input: 240 5.9% 90%;
    --ring: 240 5.9% 10%;
    --radius: .5rem
}

.id-line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.id-flex {
    display: flex
}

.id-grid {
    display: grid
}

.id-max-h-\[68px\] {
    max-height: 68px
}

.id-grid-cols-\[2fr_3fr\] {
    grid-template-columns: 2fr 3fr
}

.id-flex-wrap {
    flex-wrap: wrap
}

.id-items-center {
    align-items: center
}

.id-overflow-hidden {
    overflow: hidden
}

.id-border-b-\[0\.5px\] {
    border-bottom-width: .5px
}

.id-border-\[\#ddd\] {
    --tw-border-opacity: 1;
    border-color: #ddd;
    border-color: rgba(221,221,221,var(--tw-border-opacity, 1))
}

.id-bg-\[\#F8F8F8\] {
    --tw-bg-opacity: 1;
    background-color: #f8f8f8;
    background-color: rgba(248,248,248,var(--tw-bg-opacity, 1))
}

.id-bg-\[\#f8f8f8\] {
    --tw-bg-opacity: 1;
    background-color: #f8f8f8;
    background-color: rgba(248,248,248,var(--tw-bg-opacity, 1))
}

.id-p-4 {
    padding: 1rem
}

.id-text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.id-font-medium {
    font-weight: 500
}

.id-leading-\[18px\] {
    line-height: 18px
}