header{
    background:#FAFAFA !important
}
a:active {
    pointer-events: none !important;
}

img.object-contain.mainlogo {
    height: 60px !important;
    width: auto !important;
    position: relative !important;
}

button {
    color: #000 !important
}

a.bg-accent {
    color: #000 !important
}

button:hover,
a.bg-accent {
    background: #38513B !important;
    color: #fff !important;
}
aside button:hover{
    background:transparent !important;
    color:#000 !important
}

a.bg-accent:hover {
    background: #CCBEA1 !important;
    color: #000 !important;
}

* {
    --color-orange-500: 204, 190, 161 !important;
}

.minn {
    min-height: 350px !important
}

.bef {
    object-fit: cover !important;
    object-position: top !important;
}

/*! CSS Used from: https://pickbazar-react-rest.vercel.app/_next/static/css/5f607218ef6510aa.css */
.swiper-button-disabled {
    display: none !important;
}

.os-theme-thin-dark>.os-scrollbar-horizontal {
    right: 14px;
    height: 14px;
    padding: 0 6px;
}

.os-theme-thin-dark>.os-scrollbar-vertical {
    bottom: 14px;
    width: 14px;
    padding: 6px 0;
}

.os-theme-thin-dark>.os-scrollbar>.os-scrollbar-track {
    background: transparent;
}

.os-theme-thin-dark>.os-scrollbar-horizontal>.os-scrollbar-track:before,
.os-theme-thin-dark>.os-scrollbar-vertical>.os-scrollbar-track:before {
    content: "";
    display: block;
    position: absolute;
    background: rgba(0, 0, 0, .15);
}

.os-theme-thin-dark>.os-scrollbar-horizontal>.os-scrollbar-track:before,
.os-theme-thin-dark>.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle:before {
    left: 0;
    right: 0;
    height: 2px;
    top: 50%;
    margin-top: -1px;
}

.os-theme-thin-dark>.os-scrollbar-vertical>.os-scrollbar-track:before,
.os-theme-thin-dark>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle:before {
    top: 0;
    bottom: 0;
    width: 2px;
    left: 50%;
}

:is([dir=ltr] .os-theme-thin-dark>.os-scrollbar-vertical>.os-scrollbar-track):before,
:is([dir=ltr] .os-theme-thin-dark>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle):before {
    margin-left: -1px;
}

.os-theme-thin-dark>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle:before {
    content: "";
    display: block;
    position: absolute;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
}

.os-theme-thin-dark>.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle:hover:before {
    height: 4px;
    margin-top: -2px;
}

.os-theme-thin-dark>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle:hover:before {
    width: 4px;
}

:is([dir=ltr] .os-theme-thin-dark>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle:hover):before {
    margin-left: -.125rem;
}

.os-theme-thin-dark>.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle:hover:before,
.os-theme-thin-dark>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle:hover:before {
    background: rgba(0, 0, 0, .7);
}

.os-theme-thin-dark>.os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle {
    height: 100%;
    min-width: 30px;
}

.os-theme-thin-dark .os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle {
    background-color: transparent;
}

.os-theme-thin-dark>.os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle {
    width: 100%;
    min-height: 30px;
}

*,
:after,
:before {
    box-sizing: border-box;
    border: 0 solid #e5e7eb;
}

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

html {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    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-feature-settings: normal;
    font-variation-settings: normal;
}

body {
    margin: 0;
    line-height: inherit;
}

h1,
h3 {
    font-size: inherit;
    font-weight: inherit;
}

a {
    color: inherit;
    text-decoration: inherit;
}

button,
input {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
}

button {
    text-transform: none;
}

[type=button],
button {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none;
}

h1,
h3,
p {
    margin: 0;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

input::placeholder {
    color: #9ca3af;
}

[role=button],
button {
    cursor: pointer;
}

:disabled {
    cursor: default;
}

img,
svg {
    display: block;
    vertical-align: middle;
}

img {
    max-width: 100%;
    height: auto;
}

[type=text] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-color: #6b7280;
    border-width: 1px;
    border-radius: 0;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-shadow: 0 0 #0000;
}

[type=text]:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty, );
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: #2563eb;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: #2563eb;
}

input::placeholder {
    color: #6b7280;
    opacity: 1;
}

:root {
    --color-accent: 204, 190, 161;
    --color-accent-hover: 1, 147, 118;
    --color-accent-200: 204, 236, 229;
    --color-accent-300: 153, 217, 204;
    --color-accent-400: 77, 188, 165;
    --color-accent-500: 0, 159, 127;
    --color-accent-600: 0, 143, 114;
    --color-accent-700: 0, 119, 95;
    --color-light: 255, 255, 255;
    --color-dark: 0, 0, 0;
    --color-muted-black: 17, 17, 17;
    --color-current: currentColor;
    --text-base: 107, 114, 128;
    --text-base-dark: 75, 85, 99;
    --text-muted: 156, 163, 175;
    --text-muted-light: 209, 213, 219;
    --text-sub-heading: 55, 65, 81;
    --text-heading: 31, 41, 55;
    --text-bolder: 31, 41, 55;
    --color-border-50: 249, 250, 251;
    --color-border-100: 243, 244, 246;
    --color-border-200: 229, 231, 235;
    --color-border-base: 209, 213, 219;
    --color-border-400: 156, 163, 175;
    --color-gray-50: 249, 250, 251;
    --color-gray-100: 243, 244, 246;
    --color-gray-200: 229, 231, 235;
    --color-gray-300: 209, 213, 219;
    --color-gray-400: 156, 163, 175;
    --color-gray-500: 107, 114, 128;
    --color-gray-600: 75, 85, 99;
    --color-gray-700: 55, 65, 81;
    --color-gray-800: 31, 41, 55;
    --color-gray-900: 31, 41, 55;
    --color-orange-50: 255, 247, 237;
    --color-orange-100: 255, 237, 213;
    --color-orange-200: 254, 215, 170;
    --color-orange-300: 253, 186, 116;
    --color-orange-400: 251, 146, 60;
    --color-orange-500: 249, 115, 22;
    --color-orange-600: 234, 88, 12;
    --color-orange-700: 194, 65, 12;
    --color-orange-800: 154, 52, 18;
    --color-orange-900: 124, 45, 18;
    --color-pending: 201, 161, 22;
    --color-processing: 158, 117, 0;
    --color-complete: 0, 161, 127;
    --color-canceled: 227, 110, 1;
    --color-failed: 238, 43, 0;
    --color-out-for-delivery: 126, 173, 66;
    --text-base-dark: 51, 51, 51;
    --h1: 2.5rem;
    --h2: 2rem;
    --h3: 1.5rem;
    --h4: 1.25rem;
    --h5: 1.125rem;
    --h6: 1rem;
}

html {
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body,
h1,
h3 {
    font-family: system-ui, sans-serif;
}

a {
    text-decoration-line: none;
}

*,
:after,
:before {
    --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-scroll-snap-strictness: proximity;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
}

.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;
}

.visible {
    visibility: visible;
}

.invisible {
    visibility: hidden;
}

.fixed {
    position: fixed;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.sticky {
    position: sticky;
}

.inset-0 {
    inset: 0;
}

.bottom-0 {
    bottom: 0;
}

.top-0 {
    top: 0;
}

.top-1\/2 {
    top: 50%;
}

.top-2\/4 {
    top: 50%;
}

.top-3 {
    top: .75rem;
}

.top-\[58px\] {
    top: 58px;
}

.top-full {
    top: 100%;
}

.-z-1 {
    z-index: -1;
}

.-z-10 {
    z-index: -10;
}

.z-10 {
    z-index: 10;
}

.z-20 {
    z-index: 20;
}

.z-30 {
    z-index: 30;
}

.z-40 {
    z-index: 40;
}

.z-50 {
    z-index: 50;
}

.mx-3 {
    margin-left: .75rem;
    margin-right: .75rem;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.-mt-12 {
    margin-top: -3rem;
}

.-mt-4 {
    margin-top: -1rem;
}

.mb-4 {
    margin-bottom: 1rem;
}

.mt-1 {
    margin-top: .25rem;
}

.mt-2 {
    margin-top: .5rem;
}

.mt-3 {
    margin-top: .75rem;
}

.mt-8 {
    margin-top: 2rem;
}

.inline-block {
    display: inline-block;
}

.flex {
    display: flex;
}

.inline-flex {
    display: inline-flex;
}

.grid {
    display: grid;
}

.hidden {
    display: none;
}

.h-0\.5 {
    height: .125rem;
}

.h-10 {
    height: 2.5rem;
}

.h-11 {
    height: 2.75rem;
}

.h-12 {
    height: 3rem;
}

.h-14 {
    height: 3.5rem;
}

.h-3 {
    height: .75rem;
}

.h-4 {
    height: 1rem;
}

.h-48 {
    height: 12rem;
}

.h-5 {
    height: 1.25rem;
}

.h-7 {
    height: 1.75rem;
}

.h-8 {
    height: 2rem;
}

.h-9 {
    height: 2.25rem;
}

.h-\[100vh\] {
    height: 100vh;
}

.h-\[2\.125rem\] {
    height: 2.125rem;
}

.h-auto {
    height: auto;
}

.h-full {
    height: 100%;
}

.h-screen {
    height: 100vh;
}

.max-h-full {
    max-height: 100%;
}

.max-h-screen {
    max-height: 100vh;
}

.min-h-140 {
    min-height: 35rem;
}

.min-h-screen {
    min-height: 100vh;
}

.w-1\/2 {
    width: 50%;
}

.w-3 {
    width: .75rem;
}

.w-3\/4 {
    width: 75%;
}

.w-32 {
    width: 8rem;
}

.w-4 {
    width: 1rem;
}

.w-5 {
    width: 1.25rem;
}

.w-6 {
    width: 1.5rem;
}

.w-7 {
    width: 1.75rem;
}

.w-8 {
    width: 2rem;
}

.w-\[220px\] {
    width: 220px;
}

.w-auto {
    width: auto;
}

.w-full {
    width: 100%;
}

.min-w-\[143px\] {
    min-width: 143px;
}

.max-w-3xl {
    max-width: 48rem;
}

.max-w-full {
    max-width: 100%;
}

.shrink-0 {
    flex-shrink: 0;
}

.grow {
    flex-grow: 1;
}

.grow-0 {
    flex-grow: 0;
}

.basis-auto {
    flex-basis: auto;
}

.transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.transform-gpu {
    transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.cursor-pointer {
    cursor: pointer;
}

.appearance-none {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.grid-cols-\[repeat\(auto-fill\2c minmax\(250px\2c 1fr\)\)\] {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}

.flex-col {
    flex-direction: column;
}

.flex-wrap {
    flex-wrap: wrap;
}

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

.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.gap-2 {
    gap: .5rem;
}

.gap-3 {
    gap: .75rem;
}

.space-x-4>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1rem * var(--tw-space-x-reverse));
    margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-x-7>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(1.75rem * var(--tw-space-x-reverse));
    margin-left: calc(1.75rem * calc(1 - var(--tw-space-x-reverse)));
}

.space-y-1\.5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.375rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.375rem * var(--tw-space-y-reverse));
}

.overflow-hidden {
    overflow: hidden;
}

.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
}

.truncate,
.whitespace-nowrap {
    white-space: nowrap;
}

.rounded {
    border-radius: 5px;
}

.rounded-full {
    border-radius: 9999px;
}

.rounded-lg {
    border-radius: .5rem;
}

.rounded-md {
    border-radius: .375rem;
}

.border {
    border-width: 1px;
}

.border-b {
    border-bottom-width: 1px;
}

.border-t {
    border-top-width: 1px;
}

.border-solid {
    border-style: solid;
}

.border-border-200 {
    --tw-border-opacity: 1;
    border-color: rgba(var(--color-border-200), var(--tw-border-opacity));
}

.border-transparent {
    border-color: transparent;
}

.border-opacity-70 {
    --tw-border-opacity: 0.7;
}

.bg-accent {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--color-accent), var(--tw-bg-opacity));
}

.bg-black\/50 {
    background-color: rgba(0, 0, 0, .5);
}

.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--color-gray-100), var(--tw-bg-opacity));
}

.bg-gray-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--color-gray-600), var(--tw-bg-opacity));
}

.bg-light {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--color-light), var(--tw-bg-opacity));
}

.bg-opacity-90 {
    --tw-bg-opacity: 0.9;
}

.stroke-2 {
    stroke-width: 2;
}

.object-contain {
    -o-object-fit: contain;
    object-fit: contain;
}

.object-cover {
    -o-object-fit: cover;
    object-fit: cover;
}

.p-2 {
    padding: .5rem;
}

.p-3 {
    padding: .75rem;
}

.p-5 {
    padding: 1.25rem;
}

.px-1\.5 {
    padding-left: .375rem;
    padding-right: .375rem;
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem;
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem;
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem;
}

.px-\[22px\] {
    padding-left: 22px;
    padding-right: 22px;
}

.py-0 {
    padding-top: 0;
    padding-bottom: 0;
}

.py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem;
}

.py-1\.5 {
    padding-top: .375rem;
    padding-bottom: .375rem;
}

.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem;
}

.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem;
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}

.py-\[10px\] {
    padding-top: 10px;
    padding-bottom: 10px;
}

.pb-0\.5 {
    padding-bottom: .125rem;
}

.pb-16 {
    padding-bottom: 4rem;
}

.pt-1 {
    padding-top: .25rem;
}

.pt-3\.5 {
    padding-top: .875rem;
}

.text-center {
    text-align: center;
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem;
}

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

.text-xs {
    font-size: .75rem;
    line-height: 1rem;
}

.font-bold {
    font-weight: 700;
}

.font-normal {
    font-weight: 400;
}

.font-semibold {
    font-weight: 600;
}

.leading-6 {
    line-height: 1.5rem;
}

.leading-none {
    line-height: 1;
}

.tracking-tight {
    letter-spacing: -.025em;
}

.text-accent {
    --tw-text-opacity: 1;
    color: rgba(var(--color-accent), var(--tw-text-opacity));
}

.text-body {
    --tw-text-opacity: 1;
    color: rgba(var(--text-base), var(--tw-text-opacity));
}

.text-body-dark {
    --tw-text-opacity: 1;
    color: rgba(var(--text-base-dark), var(--tw-text-opacity));
}

.text-heading {
    --tw-text-opacity: 1;
    color: rgba(var(--text-heading), var(--tw-text-opacity));
}

.text-light {
    --tw-text-opacity: 1;
    color: rgba(var(--color-light), var(--tw-text-opacity));
}

.text-muted {
    --tw-text-opacity: 1;
    color: rgba(var(--text-muted), var(--tw-text-opacity));
}

.no-underline {
    text-decoration-line: none;
}

.placeholder-gray-500::placeholder {
    --tw-placeholder-opacity: 1;
    color: rgba(var(--color-gray-500), var(--tw-placeholder-opacity));
}

.opacity-0 {
    opacity: 0;
}

.shadow {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
}

.shadow {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-400 {
    --tw-shadow: rgba(0, 0, 0, .1) 0px 0px 8px 0;
    --tw-shadow-colored: 0px 0px 8px 0 var(--tw-shadow-color);
}

.shadow-400 {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-900 {
    --tw-shadow: rgba(0, 0, 0, .05) 0px 21px 36px;
    --tw-shadow-colored: 0px 21px 36px var(--tw-shadow-color);
}

.shadow-900 {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-xl {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.shadow-xl {
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
}

.outline-none {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
}

.transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
}

.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
}

.duration-150 {
    transition-duration: .15s;
}

.duration-200 {
    transition-duration: .2s;
}

.duration-300 {
    transition-duration: .3s;
}

.ease-in-expo {
    transition-timing-function: cubic-bezier(.04, .62, .23, .98);
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
}

.hover\:-translate-y-0\.5:hover {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.hover\:-translate-y-0\.5:hover {
    --tw-translate-y: -0.125rem;
}

.hover\:border-accent:hover {
    --tw-border-opacity: 1;
    border-color: rgba(var(--color-accent), var(--tw-border-opacity));
}

.hover\:border-accent-hover:hover {
    --tw-border-opacity: 1;
    border-color: rgba(var(--color-accent-hover), var(--tw-border-opacity));
}

.hover\:border-transparent:hover {
    border-color: transparent;
}

.hover\:bg-accent:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--color-accent), var(--tw-bg-opacity));
}

.hover\:bg-accent-hover:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--color-accent-hover), var(--tw-bg-opacity));
}

.hover\:pl-\[25px\]:hover {
    padding-left: 25px;
}

.hover\:text-accent:hover {
    --tw-text-opacity: 1;
    color: rgba(var(--color-accent), var(--tw-text-opacity));
}

.hover\:text-light:hover {
    --tw-text-opacity: 1;
    color: rgba(var(--color-light), var(--tw-text-opacity));
}

.hover\:opacity-100:hover {
    opacity: 1;
}

.hover\:shadow:hover {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
}

.hover\:shadow:hover {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:border-accent:focus {
    --tw-border-opacity: 1;
    border-color: rgba(var(--color-accent), var(--tw-border-opacity));
}

.focus\:border-accent-hover:focus {
    --tw-border-opacity: 1;
    border-color: rgba(var(--color-accent-hover), var(--tw-border-opacity));
}

.focus\:bg-accent:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--color-accent), var(--tw-bg-opacity));
}

.focus\:bg-accent-hover:focus {
    --tw-bg-opacity: 1;
    background-color: rgba(var(--color-accent-hover), var(--tw-bg-opacity));
}

.focus\:text-accent:focus {
    --tw-text-opacity: 1;
    color: rgba(var(--color-accent), var(--tw-text-opacity));
}

.focus\:text-light:focus {
    --tw-text-opacity: 1;
    color: rgba(var(--color-light), var(--tw-text-opacity));
}

.focus\:shadow:focus {
    --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
}

.focus\:shadow:focus {
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

.focus\:outline-none:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
}

.focus\:outline-0:focus {
    outline-width: 0;
}

.focus\:ring-0:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}

.focus\:ring-0:focus,
.focus\:ring-1:focus {
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:ring-1:focus {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
}

.focus\:ring-accent-700:focus {
    --tw-ring-opacity: 1;
    --tw-ring-color: rgba(var(--color-accent-700), var(--tw-ring-opacity));
}

.group:hover .group-hover\:visible {
    visibility: visible;
}

.group:hover .group-hover\:w-3\/4 {
    width: 75%;
}

.group:hover .group-hover\:w-full {
    width: 100%;
}

.group:hover .group-hover\:text-accent {
    --tw-text-opacity: 1;
    color: rgba(var(--color-accent), var(--tw-text-opacity));
}

.group:hover .group-hover\:opacity-100 {
    opacity: 1;
}

:is([dir=ltr] .ltr\:-left-4) {
    left: -1rem;
}

:is([dir=ltr] .ltr\:-right-4) {
    right: -1rem;
}

:is([dir=ltr] .ltr\:left-0) {
    left: 0;
}

:is([dir=ltr] .ltr\:left-3) {
    left: .75rem;
}

:is([dir=ltr] .ltr\:right-0) {
    right: 0;
}

:is([dir=ltr] .ltr\:ml-10) {
    margin-left: 2.5rem;
}

:is([dir=ltr] .ltr\:ml-2) {
    margin-left: .5rem;
}

:is([dir=ltr] .ltr\:ml-auto) {
    margin-left: auto;
}

:is([dir=ltr] .ltr\:mr-2) {
    margin-right: .5rem;
}

:is([dir=ltr] .ltr\:mr-2\.5) {
    margin-right: .625rem;
}

:is([dir=ltr] .ltr\:mr-4) {
    margin-right: 1rem;
}

:is([dir=ltr] .ltr\:mr-6) {
    margin-right: 1.5rem;
}

:is([dir=ltr] .ltr\:mr-auto) {
    margin-right: auto;
}

:is([dir=ltr] .ltr\:rounded-bl-none) {
    border-bottom-left-radius: 0;
}

:is([dir=ltr] .ltr\:rounded-br-none) {
    border-bottom-right-radius: 0;
}

:is([dir=ltr] .ltr\:rounded-tl-none) {
    border-top-left-radius: 0;
}

:is([dir=ltr] .ltr\:rounded-tr-none) {
    border-top-right-radius: 0;
}

:is([dir=ltr] .ltr\:border-r-0) {
    border-right-width: 0;
}

:is([dir=ltr] .ltr\:pl-2\.5) {
    padding-left: .625rem;
}

:is([dir=ltr] .ltr\:pl-6) {
    padding-left: 1.5rem;
}

:is([dir=ltr] .ltr\:pr-14) {
    padding-right: 3.5rem;
}

:is([dir=ltr] .ltr\:text-left) {
    text-align: left;
}

@media (min-width:640px) {
    .sm\:mb-6 {
        margin-bottom: 1.5rem;
    }

    .sm\:inline-flex {
        display: inline-flex;
    }

    .sm\:h-64 {
        height: 16rem;
    }
}

@media (min-width:768px) {
    .md\:top-4 {
        top: 1rem;
    }

    .md\:-mt-5 {
        margin-top: -1.25rem;
    }

    .md\:mt-0 {
        margin-top: 0;
    }

    .md\:h-10 {
        height: 2.5rem;
    }

    .md\:h-14 {
        height: 3.5rem;
    }

    .md\:h-16 {
        height: 4rem;
    }

    .md\:h-9 {
        height: 2.25rem;
    }

    .md\:w-9 {
        width: 2.25rem;
    }

    .md\:w-\[8\.625rem\] {
        width: 8.625rem;
    }

    .md\:flex-row {
        flex-direction: row;
    }

    .md\:items-center {
        align-items: center;
    }

    .md\:rounded-lg {
        border-radius: .5rem;
    }

    .md\:p-6 {
        padding: 1.5rem;
    }

    .md\:p-8 {
        padding: 2rem;
    }

    .md\:px-2 {
        padding-left: .5rem;
        padding-right: .5rem;
    }

    .md\:px-20 {
        padding-left: 5rem;
        padding-right: 5rem;
    }

    .md\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .md\:py-1\.5 {
        padding-top: .375rem;
        padding-bottom: .375rem;
    }

    .md\:text-\[15px\] {
        font-size: 15px;
    }

    .md\:text-base {
        font-size: 1rem;
        line-height: 1.5rem;
    }

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

    :is([dir=ltr] .ltr\:md\:-left-5) {
        left: -1.25rem;
    }

    :is([dir=ltr] .ltr\:md\:-right-5) {
        right: -1.25rem;
    }

    :is([dir=ltr] .ltr\:md\:left-4) {
        left: 1rem;
    }

    :is([dir=ltr] .ltr\:md\:ml-2) {
        margin-left: .5rem;
    }
}

@media (min-width:1024px) {
    .lg\:fixed {
        position: fixed;
    }

    .lg\:absolute {
        position: absolute;
    }

    .lg\:sticky {
        position: sticky;
    }

    .lg\:top-22 {
        top: 5.25rem;
    }

    .lg\:top-\[84px\] {
        top: 84px;
    }

    .lg\:mx-0 {
        margin-left: 0;
        margin-right: 0;
    }

    .lg\:mb-2 {
        margin-bottom: .5rem;
    }

    .lg\:mt-12 {
        margin-top: 3rem;
    }

    .lg\:block {
        display: block;
    }

    .lg\:flex {
        display: flex;
    }

    .lg\:inline-flex {
        display: inline-flex;
    }

    .lg\:hidden {
        display: none;
    }

    .lg\:h-22 {
        height: 5.25rem;
    }

    .lg\:w-auto {
        width: auto;
    }

    .lg\:flex-nowrap {
        flex-wrap: nowrap;
    }

    .lg\:space-y-10>:not([hidden])~:not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
    }

    .lg\:border-0 {
        border-width: 0;
    }

    .lg\:bg-transparent {
        background-color: transparent;
    }

    .lg\:p-6 {
        padding: 1.5rem;
    }

    .lg\:px-2\.5 {
        padding-left: .625rem;
        padding-right: .625rem;
    }

    .lg\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

    .lg\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }

    .lg\:text-base {
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .lg\:shadow-none {
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
}

@media (min-width:1280px) {
    .xl\:mx-4 {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .xl\:block {
        display: block;
    }

    .xl\:flex {
        display: flex;
    }

    .xl\:hidden {
        display: none;
    }

    .xl\:w-72 {
        width: 18rem;
    }

    .xl\:w-\[240px\] {
        width: 240px;
    }

    .xl\:min-w-150 {
        min-width: 150px;
    }

    .xl\:border {
        border-width: 1px;
    }

    .xl\:p-8 {
        padding: 2rem;
    }

    .xl\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .xl\:py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .xl\:text-5xl {
        font-size: 3rem;
        line-height: 1;
    }

    .xl\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem;
    }

    .xl\:text-accent {
        --tw-text-opacity: 1;
        color: rgba(var(--color-accent), var(--tw-text-opacity));
    }
}

@media (min-width:1536px) {
    .\32xl\:space-x-10>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(2.5rem * var(--tw-space-x-reverse));
        margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
    }

    .\32xl\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

:root {
    --toastify-color-light: #fff;
    --toastify-color-dark: #121212;
    --toastify-color-info: #3498db;
    --toastify-color-success: #07bc0c;
    --toastify-color-warning: #f1c40f;
    --toastify-color-error: #e74c3c;
    --toastify-color-transparent: hsla(0, 0%, 100%, .7);
    --toastify-icon-color-info: var(--toastify-color-info);
    --toastify-icon-color-success: var(--toastify-color-success);
    --toastify-icon-color-warning: var(--toastify-color-warning);
    --toastify-icon-color-error: var(--toastify-color-error);
    --toastify-toast-width: 320px;
    --toastify-toast-background: #fff;
    --toastify-toast-min-height: 64px;
    --toastify-toast-max-height: 800px;
    --toastify-font-family: sans-serif;
    --toastify-z-index: 9999;
    --toastify-text-color-light: #757575;
    --toastify-text-color-dark: #fff;
    --toastify-text-color-info: #fff;
    --toastify-text-color-success: #fff;
    --toastify-text-color-warning: #fff;
    --toastify-text-color-error: #fff;
    --toastify-spinner-color: #616161;
    --toastify-spinner-color-empty-area: #e0e0e0;
    --toastify-color-progress-light: linear-gradient(90deg, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
    --toastify-color-progress-dark: #bb86fc;
    --toastify-color-progress-info: var(--toastify-color-info);
    --toastify-color-progress-success: var(--toastify-color-success);
    --toastify-color-progress-warning: var(--toastify-color-warning);
    --toastify-color-progress-error: var(--toastify-color-error);
}

.os-size-observer,
.os-size-observer-listener {
    scroll-behavior: auto !important;
    direction: inherit;
    pointer-events: none;
    overflow: hidden;
    visibility: hidden;
    box-sizing: border-box;
}

.os-size-observer,
.os-size-observer-listener {
    writing-mode: horizontal-tb;
    position: absolute;
    left: 0;
    top: 0;
}

.os-size-observer {
    z-index: -1;
    contain: strict;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: inherit;
    border: inherit;
    box-sizing: inherit;
    margin: -133px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: scale(.1);
}

.os-size-observer:before {
    content: "";
    flex: none;
    box-sizing: inherit;
    padding: 10px;
    width: 10px;
    height: 10px;
}

.os-size-observer-listener {
    box-sizing: border-box;
    position: relative;
    flex: auto;
    padding: inherit;
    border: inherit;
    margin: -133px;
    transform: scale(10);
}

.os-size-observer-listener.ltr {
    margin-right: -266px;
    margin-left: 0;
}

.os-size-observer-listener:empty:before {
    content: "";
    width: 100%;
    height: 100%;
}

.os-size-observer-listener:empty:before {
    display: block;
    position: relative;
    padding: inherit;
    border: inherit;
    box-sizing: content-box;
    flex: auto;
}

[data-overlayscrollbars-viewport] {
    -ms-overflow-style: scrollbar !important;
}

[data-overlayscrollbars-initialize],
[data-overlayscrollbars-viewport~=scrollbarHidden] {
    scrollbar-width: none !important;
}

[data-overlayscrollbars-initialize]::-webkit-scrollbar,
[data-overlayscrollbars-initialize]::-webkit-scrollbar-corner,
[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,
[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner {
    -webkit-appearance: none !important;
    appearance: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
}

[data-overlayscrollbars~=host] {
    display: flex;
    align-items: stretch !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
}

[data-overlayscrollbars-viewport] {
    box-sizing: inherit;
    position: relative;
    flex: auto !important;
    height: auto;
    width: 100%;
    min-width: 0;
    padding: 0;
    margin: 0;
    border: none;
    z-index: 0;
}

[data-overlayscrollbars-viewport] {
    --os-vaw: 0;
    --os-vah: 0;
}

[data-overlayscrollbars-viewport] {
    overflow: hidden;
}

[data-overlayscrollbars~=host] {
    position: relative;
    overflow: hidden;
}

.os-scrollbar {
    contain: size layout;
    contain: size layout style;
    transition: opacity .15s, visibility .15s, top .15s, right .15s, bottom .15s, left .15s;
    pointer-events: none;
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.os-scrollbar-track {
    position: relative;
    direction: ltr !important;
    padding: 0 !important;
    border: none !important;
}

.os-scrollbar-handle {
    position: absolute;
}

.os-scrollbar-handle,
.os-scrollbar-track {
    pointer-events: none;
    width: 100%;
    height: 100%;
}

.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle {
    pointer-events: auto;
    touch-action: none;
}

.os-scrollbar-horizontal {
    bottom: 0;
    left: 0;
}

.os-scrollbar-vertical {
    top: 0;
    right: 0;
}

.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden {
    opacity: 0;
    visibility: hidden;
}

.os-scrollbar-unusable,
.os-scrollbar-unusable * {
    pointer-events: none !important;
}

.os-scrollbar-unusable .os-scrollbar-handle {
    opacity: 0 !important;
}

.os-scrollbar-horizontal .os-scrollbar-handle {
    bottom: 0;
}

.os-scrollbar-vertical .os-scrollbar-handle {
    right: 0;
}

.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless {
    left: 0;
    right: 0;
}

.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless {
    top: 0;
    bottom: 0;
}

.os-scrollbar {
    --os-size: 0;
    --os-padding-perpendicular: 0;
    --os-padding-axis: 0;
    --os-track-border-radius: 0;
    --os-track-bg: none;
    --os-track-bg-hover: none;
    --os-track-bg-active: none;
    --os-track-border: none;
    --os-track-border-hover: none;
    --os-track-border-active: none;
    --os-handle-border-radius: 0;
    --os-handle-bg: none;
    --os-handle-bg-hover: none;
    --os-handle-bg-active: none;
    --os-handle-border: none;
    --os-handle-border-hover: none;
    --os-handle-border-active: none;
    --os-handle-min-size: 33px;
    --os-handle-max-size: none;
    --os-handle-perpendicular-size: 100%;
    --os-handle-perpendicular-size-hover: 100%;
    --os-handle-perpendicular-size-active: 100%;
    --os-handle-interactive-area-offset: 0;
}

.os-scrollbar .os-scrollbar-track {
    border: var(--os-track-border);
    border-radius: var(--os-track-border-radius);
    background: var(--os-track-bg);
    transition: opacity .15s, background-color .15s, border-color .15s;
}

.os-scrollbar .os-scrollbar-track:hover {
    border: var(--os-track-border-hover);
    background: var(--os-track-bg-hover);
}

.os-scrollbar .os-scrollbar-track:active {
    border: var(--os-track-border-active);
    background: var(--os-track-bg-active);
}

.os-scrollbar .os-scrollbar-handle {
    border: var(--os-handle-border);
    border-radius: var(--os-handle-border-radius);
    background: var(--os-handle-bg);
}

.os-scrollbar .os-scrollbar-handle:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
}

.os-scrollbar .os-scrollbar-handle:hover {
    border: var(--os-handle-border-hover);
    background: var(--os-handle-bg-hover);
}

.os-scrollbar .os-scrollbar-handle:active {
    border: var(--os-handle-border-active);
    background: var(--os-handle-bg-active);
}

.os-scrollbar-horizontal {
    padding: var(--os-padding-perpendicular) var(--os-padding-axis);
    right: var(--os-size);
    height: var(--os-size);
}

.os-scrollbar-horizontal .os-scrollbar-handle {
    min-width: var(--os-handle-min-size);
    max-width: var(--os-handle-max-size);
    height: var(--os-handle-perpendicular-size);
    transition: opacity .15s, background-color .15s, border-color .15s, height .15s;
}

.os-scrollbar-horizontal .os-scrollbar-handle:before {
    top: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
    bottom: calc(var(--os-padding-perpendicular) * -1);
}

.os-scrollbar-horizontal:hover .os-scrollbar-handle {
    height: var(--os-handle-perpendicular-size-hover);
}

.os-scrollbar-horizontal:active .os-scrollbar-handle {
    height: var(--os-handle-perpendicular-size-active);
}

.os-scrollbar-vertical {
    padding: var(--os-padding-axis) var(--os-padding-perpendicular);
    bottom: var(--os-size);
    width: var(--os-size);
}

.os-scrollbar-vertical .os-scrollbar-handle {
    min-height: var(--os-handle-min-size);
    max-height: var(--os-handle-max-size);
    width: var(--os-handle-perpendicular-size);
    transition: opacity .15s, background-color .15s, border-color .15s, width .15s;
}

.os-scrollbar-vertical .os-scrollbar-handle:before {
    left: calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);
    right: calc(var(--os-padding-perpendicular) * -1);
}

.os-scrollbar-vertical:hover .os-scrollbar-handle {
    width: var(--os-handle-perpendicular-size-hover);
}

.os-scrollbar-vertical:active .os-scrollbar-handle {
    width: var(--os-handle-perpendicular-size-active);
}

.os-theme-dark {
    box-sizing: border-box;
    --os-size: 10px;
    --os-padding-perpendicular: 2px;
    --os-padding-axis: 2px;
    --os-track-border-radius: 10px;
    --os-handle-interactive-area-offset: 4px;
    --os-handle-border-radius: 10px;
}

.os-theme-dark {
    --os-handle-bg: rgba(0, 0, 0, .44);
    --os-handle-bg-hover: rgba(0, 0, 0, .55);
    --os-handle-bg-active: rgba(0, 0, 0, .66);
}

/*! CSS Used from: https://pickbazar-react-rest.vercel.app/_next/static/css/f691a1a2728431e3.css */
:root {
    --swiper-theme-color: #007aff;
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box;
}

.swiper-wrapper {
    transform: translateZ(0);
}

.swiper-horizontal {
    touch-action: pan-y;
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block;
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    backface-visibility: hidden;
}

:root {
    --swiper-navigation-size: 44px;
}

/*! CSS Used fontfaces */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v49/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmZiArmlw.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v49/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmQiArmlw.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v49/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmYiArmlw.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v49/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmXiArmlw.woff2) format('woff2');
    unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v49/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVnoiArmlw.woff2) format('woff2');
    unicode-range: U+0302-0303, U+0305, U+0307-0308, U+0310, U+0312, U+0315, U+031A, U+0326-0327, U+032C, U+032F-0330, U+0332-0333, U+0338, U+033A, U+0346, U+034D, U+0391-03A1, U+03A3-03A9, U+03B1-03C9, U+03D1, U+03D5-03D6, U+03F0-03F1, U+03F4-03F5, U+2016-2017, U+2034-2038, U+203C, U+2040, U+2043, U+2047, U+2050, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20D0-20DC, U+20E1, U+20E5-20EF, U+2100-2112, U+2114-2115, U+2117-2121, U+2123-214F, U+2190, U+2192, U+2194-21AE, U+21B0-21E5, U+21F1-21F2, U+21F4-2211, U+2213-2214, U+2216-22FF, U+2308-230B, U+2310, U+2319, U+231C-2321, U+2336-237A, U+237C, U+2395, U+239B-23B7, U+23D0, U+23DC-23E1, U+2474-2475, U+25AF, U+25B3, U+25B7, U+25BD, U+25C1, U+25CA, U+25CC, U+25FB, U+266D-266F, U+27C0-27FF, U+2900-2AFF, U+2B0E-2B11, U+2B30-2B4C, U+2BFE, U+3030, U+FF5B, U+FF5D, U+1D400-1D7FF, U+1EE00-1EEFF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v49/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVn6iArmlw.woff2) format('woff2');
    unicode-range: U+0001-000C, U+000E-001F, U+007F-009F, U+20DD-20E0, U+20E2-20E4, U+2150-218F, U+2190, U+2192, U+2194-2199, U+21AF, U+21E6-21F0, U+21F3, U+2218-2219, U+2299, U+22C4-22C6, U+2300-243F, U+2440-244A, U+2460-24FF, U+25A0-27BF, U+2800-28FF, U+2921-2922, U+2981, U+29BF, U+29EB, U+2B00-2BFF, U+4DC0-4DFF, U+FFF9-FFFB, U+10140-1018E, U+10190-1019C, U+101A0, U+101D0-101FD, U+102E0-102FB, U+10E60-10E7E, U+1D2C0-1D2D3, U+1D2E0-1D37F, U+1F000-1F0FF, U+1F100-1F1AD, U+1F1E6-1F1FF, U+1F30D-1F30F, U+1F315, U+1F31C, U+1F31E, U+1F320-1F32C, U+1F336, U+1F378, U+1F37D, U+1F382, U+1F393-1F39F, U+1F3A7-1F3A8, U+1F3AC-1F3AF, U+1F3C2, U+1F3C4-1F3C6, U+1F3CA-1F3CE, U+1F3D4-1F3E0, U+1F3ED, U+1F3F1-1F3F3, U+1F3F5-1F3F7, U+1F408, U+1F415, U+1F41F, U+1F426, U+1F43F, U+1F441-1F442, U+1F444, U+1F446-1F449, U+1F44C-1F44E, U+1F453, U+1F46A, U+1F47D, U+1F4A3, U+1F4B0, U+1F4B3, U+1F4B9, U+1F4BB, U+1F4BF, U+1F4C8-1F4CB, U+1F4D6, U+1F4DA, U+1F4DF, U+1F4E3-1F4E6, U+1F4EA-1F4ED, U+1F4F7, U+1F4F9-1F4FB, U+1F4FD-1F4FE, U+1F503, U+1F507-1F50B, U+1F50D, U+1F512-1F513, U+1F53E-1F54A, U+1F54F-1F5FA, U+1F610, U+1F650-1F67F, U+1F687, U+1F68D, U+1F691, U+1F694, U+1F698, U+1F6AD, U+1F6B2, U+1F6B9-1F6BA, U+1F6BC, U+1F6C6-1F6CF, U+1F6D3-1F6D7, U+1F6E0-1F6EA, U+1F6F0-1F6F3, U+1F6F7-1F6FC, U+1F700-1F7FF, U+1F800-1F80B, U+1F810-1F847, U+1F850-1F859, U+1F860-1F887, U+1F890-1F8AD, U+1F8B0-1F8BB, U+1F8C0-1F8C1, U+1F900-1F90B, U+1F93B, U+1F946, U+1F984, U+1F996, U+1F9E9, U+1FA00-1FA6F, U+1FA70-1FA7C, U+1FA80-1FA89, U+1FA8F-1FAC6, U+1FACE-1FADC, U+1FADF-1FAE9, U+1FAF0-1FAF8, U+1FB00-1FBFF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v49/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmbiArmlw.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v49/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmaiArmlw.woff2) format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/roboto/v49/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmUiAo.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}