@layer tilet.tokens,tilet.base;@layer tilet.components{.tilet-banner{box-sizing:border-box;align-items:flex-start;gap:var(--tilet-space-control-gap);padding-block:var(--tilet-space-control-compact);padding-inline:var(--tilet-space-control-padding-x);background:var(--tilet-banner-bg);color:var(--tilet-banner-fg);border:var(--tilet-border-control-width) solid var(--tilet-banner-border);border-radius:var(--tilet-radius-control);font-family:var(--tilet-type-body-base-family);font-size:var(--tilet-type-body-base-size);line-height:var(--tilet-type-body-base-leading);font-weight:var(--tilet-type-body-base-weight);letter-spacing:var(--tilet-type-body-base-tracking);display:flex}.tilet-banner[data-tone=info]{--tilet-banner-bg:var(--tilet-color-feedback-bg-info);--tilet-banner-border:var(--tilet-color-feedback-border-info);--tilet-banner-fg:var(--tilet-color-feedback-fg-info)}.tilet-banner[data-tone=success]{--tilet-banner-bg:var(--tilet-color-feedback-bg-success);--tilet-banner-border:var(--tilet-color-feedback-border-success);--tilet-banner-fg:var(--tilet-color-feedback-fg-success)}.tilet-banner[data-tone=warn]{--tilet-banner-bg:var(--tilet-color-feedback-bg-warn);--tilet-banner-border:var(--tilet-color-feedback-border-warn);--tilet-banner-fg:var(--tilet-color-feedback-fg-warn)}.tilet-banner[data-tone=danger]{--tilet-banner-bg:var(--tilet-color-feedback-bg-danger);--tilet-banner-border:var(--tilet-color-feedback-border-danger);--tilet-banner-fg:var(--tilet-color-feedback-fg-danger)}.tilet-banner [data-slot=icon]{inline-size:var(--tilet-size-icon-md);block-size:var(--tilet-size-icon-md);flex:none;justify-content:center;align-items:center;margin-block-start:calc((1em * var(--tilet-type-body-base-leading) - var(--tilet-size-icon-md)) / 2);display:inline-flex}.tilet-banner [data-slot=icon] svg{block-size:100%;inline-size:100%}.tilet-banner [data-slot=message]{flex:auto;min-inline-size:0}.tilet-banner [data-slot=dismiss]{flex:none;align-self:flex-start;margin-inline-start:auto}@media (forced-colors:active){.tilet-banner{color:canvastext;background:canvas;border-color:canvastext}.tilet-banner [data-slot=icon]{color:canvastext}}}