:root{--ops-gray-50: #f9fafb;--ops-gray-100: #f3f4f6;--ops-gray-200: #e5e7eb;--ops-gray-300: #d1d5db;--ops-gray-400: #9ca3af;--ops-gray-500: #6b7280;--ops-gray-600: #4b5563;--ops-gray-700: #374151;--ops-primary-500: #ec2629;--ops-primary-600: #d42225;--ops-outline-color: #2563eb;--ops-btn-p-y: .3125rem;--ops-btn-p-x: .75rem;--ops-form-input-p-y: .5rem;--ops-form-input-p-x: .75rem;--ops-input-border-radius: .375rem;--ops-input-border-color: var(--ops-gray-300);--ops-input-background: white;--ops-input-focus-border-color: var(--ops-primary-500);--ops-input-focus-background: white;--ops-btn-font-size: .875rem;--ops-btn-line-height: 1.25rem;--ops-btn-border-radius: .375rem;--ops-btn-default-color: #000;--ops-btn-default-border-color: var(--ops-gray-300);--ops-btn-default-background: #fff;--ops-btn-default-hover-color: #000;--ops-btn-default-hover-border-color: var(--ops-gray-400);--ops-btn-default-hover-background: var(--ops-gray-100);--ops-btn-default-active-color: #fff;--ops-btn-default-active-border-color: var(--ops-primary-500);--ops-btn-default-active-background: var(--ops-primary-500);--ops-btn-primary-color: #fff;--ops-btn-primary-border-color: var(--ops-primary-500);--ops-btn-primary-background: var(--ops-primary-500);--ops-btn-primary-hover-color: #fff;--ops-btn-primary-hover-border-color: var(--ops-primary-600);--ops-btn-primary-hover-background: var(--ops-primary-600);--ops-heading-spacing: 1.25rem;--ops-heading-gap: .25rem;--ops-heading-font-size: 1.15rem;--ops-heading-font-weight: 700;--ops-table-header-font-size: 1.25rem;--ops-table-header-font-weight: 700;--ops-table-header-padding: 1.25rem .75rem;--ops-table-header-border-color: var(--ops-gray-200);--ops-table-toggle-padding: 1rem .75rem;--ops-table-th-padding-y: .5rem;--ops-table-th-padding-x: .75rem;--ops-table-th-font-size: .875rem;--ops-table-th-line-height: 1.25rem;--ops-table-th-font-weight: 700;--ops-table-th-color: inherit;--ops-table-th-background: var(--ops-gray-100);--ops-table-td-padding-y: 1rem;--ops-table-td-padding-x: .75rem;--ops-table-td-font-size: 1rem;--ops-table-td-line-height: 1.5rem;--ops-table-td-border-color: var(--ops-gray-200);--ops-table-template: auto auto auto auto auto auto max-content;--ops-table-cell-desc-display: flex;--ops-table-cell-name-display: flex;--ops-table-cell-price-display: flex;--ops-table-cell-count-display: flex;--ops-table-cell-delivery-display: flex;--ops-table-cell-seller-display: flex;--ops-table-cell-action-display: flex;--ops-brands-list-spacing: 1.25rem 0;--ops-brands-list-btn-color: white;--ops-brands-list-btn-border-color: var(--ops-gray-600);--ops-brands-list-btn-background: var(--ops-gray-600);--ops-brands-list-btn-rounded: 99px;--ops-brands-list-btn-hover-color: white;--ops-brands-list-btn-hover-border-color: var(--ops-gray-700);--ops-brands-list-btn-hover-background: var(--ops-gray-700);--ops-brands-list-btn-active-color: white;--ops-brands-list-btn-active-border-color: var(--ops-primary-500);--ops-brands-list-btn-active-background: var(--ops-primary-500);--ops-icon-cart: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'><path d='M1 1.75A.75.75 0 0 1 1.75 1h1.628a1.75 1.75 0 0 1 1.734 1.51L5.18 3a65.25 65.25 0 0 1 13.36 1.412.75.75 0 0 1 .58.875 48.645 48.645 0 0 1-1.618 6.2.75.75 0 0 1-.712.513H6a2.503 2.503 0 0 0-2.292 1.5H17.25a.75.75 0 0 1 0 1.5H2.76a.75.75 0 0 1-.748-.807 4.002 4.002 0 0 1 2.716-3.486L3.626 2.716a.25.25 0 0 0-.248-.216H1.75A.75.75 0 0 1 1 1.75ZM6 17.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM15.5 19a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z' /></svg>");--ops-icon-info: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='currentColor'><path fill-rule='evenodd' d='M18 10a8 8 0 1 1-16 0 8 8 0 0 1 16 0Zm-7-4a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM9 9a.75.75 0 0 0 0 1.5h.253a.25.25 0 0 1 .244.304l-.459 2.066A1.75 1.75 0 0 0 10.747 15H11a.75.75 0 0 0 0-1.5h-.253a.25.25 0 0 1-.244-.304l.459-2.066A1.75 1.75 0 0 0 9.253 9H9Z' clip-rule='evenodd' /></svg>");--ops-spinner-color: #000;--ops-animate-spin: ops-spin 1s linear infinite}.ops-container *{box-sizing:border-box}.ops-container svg{display:block}.ops-container button{cursor:pointer}.ops-container button:focus{outline:none}.ops-container button:focus-visible{box-shadow:0 0 0 1px #fff,0 0 0 3px var(--ops-outline-color)}.ops-icon-cart{display:block;width:1.25rem;height:1.25rem;background:var(--ops-icon-cart) center no-repeat;background-size:100%}.ops-icon-info{display:block;width:1.25rem;height:1.25rem;background:var(--ops-icon-info) center no-repeat;background-size:100%}.ops-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:var(--ops-heading-gap);margin-bottom:var(--ops-heading-spacing)}.ops-heading h1{margin:0;font-size:var(--ops-heading-font-size);line-height:120%;font-weight:var(--ops-heading-font-weight)}.ops-table-cell-desc>div{display:var(--ops-table-cell-desc-display)}.ops-table-cell-name>div{display:var(--ops-table-cell-name-display)}.ops-table-cell-price>div{display:var(--ops-table-cell-price-display)}.ops-table-cell-count>div{display:var(--ops-table-cell-count-display)}.ops-table-cell-delivery>div{display:var(--ops-table-cell-delivery-display)}.ops-table-cell-seller>div{display:var(--ops-table-cell-seller-display)}.ops-table-cell-action>div{display:var(--ops-table-cell-action-display)}.ops-table-heading-row{display:none}.ops-table-cell-desc[role=columnheader]{grid-column:1 / 3}@media (min-width: 640px){.ops-table{display:grid;grid-template-columns:var(--ops-table-template)}.ops-table [role=rowgroup],.ops-table [role=row]{display:contents}.ops-table-cell[role=columnheader]{display:flex;height:100%;font-size:var(--ops-table-th-font-size);line-height:var(--ops-table-th-line-height);font-weight:var(--ops-table-th-font-weight);color:var(--ops-table-th-color);background:var(--ops-table-th-background)}.ops-table-cell[role=columnheader]>div{height:100%;padding:var(--ops-table-th-padding-y) var(--ops-table-th-padding-x)}.ops-table-cell[role=columnheader]>div:empty{padding:0}}.ops-brands-list{display:flex;flex-wrap:wrap;gap:.25rem;margin:var(--ops-brands-list-spacing);padding:0;list-style:none}.ops-brands-list button[type=button]{display:flex;align-items:center;gap:.25rem;height:1.75rem;padding:0 .5rem;font-size:.875rem;line-height:1.25rem;color:var(--ops-brands-list-btn-color);border:1px solid var(--ops-brands-list-btn-border-color);background:var(--ops-brands-list-btn-background);border-radius:var(--ops-brands-list-btn-rounded)}.ops-brands-list button[type=button]:hover{color:var(--ops-brands-list-btn-hover-color);border:1px solid var(--ops-brands-list-btn-hover-border-color);background:var(--ops-brands-list-btn-hover-background)}.ops-brands-list button[type=button].active{color:var(--ops-brands-list-btn-active-color);border:1px solid var(--ops-brands-list-btn-active-border-color);background:var(--ops-brands-list-btn-active-background)}.ops-brands-list button[type=button] span{opacity:.75}.ops-btn{display:inline-flex;align-items:center;gap:.25rem;font-size:var(--ops-btn-font-size);line-height:var(--ops-btn-line-height);padding:var(--ops-btn-p-y) var(--ops-btn-p-x);border:1px solid transparent;background:transparent;border-radius:var(--ops-btn-border-radius)}.ops-btn-default{color:var(--ops-btn-default-color);border-color:var(--ops-btn-default-border-color);background:var(--ops-btn-default-background)}.ops-btn-default:hover{color:var(--ops-btn-default-hover-color);border-color:var(--ops-btn-default-hover-border-color);background:var(--ops-btn-default-hover-background)}.ops-btn-default.active{color:var(--ops-btn-default-active-color);border-color:var(--ops-btn-default-active-border-color);background:var(--ops-btn-default-active-background)}.ops-btn-primary{color:var(--ops-btn-primary-color);border-color:var(--ops-btn-primary-border-color);background:var(--ops-btn-primary-background)}.ops-btn-primary:hover{color:var(--ops-btn-primary-hover-color);border-color:var(--ops-btn-primary-hover-border-color);background:var(--ops-btn-primary-hover-background)}.ops-btn-group{display:flex;margin-top:.5rem}.ops-btn-group .ops-btn+.ops-btn{margin-left:-1px}.ops-btn-group .ops-btn:hover,.ops-btn-group .ops-btn.active{position:relative}.ops-btn-group .ops-btn.active{z-index:1}.ops-btn-group .ops-btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.ops-btn-group .ops-btn:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.ops-data-loading{display:flex;justify-content:center;margin:1.25rem 0;color:var(--ops-spinner-color)}.ops-animate-spin{animation:var(--ops-animate-spin)}@keyframes ops-spin{to{transform:rotate(360deg)}}.ops-form{position:relative;margin-bottom:1.25rem}.ops-form>input{display:block;width:100%;padding:var(--ops-form-input-p-y) var(--ops-form-input-p-x);font-size:1rem;line-height:1.5rem;border:1px solid var(--ops-input-border-color);background:var(--ops-input-background);border-radius:var(--ops-input-border-radius)}.ops-form>input:focus{outline:none;border:1px solid var(--ops-input-focus-border-color);box-shadow:0 0 0 1px var(--ops-input-focus-border-color);background:var(--ops-input-focus-background)}.ops-form>.ops-btn{position:absolute;top:50%;transform:translateY(-50%);right:.5rem}.ops-categories{display:grid;grid-template-columns:repeat(3,auto)}.ops-categories [role=row]{display:contents}.ops-categories [role=row]:nth-child(odd){background:var(--ops-gray-50)}.ops-categories [role=row]:hover{background:var(--ops-gray-200)}.ops-categories [role=columnheader]{padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;font-weight:700;background:var(--ops-gray-100)}.ops-categories [role=cell]{padding:.75rem;background:inherit;cursor:pointer}.ops-progress{height:.5rem;width:17rem;background:var(--ops-gray-200);border-radius:100px}.ops-progress-bar{height:.5rem;background:var(--ops-primary-500);border-radius:100px;transition:all .2s linear}.ops-progress-bar-success{background:#15803d}