img[data-v-01f43d4e]{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.nav[data-v-01f43d4e]{background-color:#fffefe;height:5em;justify-content:space-between;width:100%;z-index:999!important}.nav[data-v-01f43d4e],.nav>div[data-v-01f43d4e]{align-items:center;display:flex;flex-direction:row}.nav>div[data-v-01f43d4e]{gap:1.5em;height:10vh}.logo[data-v-01f43d4e]{float:left;margin-right:28%;width:170px}button[data-v-01f43d4e]{border:none;border-radius:50px}.user[data-v-01f43d4e]{padding:0}.close-btn[data-v-01f43d4e]{align-self:flex-end;background:none;border:none;cursor:pointer;font-size:1.5em}.sidebar[data-v-01f43d4e]{opacity:0;transform:translate(100%);transition:transform .3s ease,opacity .3s ease}.sidebar.open[data-v-01f43d4e]{opacity:1;transform:translate(0)}.sidebar ul[data-v-01f43d4e]{list-style:none;padding:0;width:100%}.sidebar li[data-v-01f43d4e]{margin:1em 0}.sidebar li a[data-v-01f43d4e]{color:#333;font-size:1.2em;text-decoration:none}.sidebar li a[data-v-01f43d4e]:hover{color:#f02}img[data-v-4a7ccda8]{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}nav[data-v-4a7ccda8]{background-color:#fffefe;border-bottom:2px solid #dfe1e7;bottom:5;height:5em;justify-content:space-between;position:fixed;top:0;width:100%;z-index:20}.left[data-v-4a7ccda8],.right[data-v-4a7ccda8],nav[data-v-4a7ccda8]{align-items:center;display:flex}.left[data-v-4a7ccda8]{margin-left:18em}.right[data-v-4a7ccda8]{gap:1.5em;margin-right:1em}.nav-item.wallet[data-v-4a7ccda8],.right[data-v-4a7ccda8]{display:flex;flex-direction:row}.nav-item.wallet[data-v-4a7ccda8]{align-items:center;cursor:pointer;gap:.5em}.wallet-balance[data-v-4a7ccda8]{font-weight:700;margin:0}.wallet-icon[data-v-4a7ccda8]{height:1.5em;width:1.5em}.wallet.disabled[data-v-4a7ccda8]{opacity:.6;pointer-events:none}.nav-item[data-v-4a7ccda8]{position:relative}.nav-item[data-v-4a7ccda8],.nav-item a[data-v-4a7ccda8],.nav-item button[data-v-4a7ccda8]{align-items:center;display:flex;flex-direction:column}.nav-item a[data-v-4a7ccda8],.nav-item button[data-v-4a7ccda8]{color:inherit;text-decoration:none}.label[data-v-4a7ccda8]{bottom:-20px;font-size:12px!important;left:50%;opacity:0;position:absolute;transform:translate(-50%);transition:opacity .3s ease;white-space:nowrap}.nav-item:hover .label[data-v-4a7ccda8]{opacity:1}.icon-wrapper[data-v-4a7ccda8]{position:relative}.badge[data-v-4a7ccda8]{align-items:center;background-color:#bc0d35;border-radius:50%;color:#fff;display:flex;font-size:.8em;font-weight:700;height:1.5em;justify-content:center;position:absolute;right:-5px;top:-5px;width:1.5em}.label[data-v-4a7ccda8]{font-size:.9em;margin-top:5px}.user-dropdown[data-v-4a7ccda8]{display:inline-block;position:relative}.dropdown-content[data-v-4a7ccda8]{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:none;min-width:150px;padding:1em;position:absolute;right:-40px;top:33px;z-index:50}.dropdown-content ul li[data-v-4a7ccda8]{font-size:12px!important;text-align:left!important}.dropdown-content[data-v-4a7ccda8]:hover,.user-dropdown:hover .dropdown-content[data-v-4a7ccda8],.username[data-v-4a7ccda8]{display:block}.username[data-v-4a7ccda8]{color:#333;font-size:1rem;font-weight:700;margin-bottom:.5em}.nav-item.user .label[data-v-4a7ccda8]{display:none}.user-image[data-v-4a7ccda8],.username[data-v-4a7ccda8]{cursor:pointer}.logout-button[data-v-4a7ccda8]{background-color:#bc0d35;border:none;border-radius:5px;color:#fff!important;cursor:pointer;font-size:.9rem;font-weight:700;padding:.5em 1em;text-align:center;transition:background-color .3s ease;width:100%}.logout-button[data-v-4a7ccda8]:hover{background-color:#a00b2e}@media (max-width:1200px){nav[data-v-4a7ccda8]{height:6em!important}}@media only screen and (max-width:2560px) and (min-width:2000px){.left[data-v-4a7ccda8]{margin-left:32em}}@media only screen and (max-width:3560px) and (min-width:3000px){.left[data-v-4a7ccda8]{margin-left:45em}}@media only screen and (max-width:4000) and (min-width:3800){.left[data-v-4a7ccda8]{margin-left:60em}}@media only screen and (max-width:4560px) and (min-width:4000px){.left[data-v-4a7ccda8]{margin-left:60em}}