.colors-page{padding-top:5rem;padding-bottom:6rem}.colors-header{text-align:center;max-width:800px;margin:0 auto 5rem}.colors-header__title{margin-bottom:2rem}.colors-header__intro p{font-size:1.6rem;line-height:1.8;opacity:.85;margin-bottom:1rem}.colors-controls{display:flex;flex-direction:column;gap:1.6rem;margin-bottom:4rem}@media screen and (min-width:750px){.colors-controls{flex-direction:row;align-items:center;justify-content:space-between}}.colors-filter-bar{display:flex;gap:1rem;flex-wrap:wrap}.colors-search{flex-shrink:0}.colors-search__input{background:#ffffff0f;border:1px solid rgba(255,255,255,.15);color:inherit;padding:.7rem 1.4rem;border-radius:40px;font-size:1.4rem;font-family:inherit;width:22rem;outline:none;transition:border-color .15s ease,background .15s ease}.colors-search__input::placeholder{opacity:.45}.colors-search__input:focus{border-color:#fff6;background:#ffffff1a}@media screen and (max-width:749px){.colors-search__input{width:100%}}.colors-filter-btn{background:transparent;border:1px solid rgba(255,255,255,.15);color:#fff9;padding:.6rem 1.6rem;border-radius:40px;font-size:1.4rem;cursor:pointer;transition:all .15s ease}.colors-filter-btn:hover{border-color:#006eff80;color:#fff}.colors-filter-btn.active{background:#006eff;border-color:#006eff;color:#fff}.colors-group{margin-bottom:5rem}.colors-group__heading{font-size:2.2rem;margin-bottom:2.4rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,110,255,.2);color:#006eff}.colors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.6rem}.color-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;transition:transform .15s ease,border-color .15s ease}.color-card:hover{transform:translateY(-4px);border-color:#006eff66}.color-card__swatch{height:80px;width:100%}.color-card__swatch--photo{height:80px;width:100%;overflow:hidden}.color-card__swatch--photo img{width:100%;height:100%;object-fit:cover;display:block}.color-card__body{padding:1rem 1.2rem 1.2rem;display:flex;flex-direction:column;gap:.3rem}.color-card__hex{font-size:1.2rem;font-family:monospace;opacity:.5;text-transform:uppercase;cursor:pointer;transition:opacity .15s ease,color .15s ease}.color-card__hex:hover{opacity:1;color:#006eff}.color-card__hex.copied{opacity:1;color:#00c853}.color-card__name{font-size:1.4rem;font-weight:600;color:#fff;line-height:1.3}.color-card__notes{font-size:1.2rem;opacity:.55;font-style:italic}.color-card__db-link{font-size:1.1rem;color:#006eff;text-decoration:none;margin-top:.4rem;display:inline-block;opacity:.8;transition:opacity .15s ease}.color-card__db-link:hover{opacity:1;text-decoration:underline}.colors-empty{text-align:center;font-size:1.6rem;opacity:.6;padding:4rem 0}.colors-empty a{color:#006eff}@media screen and (max-width:749px){.colors-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-page-colors.css.map */