@layer primitiv.reset,primitiv.tokens,primitiv.theme;@layer primitiv.base{.primitiv-alert{--primitiv-alert-background:var(--primitiv-feedback-info-soft-background);--primitiv-alert-foreground:var(--primitiv-feedback-info-soft-foreground);--primitiv-alert-border-color:var(--primitiv-feedback-info-soft-border);--primitiv-alert-border-width:var(--primitiv-framed-control-border-width);--primitiv-alert-padding-inline:var(--primitiv-framed-control-md-padding-inline);--primitiv-alert-padding-block:var(--primitiv-alert-md-padding-block);--primitiv-alert-gap:var(--primitiv-framed-control-md-gap);--primitiv-alert-icon-size:var(--primitiv-framed-control-md-icon-size);--primitiv-alert-icon-offset-top:var(--primitiv-alert-md-icon-offset-top);--primitiv-alert-dismiss-size:var(--primitiv-framed-control-md-height);--primitiv-alert-dismiss-inset-inline:calc(var(--primitiv-alert-padding-inline) - (var(--primitiv-alert-dismiss-size) - var(--primitiv-alert-icon-size)) / 2);--primitiv-alert-dismiss-inset-block:calc(var(--primitiv-alert-padding-block) + var(--primitiv-alert-icon-offset-top) + (var(--primitiv-alert-icon-size) - var(--primitiv-alert-dismiss-size)) / 2);--primitiv-alert-radius:var(--primitiv-framed-control-md-radius);--primitiv-alert-title-font-family:var(--primitiv-label-md-font-family);--primitiv-alert-title-font-size:var(--primitiv-label-md-font-size);--primitiv-alert-title-font-weight:var(--primitiv-label-md-font-weight);--primitiv-alert-title-line-height:var(--primitiv-label-md-line-height);--primitiv-alert-description-font-family:var(--primitiv-body-md-font-family);--primitiv-alert-description-font-size:var(--primitiv-body-md-font-size);--primitiv-alert-description-font-weight:var(--primitiv-body-md-font-weight);--primitiv-alert-description-line-height:var(--primitiv-body-md-line-height);--primitiv-alert-dismiss-hover-background:var(--primitiv-feedback-info-soft-hover);--primitiv-alert-dismiss-active-background:var(--primitiv-feedback-info-soft-active);align-items:flex-start;gap:var(--primitiv-alert-gap);padding-inline:var(--primitiv-alert-padding-inline);padding-block:var(--primitiv-alert-padding-block);border:var(--primitiv-alert-border-width) solid var(--primitiv-alert-border-color);border-radius:var(--primitiv-alert-radius);background-color:var(--primitiv-alert-background);color:var(--primitiv-alert-foreground);display:flex;position:relative}.primitiv-alert:has(.primitiv-alert__dismiss){padding-inline-end:calc(var(--primitiv-alert-dismiss-inset-inline) + var(--primitiv-alert-dismiss-size) + var(--primitiv-alert-gap))}.primitiv-alert__icon-wrapper{padding-top:var(--primitiv-alert-icon-offset-top);flex-shrink:0}.primitiv-alert__icon-wrapper svg{inline-size:var(--primitiv-alert-icon-size);block-size:var(--primitiv-alert-icon-size);display:block}.primitiv-alert__content{gap:var(--primitiv-space-space-4);flex-direction:column;flex:auto;min-inline-size:0;display:flex}.primitiv-alert__title{font-family:var(--primitiv-alert-title-font-family);font-size:var(--primitiv-alert-title-font-size);font-weight:var(--primitiv-alert-title-font-weight);line-height:var(--primitiv-alert-title-line-height)}.primitiv-alert__description{text-wrap:pretty;font-family:var(--primitiv-alert-description-font-family);font-size:var(--primitiv-alert-description-font-size);font-weight:var(--primitiv-alert-description-font-weight);line-height:var(--primitiv-alert-description-line-height)}.primitiv-alert__dismiss{position:absolute;inset-block-start:var(--primitiv-alert-dismiss-inset-block);inset-inline-end:var(--primitiv-alert-dismiss-inset-inline)}}@layer primitiv.variants{.primitiv-alert--info{--primitiv-alert-background:var(--primitiv-feedback-info-soft-background);--primitiv-alert-foreground:var(--primitiv-feedback-info-soft-foreground);--primitiv-alert-border-color:var(--primitiv-feedback-info-soft-border);--primitiv-alert-dismiss-hover-background:var(--primitiv-feedback-info-soft-hover);--primitiv-alert-dismiss-active-background:var(--primitiv-feedback-info-soft-active)}.primitiv-alert--success{--primitiv-alert-background:var(--primitiv-feedback-success-soft-background);--primitiv-alert-foreground:var(--primitiv-feedback-success-soft-foreground);--primitiv-alert-border-color:var(--primitiv-feedback-success-soft-border);--primitiv-alert-dismiss-hover-background:var(--primitiv-feedback-success-soft-hover);--primitiv-alert-dismiss-active-background:var(--primitiv-feedback-success-soft-active)}.primitiv-alert--warning{--primitiv-alert-background:var(--primitiv-feedback-warning-soft-background);--primitiv-alert-foreground:var(--primitiv-feedback-warning-soft-foreground);--primitiv-alert-border-color:var(--primitiv-feedback-warning-soft-border);--primitiv-alert-dismiss-hover-background:var(--primitiv-feedback-warning-soft-hover);--primitiv-alert-dismiss-active-background:var(--primitiv-feedback-warning-soft-active)}.primitiv-alert--danger{--primitiv-alert-background:var(--primitiv-feedback-danger-soft-background);--primitiv-alert-foreground:var(--primitiv-feedback-danger-soft-foreground);--primitiv-alert-border-color:var(--primitiv-feedback-danger-soft-border);--primitiv-alert-dismiss-hover-background:var(--primitiv-feedback-danger-soft-hover);--primitiv-alert-dismiss-active-background:var(--primitiv-feedback-danger-soft-active)}.primitiv-alert--xs{--primitiv-alert-padding-inline:var(--primitiv-framed-control-xs-padding-inline);--primitiv-alert-padding-block:var(--primitiv-alert-xs-padding-block);--primitiv-alert-gap:var(--primitiv-framed-control-xs-gap);--primitiv-alert-icon-size:var(--primitiv-framed-control-xs-icon-size);--primitiv-alert-icon-offset-top:var(--primitiv-alert-xs-icon-offset-top);--primitiv-alert-dismiss-size:var(--primitiv-framed-control-xs-height);--primitiv-alert-radius:var(--primitiv-framed-control-xs-radius);--primitiv-alert-title-font-family:var(--primitiv-label-xs-font-family);--primitiv-alert-title-font-size:var(--primitiv-label-xs-font-size);--primitiv-alert-title-font-weight:var(--primitiv-label-xs-font-weight);--primitiv-alert-title-line-height:var(--primitiv-label-xs-line-height);--primitiv-alert-description-font-family:var(--primitiv-body-xs-font-family);--primitiv-alert-description-font-size:var(--primitiv-body-xs-font-size);--primitiv-alert-description-font-weight:var(--primitiv-body-xs-font-weight);--primitiv-alert-description-line-height:var(--primitiv-body-xs-line-height)}.primitiv-alert--sm{--primitiv-alert-padding-inline:var(--primitiv-framed-control-sm-padding-inline);--primitiv-alert-padding-block:var(--primitiv-alert-sm-padding-block);--primitiv-alert-gap:var(--primitiv-framed-control-sm-gap);--primitiv-alert-icon-size:var(--primitiv-framed-control-sm-icon-size);--primitiv-alert-icon-offset-top:var(--primitiv-alert-sm-icon-offset-top);--primitiv-alert-dismiss-size:var(--primitiv-framed-control-sm-height);--primitiv-alert-radius:var(--primitiv-framed-control-sm-radius);--primitiv-alert-title-font-family:var(--primitiv-label-sm-font-family);--primitiv-alert-title-font-size:var(--primitiv-label-sm-font-size);--primitiv-alert-title-font-weight:var(--primitiv-label-sm-font-weight);--primitiv-alert-title-line-height:var(--primitiv-label-sm-line-height);--primitiv-alert-description-font-family:var(--primitiv-body-sm-font-family);--primitiv-alert-description-font-size:var(--primitiv-body-sm-font-size);--primitiv-alert-description-font-weight:var(--primitiv-body-sm-font-weight);--primitiv-alert-description-line-height:var(--primitiv-body-sm-line-height)}.primitiv-alert--md{--primitiv-alert-padding-inline:var(--primitiv-framed-control-md-padding-inline);--primitiv-alert-padding-block:var(--primitiv-alert-md-padding-block);--primitiv-alert-gap:var(--primitiv-framed-control-md-gap);--primitiv-alert-icon-size:var(--primitiv-framed-control-md-icon-size);--primitiv-alert-icon-offset-top:var(--primitiv-alert-md-icon-offset-top);--primitiv-alert-dismiss-size:var(--primitiv-framed-control-md-height);--primitiv-alert-radius:var(--primitiv-framed-control-md-radius);--primitiv-alert-title-font-family:var(--primitiv-label-md-font-family);--primitiv-alert-title-font-size:var(--primitiv-label-md-font-size);--primitiv-alert-title-font-weight:var(--primitiv-label-md-font-weight);--primitiv-alert-title-line-height:var(--primitiv-label-md-line-height);--primitiv-alert-description-font-family:var(--primitiv-body-md-font-family);--primitiv-alert-description-font-size:var(--primitiv-body-md-font-size);--primitiv-alert-description-font-weight:var(--primitiv-body-md-font-weight);--primitiv-alert-description-line-height:var(--primitiv-body-md-line-height)}.primitiv-alert--lg{--primitiv-alert-padding-inline:var(--primitiv-framed-control-lg-padding-inline);--primitiv-alert-padding-block:var(--primitiv-alert-lg-padding-block);--primitiv-alert-gap:var(--primitiv-framed-control-lg-gap);--primitiv-alert-icon-size:var(--primitiv-framed-control-lg-icon-size);--primitiv-alert-icon-offset-top:var(--primitiv-alert-lg-icon-offset-top);--primitiv-alert-dismiss-size:var(--primitiv-framed-control-lg-height);--primitiv-alert-radius:var(--primitiv-framed-control-lg-radius);--primitiv-alert-title-font-family:var(--primitiv-label-lg-font-family);--primitiv-alert-title-font-size:var(--primitiv-label-lg-font-size);--primitiv-alert-title-font-weight:var(--primitiv-label-lg-font-weight);--primitiv-alert-title-line-height:var(--primitiv-label-lg-line-height);--primitiv-alert-description-font-family:var(--primitiv-body-lg-font-family);--primitiv-alert-description-font-size:var(--primitiv-body-lg-font-size);--primitiv-alert-description-font-weight:var(--primitiv-body-lg-font-weight);--primitiv-alert-description-line-height:var(--primitiv-body-lg-line-height)}.primitiv-alert--xl{--primitiv-alert-padding-inline:var(--primitiv-framed-control-xl-padding-inline);--primitiv-alert-padding-block:var(--primitiv-alert-xl-padding-block);--primitiv-alert-gap:var(--primitiv-framed-control-xl-gap);--primitiv-alert-icon-size:var(--primitiv-framed-control-xl-icon-size);--primitiv-alert-icon-offset-top:var(--primitiv-alert-xl-icon-offset-top);--primitiv-alert-dismiss-size:var(--primitiv-framed-control-xl-height);--primitiv-alert-radius:var(--primitiv-framed-control-xl-radius);--primitiv-alert-title-font-family:var(--primitiv-label-xl-font-family);--primitiv-alert-title-font-size:var(--primitiv-label-xl-font-size);--primitiv-alert-title-font-weight:var(--primitiv-label-xl-font-weight);--primitiv-alert-title-line-height:var(--primitiv-label-xl-line-height);--primitiv-alert-description-font-family:var(--primitiv-body-xl-font-family);--primitiv-alert-description-font-size:var(--primitiv-body-xl-font-size);--primitiv-alert-description-font-weight:var(--primitiv-body-xl-font-weight);--primitiv-alert-description-line-height:var(--primitiv-body-xl-line-height)}}@layer primitiv.states{.primitiv-alert__dismiss{--primitiv-button-padding-inline:0;inline-size:var(--primitiv-alert-dismiss-size);--primitiv-button-fg:var(--primitiv-alert-foreground);--primitiv-button-bg:var(--primitiv-alert-background)}@media (hover:hover){.primitiv-alert__dismiss:hover{--primitiv-button-bg:var(--primitiv-alert-dismiss-hover-background)}}.primitiv-alert__dismiss:active{--primitiv-button-bg:var(--primitiv-alert-dismiss-active-background)}}