:root{--color-text: #333;--color-bg: #f9f9f9;--color-gray: gray;--color-light-gray: #ccc;--color-white: #fff;--color-red: #E51E52;--color-red-hover: #b91c1c;--color-tab-active: #007bff;--color-banner-overlay: rgba(116, 116, 116, .378);--color-search-bg: rgba(72, 72, 72, .2);--color-search-button-bg: rgba(72, 72, 72, .1);--color-input-border: #d1d5db;--color-sponsor-text: #9ca3af;--color-sponsor-hover: #e5e7eb}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.page-content{opacity:0;transform:translateY(20px);animation:slideFadeIn .6s ease forwards}@keyframes slideFadeIn{to{opacity:1;transform:translateY(0)}}html{font-size:16px;line-height:1.5;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:1rem;background-color:var(--color-bg);color:var(--color-text);min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}button,input,textarea,select{font:inherit;border:1px solid var(--color-light-gray);border-radius:4px;padding:.5rem}button{cursor:pointer;background-color:var(--color-text);color:var(--color-white);transition:background .3s ease}button:hover{background-color:#555}#root{max-width:1380px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}.loader{border:8px solid #f3f3f3;border-top:8px solid #3498db;border-radius:50%;width:10px;height:10px;animation:logo-spin 1s linear infinite}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.breadcrumb{display:flex;align-items:center;position:absolute;top:0;left:0;transform:scale(.8)}.breadcrumb-list{display:inline-flex;align-items:center;gap:.1rem}@media (min-width: 768px){.breadcrumb-list{gap:.1rem}}.breadcrumb-item{display:inline-flex;align-items:center}.breadcrumb-link{font-size:.575rem;font-weight:500;color:#1f2937;color:gray;text-decoration:none}.breadcrumb-link:hover{text-decoration:underline}@media (min-width: 768px){.breadcrumb-link{margin-left:.5rem}}.breadcrumb-icon{margin-right:.5rem;height:1rem;width:1rem}.breadcrumb-divider{align-items:center;margin:0}.breadcrumb-separator{margin:0 .225rem;color:#1f2937}.tab-container{margin-top:0;margin-bottom:15px;display:flex;justify-content:space-between}.button-slide-container{display:flex;position:relative;background-color:#fff;box-shadow:0 0 1px #185ee026,0 6px 12px #185ee026;padding:.75rem;border-radius:99px;height:50px;overflow:hidden}.button-slide-container *{z-index:2}.tab{display:flex;align-items:center;align-items:flex-start;justify-content:center;height:54px;height:50px;width:200px;font-size:1rem;font-weight:500;border-radius:99px;cursor:pointer;transition:color .15s ease-in}.slidebtn{border:none;align-items:center;justify-content:center;background-color:transparent;color:#333;font-weight:500;border-radius:99px;cursor:pointer;transition:color .15s ease-in;display:flex;align-items:flex-start;justify-content:flex-start;height:inherit;height:45px;padding:0}.active-slidebtn{color:#fff;border-radius:99px;transform:translate(5%);transition:transform .5s ease-in-out;position:relative;top:-12px;left:-10px;font-size:1rem;z-index:100;height:100%;height:45px;height:inherit;width:100%;border:none;display:flex;align-items:center;justify-content:flex-start}.inactive-btn{background-color:transparent;color:#333;border:none}.slidebtn:hover{background-color:transparent}.active-slidebtn:hover{background-color:#333}.glider{position:absolute;top:0;display:flex;height:100%;height:inherit;height:45px;width:200px;color:#fff!important;z-index:1;border-radius:99px;transition:.25s ease-in-out;align-items:flex-start;justify-content:flex-start}.transition-1{transform:translate(0)}.transition-2{transform:translate(-10%)}.transition-3{transform:translate(0)}@media (max-width: 700px){.button-slide-container{transform:scale(.6)}}.layout-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem}@media (min-width: 768px){.layout-grid{grid-template-columns:repeat(4,1fr)}.large{grid-column:span 2;grid-row:span 2}}.layout-grid-item{position:relative;overflow:hidden;border-radius:1rem;box-shadow:0 10px 15px #0000001a;cursor:pointer}.layout-grid-item .large{position:relative;overflow:hidden;border-radius:1rem;box-shadow:0 10px 15px #0000001a;cursor:pointer;height:100%!important;max-height:450px!important}.layout-grid-item img{width:100%;height:12rem;object-fit:cover}.large img{object-fit:cover;height:100%;max-height:432px}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0009;opacity:0;transition:opacity .3s ease}.layout-grid-item:hover .overlay{opacity:1}.overlay-content{position:absolute;bottom:0;left:0;right:0;padding:1rem;color:#fff}.overlay-content h3,.overlay-content h4{margin:0;font-weight:700}.spinner{height:1rem;width:1rem;animation:spin 1s linear infinite}.spinner-bg{opacity:.25}.spinner-fg{opacity:.75}@keyframes spin{to{transform:rotate(360deg)}}.selected{background-color:#0ff}.dashboard-card{background-color:#fff;border-radius:.75rem;box-shadow:0 2px 6px #0000001a;padding:1rem;transition:box-shadow .3s ease;cursor:pointer;width:20%;height:180px;text-align:left;margin:8px}.dashboard-card:hover{box-shadow:0 4px 12px #00000026}.icon-container{margin:0 auto 1rem;display:inline-block}.dashboard-card-title{font-size:1rem;font-weight:700;color:#000;margin-bottom:1rem}@media (min-width: 640px){.dashboard-card-title{font-size:1.5rem}}@media (min-width: 1024px){.dashboard-card-title{font-size:1rem}}@media (min-width: 1280px){.dashboard-card-title{font-size:1rem}}.dashboard-card-text{font-size:1rem;font-weight:500;color:#6b7280}.page-wrapper{align-items:center;padding:1.25rem}.sidebar{width:16rem;background:#fff;padding:1.5rem;border-radius:1rem;box-shadow:0 2px 6px #0000001f}.profile{display:flex;flex-direction:column;align-items:center}.avatar-wrapper{position:relative}.avatar{width:5rem;height:5rem;border-radius:50%;object-fit:cover}.avatar-edit{position:absolute;bottom:0;right:0;background:#fff;padding:.25rem;border-radius:9999px;box-shadow:0 1px 3px #0000001a}.icon{width:1.25rem;height:1.25rem;stroke:currentColor}.greeting{margin-top:.5rem;font-size:.875rem;color:#6b7280}.name{margin-top:.25rem;font-size:1.125rem;font-weight:600}.separator{margin:1rem 0;border:none;border-top:1px solid #e5e7eb}.menu{display:flex;flex-direction:column;gap:.25rem}.menu-link{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;border-radius:9999px;color:#374151;text-decoration:none;transition:color .2s ease}.menu-link:hover{color:#2563eb}.menu-link.active{border:1px solid #2563eb;color:#2563eb;font-weight:500}.listing-table-container{display:flex;justify-content:center;align-items:center;height:100vh}.overflow-container{overflow-x:auto;display:flex;flex-direction:column}.product-table{width:100%;background-color:#fff;box-shadow:0 4px 6px #0000001a;border-radius:8px;border:1px solid #e5e7eb}.product-table thead{background-color:#f8fafc}.table-header{padding:16px 24px;text-align:left;color:#4b5563;font-weight:500;border-bottom:1px solid #e5e7eb}.product-row{padding:16px 24px;display:flex;align-items:center;gap:16px}.product-image{width:48px;height:48px;border-radius:8px}.product-name{color:#1f2937;font-weight:500}.product-brand{color:#10b981;font-size:.875rem}.table-data{padding:16px 24px;text-align:left}.total{font-weight:600;color:#1f2937}.table-body{display:flex;justify-content:space-between;height:140px;margin-bottom:5px;border:1px solid lightGray;border-radius:10px}.table-body img{width:100px;flex:.2;object-fit:cover}.card-container{height:100%;width:100%;display:flex;justify-content:center;align-items:center;padding:.5rem}.card-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));padding:1rem}@media (min-width: 640px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 768px){.card-grid{grid-template-columns:repeat(4,minmax(0,1fr));padding:.5rem}}.card-listing{position:relative;transition:transform .5s;cursor:pointer}.badge{position:absolute;top:.5rem;right:1.3rem;width:1.5rem;height:1.5rem;color:#e5e7eb;border-radius:9999px;text-align:center;font-size:.875rem;line-height:1.5rem;z-index:49}.badge:hover{transition:all .3s;transform:scale(1.1)}.heart-badge{position:absolute;top:.5rem;right:1.3rem;width:1.5rem;height:1.5rem;color:#e5e7eb;border-radius:9999px;text-align:center;font-size:.875rem;line-height:1.5rem;z-index:49}.heart-badge:hover{transition:all .3s;transform:scale(1.1)}.star-rating{position:absolute;bottom:.85rem;right:.8rem}.user-badge{position:absolute;bottom:.75rem;right:.75rem;width:1.5rem;background-color:gray;border:2px solid gray;border:2px solird #fff;color:#e5e7eb;border-radius:9999px;text-align:center;font-size:.875rem;line-height:1.5rem;z-index:1}.card-image-wrapper{margin:.5rem;display:flex;justify-content:center;position:relative}.card-image-wrapper:after{display:block;position:absolute;background-image:linear-gradient(to bottom,#fff0 0,#000);content:"";top:140px;right:0;bottom:0;left:0;opacity:.6;border-bottom-right-radius:10px;border-bottom-left-radius:10px}.card-image{border-radius:.375rem;max-width:100%;height:auto;object-fit:cover}.card-content{padding:0 1rem .75rem;text-align:left}.card-title{font-size:.9rem;font-weight:500;letter-spacing:-.015em;color:#1f2937;margin-top:0}.card-title:hover{color:#5b21b6}.card-description{font-size:.875rem;color:#4b5563;word-break:break-word}.price-display{font-weight:500;margin-top:2px;text-decoration:underline;font-size:.85rem}.address{font-size:.75rem;color:gray}.filter-button:hover{border-bottom:1px solid #333!important;color:"#222"!important;transform:scale(1.05)}.animate-pulse{animation:pulse 2s infinite ease-in-out}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.heading-bar{width:12rem;height:.5rem;margin:0 auto;background-color:#e5e7eb;border-radius:.5rem}.subheading-bar{width:16rem;height:.5rem;margin:1rem auto 0;background-color:#e5e7eb;border-radius:.5rem}.subheading-bar.wide{width:20rem}.grid-wrapper{display:grid;grid-template-columns:1fr;gap:2rem;margin-top:2rem}@media (min-width: 640px){.grid-wrapper{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.grid-wrapper{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1280px){.grid-wrapper{grid-template-columns:repeat(3,1fr);gap:3rem;margin-top:3rem}}.card-image{width:100%;height:16rem;background-color:#d1d5db;border-radius:.5rem;object-fit:cover}.card-title-ls{width:17rem;height:.5rem;margin-top:1rem;background-color:#e5e7eb;border-radius:.5rem}.card-text{width:6rem;width:17rem;height:.5rem;margin-top:1rem;background-color:#e5e7eb;border-radius:.5rem}.search-box-inner{display:flex;flex-direction:column;gap:1rem;flex-wrap:nowrap}.input-field{padding:.5rem;border:1px solid var(--color-input-border);border-radius:.375rem;outline:none;flex-grow:1}.input-field:focus{box-shadow:0 0 0 2px var(--color-red)}.search-button{background-color:#e51e52;color:#fff;padding:.7rem;border-radius:.375rem;border-radius:100%;border:none;display:flex;justify-content:center;align-items:center;width:100%;margin-top:.5rem;transition:background-color .2s ease;cursor:pointer}.search-button:hover{background-color:#b91c1c}.nav-links{display:inline-flex;align-items:center;justify-content:flex-end;width:100%;flex-wrap:nowrap;flex:.3}.nav-links li{padding-left:5px;padding-right:5px}.nav-links li a{display:inline-block}.dropdown-container{position:relative;display:inline-block;text-align:left}.group{position:relative}.dropdown-button{display:flex;border-radius:9999px;padding:.2rem .1rem;font-weight:500;border:1px solid rgba(211,211,211,.564);color:#fff;background-color:#f4f4f4}.dropdown-button:hover,.dropdown-button:focus{background-color:transparent}.dropdown-menu{position:absolute;left:0;width:10rem;margin-top:.25rem;transform-origin:top left;background-color:#fff;border-radius:.375rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.group:hover .dropdown-menu{opacity:1;visibility:visible}.dropdown-options{padding-top:.25rem;padding-bottom:.25rem;border-top:1px solid #f3f4f6;border-bottom:1px solid #f3f4f6;display:flex;flex-direction:column}.dropdown-option{display:block;padding:.5rem 1rem;font-size:.875rem;color:#374151;text-decoration:none;text-align:left}.dropdown-option:hover{background-color:#f3f4f6}.dropdown-icon{display:inline-block;width:1rem;height:1rem;margin-left:.5rem;margin-right:-.25rem}@media (min-width: 640px){.search-box-wrapper{position:absolute;bottom:-2.5rem;left:0}}@media (min-width: 640px){.search-box{max-width:64rem}.search-box-inner{max-width:60rem}.search-button{width:auto;margin-top:0}}@media (min-width: 640px){.search-box-inner{flex-direction:row;gap:.5rem}}