.small-banner{border-radius:var(--corner-medium);justify-content:space-between;align-items:center;gap:0;display:flex}.small-banner--primary{background:var(--schemes-primary-container);--sb-title:var(--schemes-on-primary-container);--sb-desc:var(--schemes-on-primary-container);--sb-icon:var(--schemes-on-primary-container);--sb-action:var(--schemes-on-primary-container)}.small-banner--secondary{background:var(--schemes-surface-container);--sb-title:var(--schemes-on-surface);--sb-desc:var(--schemes-on-surface-variant);--sb-icon:var(--schemes-on-surface-variant);--sb-action:var(--schemes-primary)}.small-banner--tertiary{background:var(--schemes-tertiary-container);--sb-title:var(--schemes-on-tertiary-container);--sb-desc:var(--schemes-on-tertiary-container);--sb-icon:var(--schemes-on-tertiary-container);--sb-action:var(--schemes-on-tertiary-container)}.small-banner--error{background:var(--schemes-error-container);--sb-title:var(--schemes-on-error-container);--sb-desc:var(--schemes-on-error-container);--sb-icon:var(--schemes-on-error-container);--sb-action:var(--schemes-on-error-container)}.small-banner__left{align-items:center;gap:var(--space-4);min-width:0;padding:var(--space-2) var(--space-1) var(--space-2) var(--space-2);flex-wrap:nowrap;flex:1 1 0;display:flex}.small-banner__icon{color:var(--sb-icon);flex-shrink:0;display:inline-flex}.small-banner__text{overflow-wrap:break-word;flex:auto;min-width:0}.small-banner__text--clamp{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.small-banner .small-banner__title{color:var(--sb-title)}.small-banner .small-banner__sep{color:var(--sb-desc);margin:0 var(--space-2)}.small-banner .small-banner__desc{color:var(--sb-desc)}.small-banner__right{align-items:center;gap:var(--space-1);padding:0 var(--space-1);flex-shrink:0;display:flex}.small-banner__action{color:var(--sb-action);padding:var(--space-1) var(--space-2);border-radius:var(--corner-full);white-space:nowrap;cursor:pointer;background:0 0;border:0;text-decoration:none;transition:background .12s ease-out}.small-banner__action:hover:not(:disabled){background:color-mix(in srgb, var(--sb-action) 8%, transparent)}.small-banner__action:focus-visible{outline:2px solid var(--schemes-primary);outline-offset:2px}.small-banner__action:disabled{opacity:.6;cursor:default}.small-banner__close{border-radius:var(--corner-full);width:32px;height:32px;color:var(--sb-icon);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;transition:background .12s ease-out;display:inline-flex}.small-banner__close:hover{background:color-mix(in srgb, var(--sb-icon) 8%, transparent)}.small-banner__close:focus-visible{outline:2px solid var(--schemes-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.small-banner__action,.small-banner__close{transition:none}}