@react-spectrum/s2/dist/InlineAlert.css

Spectrum 2 UI components in React

@layer _.a {
  ._Le91 {
    outline-style: none;
  }

  ._Lf91 {
    outline-style: solid;
  }

  .Oh91 {
    outline-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #4069fd);
  }

  ._Mc91 {
    outline-width: 2px;
  }

  ._Kd91 {
    outline-offset: 2px;
  }

  .sg91 {
    display: inline-block;
  }

  ._Pc91 {
    position: relative;
  }

  ._oa91 {
    box-sizing: border-box;
  }

  .Th91 {
    padding-top: 24px;
  }

  .Qh91 {
    padding-bottom: 24px;
  }

  .Sh91 {
    padding-inline-start: 24px;
  }

  .Rh91 {
    padding-inline-end: 24px;
  }

  .oc91 {
    border-start-start-radius: .625rem;
  }

  .nc91 {
    border-start-end-radius: .625rem;
  }

  .kc91 {
    border-end-start-radius: .625rem;
  }

  .jc91 {
    border-end-end-radius: .625rem;
  }

  ._jf91 {
    border-style: solid;
  }

  ._kc91 {
    border-top-width: 2px;
  }

  .hc91 {
    border-bottom-width: 2px;
  }

  .mc91 {
    border-inline-start-width: 2px;
  }

  .lc91 {
    border-inline-end-width: 2px;
  }

  .ix91 {
    border-color: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #4069fd);
  }

  .il91 {
    border-color: var(--lightningcss-light, #0ba45d) var(--lightningcss-dark, #047c4b);
  }

  .is91 {
    border-color: var(--lightningcss-light, #e86a00) var(--lightningcss-dark, #b94900);
  }

  .it91 {
    border-color: var(--lightningcss-light, #f03823) var(--lightningcss-dark, #df3422);
  }

  .iy91 {
    border-color: var(--lightningcss-light, #505050) var(--lightningcss-dark, #afafaf);
  }

  .iA91 {
    border-color: #0000;
  }

  .gG91 {
    background-color: var(--lightningcss-light, #e5f0fe) var(--lightningcss-dark, #0c2175);
  }

  .g291 {
    background-color: var(--lightningcss-light, #3b63fb) var(--lightningcss-dark, #4069fd);
  }

  .gA91 {
    background-color: var(--lightningcss-light, #d7f7e1) var(--lightningcss-dark, #003326);
  }

  .g191 {
    background-color: var(--lightningcss-light, #05834e) var(--lightningcss-dark, #068850);
  }

  .gV91 {
    background-color: var(--lightningcss-light, #ffeccf) var(--lightningcss-dark, #501b00);
  }

  .gQ91 {
    background-color: var(--lightningcss-light, #fc7d00) var(--lightningcss-dark, #e06400);
  }

  .gU91 {
    background-color: var(--lightningcss-light, #ffebe8) var(--lightningcss-dark, #571107);
  }

  .gB91 {
    background-color: var(--lightningcss-light, #d73220) var(--lightningcss-dark, #df3422);
  }

  .gX91 {
    background-color: var(--lightningcss-light, #fff) var(--lightningcss-dark, #111);
  }

  .gI91 {
    background-color: var(--lightningcss-light, #e9e9e9) var(--lightningcss-dark, #393939);
  }

  .g691 {
    background-color: var(--lightningcss-light, #505050) var(--lightningcss-dark, #6d6d6d);
  }

  .z2U5Crc91 {
    grid-column-start: icon;
  }

  .y2U5Crc91 {
    grid-column-end: icon;
  }

  .B2U5Crc91 {
    grid-row-start: icon;
  }

  .A2U5Crc91 {
    grid-row-end: icon;
  }

  .-_8sjo0b-tm91 {
    --iconPrimary: var(--lightningcss-light, #d45b00) var(--lightningcss-dark, #e06400);
  }

  .-_8sjo0b-tu91 {
    --iconPrimary: var(--lightningcss-light, #4b75ff) var(--lightningcss-dark, #5681ff);
  }

  .-_8sjo0b-tt91 {
    --iconPrimary: var(--lightningcss-light, #079355) var(--lightningcss-dark, #099d59);
  }

  .-_8sjo0b-tq91 {
    --iconPrimary: var(--lightningcss-light, #f03823) var(--lightningcss-dark, #fc432e);
  }

  .-_8sjo0b-tf91 {
    --iconPrimary: var(--lightningcss-light, #8f8f8f) var(--lightningcss-dark, #8a8a8a);
  }

  .-_8sjo0b-tw91 {
    --iconPrimary: white;
  }

  .-_8sjo0b-tcwrnr91 {
    --iconPrimary: black;
  }

  .se91 {
    display: grid;
  }

  .qj91 {
    column-gap: 1.5rem;
  }

  .Dxumf9b91 {
    grid-template-columns: 1fr auto;
  }

  .EeeZzzb91 {
    grid-template-rows: auto auto auto;
  }

  .Za91 {
    width: 100%;
  }

  .CScDOab91 {
    grid-template-areas: "heading icon"
                         "content content";
  }

  .Jy91 {
    margin-top: 0;
  }

  .zPCJngb91 {
    grid-column-start: heading;
  }

  .yPCJngb91 {
    grid-column-end: heading;
  }

  .BPCJngb91 {
    grid-row-start: heading;
  }

  .APCJngb91 {
    grid-row-end: heading;
  }

  .wd91 {
    font-variation-settings: "wght" 700;
  }

  .xd91 {
    font-weight: 700;
  }

  ._Fa91 {
    line-height: 1.3;
  }

  .po91 {
    color: var(--lightningcss-light, #131313) var(--lightningcss-dark, #f2f2f2);
  }

  .zk52g2d91 {
    grid-column-start: content;
  }

  .yk52g2d91 {
    grid-column-end: content;
  }

  .Bk52g2d91 {
    grid-row-start: content;
  }

  .Ak52g2d91 {
    grid-row-end: content;
  }

  .ug91 {
    font-family: adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
  }

  .vd91 {
    font-size: .875rem;
  }

  .wb91 {
    font-variation-settings: "wght" 400;
  }

  .xb91 {
    font-weight: 400;
  }

  ._xa91 {
    font-synthesis-weight: none;
  }

  ._Fb91 {
    line-height: 1.5;
  }

  .pt91 {
    color: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
  }

  .px91 {
    color: #fff;
  }

  .pg91 {
    color: #000;
  }
}

@layer _.b {
  .wfd91:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
    font-variation-settings: "wght" 700;
  }

  .xfd91:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
    font-weight: 700;
  }

  ._xfa91:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
    font-synthesis-weight: none;
  }

  ._Ffb91:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
    line-height: 1.5;
  }

  .uch91:lang(ar) {
    font-family: myriad-arabic, ui-sans-serif, system-ui, sans-serif;
  }

  ._Ffc91:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
    line-height: 1.7;
  }
}

@layer _.c {
  .udi91:lang(he) {
    font-family: myriad-hebrew, ui-sans-serif, system-ui, sans-serif;
  }
}

@layer _.d {
  .uea91:lang(ja) {
    font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
  }
}

@layer _.e {
  .ugb91:lang(ko) {
    font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
  }
}

@layer _.f {
  .uhd91:lang(zh) {
    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
  }
}

@layer _.g {
  .uje91:lang(zh-hant) {
    font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
  }
}

@layer _.h {
  .uic91:is(:lang(zh-Hans), :lang(zh-CN), :lang(zh-SG)) {
    font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
  }
}

@layer _.b.s {
  @media not ((hover: hover) and (pointer: fine)) {
    .vsf91 {
      font-size: 1.0625rem;
    }
  }
}
/*# sourceMappingURL=InlineAlert.css.map */