@react-spectrum/s2
Version:
Spectrum 2 UI components in React
307 lines (239 loc) • 5.13 kB
CSS
@layer _.a {
._pN79Hzc91 {
color-scheme: var(--lightningcss-light, light) var(--lightningcss-dark, dark);
}
._pc91 {
--lightningcss-light: initial;
--lightningcss-dark: ;
color-scheme: light dark;
}
@media (prefers-color-scheme: dark) {
._pc91 {
--lightningcss-light: ;
--lightningcss-dark: initial;
}
}
._pb91 {
--lightningcss-light: initial;
--lightningcss-dark: ;
color-scheme: light;
}
._pa91 {
--lightningcss-light: ;
--lightningcss-dark: initial;
color-scheme: dark;
}
._Ca91 {
justify-content: center;
}
.eb91 {
align-items: center;
}
.Le91 {
max-width: calc(10rem * var(--s2-scale));
}
.MAyFGYc91 {
min-height: var(--M);
}
._oa91 {
box-sizing: border-box;
}
.ug91 {
font-family: adobe-clean-variable, adobe-clean, ui-sans-serif, system-ui, sans-serif;
}
.vb91 {
font-size: .75rem;
}
.wb91 {
font-variation-settings: "wght" 400;
}
.xb91 {
font-weight: 400;
}
._xa91 {
font-synthesis-weight: none;
}
._Fa91 {
line-height: 1.3;
}
.pr91 {
color: var(--lightningcss-light, #fff) var(--lightningcss-dark, #111);
}
._kJ8iPYd91 {
border-top-width: var(--_k);
}
.hXMFGYc91 {
border-bottom-width: var(--h);
}
.g091 {
background-color: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
}
.ob91 {
border-start-start-radius: .5rem;
}
.nb91 {
border-start-end-radius: .5rem;
}
.kb91 {
border-end-start-radius: .5rem;
}
.jb91 {
border-end-end-radius: .5rem;
}
.Sv91 {
padding-inline-start: calc(var(--F, var(--M)) * 3 / 8);
}
.Rv91 {
padding-inline-end: calc(var(--F, var(--M)) * 3 / 8);
}
.Tu7Fubd91 {
padding-top: calc((var(--M) - var(--_k, 0px) - var(--h, 0px) - 1lh) / 2);
}
.Qu7Fubd91 {
padding-bottom: calc((var(--M) - var(--_k, 0px) - var(--h, 0px) - 1lh) / 2);
}
.Jv91 {
margin-top: .5rem;
}
.Gv91 {
margin-bottom: .5rem;
}
.Iv91 {
margin-inline-start: .5rem;
}
.Hv91 {
margin-inline-end: .5rem;
}
.Yd91 {
transition-property: color, background-color, var(--gp, color), border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, translate, scale, rotate, filter, backdrop-filter;
}
.Xc91 {
transition-duration: .2s;
}
._2c91 {
transition-timing-function: cubic-bezier(.5, 0, 1, 1);
}
.-_7PloMd-G91 {
--translateX: 4px;
}
.-_7PloMd-m91 {
--translateX: -4px;
}
.-_8PloMd-F91 {
--translateY: 4px;
}
.-_8PloMd-l91 {
--translateY: -4px;
}
._Ia91 {
opacity: 0;
opacity: 0;
}
.-M_-Mg91 {
--M: calc(1.5rem * var(--s2-scale));
}
.sb91 {
display: block;
}
.tr91 {
fill: var(--lightningcss-light, #292929) var(--lightningcss-dark, #dbdbdb);
}
.Zi91 {
width: calc(.625rem * var(--s2-scale));
}
.Ff91 {
height: calc(.3125rem * var(--s2-scale));
}
._Sb91 {
rotate: none;
}
._Sc91 {
rotate: 180deg;
}
._Sa91 {
rotate: -90deg;
}
._Sd91 {
rotate: 90deg;
}
.-_7PloMd-e91 {
--translateX: -25%;
}
.-_7PloMd-y91 {
--translateX: 25%;
}
.__Ya91 {
translate: var(--translateX, 0) var(--translateY, 0);
}
}
@layer _.b {
.uch91:lang(ar) {
font-family: myriad-arabic, ui-sans-serif, system-ui, sans-serif;
}
._Ffb91:is(:lang(ja), :lang(ko), :lang(zh), :lang(zh-Hant), :lang(zh-Hans)) {
line-height: 1.5;
}
}
@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 Pゴシック, 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)) {
.vse91 {
font-size: .9375rem;
}
}
}
@layer _.b.l {
@media (forced-colors: active) {
.plb91 {
color: buttontext;
}
.mlb91 {
border-inline-start-width: 1px;
}
.llb91 {
border-inline-end-width: 1px;
}
._jlf91 {
border-style: solid;
}
.ilA91 {
border-color: #0000;
}
.-_k_-l_kb91 {
--_k: 1px;
}
.-h_-lhb91 {
--h: 1px;
}
}
}
/*# sourceMappingURL=Tooltip.css.map */