.catalog-pickers{row-gap:var(--stack-lg,3rem);display:grid}@media (min-width:64rem){.catalog-pickers{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);column-gap:4.5rem}}.catalog-spectrum,.catalog-samples{color:#fff;cursor:pointer;text-align:left;border-top:1px solid #ffffff1a;flex-direction:column;align-items:stretch;min-width:0;padding-top:.5rem;display:flex}.catalog-plate-head{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.catalog-plate-open{color:#fff9;white-space:nowrap}.catalog-plate-open:after{content:"→";transition:transform var(--motion-fast) var(--ease-brand);margin-left:.375rem;display:inline-block}.catalog-plate-count{margin-top:1.25rem}.catalog-plate-line{max-width:30rem;margin-top:.375rem}.catalog-spectrum-light{height:6.5rem;margin-top:1.5rem;display:block;position:relative}.catalog-spectrum-light:before,.catalog-spectrum-light:after{background-image:repeating-linear-gradient(90deg, var(--unseen) 0 1px, transparent 1px .4375rem);content:"";width:12%;position:absolute;top:0;bottom:0}.catalog-spectrum-light:before{--unseen:#9b61eabf;left:0;-webkit-mask-image:linear-gradient(270deg,#000,#0000);mask-image:linear-gradient(270deg,#000,#0000)}@supports (color:lab(0% 0 0)){.catalog-spectrum-light:before{--unseen:lab(52.7445% 44.8019 -61.7901/.75)}}.catalog-spectrum-light:after{--unseen:#de3b3dbf;right:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000);mask-image:linear-gradient(90deg,#000,#0000)}@supports (color:lab(0% 0 0)){.catalog-spectrum-light:after{--unseen:lab(51.5803% 63.2457 38.9399/.75)}}.catalog-spectrum-band,.catalog-spectrum-glow{display:flex;position:absolute;left:12%;right:12%}.catalog-spectrum-band{top:0;bottom:0;overflow:hidden}.catalog-spectrum-glow{filter:blur(1.5rem);opacity:.45;top:35%;bottom:-30%}.catalog-spectrum-slice{flex:1 1 0;min-width:0}.catalog-spectrum-band .catalog-spectrum-slice{animation:5.2s ease-in-out infinite alternate catalog-spectrum-wave;box-shadow:inset -1px 0 #0000004d}.catalog-spectrum-band .catalog-spectrum-slice:nth-child(5n+1){animation-delay:-.9s}.catalog-spectrum-band .catalog-spectrum-slice:nth-child(5n+2){animation-delay:-2s}.catalog-spectrum-band .catalog-spectrum-slice:nth-child(5n+3){animation-delay:-3.1s}.catalog-spectrum-band .catalog-spectrum-slice:nth-child(5n+4){animation-delay:-4.2s}.catalog-spectrum-band .catalog-spectrum-slice:nth-child(5n+5){animation-delay:-5.3s}.catalog-spectrum-glint{background:linear-gradient(100deg,#0000,#ffffff52,#0000);width:30%;animation:7s linear infinite catalog-spectrum-glint;position:absolute;top:0;bottom:0;left:0}.catalog-spectrum-axis{color:#fff9;white-space:nowrap;align-items:center;gap:.625rem;margin-top:.75rem;display:flex}.catalog-spectrum-rule{background:#ffffff2e;flex:1;min-width:.5rem;height:1px}@media not (min-width:40rem){.catalog-spectrum-axis>:nth-child(3),.catalog-spectrum-axis>:nth-child(4){display:none}}.catalog-spectrum-rest{align-items:center;gap:.875rem;margin-top:1.125rem;display:flex}.catalog-spectrum-rest-band{flex:none;width:46%;height:1.5rem;display:flex;overflow:hidden}.catalog-samples-tray{grid-template-rows:auto;grid-template-columns:repeat(auto-fill,minmax(3.25rem,1fr));grid-auto-rows:0;column-gap:.75rem;margin-top:1.5rem;display:grid;overflow:hidden}.catalog-samples-slide{min-width:0;padding-bottom:.875rem;display:block}.catalog-samples-core{aspect-ratio:1;border:1px solid #ffffff47;border-radius:.375rem;display:block}.catalog-samples-tag{color:#ffffff8c;margin-top:.25rem;display:block}@media (min-width:64rem){.catalog-samples-tray{grid-template-rows:auto auto}}.catalog-spectrum-chip{color:#fff;cursor:pointer;border:1px solid #ffffff4d;border-radius:9999px;align-items:center;gap:.625rem;min-height:2.75rem;padding:0 1.125rem 0 .75rem;display:inline-flex}.catalog-spectrum-chip-band{border-radius:9999px;width:3.5rem;height:1.125rem;display:flex;overflow:hidden}@media (hover:hover){.catalog-spectrum:hover .catalog-plate-open,.catalog-samples:hover .catalog-plate-open{color:#fff}.catalog-spectrum:hover .catalog-plate-open:after,.catalog-samples:hover .catalog-plate-open:after{transform:translate(.25rem)}}@keyframes catalog-spectrum-wave{0%{transform:scaleY(1)}to{transform:scaleY(.72)}}@keyframes catalog-spectrum-glint{0%{transform:translate(-110%)}45%,to{transform:translate(345%)}}@media (prefers-reduced-motion:reduce){.catalog-spectrum-band .catalog-spectrum-slice,.catalog-spectrum-glint{animation:none}.catalog-spectrum-glint{display:none}.catalog-plate-open:after{transition:none}}
