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

Spectrum 2 UI components in React

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

  ._Lf1 {
    outline-style: solid;
  }

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

  ._Mc1 {
    outline-width: 2px;
  }

  ._Kd1 {
    outline-offset: 2px;
  }

  .sg1 {
    display: inline-block;
  }

  ._Pc1 {
    position: relative;
  }

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

  .Th1 {
    padding-top: 24px;
  }

  .Qh1 {
    padding-bottom: 24px;
  }

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

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

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

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

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

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

  ._jf1 {
    border-style: solid;
  }

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

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

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

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

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

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

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

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

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

  .iA1 {
    border-color: #0000;
  }

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

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

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

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

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

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

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

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

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

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

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

  .__wa1 {
    float: inline-end;
  }

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

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

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

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

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

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

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

  .Jy1 {
    margin-top: 0;
  }

  .xd1 {
    font-weight: 700;
  }

  ._Fd1 {
    line-height: round(1em * (1.15 + (1 - ((min(32, var(--s2-font-size-base, 14) * var(--fs))  - 10)) / 22) * .15), 2px);
  }

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

  .uk1 {
    font-family: var(--s2-font-family-sans, adobe-clean-spectrum-vf), adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
  }

  .-_6BNtrc-c1 {
    --fs: pow(1.125, 0);
  }

  .vx1 {
    font-size: round(var(--s2-font-size-base, 14) * var(--fs) / 16 * 1rem, 1px);
  }

  .xb1 {
    font-weight: 400;
  }

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

  ._Fb1 {
    line-height: 1.5;
  }

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

  .px1 {
    color: #fff;
  }

  .pg1 {
    color: #000;
  }
}

@layer _.b {
  .xX0cczbc1:is(:lang(ja), :lang(ko), :lang(zh)) {
    font-weight: 500;
  }

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

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

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

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

@layer _.b.l {
  @media (forced-colors: active) {
    .Olc1 {
      outline-color: highlight;
    }
  }
}

@layer _.c {
  .xfd1:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
    font-weight: 700;
  }

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

  .ud3Euai1:lang(he) {
    font-family: adobe-clean-hebrew, myriad-hebrew, ui-sans-serif, system-ui, sans-serif;
  }
}

@layer _.d {
  .xfX0cczbc1:is(:lang(ja), :lang(ko), :lang(zh)):is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
    font-weight: 500;
  }

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

  .uea1: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 {
  .ugb1:lang(ko) {
    font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
  }
}

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

@layer _.g {
  .uje1: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 {
  .u2NhKxcl1:lang(zh-HK) {
    font-family: adobe-clean-han-hong-kong, source-han-hong-kong, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
  }
}

@layer _.i {
  .uic1: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;
  }
}
/*# sourceMappingURL=InlineAlert.css.map */