.client-resource-bar{display:flex;justify-content:space-between;gap:14px;align-items:center;background:#fff;border:1px solid #e6e8ef;border-radius:11px;padding:14px 18px;margin-bottom:22px}.client-resource-bar>span{display:flex;align-items:center;gap:12px}.client-resource-bar strong{font-size:15px;font-weight:500}.client-resource-bar small{color:#9197a4;font-size:12px}.client-resource-bar .client-logo{width:30px;height:30px;font-size:10px}.brand-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-bottom:22px}.brand-category{text-align:left;padding:24px;border:1px solid #e4e8f0;border-radius:11px;background:#f0f4fd;color:#46608d}.brand-category.logos{background:#f1ecfa;color:#7d659c}.brand-category.fonts{background:#eaf5f0;color:#468676}.brand-category.colors{background:#fff2ec;color:#b67d63}.brand-category>svg{width:28px;height:28px;margin-bottom:17px}.brand-category h3{font-size:20px;margin-bottom:9px}.brand-category p{font-size:14px;line-height:1.6;opacity:.8;margin-bottom:20px}.brand-category b{font-size:13px;font-weight:500}.brand-color-form{display:flex;align-items:center;gap:15px}.brand-color-form label:first-child{flex:1}.brand-color-form input[type=color]{width:90px;height:42px;padding:5px}.brand-palette{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:20px}.brand-palette article{border:1px solid var(--line);border-radius:9px;overflow:hidden;padding-bottom:12px}.brand-swatch{height:95px;margin-bottom:14px}.brand-palette h3,.brand-palette .link-button{margin-left:13px}.brand-palette h3{font-size:15px;overflow-wrap:anywhere}.brand-palette .link-button{font-size:12px}.brand-links>div{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:15px 0;gap:15px}.brand-links a{color:#5575ad;overflow-wrap:anywhere}.brand-task-button{color:#4b6dab;background:#eff3fc;border-color:#e0e8f8}@media(max-width:650px){.client-resource-bar{align-items:flex-start;flex-direction:column}.client-resource-bar>span{flex-wrap:wrap}.brand-category-grid{grid-template-columns:1fr}.brand-palette{grid-template-columns:1fr 1fr}.brand-color-form{flex-wrap:wrap}.brand-color-form label:first-child{min-width:160px}}