.brand-list{padding-block-end:var(--spacing-l)}.brand-list.critical-component-hide{display:block}.brand-list.critical-component-clear{opacity:1}.brand-list__links{display:flex;gap:var(--spacing-s);margin-block-end:var(--spacing-l);overflow-x:auto;padding-block-end:var(--spacing-s)}.brand-list__link{align-items:center;border:1px solid var(--color-grey100);cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;text-transform:uppercase;width:44px}.brand-list__link.is-active{background-color:var(--color-grey100);pointer-events:auto}.brand-list__link.is-disabled{background-color:rgba(0,0,0,0);color:var(--color-grey300);cursor:not-allowed}.brand-list__search[type=text]{background-image:url("data:image/svg+xml,%3Csvg viewBox=%270 0 24 24%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill=%27%23ccc%27 d=%27M11 2a9 9 0 1 0 5.618 16.032l3.675 3.675.094.083a1 1 0 0 0 1.32-1.497l-3.675-3.675A9 9 0 0 0 11 2Zm5.041 13.856a7 7 0 1 0-.185.185.998.998 0 0 1 .185-.185Z%27 fill-rule=%27evenodd%27 clip-rule=%27evenodd%27/%3E%3C/svg%3E");background-position:right var(--spacing-xs) center;background-repeat:no-repeat;background-size:24px;border:1px solid var(--color-grey200);border-radius:var(--border-radius-normal);margin-block-end:var(--spacing-l);max-width:400px;padding-block-end:var(--spacing-s);padding-block-start:var(--spacing-s);padding-inline-end:var(--spacing-2xl);padding-inline-start:var(--spacing-xs);width:100%}.brand-list__search[type=text]::placeholder{color:var(--color-grey400)}.brand-list__title{padding:var(--spacing-xs) 0;position:relative}.brand-list__title::before{background-color:var(--color-grey50);content:"";height:100%;left:0;margin-left:calc(50% - 50vw);position:absolute;top:0;width:100vw;z-index:-1}.brand-list__brand{align-items:center;display:flex;gap:var(--spacing-s);margin-block-end:var(--spacing-m)}.brand-list__brand:first-of-type{margin-block-start:var(--spacing-s)}.brand-list__brand a{text-decoration:none}.brand-list__badge{background-color:var(--color-teal400);border-radius:var(--border-radius-normal);color:var(--color-white);font-size:var(--font-size-xxs);font-weight:var(--font-weight-medium);line-height:var(--line-height-relaxed);padding:0 var(--spacing-xs)}html:not(.no-js) .brand-list.is-loading .brand-list__links,html:not(.no-js) .brand-list.is-loading .brand-list__title,html:not(.no-js) .brand-list.is-loading .brand-list__brand-title,html:not(.no-js) .brand-list.is-loading .brand-list__badge,html:not(.no-js) .brand-list.is-loading .brand-list__search{background-color:var(--color-loading-background, rgba(0, 0, 0, 0.15));border-color:rgba(0,0,0,0);border-radius:var(--border-radius-normal);color:rgba(0,0,0,0);display:block;overflow:hidden;position:relative;user-select:none}html:not(.no-js) .brand-list.is-loading .brand-list__links::after,html:not(.no-js) .brand-list.is-loading .brand-list__title::after,html:not(.no-js) .brand-list.is-loading .brand-list__brand-title::after,html:not(.no-js) .brand-list.is-loading .brand-list__badge::after,html:not(.no-js) .brand-list.is-loading .brand-list__search::after{animation:cnvs-loading 2s infinite;background-image:linear-gradient(-90deg, var(--color-loading-shine01) 32.29%, var(--color-loading-shine02) 48.96%, var(--color-loading-shine01) 66.15%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}html:not(.no-js) .brand-list.is-loading .brand-list__links *,html:not(.no-js) .brand-list.is-loading .brand-list__title *,html:not(.no-js) .brand-list.is-loading .brand-list__brand-title *,html:not(.no-js) .brand-list.is-loading .brand-list__badge *,html:not(.no-js) .brand-list.is-loading .brand-list__search *{color:rgba(0,0,0,0);pointer-events:none}html:not(.no-js) .brand-list.is-loading .brand-list__search::placeholder{color:rgba(0,0,0,0)}html:not(.no-js) .brand-list.is-loading .brand-list__links,html:not(.no-js) .brand-list.is-loading .brand-list__brand{display:flex}@media(min-width: 64em){.brand-list{padding-block-end:var(--spacing-2xl)}.brand-list__links{border-bottom:1px solid var(--color-grey100);justify-content:space-between;margin-block-end:var(--spacing-2xl);padding-block-end:0}.brand-list__link{border:0;height:32px;width:32px}.brand-list__link:hover{border:1px solid var(--color-border-button-primary);border-radius:0}.brand-list__title{padding:0}.brand-list__title::before{display:none}.brand-list__brand{margin:0}.brand-list__brand:first-of-type{margin:0}.brand-list__brand-wrapper{display:grid;grid-auto-flow:column;grid-gap:var(--spacing-m) var(--spacing-7xl);grid-template-columns:repeat(4, 1fr);width:100%}.brand-list__group{display:grid;grid-gap:var(--spacing-7xl);grid-template-columns:56px 1fr;padding:var(--spacing-l) 0}.brand-list__group:not(:last-of-type){border-bottom:1px solid var(--color-grey100)}html:not(.no-js) .brand-list.is-loading .brand-list__brand-wrapper{grid-template-rows:repeat(4, auto)}}