.archive-grid-section{max-width:var(--max-width);padding:var(--page-padding-top) var(--page-padding-x) var(--page-padding-bottom);margin:0 auto}.archive-filters{gap:var(--space-3);margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:1px solid var(--border-medium);flex-wrap:wrap;align-items:baseline;display:flex}.filter-group{align-items:baseline;gap:8px;display:flex}.filter-group--sort{margin-left:0}.filter-group label{font-family:var(--font-family-base);font-size:var(--font-mini);text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary)}.filter-select{font-family:var(--font-family-base);font-size:var(--font-caption);cursor:pointer;color:var(--text-primary);transition:color var(--duration-fast) ease;appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12' fill='none' stroke='%231a1a1a' stroke-width='1.5'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5'/%3E%3C/svg%3E") right 4px center no-repeat;border:none;min-height:44px;padding:8px 22px 8px 0}.filter-select--ghost{color:var(--text-secondary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12' fill='none' stroke='%23666666' stroke-width='1.5'%3E%3Cpath d='M3 4.5L6 7.5L9 4.5'/%3E%3C/svg%3E")}.filter-select:focus{outline:none}.filter-select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.filter-select:hover{color:var(--red-mark)}.archive-count{font-family:var(--font-family-mono);font-size:var(--font-mini);letter-spacing:.04em;color:var(--text-secondary);order:-1;margin-right:auto}.archive-filters{justify-content:space-between;align-items:center}.vr-cats{gap:var(--space-3);flex-wrap:wrap;display:flex}.vr-chip{min-height:24px;color:var(--text-muted);cursor:pointer;transition:color var(--duration-fast) var(--ease-out);background:0 0;border:0;align-items:center;padding:6px 8px;display:flex;position:relative}.vr-chip-code{font-family:var(--font-family-base);font-size:var(--font-sm);text-transform:uppercase;letter-spacing:.12em;font-weight:500;line-height:1}.vr-chip:hover{color:var(--text-secondary)}.vr-chip--active{color:var(--text-primary)}.vr-chip--active:after{content:"";background:var(--accent);height:1px;position:absolute;bottom:-1px;left:0;right:0}.vr-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.vr-right{align-items:center;gap:var(--space-3);display:flex}.archive-controls{display:contents}.archive-filter-trigger,.archive-sheet-backdrop,.archive-sheet-head{display:none}.vr-dd{align-items:baseline;gap:6px;display:flex}.vr-combo{position:relative}.vr-combo-btn{min-height:44px;font-family:var(--font-family-base);font-size:var(--font-mini);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-secondary);cursor:pointer;transition:color var(--duration-fast) var(--ease-out);background:0 0;border:0;align-items:center;gap:8px;padding:4px 0;display:inline-flex}.vr-combo-btn:hover{color:var(--text-primary)}.vr-combo-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.vr-combo-chevron{width:7px;height:7px;transition:transform var(--duration-normal) var(--ease-out);border-bottom:1.5px solid;border-right:1.5px solid;transform:translateY(-2px)rotate(45deg)}.vr-combo-btn[aria-expanded=true] .vr-combo-chevron{transform:translateY(1px)rotate(225deg)}.vr-combo-panel{z-index:99;min-width:220px;max-height:320px;padding:var(--space-1) 0;background:var(--surface-raised);border:1px solid var(--surface-border);box-shadow:var(--surface-shadow);margin:0;list-style:none;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.vr-combo-panel[hidden]{display:none}.vr-combo-opt{padding:8px var(--space-3);font-family:var(--font-family-base);font-size:var(--font-sm);color:var(--text-secondary);cursor:pointer;transition:color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out)}.vr-combo-opt:hover,.vr-combo-opt--active{color:var(--text-primary);background:var(--overlay-light)}.vr-combo-opt--selected{color:var(--text-primary)}.vr-combo-opt--selected:before{content:"";background:var(--accent);vertical-align:middle;width:5px;height:5px;margin-right:8px;display:inline-block}@media (prefers-reduced-motion:reduce){.vr-combo-chevron{transition:none}}.vr-sort{gap:var(--space-2);display:flex}.vr-sortbtn{min-width:24px;min-height:24px;font-family:var(--font-family-base);font-size:var(--font-mini);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-muted);cursor:pointer;transition:color var(--duration-fast) var(--ease-out);background:0 0;border:0;justify-content:center;align-items:center;padding:4px 6px;display:inline-flex;position:relative}.vr-sortbtn:after{content:"";background:var(--accent);transform-origin:50%;height:1px;transition:transform var(--duration-normal) var(--ease-out);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.vr-sortbtn--active:after{transform:scaleX(1)}.vr-sortbtn:hover:after{opacity:.4;transform:scaleX(1)}.vr-sortbtn--active,.vr-sortbtn:hover{color:var(--text-primary)}@media (prefers-reduced-motion:reduce){.vr-sortbtn:after{transition:none}}.vr-sortbtn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (pointer:coarse){.vr-chip:before,.vr-sortbtn:before{content:"";width:100%;min-width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.vr-combo-opt{align-items:center;min-height:44px;display:flex}}.vr-right .archive-count{order:0;margin:0}.archive-grid-section .archive-grid{gap:var(--space-3) var(--space-2);grid-template-columns:repeat(6,1fr);display:grid}.archive-grid>.archive-item:nth-child(21n+1),.archive-grid>.archive-item:nth-child(21n+2),.archive-grid>.archive-item:nth-child(21n+3){grid-column:span 2}@media (width<=1024px){.archive-grid-section .archive-grid{grid-template-columns:repeat(4,1fr)}.archive-grid>.archive-item:nth-child(21n+2),.archive-grid>.archive-item:nth-child(21n+3){grid-column:span 1}}.archive-hidden{display:none}.archive-empty{text-align:center;padding:var(--space-8) var(--space-4)}.archive-empty-text{font-family:var(--font-family-base);font-size:var(--font-body);color:var(--text-secondary);margin:0 0 var(--space-3)}.archive-empty-reset{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);cursor:pointer;min-height:44px;transition:color var(--duration-fast) ease;background:0 0;border:none;padding:8px 16px}.archive-empty-reset:hover{color:var(--text-primary)}.archive-empty-reset:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.show-more-btn{margin:var(--space-5) auto 0;padding:var(--space-1) var(--space-3);font-size:var(--font-mini);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-secondary);cursor:pointer;transition:color var(--duration-fast) var(--ease-out);background:0 0;border:0;min-height:44px;font-weight:600;display:block}.show-more-btn:hover{color:var(--text-primary)}.show-more-btn:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.show-more-btn.hidden{display:none}.archive-item{border-radius:var(--radius-sm);content-visibility:auto;contain-intrinsic-size:400px 620px;flex-direction:column;display:flex;position:relative}.archive-item:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.archive-image-frame{line-height:0;position:relative;overflow:hidden}.archive-image{aspect-ratio:3/4;object-fit:cover;width:100%}.archive-image-frame .archive-image{transition:opacity var(--duration-normal) var(--ease-out), transform var(--duration-slow) var(--ease-out)}.archive-grid .archive-item:hover,.archive-grid .archive-item:focus-visible{box-shadow:none;z-index:auto;transform:none}.archive-grid .archive-item:hover .archive-image,.archive-grid .archive-item:focus-visible .archive-image{transform:scale(1.045)}.archive-item-info{flex-direction:column;gap:2px;padding:10px 2px 0;display:flex}.archive-item-brand{font-family:var(--font-family-base);font-size:var(--font-caption);color:var(--text-primary);overflow-wrap:anywhere;transition:color var(--duration-normal) var(--ease-out);font-weight:500;line-height:1.3}.archive-image-frame:after{content:"";opacity:0;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-out);background:linear-gradient(#0000 50%,#000000d9 100%);position:absolute;inset:0}.archive-item-title{z-index:1;font-family:var(--font-family-base);font-size:var(--font-micro);color:#fff;opacity:0;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-out);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:500;line-height:1.3;display:-webkit-box;position:absolute;bottom:9px;left:11px;right:11px;overflow:hidden}.archive-grid>.archive-item:nth-child(21n+1) .archive-item-title,.archive-grid>.archive-item:nth-child(21n+2) .archive-item-title,.archive-grid>.archive-item:nth-child(21n+3) .archive-item-title{font-size:var(--font-mini);bottom:15px;left:18px;right:18px}.archive-grid .archive-item:hover .archive-image-frame:after,.archive-grid .archive-item:focus-visible .archive-image-frame:after,.archive-grid .archive-item:hover .archive-item-title,.archive-grid .archive-item:focus-visible .archive-item-title{opacity:1}.archive-grid .archive-item:hover .archive-item-brand,.archive-grid .archive-item:focus-visible .archive-item-brand{color:var(--red-mark)}.archive-item-description{display:none}.lightbox{background:var(--bg-color);z-index:1000;opacity:0;visibility:hidden;flex-direction:column;padding:clamp(24px,4vw,56px);transition:opacity .25s,visibility .25s;display:flex;position:fixed;inset:0}.lightbox.active{opacity:1;visibility:visible}.lightbox-close{color:var(--text-secondary);font-family:var(--font-family-base);font-size:var(--font-mini);text-transform:uppercase;letter-spacing:.12em;min-width:44px;min-height:44px;transition:color var(--duration-fast) ease;background:0 0;border:none;align-self:flex-end;align-items:center;gap:8px;padding:8px 12px;display:flex}.lightbox-close:hover{color:var(--accent)}.lightbox-close svg{transition:transform var(--duration-normal) var(--ease-spring)}.lightbox-close:hover svg{transform:rotate(90deg)}.lightbox-content{opacity:0;min-height:0;transition:opacity .4s var(--ease-out), transform .4s var(--ease-out);flex-direction:column;flex:1;transition-delay:.1s;display:flex;transform:translateY(20px)}.lightbox.active .lightbox-content{opacity:1;transform:translateY(0)}.lightbox-main{flex:1;align-items:center;gap:clamp(32px,5vw,80px);min-height:0;padding:clamp(16px,3vw,40px) 0;display:flex}.lightbox-image-wrapper{background:0 0;flex:1.5;justify-content:center;align-items:center;height:100%;min-height:0;display:flex;position:relative}.lightbox-content img{object-fit:contain;max-width:100%;max-height:78vh;display:block}.lightbox-image-loading:before{content:"";background:linear-gradient(90deg,#0000,#ffffff59,#0000);animation:1.1s ease-in-out infinite shimmer;position:absolute;inset:0}.lightbox-image-error img{visibility:hidden}.lightbox-image-error:after{content:"Image unavailable";min-height:240px;font-size:var(--font-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);background:var(--bg-secondary,#0000000a);justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.archive-item.archive-image-error .archive-image{opacity:0}.archive-item.archive-image-error:after{content:"Image unavailable";font-size:var(--font-mini);letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);background:var(--bg-secondary,#0000000a);pointer-events:none;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.lightbox-info-panel{gap:var(--space-2);background:0 0;flex-direction:column;flex:1;max-width:38ch;padding:0;display:flex}.lightbox-info-header{gap:var(--space-1);flex-direction:column;display:flex}.lightbox-brand{font-family:var(--font-family-base);font-size:var(--font-mini);letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary)}.lightbox-title{font-family:var(--font-family-base);color:var(--text-primary);text-align:left;letter-spacing:-.025em;font-size:clamp(28px,4vw,40px);font-weight:500;line-height:1.04}.lightbox-description{font-family:var(--font-family-base);font-size:var(--font-sm);color:var(--text-secondary);margin:var(--space-2) 0 0;max-width:38ch;line-height:1.6}.lightbox-price{font-family:var(--font-family-mono);font-size:var(--font-md);letter-spacing:.04em;color:var(--text-secondary)}.lightbox-info-bar{opacity:0;justify-content:space-between;align-items:flex-start;gap:24px;width:100%;padding:24px 0 0;transition:opacity .25s .2s;display:flex}.lightbox.active .lightbox-info-bar{opacity:1}.lightbox-info-left{flex-direction:column;gap:6px;display:flex}.lightbox-nav{justify-content:flex-end;align-items:center;gap:var(--space-3);opacity:0;transition:opacity .25s .25s;display:flex}.lightbox.active .lightbox-nav{opacity:1}.lightbox-nav-btn{width:44px;height:44px;color:var(--text-secondary);transition:color var(--duration-fast) ease;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.lightbox-nav-btn:hover{color:var(--accent)}.lightbox-nav-btn:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.lightbox-nav-btn:hover svg{transform:translateX(var(--arrow-shift,0))}.lightbox-prev:hover svg{--arrow-shift:-4px;transform:translate(-4px)}.lightbox-next:hover svg{--arrow-shift:4px;transform:translate(4px)}.lightbox-nav-btn svg{transition:transform var(--duration-fast) ease}.lightbox-counter{font-family:var(--font-family-mono);font-size:var(--font-mini);letter-spacing:.1em;color:var(--text-secondary);text-align:center;min-width:60px}@media (width<=768px){.archive-filters{align-items:center;gap:12px var(--space-3);flex-wrap:wrap;display:flex}.archive-search,.archive-search-panel{flex:1 0 100%}.archive-filter-trigger{min-height:44px;font-family:var(--font-family-base);font-size:var(--font-mini);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-primary);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-weight:500;display:inline-flex}.archive-filter-trigger:after{content:attr(data-count);font-family:var(--font-family-mono);font-size:var(--font-micro);letter-spacing:.04em;text-transform:none;color:var(--text-secondary);font-weight:400}.archive-filter-trigger[data-filtered=true]{color:var(--red-mark)}.archive-filter-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.archive-sheet-backdrop{z-index:120;opacity:0;transition:opacity var(--duration-normal) var(--ease-out);background:#00000073;display:block;position:fixed;inset:0}.archive-sheet-backdrop[hidden]{display:none}.archive-sheet-backdrop.is-open{opacity:1}.archive-controls{align-items:stretch;gap:var(--space-4);z-index:121;max-height:80vh;padding:0 var(--page-padding-x) calc(var(--space-4) + env(safe-area-inset-bottom));background:var(--bg-color);border-top:1px solid var(--border-medium);border-radius:var(--radius-lg) var(--radius-lg) 0 0;visibility:hidden;transition:transform var(--duration-normal) var(--ease-out), visibility 0s linear var(--duration-normal);flex-direction:column;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%)}.archive-controls.is-open{visibility:visible;transition:transform var(--duration-normal) var(--ease-out), visibility 0s linear 0s;transform:translateY(0)}.archive-sheet-head{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) 0 var(--space-2);background:var(--bg-color);display:flex;position:sticky;top:0}.archive-sheet-title{font-family:var(--font-family-base);font-size:var(--font-mini);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-secondary)}.archive-sheet-close{min-height:44px;font-family:var(--font-family-base);font-size:var(--font-caption);color:var(--text-primary);cursor:pointer;background:0 0;border:0;padding:0 4px;font-weight:500}.archive-sheet-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.vr-cats{flex-direction:column;gap:0}.vr-chip{border-bottom:1px solid var(--border-subtle);justify-content:flex-start;gap:10px;min-height:48px;padding:0}.vr-chip:before{content:attr(aria-label);font-family:var(--font-family-base);font-size:var(--font-body);letter-spacing:normal;text-transform:none;margin-right:auto;font-weight:500}.vr-chip .vr-chip-code{font-family:var(--font-family-mono);font-size:var(--font-micro);letter-spacing:.04em;color:var(--text-muted);font-weight:400}.vr-chip--active:after{background:var(--red-mark);border-radius:50%;width:6px;height:6px;position:static}.vr-right{align-items:stretch;gap:var(--space-3);flex-direction:column}.vr-sort{justify-content:space-between}body.archive-sheet-active{overflow:hidden}.filter-group{align-items:center;gap:6px}.filter-group--sort{margin-left:0}.archive-count{grid-column:1/-1;margin-top:4px;margin-left:0}.filter-select{width:100%;font-size:var(--font-caption)}.archive-grid-section .archive-grid{gap:var(--space-2) var(--space-1);grid-template-columns:repeat(2,1fr)}.archive-grid>.archive-item:nth-child(21n+2),.archive-grid>.archive-item:nth-child(21n+3){grid-column:span 1}.archive-item-info{padding:8px 2px 0}.archive-item-brand{font-size:var(--font-mini);line-height:1.2}.archive-grid>.archive-item:nth-child(21n+2) .archive-item-title,.archive-grid>.archive-item:nth-child(21n+3) .archive-item-title{font-size:var(--font-micro);bottom:9px;left:11px;right:11px}.archive-grid .archive-item:hover .archive-image{transform:none}.lightbox-close{top:16px;right:16px}.lightbox-content{overflow-y:auto}.lightbox-main{padding:var(--space-2) 0;flex-direction:column;flex:none;align-items:stretch;gap:20px}.lightbox-image-wrapper{flex:none;height:auto}.lightbox-content img{max-height:52dvh}.lightbox-title{font-size:28px}.lightbox-info-panel{gap:12px;max-width:100%;padding-top:0}.lightbox-description{font-size:var(--font-caption);line-height:1.5}.lightbox-price{font-size:var(--font-xs)}.lightbox-info-bar{flex-direction:column;gap:12px;padding-top:16px}.lightbox-title{text-align:left}.lightbox-nav{padding-bottom:env(safe-area-inset-bottom);justify-content:center;gap:16px;margin-top:24px}.lightbox-nav-btn{width:44px;height:44px}.lightbox{padding:16px}}@media (prefers-reduced-motion:reduce){.archive-image-frame .archive-image{transition:none}.archive-grid .archive-item:hover .archive-image,.archive-grid .archive-item:focus-visible .archive-image{transform:none}.lightbox,.lightbox-content,.lightbox-info-bar,.lightbox-nav,.lightbox-close svg{transition:none}.lightbox-content{transform:none}}[data-theme=dark] .lightbox{background:#121214f7}[data-theme=dark] .lightbox-brand,[data-theme=dark] .lightbox-description,[data-theme=dark] .lightbox-price{color:var(--text-secondary)}[data-theme=dark] .lightbox-title{color:var(--text-primary)}[data-theme=dark] .lightbox-nav-btn{border-color:var(--text-secondary)}[data-theme=dark] .lightbox-nav-btn svg{stroke:var(--text-secondary)}[data-theme=dark] .lightbox-counter{color:var(--text-secondary)}[data-theme=dark] .lightbox-close svg{stroke:var(--text-secondary)}.archive-search{gap:var(--space-2);flex-basis:100%;align-items:center;display:flex}.archive-search-field{flex:1;min-width:0;display:flex;position:relative}.archive-search-input{width:100%;min-width:0;font-family:var(--font-family-base);font-size:var(--font-sm);color:var(--text-primary);border:1px solid var(--border-medium);border-radius:var(--radius-sm);background:0 0;flex:1;padding:8px 12px}.archive-search-input::placeholder{color:var(--text-muted)}.archive-search-suggest{font-family:var(--font-family-base);font-size:var(--font-sm);color:var(--text-muted);pointer-events:none;white-space:nowrap;opacity:0;transition:opacity .16s var(--ease-out,ease);align-items:center;gap:5px;padding:0 12px;display:flex;position:absolute;inset:0;overflow:hidden}.archive-search.is-suggesting .archive-search-suggest{opacity:1}.archive-search.is-suggesting .archive-search-input::placeholder{color:#0000}.archive-search-suggest-pre{opacity:.65}.archive-search-suggest-track{pointer-events:none;will-change:transform, opacity;transition:color .12s var(--ease-out,ease)}.archive-search.is-suggesting .archive-search-suggest-track{pointer-events:auto;cursor:pointer}.archive-search-suggest-track:hover{color:var(--text-primary)}.archive-search-input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.archive-search-input:disabled{opacity:.5}.archive-search-go{min-width:44px;min-height:44px;font-family:var(--font-family-base);font-size:var(--font-mini);text-transform:uppercase;letter-spacing:.12em;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px 4px;font-weight:500;display:inline-flex}.archive-search-go:hover{color:var(--text-primary)}.archive-search-go:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.archive-search-panel{outline:none;flex-basis:100%}.archive-search-chips{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.archive-chip{font-family:var(--font-family-base);font-size:var(--font-mini);text-transform:uppercase;letter-spacing:.12em;color:var(--text-primary);background:var(--surface-raised);border:1px solid var(--border-medium);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:6px;padding:4px 10px;font-weight:500;display:inline-flex}.archive-chip:hover{border-color:var(--text-primary)}.archive-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.archive-chip-x{color:var(--text-secondary)}.archive-chip:hover .archive-chip-x{color:var(--red-mark)}.archive-chip--clear{color:var(--text-secondary);background:0 0;border-color:#0000}.archive-chip--clear:hover{color:var(--text-primary);border-color:#0000}.archive-chip--skeleton{cursor:default;border-color:#0000;width:88px;height:26px}.archive-search-intent{margin:var(--space-2) 0 0;font-family:var(--font-family-base);font-size:var(--font-sm);color:var(--text-secondary)}.archive-search-intent-label{font-size:var(--font-mini);text-transform:uppercase;letter-spacing:.12em;font-weight:500}.archive-search-note{margin:var(--space-1) 0 0;font-size:var(--font-mini);color:var(--text-muted);max-width:64ch}.archive-search-error{margin:var(--space-2) 0 0;font-size:var(--font-sm);color:var(--text-secondary)}.archive-sim-badge{z-index:1;font-family:var(--font-family-mono);font-size:var(--font-micro);letter-spacing:.04em;color:#fff;background:var(--overlay-heavy);border-radius:var(--radius-sm);pointer-events:none;padding:3px 6px;position:absolute;top:8px;right:8px}@media (pointer:coarse){.archive-chip{position:relative}.archive-chip:before{content:"";width:44px;height:44px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}}