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

Spectrum 2 UI components in React

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

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

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

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

  .Jy91 {
    margin-top: 0;
  }

  .Gy91 {
    margin-bottom: 0;
  }

  .vj91 {
    font-size: 1.375rem;
  }

  .we91 {
    font-variation-settings: "wght" 800;
  }

  .xe91 {
    font-weight: 800;
  }

  ._Fa91 {
    line-height: 1.3;
  }

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

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

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

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

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

  .vg91 {
    font-size: 1.125rem;
  }

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

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

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

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

  ._ub91 {
    flex-grow: 1;
  }

  .vp91 {
    font-size: 1rem;
  }

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

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

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

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

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

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

  .La91 {
    max-width: 100%;
  }

  .se91 {
    display: grid;
  }

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

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

  .EH21CE91 {
    grid-template-rows: auto auto 1.5rem 1fr 1.5rem auto;
  }

  .Th91 {
    padding-top: 24px;
  }

  .Qh91 {
    padding-bottom: 24px;
  }

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

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

  .ql91 {
    column-gap: 1rem;
  }

  .K40ub4c91 {
    max-height: inherit;
  }

  .Fb91 {
    height: 100%;
  }

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

  ._Le91 {
    outline-style: none;
  }

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

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

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

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

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

  ._Na91 {
    overflow-x: auto;
  }

  .Pa91 {
    overflow-y: auto;
  }
}

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

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

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

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

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

@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)) {
    .vsm91 {
      font-size: 1.6875rem;
    }

    .vsj91 {
      font-size: 1.375rem;
    }

    .vsh91 {
      font-size: 1.1875rem;
    }
  }
}

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

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

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

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

    .EnFjesNe91 {
      grid-template-rows: auto 2rem 1fr;
    }

    .Tnk91 {
      padding-top: 32px;
    }

    .Qnk91 {
      padding-bottom: 32px;
    }

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

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

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

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