.search-page{background:var(--semantic-bg-default);padding-top:var(--nav-offset)}.search-page__header{max-width:720px;margin:0 auto var(--space-32);text-align:center}.search-page__title{margin:0 0 var(--space-12);color:var(--semantic-text-primary)}.search-page__lead{margin:0 0 var(--space-24);color:var(--semantic-text-secondary)}.search-page__searchbox{max-width:560px;margin:0 auto}.search-box{position:relative;text-align:left}.search-box__form{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-8) var(--space-8) var(--space-16);background:var(--semantic-bg-default);border:1px solid var(--semantic-border-subtle);border-radius:var(--radius-pill);transition:border-color var(--motion-base) ease,box-shadow var(--motion-base) ease}.search-box__form:focus-within{border-color:var(--semantic-border-accent);box-shadow:0 0 0 3px var(--semantic-focus-ring-accent)}.search-box__icon{flex-shrink:0;color:var(--semantic-text-tertiary)}.search-box__input{flex:1;min-width:0;padding:var(--space-4) 0;background:transparent;border:0;outline:0;font-family:var(--font-cn);font-size:var(--type-cn-body-large-size);line-height:var(--type-cn-body-large-line);font-weight:var(--type-cn-body-large-weight);color:var(--semantic-text-primary)}.search-box__input::placeholder{color:var(--semantic-text-tertiary)}.search-box__submit{padding:var(--space-8) var(--space-20);font-size:var(--type-cn-body-medium-size);line-height:var(--type-cn-body-medium-line);font-weight:var(--type-cn-body-medium-weight)}.search-box__suggest{position:absolute;z-index:30;top:calc(100% + var(--space-4));left:0;right:0;margin:0;padding:var(--space-4) 0;list-style:none;background:var(--semantic-bg-default);border:1px solid var(--semantic-border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden}.search-box__suggest-group-title{padding:var(--space-8) var(--space-16) var(--space-4);font-size:var(--type-cn-label-small-size);line-height:var(--type-cn-label-small-line);font-weight:var(--type-cn-label-small-weight);letter-spacing:.08em;text-transform:uppercase;color:var(--semantic-text-tertiary)}.search-box__suggest-item{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-16);font-size:var(--type-cn-body-small-size);line-height:var(--type-cn-body-small-line);font-weight:var(--type-cn-body-small-weight);color:var(--semantic-text-primary);cursor:pointer}.search-box__suggest-item.is-active{background:var(--semantic-brand-primary-soft);color:var(--semantic-text-accent)}.search-box__suggest-item-icon{color:var(--semantic-text-tertiary)}.search-page__toolbar{gap:var(--space-12);margin-top:var(--space-24);padding-bottom:var(--space-12);border-bottom:1px solid var(--semantic-border-subtle)}.search-page__tabs,.search-page__toolbar{display:flex;flex-wrap:wrap;align-items:center}.search-page__tabs{gap:var(--space-8)}.search-page__tab{display:inline-flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-16);border-radius:var(--radius-pill);font-size:var(--type-cn-body-small-size);line-height:var(--type-cn-body-small-line);font-weight:var(--type-cn-body-small-weight);background:transparent;color:var(--semantic-text-secondary);transition:background var(--motion-base) ease,color var(--motion-base) ease}.search-page__tab:hover{background:var(--semantic-bg-subtle)}.search-page__tab.is-active{background:var(--semantic-brand-primary);color:var(--semantic-text-inverse)}.search-page__tab-count{font-size:var(--type-cn-body-small-size);line-height:var(--type-cn-body-small-line);font-weight:var(--type-cn-body-small-weight);color:var(--semantic-text-tertiary)}.search-page__tab.is-active .search-page__tab-count{color:var(--semantic-text-inverse);opacity:.75}.search-page__sorts{margin-left:auto;display:flex;gap:var(--space-8)}.search-page__list-designers{list-style:none;padding:0;display:flex;flex-direction:column}.search-page__grid,.search-page__list-designers{margin:var(--space-24) 0 var(--space-32);gap:var(--space-24)}.search-page__grid{display:grid;grid-template-columns:repeat(3,1fr)}@media (max-width:900px){.search-page__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.search-page__grid{grid-template-columns:repeat(2,1fr);gap:var(--space-16)}}.search-page__sentinel{height:1px}.search-page__loading{display:flex;align-items:center;justify-content:center;gap:var(--space-8);padding:var(--space-8) 0 var(--space-16);font-size:var(--type-cn-body-medium-size);line-height:var(--type-cn-body-medium-line);font-weight:var(--type-cn-body-medium-weight);color:var(--semantic-text-tertiary)}.search-page__loading.is-done{display:none}