@layer components.pages{:where([data-ui=unified][data-catalog-discovery=brands]) .brands-page-container{padding:48px 0 64px}:where([data-ui=unified][data-catalog-discovery=brands]) .brands-header{margin-bottom:32px}:where([data-ui=unified][data-catalog-discovery=brands]) .brand-search-container{max-width:480px;margin-bottom:24px}:where([data-ui=unified][data-catalog-discovery=brands]) .brand-card{padding:24px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:var(--ui-ink);text-decoration:none}:where([data-ui=unified][data-catalog-discovery=brands]) .brand-card-logo{width:100%;height:104px;object-fit:contain}:where([data-ui=unified][data-catalog-discovery=brands]) .brand-name{font-weight:600;text-align:center;line-height:1.5}@media screen and (width<=600px){:where([data-ui=unified][data-catalog-discovery=brands]) .brands-page-container{padding:28px 0 40px}:where([data-ui=unified][data-catalog-discovery=brands]) .brand-card{padding:16px 12px}:where([data-ui=unified][data-catalog-discovery=brands]) .brand-card-logo{height:80px}}@media print{:where([data-ui=unified][data-catalog-discovery=brands]) .brands-page-container{padding:12px 0}:where([data-ui=unified][data-catalog-discovery=brands]) .brand-card{padding:12px;gap:8px}:where([data-ui=unified][data-catalog-discovery=brands]) .brand-card-logo{height:65px}}}
