.size-index{--si-primary-light: #DBEAFE;--si-text: #1E293B;--si-text-muted: #64748B;--si-border: #E2E8F0;--si-bg: #FFFFFF;--si-bg-alt: #F8FAFC;--si-bg-hover: #F1F5F9;--si-success: #10B981;--si-badge-bg: linear-gradient(135deg, #EFF6FF 0%, #DBEAFE 100%);--si-badge-border: #93C5FD;--si-badge-text: #1D4ED8;--si-radius: 16px;--si-shadow: 0 4px 6px -1px rgba(0,0,0,.07), 0 2px 4px -2px rgba(0,0,0,.05);--si-shadow-lg: 0 10px 15px -3px rgba(0,0,0,.08), 0 4px 6px -4px rgba(0,0,0,.05);color:var(--si-text);font-family:system-ui,-apple-system,sans-serif}.size-index__header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,var(--si-bg) 0%,var(--si-bg-alt) 100%);border:1px solid var(--si-border);border-bottom:none;border-radius:var(--si-radius) var(--si-radius) 0 0;box-shadow:var(--si-shadow)}.size-index__header-left{display:flex;align-items:center;gap:12px}.size-index__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--si-primary);color:#fff;border-radius:10px;box-shadow:0 2px 4px #2563eb4d}.size-index__titles{display:flex;flex-direction:column;gap:2px}.size-index__title{margin:0;font-size:17px;font-weight:700;color:var(--si-text);letter-spacing:-.01em}.size-index__count{margin:0;font-size:13px;color:var(--si-text-muted)}.size-index__count strong{color:var(--si-primary);font-weight:700}.size-index__hint{font-size:12px;color:var(--si-text-muted);white-space:nowrap}.size-index__tools{display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--si-bg);border:1px solid var(--si-border);border-top:none}.size-index__search-wrap{position:relative;flex:1;max-width:360px}.size-index__search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--si-text-muted);pointer-events:none}.size-index__search{width:100%;padding:10px 36px 10px 38px;border:1px solid var(--si-border);border-radius:10px;background:var(--si-bg-alt);font-size:14px;transition:all .2s ease}.size-index__search:focus{outline:none;border-color:var(--si-primary);background:var(--si-bg);box-shadow:0 0 0 3px var(--si-primary-light)}.size-index__search::placeholder{color:var(--si-text-muted)}.size-index__clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:var(--si-border);color:var(--si-text-muted);border-radius:50%;cursor:pointer;transition:all .15s ease}.size-index__clear:hover{background:var(--si-text-muted);color:#fff}.size-index__result{font-size:13px;font-weight:600;color:var(--si-primary);white-space:normal}.size-index__tablewrap{position:relative;border:1px solid var(--si-border);border-top:none;border-radius:0 0 var(--si-radius) var(--si-radius);background:var(--si-bg);box-shadow:var(--si-shadow-lg);overflow:hidden}.size-index__table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.5}.size-index__table th{padding:12px 16px;background:linear-gradient(180deg,var(--si-bg-alt) 0%,#F1F5F9 100%);border-bottom:2px solid var(--si-border);font-size:12px;font-weight:700;color:var(--si-text-muted);text-transform:uppercase;letter-spacing:.05em;text-align:left}.size-index__th-num{width:48px;text-align:center!important}.size-index__th-name{width:auto}.size-index__th-size{width:140px}.size-index__table td{padding:14px 16px;border-bottom:1px solid var(--si-border);vertical-align:middle;transition:background .15s ease}.size-index__table tbody tr{transition:all .15s ease}.size-index__table tbody tr:hover{background:var(--si-bg-hover)}.size-index__num{text-align:center;font-size:12px;font-weight:600;color:var(--si-text-muted)}.size-index__product{color:var(--si-text);text-decoration:none;font-weight:500;transition:color .15s ease;display:inline-block}.size-index__product:hover{color:var(--si-primary);text-decoration:underline;text-underline-offset:2px}.size-index__size-link{display:inline-block;text-decoration:none}.size-badge{display:inline-flex;align-items:center;padding:5px 12px;background:var(--si-badge-bg);border:1px solid var(--si-badge-border);border-radius:8px;color:var(--si-badge-text);font-size:13px;font-weight:600;white-space:nowrap;transition:all .15s ease}.size-index__size-link:hover .size-badge{background:var(--si-primary-light);border-color:var(--si-primary);transform:translateY(-1px);box-shadow:0 2px 4px #2563eb33}.size-badge.is-empty{background:var(--si-bg-alt);border-color:var(--si-border);color:var(--si-text-muted);font-weight:400}.size-index__tools-label{width:100%;margin:0 0 4px;padding:7px 12px;background:var(--si-badge-bg);border:1px solid var(--si-badge-border);border-radius:8px;font-size:13.5px;font-weight:700;color:var(--si-badge-text);line-height:1.6}.size-index__tools-label-sub{font-weight:500}.size-index__tools{flex-wrap:wrap}.size-index__search-wrap{min-width:220px}.size-index__noresult{padding:22px 16px;text-align:center;font-size:13px;color:var(--si-text-muted)}.size-index__noresult strong{display:block;margin-bottom:6px;color:#dc2626}.size-index__footer{border-top:1px solid var(--si-border);background:var(--si-bg-alt)}.size-index__more{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 16px;border:none;background:transparent;color:var(--si-primary);font-size:14px;font-weight:700;cursor:pointer;transition:background .15s ease}.size-index__more:hover{background:var(--si-primary-light)}.size-index__more:focus-visible{outline:2px solid var(--si-primary);outline-offset:-2px}.size-index__more-icon{transition:transform .2s ease}.size-index__more[aria-expanded=true] .size-index__more-icon{transform:rotate(180deg)}.size-index__table tr.is-highlight{background:#fef9c3!important}.size-index__table tr.is-highlight:hover{background:#fef08a!important}.size-index__table tr.is-current{background:linear-gradient(90deg,var(--si-primary-light) 0%,var(--si-bg) 100%)!important}.size-index__table tr.is-current .size-index__num{color:var(--si-primary)}.size-index__table tr.is-current .size-index__product{color:var(--si-primary);font-weight:600}.size-index__note{display:flex;align-items:center;justify-content:center;gap:6px;margin:14px 0 0;font-size:12px;color:var(--si-text-muted)}.size-index__note svg{flex-shrink:0}@media(max-width:640px){.size-index__header{flex-direction:column;align-items:flex-start;gap:8px;padding:14px 16px}.size-index__hint{display:none}.size-index__tools{flex-direction:column;flex-wrap:nowrap;align-items:stretch;padding:12px 16px}.size-index__search-wrap{max-width:100%}.size-index__result{text-align:center}.size-index__table thead{display:none}.size-index__table tbody tr{display:grid;grid-template-columns:36px 1fr;grid-template-rows:auto auto;gap:4px 8px;padding:12px 14px;border-bottom:1px solid var(--si-border)}.size-index__table td{padding:0;border:none}.size-index__num{grid-row:1 / 3;display:flex;align-items:center;justify-content:center;font-size:14px;background:var(--si-bg-alt);border-radius:8px}.size-index__name{grid-column:2;grid-row:1}.size-index__size{grid-column:2;grid-row:2}.size-index__th-size,.size-index__th-name,.size-index__th-num{width:auto}}.size-index{--pnx-si-b: #0E8A63;--pnx-si-b-light: #E6F4EE;--pnx-si-b-dark: #0A6B4C}.size-index [hidden]{display:none}.size-index .size-index__tools{container:pnx-si / inline-size}.size-index .size-index__clear[hidden]{display:none}.size-index .pnx-si-finder,.size-index .pnx-si-fixed,.size-index .pnx-si-status{width:100%}.size-index .pnx-si-finder:not([hidden]){display:grid;grid-template-columns:minmax(0,1fr);gap:8px}.size-index .pnx-si-figure{display:flex;align-items:center;gap:10px;margin:0}.size-index .pnx-si-figure svg{width:48px;height:48px;flex:none}.size-index .pnx-si-figure__cap{display:flex;flex-wrap:wrap;gap:2px 10px;font-size:13px;font-weight:700;line-height:1.5}.size-index .pnx-si-fig__body{fill:none;stroke:#94a3b8;stroke-width:2.5}.size-index .pnx-si-fig__a,.size-index .pnx-si-fig__b{fill:none;stroke-width:3;stroke-linecap:round}.size-index .pnx-si-fig__a{stroke:var(--si-primary)}.size-index .pnx-si-fig__b{stroke:var(--pnx-si-b)}.size-index .pnx-si-fig__cap-a{color:var(--si-primary)}.size-index .pnx-si-fig__cap-b{color:var(--pnx-si-b-dark)}.size-index .pnx-si-panel,.size-index .pnx-si-axis{min-width:0}.size-index .pnx-si-axis__name{display:block;margin:0 0 4px;font-size:15px;font-weight:700;line-height:1.5}.size-index .pnx-si-axis--a .pnx-si-axis__name{color:var(--si-primary)}.size-index .pnx-si-axis--b .pnx-si-axis__name{color:var(--pnx-si-b-dark)}.size-index .pnx-si-chips{display:none}.size-index .pnx-si-chip{position:relative;box-sizing:border-box;min-height:40px;min-width:48px;padding:6px 12px 6px 22px;border:1px solid var(--si-border);border-radius:999px;background:var(--si-bg);color:var(--si-text);font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.3;cursor:pointer}.size-index .pnx-si-chip--any{font-size:13px;color:var(--si-text-muted)}.size-index .pnx-si-chip[aria-pressed=true]:before{content:"\2713";position:absolute;left:8px;top:50%;transform:translateY(-50%);font-size:12px}.size-index .pnx-si-axis--a .pnx-si-chip[aria-pressed=true]{border-color:var(--si-primary);box-shadow:inset 0 0 0 1px var(--si-primary);background:var(--si-primary-light);color:var(--si-primary-dark)}.size-index .pnx-si-axis--b .pnx-si-chip[aria-pressed=true]{border-color:var(--pnx-si-b);box-shadow:inset 0 0 0 1px var(--pnx-si-b);background:var(--pnx-si-b-light);color:var(--pnx-si-b-dark)}.size-index .pnx-si-chip:disabled{color:var(--si-text-muted);background:transparent;border:1px dashed #94A3B8;text-decoration:none;cursor:not-allowed;opacity:1}.size-index .pnx-si-chip:focus-visible,.size-index .pnx-si-select:focus-visible,.size-index .pnx-si-redo__btn:focus-visible,.size-index .pnx-si-reset:focus-visible{outline:2px solid var(--si-primary);outline-offset:2px}.size-index .pnx-si-select{display:block;width:100%;min-width:0;height:50px;font-size:16px}.size-index .pnx-si-select{box-sizing:border-box;padding:0 10px;border:1px solid var(--si-border);border-radius:10px;background-color:var(--si-bg);color:var(--si-text);font-variant-numeric:tabular-nums}.size-index .pnx-si-axis--a .pnx-si-select--set{border-color:var(--si-primary);box-shadow:inset 0 0 0 1px var(--si-primary);background-color:var(--si-primary-light)}.size-index .pnx-si-axis--b .pnx-si-select--set{border-color:var(--pnx-si-b);box-shadow:inset 0 0 0 1px var(--pnx-si-b);background-color:var(--pnx-si-b-light)}.size-index .pnx-si-x{display:none}.size-index .pnx-si-axes--pair{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:8px;align-items:end}.size-index .pnx-si-axes--pair .pnx-si-x{display:block}.size-index .pnx-si-x{padding-bottom:14px;color:var(--si-text-muted);font-weight:700}.size-index .pnx-si-axis__sub,.size-index .pnx-si-hint{display:none}.size-index .pnx-si-axis__sub{margin:4px 0 0;font-size:13px;color:var(--si-text-muted)}.size-index .pnx-si-hint{margin:8px 0 0;font-size:13px;color:var(--si-text-muted)}.size-index .pnx-si-redo:not([hidden]){display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.size-index .pnx-si-redo__btn{min-height:36px;padding:4px 12px;border:1px solid var(--si-border);border-radius:999px;background:var(--si-bg);color:var(--si-text);font-size:13px;font-weight:600;cursor:pointer}.size-index .pnx-si-fixed{margin:8px 0 0;padding:6px 12px;border:1px dashed var(--si-border);border-radius:8px;background:var(--si-bg-alt);color:var(--si-text);font-size:14px;font-weight:600}.size-index .pnx-si-status:not([hidden]){display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:8px 0 4px}.size-index .pnx-si-reset{min-height:36px;padding:4px 14px;border:1px solid var(--si-border);border-radius:999px;background:var(--si-bg);color:var(--si-text);font-size:13px;font-weight:700;cursor:pointer}.size-index .size-index__noresult .pnx-si-reset{margin-top:8px}.size-index .size-index__noresult span{display:block}@container pnx-si (min-width: 440px){.size-index .pnx-si-axis--chips .pnx-si-chips{display:flex;flex-wrap:wrap;gap:6px}.size-index .pnx-si-axis--chips .pnx-si-select{display:none}.size-index .pnx-si-axis--list .pnx-si-select{width:auto;min-width:10em;max-width:100%;height:44px}.size-index .pnx-si-axes--pair{display:block}.size-index .pnx-si-axes--pair .pnx-si-x{display:none}.size-index .pnx-si-axes--pair.pnx-si-axes--lists{display:grid;max-width:520px}.size-index .pnx-si-axes--pair.pnx-si-axes--lists .pnx-si-x{display:block}.size-index .pnx-si-axes--pair.pnx-si-axes--lists .pnx-si-select{width:100%}.size-index .pnx-si-axis__sub:not([hidden]),.size-index .pnx-si-hint:not([hidden]){display:block}.size-index .pnx-si-figure svg{width:56px;height:56px}.size-index .pnx-si-axes--pair .pnx-si-axis+.pnx-si-x+.pnx-si-axis{margin-top:12px}.size-index .pnx-si-axes--pair.pnx-si-axes--lists .pnx-si-axis+.pnx-si-x+.pnx-si-axis{margin-top:0}.size-index .pnx-si-x{padding-bottom:10px}}@container pnx-si (min-width: 760px){.size-index .pnx-si-finder:not([hidden]){grid-template-columns:88px minmax(0,1fr);gap:16px;align-items:start}.size-index .pnx-si-figure{flex-direction:column}.size-index .pnx-si-figure svg{width:80px;height:80px}.size-index .pnx-si-figure__cap{flex-direction:column;align-items:center}.size-index .pnx-si-axis{display:grid;grid-template-columns:8em minmax(0,1fr);column-gap:12px;align-items:start}.size-index .pnx-si-axis .pnx-si-axis__sub{grid-column:2}.size-index .pnx-si-axis .pnx-si-axis__name{margin:0;padding-top:8px}.size-index .pnx-si-axes--lists .pnx-si-axis{display:block}.size-index .pnx-si-axes--lists .pnx-si-axis .pnx-si-axis__name{margin:0 0 4px;padding-top:0}}
/*# sourceMappingURL=/cdn/shop/t/197/assets/pnx-size-index.css.map */