@layer bricks {:where(.brxe-heading).has-separator{align-items:center;display:inline-flex;gap:20px}:where(.brxe-heading)>[contenteditable]{display:inline-block;text-decoration:inherit}:where(.brxe-heading) .separator{border-top:1px solid;flex-grow:1;flex-shrink:0;height:1px}}#brxe-krhttl {font-size: var(--text-3xl); font-weight: 800; color: var(--kb-text-on-dark); line-height: var(--kb-lh-heading)}@media (max-width: 767px) {#brxe-krhttl {font-size: var(--text-2xl)}}#brxe-krhled {max-width: 60ch; font-size: var(--text-m); font-weight: 400; color: var(--kb-text-muted-on-dark); line-height: 1.9; font-family: "Abar FaNum"}@media (max-width: 767px) {#brxe-krhled {font-size: var(--text-s)}}#brxe-krhcon {align-items: center; row-gap: var(--space-xs); text-align: center}#brxe-krhero {padding-top: var(--space-l); padding-right: 0; padding-bottom: var(--space-l); padding-left: 0}@media (max-width: 767px) {#brxe-krhero {padding-top: var(--space-m); padding-right: 0; padding-bottom: var(--space-m); padding-left: 0}}#brxe-krtool {width: 100%}#brxe-krgrid {width: 100%}#brxe-krnone {width: 100%}#brxe-krlcon {row-gap: var(--space-m)}#brxe-krlist {padding-top: var(--space-l); padding-right: 0; padding-bottom: var(--space-xl); padding-left: 0}.kr-tools { display: flex; align-items: center; justify-content: space-between; gap: var(--space-s); flex-wrap: wrap; } .kr-find { position: relative; flex: 1 1 320px; max-inline-size: 420px; } .kr-find input { inline-size: 100%; block-size: 48px; padding-inline: 44px 16px; border: 0; border-radius: var(--kb-radius-pill); background: var(--kb-surface); box-shadow: inset 0 0 0 var(--kb-bd-hair) var(--kb-border-strong); color: var(--kb-text); font: inherit; font-size: var(--text-s); } .kr-find input:focus { outline: none; box-shadow: inset 0 0 0 2px var(--kb-primary); } .kr-find i { position: absolute; inset-block-start: 50%; inset-inline-start: 16px; translate: 0 -50%; color: var(--kb-text-subtle); font-size: 18px; pointer-events: none; } .kr-count { color: var(--kb-text-muted); font-family: var(--kb-font-num); font-size: var(--text-s); } .kb-brands { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: var(--space-s); margin: 0; padding: 0; list-style: none; } .kb-brands > li[hidden] { display: none; } .kb-brand { display: flex; flex-direction: column; align-items: center; gap: 2px; block-size: 100%; padding: var(--space-s); border-radius: var(--kb-radius-l); background: var(--kb-surface); box-shadow: inset 0 0 0 var(--kb-bd-hair) var(--kb-border); color: inherit; text-align: center; text-decoration: none; transition: box-shadow var(--kb-dur-base, .2s) var(--kb-ease-out, ease-out), translate var(--kb-dur-base, .2s) var(--kb-ease-out, ease-out); }@media (hover: hover) { .kb-brand:hover { box-shadow: inset 0 0 0 1.5px var(--kb-primary), var(--kb-shadow-2); translate: 0 -2px; } } .kb-brand__media { display: grid; place-items: center; inline-size: 100%; block-size: 88px; margin-block-end: 8px; border-radius: var(--kb-radius-m); background: var(--kb-surface-sunken); } .kb-brand__img { max-inline-size: 72%; max-block-size: 56px; inline-size: auto; block-size: auto; object-fit: contain; } .kb-brand__mono { display: grid; place-items: center; inline-size: 52px; block-size: 52px; border-radius: 50%; background: var(--kb-primary-tint); color: var(--kb-primary); font-size: 1.5rem; font-weight: 800; } .kb-brand__t { color: var(--kb-text-heading); font-size: var(--text-m); font-weight: 700; line-height: 1.6; } .kb-brand__en { color: var(--kb-text-subtle); font-size: var(--text-xs); font-weight: 500; letter-spacing: .02em; } .kb-brand__meta { display: flex; flex-direction: column; gap: 2px; margin-block-start: 6px; color: var(--kb-text-muted); font-size: var(--text-xs); line-height: 1.7; } .kb-brand__n { font-family: var(--kb-font-num); color: var(--kb-text-brand); font-weight: 600; } .kr-none { padding: var(--space-m); border-radius: var(--kb-radius-l); background: var(--kb-surface); color: var(--kb-text-muted); text-align: center; }@media (max-width: 767px) { .kb-brands { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-xs); } .kb-brand__media { block-size: 72px; } .kb-brand__c { display: none; } }@media (max-width: 767px) {#brxe-krlist {padding-top: var(--space-m); padding-right: 0; padding-bottom: var(--space-l); padding-left: 0}}