.brand-showcase{box-sizing:border-box;gap:var(--space-64);width:100%;padding:var(--space-64);background-color:var(--neutral-surface-background);flex-direction:column;display:flex}.brand-toolbar{gap:var(--space-16);flex-direction:column;display:flex}.brand-empty{color:var(--neutral-content-support);margin:0}.brand-grid{gap:var(--space-24);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.brand-card{gap:var(--space-16);padding:var(--space-24);background-color:var(--neutral-surface-main);border-radius:var(--radius-12);border:var(--stroke-1)solid var(--neutral-border-components);flex-direction:column;margin:0;display:flex}.brand-card-visual{min-height:var(--space-160);padding:var(--space-24);background-color:var(--neutral-surface-main);border-radius:var(--radius-8);border:var(--stroke-1)solid var(--neutral-border-components);aspect-ratio:1;justify-content:center;align-items:center;display:flex}.brand-card-image{object-fit:contain;width:40px;height:auto;display:block}.brand-card-caption{gap:var(--space-4);flex-direction:column;display:flex}.brand-card-title{color:var(--neutral-content-main-titles)}.brand-card-description{color:var(--neutral-content-body)}.brand-card-path{color:var(--neutral-content-support);word-break:break-all}.brand-card-import{justify-content:flex-end;gap:var(--space-12);margin-top:var(--space-12);padding-top:var(--space-12);border-top:var(--stroke-1)solid var(--neutral-border-subtle);align-items:center;display:flex}.brand-card-copy{justify-content:center;align-items:center;gap:var(--space-4);border-radius:var(--radius-8);border:var(--stroke-1)solid var(--neutral-border-components);background-color:var(--neutral-surface-main);color:var(--neutral-content-main-titles);padding:var(--space-8)var(--space-16);font:inherit;cursor:pointer;transition:background-color .2s,color .2s,box-shadow .2s;display:inline-flex;position:relative}.brand-card-copy:hover,.brand-card-copy:focus-visible{background-color:var(--neutral-surface-secondary);box-shadow:var(--shadow-focus);outline:none}.brand-card-copy[data-copied=true]{background-color:var(--neutral-surface-highlight);color:var(--neutral-content-oncolor);border-color:#0000}.brand-card-copy-label{font-size:.875rem}.brand-card-copy-label--copied,.brand-card-copy[data-copied=true] .brand-card-copy-label{display:none}.brand-card-copy[data-copied=true] .brand-card-copy-label--copied{display:inline}
.button.button-social{text-align:center;justify-content:center;gap:var(--space-8);background-color:var(--neutral-surface-background);border-color:var(--neutral-surface-background);width:100%}.button.button-social:hover{background-color:var(--neutral-surface-background);border-color:var(--neutral-surface-background)}.button.button-social .button-label{color:var(--neutral-content-main-titles);justify-content:center}.button.button-social .button-icon--leading{margin-left:0}.button-social-logo{width:var(--space-16);height:var(--space-16);object-fit:contain;display:block}.button-social-logo--svg{flex-shrink:0}.button-social-logo--apple,.button-social-logo--github{color:var(--neutral-content-main-titles)}
.banner{--banner-background-color:var(--neutral-surface-main);--banner-border-color:var(--neutral-border-components);--banner-title-color:var(--neutral-content-main-titles);--banner-description-color:var(--neutral-content-body);--banner-icon-color:var(--banner-title-color);--banner-gap:var(--space-20);--banner-content-gap:var(--space-16);--banner-text-gap:var(--space-8);--banner-padding-block:var(--space-20);--banner-padding-inline:var(--space-24);--banner-icon-size:var(--core-32);background-color:var(--banner-background-color);border:var(--stroke-1)solid var(--banner-border-color);border-radius:var(--radius-24);color:var(--banner-title-color);justify-content:center;align-items:flex-start;gap:var(--banner-gap);padding:var(--banner-padding-block)var(--banner-padding-inline);width:100%;min-width:600px;display:flex}.banner-title{color:var(--banner-title-color);margin:0}.banner-description{color:var(--banner-description-color);margin:0}.banner-icon{color:var(--banner-icon-color);flex-shrink:0;align-items:center;width:16px;height:22px;display:flex}.banner-icon>svg,.banner-icon>img{width:16px;height:16px}.banner-icon--trailing{cursor:pointer;color:var(--neutral-surface-icons)}.banner-icon--trailing svg{stroke:var(--neutral-surface-icons)}.banner-content-wrapper{align-items:center;gap:var(--banner-content-gap);flex-wrap:wrap;flex:1;min-width:0;display:flex}.banner-style-inline .banner-content-wrapper{flex-direction:row}.banner-style-stack .banner-content-wrapper{flex-direction:column;align-items:flex-start}.banner-text-wrapper{gap:var(--banner-text-gap);flex-direction:column;flex:auto;min-width:0;display:flex}.banner-action-wrapper{align-items:center;gap:var(--space-8);flex-shrink:0;display:inline-flex}.banner-style-inline .banner-action-wrapper{margin-left:auto}.banner-style-stack .banner-action-wrapper{flex-wrap:wrap;width:100%}.banner-style-stack .banner-action-wrapper .button{flex:0 auto}.banner-size-xxl{padding:var(--space-20);border-radius:var(--radius-20);gap:var(--space-20)}.banner-size-xl{padding:var(--space-16);border-radius:var(--radius-16);gap:var(--space-16)}.banner-size-l{padding:var(--space-12);border-radius:var(--radius-12);gap:var(--space-12)}.banner-size-m{padding:var(--space-8);border-radius:var(--radius-8);gap:var(--space-8)}.banner-size-s{padding:var(--space-6);border-radius:var(--radius-6);gap:var(--space-6)}.banner-size-xs{padding:var(--space-4);border-radius:var(--radius-4);gap:var(--space-4)}.banner-size-xxs{padding:var(--space-2);border-radius:var(--radius-2);gap:var(--space-2)}.banner-type-default{--banner-background-color:var(--neutral-surface-main);--banner-border-color:var(--neutral-border-components);--banner-title-color:var(--neutral-content-main-titles);--banner-description-color:var(--neutral-content-body);--banner-icon-color:var(--neutral-content-main-titles)}.banner-type-information{--banner-background-color:var(--color-surface-information-light);--banner-border-color:var(--color-border-information);--banner-title-color:var(--color-content-information);--banner-description-color:var(--color-content-information);--banner-icon-color:var(--color-content-information)}.banner-type-success{--banner-background-color:var(--color-surface-success-light);--banner-border-color:var(--color-border-success);--banner-title-color:var(--color-content-success);--banner-description-color:var(--color-content-success);--banner-icon-color:var(--color-content-success)}.banner-type-alert{--banner-background-color:var(--color-surface-alert-light);--banner-border-color:var(--color-border-alert);--banner-title-color:var(--neutral-content-main-titles);--banner-description-color:var(--neutral-content-main-titles);--banner-icon-color:var(--neutral-content-main-titles)}.banner-type-warning{--banner-background-color:var(--color-surface-warning-light);--banner-border-color:var(--color-border-warning);--banner-title-color:var(--color-content-warning);--banner-description-color:var(--color-content-warning);--banner-icon-color:var(--color-content-warning)}.banner-type-error{--banner-background-color:var(--color-surface-error-light);--banner-border-color:var(--color-border-error);--banner-title-color:var(--color-content-error);--banner-description-color:var(--color-content-error);--banner-icon-color:var(--color-content-error)}.banner-type-reversed{--banner-background-color:var(--neutral-surface-oncolor);--banner-border-color:var(--neutral-surface-oncolor);--banner-title-color:var(--neutral-content-oncolor);--banner-description-color:var(--neutral-content-oncolor);--banner-icon-color:var(--neutral-content-oncolor)}