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

Spectrum 2 UI components in React

@layer _.a {
  .zPCJngb1 {
    grid-column-start: heading;
  }

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

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

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

  .Jy1 {
    margin-top: 0;
  }

  .Gy1 {
    margin-bottom: 0;
  }

  .-_6BNtrc-g1 {
    --fs: pow(1.125, 4);
  }

  .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);
  }

  .z6Akec1 {
    grid-column-start: header;
  }

  .y6Akec1 {
    grid-column-end: header;
  }

  .B6Akec1 {
    grid-row-start: header;
  }

  .A6Akec1 {
    grid-row-end: header;
  }

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

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

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

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

  ._ub1 {
    flex-grow: 1;
  }

  .-_6BNtrc-d1 {
    --fs: pow(1.125, 1);
  }

  .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);
  }

  .z4AkfTc1 {
    grid-column-start: buttons;
  }

  .y4AkfTc1 {
    grid-column-end: buttons;
  }

  .B4AkfTc1 {
    grid-row-start: buttons;
  }

  .A4AkfTc1 {
    grid-row-end: buttons;
  }

  .IM1 {
    margin-inline-start: auto;
  }

  .La1 {
    max-width: 100%;
  }

  .se1 {
    display: grid;
  }

  .CQpyMed1 {
    grid-template-areas: "heading"
                         "header"
                         "."
                         "content"
                         "."
                         "buttons";
  }

  .DM8Mfn1 {
    grid-template-columns: 1fr;
  }

  .EfcKqZ1 {
    grid-template-rows: auto auto calc(1.5rem * var(--s2-scale)) 1fr calc(1.5rem * var(--s2-scale)) auto;
  }

  .Th1 {
    padding-top: 24px;
  }

  .Qh1 {
    padding-bottom: 24px;
  }

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

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

  .ql1 {
    column-gap: 1rem;
  }

  .K40ub4c1 {
    max-height: inherit;
  }

  .Fb1 {
    height: 100%;
  }

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

  ._Le1 {
    outline-style: none;
  }

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

  .oi1 {
    border-start-start-radius: inherit;
  }

  .ni1 {
    border-start-end-radius: inherit;
  }

  .ki1 {
    border-end-start-radius: inherit;
  }

  .ji1 {
    border-end-end-radius: inherit;
  }

  ._Na1 {
    overflow-x: auto;
  }

  .Pa1 {
    overflow-y: auto;
  }
}

@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;
  }

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

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

@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;
  }
}

@layer _.b.n {
  @media (width >= 40rem) {
    .InM1 {
      margin-inline-start: auto;
    }

    .HnM1 {
      margin-inline-end: auto;
    }

    .Cns3y4td1 {
      grid-template-areas: "heading header buttons"
                           ". . ."
                           "content content content";
    }

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

    .EnFfvwed1 {
      grid-template-rows: auto calc(2rem * var(--s2-scale)) 1fr;
    }

    .Tnk1 {
      padding-top: 32px;
    }

    .Qnk1 {
      padding-bottom: 32px;
    }

    .Snk1 {
      padding-inline-start: 32px;
    }

    .Rnk1 {
      padding-inline-end: 32px;
    }

    .qnj1 {
      column-gap: 1.5rem;
    }
  }
}

@layer _.b.JVVdV {
  @container (height < 25rem) {
    .PJVVdVe1 {
      overflow-y: visible;
    }
  }
}
/*# sourceMappingURL=FullscreenDialog.css.map */