:root {
  --black: #000000;
  --gray-900: #111827;
  --gray-800: #1F2937;
  --gray-700: #374151;
  --gray-600: #4B5563;
  --gray-400: #9CA3AF;
  --gray-300: #D1D5DB;
  --white: #FFFFFF;
  --cyan: #22D3EE;
  --pink: #EC4899;
  --yellow: #FACC15;
  --green: #4ADE80;
  --red: #F87171;
  --gradient-rgb: linear-gradient(to right, #22D3EE, #EC4899, #FACC15);
  --gradient-cyan-pink: linear-gradient(to right, #22D3EE, #EC4899);
  --color-show-2: #fe2b54;
  --color-show-3: #4fb083;
  --color-free: #0044ff;
  --wevuve-cyan: #22D3EE;
  --wevuve-pink: #EC4899;
  --wevuve-yellow: #FACC15;
  --wevuve-green: #4ADE80;
  --wevuve-red: #F87171;
  --radius-0: 0;
  --radius-4: 4px;
  --radius-5: 5px;
  --radius-6: 6px;
  --radius-8: 8px;
  --radius-10: 10px;
  --radius-50: 50%;
  --radius-99: 9999px;
    --bnb-color-main-1: #007cba;
    --bnb-color-main-2: #fe2c55;
    --bnb-color-main-3: #4fb083;
    --bnb-color-hover: #e6284d;
    --bnb-color-free:#00a1b5;
    --bnb-radius-0: 0;
    --bnb-radius-4: 4px;
    --bnb-radius-5: 5px;
    --bnb-radius-6: 6px;
    --bnb-radius-8: 8px;
    --bnb-radius-10: 10px;
    --bnb-radius-99: 99px;
    --bnb-radius-50: 50%;
    --bnb-check-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 7 7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.90667 1.90487C6.03654 2.03882 6.03012 2.24976 5.89232 2.37601L2.26725 5.69732C2.11353 5.83816 1.87221 5.83383 1.72395 5.68755L0.498656 4.47867C0.365757 4.34755 0.367365 4.13652 0.502247 4.00733C0.637129 3.87814 0.854208 3.8797 0.987107 4.01082L2.00843 5.01847L5.42201 1.89092C5.55981 1.76467 5.7768 1.77091 5.90667 1.90487Z' fill='white' stroke='white' stroke-width='0.4' stroke-linecap='round'/%3E%3C/svg%3E");
    --invoice-check-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 7 7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.90667 1.90487C6.03654 2.03882 6.03012 2.24976 5.89232 2.37601L2.26725 5.69732C2.11353 5.83816 1.87221 5.83383 1.72395 5.68755L0.498656 4.47867C0.365757 4.34755 0.367365 4.13652 0.502247 4.00733C0.637129 3.87814 0.854208 3.8797 0.987107 4.01082L2.00843 5.01847L5.42201 1.89092C5.55981 1.76467 5.7768 1.77091 5.90667 1.90487Z' fill='%234fb083' stroke='%234fb083' stroke-width='0.4' stroke-linecap='round'/%3E%3C/svg%3E");
    --wovaro-check-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 7 7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.90667 1.90487C6.03654 2.03882 6.03012 2.24976 5.89232 2.37601L2.26725 5.69732C2.11353 5.83816 1.87221 5.83383 1.72395 5.68755L0.498656 4.47867C0.365757 4.34755 0.367365 4.13652 0.502247 4.00733C0.637129 3.87814 0.854208 3.8797 0.987107 4.01082L2.00843 5.01847L5.42201 1.89092C5.55981 1.76467 5.7768 1.77091 5.90667 1.90487Z' fill='white' stroke='white' stroke-width='0.4' stroke-linecap='round'/%3E%3C/svg%3E");
    --wvr-primary: #007cba;
    --wvr-primary-hover: #005a87;
    --wvr-text: #333;
    --wvr-text2: #1a1b1e;
    --wvr-text-light: #666;
    --wvr-bg: #fff;
    --wvr-border: #ddd;
    --wvr-border-light: #eee;
    --wvr-shadow: 0 2px 10px rgba(0,0,0,0.1);
    --wvr-calc-bg: rgba(255, 255, 255, 0.9);
    --wvr-shadow-lg: 0 5px 25px rgba(0,0,0,0.15);
    --wvr-transition: 0.12s cubic-bezier(0.4, 0, 0.2, 1);
    --wvr-z-index: 99999;
    --wvr-font-family: inherit;
    --wvr-bg-main-1: #f4f5f7;
    --wvr-bg-main-2: #efefef;
    --wvr-check-icon: url("data:image/svg+xml,%3Csvg viewBox='0 0 7 7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.90667 1.90487C6.03654 2.03882 6.03012 2.24976 5.89232 2.37601L2.26725 5.69732C2.11353 5.83816 1.87221 5.83383 1.72395 5.68755L0.498656 4.47867C0.365757 4.34755 0.367365 4.13652 0.502247 4.00733C0.637129 3.87814 0.854208 3.8797 0.987107 4.01082L2.00843 5.01847L5.42201 1.89092C5.55981 1.76467 5.7768 1.77091 5.90667 1.90487Z' fill='white' stroke='white' stroke-width='0.4' stroke-linecap='round'/%3E%3C/svg%3E");
    --wvr-check-icon2: url("data:image/svg+xml,%3Csvg viewBox='0 0 7 7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.90667 1.90487C6.03654 2.03882 6.03012 2.24976 5.89232 2.37601L2.26725 5.69732C2.11353 5.83816 1.87221 5.83383 1.72395 5.68755L0.498656 4.47867C0.365757 4.34755 0.367365 4.13652 0.502247 4.00733C0.637129 3.87814 0.854208 3.8797 0.987107 4.01082L2.00843 5.01847L5.42201 1.89092C5.55981 1.76467 5.7768 1.77091 5.90667 1.90487Z' fill='%234fb083' stroke='%234fb083' stroke-width='0.4' stroke-linecap='round'/%3E%3C/svg%3E");
    --wvr-custom-primary: #007cba;
    --wst-motion-duration-300: 300ms;
    --wst-motion-duration-400: 400ms;
    --wst-cds-motion-cubic: cubic-bezier(0.6, 0, 0.1, 1);
    --wst-color-bg-three: #f5f5f5;
    --wst-motion-duration-250: 250ms;
    --wst-border-radius-30: 30px;
    --wst-btn-height-34: 34px;
    --wst-overlay-color: rgba(17, 17, 17, 0.36);
    --wst-text-three: #707072;
}

.d-flex { display: flex; }
.d-inline-flex { display: inline-flex; }
.d-flex-row-reverse { flex-direction: row-reverse; }
.d-flex-col { flex-direction: column; }
.d-flex-row { flex-direction: row; }
.d-justify-between { justify-content: space-between; }
.d-ustify-around { justify-content: space-around; }
.d-justify-center { justify-content: center; }
.d-ustify-end { justify-content: flex-end; }
.d-items-center { align-items: center; }
.items-start { align-items: flex-start; }
.items-end { align-items: flex-end; }
.d-flex-wrap { flex-wrap: wrap; }
.d-flex-1 { flex: 1 1 0%; }
.d-block { display: block; }
.d-hidden { overflow: hidden!important; }
.d-relative { position: relative; }
.d-absolute { position: absolute; }
.d-fixed { position: fixed; }
.gap-2 { gap: 2px; }
.gap-3 { gap: 3px; }
.gap-4 { gap: 4px; }
.gap-6 { gap: 6px; }
.gap-8 { gap: 8px; }
.gap-10 { gap: 10px; }
.gap-12 { gap: 12px; }
.gap-15 { gap: 15px; }
.overflow-auto { overflow: auto; }
.overflow-x-hidden { overflow-x: hidden; }
.overflow-y-auto { overflow-y: auto; }


.w-full { width: 100%; }
.w-90 { width: 90%; }
.w-80 { width: 80%; }
.w-55 { width: 55%; }
.w-30 { width: 30%; }
.w-35 { width: 35%; }
.w-110 { width: 110px}
.w-12 { width: 12px; }
.flex-0 { flex-shrink: 0; }
.flex-1 { flex: 1; }
.flex-20 { flex: 1 0 20%; }
.flex-25 { flex: 1 0 25%; }
.flex-28 { flex: 1 0 28%; }
.flex-75 { flex: 1 0 75%; }

.h-full { height: 100%; }
.h-90 { height: 100%; max-height: 90vh; }
.h-75 { height: 100%; max-height: 75vh; }
.h-48 { height: 48px; }
.h-56 { height: 56px; }
.h-68 { height: 68px; }
.h-25 { height: 25px; }
.h-8 { height: 8px; }
.h-auto { height: auto; }
.h-calc { height: calc(100% - 56px - 68px); }
.max-w-full { max-width: 100%; }
.max-w-500 { max-width: 500px; }
.max-w-690 { max-width: 690px; }
.max-h-full { max-height: 100%; }
.max-h-screen { max-height: 100vh; }
.min-h-80 { min-height: 80px !important; }
.min-h-50 { min-height: 50px; }

.m-0 { margin: 0!important; }
.mx-auto { margin: 0 auto; }
.my-5 { margin: 5px 0; }
.my-8 { margin: 8px 0; }
.my-15 { margin: 15px 0; }
.mt-0 { margin-top: 0; }
.mt-4 { margin-top: 4px; }
.mt-5 { margin-top: 5px; }
.mt-6 { margin-top: 6px; }
.mt-8 { margin-top: 8px; }
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mb-4 { margin-bottom: 4px; }
.mb-5 { margin-bottom: 5px; }
.mb-6 { margin-bottom: 6px; }
.mb-8 { margin-bottom: 8px; }
.mb-10 { margin-bottom: 10px; }
.mb-12 { margin-bottom: 12px; }
.mb-15 { margin-bottom: 15px; }
.ml-2 { margin-left: 2px; }
.ml-4 { margin-left: 4px; }
.ml-6 { margin-left: 6px; }
.ml-8 { margin-left: 8px; }
.mr-4 { margin-right: 4px; }
.mr-6 { margin-right: 6px; }
.mr-8 { margin-right: 8px; }
.mr-10 { margin-right: 10px; }
.-m-8 { margin: -8px; }

.p-0 { padding: 0!important; }
.p-6 { padding: 6px; }
.p-8 { padding: 8px; }
.p-10 { padding: 10px; }
.p-12 { padding: 12px; }
.p-16 { padding: 1rem; }
.p-55r { padding: 0.55rem; }
.p-8r { padding: 0.8rem; }
.py-30 { padding: 30px 0; }
.py-15 { padding: 15px 0; }
.py-5 { padding: 5px 0; }
.py-8 { padding: 8px 0; }
.py-16 { padding: 1rem 0; }
.px-5 { padding: 0 5px; }
.px-10 { padding: 0 10px; }
.px-12 { padding: 0 12px; }
.px-20 { padding: 0 20px; }
.px-32 { padding: 0 2rem; }
.pt-10 { padding-top: 10px; }
.pr-20 { padding-right: 20px; }
.pb-32 { padding: 0 0 2rem; }
.p-5-15 { padding: 5px 15px; }
.p-10-15 { padding: 10px 15px 0; }
.p-2-6 { padding: 2px 6px; }
.p-8-20 { padding: 8px 20px; }
.p-8-12 { padding: 8px 12px; }
.p-8-0-4 { padding: 8px 0 4px; }
.p-0551 { padding: 0.55rem 0.55rem 1rem 0.55rem; }
.p-24-16-96 { padding: 1.5rem 1rem 6rem 1rem; }

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

.text-xs { font-size: 0.7rem; }
.text-12 { font-size: 12px; }
.text-13 { font-size: 0.75rem; }
.text-14 { font-size: 0.8rem; }
.text-sm { font-size: 0.875rem; }
.text-15 { font-size: 0.9rem; line-height: 24px; }
.text-915 { font-size: 0.915rem; }
.text-95 { font-size: 0.95rem; }
.text-base { font-size: 1rem; }
.text-105 { font-size: 1.05rem; }
.text-cp { font-size: 0.85rem; }
.text-16 { font-size: 16px; }
.text-17 { font-size: 17px; }
.text-18 { font-size: 18px; }

.font-normal { font-weight: 400; }
.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.font-bold { font-weight: 700; }

.leading-0 { line-height: 0; }
.leading-12 { line-height: 12px; }
.leading-14 { line-height: 14px; }
.leading-15 { line-height: 15px; }
.leading-16 { line-height: 16px; }
.leading-18 { line-height: 18px; }
.leading-20 { line-height: 20px; }
.leading-22 { line-height: 22px; }
.leading-24 { line-height: 24px; }

.tracking-0 { letter-spacing: 0rem; }
.tracking-001 { letter-spacing: 0.01rem; }
.tracking-002 { letter-spacing: 0.02rem; }
.tracking-003 { letter-spacing: 0.03rem; }
.tracking-015 { letter-spacing: 0.015rem; }

.line-clamp-1 { 
  display: -webkit-box; 
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical; 
  overflow: hidden; 
  text-overflow: ellipsis; 
}
.normal-case { text-transform: none; }
.line-through { text-decoration: line-through; }
.no-underline { text-decoration: none; }

.bg-white { background-color: white; }
.bg-gray-100 { background-color: #eee; }
.bg-gray-50 { background-color: #f4f5f6; }
.bg-pink-50 { background: #fef3f5; }
.bg-cyan-50 { background-color: #f1fbfc; }
.bg-red-100 { background: #f8d7da; }
.bg-pink-100 { background: #fff2f5; }
.bg-transparent { background: transparent !important; }
.bg-primary { background: var(--color-show-2); }

.text-white { color: white; }
.text-gray-900 { color: #111; }
.text-gray-800 { color: #222; }
.text-gray-700 { color: #333; }
.text-gray-600 { color: #555; }
.text-gray-500 { color: #666; }
.text-gray-400 { color: #777; }
.text-gray-300 { color: #999; }
.text-label { color: #98a2b3; }
.text-primary { color: var(--color-show-2); }
.text-success { color: var(--color-show-3); }
.text-blue-500 { color: var(--color-free); }
.text-green-500 { color: #00a65a; }

.fill-success { fill: var(--color-show-3); }
.fill-primary { fill: var(--color-show-2); }
.stroke-gray-800 { stroke: #222; }
.stroke-primary { stroke: var(--color-show-2); }
.stroke-2 { stroke-width: 2; }
.stroke-3 { stroke-width: 3; }

.border { border: 1px solid #d9d9d9; }
.border-gray-300 { border: 1px solid #ddd; }
.border-gray-200 { border: 1px solid #eee; }
.border-gray-100 { border: 1px solid #f4f5f6 !important; }
.border-none { border: none; }
.border-b { border-radius: 16px 16px 0 0; border-bottom: 1px solid #ddd; }
.border-t-gray-100 { border-top: 1px solid #f4f5f6; }
.border-t-gray-200 { border-top: 1px solid #eee; }

.rounded-full { border-radius: var(--radius-99); }
.rounded-50 { border-radius: var(--radius-50); }
.rounded-xl { border-radius: var(--radius-10); }
.rounded-lg { border-radius: var(--radius-8); }
.rounded-md { border-radius: var(--radius-6); }
.rounded { border-radius: var(--radius-5); }
.rounded-sm { border-radius: var(--radius-4); }
.rounded-none { border-radius: var(--radius-0); }
.shadow-none { box-shadow: none !important; }
.top-0 { top: 0; }
.bottom-0 { bottom: 0; }
.bottom-1 { bottom: -1px; }
.bottom-10 { bottom: -10px; }
.left-0 { left: 0; }
.right-0 { right: 0; }
.right-10 { right: 10px; }
.right-15 { right: 15px; }
.top-10 { top: 10px; }
.top-15 { top: 15px; }
.top-60 { top: 60px; }
.top-20 { top: 20%; }
.left-30 { left: 30px; }
.z-2 { z-index: 2; }
.z-9 { z-index: 9; }
.z-19 { z-index: 19; }
.z-97 { z-index: 97; }
.z-98 { z-index: 98; }
.z-99 { z-index: 99; }
.z-max { z-index: 99999999; }
.aspect-8-9 { aspect-ratio: 8 / 9; }
.object-cover { object-fit: cover; }
.pointer-events-none { pointer-events: none; }
.cursor-pointer { cursor: pointer!important; }
.opacity-80 { opacity: 0.8 !important; }
.select-none { user-select: none; }
.align-middle { vertical-align: middle; }
.bg-overlay { background: rgba(0, 0, 0, 0.5); }
.no-scroll { overflow: hidden !important; }
.box-border { box-sizing: border-box !important; }
.a-flex { display: flex; }
.a-iflex { display: inline-flex; }
.a-flex-rv {display: flex;flex-direction: row-reverse;}
.a-flex-col { display: flex; flex-direction: column; }
.a-flex-row { display: flex; flex-direction: row; }
.a-flex-spbwtn { display: flex; justify-content: space-between; }
.a-flex-around { display: flex; justify-content: space-around; }
.a-flex-center { display: flex; justify-content: center; }
.a-flex-end { display: flex; justify-content: flex-end; }
.a-items-center { display: flex!important; align-items: center; }
.a-item-center { display: flex; align-items: center; }
.a-icenter { align-items: center; }
.a-items-start { display: flex; align-items: flex-start; }
.a-items-end { align-items: flex-end; }
.a-flex-wrap {display: flex!important;flex-wrap: wrap;}
.a-justify-center { justify-content: center; }
.a-block { display: block; }
.a-flex-1 { flex: 1 1 0%; }
.a-gap-2 { gap: 2px; }
.a-gap-3 { gap: 3px; }
.a-gap-4 { gap: 4px; }
.a-gap-6 { gap: 6px; }
.a-gap-8 { gap: 8px; }
.a-gap-10 { gap: 10px; }
.a-gap-12 { gap: 12px; }
.a-gap-15 { gap: 15px; }
.a-hidden { overflow: hidden!important; }
.a-overflow-auto { overflow: auto; }
.a-overflow-x-hidden { overflow-x: hidden; }
.a-overflow-y-auto { overflow-y: auto; }
.a-relative { position: relative; }
.a-absolute { position: absolute; }
.a-fixed { position: fixed; }
.b-w-full { width: 100%; }
.b-w-90 { width: 90%; }
.b-w-80 { width: 80%; }
.b-w-55 { width: 55%; }
.b-w-30 { width: 30%; }
.b-w-35 { width: 35%; }
.b-w-110 { width: 110px; flex-shrink: 0; }
.b-w-f100 { flex: 1; }
.b-w-f20 { flex: 1 0 20%; }
.b-w-f25 { flex: 1 0 25%; }
.b-w-f28 { flex: 1 0 28%; }
.b-w-f75 { flex: 1 0 75%; }
.b-h-full { height: 100%!important; }
.b-h-90 { height: 100%; max-height: 90vh; }
.b-h-75 { height: 100%; max-height: 75vh; }
.b-h-48 { height: 48px; }
.b-h-56 { height: 56px; }
.b-h-68 { height: 68px; }
.b-h-25 { height: 25px; }
.b-h-8 { height: 8px; }
.b-h-auto { height: auto; }
.b-max-w-full { max-width: 100%; }
.b-max-w-500 { max-width: 500px; }
.b-max-w-690 { max-width: 690px; }
.b-max-h-full { max-height: 100%; }
.b-max-h-100vh { max-height: 100vh; }
.b-min-h-80 { min-height: 80px !important; }
.b-min-h-50 { min-height: 50px}
.c-m-0 { margin: 0!important; }
.bnb-row-0 { margin: 0!important; }
.c-m-0-auto { margin: 0 auto; }
.c-m-5-0 { margin: 5px 0; }
.c-m-8-0 { margin: 8px 0; }
.c-m-15-0 { margin: 15px 0; }
.c-mt-0 { margin-top: 0; }
.c-mt-4 { margin-top: 4px; }
.c-mt-5 { margin-top: -5px; }
.c-mt-6 { margin-top: 6px; }
.c-mt-8 { margin-top: 8px; }
.c-mt-10 { margin-top: 10px; }
.c-mt-15 { margin-top: 15px; }
.c-mb-5 { margin-bottom: 5px; }
.c-mb-15 { margin-bottom: 15px; }
.c-mb-4 { margin-bottom: 4px; }
.c-mb-6 { margin-bottom: 6px; }
.c-mb-8 { margin-bottom: 8px; }
.c-mb-10 { margin-bottom: 10px; }
.c-mb-12 { margin-bottom: 12px; }
.c-ml-2 { margin-left: 2px; }
.c-ml-4 { margin-left: 4px; }
.c-ml-6 { margin-left: 6px; }
.c-ml-8 { margin-left: 8px; }
.c-mr-4 { margin-right: 4px; }
.c-mr-6 { margin-right: 6px; }
.c-mr-8 { margin-right: 8px; }
.c-mr-10 { margin-right: 10px; }
.c-p-0 { padding: 0!important; }
.c-p-10 { padding: 10px; }
.c-pt-10 { padding-top: 10px; }
.c-pr-10 { padding-right: 20px; }
.c-p-30-0 { padding: 30px 0; }
.c-p-15-0 { padding: 15px 0; }
.c-p-5-15 { padding: 5px 15px !important; }
.c-p-10-15 {padding: 10px 15px 0;}
.c-p-5-0 { padding: 5px 0; }
.c-p-8-0 { padding: 8px 0; }
.c-p-5-0px { padding: 5px 0px; }
.c-p-2-6 { padding: 2px 6px; }
.c-p-8-20 { padding: 8px 20px; }
.c-p-8-12 { padding: 8px 12px; }
.c-p-8-0-4 { padding: 8px 0 4px; }
.c-p-0-12 { padding: 0 12px; }
.c-p-0-10 { padding: 0 10px; }
.c-p-0-20 { padding: 0 20px; }
.c-p-0-5 { padding: 0 5px; }
.c-p-0-2re { padding: 0 2rem; }
.c-p-1-0r { padding: 1rem 0; }
.c-p-6 { padding: 6px; }
.c-p-8 { padding: 8px; }
.c-p-12 { padding: 12px; }
.c-p1re { padding: 1rem; }
.c-p055 { padding: 0.55rem; }
.c-p08re { padding: 0.8rem; }
.c-pbt-2r{ padding: 0 0 2rem }
.c-p515 {padding: 0.55rem 0.55rem 1rem 0.55rem;}
.c-p316 {padding: 1.5rem 1rem 6rem 1rem;}
.d-text-center { text-align: center!important; }
.d-text-right { text-align: right; }
.d-text-12 { font-size: 12px; }
.d-text-07r { font-size: 0.7rem; }
.d-text-13 { font-size: 0.75rem; }
.d-text-13-imp { font-size: 0.75rem !important; }
.d-text-14 { font-size: 0.8rem; }
.d-text-15 { font-size: 0.9rem;line-height: 24px; }
.d-txt-09r { font-size: 0.9rem !important; }
.d-txt-0915r { font-size: 0.915rem}
.d-txt-095r { font-size: 0.95rem}
.d-txt-1re { font-size: 1rem; }
.d-txt-05 { font-size: 1.05rem; }
.d-txt-08re { font-size: 0.8rem; }
.d-txt-087 { font-size:0.875rem; }
.d-text-15-imp { font-size: 0.9rem !important; }
.d-text-16-imp { font-size: 0.95rem !important; }
.d-text-cp {font-size: 0.85rem;}
.d-text-16 { font-size: 16px; }
.d-text-17 { font-size: 17px; }
.d-text-18 { font-size: 18px; }
.d-font-400 { font-weight: 400; }
.d-font-400-imp { font-weight: 400 !important; }
.d-font-500 { font-weight: 500; }
.d-font-600 { font-weight: 600; }
.d-font-700 { font-weight: 700; }
.d-line-0 { line-height: 0; }
.d-line-12 { line-height: 12px; }
.d-line-14 { line-height: 14px; }
.d-line-15 { line-height: 15px; }
.d-line-16 { line-height: 16px; }
.d-line-18 { line-height: 18px; }
.d-line-20 { line-height: 20px; }
.d-line-22 { line-height: 22px; }
.d-line-24 { line-height: 24px; }
.d-letter-0 { letter-spacing: 0rem; }
.d-letter-001 { letter-spacing: -0.01rem; }
.d-letter-002 { letter-spacing: 0.02rem; }
.d-letter-003 { letter-spacing: 0.03rem; }
.d-letter-015 { letter-spacing: 0.015rem; }
.d-truncate { 
display: -webkit-box; 
-webkit-line-clamp: 1;
line-clamp: 1;
-webkit-box-orient: vertical; 
overflow: hidden; 
text-overflow: ellipsis; }
.d-no-transform { text-transform: none; }
.d-line-through, .line-through { text-decoration: line-through; }
.d-txt-none { text-decoration: none; }
.e-bg-white, .bg-white { background-color: white }
.e-bg-e3 { background-color: #eee; }
.e-bg-f4f5f6 { background-color: #f4f5f6; }
.e-bg-fef3f5 { background: #fef3f5; }
.e-bg-f1fbfc { background-color: #f1fbfc; }
.e-bg-f8d7da { background: #f8d7da; }
.e-bg-fff2f5 { background: #fff2f5; }
.e-bg-transparent { background: transparent !important; }
.e-bg-fe2b54 { background: var(--bnb-color-main-2); }
.e-text-white { color: white; }
.btn-show-popup-content [type=submit]:hover { color: #fff; }
.e-text-111 { color: #111; }
.e-text-222 { color: #222; }
.e-text-333 { color: #333; }
.e-form-field { color: #333; }
.e-text-sucess { color: #00a65a; }
.e-text-333-imp { color: #333 !important; }
.e-text-555 { color: #555; }
.e-text-666 { color: #666; }
.e-text-777 { color: #777; }
.e-text-9 { color: #999; }
.e-txtlabel { color: #98a2b3 !important; }
.e-text-fe2c55 { color: var(--bnb-color-main-2); }
.e-text-f73054 { color: var(--bnb-color-main-2); }
.e-text-ec0b43 { color: var(--bnb-color-main-2); }
.e-text-4fb083 { color: var(--bnb-color-main-3); }
.e-text-04f { color: var(--bnb-color-free); }
.e-text-fe2 { color: var(--bnb-color-main-2) }
.e-fill-4fb083 { fill: var(--bnb-color-main-3); }
.e-fill-f73054 { fill: var(--bnb-color-main-2); }
.e-stroke-222 { stroke: #222; }
.e-stroke-ec0b43 { stroke: #ec0b43; }
.e-border-field { border: 1px solid #d9d9d9; }
.e-border-ddd { border: 1px solid #ddd; }
.e-border-e { border: 1px solid #eee; }
.e-border-f4f5f6 { border: 1px solid #f4f5f6 !important; }
.e-border-none { border: none; }
.e-border-b-ddd { border-radius: 16px 16px 0 0; border-bottom: 1px solid #ddd; }
.e-border-t-f4f5f6 { border-top: 1px solid #f4f5f6; }
.e-border-t-e { border-top: 1px solid #eee; }
.f-rounded-99 { border-radius: var(--bnb-radius-99); }
.f-rounded-50 { border-radius: var(--bnb-radius-50); }
.f-rounded-160 {border-radius: var(--bnb-radius-6); }
.f-rounded-10 { border-radius: var(--bnb-radius-10); }
.f-rounded-8 { border-radius: var(--bnb-radius-8); }
.f-rounded-6 { border-radius: var(--bnb-radius-6); }
.f-rounded-5 { border-radius: var(--bnb-radius-5); }
.f-rounded-4 { border-radius: var(--bnb-radius-4); }
.f-rounded-0 { border-radius: var(--bnb-radius-0); }
.f-r16-8 { border-radius: var(--bnb-radius-8); }
.g-shadow-none { box-shadow: none !important; }
.h-top-0 { top: 0; }
.h-bottom-0 { bottom: 0; }
.h-bottom-n1 { bottom: -1px; }
.h-left-0 { left: 0; }
.h-right-0 { right: 0; }
.h-right-10 { right: 10px; }
.h-right-15 { right: 15px; }
.h-top-10 { top: 10px; }
.h-top-15 { top: 15px; }
.h-top-60 { top: 60px; }
.h-top-250 { top: 20%; }
.h-left-30 { left: 30px; }
.h-z-2 { z-index: 2; }
.h-z-19 { z-index: 19; }
.h-z-97 { z-index: 97; }
.h-z-98 { z-index: 98; }
.h-z-99 { z-index: 99; }
.h-z-99999999 { z-index: 99999999; }
.i-aspect-8-9 { aspect-ratio: 8 / 9; }
.i-object-cover { object-fit: cover; }
.i-pointer-none { pointer-events: none; }
.i-pointer { cursor: pointer!important; }
.i-opacity-8 { opacity: 0.8 !important; }
.i-select-none { user-select: none; }
.i-vertical-middle { vertical-align: middle; }
.i-bg-overlay { background: rgba(0, 0, 0, 0.5); }
.i-calc-h { height: calc(100% - 56px - 68px); }
.i-no-display { display: none; }
.i-box-border { box-sizing: border-box !important; }
.i-pos-n8 { margin: -8px; }
.i-pos-btm-n10 { bottom: -10px; }
.i-w-12 { width: 12px; }
.i-sw-2 { stroke-width: 2; }
.i-sw-3 { stroke-width: 3; }
.no-scroll {overflow: hidden !important;}

.wgl-lightbox-open.single-product #main {
    z-index: 9999999;
}
.wgl-lightbox-modal button, .wgl-lightbox-modal button:not(.icon) {
    border-radius: 0 !important;
}
.product-title.woocommerce-loop-product__title, .product-title.woocommerce-loop-product__title a {
    font-size: 0.85rem;
    height: unset !important;
    overflow: hidden;
    color: var(--wvr-text2);
    font-weight: 500;
    line-height: 1.5;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.cart-popup-inner a {
    font-size: 0.85rem;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.flickity-prev-next-button {
    opacity:0.7!important;
}
::-webkit-scrollbar {
    width: 5px;
    height: 2px;
}
::-webkit-scrollbar-thumb {
    background: #333;
    border-radius: 1px;
}
::-webkit-scrollbar-track {
    background: black;
    border-radius: 1px;
}