.color-combos{padding-block:var(--space-8) var(--space-16)}.color-combos__header{margin-bottom:var(--space-8);max-width:70ch}.color-combos__title{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,3rem);line-height:1.1;margin-bottom:var(--space-3)}.color-combos__desc{color:var(--ink-2);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.color-combos__tabs{display:flex;margin-bottom:var(--space-6);border-bottom:1px solid var(--ink-line);flex-wrap:wrap}.color-combos__tab{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--ink-3);padding:var(--space-3) var(--space-5);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--transition-fast),border-color var(--transition-fast)}.color-combos__tab:hover{color:var(--ink)}.color-combos__tab.is-active{color:var(--ink);border-bottom-color:var(--ink)}.color-combos__search-wrap{position:relative;max-width:380px;margin-bottom:var(--space-6)}.color-combos__search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--ink-3);pointer-events:none}.color-combos__search{width:100%;padding:var(--space-3) var(--space-3) var(--space-3) calc(var(--space-3) + 20px + var(--space-2));border:1.5px solid var(--ink-line);background:var(--paper);color:var(--ink);font-family:var(--font-mono);font-size:var(--text-sm);transition:border-color var(--transition-fast)}.color-combos__search:focus{outline:none;border-color:var(--ink)}.color-combos__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4) var(--space-5);align-items:start}@media(max-width:1099px){.color-combos__grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.color-combos__grid{grid-template-columns:repeat(2,1fr)}}.color-combos__empty,.color-combos__no-results{grid-column:1 / -1;text-align:center;padding:var(--space-12) 0;color:var(--ink-3);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase}.combo-card{display:flex;flex-direction:column;cursor:pointer}.combo-card[data-open]{outline:1.5px solid var(--ink);outline-offset:2px}.combo-card__trigger{display:flex;flex-direction:column;text-align:left;width:100%;background:transparent;border:0;padding:0;border-radius:0;-webkit-appearance:none;appearance:none;color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.combo-card__media{aspect-ratio:1/1;overflow:hidden;background:var(--paper-deep);margin-bottom:var(--space-3)}.combo-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .48s cubic-bezier(.16,1,.3,1)}@media(hover:hover){.combo-card__trigger:hover .combo-card__media img{transform:scale(1.04)}}.combo-card__media-placeholder{width:100%;height:100%;background:var(--paper-deep)}.combo-card__info{display:flex;flex-direction:column;gap:var(--space-1);padding:0 var(--space-1)}.combo-card__group{font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--ink-3)}.combo-card__name{font-family:var(--font-display);font-size:var(--text-base);color:var(--ink);line-height:var(--leading-snug)}.combo-card__count{font-size:var(--text-xs);letter-spacing:var(--tracking-wide);color:var(--ink-3)}.combo-card__chevron{margin-top:var(--space-2);color:var(--ink-3);transition:transform .3s cubic-bezier(.16,1,.3,1)}.combo-card[data-open] .combo-card__chevron{transform:rotate(180deg)}.combo-card__body{display:none}.combo-expand-panel{grid-column:1 / -1;background:var(--paper-deep);padding:var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);animation:panel-in .24s cubic-bezier(.16,1,.3,1) both}@keyframes panel-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.combo-expand-panel__hdr{display:flex;align-items:center;gap:var(--space-4)}.combo-expand-panel__scroll{display:flex;gap:var(--space-4);overflow-x:auto;padding-bottom:var(--space-3);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.combo-expand-panel__scroll::-webkit-scrollbar{height:4px}.combo-expand-panel__scroll::-webkit-scrollbar-track{background:transparent}.combo-expand-panel__scroll::-webkit-scrollbar-thumb{background:var(--ink-line)}.combo-match{display:flex;flex-direction:column;gap:var(--space-2);flex:0 0 140px;scroll-snap-align:start}.combo-match__media{aspect-ratio:1/1;width:100%;overflow:hidden;background:var(--paper);flex-shrink:0}.combo-match__media img{width:100%;height:100%;object-fit:cover}.combo-match__media-placeholder{width:100%;height:100%;background:var(--paper)}.combo-match__type{font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--ink-3);margin-top:var(--space-1)}.combo-match__name{font-family:var(--font-display);font-size:var(--text-sm);color:var(--ink);line-height:var(--leading-snug)}.combo-match__link{font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--ink-3);text-decoration:underline;text-underline-offset:3px;transition:color var(--transition-fast)}.combo-match__link:hover{color:var(--ink)}.combo-match__atc{font-size:var(--text-xs);padding:var(--space-1) var(--space-2);height:auto;margin-top:auto}.combo-match__oos{font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--ink-line)}.combo-match__atc[data-adding]{opacity:.6;pointer-events:none}.combo-match__atc[data-added]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.combo-expand-panel .combo-match__media{cursor:zoom-in}.combo-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-6);animation:lightbox-in .18s ease both}@keyframes lightbox-in{0%{opacity:0}to{opacity:1}}.combo-lightbox__img{max-width:min(90vw,640px);max-height:80vh;object-fit:contain;display:block}.combo-lightbox__caption{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:#fff9;text-align:center}.combo-lightbox__close{position:fixed;top:var(--space-5);right:var(--space-5);appearance:none;-webkit-appearance:none;padding:0;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;width:44px;height:44px;border-radius:50%;background:#0000008c;border:1px solid rgba(255,255,255,.28);color:#ffffffeb;font-size:1.5rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.combo-lightbox__close:hover{background:#000000d1;border-color:#fff9;color:#fff}.combo-lightbox__close:focus-visible{outline:2px solid var(--ocker);outline-offset:2px}@media(prefers-reduced-motion:reduce){.combo-lightbox{animation:none}}.combo-card__product-link{font-size:var(--text-xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--ink-3);text-decoration:underline;text-underline-offset:3px;transition:color var(--transition-fast)}.combo-card__product-link:hover{color:var(--ink)}.combo-card[hidden]{display:none}@media(prefers-reduced-motion:reduce){.combo-card__media img,.combo-card__chevron,.combo-expand-panel{transition:none;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/color-combinations.css.map */