2 lines
9.7 KiB
CSS
2 lines
9.7 KiB
CSS
|
.products-page[data-v-082ad547]{background:var(--color-bg);position:relative}.nav-filter[data-v-082ad547]{cursor:pointer;width:40px;height:40px;color:var(--color-text);background:0 0;border:none;place-items:center;display:grid}.nav-filter--active[data-v-082ad547]{color:var(--color-primary)}.products-desk-head[data-v-082ad547]{padding-inline:var(--page-padding);justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:4px;display:flex}.products-desk-head__copy[data-v-082ad547]{min-width:0}.products-desk-head__filter[data-v-082ad547]{border:1px solid var(--color-border);background:var(--color-surface);width:auto;min-width:40px;height:40px;font:inherit;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:.8125rem;font-weight:600;display:inline-flex}.products-filter-panel[data-v-082ad547]{z-index:200;background:#00000073;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.products-filter-sheet[data-v-082ad547]{background:var(--color-surface);width:100%;max-width:520px;max-height:min(88dvh,640px);color:var(--color-text);padding:10px 16px calc(16px + env(safe-area-inset-bottom,0px));box-shadow:var(--shadow-md);border-radius:20px 20px 0 0;flex-direction:column;gap:16px;display:flex;overflow-y:auto}.products-filter-sheet__handle[data-v-082ad547]{background:var(--color-border);border-radius:999px;width:40px;height:4px;margin:4px auto 0}.products-filter-sheet__head[data-v-082ad547]{justify-content:space-between;align-items:center;gap:8px;display:flex}.products-filter-sheet__head h2[data-v-082ad547]{margin:0;font-size:1.0625rem;font-weight:700}.products-filter-sheet__close[data-v-082ad547]{background:var(--color-bg);width:36px;height:36px;color:var(--color-text);cursor:pointer;border:none;border-radius:10px;font-size:1.4rem;line-height:1}.products-filter-section[data-v-082ad547]{flex-direction:column;gap:8px;display:flex}.products-filter-section__title[data-v-082ad547]{font-size:.875rem;font-weight:700}.products-filter-section.app-select[data-v-082ad547]{flex-direction:column;gap:8px;display:flex}.products-filter-actions[data-v-082ad547]{flex-direction:column;gap:10px;margin-top:4px;display:flex}.products-filter-clear[data-v-082ad547],.products-filter-link[data-v-082ad547]{color:var(--color-info);font:inherit;cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:.875rem;font-weight:600}.products-filter-clear[data-v-082ad547]{color:var(--color-text-muted)}.products-filter-sheet-enter-active[data-v-082ad547],.products-filter-sheet-leave-active[data-v-082ad547]{transition:opacity .2s}.products-filter-sheet-enter-active .products-filter-sheet[data-v-082ad547],.products-filter-sheet-leave-active .products-filter-sheet[data-v-082ad547]{transition:transform .24s}.products-filter-sheet-enter-from[data-v-082ad547],.products-filter-sheet-leave-to[data-v-082ad547]{opacity:0}.products-filter-sheet-enter-from .products-filter-sheet[data-v-082ad547],.products-filter-sheet-leave-to .products-filter-sheet[data-v-082ad547]{transform:translateY(100%)}.products-scroll[data-v-082ad547]{padding:8px var(--page-padding) 24px;flex-direction:column;gap:12px;display:flex}.cat-banner[data-v-082ad547]{isolation:isolate;border-radius:var(--radius-lg);background:linear-gradient(100deg, rgba(var(--color-primary-rgb), .75), rgba(var(--color-primary-rgb), .35)), #2f3430;color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;min-height:148px;display:flex;position:relative;overflow:hidden}.cat-banner--photo[data-v-082ad547]{aspect-ratio:2.35;background-position:50%;justify-content:flex-start;align-items:flex-end;min-height:156px;max-height:196px}.cat-banner--photo[data-v-082ad547]:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(#0000 12%,#0000002e 38%,#0000007a 66%,#000c 100%);position:absolute;inset:0}.cat-banner[data-v-082ad547]:not(.cat-banner--photo):before{content:"";z-index:0;pointer-events:none;background:linear-gradient(270deg,#0000006b 0%,#0000002e 42%,
|