/* Tinder 原站响应式断点 CSS - 完整版 */
/* 从原站 atomic.css 抓取，补充本地缺失的响应式类名 */

/* --xs 断点 (max-width: 375px) */
@media only screen and (max-width: 375px) {
  .D\(n\)--xs { display: none; }
  .Fxb\(60\%\)--xs { flex-basis: 60%; }
  .Fz\(\$2xs\)--xs { font-size: 1.2rem; }
  .Fz\(\$4xs\)--xs { font-size: 0.8rem; }
  .H\(100\%\)--xs { height: 100%; }
  .H\(80\%\)--xs { height: 80%; }
  .H\(130px\)--xs { height: 130px; }
  .H\(96px\)--xs { height: 96px; }
  .H\(150px\)\!--xs { height: 150px !important; }
  .H\(200px\)--xs { height: 200px; }
  .Mx\(10px\)--xs { margin-left: 10px; margin-right: 10px; }
  .My\(0\)--xs { margin-bottom: 0px; margin-top: 0px; }
  .Mt\(8px\)--xs, .My\(8px\)--xs { margin-top: 8px; }
  .My\(8px\)--xs { margin-bottom: 8px; }
  .Mt\(4px\)--xs, .My\(4px\)--xs { margin-top: 4px; }
  .Mb\(4px\)--xs, .My\(4px\)--xs { margin-bottom: 4px; }
  .Mt\(12px\)--xs, .My\(12px\)--xs { margin-top: 12px; }
  .Mb\(12px\)--xs, .My\(12px\)--xs { margin-bottom: 12px; }
  .Mt\(20px\)\!--xs { margin-top: 20px !important; }
  .Mt\(16px\)--xs { margin-top: 16px; }
  .Mb\(16px\)--xs { margin-bottom: 16px; }
  .Mb\(20px\)--xs { margin-bottom: 20px; }
  .Mb\(10px\)--xs { margin-bottom: 10px; }
  .Mb\(0\)\!--xs { margin-bottom: 0px !important; }
  .Mstart\(4px\)--xs { margin-left: 4px; }
  .Mstart\(12px\)--xs { margin-left: 12px; }
  .Mah\(100\%\)--xs { max-height: 100%; }
  .Mah\(50\%\)--xs { max-height: 50%; }
  .Mah\(64px\)--xs { max-height: 64px; }
  .Maw\(80\%\)--xs { max-width: 80%; }
  .Maw\(100\%\)--xs { max-width: 100%; }
  .Mih\(175px\)--xs { min-height: 175px; }
  .Miw\(80px\)--xs { min-width: 80px; }
  .T\(0\)--xs { top: 0px; }
  .End\(4px\)--xs { right: 4px; }
  .Ovy\(s\)--xs { overflow-y: scroll; }
  .Ovs\(touch\)--xs { }
  .P\(8px\)--xs { padding: 8px; }
  .P\(12px\)--xs { padding: 12px; }
  .P\(0\)--xs { padding: 0px; }
  .P\(10px\)--xs { padding: 10px; }
  .Px\(16px\)--xs { padding-left: 16px; padding-right: 16px; }
  .Px\(12px\)--xs { padding-left: 12px; padding-right: 12px; }
  .Px\(8px\)--xs { padding-left: 8px; padding-right: 8px; }
  .Px\(20px\)--xs { padding-left: 20px; padding-right: 20px; }
  .Px\(4px\)--xs { padding-left: 4px; padding-right: 4px; }
  .Py\(8px\)--xs { padding-bottom: 8px; padding-top: 8px; }
  .Py\(4px\)--xs { padding-top: 4px; }
  .Pb\(4px\)--xs, .Py\(4px\)--xs { padding-bottom: 4px; }
  .Py\(2px\)--xs { padding-bottom: 2px; padding-top: 2px; }
  .Py\(24px\)--xs { padding-bottom: 24px; padding-top: 24px; }
  .Pt\(12px\)--xs { padding-top: 12px; }
  .Pb\(0\)--xs { padding-bottom: 0px; }
  .Pb\(16px\)--xs { padding-bottom: 16px; }
  .Pb\(12px\)--xs { padding-bottom: 12px; }
  .Trfo\(t\)--xs { transform-origin: center top; }
  .Scale\(\.9\)--xs { transform: scale(0.9); }
  .Sq\(120px\)--xs { height: 120px; width: 120px; }
  .Sq\(12px\)--xs { height: 12px; width: 12px; }
  .Sq\(16px\)--xs { height: 16px; width: 16px; }
  .Sq\(20px\)--xs { height: 20px; width: 20px; }
  .Sq\(44px\)--xs { height: 44px; width: 44px; }
  .Sq\(48px\)--xs { height: 48px; width: 48px; }
  .Sq\(169px\)--xs { height: 169px; width: 169px; }
  .Sq\(137px\)--xs { height: 137px; width: 137px; }
  .Sq\(201px\)--xs { height: 201px; width: 201px; }
  .Sq\(40px\)--xs { height: 40px; width: 40px; }
  .Ovsby\(n\)--xs { overscroll-behavior-y: none; }
}

/* --s 断点 (max-width: 895px) */
@media only screen and (max-width: 895px) {
  .Ai\(st\)--s { align-items: stretch; }
  .Bdc\(\$c-ds-background-primary\)--s { border-color: var(--color--background-primary,inherit); }
  .Bdc\(\$c-ds-divider-primary\)--s { border-color: var(--color--divider-primary,inherit); }
  .Bdrs\(0\)--s { border-radius: 0px; }
  .Bdrsbend\(0\)--s { border-bottom-right-radius: 0px; }
  .Bdrsbstart\(0\)--s { border-bottom-left-radius: 0px; }
  .Bgc\(\#000\.2\)--s { background-color: rgba(0, 0, 0, 0.2); }
  .C\(\$c-ds-text-primary-overlay\)--s { color: var(--color--text-primary-overlay,inherit); }
  .D\(n\)--s { display: none; }
  .D\(f\)--s { display: flex; }
  .D\(ib\)--s { display: inline-block; }
  .D\(b\)--s { display: block; }
  .Fx\(\$flx1\)--s { flex: 1 1 0%; }
  .Fxs\(0\)--s { flex-shrink: 0; }
  .Fld\(c\)--s, .Fxd\(c\)--s { flex-direction: column; }
  .Jc\(sb\)--s { justify-content: space-between; }
  .Jc\(c\)--s { justify-content: center; }
  .Fz\(\$2xs\)--s { font-size: 1.2rem; }
  .Fz\(\$xs\)--s { font-size: 1.4rem; }
  .Fz\(3rem\)--s { font-size: 3rem; }
  .Fz\(\$ms\)--s { font-size: 1.8rem; }
  .Fz\(\$s\)--s { font-size: 1.6rem; }
  .Expand--s, .H\(100\%\)--s { height: 100%; }
  .H\(120px\)--s { height: 120px; }
  .H\(150px\)--s { height: 150px; }
  .H\(10\%\)--s { height: 10%; }
  .H\(90\%\)--s { height: 90%; }
  .H\(40\%\)--s { height: 40%; }
  .H\(60px\)--s, .Sq\(60px\)--s { height: 60px; }
  .H\(24px\)--s { height: 24px; }
  .Lh\(2\.5rem\)--s { line-height: 2.5rem; }
  .M\(0\)--s { margin: 0px; }
  .M\(-1px\)--s { margin: -1px; }
  .M\(a\)--s { margin: auto; }
  .Mx\(8px\)--s { margin-left: 8px; }
  .Mend\(8px\)--s, .Mx\(8px\)--s { margin-right: 8px; }
  .Mx\(16px\)--s { margin-left: 16px; margin-right: 16px; }
  .Mx\(0\)--s { margin-left: 0px; margin-right: 0px; }
  .Mx\(20px\)--s { margin-left: 20px; margin-right: 20px; }
  .Mt\(12px\)--s, .My\(12px\)--s { margin-top: 12px; }
  .Mb\(12px\)--s, .My\(12px\)--s { margin-bottom: 12px; }
  .My\(10px\)--s { margin-top: 10px; }
  .Mb\(10px\)--s, .My\(10px\)--s { margin-bottom: 10px; }
  .Mt\(8px\)--s, .My\(8px\)--s { margin-top: 8px; }
  .Mb\(8px\)--s, .My\(8px\)--s { margin-bottom: 8px; }
  .Mt\(24px\)--s, .My\(24px\)--s { margin-top: 24px; }
  .Mb\(24px\)--s, .My\(24px\)--s { margin-bottom: 24px; }
  .My\(16px\)--s { margin-top: 16px; }
  .Mb\(16px\)--s, .My\(16px\)--s { margin-bottom: 16px; }
  .My\(36px\)--s { margin-bottom: 36px; margin-top: 36px; }
  .Mt\(4px\)--s, .My\(4px\)--s { margin-top: 4px; }
  .Mb\(4px\)--s, .My\(4px\)--s { margin-bottom: 4px; }
  .Mt\(140px\)--s { margin-top: 140px; }
  .Mt\(48px\)--s { margin-top: 48px; }
  .Mt\(a\)--s { margin-top: auto; }
  .Mt\(0\)--s { margin-top: 0px; }
  .Mt\(64px\)--s { margin-top: 64px; }
  .Mt\(28px\)--s { margin-top: 28px; }
  .Mt\(20px\)--s { margin-top: 20px; }
  .Mt\(55px\)--s { margin-top: 55px; }
  .Mt\(40px\)--s { margin-top: 40px; }
  .Mb\(40px\)--s { margin-bottom: 40px; }
  .Mb\(68px\)--s { margin-bottom: 68px; }
  .Mb\(0\)--s { margin-bottom: 0px; }
  .Mb\(6px\)--s { margin-bottom: 6px; }
  .Mstart\(4px\)--s { margin-left: 4px; }
  .Mah\(100\%\)--s { max-height: 100%; }
  .Maw\(420px\)--s { max-width: 420px; }
  .Maw\(315px\)--s { max-width: 315px; }
  .Maw\(300px\)--s { max-width: 300px; }
  .Maw\(400px\)--s { max-width: 400px; }
  .Mih\(100vh\)--s { min-height: 100vh; }
  .Mih\(100\%\)--s { min-height: 100%; }
  .Mih\(42px\)--s { min-height: 42px; }
  .Mih\(155px\)--s { min-height: 155px; }
  .Mih\(52px\)--s { min-height: 52px; }
  .Miw\(260px\)--s { min-width: 260px; }
  .T\(0\)--s { top: 0px; }
  .T\(8px\)--s { top: 8px; }
  .T\(20px\)--s { top: 20px; }
  .T\(110px\)--s { top: 110px; }
  .T\(16px\)--s { top: 16px; }
  .T\(90px\)--s { top: 90px; }
  .T\(-33px\)--s { top: -33px; }
  .T\(-32px\)--s { top: -32px; }
  .End\(8px\)--s { right: 8px; }
  .B\(0\)--s { bottom: 0px; }
  .Start\(0\)--s { left: 0px; }
  .Start\(-2px\)--s { left: -2px; }
  .Ovs\(touch\)--s { }
  .P\(16px\)--s { padding: 16px; }
  .P\(40px\)--s { padding: 40px; }
  .P\(12px\)--s { padding: 12px; }
  .P\(5px\)--s { padding: 5px; }
  .Px\(12px\)--s { padding-left: 12px; }
  .Pend\(12px\)--s, .Px\(12px\)--s { padding-right: 12px; }
  .Pstart\(8px\)--s, .Px\(8px\)--s { padding-left: 8px; }
  .Px\(8px\)--s { padding-right: 8px; }
  .Px\(20px\)--s { padding-left: 20px; padding-right: 20px; }
  .Px\(48px\)--s { padding-left: 48px; padding-right: 48px; }
  .Px\(40px\)--s { padding-left: 40px; padding-right: 40px; }
  .Pstart\(10px\)--s, .Px\(10px\)--s { padding-left: 10px; }
  .Px\(10px\)--s { padding-right: 10px; }
  .Px\(4px\)--s { padding-left: 4px; padding-right: 4px; }
  .Px\(16px\)--s { padding-left: 16px; }
  .Pend\(16px\)--s, .Px\(16px\)--s { padding-right: 16px; }
  .Pt\(12px\)--s, .Py\(12px\)--s { padding-top: 12px; }
  .Pb\(12px\)--s, .Py\(12px\)--s { padding-bottom: 12px; }
  .Py\(24px\)--s { padding-bottom: 24px; padding-top: 24px; }
  .Pt\(8px\)--s, .Py\(8px\)--s { padding-top: 8px; }
  .Pb\(8px\)--s, .Py\(8px\)--s { padding-bottom: 8px; }
  .Pt\(0\)--s { padding-top: 0px; }
  .Pt\(20px\)--s { padding-top: 20px; }
  .Pt\(16px\)--s { padding-top: 16px; }
  .Pt\(60px\)--s { padding-top: 60px; }
  .Pb\(36px\)--s { padding-bottom: 36px; }
  .Pb\(16px\)--s { padding-bottom: 16px; }
  .Pb\(32px\)--s { padding-bottom: 32px; }
  .Pb\(20px\)--s { padding-bottom: 20px; }
  .Pb\(10px\)--s { padding-bottom: 10px; }
  .Pstart\(42px\)--s { padding-left: 42px; }
  .Pstart\(50px\)--s { padding-left: 50px; }
  .Pos\(f\)--s { position: fixed; }
  .Pos\(a\)--s, .StretchedBox--s { position: absolute; }
  .Pos\(r\)--s { position: relative; }
  .Ta\(start\)--s { text-align: left; }
  .Ta\(c\)--s { text-align: center; }
  .Translate\(-50\%\,-50\%\)--s { transform: translate(-50%, -50%); }
  .TranslateY\(-50\%\)--s { transform: translateY(-50%); }
  .Trsdu\(\$normal\)--s { transition-duration: 0.25s; }
  .Trsp\(\$transform\)--s { transition-property: transform; }
  .Expand--s, .W\(100\%\)--s { width: 100%; }
  .W\(80\%\)--s { width: 80%; }
  .W\(50\%\)--s { width: 50%; }
  .W\(300px\)--s { width: 300px; }
  .W\(240px\)--s { width: 240px; }
  .W\(180px\)--s { width: 180px; }
  .Wc\(\$transform\)--s { will-change: transform; }
  .Z\(3\)--s { z-index: 3; }
  .Z\(0\)--s { z-index: 0; }
  .BdB--s { border-style: solid; border-width: 0px 0px 1px; }
  .StretchedBox--s { inset: 0px; }
  .NetHeight\(100\%\,55px\)--s { height: calc(100% - 55px); }
  .NetHeight\(100vh\,50px\)--s { height: calc(-50px + 100vh); }
  .Sq\(32px\)--s { height: 32px; width: 32px; }
  .Sq\(40px\)--s { height: 40px; width: 40px; }
  .Sq\(146px\)--s { height: 146px; width: 146px; }
  .Sq\(28px\)--s { height: 28px; width: 28px; }
  .Sq\(60px\)--s { width: 60px; }
  .Sq\(48px\)--s { height: 48px; width: 48px; }
  .Sq\(34px\)--s { height: 34px; width: 34px; }
  .Sq\(90px\)--s { height: 90px; width: 90px; }
  .Sq\(20px\)--s { height: 20px; width: 20px; }
  .Ovsby\(n\)--s { overscroll-behavior-y: none; }
}

/* --sm 断点 (max-width: 767px) - 完整版 */
@media only screen and (max-width: 767px) {
  .Bdrs\(8px\)--sm { border-radius: 8px; }
  .Mah\(100vh\)--sm { max-height: 100vh; }
  .Mih\(300px\)--sm { min-height: 300px; }
  .Ovy\(s\)--sm { overflow-y: scroll; }
  .W\(100\%\)--sm { width: 100%; }
}