| 6447 | html:lang(ja) input, |
6447 | html:lang(ja) input, |
| 6448 | html:lang(ja) select, |
6448 | html:lang(ja) select, |
| 6449 | html:lang(ja) textarea, |
6449 | html:lang(ja) textarea, |
| 6450 | html:lang(ja-JP) ::-webkit-input-placeholder, |
6450 | html:lang(ja-JP) ::-webkit-input-placeholder, |
| 6451 | html:lang(ja-JP) body, |
6451 | html:lang(ja-JP) body, |
| 6452 | html:lang(ja-JP) button, |
6452 | html:lang(ja-JP) button, |
| 6453 | html:lang(ja-JP) input, |
6453 | html:lang(ja-JP) input, |
| 6454 | html:lang(ja-JP) select, |
6454 | html:lang(ja-JP) select, |
| 6455 | html:lang(ja-JP) textarea { |
6455 | html:lang(ja-JP) textarea { |
| .6456 | font-family: Whitney, Hiragino Sans, ヒラギノ角ゴ ProN W3, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, Osaka, MS PGothic, Helvetica Neue, Helvetica, Arial, sans-serif |
6456 | font-family: Whitney, Hiragino Sans, ヒラギノ角ゴ ProN W3, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, Osaka, MS PGothic, Helvetica Neue, Helvetica, Arial, sans-serif |
| 6457 | } |
6457 | } |
| 6458 | |
6458 | |
| 6459 | html:lang(ja) :-ms-input-placeholder, |
6459 | html:lang(ja) :-ms-input-placeholder, |
| 6460 | html:lang(ja) body, |
6460 | html:lang(ja) body, |
| 6461 | html:lang(ja) button, |
6461 | html:lang(ja) button, |
| 6462 | html:lang(ja) input, |
6462 | html:lang(ja) input, |
| 6463 | html:lang(ja) select, |
6463 | html:lang(ja) select, |
| 6464 | html:lang(ja) textarea, |
6464 | html:lang(ja) textarea, |
| 6465 | html:lang(ja-JP) :-ms-input-placeholder, |
6465 | html:lang(ja-JP) :-ms-input-placeholder, |
| 6466 | html:lang(ja-JP) body, |
6466 | html:lang(ja-JP) body, |
| 6467 | html:lang(ja-JP) button, |
6467 | html:lang(ja-JP) button, |
| 6468 | html:lang(ja-JP) input, |
6468 | html:lang(ja-JP) input, |
| 6469 | html:lang(ja-JP) select, |
6469 | html:lang(ja-JP) select, |
| 6470 | html:lang(ja-JP) textarea { |
6470 | html:lang(ja-JP) textarea { |
| .6471 | font-family: Whitney, Hiragino Sans, ヒラギノ角ゴ ProN W3, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, Osaka, MS PGothic, Helvetica Neue, Helvetica, Arial, sans-serif |
6471 | font-family: Whitney, Hiragino Sans, ヒラギノ角ゴ ProN W3, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, Osaka, MS PGothic, Helvetica Neue, Helvetica, Arial, sans-serif |
| 6472 | } |
6472 | } |
| 6473 | |
6473 | |
| 6474 | html:lang(ja) ::placeholder, |
6474 | html:lang(ja) ::placeholder, |
| 6475 | html:lang(ja) body, |
6475 | html:lang(ja) body, |
| 6476 | html:lang(ja) button, |
6476 | html:lang(ja) button, |
| 6477 | html:lang(ja) input, |
6477 | html:lang(ja) input, |
| 6478 | html:lang(ja) select, |
6478 | html:lang(ja) select, |
| 6479 | html:lang(ja) textarea, |
6479 | html:lang(ja) textarea, |
| 6480 | html:lang(ja-JP) ::placeholder, |
6480 | html:lang(ja-JP) ::placeholder, |
| 6481 | html:lang(ja-JP) body, |
6481 | html:lang(ja-JP) body, |
| 6482 | html:lang(ja-JP) button, |
6482 | html:lang(ja-JP) button, |
| 6483 | html:lang(ja-JP) input, |
6483 | html:lang(ja-JP) input, |
| 6484 | html:lang(ja-JP) select, |
6484 | html:lang(ja-JP) select, |
| 6485 | html:lang(ja-JP) textarea { |
6485 | html:lang(ja-JP) textarea { |
| .6486 | font-family: Whitney, Hiragino Sans, ヒラギノ角ゴ ProN W3, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, Osaka, MS PGothic, Helvetica Neue, Helvetica, Arial, sans-serif |
6486 | font-family: Whitney, Hiragino Sans, ヒラギノ角ゴ ProN W3, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, Osaka, MS PGothic, Helvetica Neue, Helvetica, Arial, sans-serif |
| 6487 | } |
6487 | } |
| 6488 | |
6488 | |
| 6489 | html:lang(ko) ::-webkit-input-placeholder, |
6489 | html:lang(ko) ::-webkit-input-placeholder, |
| 6490 | html:lang(ko) body, |
6490 | html:lang(ko) body, |
| 6491 | html:lang(ko) button, |
6491 | html:lang(ko) button, |
| 6492 | html:lang(ko) input, |
6492 | html:lang(ko) input, |
| 6493 | html:lang(ko) select, |
6493 | html:lang(ko) select, |
| 6494 | html:lang(ko) textarea { |
6494 | html:lang(ko) textarea { |
| .6495 | font-family: Whitney, Apple SD Gothic Neo, NanumBarunGothic, ë§‘ì€ ê³ ë”•, Malgun Gothic, Gulim, 굴림, Dotum, ë‹ì›€, Helvetica Neue, Helvetica, Arial, sans-serif |
6495 | font-family: Whitney, Apple SD Gothic Neo, NanumBarunGothic, 맑은 고딕, Malgun Gothic, Gulim, 굴림, Dotum, 돋움, Helvetica Neue, Helvetica, Arial, sans-serif |
| 6496 | } |
6496 | } |
| 6497 | |
6497 | |
| 6498 | html:lang(ko) :-ms-input-placeholder, |
6498 | html:lang(ko) :-ms-input-placeholder, |
| 6499 | html:lang(ko) body, |
6499 | html:lang(ko) body, |
| 6500 | html:lang(ko) button, |
6500 | html:lang(ko) button, |
| 6501 | html:lang(ko) input, |
6501 | html:lang(ko) input, |
| 6502 | html:lang(ko) select, |
6502 | html:lang(ko) select, |
| 6503 | html:lang(ko) textarea { |
6503 | html:lang(ko) textarea { |
| .6504 | font-family: Whitney, Apple SD Gothic Neo, NanumBarunGothic, ë§‘ì€ ê³ ë”•, Malgun Gothic, Gulim, 굴림, Dotum, ë‹ì›€, Helvetica Neue, Helvetica, Arial, sans-serif |
6504 | font-family: Whitney, Apple SD Gothic Neo, NanumBarunGothic, 맑은 고딕, Malgun Gothic, Gulim, 굴림, Dotum, 돋움, Helvetica Neue, Helvetica, Arial, sans-serif |
| 6505 | } |
6505 | } |
| 6506 | |
6506 | |
| 6507 | html:lang(ko) ::placeholder, |
6507 | html:lang(ko) ::placeholder, |
| 6508 | html:lang(ko) body, |
6508 | html:lang(ko) body, |
| 6509 | html:lang(ko) button, |
6509 | html:lang(ko) button, |
| 6510 | html:lang(ko) input, |
6510 | html:lang(ko) input, |
| 6511 | html:lang(ko) select, |
6511 | html:lang(ko) select, |
| 6512 | html:lang(ko) textarea { |
6512 | html:lang(ko) textarea { |
| .6513 | font-family: Whitney, Apple SD Gothic Neo, NanumBarunGothic, ë§‘ì€ ê³ ë”•, Malgun Gothic, Gulim, 굴림, Dotum, ë‹ì›€, Helvetica Neue, Helvetica, Arial, sans-serif |
6513 | font-family: Whitney, Apple SD Gothic Neo, NanumBarunGothic, 맑은 고딕, Malgun Gothic, Gulim, 굴림, Dotum, 돋움, Helvetica Neue, Helvetica, Arial, sans-serif |
| 6514 | } |
6514 | } |
| 6515 | |
6515 | |
| 6516 | html:lang(zh-CN) ::-webkit-input-placeholder, |
6516 | html:lang(zh-CN) ::-webkit-input-placeholder, |
| 6517 | html:lang(zh-CN) body, |
6517 | html:lang(zh-CN) body, |
| 6518 | html:lang(zh-CN) button, |
6518 | html:lang(zh-CN) button, |
| 6519 | html:lang(zh-CN) input, |
6519 | html:lang(zh-CN) input, |
| 6520 | html:lang(zh-CN) select, |
6520 | html:lang(zh-CN) select, |
| 6521 | html:lang(zh-CN) textarea { |
6521 | html:lang(zh-CN) textarea { |
| .6522 | font-family: Whitney, Microsoft YaHei New, 微软雅黑, Microsoft Yahei, Microsoft JhengHei, 宋体, SimSun, Helvetica Neue, Helvetica, Arial, sans-serif |
6522 | font-family: Whitney, Microsoft YaHei New, 微软雅黑, Microsoft Yahei, Microsoft JhengHei, 宋体, SimSun, Helvetica Neue, Helvetica, Arial, sans-serif |
| 6523 | } |
6523 | } |
| 6524 | |
6524 | |
| 6525 | html:lang(zh-CN) :-ms-input-placeholder, |
6525 | html:lang(zh-CN) :-ms-input-placeholder, |
| 6526 | html:lang(zh-CN) body, |
6526 | html:lang(zh-CN) body, |
| 6527 | html:lang(zh-CN) button, |
6527 | html:lang(zh-CN) button, |
| 6528 | html:lang(zh-CN) input, |
6528 | html:lang(zh-CN) input, |
| 6529 | html:lang(zh-CN) select, |
6529 | html:lang(zh-CN) select, |
| 6530 | html:lang(zh-CN) textarea { |
6530 | html:lang(zh-CN) textarea { |
| .6531 | font-family: Whitney, Microsoft YaHei New, 微软雅黑, Microsoft Yahei, Microsoft JhengHei, 宋体, SimSun, Helvetica Neue, Helvetica, Arial, sans-serif |
6531 | font-family: Whitney, Microsoft YaHei New, 微软雅黑, Microsoft Yahei, Microsoft JhengHei, 宋体, SimSun, Helvetica Neue, Helvetica, Arial, sans-serif |
| 6532 | } |
6532 | } |
| 6533 | |
6533 | |
| 6534 | html:lang(zh-CN) ::placeholder, |
6534 | html:lang(zh-CN) ::placeholder, |
| 6535 | html:lang(zh-CN) body, |
6535 | html:lang(zh-CN) body, |
| 6536 | html:lang(zh-CN) button, |
6536 | html:lang(zh-CN) button, |
| 6537 | html:lang(zh-CN) input, |
6537 | html:lang(zh-CN) input, |
| 6538 | html:lang(zh-CN) select, |
6538 | html:lang(zh-CN) select, |
| 6539 | html:lang(zh-CN) textarea { |
6539 | html:lang(zh-CN) textarea { |
| .6540 | font-family: Whitney, Microsoft YaHei New, 微软雅黑, Microsoft Yahei, Microsoft JhengHei, 宋体, SimSun, Helvetica Neue, Helvetica, Arial, sans-serif |
6540 | font-family: Whitney, Microsoft YaHei New, 微软雅黑, Microsoft Yahei, Microsoft JhengHei, 宋体, SimSun, Helvetica Neue, Helvetica, Arial, sans-serif |
| 6541 | } |
6541 | } |
| 6542 | |
6542 | |
| 6543 | html:lang(zh-HK) ::-webkit-input-placeholder, |
6543 | html:lang(zh-HK) ::-webkit-input-placeholder, |
| 6544 | html:lang(zh-HK) body, |
6544 | html:lang(zh-HK) body, |
| 6545 | html:lang(zh-HK) button, |
6545 | html:lang(zh-HK) button, |
| 6546 | html:lang(zh-HK) input, |
6546 | html:lang(zh-HK) input, |
| 6547 | html:lang(zh-HK) select, |
6547 | html:lang(zh-HK) select, |
| 6548 | html:lang(zh-HK) textarea, |
6548 | html:lang(zh-HK) textarea, |
| 6549 | html:lang(zh-TW) ::-webkit-input-placeholder, |
6549 | html:lang(zh-TW) ::-webkit-input-placeholder, |
| 6550 | html:lang(zh-TW) body, |
6550 | html:lang(zh-TW) body, |
| 6551 | html:lang(zh-TW) button, |
6551 | html:lang(zh-TW) button, |
| 6552 | html:lang(zh-TW) input, |
6552 | html:lang(zh-TW) input, |
| 6553 | html:lang(zh-TW) select, |
6553 | html:lang(zh-TW) select, |
| 6554 | html:lang(zh-TW) textarea { |
6554 | html:lang(zh-TW) textarea { |
| .6555 | font-family: Whitney, Microsoft JhengHei, 微軟æ£é»‘é«”, Microsoft JhengHei UI, Microsoft YaHei, 微軟雅黑, 宋体, SimSun, Helvetica Neue, Helvetica, Arial, sans-serif |
6555 | font-family: Whitney, Microsoft JhengHei, 微軟正黑體, Microsoft JhengHei UI, Microsoft YaHei, 微軟雅黑, 宋体, SimSun, Helvetica Neue, Helvetica, Arial, sans-serif |
| 6556 | } |
6556 | } |
| 6557 | |
6557 | |
| 6558 | html:lang(zh-HK) :-ms-input-placeholder, |
6558 | html:lang(zh-HK) :-ms-input-placeholder, |
| 6559 | html:lang(zh-HK) body, |
6559 | html:lang(zh-HK) body, |
| 6560 | html:lang(zh-HK) button, |
6560 | html:lang(zh-HK) button, |
| 6561 | html:lang(zh-HK) input, |
6561 | html:lang(zh-HK) input, |
| 6562 | html:lang(zh-HK) select, |
6562 | html:lang(zh-HK) select, |
| 6563 | html:lang(zh-HK) textarea, |
6563 | html:lang(zh-HK) textarea, |
| 6564 | html:lang(zh-TW) :-ms-input-placeholder, |
6564 | html:lang(zh-TW) :-ms-input-placeholder, |
| 6565 | html:lang(zh-TW) body, |
6565 | html:lang(zh-TW) body, |
| 6566 | html:lang(zh-TW) button, |
6566 | html:lang(zh-TW) button, |
| 6567 | html:lang(zh-TW) input, |
6567 | html:lang(zh-TW) input, |
| 6568 | html:lang(zh-TW) select, |
6568 | html:lang(zh-TW) select, |
| 6569 | html:lang(zh-TW) textarea { |
6569 | html:lang(zh-TW) textarea { |
| .6570 | font-family: Whitney, Microsoft JhengHei, 微軟æ£é»‘é«”, Microsoft JhengHei UI, Microsoft YaHei, 微軟雅黑, 宋体, SimSun, Helvetica Neue, Helvetica, Arial, sans-serif |
6570 | font-family: Whitney, Microsoft JhengHei, 微軟正黑體, Microsoft JhengHei UI, Microsoft YaHei, 微軟雅黑, 宋体, SimSun, Helvetica Neue, Helvetica, Arial, sans-serif |
| 6571 | } |
6571 | } |
| 6572 | |
6572 | |
| 6573 | html:lang(zh-HK) ::placeholder, |
6573 | html:lang(zh-HK) ::placeholder, |
| 6574 | html:lang(zh-HK) body, |
6574 | html:lang(zh-HK) body, |
| 6575 | html:lang(zh-HK) button, |
6575 | html:lang(zh-HK) button, |
| 6576 | html:lang(zh-HK) input, |
6576 | html:lang(zh-HK) input, |
| 6577 | html:lang(zh-HK) select, |
6577 | html:lang(zh-HK) select, |
| 6578 | html:lang(zh-HK) textarea, |
6578 | html:lang(zh-HK) textarea, |
| 6579 | html:lang(zh-TW) ::placeholder, |
6579 | html:lang(zh-TW) ::placeholder, |
| 6580 | html:lang(zh-TW) body, |
6580 | html:lang(zh-TW) body, |
| 6581 | html:lang(zh-TW) button, |
6581 | html:lang(zh-TW) button, |
| 6582 | html:lang(zh-TW) input, |
6582 | html:lang(zh-TW) input, |
| 6583 | html:lang(zh-TW) select, |
6583 | html:lang(zh-TW) select, |
| 6584 | html:lang(zh-TW) textarea { |
6584 | html:lang(zh-TW) textarea { |
| .6585 | font-family: Whitney, Microsoft JhengHei, 微軟æ£é»‘é«”, Microsoft JhengHei UI, Microsoft YaHei, 微軟雅黑, 宋体, SimSun, Helvetica Neue, Helvetica, Arial, sans-serif |
6585 | font-family: Whitney, Microsoft JhengHei, 微軟正黑體, Microsoft JhengHei UI, Microsoft YaHei, 微軟雅黑, 宋体, SimSun, Helvetica Neue, Helvetica, Arial, sans-serif |
| 6586 | } |
6586 | } |
| 6587 | |
6587 | |
| 6588 | a, |
6588 | a, |
| 6589 | button, |
6589 | button, |
| 6590 | div, |
6590 | div, |
| 6591 | input, |
6591 | input, |
| 6592 | select, |
6592 | select, |
| 6593 | span, |
6593 | span, |
| 6594 | strong, |
6594 | strong, |
| | | |
| 6706 | transform: rotate(0deg) |
6706 | transform: rotate(0deg) |
| 6707 | } |
6707 | } |
| 6708 | |
6708 | |
| 6709 | to { |
6709 | to { |
| 6710 | -webkit-transform: rotate(1turn); |
6710 | -webkit-transform: rotate(1turn); |
| 6711 | transform: rotate(1turn) |
6711 | transform: rotate(1turn) |
| 6712 | } |
6712 | } |
| 6713 | } |
6713 | } |
| 6714 | |
6714 | |
| .6715 | .icon-29PTzq { |
| |
| 6716 | display: block; |
| |
| 6717 | fill: #fff; |
| |
| 6718 | height: 16px; |
| |
| 6719 | opacity: .3; |
| |
| 6720 | width: 16px |
| |
| 6721 | } |
| |
| 6722 | |
| |
| 6723 | .icon-3nr6O- { |
| |
| 6724 | display: block; |
| |
| 6725 | fill: #fff; |
| |
| 6726 | height: 16px; |
| |
| 6727 | opacity: .3; |
| |
| 6728 | width: 16px |
| |
| 6729 | } |
| |
| 6730 | |
| |
| 6731 | .Select { |
6715 | .Select { |
| 6732 | position: relative |
6716 | position: relative |
| 6733 | } |
6717 | } |
| 6734 | |
6718 | |
| 6735 | .Select, |
6719 | .Select, |
| 6736 | .Select div, |
6720 | .Select div, |
| 6737 | .Select input, |
6721 | .Select input, |
| 6738 | .Select span { |
6722 | .Select span { |
| 6739 | -webkit-box-sizing: border-box; |
6723 | -webkit-box-sizing: border-box; |
| | | |
| 10183 | .theme-light .themedPagination-3v0Dnu .dot-2Q_mMZ { |
10167 | .theme-light .themedPagination-3v0Dnu .dot-2Q_mMZ { |
| 10184 | background-color: #4f545c |
10168 | background-color: #4f545c |
| 10185 | } |
10169 | } |
| 10186 | |
10170 | |
| 10187 | .wrapper-1sSZUt { |
10171 | .wrapper-1sSZUt { |
| 10188 | margin: 0 |
10172 | margin: 0 |
| 10189 | } |
10173 | } |
| 10190 | |
10174 | |
| 10191 | .base-1x0h_U { |
10175 | .base-1x0h_U { |
| .10192 | font-weight: 600 |
10176 | font-weight: 500 |
| 10193 | } |
10177 | } |
| 10194 | |
10178 | |
| 10195 | .selectable-3oBWf0 { |
10179 | .selectable-3oBWf0 { |
| 10196 | -moz-user-select: text; |
10180 | -moz-user-select: text; |
| 10197 | -ms-user-select: text; |
10181 | -ms-user-select: text; |
| 10198 | -webkit-user-select: text; |
10182 | -webkit-user-select: text; |
| 10199 | user-select: text |
10183 | user-select: text |
| 10200 | } |
10184 | } |
| 10201 | |
10185 | |
| 10202 | .theme-dark .base-1x0h_U { |
10186 | .theme-dark .base-1x0h_U { |
| 10203 | color: #fff |
10187 | color: #fff |
| 10204 | } |
10188 | } |
| 10205 | |
10189 | |
| . | |
10190 | .theme-dark .base-1x0h_U.muted-3-7c5L { |
| |
10191 | color: #72767d |
| |
10192 | } |
| |
10193 | |
| 10206 | .theme-light .base-1x0h_U { |
10194 | .theme-light .base-1x0h_U { |
| 10207 | color: #23262a |
10195 | color: #23262a |
| 10208 | } |
10196 | } |
| 10209 | |
10197 | |
| . | |
10198 | .theme-light .base-1x0h_U.muted-3-7c5L { |
| |
10199 | color: #9099a4 |
| |
10200 | } |
| |
10201 | |
| 10210 | .size10-tblYdA { |
10202 | .size10-tblYdA { |
| 10211 | font-size: 10px; |
10203 | font-size: 10px; |
| 10212 | line-height: 12px |
10204 | line-height: 12px |
| 10213 | } |
10205 | } |
| 10214 | |
10206 | |
| 10215 | .size12-3cLvbJ { |
10207 | .size12-3cLvbJ { |
| 10216 | font-size: 12px; |
10208 | font-size: 12px; |
| 10217 | line-height: 16px |
10209 | line-height: 16px |
| 10218 | } |
10210 | } |
| | | |
| 12987 | .theme-light .title-2BxgL2 { |
12979 | .theme-light .title-2BxgL2 { |
| 12988 | color: rgba(185, 187, 190, .9) |
12980 | color: rgba(185, 187, 190, .9) |
| 12989 | } |
12981 | } |
| 12990 | |
12982 | |
| 12991 | .theme-dark .text-GwUZgS, |
12983 | .theme-dark .text-GwUZgS, |
| 12992 | .theme-dark .title-2BxgL2 { |
12984 | .theme-dark .title-2BxgL2 { |
| 12993 | color: #72767d |
12985 | color: #72767d |
| 12994 | } |
12986 | } |
| 12995 | |
12987 | |
| .12996 | .searchBarTag-2xRzm8 { |
12988 | .container-2XeR5Z { |
| |
12989 | -ms-flex-negative: 0; |
| |
12990 | border-radius: 4px; |
| |
12991 | flex-shrink: 0; |
| |
12992 | overflow: hidden |
| |
12993 | } |
| |
12994 | |
| |
12995 | .container-2XeR5Z, |
| |
12996 | .inner-3ErfOT { |
| |
12997 | -webkit-box-sizing: border-box; |
| |
12998 | box-sizing: border-box; |
| |
12999 | display: -webkit-box; |
| |
13000 | display: -ms-flexbox; |
| |
13001 | display: flex |
| |
13002 | } |
| |
13003 | |
| |
13004 | .inner-3ErfOT { |
| |
13005 | -ms-flex: 1 1 auto; |
| |
13006 | -ms-flex-direction: row; |
| |
13007 | -ms-flex-wrap: wrap; |
| |
13008 | -webkit-box-direction: normal; |
| |
13009 | -webkit-box-flex: 1; |
| |
13010 | -webkit-box-orient: horizontal; |
| |
13011 | flex: 1 1 auto; |
| |
13012 | flex-direction: row; |
| |
13013 | flex-wrap: wrap; |
| |
13014 | padding: 1px; |
| |
13015 | position: relative |
| |
13016 | } |
| |
13017 | |
| |
13018 | .disabled-jLAJq8 .inner-3ErfOT { |
| |
13019 | opacity: .3 |
| |
13020 | } |
| |
13021 | |
| |
13022 | .input-1Rv96N { |
| |
13023 | -moz-appearance: none; |
| |
13024 | -ms-flex: 1; |
| |
13025 | -webkit-appearance: none; |
| |
13026 | -webkit-box-flex: 1; |
| |
13027 | -webkit-box-sizing: border-box; |
| |
13028 | appearance: none; |
| |
13029 | background: transparent; |
| |
13030 | border: none; |
| |
13031 | box-sizing: border-box; |
| |
13032 | flex: 1; |
| |
13033 | margin: 1px; |
| |
13034 | min-width: 48px; |
| |
13035 | resize: none |
| |
13036 | } |
| |
13037 | |
| |
13038 | .disabled-jLAJq8 .input-1Rv96N { |
| |
13039 | cursor: not-allowed |
| |
13040 | } |
| |
13041 | |
| |
13042 | .tag-2gHSR7 { |
| 12997 | -ms-flex-align: center; |
13043 | -ms-flex-align: center; |
| 12998 | -ms-flex-direction: row; |
13044 | -ms-flex-direction: row; |
| 12999 | -webkit-box-align: center; |
13045 | -webkit-box-align: center; |
| 13000 | -webkit-box-direction: normal; |
13046 | -webkit-box-direction: normal; |
| 13001 | -webkit-box-orient: horizontal; |
13047 | -webkit-box-orient: horizontal; |
| . | |
13048 | -webkit-box-sizing: border-box; |
| |
13049 | -webkit-transition: none; |
| 13002 | align-items: center; |
13050 | align-items: center; |
| .13003 | background: #35393e; |
| |
| 13004 | border-radius: 2px; |
13051 | border-radius: 2px; |
| .13005 | color: #fff; |
13052 | box-sizing: border-box; |
| 13006 | cursor: pointer; |
13053 | cursor: pointer; |
| 13007 | display: -webkit-box; |
13054 | display: -webkit-box; |
| 13008 | display: -ms-flexbox; |
13055 | display: -ms-flexbox; |
| 13009 | display: flex; |
13056 | display: flex; |
| 13010 | flex-direction: row; |
13057 | flex-direction: row; |
| . | |
13058 | margin: 1px; |
| |
13059 | text-align: center; |
| |
13060 | transition: none |
| |
13061 | } |
| |
13062 | |
| |
13063 | .tag-2gHSR7:hover { |
| |
13064 | text-decoration: none |
| |
13065 | } |
| |
13066 | |
| |
13067 | .small-1lPjda .input-1Rv96N, |
| |
13068 | .small-1lPjda .tag-2gHSR7 { |
| 13011 | font-size: 14px; |
13069 | font-size: 14px; |
| .13012 | font-weight: 400; |
13070 | font-weight: 500; |
| 13013 | height: 22px; |
13071 | height: 20px; |
| 13014 | margin: 2px; |
13072 | line-height: 20px; |
| 13015 | padding: 0 6px; |
13073 | padding: 0 4px |
| 13016 | text-align: center |
| |
| 13017 | } |
13074 | } |
| 13018 | |
13075 | |
| .13019 | .searchBarTag-2xRzm8 .close-3WVtCL { |
13076 | .medium-2-DE5M .input-1Rv96N, |
| 13020 | background: url(/assets/487cd366952d47eb8b7033369d3cdc98.svg) 50% no-repeat; |
13077 | .medium-2-DE5M .tag-2gHSR7 { |
| 13021 | content: " "; |
13078 | font-size: 16px; |
| |
13079 | height: 30px; |
| |
13080 | line-height: 32px; |
| |
13081 | padding: 0 8px |
| |
13082 | } |
| |
13083 | |
| |
13084 | .large-3dt_qC .input-1Rv96N, |
| |
13085 | .large-3dt_qC .tag-2gHSR7 { |
| |
13086 | font-size: 20px; |
| |
13087 | height: 38px; |
| |
13088 | line-height: 40px; |
| |
13089 | padding: 0 16px |
| |
13090 | } |
| |
13091 | |
| |
13092 | .close-3WVtCL { |
| 13022 | height: 12px; |
13093 | height: 12px; |
| .13023 | margin-left: 6px; |
13094 | margin-left: 4px; |
| 13024 | opacity: .6; |
| |
| 13025 | width: 12px |
13095 | width: 12px |
| 13026 | } |
13096 | } |
| 13027 | |
13097 | |
| .13028 | .searchBarTag-2xRzm8:hover { |
13098 | .close-3WVtCL, |
| 13029 | text-decoration: none |
13099 | .iconLayout-1WxHy4 { |
| |
13100 | -webkit-box-sizing: border-box; |
| |
13101 | box-sizing: border-box |
| 13030 | } |
13102 | } |
| 13031 | |
13103 | |
| .13032 | .searchBarTag-2xRzm8:hover .close-3WVtCL { |
13104 | .iconLayout-1WxHy4 { |
| 13033 | opacity: 1 |
13105 | -ms-flex-align: center; |
| |
13106 | -ms-flex-pack: center; |
| |
13107 | -webkit-box-align: center; |
| |
13108 | -webkit-box-pack: center; |
| |
13109 | align-items: center; |
| |
13110 | cursor: text; |
| |
13111 | display: -webkit-box; |
| |
13112 | display: -ms-flexbox; |
| |
13113 | display: flex; |
| |
13114 | height: 22px; |
| |
13115 | justify-content: center; |
| |
13116 | width: 22px |
| |
13117 | } |
| |
13118 | |
| |
13119 | .medium-2-DE5M.iconLayout-1WxHy4 { |
| |
13120 | height: 32px; |
| |
13121 | width: 32px |
| 13034 | } |
13122 | } |
| 13035 | |
13123 | |
| .13036 | .searchBarIcon-1J6sKG { |
13124 | .large-3dt_qC.iconLayout-1WxHy4 { |
| 13037 | margin: 4px 5px; |
13125 | height: 40px; |
| |
13126 | width: 40px |
| |
13127 | } |
| |
13128 | |
| |
13129 | .iconContainer-O4O2CN { |
| |
13130 | -webkit-box-sizing: border-box; |
| |
13131 | box-sizing: border-box; |
| |
13132 | height: 16px; |
| 13038 | position: relative; |
13133 | position: relative; |
| .13039 | width: 18px |
13134 | width: 16px |
| 13040 | } |
13135 | } |
| 13041 | |
13136 | |
| .13042 | .searchBarIcon-1J6sKG:before { |
13137 | .medium-2-DE5M .iconContainer-O4O2CN { |
| 13043 | background-image: -webkit-gradient(linear, left top, right top, from(rgba(235, 238, 240, 0)), to(#ebeef0)); |
13138 | height: 20px; |
| 13044 | background-image: linear-gradient(90deg, rgba(235, 238, 240, 0), #ebeef0); |
13139 | width: 20px |
| 13045 | border-radius: 0 3px 3px 0; |
| |
| 13046 | height: 100%; |
| |
| 13047 | pointer-events: none; |
| |
| 13048 | position: absolute; |
| |
| 13049 | right: 0; |
| |
| 13050 | top: 0; |
| |
| 13051 | width: 82px; |
| |
| 13052 | z-index: 1 |
| |
| 13053 | } |
13140 | } |
| 13054 | |
13141 | |
| .13055 | .searchBarIcon-1J6sKG .icon-3cZ1F_ { |
13142 | .large-3dt_qC .iconContainer-O4O2CN { |
| 13056 | -webkit-transition: all .1s linear; |
13143 | height: 24px; |
| 13057 | background-repeat: no-repeat; |
13144 | width: 24px |
| 13058 | height: 18px; |
13145 | } |
| |
13146 | |
| |
13147 | .icon-3cZ1F_ { |
| |
13148 | -webkit-box-sizing: border-box; |
| |
13149 | -webkit-transform: rotate(90deg); |
| |
13150 | -webkit-transition: opacity .1s ease-out, -webkit-transform .1s ease-out; |
| |
13151 | box-sizing: border-box; |
| |
13152 | height: 100%; |
| |
13153 | left: 0; |
| 13059 | opacity: 0; |
13154 | opacity: 0; |
| 13060 | position: absolute; |
13155 | position: absolute; |
| .13061 | transition: all .1s linear; |
13156 | top: 0; |
| 13062 | width: 18px; |
13157 | transform: rotate(90deg); |
| |
13158 | transition: opacity .1s ease-out, -webkit-transform .1s ease-out; |
| |
13159 | transition: transform .1s ease-out, opacity .1s ease-out; |
| |
13160 | transition: transform .1s ease-out, opacity .1s ease-out, -webkit-transform .1s ease-out; |
| |
13161 | width: 100%; |
| 13063 | z-index: 2 |
13162 | z-index: 2 |
| 13064 | } |
13163 | } |
| 13065 | |
13164 | |
| .13066 | .searchBarIcon-1J6sKG .icon-3cZ1F_.visible-3V0mGj { |
13165 | .icon-3cZ1F_.visible-3V0mGj { |
| 13067 | opacity: .3 |
13166 | -webkit-transform: rotate(0deg); |
| |
13167 | opacity: 1; |
| |
13168 | transform: rotate(0deg) |
| 13068 | } |
13169 | } |
| 13069 | |
13170 | |
| .13070 | .searchBarIcon-1J6sKG .icon-3cZ1F_.iconSearchBarEyeGlass-2n38zb { |
13171 | .clear-1pMieT { |
| 13071 | -webkit-transform: rotate(90deg); |
13172 | -webkit-box-sizing: border-box; |
| 13072 | background-image: url(/assets/4d254296157bb8927b7d53ed59beb0d8.svg); |
13173 | box-sizing: border-box; |
| 13073 | transform: rotate(90deg) |
13174 | cursor: pointer |
| 13074 | } |
13175 | } |
| 13075 | |
13176 | |
| .13076 | .searchBarIcon-1J6sKG .icon-3cZ1F_.iconSearchBarClear-2DW-Kr, |
13177 | .theme-dark .container-2XeR5Z { |
| 13077 | .searchBarIcon-1J6sKG .icon-3cZ1F_.iconSearchBarEyeGlass-2n38zb.visible-3V0mGj { |
13178 | background-color: #202225 |
| 13078 | -webkit-transform: rotate(0deg); |
| |
| 13079 | transform: rotate(0deg) |
| |
| 13080 | } |
13179 | } |
| 13081 | |
13180 | |
| .13082 | .searchBarIcon-1J6sKG .icon-3cZ1F_.iconSearchBarClear-2DW-Kr { |
13181 | .theme-dark .icon-3cZ1F_ { |
| 13083 | background-image: url(/assets/368c9f2ca04e43b5a5ce7380d4622149.svg) |
13182 | color: #72767d |
| 13084 | } |
13183 | } |
| 13085 | |
13184 | |
| .13086 | .searchBarIcon-1J6sKG .icon-3cZ1F_.iconSearchBarClear-2DW-Kr.visible-3V0mGj { |
13185 | .theme-dark .input-1Rv96N { |
| 13087 | -webkit-transform: rotate(90deg); |
13186 | color: #b9bbbe |
| 13088 | cursor: pointer; |
| |
| 13089 | transform: rotate(90deg) |
| |
| 13090 | } |
13187 | } |
| 13091 | |
13188 | |
| .13092 | .searchBarIcon-1J6sKG .icon-3cZ1F_.iconSearchBarClear-2DW-Kr.visible-3V0mGj:hover { |
13189 | .theme-dark .input-1Rv96N::-webkit-input-placeholder { |
| 13093 | opacity: .6 |
13190 | color: #72767d |
| 13094 | } |
13191 | } |
| 13095 | |
13192 | |
| .13096 | .searchBarLight-1NxoDG .searchBarIcon-1J6sKG .icon-3cZ1F_.iconSearchBarEyeGlass-2n38zb { |
13193 | .theme-dark .tag-2gHSR7 { |
| 13097 | background-image: url(/assets/92222a08554d0e19d6bf1a45ca780b7c.svg) |
13194 | background: #36393f; |
| |
13195 | color: #dcddde |
| 13098 | } |
13196 | } |
| 13099 | |
13197 | |
| .13100 | .searchBarLight-1NxoDG .searchBarIcon-1J6sKG .icon-3cZ1F_.iconSearchBarClear-2DW-Kr { |
13198 | .theme-dark .tag-2gHSR7:hover { |
| 13101 | background-image: url(/assets/e0aa74a6e39b625671b79698a40842b0.svg) |
13199 | background: #4f545c |
| 13102 | } |
13200 | } |
| 13103 | |
13201 | |
| .13104 | .searchBarLight-1NxoDG .searchBarIcon-1J6sKG .icon-3cZ1F_.iconSearchBarClear-2DW-Kr.visible-3V0mGj:hover { |
13202 | .theme-dark .tag-2gHSR7:hover .close-3WVtCL { |
| 13105 | opacity: 1 |
13203 | color: #fff |
| 13106 | } |
13204 | } |
| 13107 | |
13205 | |
| .13108 | .searchBarLight-1NxoDG .searchBarIcon-1J6sKG .icon-3cZ1F_.visible-3V0mGj { |
13206 | .theme-light .container-2XeR5Z { |
| 13109 | opacity: .6 |
13207 | background-color: #e3e5e8 |
| 13110 | } |
13208 | } |
| 13111 | |
13209 | |
| .13112 | .searchBarLight-1NxoDG .searchBarTag-2xRzm8 { |
13210 | .theme-light .icon-3cZ1F_ { |
| 13113 | background: #fff; |
13211 | color: #9099a4 |
| 13114 | color: #4f545c |
| |
| 13115 | } |
13212 | } |
| 13116 | |
13213 | |
| .13117 | .searchBarLight-1NxoDG .searchBarTag-2xRzm8 .close-3WVtCL { |
13214 | .theme-light .input-1Rv96N { |
| 13118 | background-image: url(/assets/c67e98ad834b466a895e758360fb7d01.svg) |
13215 | color: #747f8d |
| 13119 | } |
13216 | } |
| 13120 | |
13217 | |
| .13121 | .searchBar-2_Yu-C { |
13218 | .theme-light .input-1Rv96N::-webkit-input-placeholder { |
| 13122 | -ms-flex-align: center; |
13219 | color: #9099a4 |
| 13123 | -ms-flex-negative: 0; |
| |
| 13124 | -webkit-box-align: center; |
| |
| 13125 | align-items: center; |
| |
| 13126 | background-color: #2f3136; |
| |
| 13127 | border-radius: 4px; |
| |
| 13128 | display: -webkit-box; |
| |
| 13129 | display: -ms-flexbox; |
| |
| 13130 | display: flex; |
| |
| 13131 | flex-shrink: 0 |
| |
| 13132 | } |
13220 | } |
| 13133 | |
13221 | |
| .13134 | .searchBar-2_Yu-C.disabled-jLAJq8 .searchBarInner-1_Tg2R { |
13222 | .theme-light .tag-2gHSR7 { |
| 13135 | opacity: .3 |
13223 | background: #7289da; |
| |
13224 | color: #f8f9f9 |
| 13136 | } |
13225 | } |
| 13137 | |
13226 | |
| .13138 | .searchBar-2_Yu-C.disabled-jLAJq8 .searchBarInner-1_Tg2R input { |
13227 | .theme-light .tag-2gHSR7:hover { |
| 13139 | cursor: not-allowed |
13228 | background: #7d92dd |
| 13140 | } |
13229 | } |
| 13141 | |
13230 | |
| .13142 | .searchBar-2_Yu-C .searchBarInner-1_Tg2R { |
13231 | .theme-light .tag-2gHSR7:hover .close-3WVtCL { |
| 13143 | -ms-flex: 1; |
13232 | color: #fff |
| 13144 | -ms-flex-direction: row; |
| |
| 13145 | -ms-flex-wrap: wrap; |
| |
| 13146 | -webkit-box-direction: normal; |
| |
| 13147 | -webkit-box-flex: 1; |
| |
| 13148 | -webkit-box-orient: horizontal; |
| |
| 13149 | background: rgba(0, 0, 0, .2); |
| |
| 13150 | border: 1px solid rgba(0, 0, 0, .2); |
| |
| 13151 | border-radius: 4px; |
| |
| 13152 | display: -webkit-box; |
| |
| 13153 | display: -ms-flexbox; |
| |
| 13154 | display: flex; |
| |
| 13155 | flex: 1; |
| |
| 13156 | flex-direction: row; |
| |
| 13157 | flex-wrap: wrap; |
| |
| 13158 | padding: 2px; |
| |
| 13159 | position: relative |
| |
| 13160 | } |
13233 | } |
| 13161 | |
13234 | |
| .13162 | .searchBar-2_Yu-C input { |
13235 | .darkTheme-3uETC4.container-2XeR5Z { |
| 13163 | -ms-flex: 1; |
13236 | background-color: #202225 |
| 13164 | -webkit-box-flex: 1; |
| |
| 13165 | -webkit-box-sizing: border-box; |
| |
| 13166 | background: transparent; |
| |
| 13167 | border: none; |
| |
| 13168 | box-sizing: border-box; |
| |
| 13169 | color: #b9bbbe; |
| |
| 13170 | flex: 1; |
| |
| 13171 | font-size: 14px; |
| |
| 13172 | height: 26px; |
| |
| 13173 | min-width: 50px !important; |
| |
| 13174 | padding: 5px 7px; |
| |
| 13175 | resize: none |
| |
| 13176 | } |
13237 | } |
| 13177 | |
13238 | |
| .13178 | .searchBar-2_Yu-C ::-webkit-input-placeholder { |
13239 | .darkTheme-3uETC4 .icon-3cZ1F_ { |
| 13179 | color: hsla(0, 0%, 100%, .2) |
13240 | color: #72767d |
| 13180 | } |
13241 | } |
| 13181 | |
13242 | |
| .13182 | .searchBar-2_Yu-C.searchBarLight-1NxoDG { |
13243 | .darkTheme-3uETC4 .input-1Rv96N { |
| 13183 | -webkit-box-shadow: none; |
13244 | color: #b9bbbe |
| 13184 | background-color: #fff; |
| |
| 13185 | box-shadow: none; |
| |
| 13186 | height: auto; |
| |
| 13187 | padding: 0 |
| |
| 13188 | } |
13245 | } |
| 13189 | |
13246 | |
| .13190 | .searchBar-2_Yu-C.searchBarLight-1NxoDG .searchBarInner-1_Tg2R { |
13247 | .darkTheme-3uETC4 .input-1Rv96N::-webkit-input-placeholder { |
| 13191 | background-color: rgba(199, 209, 216, .3); |
13248 | color: #72767d |
| 13192 | border: 1px solid transparent; |
| |
| 13193 | border-radius: 3px !important |
| |
| 13194 | } |
13249 | } |
| 13195 | |
13250 | |
| .13196 | .searchBar-2_Yu-C.searchBarLight-1NxoDG input { |
13251 | .darkTheme-3uETC4 .tag-2gHSR7 { |
| 13197 | -webkit-box-shadow: none; |
13252 | background: #36393f; |
| 13198 | background: transparent; |
13253 | color: #dcddde |
| 13199 | border: none; |
| |
| 13200 | box-shadow: none; |
| |
| 13201 | color: #737f8d; |
| |
| 13202 | font-weight: 500; |
| |
| 13203 | line-height: 15px |
| |
| 13204 | } |
13254 | } |
| 13205 | |
13255 | |
| .13206 | .searchBar-2_Yu-C.searchBarLight-1NxoDG input::-webkit-input-placeholder { |
13256 | .darkTheme-3uETC4 .tag-2gHSR7:hover { |
| 13207 | color: rgba(115, 127, 141, .3); |
13257 | background: #4f545c |
| 13208 | font-size: 14px; |
| |
| 13209 | font-weight: 500; |
| |
| 13210 | line-height: 15px |
| |
| 13211 | } |
13258 | } |
| 13212 | |
13259 | |
| .13213 | .searchBar-2_Yu-C.searchBarLight-1NxoDG input:-ms-input-placeholder { |
13260 | .darkTheme-3uETC4 .tag-2gHSR7:hover .close-3WVtCL { |
| 13214 | color: rgba(115, 127, 141, .3); |
13261 | color: #fff |
| 13215 | font-size: 14px; |
| |
| 13216 | font-weight: 500; |
| |
| 13217 | line-height: 15px |
| |
| 13218 | } |
13262 | } |
| 13219 | |
13263 | |
| .13220 | .searchBar-2_Yu-C.searchBarLight-1NxoDG input::placeholder { |
13264 | .lightTheme-3LGLQs.container-2XeR5Z { |
| 13221 | color: rgba(115, 127, 141, .3); |
13265 | background-color: #e3e5e8 |
| 13222 | font-size: 14px; |
13266 | } |
| 13223 | font-weight: 500; |
13267 | |
| 13224 | line-height: 15px |
13268 | .lightTheme-3LGLQs .icon-3cZ1F_ { |
| |
13269 | color: #9099a4 |
| |
13270 | } |
| |
13271 | |
| |
13272 | .lightTheme-3LGLQs .input-1Rv96N { |
| |
13273 | color: #747f8d |
| |
13274 | } |
| |
13275 | |
| |
13276 | .lightTheme-3LGLQs .input-1Rv96N::-webkit-input-placeholder { |
| |
13277 | color: #9099a4 |
| |
13278 | } |
| |
13279 | |
| |
13280 | .lightTheme-3LGLQs .tag-2gHSR7 { |
| |
13281 | background: #7289da; |
| |
13282 | color: #f8f9f9 |
| |
13283 | } |
| |
13284 | |
| |
13285 | .lightTheme-3LGLQs .tag-2gHSR7:hover { |
| |
13286 | background: #7d92dd |
| |
13287 | } |
| |
13288 | |
| |
13289 | .lightTheme-3LGLQs .tag-2gHSR7:hover .close-3WVtCL { |
| |
13290 | color: #fff |
| 13225 | } |
13291 | } |
| 13226 | |
13292 | |
| 13227 | .wrapper-O5i5-0 { |
13293 | .wrapper-O5i5-0 { |
| 13228 | height: 385px |
13294 | height: 385px |
| 13229 | } |
13295 | } |
| 13230 | |
13296 | |
| 13231 | .scroller-2hZ97C { |
13297 | .scroller-2hZ97C { |
| 13232 | max-height: 200px; |
13298 | max-height: 200px; |
| 13233 | padding-left: 12px |
13299 | padding-left: 12px |
| | | |
| 13533 | width: 18px |
13599 | width: 18px |
| 13534 | } |
13600 | } |
| 13535 | |
13601 | |
| 13536 | .xsmall-2ObGoR { |
13602 | .xsmall-2ObGoR { |
| 13537 | height: 12px; |
13603 | height: 12px; |
| 13538 | width: 12px |
13604 | width: 12px |
| 13539 | } |
13605 | } |
| 13540 | |
13606 | |
| 13541 | .status-3fQvEa { |
13607 | .status-3fQvEa { |
| . | |
13608 | -ms-flex: 0 0 auto; |
| |
13609 | -webkit-box-flex: 0; |
| |
13610 | flex: 0 0 auto; |
| 13542 | height: 10px; |
13611 | height: 10px; |
| 13543 | position: relative; |
13612 | position: relative; |
| 13544 | width: 10px |
13613 | width: 10px |
| 13545 | } |
13614 | } |
| 13546 | |
13615 | |
| 13547 | .menu-Sp6bN1 { |
13616 | .menu-Sp6bN1 { |
| 13548 | border-radius: 5px; |
13617 | border-radius: 5px; |
| 13549 | overflow: hidden; |
13618 | overflow: hidden; |
| 13550 | width: 216px |
13619 | width: 216px |
| | | |
| 13705 | .item-PXvHYJ { |
13774 | .item-PXvHYJ { |
| 13706 | -ms-flex-negative: 0; |
13775 | -ms-flex-negative: 0; |
| 13707 | flex-shrink: 0; |
13776 | flex-shrink: 0; |
| 13708 | font-weight: 500; |
13777 | font-weight: 500; |
| 13709 | overflow: hidden; |
13778 | overflow: hidden; |
| 13710 | text-overflow: ellipsis; |
13779 | text-overflow: ellipsis; |
| 13711 | white-space: nowrap |
13780 | white-space: nowrap |
| 13712 | } |
13781 | } |
| 13713 | |
13782 | |
| .13714 | .theme-light .header-2RyJ0Y { |
| |
| 13715 | color: #b9bbbe |
| |
| 13716 | } |
| |
| 13717 | |
| |
| 13718 | .theme-dark .header-2RyJ0Y { |
| |
| 13719 | color: #72767d |
| |
| 13720 | } |
| |
| 13721 | |
| |
| 13722 | .header-2RyJ0Y { |
13783 | .header-2RyJ0Y { |
| 13723 | font-size: 12px; |
13784 | font-size: 12px; |
| 13724 | font-weight: 700; |
13785 | font-weight: 700; |
| 13725 | line-height: 16px; |
13786 | line-height: 16px; |
| 13726 | text-transform: uppercase |
13787 | text-transform: uppercase |
| 13727 | } |
13788 | } |
| 13728 | |
13789 | |
| 13729 | .item-PXvHYJ { |
13790 | .item-PXvHYJ { |
| . | |
13791 | cursor: pointer; |
| 13730 | font-size: 16px; |
13792 | font-size: 16px; |
| 13731 | line-height: 20px; |
13793 | line-height: 20px; |
| 13732 | position: relative |
13794 | position: relative |
| 13733 | } |
13795 | } |
| 13734 | |
13796 | |
| .13735 | .item-PXvHYJ, |
13797 | .selected-3s45Ha, |
| 13736 | .notSelected-1N1G5p { |
13798 | .selected-3s45Ha.item-PXvHYJ { |
| 13737 | cursor: pointer |
| |
| 13738 | } |
| |
| 13739 | |
| |
| 13740 | .selected-3s45Ha { |
| |
| 13741 | cursor: default |
13799 | cursor: default |
| 13742 | } |
13800 | } |
| 13743 | |
13801 | |
| .13744 | .theme-light .itemDefault-3Jdr52, |
| |
| 13745 | .theme-light .itemHover-EnbcjT { |
| |
| 13746 | color: #72767d |
| |
| 13747 | } |
| |
| 13748 | |
| |
| 13749 | .theme-dark .itemDefault-3Jdr52, |
| |
| 13750 | .theme-dark .itemHover-EnbcjT { |
| |
| 13751 | color: #b9bbbe |
| |
| 13752 | } |
| |
| 13753 | |
| |
| 13754 | .itemDefault-3Jdr52, |
| |
| 13755 | .itemHover-EnbcjT {} |
| |
| 13756 | |
| |
| 13757 | .itemSelected-1qLhcL {} |
| |
| 13758 | |
| |
| 13759 | .theme-light .separator-gCa7yv { |
| |
| 13760 | background-color: rgba(185, 187, 190, .3) |
| |
| 13761 | } |
| |
| 13762 | |
| |
| 13763 | .theme-dark .separator-gCa7yv { |
| |
| 13764 | background-color: rgba(114, 118, 125, .3) |
| |
| 13765 | } |
| |
| 13766 | |
| |
| 13767 | .side-8zPYf6 { |
13802 | .side-8zPYf6 { |
| 13768 | -ms-flex: 1; |
13803 | -ms-flex: 1; |
| 13769 | -ms-flex-direction: column; |
13804 | -ms-flex-direction: column; |
| 13770 | -webkit-box-direction: normal; |
13805 | -webkit-box-direction: normal; |
| 13771 | -webkit-box-flex: 1; |
13806 | -webkit-box-flex: 1; |
| 13772 | -webkit-box-orient: vertical; |
13807 | -webkit-box-orient: vertical; |
| 13773 | display: -webkit-box; |
13808 | display: -webkit-box; |
| 13774 | display: -ms-flexbox; |
13809 | display: -ms-flexbox; |
| 13775 | display: flex; |
13810 | display: flex; |
| | | |
| 13792 | padding-bottom: 6px; |
13827 | padding-bottom: 6px; |
| 13793 | padding-top: 6px |
13828 | padding-top: 6px |
| 13794 | } |
13829 | } |
| 13795 | |
13830 | |
| 13796 | .side-8zPYf6 .separator-gCa7yv { |
13831 | .side-8zPYf6 .separator-gCa7yv { |
| 13797 | height: 1px; |
13832 | height: 1px; |
| 13798 | margin: 8px 10px |
13833 | margin: 8px 10px |
| 13799 | } |
13834 | } |
| 13800 | |
13835 | |
| .13801 | .theme-light .side-8zPYf6 .itemDefault-3Jdr52:hover, |
| |
| 13802 | .theme-light .side-8zPYf6 .itemHover-EnbcjT:hover { |
| |
| 13803 | background-color: rgba(79, 84, 92, .1); |
| |
| 13804 | color: #4f545c |
| |
| 13805 | } |
| |
| 13806 | |
| |
| 13807 | .theme-dark .side-8zPYf6 .itemDefault-3Jdr52:hover, |
| |
| 13808 | .theme-dark .side-8zPYf6 .itemHover-EnbcjT:hover { |
| |
| 13809 | background-color: rgba(185, 187, 190, .1); |
| |
| 13810 | color: #f6f6f7 |
| |
| 13811 | } |
| |
| 13812 | |
| |
| 13813 | .side-8zPYf6 .itemSelected-1qLhcL { |
| |
| 13814 | background-color: #7289da; |
| |
| 13815 | color: #fff |
| |
| 13816 | } |
| |
| 13817 | |
| |
| 13818 | .top-28JiJ- { |
13836 | .top-28JiJ- { |
| 13819 | -ms-flex-direction: row; |
13837 | -ms-flex-direction: row; |
| 13820 | -webkit-box-direction: normal; |
13838 | -webkit-box-direction: normal; |
| 13821 | -webkit-box-orient: horizontal; |
13839 | -webkit-box-orient: horizontal; |
| 13822 | display: -webkit-box; |
13840 | display: -webkit-box; |
| 13823 | display: -ms-flexbox; |
13841 | display: -ms-flexbox; |
| 13824 | display: flex; |
13842 | display: flex; |
| 13825 | flex-direction: row |
13843 | flex-direction: row |
| 13826 | } |
13844 | } |
| 13827 | |
13845 | |
| 13828 | .top-28JiJ- .item-PXvHYJ { |
13846 | .top-28JiJ- .item-PXvHYJ { |
| 13829 | border-bottom: 2px solid transparent |
13847 | border-bottom: 2px solid transparent |
| 13830 | } |
13848 | } |
| 13831 | |
13849 | |
| .13832 | .theme-light .top-28JiJ- .itemDefault-3Jdr52:hover, |
| |
| 13833 | .theme-light .top-28JiJ- .itemHover-EnbcjT:hover { |
| |
| 13834 | color: #36393f |
| |
| 13835 | } |
| |
| 13836 | |
| |
| 13837 | .theme-dark .top-28JiJ- .itemDefault-3Jdr52:hover, |
| |
| 13838 | .theme-dark .top-28JiJ- .itemHover-EnbcjT:hover { |
| |
| 13839 | color: #fff |
| |
| 13840 | } |
| |
| 13841 | |
| |
| 13842 | .theme-dark .top-28JiJ- .itemSelected-1qLhcL { |
| |
| 13843 | border-bottom-color: #fff; |
| |
| 13844 | color: #fff |
| |
| 13845 | } |
| |
| 13846 | |
| |
| 13847 | .theme-light .top-28JiJ- .itemSelected-1qLhcL { |
| |
| 13848 | border-bottom-color: #36393f; |
| |
| 13849 | color: #36393f |
| |
| 13850 | } |
| |
| 13851 | |
| |
| 13852 | .topPill-30KHOu { |
13850 | .topPill-30KHOu { |
| 13853 | -ms-flex-direction: row; |
13851 | -ms-flex-direction: row; |
| 13854 | -webkit-box-direction: normal; |
13852 | -webkit-box-direction: normal; |
| 13855 | -webkit-box-orient: horizontal; |
13853 | -webkit-box-orient: horizontal; |
| 13856 | display: -webkit-box; |
13854 | display: -webkit-box; |
| 13857 | display: -ms-flexbox; |
13855 | display: -ms-flexbox; |
| 13858 | display: flex; |
13856 | display: flex; |
| 13859 | flex-direction: row |
13857 | flex-direction: row |
| 13860 | } |
13858 | } |
| 13861 | |
13859 | |
| 13862 | .topPill-30KHOu .item-PXvHYJ { |
13860 | .topPill-30KHOu .item-PXvHYJ { |
| 13863 | border-radius: 4px; |
13861 | border-radius: 4px; |
| .13864 | font-size: 14px; |
| |
| 13865 | letter-spacing: .4px; |
| |
| 13866 | line-height: 18px; |
| |
| 13867 | margin: 0 8px; |
13862 | margin: 0 8px; |
| 13868 | padding: 2px 8px |
13863 | padding: 2px 8px |
| 13869 | } |
13864 | } |
| 13870 | |
13865 | |
| 13871 | .topPill-30KHOu .separator-gCa7yv { |
13866 | .topPill-30KHOu .separator-gCa7yv { |
| 13872 | width: 1px |
13867 | width: 1px |
| 13873 | } |
13868 | } |
| 13874 | |
13869 | |
| .13875 | .theme-light .topPill-30KHOu .item-PXvHYJ { |
13870 | .theme-dark .header-2RyJ0Y { |
| 13876 | color: #4f545c |
13871 | color: #72767d |
| 13877 | } |
13872 | } |
| 13878 | |
13873 | |
| .13879 | .theme-light .topPill-30KHOu .item-PXvHYJ:hover:not(.itemSelected-1qLhcL) { |
13874 | .theme-dark .separator-gCa7yv { |
| 13880 | background-color: rgba(79, 84, 92, .2) |
13875 | background: #40444b |
| 13881 | } |
13876 | } |
| 13882 | |
13877 | |
| .13883 | .theme-light .topPill-30KHOu .itemSelected-1qLhcL { |
13878 | .theme-dark .themed-OHr7kt.item-PXvHYJ { |
| 13884 | background-color: #4f545c; |
13879 | color: #b9bbbe |
| |
13880 | } |
| |
13881 | |
| |
13882 | .theme-dark .themed-OHr7kt.item-PXvHYJ:hover { |
| |
13883 | color: #dcddde |
| |
13884 | } |
| |
13885 | |
| |
13886 | .theme-dark .top-28JiJ- .themed-OHr7kt.item-PXvHYJ:hover { |
| |
13887 | border-bottom-color: #dcddde |
| |
13888 | } |
| |
13889 | |
| |
13890 | .theme-dark .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ, |
| |
13891 | .theme-dark .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ:hover { |
| 13885 | color: #fff |
13892 | color: #fff |
| 13886 | } |
13893 | } |
| 13887 | |
13894 | |
| .13888 | .theme-dark .topPill-30KHOu .item-PXvHYJ { |
13895 | .theme-dark .top-28JiJ- .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ, |
| 13889 | color: hsla(0, 0%, 100%, .6) |
13896 | .theme-dark .top-28JiJ- .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ:hover { |
| |
13897 | border-bottom-color: #fff |
| 13890 | } |
13898 | } |
| 13891 | |
13899 | |
| .13892 | .theme-dark .topPill-30KHOu .item-PXvHYJ:hover:not(.itemSelected-1qLhcL) { |
13900 | .theme-dark .side-8zPYf6 .themed-OHr7kt.item-PXvHYJ:hover, |
| 13893 | background-color: #2f3136 |
13901 | .theme-dark .topPill-30KHOu .themed-OHr7kt.item-PXvHYJ:hover { |
| |
13902 | background-color: #292b2f |
| 13894 | } |
13903 | } |
| 13895 | |
13904 | |
| .13896 | .theme-dark .topPill-30KHOu .itemSelected-1qLhcL { |
13905 | .theme-dark .side-8zPYf6 .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ, |
| 13897 | background-color: #fff; |
13906 | .theme-dark .side-8zPYf6 .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ:hover, |
| 13898 | color: #36393f |
13907 | .theme-dark .topPill-30KHOu .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ, |
| |
13908 | .theme-dark .topPill-30KHOu .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ:hover { |
| |
13909 | background-color: #40444b |
| |
13910 | } |
| |
13911 | |
| |
13912 | .theme-light .header-2RyJ0Y { |
| |
13913 | color: #b9bbbe |
| |
13914 | } |
| |
13915 | |
| |
13916 | .theme-light .separator-gCa7yv { |
| |
13917 | background: #d2d6da |
| |
13918 | } |
| |
13919 | |
| |
13920 | .theme-light .themed-OHr7kt.item-PXvHYJ { |
| |
13921 | color: #4f5660 |
| |
13922 | } |
| |
13923 | |
| |
13924 | .theme-light .themed-OHr7kt.item-PXvHYJ:hover { |
| |
13925 | color: #2e3338 |
| |
13926 | } |
| |
13927 | |
| |
13928 | .theme-light .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ, |
| |
13929 | .theme-light .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ:hover { |
| |
13930 | color: #23262a |
| |
13931 | } |
| |
13932 | |
| |
13933 | .theme-light .side-8zPYf6 .themed-OHr7kt.item-PXvHYJ:hover, |
| |
13934 | .theme-light .topPill-30KHOu .themed-OHr7kt.item-PXvHYJ:hover { |
| |
13935 | background-color: #ebedef |
| |
13936 | } |
| |
13937 | |
| |
13938 | .theme-light .side-8zPYf6 .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ, |
| |
13939 | .theme-light .side-8zPYf6 .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ:hover, |
| |
13940 | .theme-light .topPill-30KHOu .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ, |
| |
13941 | .theme-light .topPill-30KHOu .themed-OHr7kt.selected-3s45Ha.item-PXvHYJ:hover { |
| |
13942 | background-color: #d2d6da |
| 13899 | } |
13943 | } |
| 13900 | |
13944 | |
| 13901 | .container-1sFeqf { |
13945 | .container-1sFeqf { |
| 13902 | -ms-flex-align: center; |
13946 | -ms-flex-align: center; |
| 13903 | -ms-flex-direction: column; |
13947 | -ms-flex-direction: column; |
| 13904 | -webkit-box-align: center; |
13948 | -webkit-box-align: center; |
| 13905 | -webkit-box-direction: normal; |
13949 | -webkit-box-direction: normal; |
| 13906 | -webkit-box-orient: vertical; |
13950 | -webkit-box-orient: vertical; |
| 13907 | align-items: center; |
13951 | align-items: center; |
| | | |
| 15582 | background-color: #e3e5e8; |
15626 | background-color: #e3e5e8; |
| 15583 | color: #36393f |
15627 | color: #36393f |
| 15584 | } |
15628 | } |
| 15585 | |
15629 | |
| 15586 | .theme-dark .input-3yHnCz { |
15630 | .theme-dark .input-3yHnCz { |
| 15587 | background-color: #4f545c; |
15631 | background-color: #4f545c; |
| 15588 | color: #f6f6f7 |
15632 | color: #f6f6f7 |
| 15589 | } |
15633 | } |
| 15590 | |
15634 | |
| .15591 | .searchBar-1MOL6S { |
15635 | .container-cMG81i { |
| 15592 | border-radius: 3px; |
15636 | -ms-flex-negative: 1 1 auto; |
| 15593 | height: 28px; |
15637 | border-radius: 4px; |
| 15594 | width: 186px |
15638 | flex-shrink: 1 1 auto; |
| |
15639 | overflow: hidden |
| 15595 | } |
15640 | } |
| 15596 | |
15641 | |
| .15597 | .input-3Xdcic { |
15642 | .container-cMG81i, |
| |
15643 | .inner-2P4tQO { |
| |
15644 | -webkit-box-sizing: border-box; |
| |
15645 | box-sizing: border-box; |
| |
15646 | display: -webkit-box; |
| |
15647 | display: -ms-flexbox; |
| |
15648 | display: flex |
| |
15649 | } |
| |
15650 | |
| |
15651 | .inner-2P4tQO { |
| 15598 | -ms-flex: 1 1 auto; |
15652 | -ms-flex: 1 1 auto; |
| . | |
15653 | -ms-flex-direction: row; |
| |
15654 | -ms-flex-wrap: wrap; |
| |
15655 | -webkit-box-direction: normal; |
| |
15656 | -webkit-box-flex: 1; |
| |
15657 | -webkit-box-orient: horizontal; |
| |
15658 | flex: 1 1 auto; |
| |
15659 | flex-direction: row; |
| |
15660 | flex-wrap: wrap; |
| |
15661 | min-width: 0; |
| |
15662 | padding: 1px; |
| |
15663 | position: relative |
| |
15664 | } |
| |
15665 | |
| |
15666 | .disabled-1ytYrN .inner-2P4tQO { |
| |
15667 | opacity: .3 |
| |
15668 | } |
| |
15669 | |
| |
15670 | .input-3Xdcic { |
| |
15671 | -moz-appearance: none; |
| |
15672 | -ms-flex: 1; |
| |
15673 | -webkit-appearance: none; |
| 15599 | -webkit-box-flex: 1; |
15674 | -webkit-box-flex: 1; |
| 15600 | -webkit-box-sizing: border-box; |
15675 | -webkit-box-sizing: border-box; |
| .15601 | background-color: transparent; |
15676 | appearance: none; |
| |
15677 | background: transparent; |
| 15602 | border: none; |
15678 | border: none; |
| .15603 | border-radius: 3px; |
| |
| 15604 | box-sizing: border-box; |
15679 | box-sizing: border-box; |
| .15605 | flex: 1 1 auto; |
15680 | flex: 1; |
| 15606 | font-size: 14px; |
15681 | margin: 1px; |
| 15607 | padding: 4px 0 4px 8px |
15682 | min-width: 48px; |
| |
15683 | resize: none |
| 15608 | } |
15684 | } |
| 15609 | |
15685 | |
| .15610 | .searchBarIcon-18QaPq { |
15686 | .disabled-1ytYrN .input-3Xdcic { |
| 15611 | -ms-flex: 0 0 auto; |
15687 | cursor: not-allowed |
| 15612 | -webkit-box-flex: 0; |
15688 | } |
| |
15689 | |
| |
15690 | .tag-2gZFdE { |
| |
15691 | -ms-flex-align: center; |
| |
15692 | -ms-flex-direction: row; |
| |
15693 | -webkit-box-align: center; |
| |
15694 | -webkit-box-direction: normal; |
| |
15695 | -webkit-box-orient: horizontal; |
| |
15696 | -webkit-box-sizing: border-box; |
| |
15697 | -webkit-transition: none; |
| |
15698 | align-items: center; |
| |
15699 | border-radius: 2px; |
| |
15700 | box-sizing: border-box; |
| |
15701 | cursor: pointer; |
| 15613 | display: -webkit-box; |
15702 | display: -webkit-box; |
| 15614 | display: -ms-flexbox; |
15703 | display: -ms-flexbox; |
| 15615 | display: flex; |
15704 | display: flex; |
| .15616 | flex: 0 0 auto; |
15705 | flex-direction: row; |
| 15617 | height: 18px; |
15706 | margin: 1px; |
| 15618 | margin: 5px 6px; |
15707 | text-align: center; |
| 15619 | position: relative; |
15708 | transition: none |
| 15620 | width: 18px |
| |
| 15621 | } |
15709 | } |
| 15622 | |
15710 | |
| .15623 | .searchBarIcon-18QaPq .controls-3xBdO0 { |
15711 | .tag-2gZFdE:hover { |
| 15624 | -webkit-transition: opacity .1s linear; |
15712 | text-decoration: none |
| 15625 | transition: opacity .1s linear |
| |
| 15626 | } |
15713 | } |
| 15627 | |
15714 | |
| .15628 | .searchBarIcon-18QaPq .icon-1S6UIr { |
15715 | .small-2oHLgT .input-3Xdcic, |
| 15629 | -webkit-transition: all .1s linear; |
15716 | .small-2oHLgT .tag-2gZFdE { |
| 15630 | background-repeat: no-repeat; |
15717 | font-size: 14px; |
| 15631 | height: 18px; |
15718 | font-weight: 500; |
| 15632 | opacity: 0; |
15719 | height: 20px; |
| 15633 | position: absolute; |
15720 | line-height: 20px; |
| 15634 | transition: all .1s linear; |
15721 | padding: 0 4px |
| 15635 | width: 18px; |
| |
| 15636 | z-index: 2 |
| |
| 15637 | } |
15722 | } |
| 15638 | |
15723 | |
| .15639 | .searchBarIcon-18QaPq .icon-1S6UIr.eyeGlass-2cMHx7 { |
15724 | .medium-1LLV3p .input-3Xdcic, |
| 15640 | -webkit-transform: rotate(90deg); |
15725 | .medium-1LLV3p .tag-2gZFdE { |
| 15641 | transform: rotate(90deg) |
15726 | font-size: 16px; |
| |
15727 | height: 30px; |
| |
15728 | line-height: 32px; |
| |
15729 | padding: 0 8px |
| 15642 | } |
15730 | } |
| 15643 | |
15731 | |
| .15644 | .searchBarIcon-18QaPq .icon-1S6UIr.clear--Eywng, |
15732 | .large-laZJpW .input-3Xdcic, |
| 15645 | .searchBarIcon-18QaPq .icon-1S6UIr.eyeGlass-2cMHx7.visible-3bFCH- { |
15733 | .large-laZJpW .tag-2gZFdE { |
| 15646 | -webkit-transform: rotate(0deg); |
15734 | font-size: 20px; |
| 15647 | transform: rotate(0deg) |
15735 | height: 38px; |
| |
15736 | line-height: 40px; |
| |
15737 | padding: 0 16px |
| 15648 | } |
15738 | } |
| 15649 | |
15739 | |
| .15650 | .searchBarIcon-18QaPq .icon-1S6UIr.clear--Eywng.visible-3bFCH- { |
15740 | .close-365pYL { |
| 15651 | -webkit-transform: rotate(90deg); |
15741 | height: 12px; |
| 15652 | cursor: pointer; |
15742 | margin-left: 4px; |
| 15653 | transform: rotate(90deg) |
15743 | width: 12px |
| 15654 | } |
15744 | } |
| 15655 | |
15745 | |
| .15656 | .loading-lNnvRO .controls-3xBdO0 { |
15746 | .close-365pYL, |
| 15657 | opacity: 0 |
15747 | .iconLayout-3OgqU3 { |
| |
15748 | -webkit-box-sizing: border-box; |
| |
15749 | box-sizing: border-box |
| 15658 | } |
15750 | } |
| 15659 | |
15751 | |
| .15660 | .loading-lNnvRO .spinner-7HodgP, |
15752 | .iconLayout-3OgqU3 { |
| 15661 | .loading-lNnvRO:hover .controls-3xBdO0 { |
15753 | -ms-flex-align: center; |
| 15662 | opacity: 1 |
15754 | -ms-flex-pack: center; |
| |
15755 | -webkit-box-align: center; |
| |
15756 | -webkit-box-pack: center; |
| |
15757 | align-items: center; |
| |
15758 | cursor: text; |
| |
15759 | display: -webkit-box; |
| |
15760 | display: -ms-flexbox; |
| |
15761 | display: flex; |
| |
15762 | height: 22px; |
| |
15763 | justify-content: center; |
| |
15764 | width: 22px |
| 15663 | } |
15765 | } |
| 15664 | |
15766 | |
| .15665 | .loading-lNnvRO:hover .spinner-7HodgP { |
15767 | .pointer-aRJXzd { |
| 15666 | opacity: 0 |
15768 | cursor: pointer |
| 15667 | } |
15769 | } |
| 15668 | |
15770 | |
| .15669 | .theme-light .searchBar-1MOL6S { |
15771 | .medium-1LLV3p.iconLayout-3OgqU3 { |
| 15670 | background-color: rgba(220, 221, 222, .6) |
15772 | height: 32px; |
| |
15773 | width: 32px |
| 15671 | } |
15774 | } |
| 15672 | |
15775 | |
| .15673 | .theme-light .searchBar-1MOL6S .input-3Xdcic { |
15776 | .large-laZJpW.iconLayout-3OgqU3 { |
| 15674 | color: #4f545c |
15777 | height: 40px; |
| |
15778 | width: 40px |
| 15675 | } |
15779 | } |
| 15676 | |
15780 | |
| .15677 | .theme-light .searchBar-1MOL6S .input-3Xdcic::-webkit-input-placeholder { |
15781 | .iconContainer-2wXvy1 { |
| 15678 | color: rgba(79, 84, 92, .6) |
15782 | height: 16px; |
| |
15783 | position: relative; |
| |
15784 | width: 16px |
| 15679 | } |
15785 | } |
| 15680 | |
15786 | |
| .15681 | .theme-light .searchBar-1MOL6S .input-3Xdcic:-ms-input-placeholder { |
15787 | .medium-1LLV3p .iconContainer-2wXvy1 { |
| 15682 | color: rgba(79, 84, 92, .6) |
15788 | height: 20px; |
| |
15789 | width: 20px |
| 15683 | } |
15790 | } |
| 15684 | |
15791 | |
| .15685 | .theme-light .searchBar-1MOL6S .input-3Xdcic::placeholder { |
15792 | .large-laZJpW .iconContainer-2wXvy1 { |
| 15686 | color: rgba(79, 84, 92, .6) |
15793 | height: 24px; |
| |
15794 | width: 24px |
| 15687 | } |
15795 | } |
| 15688 | |
15796 | |
| .15689 | .theme-light .searchBarIcon-18QaPq .icon-1S6UIr.eyeGlass-2cMHx7 { |
15797 | .icon-1S6UIr { |
| 15690 | background-image: url(/assets/92222a08554d0e19d6bf1a45ca780b7c.svg) |
15798 | -webkit-box-sizing: border-box; |
| |
15799 | -webkit-transform: rotate(90deg); |
| |
15800 | -webkit-transition: opacity .1s ease-out, -webkit-transform .1s ease-out; |
| |
15801 | box-sizing: border-box; |
| |
15802 | height: 100%; |
| |
15803 | left: 0; |
| |
15804 | opacity: 0; |
| |
15805 | position: absolute; |
| |
15806 | top: 0; |
| |
15807 | transform: rotate(90deg); |
| |
15808 | transition: opacity .1s ease-out, -webkit-transform .1s ease-out; |
| |
15809 | transition: transform .1s ease-out, opacity .1s ease-out; |
| |
15810 | transition: transform .1s ease-out, opacity .1s ease-out, -webkit-transform .1s ease-out; |
| |
15811 | width: 100%; |
| |
15812 | z-index: 2 |
| 15691 | } |
15813 | } |
| 15692 | |
15814 | |
| .15693 | .theme-light .searchBarIcon-18QaPq .icon-1S6UIr.clear--Eywng { |
15815 | .icon-1S6UIr.visible-3bFCH- { |
| 15694 | background-image: url(/assets/e0aa74a6e39b625671b79698a40842b0.svg) |
15816 | -webkit-transform: rotate(0deg); |
| |
15817 | opacity: 1; |
| |
15818 | transform: rotate(0deg) |
| 15695 | } |
15819 | } |
| 15696 | |
15820 | |
| .15697 | .theme-light .searchBarIcon-18QaPq .icon-1S6UIr.clear--Eywng.visible-3bFCH-:hover { |
15821 | .clear--Eywng {} |
| 15698 | opacity: 1 |
15822 | |
| |
15823 | .theme-dark .container-cMG81i { |
| |
15824 | background-color: #202225 |
| 15699 | } |
15825 | } |
| 15700 | |
15826 | |
| .15701 | .theme-light .searchBarIcon-18QaPq .icon-1S6UIr.visible-3bFCH- { |
15827 | .theme-dark .icon-1S6UIr { |
| 15702 | opacity: .6 |
15828 | color: #72767d |
| 15703 | } |
15829 | } |
| 15704 | |
15830 | |
| .15705 | .theme-dark .searchBar-1MOL6S { |
15831 | .theme-dark .iconLayout-3OgqU3:hover .clear--Eywng { |
| 15706 | background-color: #4f545c |
15832 | color: #dcddde |
| 15707 | } |
15833 | } |
| 15708 | |
15834 | |
| .15709 | .theme-dark .searchBar-1MOL6S .input-3Xdcic { |
15835 | .theme-dark .input-3Xdcic { |
| 15710 | color: #f6f6f7 |
15836 | color: #b9bbbe |
| 15711 | } |
15837 | } |
| 15712 | |
15838 | |
| .15713 | .theme-dark .searchBar-1MOL6S .input-3Xdcic::-webkit-input-placeholder { |
15839 | .theme-dark .input-3Xdcic::-webkit-input-placeholder { |
| 15714 | color: hsla(0, 0%, 100%, .3) |
15840 | color: #72767d |
| 15715 | } |
15841 | } |
| 15716 | |
15842 | |
| .15717 | .theme-dark .searchBar-1MOL6S .input-3Xdcic:-ms-input-placeholder { |
15843 | .theme-dark .tag-2gZFdE { |
| 15718 | color: hsla(0, 0%, 100%, .3) |
15844 | background: #36393f; |
| |
15845 | color: #dcddde |
| 15719 | } |
15846 | } |
| 15720 | |
15847 | |
| .15721 | .theme-dark .searchBar-1MOL6S .input-3Xdcic::placeholder { |
15848 | .theme-dark .tag-2gZFdE:hover { |
| 15722 | color: hsla(0, 0%, 100%, .3) |
15849 | background: #4f545c |
| 15723 | } |
15850 | } |
| 15724 | |
15851 | |
| .15725 | .theme-dark .searchBarIcon-18QaPq .icon-1S6UIr.eyeGlass-2cMHx7 { |
15852 | .theme-dark .tag-2gZFdE:hover .close-365pYL { |
| 15726 | background-image: url(/assets/4d254296157bb8927b7d53ed59beb0d8.svg) |
15853 | color: #fff |
| 15727 | } |
15854 | } |
| 15728 | |
15855 | |
| .15729 | .theme-dark .searchBarIcon-18QaPq .icon-1S6UIr.clear--Eywng { |
15856 | .theme-light .container-cMG81i { |
| 15730 | background-image: url(/assets/368c9f2ca04e43b5a5ce7380d4622149.svg) |
15857 | background-color: #e3e5e8 |
| 15731 | } |
15858 | } |
| 15732 | |
15859 | |
| .15733 | .theme-dark .searchBarIcon-18QaPq .icon-1S6UIr.clear--Eywng.visible-3bFCH-:hover { |
15860 | .theme-light .icon-1S6UIr { |
| 15734 | opacity: .6 |
15861 | color: #9099a4 |
| 15735 | } |
15862 | } |
| 15736 | |
15863 | |
| .15737 | .theme-dark .searchBarIcon-18QaPq .icon-1S6UIr.visible-3bFCH- { |
15864 | .theme-light .iconLayout-3OgqU3:hover .clear--Eywng { |
| 15738 | opacity: .3 |
15865 | color: #2e3338 |
| |
15866 | } |
| |
15867 | |
| |
15868 | .theme-light .input-3Xdcic { |
| |
15869 | color: #747f8d |
| |
15870 | } |
| |
15871 | |
| |
15872 | .theme-light .input-3Xdcic::-webkit-input-placeholder { |
| |
15873 | color: #9099a4 |
| |
15874 | } |
| |
15875 | |
| |
15876 | .theme-light .tag-2gZFdE { |
| |
15877 | background: #7289da; |
| |
15878 | color: #f8f9f9 |
| |
15879 | } |
| |
15880 | |
| |
15881 | .theme-light .tag-2gZFdE:hover { |
| |
15882 | background: #7d92dd |
| |
15883 | } |
| |
15884 | |
| |
15885 | .theme-light .tag-2gZFdE:hover .close-365pYL { |
| |
15886 | color: #fff |
| 15739 | } |
15887 | } |
| 15740 | |
15888 | |
| 15741 | .selectableItem-1MP3MQ { |
15889 | .selectableItem-1MP3MQ { |
| 15742 | -webkit-box-sizing: border-box; |
15890 | -webkit-box-sizing: border-box; |
| 15743 | border-radius: 3px; |
15891 | border-radius: 3px; |
| 15744 | box-sizing: border-box; |
15892 | box-sizing: border-box; |
| 15745 | cursor: pointer; |
15893 | cursor: pointer; |
| 15746 | height: 34px; |
15894 | height: 34px; |
| 15747 | margin: 2px 4px 2px 0; |
15895 | margin: 2px 4px 2px 0; |
| | | |
| 17207 | visibility: hidden |
17355 | visibility: hidden |
| 17208 | } |
17356 | } |
| 17209 | |
17357 | |
| 17210 | .buttonContainer-37UsAw>.popout-open, |
17358 | .buttonContainer-37UsAw>.popout-open, |
| 17211 | .content-3dzVd8:hover .buttonContainer-37UsAw>* { |
17359 | .content-3dzVd8:hover .buttonContainer-37UsAw>* { |
| 17212 | visibility: visible |
17360 | visibility: visible |
| 17213 | } |
17361 | } |
| 17214 | |
17362 | |
| 17215 | .avatar-17mtNa { |
17363 | .avatar-17mtNa { |
| .17216 | -webkit-transition: opacity .2s ease; |
| |
| 17217 | cursor: pointer; |
17364 | cursor: pointer; |
| 17218 | margin: -2px 20px 20px; |
17365 | margin: -2px 20px 20px; |
| .17219 | opacity: 1; |
17366 | opacity: 1 |
| 17220 | transition: opacity .2s ease |
| |
| 17221 | } |
17367 | } |
| 17222 | |
17368 | |
| 17223 | .avatar-17mtNa:hover { |
17369 | .avatar-17mtNa:hover { |
| 17224 | opacity: .8 |
17370 | opacity: .8 |
| 17225 | } |
17371 | } |
| 17226 | |
17372 | |
| 17227 | .timestampCozy-2hLAPV { |
17373 | .timestampCozy-2hLAPV { |
| 17228 | font-size: 0.75rem; |
17374 | font-size: 0.75rem; |
| 17229 | font-weight: 400; |
17375 | font-weight: 400; |
| | | |
| 17512 | padding: 4px 0; |
17658 | padding: 4px 0; |
| 17513 | text-transform: uppercase |
17659 | text-transform: uppercase |
| 17514 | } |
17660 | } |
| 17515 | |
17661 | |
| 17516 | .contentTitle-2tG_sM strong { |
17662 | .contentTitle-2tG_sM strong { |
| 17517 | text-transform: none |
17663 | text-transform: none |
| 17518 | } |
17664 | } |
| 17519 | |
17665 | |
| 17520 | .icon-3ZzoN7 { |
17666 | .icon-3ZzoN7 { |
| .17521 | min-width: 16px; |
17667 | -o-object-fit: contain; |
| |
17668 | height: 16px; |
| |
17669 | object-fit: contain; |
| 17522 | width: 16px |
17670 | width: 16px |
| 17523 | } |
17671 | } |
| 17524 | |
17672 | |
| 17525 | .rawEmoji-y8E0FG { |
17673 | .rawEmoji-y8E0FG { |
| 17526 | font-size: 20px |
17674 | font-size: 20px |
| 17527 | } |
17675 | } |
| 17528 | |
17676 | |
| 17529 | .description-11DmNu { |
17677 | .description-11DmNu { |
| 17530 | margin-left: 16px; |
17678 | margin-left: 16px; |
| | | |
| 18303 | align-items: center; |
18451 | align-items: center; |
| 18304 | border-bottom: 1px solid rgba(0, 0, 0, .1); |
18452 | border-bottom: 1px solid rgba(0, 0, 0, .1); |
| 18305 | display: -webkit-box; |
18453 | display: -webkit-box; |
| 18306 | display: -ms-flexbox; |
18454 | display: -ms-flexbox; |
| 18307 | display: flex; |
18455 | display: flex; |
| 18308 | flex-direction: row; |
18456 | flex-direction: row; |
| 18309 | z-index: 100 |
18457 | z-index: 100 |
| 18310 | } |
18458 | } |
| 18311 | |
18459 | |
| .18312 | .emojiPicker-3m1S-j .header-1nkwgG .searchBar-2pWH0_ { |
| |
| 18313 | -ms-flex: 1; |
| |
| 18314 | -webkit-box-flex: 1; |
| |
| 18315 | flex: 1; |
| |
| 18316 | padding: 12px |
| |
| 18317 | } |
| |
| 18318 | |
| |
| 18319 | .emojiPicker-3m1S-j .stickyHeader-1SS0JU { |
18460 | .emojiPicker-3m1S-j .stickyHeader-1SS0JU { |
| 18320 | background: hsla(0, 0%, 100%, .95); |
18461 | background: hsla(0, 0%, 100%, .95); |
| 18321 | left: 8px; |
18462 | left: 8px; |
| 18322 | position: absolute; |
18463 | position: absolute; |
| 18323 | right: 12px; |
18464 | right: 12px; |
| 18324 | top: 0; |
18465 | top: 0; |
| 18325 | z-index: 1 |
18466 | z-index: 1 |
| 18326 | } |
18467 | } |
| 18327 | |
18468 | |
| 18328 | .emojiPicker-3m1S-j .searchBar-2pWH0_ { |
18469 | .emojiPicker-3m1S-j .searchBar-2pWH0_ { |
| .18329 | padding: 12px |
18470 | -ms-flex: 1 1 auto; |
| |
18471 | -webkit-box-flex: 1; |
| |
18472 | flex: 1 1 auto; |
| |
18473 | margin: 12px |
| 18330 | } |
18474 | } |
| 18331 | |
18475 | |
| 18332 | .emojiPicker-3m1S-j .noSearchResultsContainer-3Dee0U { |
18476 | .emojiPicker-3m1S-j .noSearchResultsContainer-3Dee0U { |
| 18333 | height: 224px; |
18477 | height: 224px; |
| 18334 | padding: 0 0 0 8px |
18478 | padding: 0 0 0 8px |
| 18335 | } |
18479 | } |
| 18336 | |
18480 | |
| 18337 | .emojiPicker-3m1S-j .category-2U57w6 { |
18481 | .emojiPicker-3m1S-j .category-2U57w6 { |
| 18338 | color: #98aab6; |
18482 | color: #98aab6; |
| | | |
| 19181 | content: ""; |
19325 | content: ""; |
| 19182 | height: 8px; |
19326 | height: 8px; |
| 19183 | left: 0; |
19327 | left: 0; |
| 19184 | pointer-events: none; |
19328 | pointer-events: none; |
| 19185 | position: absolute; |
19329 | position: absolute; |
| 19186 | right: 0 |
19330 | right: 0 |
| 19187 | } |
19331 | } |
| 19188 | |
19332 | |
| 19189 | .content-ySCtCx { |
19333 | .content-ySCtCx { |
| .19190 | -ms-flex: 1 1 auto; |
19334 | position: relative; |
| 19191 | -webkit-box-flex: 1; |
| |
| 19192 | flex: 1 1 auto; |
| |
| 19193 | z-index: 0 |
19335 | z-index: 0 |
| 19194 | } |
19336 | } |
| 19195 | |
19337 | |
| 19196 | .content-ySCtCx, |
19338 | .content-ySCtCx, |
| .19197 | .header-1TOWci { |
19339 | .searchBar--fTZYa { |
| 19198 | position: relative |
19340 | -ms-flex: 1 1 auto; |
| |
19341 | -webkit-box-flex: 1; |
| |
19342 | flex: 1 1 auto |
| |
19343 | } |
| |
19344 | |
| |
19345 | .searchBar--fTZYa { |
| |
19346 | width: 100% |
| 19199 | } |
19347 | } |
| 19200 | |
19348 | |
| 19201 | .header-1TOWci { |
19349 | .header-1TOWci { |
| 19202 | padding: 12px; |
19350 | padding: 12px; |
| . | |
19351 | position: relative; |
| 19203 | z-index: 1 |
19352 | z-index: 1 |
| 19204 | } |
19353 | } |
| 19205 | |
19354 | |
| 19206 | .searchHeader-2r8VVk { |
19355 | .searchHeader-2r8VVk { |
| 19207 | margin-bottom: 0; |
19356 | margin-bottom: 0; |
| 19208 | margin-left: 8px |
19357 | margin-left: 8px |
| 19209 | } |
19358 | } |
| 19210 | |
19359 | |
| 19211 | .backButton-JyKGC1 { |
19360 | .backButton-JyKGC1 { |
| 19212 | -ms-flex-align: center; |
19361 | -ms-flex-align: center; |
| 19213 | -webkit-box-align: center; |
19362 | -webkit-box-align: center; |
| 19214 | align-items: center; |
19363 | align-items: center; |
| 19215 | cursor: pointer; |
19364 | cursor: pointer; |
| 19216 | display: -webkit-box; |
19365 | display: -webkit-box; |
| 19217 | display: -ms-flexbox; |
19366 | display: -ms-flexbox; |
| 19218 | display: flex; |
19367 | display: flex; |
| .19219 | height: 28px |
19368 | height: 28px; |
| |
19369 | margin-right: 10px |
| 19220 | } |
19370 | } |
| 19221 | |
19371 | |
| 19222 | .content-ySCtCx, |
19372 | .content-ySCtCx, |
| 19223 | .noSearchResultsContainer-1dVofo { |
19373 | .noSearchResultsContainer-1dVofo { |
| 19224 | height: 280px |
19374 | height: 280px |
| 19225 | } |
19375 | } |
| 19226 | |
19376 | |
| 19227 | .theme-dark .container-3ISnnM:after { |
19377 | .theme-dark .container-3ISnnM:after { |
| 19228 | -webkit-box-shadow: inset 0 -7px 12px -7px rgba(0, 0, 0, .3); |
19378 | -webkit-box-shadow: inset 0 -7px 12px -7px rgba(0, 0, 0, .3); |
| | | |
| 20976 | |
21126 | |
| 20977 | .verifiedIcon-2TCIsJ { |
21127 | .verifiedIcon-2TCIsJ { |
| 20978 | bottom: -2px; |
21128 | bottom: -2px; |
| 20979 | height: 14px; |
21129 | height: 14px; |
| 20980 | position: absolute; |
21130 | position: absolute; |
| 20981 | right: -2px; |
21131 | right: -2px; |
| 20982 | width: 14px |
21132 | width: 14px |
| 20983 | } |
21133 | } |
| 20984 | |
21134 | |
| .20985 | .overflowEllipsis-jeThUf { |
21135 | .wrapper-1ucjTd { |
| 20986 | overflow: hidden; |
21136 | cursor: pointer; |
| 20987 | text-overflow: ellipsis; |
| |
| 20988 | white-space: nowrap |
| |
| 20989 | } |
| |
| 20990 | |
| |
| 20991 | .marginReset-3RfdVe { |
| |
| 20992 | margin: 0 |
| |
| 20993 | } |
| |
| 20994 | |
| |
| 20995 | .wrapper-KpKNwI { |
| |
| 20996 | height: 34px; |
21137 | height: 34px; |
| 20997 | overflow: hidden; |
21138 | overflow: hidden; |
| 20998 | position: relative |
21139 | position: relative |
| 20999 | } |
21140 | } |
| 21000 | |
21141 | |
| .21001 | .wrapperConnectedText-3NUF2g, |
21142 | .wrapper-1ucjTd.modeSelected-1zApJ_ { |
| 21002 | .wrapperConnectedVoice-2mvQJY, |
| |
| 21003 | .wrapperDefaultText-2IWcE8, |
| |
| 21004 | .wrapperDefaultVoice-1yvceo, |
| |
| 21005 | .wrapperHoveredText-2geN_M, |
| |
| 21006 | .wrapperHoveredVoice-3ItgyI, |
| |
| 21007 | .wrapperLockedText-wfOnM5, |
| |
| 21008 | .wrapperLockedVoice-3QrBs-, |
| |
| 21009 | .wrapperMutedText-1YBpvv, |
| |
| 21010 | .wrapperMutedVoice-10gPcW, |
| |
| 21011 | .wrapperSelectedText-3dSUjC, |
| |
| 21012 | .wrapperSelectedVoice-xzxa2u, |
| |
| 21013 | .wrapperUnreadText-2zuiuD, |
| |
| 21014 | .wrapperUnreadVoice-23GIYe { |
| |
| 21015 | cursor: default |
21143 | cursor: default |
| 21016 | } |
21144 | } |
| 21017 | |
21145 | |
| .21018 | .wrapperHoveredText-2geN_M, |
21146 | .wrapper-1ucjTd.modeLocked-SZJhTy { |
| 21019 | .wrapperHoveredVoice-3ItgyI { |
| |
| 21020 | cursor: pointer |
| |
| 21021 | } |
| |
| 21022 | |
| |
| 21023 | .wrapperLockedText-wfOnM5, |
| |
| 21024 | .wrapperLockedVoice-3QrBs- { |
| |
| 21025 | cursor: not-allowed |
21147 | cursor: not-allowed |
| 21026 | } |
21148 | } |
| 21027 | |
21149 | |
| .21028 | .icon-sxakjD { |
21150 | .icon-1_QxNX { |
| |
21151 | -ms-flex: 0 0 auto; |
| |
21152 | -webkit-box-flex: 0; |
| 21029 | display: block; |
21153 | display: block; |
| .21030 | margin-right: 4px; |
21154 | flex: 0 0 auto; |
| 21031 | opacity: .6 |
21155 | height: 20px; |
| 21032 | } |
21156 | margin-right: 6px; |
| 21033 | |
21157 | width: 20px |
| 21034 | .colorConnectedText-1c_uzY, |
| |
| 21035 | .colorConnectedVoice-3kyvUN, |
| |
| 21036 | .colorDefaultText-oas-QM, |
| |
| 21037 | .colorDefaultVoice-3wYlhb, |
| |
| 21038 | .colorHoveredText-OZnAgu, |
| |
| 21039 | .colorHoveredVoice-1kucsK, |
| |
| 21040 | .colorLockedText-1VRkPt, |
| |
| 21041 | .colorLockedVoice-2UlBjl, |
| |
| 21042 | .colorSelectedText-1y4Wvs, |
| |
| 21043 | .colorSelectedVoice-Xcb_9R, |
| |
| 21044 | .colorUnreadText-2t7XRb, |
| |
| 21045 | .colorUnreadVoice-137o4S { |
| |
| 21046 | color: #b9bbbe |
| |
| 21047 | } |
| |
| 21048 | |
| |
| 21049 | .colorMutedText-36M8WR, |
| |
| 21050 | .colorMutedVoice-3ghIuw { |
| |
| 21051 | color: #72767d |
| |
| 21052 | } |
| |
| 21053 | |
| |
| 21054 | .foreground-2W-aJk { |
| |
| 21055 | opacity: .6 |
| |
| 21056 | } |
| |
| 21057 | |
| |
| 21058 | .background-2OVjk_ { |
| |
| 21059 | opacity: .3 |
| |
| 21060 | } |
21158 | } |
| 21061 | |
21159 | |
| .21062 | .content-20Aix8 { |
21160 | .content-3at_AU { |
| 21063 | -ms-flex-align: center; |
21161 | -ms-flex-align: center; |
| 21064 | -ms-flex-direction: row; |
21162 | -ms-flex-direction: row; |
| 21065 | -webkit-box-align: center; |
21163 | -webkit-box-align: center; |
| 21066 | -webkit-box-direction: normal; |
21164 | -webkit-box-direction: normal; |
| 21067 | -webkit-box-orient: horizontal; |
21165 | -webkit-box-orient: horizontal; |
| 21068 | -webkit-box-sizing: border-box; |
21166 | -webkit-box-sizing: border-box; |
| 21069 | align-items: center; |
21167 | align-items: center; |
| .21070 | border-radius: 3px; |
21168 | border-radius: 4px; |
| 21071 | box-sizing: border-box; |
21169 | box-sizing: border-box; |
| 21072 | display: -webkit-box; |
21170 | display: -webkit-box; |
| 21073 | display: -ms-flexbox; |
21171 | display: -ms-flexbox; |
| 21074 | display: flex; |
21172 | display: flex; |
| 21075 | flex-direction: row; |
21173 | flex-direction: row; |
| 21076 | height: 32px; |
21174 | height: 32px; |
| 21077 | margin: 1px 0 1px 8px; |
21175 | margin: 1px 0 1px 8px; |
| 21078 | overflow: hidden; |
21176 | overflow: hidden; |
| 21079 | padding: 0 8px |
21177 | padding: 0 8px |
| 21080 | } |
21178 | } |
| 21081 | |
21179 | |
| .21082 | .content-20Aix8:active { |
21180 | .content-3at_AU:active { |
| 21083 | -webkit-transform: translateZ(0); |
21181 | -webkit-transform: translateZ(0); |
| 21084 | transform: translateZ(0) |
21182 | transform: translateZ(0) |
| 21085 | } |
21183 | } |
| 21086 | |
21184 | |
| .21087 | .contentConnectedText-16O0fe, |
21185 | .name-3_Dsmg { |
| 21088 | .contentConnectedVoice-qL-YrL, |
21186 | -ms-flex: 1 1 auto; |
| 21089 | .contentDefaultText-3vZplL, |
21187 | -webkit-box-flex: 1; |
| 21090 | .contentDefaultVoice-2ko43i, |
21188 | flex: 1 1 auto; |
| 21091 | .contentHoveredText-2D9B-x, |
21189 | font-size: 16px; |
| 21092 | .contentHoveredVoice-3p_NEO, |
21190 | font-weight: 500; |
| 21093 | .contentLockedText-1aHuz8, |
21191 | line-height: 20px; |
| 21094 | .contentLockedVoice-1gx-SP, |
21192 | overflow: hidden; |
| 21095 | .contentMutedText-2y6aPQ, |
21193 | text-overflow: ellipsis; |
| 21096 | .contentMutedVoice-2lJ0UD, |
21194 | white-space: nowrap |
| 21097 | .contentSelectedText-3wUhMi, |
| |
| 21098 | .contentSelectedVoice-1WDIBM, |
| |
| 21099 | .contentUnreadText-2vNnZc, |
| |
| 21100 | .contentUnreadVoice-1dijOt {} |
| |
| 21101 | |
| |
| 21102 | .contentConnectedVoice-qL-YrL:active, |
| |
| 21103 | .contentHoveredText-2D9B-x, |
| |
| 21104 | .contentHoveredVoice-3p_NEO:active, |
| |
| 21105 | .contentSelectedVoice-1WDIBM:active { |
| |
| 21106 | background-color: #36393f |
| |
| 21107 | } |
21195 | } |
| 21108 | |
21196 | |
| .21109 | .contentSelectedText-3wUhMi, |
21197 | .unread-3zKkbm { |
| 21110 | .contentSelectedVoice-1WDIBM { |
21198 | border-radius: 0 4px 4px 0; |
| 21111 | background-color: rgba(79, 84, 92, .6) |
21199 | height: 8px; |
| |
21200 | left: 0; |
| |
21201 | margin-top: -4px; |
| |
21202 | position: absolute; |
| |
21203 | top: 50%; |
| |
21204 | width: 4px |
| 21112 | } |
21205 | } |
| 21113 | |
21206 | |
| .21114 | .name-3M0b8v { |
21207 | .children-Bmpf2Q { |
| 21115 | font-size: 16px; |
21208 | -ms-flex: 0 0 auto; |
| 21116 | font-weight: 500; |
21209 | -ms-flex-align: center; |
| 21117 | line-height: 32px |
21210 | -ms-flex-pack: center; |
| |
21211 | -webkit-box-align: center; |
| |
21212 | -webkit-box-flex: 0; |
| |
21213 | -webkit-box-pack: center; |
| |
21214 | align-items: center; |
| |
21215 | display: -webkit-box; |
| |
21216 | display: -ms-flexbox; |
| |
21217 | display: flex; |
| |
21218 | flex: 0 0 auto; |
| |
21219 | justify-content: center |
| 21118 | } |
21220 | } |
| 21119 | |
21221 | |
| .21120 | .nameConnectedText-3CzNQn, |
21222 | .theme-dark .wrapper-1ucjTd.modeMuted-3osy7j .icon-1_QxNX, |
| 21121 | .nameConnectedVoice-MHUX5F, |
21223 | .theme-light .wrapper-1ucjTd.modeMuted-3osy7j .icon-1_QxNX { |
| 21122 | .nameDefaultText-24KCy5, |
21224 | color: #4f545c |
| 21123 | .nameDefaultVoice-3WUH7s, |
| |
| 21124 | .nameHoveredText-1uO31y, |
| |
| 21125 | .nameHoveredVoice-YJ1Vfd, |
| |
| 21126 | .nameLockedText-3pqQcL, |
| |
| 21127 | .nameLockedVoice-26MhB1, |
| |
| 21128 | .nameMutedText-3Vj4bM, |
| |
| 21129 | .nameMutedVoice-3oxyQZ, |
| |
| 21130 | .nameSelectedText-sp_EUw, |
| |
| 21131 | .nameSelectedVoice-1qSph5, |
| |
| 21132 | .nameUnreadText-DfkrI4, |
| |
| 21133 | .nameUnreadVoice-EVo-wI {} |
| |
| 21134 | |
| |
| 21135 | .nameDefaultText-24KCy5, |
| |
| 21136 | .nameDefaultVoice-3WUH7s, |
| |
| 21137 | .nameLockedText-3pqQcL, |
| |
| 21138 | .nameLockedVoice-26MhB1 { |
| |
| 21139 | color: #72767d |
| |
| 21140 | } |
21225 | } |
| 21141 | |
21226 | |
| .21142 | .nameMutedText-3Vj4bM, |
21227 | .theme-dark .wrapper-1ucjTd:hover .content-3at_AU, |
| 21143 | .nameMutedVoice-3oxyQZ { |
21228 | .theme-light .wrapper-1ucjTd:hover .content-3at_AU { |
| 21144 | color: #4f545c |
21229 | background-color: #292b2f |
| 21145 | } |
21230 | } |
| 21146 | |
21231 | |
| .21147 | .nameHoveredText-1uO31y { |
21232 | .theme-dark .wrapper-1ucjTd:active .content-3at_AU, |
| 21148 | color: #b9bbbe |
21233 | .theme-light .wrapper-1ucjTd:active .content-3at_AU { |
| |
21234 | background-color: #202225 |
| 21149 | } |
21235 | } |
| 21150 | |
21236 | |
| .21151 | .nameHoveredVoice-YJ1Vfd { |
21237 | .theme-dark .wrapper-1ucjTd.modeSelected-1zApJ_ .content-3at_AU, |
| 21152 | color: #f6f6f7 |
21238 | .theme-dark .wrapper-1ucjTd.modeSelected-1zApJ_:hover .content-3at_AU, |
| |
21239 | .theme-light .wrapper-1ucjTd.modeSelected-1zApJ_ .content-3at_AU, |
| |
21240 | .theme-light .wrapper-1ucjTd.modeSelected-1zApJ_:hover .content-3at_AU { |
| |
21241 | background-color: #40444b |
| |
21242 | } |
| |
21243 | |
| |
21244 | .theme-dark .icon-1_QxNX, |
| |
21245 | .theme-light .icon-1_QxNX { |
| |
21246 | color: #72767d |
| |
21247 | } |
| |
21248 | |
| |
21249 | .theme-dark .name-3_Dsmg, |
| |
21250 | .theme-light .name-3_Dsmg { |
| |
21251 | color: #8e9297 |
| 21153 | } |
21252 | } |
| 21154 | |
21253 | |
| .21155 | .nameUnreadText-DfkrI4, |
21254 | .theme-dark .wrapper-1ucjTd.modeMuted-3osy7j:hover .name-3_Dsmg, |
| 21156 | .nameUnreadVoice-EVo-wI { |
21255 | .theme-dark .wrapper-1ucjTd:hover .name-3_Dsmg, |
| |
21256 | .theme-light .wrapper-1ucjTd.modeMuted-3osy7j:hover .name-3_Dsmg, |
| |
21257 | .theme-light .wrapper-1ucjTd:hover .name-3_Dsmg { |
| 21157 | color: #dcddde |
21258 | color: #dcddde |
| 21158 | } |
21259 | } |
| 21159 | |
21260 | |
| .21160 | .nameConnectedText-3CzNQn, |
21261 | .theme-dark .wrapper-1ucjTd.modeMuted-3osy7j .name-3_Dsmg, |
| 21161 | .nameConnectedVoice-MHUX5F, |
21262 | .theme-light .wrapper-1ucjTd.modeMuted-3osy7j .name-3_Dsmg { |
| 21162 | .nameSelectedText-sp_EUw, |
21263 | color: #4f545c |
| 21163 | .nameSelectedVoice-1qSph5 { |
| |
| 21164 | color: #f6f6f7 |
| |
| 21165 | } |
21264 | } |
| 21166 | |
21265 | |
| .21167 | .unread-1Dp-OI { |
21266 | .theme-dark .wrapper-1ucjTd.modeConnected-2IEL4z .name-3_Dsmg, |
| 21168 | background-color: hsla(0, 0%, 100%, .6); |
21267 | .theme-dark .wrapper-1ucjTd.modeConnected-2IEL4z:hover .name-3_Dsmg, |
| 21169 | border-radius: 0 6px 6px 0; |
21268 | .theme-dark .wrapper-1ucjTd.modeSelected-1zApJ_ .name-3_Dsmg, |
| 21170 | height: 8px; |
21269 | .theme-dark .wrapper-1ucjTd.modeSelected-1zApJ_:hover .name-3_Dsmg, |
| 21171 | left: 0; |
21270 | .theme-dark .wrapper-1ucjTd.modeUnread-1zpFdA .name-3_Dsmg, |
| 21172 | margin-top: -4px; |
21271 | .theme-dark .wrapper-1ucjTd.modeUnread-1zpFdA:hover .name-3_Dsmg, |
| 21173 | position: absolute; |
21272 | .theme-light .wrapper-1ucjTd.modeConnected-2IEL4z .name-3_Dsmg, |
| 21174 | top: 50%; |
21273 | .theme-light .wrapper-1ucjTd.modeConnected-2IEL4z:hover .name-3_Dsmg, |
| 21175 | width: 4px |
21274 | .theme-light .wrapper-1ucjTd.modeSelected-1zApJ_ .name-3_Dsmg, |
| |
21275 | .theme-light .wrapper-1ucjTd.modeSelected-1zApJ_:hover .name-3_Dsmg, |
| |
21276 | .theme-light .wrapper-1ucjTd.modeUnread-1zpFdA .name-3_Dsmg, |
| |
21277 | .theme-light .wrapper-1ucjTd.modeUnread-1zpFdA:hover .name-3_Dsmg { |
| |
21278 | color: #fff |
| |
21279 | } |
| |
21280 | |
| |
21281 | .theme-dark .unread-3zKkbm, |
| |
21282 | .theme-light .unread-3zKkbm { |
| |
21283 | background-color: #b9bbbe |
| 21176 | } |
21284 | } |
| 21177 | |
21285 | |
| 21178 | .wrapper-35wsBm { |
21286 | .wrapper-35wsBm { |
| 21179 | -webkit-box-sizing: border-box; |
21287 | -webkit-box-sizing: border-box; |
| 21180 | border-radius: 3px; |
21288 | border-radius: 3px; |
| 21181 | border-style: solid; |
21289 | border-style: solid; |
| 21182 | border-width: 1px; |
21290 | border-width: 1px; |
| 21183 | box-sizing: border-box; |
21291 | box-sizing: border-box; |
| 21184 | padding: 10px 15px 10px 10px; |
21292 | padding: 10px 15px 10px 10px; |
| | | |
| 23598 | align-items: center; |
23706 | align-items: center; |
| 23599 | display: -webkit-box; |
23707 | display: -webkit-box; |
| 23600 | display: -ms-flexbox; |
23708 | display: -ms-flexbox; |
| 23601 | display: flex; |
23709 | display: flex; |
| 23602 | flex: 1 1 50%; |
23710 | flex: 1 1 50%; |
| 23603 | text-transform: uppercase |
23711 | text-transform: uppercase |
| 23604 | } |
23712 | } |
| 23605 | |
23713 | |
| 23606 | .descriptionIcon-1UHIIr { |
23714 | .descriptionIcon-1UHIIr { |
| . | |
23715 | background-position: 50%; |
| |
23716 | background-repeat: no-repeat; |
| 23607 | margin-right: 10px |
23717 | margin-right: 10px |
| 23608 | } |
23718 | } |
| 23609 | |
23719 | |
| 23610 | .expand-1g95ZR { |
23720 | .expand-1g95ZR { |
| 23611 | height: 24px; |
23721 | height: 24px; |
| 23612 | margin-left: 20px; |
23722 | margin-left: 20px; |
| 23613 | width: 24px |
23723 | width: 24px |
| 23614 | } |
23724 | } |
| 23615 | |
23725 | |
| | | |
| 27902 | .gameIconSize-1Kq-T4 { |
28012 | .gameIconSize-1Kq-T4 { |
| 27903 | height: 20px; |
28013 | height: 20px; |
| 27904 | width: 20px |
28014 | width: 20px |
| 27905 | } |
28015 | } |
| 27906 | |
28016 | |
| 27907 | .icon-30q1Or { |
28017 | .icon-30q1Or { |
| 27908 | display: block |
28018 | display: block |
| 27909 | } |
28019 | } |
| 27910 | |
28020 | |
| .27911 | .icon-30q1Or, |
| |
| 27912 | .iconBackground-1Hzc6Q { |
| |
| 27913 | opacity: .6 |
| |
| 27914 | } |
| |
| 27915 | |
| |
| 27916 | .name-2NBmhj { |
28021 | .name-2NBmhj { |
| 27917 | -ms-flex: 1 1 auto; |
28022 | -ms-flex: 1 1 auto; |
| 27918 | -ms-flex-align: center; |
28023 | -ms-flex-align: center; |
| 27919 | -webkit-box-flex: 1; |
28024 | -webkit-box-flex: 1; |
| 27920 | flex: 1 1 auto; |
28025 | flex: 1 1 auto; |
| 27921 | overflow: hidden; |
28026 | overflow: hidden; |
| 27922 | text-overflow: ellipsis; |
28027 | text-overflow: ellipsis; |
| 27923 | white-space: nowrap |
28028 | white-space: nowrap |
| 27924 | } |
28029 | } |
| | | |
| 28222 | background-color: rgba(24, 25, 28, .3); |
28327 | background-color: rgba(24, 25, 28, .3); |
| 28223 | opacity: 1 |
28328 | opacity: 1 |
| 28224 | } |
28329 | } |
| 28225 | |
28330 | |
| 28226 | .theme-dark .iconButton-_hrfYO:disabled, |
28331 | .theme-dark .iconButton-_hrfYO:disabled, |
| 28227 | .theme-light .iconButton-_hrfYO:disabled { |
28332 | .theme-light .iconButton-_hrfYO:disabled { |
| 28228 | opacity: .3 |
28333 | opacity: .3 |
| 28229 | } |
28334 | } |
| 28230 | |
28335 | |
| .28231 | .chat-3bRxxu { |
| |
| 28232 | -ms-flex: 1; |
| |
| 28233 | -ms-flex-direction: column; |
| |
| 28234 | -webkit-box-direction: normal; |
| |
| 28235 | -webkit-box-flex: 1; |
| |
| 28236 | -webkit-box-orient: vertical; |
| |
| 28237 | contain: layout; |
| |
| 28238 | flex: 1; |
| |
| 28239 | flex-direction: column; |
| |
| 28240 | overflow: hidden |
| |
| 28241 | } |
| |
| 28242 | |
| |
| 28243 | .chat-3bRxxu, |
| |
| 28244 | .chat-3bRxxu form { |
| |
| 28245 | display: -webkit-box; |
| |
| 28246 | display: -ms-flexbox; |
| |
| 28247 | display: flex; |
| |
| 28248 | position: relative |
| |
| 28249 | } |
| |
| 28250 | |
| |
| 28251 | .chat-3bRxxu form { |
| |
| 28252 | -ms-flex-negative: 0; |
| |
| 28253 | flex-shrink: 0; |
| |
| 28254 | margin-left: 20px; |
| |
| 28255 | margin-right: 20px |
| |
| 28256 | } |
| |
| 28257 | |
| |
| 28258 | .content-yTz4x3 { |
| |
| 28259 | -ms-flex: 1 1 auto; |
| |
| 28260 | -ms-flex-direction: row; |
| |
| 28261 | -webkit-box-direction: normal; |
| |
| 28262 | -webkit-box-flex: 1; |
| |
| 28263 | -webkit-box-orient: horizontal; |
| |
| 28264 | display: -webkit-box; |
| |
| 28265 | display: -ms-flexbox; |
| |
| 28266 | display: flex; |
| |
| 28267 | flex: 1 1 auto; |
| |
| 28268 | flex-direction: row |
| |
| 28269 | } |
| |
| 28270 | |
| |
| 28271 | .channelTextArea-rNsIhG { |
| |
| 28272 | margin-bottom: 30px; |
| |
| 28273 | padding-top: 20px |
| |
| 28274 | } |
| |
| 28275 | |
| |
| 28276 | .titleWrapper-1l0xT9 { |
| |
| 28277 | -ms-flex: 0 0 auto; |
| |
| 28278 | -webkit-box-flex: 0; |
| |
| 28279 | flex: 0 0 auto; |
| |
| 28280 | position: relative; |
| |
| 28281 | z-index: 100 |
| |
| 28282 | } |
| |
| 28283 | |
| |
| 28284 | .noChannel-Z1DQK7 { |
| |
| 28285 | -ms-flex: 1 1 auto; |
| |
| 28286 | -webkit-box-flex: 1; |
| |
| 28287 | flex: 1 1 auto; |
| |
| 28288 | position: relative |
| |
| 28289 | } |
| |
| 28290 | |
| |
| 28291 | .editPartyIcon-1GA5r3 { |
| |
| 28292 | -webkit-transition: opacity .2s ease; |
| |
| 28293 | cursor: pointer; |
| |
| 28294 | margin-right: 4px; |
| |
| 28295 | opacity: .6; |
| |
| 28296 | transition: opacity .2s ease |
| |
| 28297 | } |
| |
| 28298 | |
| |
| 28299 | .editPartyIcon-1GA5r3:hover { |
| |
| 28300 | opacity: 1 |
| |
| 28301 | } |
| |
| 28302 | |
| |
| 28303 | .title-3qD0b-, |
| |
| 28304 | .titleCall-_b9o8P { |
| |
| 28305 | -ms-flex-align: center; |
| |
| 28306 | -webkit-box-align: center; |
| |
| 28307 | align-items: center; |
| |
| 28308 | display: -webkit-box; |
| |
| 28309 | display: -ms-flexbox; |
| |
| 28310 | display: flex; |
| |
| 28311 | height: 48px; |
| |
| 28312 | padding: 0 8px 0 12px |
| |
| 28313 | } |
| |
| 28314 | |
| |
| 28315 | .platform-osx .title-3qD0b-, |
| |
| 28316 | .platform-osx .titleCall-_b9o8P { |
| |
| 28317 | -webkit-app-region: drag |
| |
| 28318 | } |
| |
| 28319 | |
| |
| 28320 | .title-3qD0b- .input-autosize-inner, |
| |
| 28321 | .titleCall-_b9o8P .input-autosize-inner { |
| |
| 28322 | -ms-flex: 1; |
| |
| 28323 | -webkit-box-flex: 1; |
| |
| 28324 | -webkit-box-sizing: border-box; |
| |
| 28325 | box-sizing: border-box; |
| |
| 28326 | display: -webkit-box; |
| |
| 28327 | display: -ms-flexbox; |
| |
| 28328 | display: flex; |
| |
| 28329 | flex: 1; |
| |
| 28330 | padding: 0 |
| |
| 28331 | } |
| |
| 28332 | |
| |
| 28333 | .title-3qD0b- .input-autosize-input, |
| |
| 28334 | .titleCall-_b9o8P .input-autosize-input { |
| |
| 28335 | -webkit-app-region: no-drag; |
| |
| 28336 | -webkit-box-sizing: border-box; |
| |
| 28337 | border: none; |
| |
| 28338 | border-radius: 3px; |
| |
| 28339 | box-sizing: border-box; |
| |
| 28340 | font-size: 18px; |
| |
| 28341 | font-weight: 600; |
| |
| 28342 | height: 30px; |
| |
| 28343 | line-height: 30px; |
| |
| 28344 | overflow: hidden; |
| |
| 28345 | padding: 0 8px; |
| |
| 28346 | text-overflow: ellipsis; |
| |
| 28347 | white-space: nowrap; |
| |
| 28348 | white-space: pre |
| |
| 28349 | } |
| |
| 28350 | |
| |
| 28351 | .title-3qD0b- .input-autosize-input:focus, |
| |
| 28352 | .titleCall-_b9o8P .input-autosize-input:focus { |
| |
| 28353 | color: #4f545c |
| |
| 28354 | } |
| |
| 28355 | |
| |
| 28356 | .title-3qD0b- .status-1XNdyw, |
| |
| 28357 | .titleCall-_b9o8P .status-1XNdyw { |
| |
| 28358 | margin-left: 2px; |
| |
| 28359 | position: relative |
| |
| 28360 | } |
| |
| 28361 | |
| |
| 28362 | .status-1XNdyw { |
| |
| 28363 | margin-left: 2px |
| |
| 28364 | } |
| |
| 28365 | |
| |
| 28366 | .statusWithMobile-152_jv { |
| |
| 28367 | margin-right: 4px |
| |
| 28368 | } |
| |
| 28369 | |
| |
| 28370 | .stop-animations .title-3qD0b- { |
| |
| 28371 | -webkit-app-region: no-drag |
| |
| 28372 | } |
| |
| 28373 | |
| |
| 28374 | .titleText-3X-zRE { |
| |
| 28375 | -ms-flex-align: center; |
| |
| 28376 | -ms-flex-direction: row; |
| |
| 28377 | -ms-flex-negative: 1; |
| |
| 28378 | -webkit-box-align: center; |
| |
| 28379 | -webkit-box-direction: normal; |
| |
| 28380 | -webkit-box-orient: horizontal; |
| |
| 28381 | align-items: center; |
| |
| 28382 | color: #4f545c; |
| |
| 28383 | display: -webkit-box; |
| |
| 28384 | display: -ms-flexbox; |
| |
| 28385 | display: flex; |
| |
| 28386 | flex-direction: row; |
| |
| 28387 | flex-shrink: 1; |
| |
| 28388 | font-size: 18px; |
| |
| 28389 | font-weight: 600; |
| |
| 28390 | line-height: 22px |
| |
| 28391 | } |
| |
| 28392 | |
| |
| 28393 | .channelName-3stJzi, |
| |
| 28394 | .titleText-3X-zRE { |
| |
| 28395 | overflow: hidden; |
| |
| 28396 | text-overflow: ellipsis; |
| |
| 28397 | white-space: nowrap |
| |
| 28398 | } |
| |
| 28399 | |
| |
| 28400 | .channelName-3stJzi { |
| |
| 28401 | height: 22px; |
| |
| 28402 | margin-right: 4px |
| |
| 28403 | } |
| |
| 28404 | |
| |
| 28405 | .channelName-3stJzi svg { |
| |
| 28406 | display: inline-block; |
| |
| 28407 | line-height: 22px |
| |
| 28408 | } |
| |
| 28409 | |
| |
| 28410 | .channelIcon-MsmKOO { |
| |
| 28411 | color: #8a8e94; |
| |
| 28412 | margin-right: 3px; |
| |
| 28413 | position: relative; |
| |
| 28414 | top: 2px |
| |
| 28415 | } |
| |
| 28416 | |
| |
| 28417 | .channelIcon-MsmKOO .background-1FptAZ { |
| |
| 28418 | opacity: .6 |
| |
| 28419 | } |
| |
| 28420 | |
| |
| 28421 | .groupDM-3qU0Ks { |
| |
| 28422 | -ms-flex: 1; |
| |
| 28423 | -webkit-box-flex: 1; |
| |
| 28424 | flex: 1 |
| |
| 28425 | } |
| |
| 28426 | |
| |
| 28427 | .groupDM-3qU0Ks .channelName-3stJzi { |
| |
| 28428 | height: 30px |
| |
| 28429 | } |
| |
| 28430 | |
| |
| 28431 | .groupDMManaged-1GyXtq { |
| |
| 28432 | -ms-flex: 0 1 auto; |
| |
| 28433 | -webkit-box-flex: 0; |
| |
| 28434 | flex: 0 1 auto |
| |
| 28435 | } |
| |
| 28436 | |
| |
| 28437 | .titleText-3X-zRE.groupDM-3qU0Ks { |
| |
| 28438 | margin-left: -4px |
| |
| 28439 | } |
| |
| 28440 | |
| |
| 28441 | .noTopic-2b04lB, |
| |
| 28442 | .topic-2QX7LI { |
| |
| 28443 | -ms-flex: 1; |
| |
| 28444 | -webkit-box-flex: 1; |
| |
| 28445 | flex: 1 |
| |
| 28446 | } |
| |
| 28447 | |
| |
| 28448 | .topic-2QX7LI { |
| |
| 28449 | font-size: 14px; |
| |
| 28450 | font-weight: 500; |
| |
| 28451 | height: 22px; |
| |
| 28452 | line-height: 22px; |
| |
| 28453 | margin-left: 8px; |
| |
| 28454 | overflow: hidden; |
| |
| 28455 | padding-left: 12px; |
| |
| 28456 | position: relative; |
| |
| 28457 | text-overflow: ellipsis; |
| |
| 28458 | top: 1px; |
| |
| 28459 | vertical-align: bottom; |
| |
| 28460 | white-space: nowrap; |
| |
| 28461 | width: 100% |
| |
| 28462 | } |
| |
| 28463 | |
| |
| 28464 | .topic-2QX7LI:before { |
| |
| 28465 | content: ""; |
| |
| 28466 | height: 22px; |
| |
| 28467 | left: 0; |
| |
| 28468 | position: absolute; |
| |
| 28469 | top: 0; |
| |
| 28470 | width: 1px |
| |
| 28471 | } |
| |
| 28472 | |
| |
| 28473 | .topic-2QX7LI a:hover { |
| |
| 28474 | text-decoration: underline |
| |
| 28475 | } |
| |
| 28476 | |
| |
| 28477 | .aka-1mqp34 { |
| |
| 28478 | -ms-flex-negative: 0; |
| |
| 28479 | background: #72767d; |
| |
| 28480 | border-radius: 3px; |
| |
| 28481 | color: #fff; |
| |
| 28482 | flex-shrink: 0; |
| |
| 28483 | font-size: 10px; |
| |
| 28484 | font-weight: 500; |
| |
| 28485 | line-height: 18px; |
| |
| 28486 | margin-right: 8px; |
| |
| 28487 | padding: 1px 3px; |
| |
| 28488 | position: relative; |
| |
| 28489 | text-transform: uppercase; |
| |
| 28490 | top: 2px; |
| |
| 28491 | vertical-align: top |
| |
| 28492 | } |
| |
| 28493 | |
| |
| 28494 | .topic-2QX7LI.expandable-26ClD4 { |
| |
| 28495 | cursor: pointer |
| |
| 28496 | } |
| |
| 28497 | |
| |
| 28498 | .theme-light .channelTextArea-rNsIhG { |
| |
| 28499 | border-top: 1px solid rgba(0, 0, 0, .1) |
| |
| 28500 | } |
| |
| 28501 | |
| |
| 28502 | .theme-light .chat-3bRxxu { |
| |
| 28503 | background-color: #fff; |
| |
| 28504 | color: #fff |
| |
| 28505 | } |
| |
| 28506 | |
| |
| 28507 | .theme-light .chat-3bRxxu ::-webkit-input-placeholder { |
| |
| 28508 | color: #dadddf |
| |
| 28509 | } |
| |
| 28510 | |
| |
| 28511 | .theme-light .content-yTz4x3, |
| |
| 28512 | .theme-light .noChannel-Z1DQK7 { |
| |
| 28513 | background: #fff |
| |
| 28514 | } |
| |
| 28515 | |
| |
| 28516 | .theme-light .title-3qD0b- { |
| |
| 28517 | -webkit-box-shadow: 0 1px 0 #eceeef, 0 2px 0 rgba(236, 238, 239, .25); |
| |
| 28518 | background: #fff; |
| |
| 28519 | box-shadow: 0 1px 0 #eceeef, 0 2px 0 rgba(236, 238, 239, .25) |
| |
| 28520 | } |
| |
| 28521 | |
| |
| 28522 | .theme-light .title-3qD0b- .input-autosize-input { |
| |
| 28523 | background: transparent |
| |
| 28524 | } |
| |
| 28525 | |
| |
| 28526 | .theme-light .channelName-3stJzi, |
| |
| 28527 | .theme-light .groupDM-3qU0Ks .channelName-3stJzi, |
| |
| 28528 | .theme-light .groupDMManaged-1GyXtq .channelName-3stJzi, |
| |
| 28529 | .theme-light .input-autosize-input { |
| |
| 28530 | color: #4f545c |
| |
| 28531 | } |
| |
| 28532 | |
| |
| 28533 | .theme-light .input-autosize:hover .input-autosize-input, |
| |
| 28534 | .theme-light .input-autosize-input:focus { |
| |
| 28535 | -webkit-box-shadow: inset 0 0 0 1px #dcddde; |
| |
| 28536 | box-shadow: inset 0 0 0 1px #dcddde |
| |
| 28537 | } |
| |
| 28538 | |
| |
| 28539 | .theme-light .input-autosize-input:focus { |
| |
| 28540 | background-color: #f6f6f7 |
| |
| 28541 | } |
| |
| 28542 | |
| |
| 28543 | .theme-light .titleCall-_b9o8P { |
| |
| 28544 | -webkit-box-shadow: none; |
| |
| 28545 | background: none; |
| |
| 28546 | box-shadow: none |
| |
| 28547 | } |
| |
| 28548 | |
| |
| 28549 | .theme-light .topic-2QX7LI { |
| |
| 28550 | color: rgba(114, 118, 125, .6) |
| |
| 28551 | } |
| |
| 28552 | |
| |
| 28553 | .theme-light .topic-2QX7LI:before { |
| |
| 28554 | background-color: rgba(114, 118, 125, .3) |
| |
| 28555 | } |
| |
| 28556 | |
| |
| 28557 | .theme-light .mobileIndicator-U-7hTl { |
| |
| 28558 | color: #72767d |
| |
| 28559 | } |
| |
| 28560 | |
| |
| 28561 | .theme-dark .channelTextArea-rNsIhG { |
| |
| 28562 | border-top: 1px solid hsla(0, 0%, 100%, .06) |
| |
| 28563 | } |
| |
| 28564 | |
| |
| 28565 | .theme-dark .chat-3bRxxu, |
| |
| 28566 | .theme-dark .chat-3bRxxu form, |
| |
| 28567 | .theme-dark .content-yTz4x3 { |
| |
| 28568 | background-color: #36393f |
| |
| 28569 | } |
| |
| 28570 | |
| |
| 28571 | .theme-dark .noChannel-Z1DQK7 { |
| |
| 28572 | background: #36393f |
| |
| 28573 | } |
| |
| 28574 | |
| |
| 28575 | .theme-dark .title-3qD0b- { |
| |
| 28576 | -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .2), 0 2px 0 rgba(0, 0, 0, .06); |
| |
| 28577 | background: #36393f; |
| |
| 28578 | box-shadow: 0 1px 0 rgba(0, 0, 0, .2), 0 2px 0 rgba(0, 0, 0, .06) |
| |
| 28579 | } |
| |
| 28580 | |
| |
| 28581 | .theme-dark .title-3qD0b- .input-autosize-input { |
| |
| 28582 | background: transparent |
| |
| 28583 | } |
| |
| 28584 | |
| |
| 28585 | .theme-dark .channelName-3stJzi, |
| |
| 28586 | .theme-dark .groupDM-3qU0Ks .channelName-3stJzi, |
| |
| 28587 | .theme-dark .groupDMManaged-1GyXtq .channelName-3stJzi, |
| |
| 28588 | .theme-dark .input-autosize-input, |
| |
| 28589 | .theme-dark .input-autosize-input:focus { |
| |
| 28590 | color: #fff |
| |
| 28591 | } |
| |
| 28592 | |
| |
| 28593 | .theme-dark .input-autosize:hover .input-autosize-input, |
| |
| 28594 | .theme-dark .input-autosize-input:focus { |
| |
| 28595 | -webkit-box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, .1); |
| |
| 28596 | box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, .1) |
| |
| 28597 | } |
| |
| 28598 | |
| |
| 28599 | .theme-dark .input-autosize-input:focus { |
| |
| 28600 | background-color: #2f3136 |
| |
| 28601 | } |
| |
| 28602 | |
| |
| 28603 | .theme-dark .titleCall-_b9o8P { |
| |
| 28604 | -webkit-box-shadow: none; |
| |
| 28605 | background: none; |
| |
| 28606 | box-shadow: none |
| |
| 28607 | } |
| |
| 28608 | |
| |
| 28609 | .theme-dark .topic-2QX7LI { |
| |
| 28610 | color: rgba(246, 246, 247, .6) |
| |
| 28611 | } |
| |
| 28612 | |
| |
| 28613 | .theme-dark .topic-2QX7LI a { |
| |
| 28614 | color: #0096cf |
| |
| 28615 | } |
| |
| 28616 | |
| |
| 28617 | .theme-dark .topic-2QX7LI:before { |
| |
| 28618 | background-color: rgba(246, 246, 247, .1) |
| |
| 28619 | } |
| |
| 28620 | |
| |
| 28621 | .theme-dark .mobileIndicator-U-7hTl { |
| |
| 28622 | color: #72767d |
| |
| 28623 | } |
| |
| 28624 | |
| |
| 28625 | @-webkit-keyframes placeholderPulse-34GVGw { |
28336 | @-webkit-keyframes placeholderPulse-34GVGw { |
| 28626 | 0% { |
28337 | 0% { |
| 28627 | opacity: .2 |
28338 | opacity: .2 |
| 28628 | } |
28339 | } |
| 28629 | |
28340 | |
| 28630 | 50% { |
28341 | 50% { |
| 28631 | opacity: .5 |
28342 | opacity: .5 |
| 28632 | } |
28343 | } |
| 28633 | |
28344 | |
| | | |
| 29027 | |
28738 | |
| 29028 | .theme-dark .members-1998pB { |
28739 | .theme-dark .members-1998pB { |
| 29029 | background-color: #2f3136 |
28740 | background-color: #2f3136 |
| 29030 | } |
28741 | } |
| 29031 | |
28742 | |
| 29032 | .theme-dark .membersGroup-v9BXpm { |
28743 | .theme-dark .membersGroup-v9BXpm { |
| 29033 | color: hsla(0, 0%, 100%, .4) |
28744 | color: hsla(0, 0%, 100%, .4) |
| 29034 | } |
28745 | } |
| 29035 | |
28746 | |
| .29036 | .headerBar-UHpsPw { |
| |
| 29037 | -ms-flex-align: center; |
| |
| 29038 | -ms-flex-pack: justify; |
| |
| 29039 | -webkit-box-align: center; |
| |
| 29040 | -webkit-box-pack: justify; |
| |
| 29041 | -webkit-box-sizing: border-box; |
| |
| 29042 | align-items: center; |
| |
| 29043 | box-sizing: border-box; |
| |
| 29044 | display: -webkit-box; |
| |
| 29045 | display: -ms-flexbox; |
| |
| 29046 | display: flex; |
| |
| 29047 | height: 48px; |
| |
| 29048 | justify-content: space-between; |
| |
| 29049 | overflow: hidden; |
| |
| 29050 | padding: 0 8px 0 12px; |
| |
| 29051 | visibility: visible; |
| |
| 29052 | width: 100%; |
| |
| 29053 | z-index: 2 |
| |
| 29054 | } |
| |
| 29055 | |
| |
| 29056 | .platform-osx .headerBarDrag-3bf7wG { |
| |
| 29057 | -webkit-app-region: drag |
| |
| 29058 | } |
| |
| 29059 | |
| |
| 29060 | .title-1aVOXw { |
| |
| 29061 | color: #4f545c; |
| |
| 29062 | cursor: default; |
| |
| 29063 | font-size: 18px; |
| |
| 29064 | line-height: 22px |
| |
| 29065 | } |
| |
| 29066 | |
| |
| 29067 | .icon-1R19_H { |
| |
| 29068 | -webkit-app-region: no-drag; |
| |
| 29069 | cursor: pointer; |
| |
| 29070 | height: 24px; |
| |
| 29071 | width: 24px |
| |
| 29072 | } |
| |
| 29073 | |
| |
| 29074 | .iconInactive-g2AXfB { |
| |
| 29075 | opacity: .6 |
| |
| 29076 | } |
| |
| 29077 | |
| |
| 29078 | .iconInactive-g2AXfB:hover { |
| |
| 29079 | opacity: .8 |
| |
| 29080 | } |
| |
| 29081 | |
| |
| 29082 | .iconActive-AKd_jq {} |
| |
| 29083 | |
| |
| 29084 | .iconMargin-2YXk4F { |
| |
| 29085 | height: 26px; |
| |
| 29086 | margin: 0 4px |
| |
| 29087 | } |
| |
| 29088 | |
| |
| 29089 | .iconDisabled-XgNR1p { |
| |
| 29090 | cursor: not-allowed; |
| |
| 29091 | opacity: .3 |
| |
| 29092 | } |
| |
| 29093 | |
| |
| 29094 | .iconBadgeWrapper-1vhG5S { |
| |
| 29095 | cursor: pointer; |
| |
| 29096 | display: -webkit-box; |
| |
| 29097 | display: -ms-flexbox; |
| |
| 29098 | display: flex; |
| |
| 29099 | position: relative |
| |
| 29100 | } |
| |
| 29101 | |
| |
| 29102 | .iconBadgeWrapper-1vhG5S:hover .iconInactive-g2AXfB { |
| |
| 29103 | opacity: .8 |
| |
| 29104 | } |
| |
| 29105 | |
| |
| 29106 | .iconBadge-2dji3k { |
| |
| 29107 | -webkit-box-shadow: none; |
| |
| 29108 | background-color: #f04747; |
| |
| 29109 | border: 2px solid transparent; |
| |
| 29110 | border-radius: 8px; |
| |
| 29111 | box-shadow: none; |
| |
| 29112 | height: 8px; |
| |
| 29113 | position: absolute; |
| |
| 29114 | right: 1px; |
| |
| 29115 | top: 1px; |
| |
| 29116 | width: 8px |
| |
| 29117 | } |
| |
| 29118 | |
| |
| 29119 | .divider-2PMBlV { |
| |
| 29120 | height: 22px; |
| |
| 29121 | margin: 0 4px; |
| |
| 29122 | width: 1px |
| |
| 29123 | } |
| |
| 29124 | |
| |
| 29125 | .theme-light .headerBar-UHpsPw { |
| |
| 29126 | -webkit-box-shadow: 0 1px 0 #dcddde, 0 2px 0 rgba(236, 238, 239, .25); |
| |
| 29127 | background: #fff; |
| |
| 29128 | box-shadow: 0 1px 0 #dcddde, 0 2px 0 rgba(236, 238, 239, .25); |
| |
| 29129 | color: #4f545c |
| |
| 29130 | } |
| |
| 29131 | |
| |
| 29132 | .theme-light .iconForeground-3y9f0B, |
| |
| 29133 | .theme-light .title-1aVOXw { |
| |
| 29134 | color: #4f545c |
| |
| 29135 | } |
| |
| 29136 | |
| |
| 29137 | .theme-light .iconBadge-2dji3k { |
| |
| 29138 | border-color: #fff |
| |
| 29139 | } |
| |
| 29140 | |
| |
| 29141 | .theme-light .divider-2PMBlV { |
| |
| 29142 | background-color: rgba(114, 118, 125, .3) |
| |
| 29143 | } |
| |
| 29144 | |
| |
| 29145 | .theme-dark .headerBar-UHpsPw { |
| |
| 29146 | -webkit-box-shadow: 0 1px 0 rgba(32, 34, 37, .7), 0 2px 0 rgba(0, 0, 0, .06); |
| |
| 29147 | background: #36393f; |
| |
| 29148 | box-shadow: 0 1px 0 rgba(32, 34, 37, .7), 0 2px 0 rgba(0, 0, 0, .06); |
| |
| 29149 | color: #fff |
| |
| 29150 | } |
| |
| 29151 | |
| |
| 29152 | .theme-dark .iconForeground-3y9f0B, |
| |
| 29153 | .theme-dark .title-1aVOXw { |
| |
| 29154 | color: #fff |
| |
| 29155 | } |
| |
| 29156 | |
| |
| 29157 | .theme-dark .iconBadge-2dji3k { |
| |
| 29158 | border-color: #36393f |
| |
| 29159 | } |
| |
| 29160 | |
| |
| 29161 | .theme-dark .divider-2PMBlV { |
| |
| 29162 | background: hsla(0, 0%, 84.7%, .1) |
| |
| 29163 | } |
| |
| 29164 | |
| |
| 29165 | .messagesPopoutWrap-1MQ1bW { |
| |
| 29166 | min-height: 384px; |
| |
| 29167 | width: 420px |
| |
| 29168 | } |
| |
| 29169 | |
| |
| 29170 | .header-ykumBX { |
| |
| 29171 | padding: 12px 20px |
| |
| 29172 | } |
| |
| 29173 | |
| |
| 29174 | .footer-1kmXd4 { |
| |
| 29175 | height: 53px |
| |
| 29176 | } |
| |
| 29177 | |
| |
| 29178 | .loadingMore-1cSz09 { |
| |
| 29179 | -ms-flex-align: center; |
| |
| 29180 | -ms-flex-pack: center; |
| |
| 29181 | -webkit-box-align: center; |
| |
| 29182 | -webkit-box-pack: center; |
| |
| 29183 | align-items: center; |
| |
| 29184 | display: -webkit-box; |
| |
| 29185 | display: -ms-flexbox; |
| |
| 29186 | display: flex; |
| |
| 29187 | justify-content: center |
| |
| 29188 | } |
| |
| 29189 | |
| |
| 29190 | .loadingMore-1cSz09 .spinner-MoOpqm { |
| |
| 29191 | display: inline-block; |
| |
| 29192 | margin: 0 |
| |
| 29193 | } |
| |
| 29194 | |
| |
| 29195 | .hasMore-sul95G, |
| |
| 29196 | .loadingMore-1cSz09 { |
| |
| 29197 | height: 36px; |
| |
| 29198 | margin-top: 10px |
| |
| 29199 | } |
| |
| 29200 | |
| |
| 29201 | .hasMore-sul95G { |
| |
| 29202 | -ms-flex-align: center; |
| |
| 29203 | -webkit-box-align: center; |
| |
| 29204 | align-items: center; |
| |
| 29205 | display: -webkit-box; |
| |
| 29206 | display: -ms-flexbox; |
| |
| 29207 | display: flex |
| |
| 29208 | } |
| |
| 29209 | |
| |
| 29210 | .hasMoreButton-1MELpI { |
| |
| 29211 | -ms-flex-positive: 1; |
| |
| 29212 | -webkit-box-flex: 1; |
| |
| 29213 | border-radius: 3px; |
| |
| 29214 | border-style: solid; |
| |
| 29215 | border-width: 1px; |
| |
| 29216 | flex-grow: 1; |
| |
| 29217 | font-size: 12px; |
| |
| 29218 | font-weight: 500; |
| |
| 29219 | height: 30px; |
| |
| 29220 | margin: 0; |
| |
| 29221 | text-align: center; |
| |
| 29222 | text-transform: uppercase; |
| |
| 29223 | width: 100% |
| |
| 29224 | } |
| |
| 29225 | |
| |
| 29226 | .messagesPopout-24nkyi { |
| |
| 29227 | -ms-flex: 1; |
| |
| 29228 | -webkit-box-flex: 1; |
| |
| 29229 | -webkit-box-sizing: border-box; |
| |
| 29230 | border-radius: 0 0 5px 5px; |
| |
| 29231 | box-sizing: border-box; |
| |
| 29232 | flex: 1; |
| |
| 29233 | padding: 13px 5px 7px 13px |
| |
| 29234 | } |
| |
| 29235 | |
| |
| 29236 | .messageGroupWrapper-o-Zw7G { |
| |
| 29237 | -moz-user-select: none; |
| |
| 29238 | -ms-user-select: none; |
| |
| 29239 | -webkit-transition: border-color .1s ease-in-out; |
| |
| 29240 | -webkit-user-select: none; |
| |
| 29241 | border-radius: 5px; |
| |
| 29242 | border-style: solid; |
| |
| 29243 | border-width: 2px; |
| |
| 29244 | margin: 0 0 6px; |
| |
| 29245 | overflow: hidden; |
| |
| 29246 | padding: 10px; |
| |
| 29247 | position: relative; |
| |
| 29248 | transition: border-color .1s ease-in-out; |
| |
| 29249 | user-select: none |
| |
| 29250 | } |
| |
| 29251 | |
| |
| 29252 | .messageGroupWrapper-o-Zw7G:hover .actionButtons-1sUUug .jumpButton-3DTcS_ { |
| |
| 29253 | opacity: 1 |
| |
| 29254 | } |
| |
| 29255 | |
| |
| 29256 | .messageGroupWrapper-o-Zw7G:hover .actionButtons-1sUUug .closeButton-17RIVZ { |
| |
| 29257 | opacity: .3 |
| |
| 29258 | } |
| |
| 29259 | |
| |
| 29260 | .messageGroupWrapper-o-Zw7G .accessories-1lMpsM { |
| |
| 29261 | margin-bottom: 0 |
| |
| 29262 | } |
| |
| 29263 | |
| |
| 29264 | .messageGroupWrapperOffsetCorrection-phOU-k { |
| |
| 29265 | margin-bottom: -20px; |
| |
| 29266 | margin-left: -20px; |
| |
| 29267 | margin-top: -20px |
| |
| 29268 | } |
| |
| 29269 | |
| |
| 29270 | .messageGroupCozy-2iY6cT { |
| |
| 29271 | margin-bottom: 0 |
| |
| 29272 | } |
| |
| 29273 | |
| |
| 29274 | .scrollingFooterWrap-3FDlMn { |
| |
| 29275 | height: 190px; |
| |
| 29276 | margin-bottom: -7px; |
| |
| 29277 | position: relative |
| |
| 29278 | } |
| |
| 29279 | |
| |
| 29280 | .emptyPlaceholder-1zh-Eu { |
| |
| 29281 | -ms-flex-direction: column; |
| |
| 29282 | -webkit-box-direction: normal; |
| |
| 29283 | -webkit-box-orient: vertical; |
| |
| 29284 | display: -webkit-box; |
| |
| 29285 | display: -ms-flexbox; |
| |
| 29286 | display: flex; |
| |
| 29287 | flex-direction: column; |
| |
| 29288 | margin-top: 30px |
| |
| 29289 | } |
| |
| 29290 | |
| |
| 29291 | .emptyPlaceholder-1zh-Eu, |
| |
| 29292 | .emptyPlaceholder-1zh-Eu.bottom-TGnsta { |
| |
| 29293 | -ms-flex-align: center; |
| |
| 29294 | -webkit-box-align: center; |
| |
| 29295 | align-items: center |
| |
| 29296 | } |
| |
| 29297 | |
| |
| 29298 | .emptyPlaceholder-1zh-Eu.bottom-TGnsta { |
| |
| 29299 | bottom: 0; |
| |
| 29300 | left: 0; |
| |
| 29301 | position: absolute; |
| |
| 29302 | right: 0 |
| |
| 29303 | } |
| |
| 29304 | |
| |
| 29305 | .emptyPlaceholder-1zh-Eu.bottom-TGnsta .image-2JDb81 { |
| |
| 29306 | margin-top: 25px |
| |
| 29307 | } |
| |
| 29308 | |
| |
| 29309 | .emptyPlaceholder-1zh-Eu.loadingPlaceholder-2SCYFe { |
| |
| 29310 | margin-top: 100px |
| |
| 29311 | } |
| |
| 29312 | |
| |
| 29313 | .emptyPlaceholder-1zh-Eu .body-bvcIjN { |
| |
| 29314 | font-size: 16px; |
| |
| 29315 | line-height: 19px |
| |
| 29316 | } |
| |
| 29317 | |
| |
| 29318 | .image-2JDb81 { |
| |
| 29319 | background-position: 50%; |
| |
| 29320 | background-repeat: no-repeat; |
| |
| 29321 | background-size: 94px 120px; |
| |
| 29322 | height: 120px; |
| |
| 29323 | width: 120px |
| |
| 29324 | } |
| |
| 29325 | |
| |
| 29326 | .body-bvcIjN { |
| |
| 29327 | font-size: 16px; |
| |
| 29328 | font-weight: 500; |
| |
| 29329 | line-height: 19px; |
| |
| 29330 | margin-top: 20px; |
| |
| 29331 | text-align: center; |
| |
| 29332 | white-space: pre |
| |
| 29333 | } |
| |
| 29334 | |
| |
| 29335 | .loadingPlaceholder-2SCYFe { |
| |
| 29336 | margin-top: 240px |
| |
| 29337 | } |
| |
| 29338 | |
| |
| 29339 | .channelSeparator-1MxuvT { |
| |
| 29340 | margin-bottom: 10px; |
| |
| 29341 | margin-top: 26px |
| |
| 29342 | } |
| |
| 29343 | |
| |
| 29344 | .channelName-3kBz6H { |
| |
| 29345 | cursor: pointer; |
| |
| 29346 | font-size: 15px; |
| |
| 29347 | font-weight: 500; |
| |
| 29348 | line-height: 18px |
| |
| 29349 | } |
| |
| 29350 | |
| |
| 29351 | .channelName-3kBz6H:hover { |
| |
| 29352 | text-decoration: underline |
| |
| 29353 | } |
| |
| 29354 | |
| |
| 29355 | .guildName-1Bc3Ta { |
| |
| 29356 | color: rgba(79, 84, 92, .3); |
| |
| 29357 | font-size: 11px; |
| |
| 29358 | font-weight: 500; |
| |
| 29359 | line-height: 14px; |
| |
| 29360 | margin-left: 4px |
| |
| 29361 | } |
| |
| 29362 | |
| |
| 29363 | .channelSeparator-1MxuvT:first-of-type { |
| |
| 29364 | margin-top: 13px |
| |
| 29365 | } |
| |
| 29366 | |
| |
| 29367 | .actionButtons-1sUUug { |
| |
| 29368 | -webkit-transition: background-color .1s ease-in-out, -webkit-box-shadow .1s ease-in-out; |
| |
| 29369 | float: right; |
| |
| 29370 | position: absolute; |
| |
| 29371 | right: 10px; |
| |
| 29372 | top: 10px; |
| |
| 29373 | transition: background-color .1s ease-in-out, -webkit-box-shadow .1s ease-in-out; |
| |
| 29374 | transition: box-shadow .1s ease-in-out, background-color .1s ease-in-out; |
| |
| 29375 | transition: box-shadow .1s ease-in-out, background-color .1s ease-in-out, -webkit-box-shadow .1s ease-in-out |
| |
| 29376 | } |
| |
| 29377 | |
| |
| 29378 | .actionButtons-1sUUug, |
| |
| 29379 | .jumpButton-3DTcS_ { |
| |
| 29380 | display: -webkit-box; |
| |
| 29381 | display: -ms-flexbox; |
| |
| 29382 | display: flex |
| |
| 29383 | } |
| |
| 29384 | |
| |
| 29385 | .jumpButton-3DTcS_ { |
| |
| 29386 | -moz-user-select: none; |
| |
| 29387 | -ms-user-select: none; |
| |
| 29388 | -webkit-transition: opacity .1s ease-in-out, color .1s ease-in-out; |
| |
| 29389 | -webkit-user-select: none; |
| |
| 29390 | border-radius: 3px; |
| |
| 29391 | cursor: pointer; |
| |
| 29392 | font-size: 11px; |
| |
| 29393 | font-weight: 500; |
| |
| 29394 | height: 14px; |
| |
| 29395 | line-height: 14px; |
| |
| 29396 | margin-left: 6px; |
| |
| 29397 | margin-right: 4px; |
| |
| 29398 | opacity: 0; |
| |
| 29399 | padding: 2px 8px; |
| |
| 29400 | position: relative; |
| |
| 29401 | text-align: center; |
| |
| 29402 | transition: opacity .1s ease-in-out, color .1s ease-in-out; |
| |
| 29403 | user-select: none |
| |
| 29404 | } |
| |
| 29405 | |
| |
| 29406 | .jumpButton-3DTcS_ .text-3ewTZb.hidden-3LSmvB { |
| |
| 29407 | opacity: 0 |
| |
| 29408 | } |
| |
| 29409 | |
| |
| 29410 | .jumpButton-3DTcS_ .loading-2bJK5L { |
| |
| 29411 | -ms-flex-align: center; |
| |
| 29412 | -ms-flex-pack: center; |
| |
| 29413 | -webkit-box-align: center; |
| |
| 29414 | -webkit-box-pack: center; |
| |
| 29415 | align-items: center; |
| |
| 29416 | bottom: 0; |
| |
| 29417 | display: -webkit-box; |
| |
| 29418 | display: -ms-flexbox; |
| |
| 29419 | display: flex; |
| |
| 29420 | justify-content: center; |
| |
| 29421 | left: 0; |
| |
| 29422 | opacity: 0; |
| |
| 29423 | position: absolute; |
| |
| 29424 | right: 0; |
| |
| 29425 | top: 0 |
| |
| 29426 | } |
| |
| 29427 | |
| |
| 29428 | .jumpButton-3DTcS_ .loading-2bJK5L.visible-1PE5Ym { |
| |
| 29429 | opacity: 1 |
| |
| 29430 | } |
| |
| 29431 | |
| |
| 29432 | .closeButton-17RIVZ { |
| |
| 29433 | -webkit-transition: opacity .1s ease-in-out; |
| |
| 29434 | background-image: url(/assets/322977be43163c5e0a9d2a1108ae04c9.svg); |
| |
| 29435 | background-position: 50%; |
| |
| 29436 | background-size: 16px 16px; |
| |
| 29437 | cursor: pointer; |
| |
| 29438 | height: 16px; |
| |
| 29439 | margin-top: 1px; |
| |
| 29440 | opacity: 0; |
| |
| 29441 | transition: opacity .1s ease-in-out; |
| |
| 29442 | width: 16px |
| |
| 29443 | } |
| |
| 29444 | |
| |
| 29445 | .closeButton-17RIVZ:hover { |
| |
| 29446 | opacity: .6 |
| |
| 29447 | } |
| |
| 29448 | |
| |
| 29449 | .comment-1bsQGU { |
| |
| 29450 | margin: 0; |
| |
| 29451 | padding: 0 |
| |
| 29452 | } |
| |
| 29453 | |
| |
| 29454 | .message-fz2Gg_ { |
| |
| 29455 | max-width: 296px |
| |
| 29456 | } |
| |
| 29457 | |
| |
| 29458 | .message-fz2Gg_ img { |
| |
| 29459 | height: auto; |
| |
| 29460 | max-width: 100% |
| |
| 29461 | } |
| |
| 29462 | |
| |
| 29463 | .theme-light .hasMoreButton-1MELpI { |
| |
| 29464 | background: #fcfcfc; |
| |
| 29465 | border-color: #e3e5e7; |
| |
| 29466 | color: #7289da |
| |
| 29467 | } |
| |
| 29468 | |
| |
| 29469 | .theme-light .hasMoreButton-1MELpI:hover { |
| |
| 29470 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .08); |
| |
| 29471 | box-shadow: 0 1px 3px rgba(0, 0, 0, .08) |
| |
| 29472 | } |
| |
| 29473 | |
| |
| 29474 | .theme-light .actionButtons-1sUUug { |
| |
| 29475 | -webkit-box-shadow: 0 0 6px 4px transparent; |
| |
| 29476 | background-color: transparent; |
| |
| 29477 | box-shadow: 0 0 6px 4px transparent |
| |
| 29478 | } |
| |
| 29479 | |
| |
| 29480 | .theme-light .messageGroupWrapper-o-Zw7G { |
| |
| 29481 | border-color: rgba(28, 36, 43, .06) |
| |
| 29482 | } |
| |
| 29483 | |
| |
| 29484 | .theme-light .messageGroupWrapper-o-Zw7G:hover { |
| |
| 29485 | border-color: rgba(28, 36, 43, .12) |
| |
| 29486 | } |
| |
| 29487 | |
| |
| 29488 | .theme-light .messageGroupWrapper-o-Zw7G:hover .actionButtons-1sUUug { |
| |
| 29489 | -webkit-box-shadow: 0 0 6px 4px #fff; |
| |
| 29490 | background-color: #fff; |
| |
| 29491 | box-shadow: 0 0 6px 4px #fff |
| |
| 29492 | } |
| |
| 29493 | |
| |
| 29494 | .theme-light .body-bvcIjN { |
| |
| 29495 | color: #737f8d |
| |
| 29496 | } |
| |
| 29497 | |
| |
| 29498 | .theme-light .channelName-3kBz6H { |
| |
| 29499 | color: #4f545c |
| |
| 29500 | } |
| |
| 29501 | |
| |
| 29502 | .theme-light .guildName-1Bc3Ta { |
| |
| 29503 | color: rgba(79, 84, 92, .3) |
| |
| 29504 | } |
| |
| 29505 | |
| |
| 29506 | .theme-light .jumpButton-3DTcS_ { |
| |
| 29507 | background-color: #ebebeb; |
| |
| 29508 | color: rgba(115, 127, 141, .6) |
| |
| 29509 | } |
| |
| 29510 | |
| |
| 29511 | .theme-light .jumpButton-3DTcS_:hover { |
| |
| 29512 | color: #737f8d |
| |
| 29513 | } |
| |
| 29514 | |
| |
| 29515 | .theme-dark .messagesPopoutWrap-1MQ1bW { |
| |
| 29516 | -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .2); |
| |
| 29517 | background-color: #2f3136; |
| |
| 29518 | border: 1px solid rgba(28, 36, 43, .6); |
| |
| 29519 | box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .2) |
| |
| 29520 | } |
| |
| 29521 | |
| |
| 29522 | .theme-dark .header-ykumBX { |
| |
| 29523 | -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .2); |
| |
| 29524 | background-color: #35393e; |
| |
| 29525 | box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .2) |
| |
| 29526 | } |
| |
| 29527 | |
| |
| 29528 | .theme-dark .header-ykumBX .title-3pkaKd { |
| |
| 29529 | color: #fff |
| |
| 29530 | } |
| |
| 29531 | |
| |
| 29532 | .theme-dark .footer-1kmXd4 { |
| |
| 29533 | background-color: rgba(40, 43, 48, .6) |
| |
| 29534 | } |
| |
| 29535 | |
| |
| 29536 | .theme-dark .footer-1kmXd4 .tip-31--sZ .body-bvcIjN { |
| |
| 29537 | color: hsla(0, 0%, 100%, .6) |
| |
| 29538 | } |
| |
| 29539 | |
| |
| 29540 | .theme-dark .hasMoreButton-1MELpI { |
| |
| 29541 | background: #32353b; |
| |
| 29542 | border-color: #2f3136; |
| |
| 29543 | color: #7289da |
| |
| 29544 | } |
| |
| 29545 | |
| |
| 29546 | .theme-dark .hasMoreButton-1MELpI:hover { |
| |
| 29547 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .16); |
| |
| 29548 | box-shadow: 0 1px 3px rgba(0, 0, 0, .16) |
| |
| 29549 | } |
| |
| 29550 | |
| |
| 29551 | .theme-dark .channelName-3kBz6H { |
| |
| 29552 | color: #fff |
| |
| 29553 | } |
| |
| 29554 | |
| |
| 29555 | .theme-dark .guildName-1Bc3Ta { |
| |
| 29556 | color: hsla(0, 0%, 100%, .3) |
| |
| 29557 | } |
| |
| 29558 | |
| |
| 29559 | .theme-dark .emptyPlaceholder-1zh-Eu .body-bvcIjN { |
| |
| 29560 | color: hsla(0, 0%, 100%, .2) |
| |
| 29561 | } |
| |
| 29562 | |
| |
| 29563 | .theme-dark .actionButtons-1sUUug { |
| |
| 29564 | -webkit-box-shadow: 0 0 6px 4px transparent; |
| |
| 29565 | background-color: transparent; |
| |
| 29566 | box-shadow: 0 0 6px 4px transparent |
| |
| 29567 | } |
| |
| 29568 | |
| |
| 29569 | .theme-dark .messageGroupWrapper-o-Zw7G { |
| |
| 29570 | background-color: #36393f; |
| |
| 29571 | border-color: rgba(28, 36, 43, .6) |
| |
| 29572 | } |
| |
| 29573 | |
| |
| 29574 | .theme-dark .messageGroupWrapper-o-Zw7G:hover { |
| |
| 29575 | border-color: rgba(28, 36, 43, .8) |
| |
| 29576 | } |
| |
| 29577 | |
| |
| 29578 | .theme-dark .messageGroupWrapper-o-Zw7G:hover .actionButtons-1sUUug { |
| |
| 29579 | -webkit-box-shadow: 0 0 6px 4px #36393f; |
| |
| 29580 | background-color: #36393f; |
| |
| 29581 | box-shadow: 0 0 6px 4px #36393f |
| |
| 29582 | } |
| |
| 29583 | |
| |
| 29584 | .theme-dark .jumpButton-3DTcS_ { |
| |
| 29585 | background-color: #535559; |
| |
| 29586 | color: hsla(0, 0%, 100%, .6) |
| |
| 29587 | } |
| |
| 29588 | |
| |
| 29589 | .theme-dark .jumpButton-3DTcS_:hover { |
| |
| 29590 | color: #fff |
| |
| 29591 | } |
| |
| 29592 | |
| |
| 29593 | .theme-dark .closeButton-17RIVZ { |
| |
| 29594 | background-image: url(/assets/b1c929f9160a3fe04306b6aef6fa1c02.svg) |
| |
| 29595 | } |
| |
| 29596 | |
| |
| 29597 | .wrapper-39oAo3 { |
28747 | .wrapper-39oAo3 { |
| 29598 | border-radius: 5px; |
28748 | border-radius: 5px; |
| 29599 | margin-bottom: 30px; |
28749 | margin-bottom: 30px; |
| 29600 | margin-top: 12px; |
28750 | margin-top: 12px; |
| 29601 | padding: 16px; |
28751 | padding: 16px; |
| 29602 | width: 100% |
28752 | width: 100% |
| 29603 | } |
28753 | } |
| 29604 | |
28754 | |
| 29605 | .content-c_0cLD, |
28755 | .content-c_0cLD, |
| | | |
| 29640 | background-color: #202225; |
28790 | background-color: #202225; |
| 29641 | color: #f6f6f7 |
28791 | color: #f6f6f7 |
| 29642 | } |
28792 | } |
| 29643 | |
28793 | |
| 29644 | .theme-light .wrapper-39oAo3 { |
28794 | .theme-light .wrapper-39oAo3 { |
| 29645 | background-color: #f6f6f7; |
28795 | background-color: #f6f6f7; |
| 29646 | color: #4f545c |
28796 | color: #4f545c |
| 29647 | } |
28797 | } |
| 29648 | |
28798 | |
| .29649 | .recentMentionsPopout-2fmau1 .header-3LXPrb { |
28799 | .lighten-2aYaaU { |
| 29650 | padding-bottom: 0 |
28800 | opacity: .3 |
| 29651 | } |
| |
| 29652 | |
| |
| 29653 | .recentMentionsPopout-2fmau1 .loadingMore-mVRVL3 { |
| |
| 29654 | min-height: 179px |
| |
| 29655 | } |
| |
| 29656 | |
| |
| 29657 | .headerTabBarWrapper-27xBDe { |
| |
| 29658 | -ms-flex-direction: row; |
| |
| 29659 | -ms-flex-pack: justify; |
| |
| 29660 | -webkit-box-direction: normal; |
| |
| 29661 | -webkit-box-orient: horizontal; |
| |
| 29662 | -webkit-box-pack: justify; |
| |
| 29663 | display: -webkit-box; |
| |
| 29664 | display: -ms-flexbox; |
| |
| 29665 | display: flex; |
| |
| 29666 | flex-direction: row; |
| |
| 29667 | justify-content: space-between; |
| |
| 29668 | margin-top: 18px |
| |
| 29669 | } |
| |
| 29670 | |
| |
| 29671 | .headerTabBarWrapper-27xBDe .tabBar-2UKwcE { |
| |
| 29672 | border-bottom-color: transparent; |
| |
| 29673 | margin-bottom: 0 |
| |
| 29674 | } |
| |
| 29675 | |
| |
| 29676 | .headerTabBarWrapper-27xBDe .tabBar-2UKwcE .tabBarItem-1Cg-MI { |
| |
| 29677 | font-size: 14px; |
| |
| 29678 | line-height: 16px; |
| |
| 29679 | margin-right: 12px; |
| |
| 29680 | padding-bottom: 15px |
| |
| 29681 | } |
| |
| 29682 | |
| |
| 29683 | .mentionFilter-1PQ6ey { |
| |
| 29684 | -ms-flex-align: start; |
| |
| 29685 | -ms-flex-direction: row; |
| |
| 29686 | -ms-flex-pack: end; |
| |
| 29687 | -webkit-box-align: start; |
| |
| 29688 | -webkit-box-direction: normal; |
| |
| 29689 | -webkit-box-orient: horizontal; |
| |
| 29690 | -webkit-box-pack: end; |
| |
| 29691 | align-items: flex-start; |
| |
| 29692 | background-image: url(/assets/124a09b8684fa95bdd529d71fbe66f01.svg); |
| |
| 29693 | background-position: right 6px; |
| |
| 29694 | background-repeat: no-repeat; |
| |
| 29695 | background-size: 9px 5px; |
| |
| 29696 | color: rgba(115, 127, 141, .3); |
| |
| 29697 | cursor: pointer; |
| |
| 29698 | display: -webkit-box; |
| |
| 29699 | display: -ms-flexbox; |
| |
| 29700 | display: flex; |
| |
| 29701 | flex-direction: row; |
| |
| 29702 | font-size: 14px; |
| |
| 29703 | justify-content: flex-end; |
| |
| 29704 | line-height: 16px; |
| |
| 29705 | padding-right: 15px |
| |
| 29706 | } |
| |
| 29707 | |
| |
| 29708 | .mentionFilter-1PQ6ey .label-12YslM { |
| |
| 29709 | display: inline-block |
| |
| 29710 | } |
| |
| 29711 | |
| |
| 29712 | .mentionFilter-1PQ6ey .value-2k8Drt { |
| |
| 29713 | color: #737f8d; |
| |
| 29714 | display: inline-block; |
| |
| 29715 | margin-left: 4px; |
| |
| 29716 | text-transform: lowercase |
| |
| 29717 | } |
| |
| 29718 | |
| |
| 29719 | .recentMentionsFilterPopout-24_uDU { |
| |
| 29720 | min-width: 210px !important; |
| |
| 29721 | position: relative !important; |
| |
| 29722 | width: auto !important |
| |
| 29723 | } |
| |
| 29724 | |
| |
| 29725 | .theme-dark .mentionFilter-1PQ6ey { |
| |
| 29726 | background-image: url(/assets/a548e6d1dcea000b680726ff489a84a8.svg); |
| |
| 29727 | color: #fff |
| |
| 29728 | } |
| |
| 29729 | |
| |
| 29730 | .theme-dark .mentionFilter-1PQ6ey .label-12YslM { |
| |
| 29731 | color: hsla(0, 0%, 100%, .3) |
| |
| 29732 | } |
| |
| 29733 | |
| |
| 29734 | .theme-dark .mentionFilter-1PQ6ey .value-2k8Drt { |
| |
| 29735 | color: #fff |
| |
| 29736 | } |
| |
| 29737 | |
| |
| 29738 | .searchAnswer-3Dz2-q { |
| |
| 29739 | border-radius: 0 2px 2px 0; |
| |
| 29740 | margin-left: -2px; |
| |
| 29741 | margin-right: 2px; |
| |
| 29742 | padding: 0 3px 0 2px |
| |
| 29743 | } |
| |
| 29744 | |
| |
| 29745 | .searchFilter-2ESiM3 { |
| |
| 29746 | border-radius: 2px 0 0 2px; |
| |
| 29747 | padding: 0 3px |
| |
| 29748 | } |
| |
| 29749 | |
| |
| 29750 | .searchFilter-2ESiM3+.searchFilter-2ESiM3 { |
| |
| 29751 | margin-left: 3px |
| |
| 29752 | } |
| |
| 29753 | |
| |
| 29754 | .searchFilter-2ESiM3:first-child { |
| |
| 29755 | margin-left: -3px |
| |
| 29756 | } |
| |
| 29757 | |
| |
| 29758 | .searchAnswer-3Dz2-q, |
| |
| 29759 | .searchFilter-2ESiM3 { |
| |
| 29760 | color: #fff; |
| |
| 29761 | display: inline-block; |
| |
| 29762 | height: 22px |
| |
| 29763 | } |
| |
| 29764 | |
| |
| 29765 | .theme-light .searchAnswer-3Dz2-q, |
| |
| 29766 | .theme-light .searchFilter-2ESiM3 { |
| |
| 29767 | background-color: #72767d |
| |
| 29768 | } |
| |
| 29769 | |
| |
| 29770 | .theme-dark .searchAnswer-3Dz2-q, |
| |
| 29771 | .theme-dark .searchFilter-2ESiM3 { |
| |
| 29772 | background-color: #34383d |
| |
| 29773 | } |
| |
| 29774 | |
| |
| 29775 | .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle, |
| |
| 29776 | .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, |
| |
| 29777 | .react-datepicker__month-read-view--down-arrow, |
| |
| 29778 | .react-datepicker__year-read-view--down-arrow { |
| |
| 29779 | margin-left: -8px; |
| |
| 29780 | position: absolute |
| |
| 29781 | } |
| |
| 29782 | |
| |
| 29783 | .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle, |
| |
| 29784 | .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before, |
| |
| 29785 | .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, |
| |
| 29786 | .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before, |
| |
| 29787 | .react-datepicker__month-read-view--down-arrow, |
| |
| 29788 | .react-datepicker__month-read-view--down-arrow:before, |
| |
| 29789 | .react-datepicker__year-read-view--down-arrow, |
| |
| 29790 | .react-datepicker__year-read-view--down-arrow:before { |
| |
| 29791 | -webkit-box-sizing: content-box; |
| |
| 29792 | border: 8px solid transparent; |
| |
| 29793 | box-sizing: content-box; |
| |
| 29794 | height: 0; |
| |
| 29795 | position: absolute; |
| |
| 29796 | width: 1px |
| |
| 29797 | } |
| |
| 29798 | |
| |
| 29799 | .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before, |
| |
| 29800 | .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before, |
| |
| 29801 | .react-datepicker__month-read-view--down-arrow:before, |
| |
| 29802 | .react-datepicker__year-read-view--down-arrow:before { |
| |
| 29803 | border-bottom-color: #aeaeae; |
| |
| 29804 | border-width: 8px; |
| |
| 29805 | content: ""; |
| |
| 29806 | left: -8px; |
| |
| 29807 | z-index: -1 |
| |
| 29808 | } |
| |
| 29809 | |
| |
| 29810 | .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle { |
| |
| 29811 | margin-top: -8px; |
| |
| 29812 | top: 0 |
| |
| 29813 | } |
| |
| 29814 | |
| |
| 29815 | .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle, |
| |
| 29816 | .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before { |
| |
| 29817 | border-bottom-color: #f0f0f0; |
| |
| 29818 | border-top: none |
| |
| 29819 | } |
| |
| 29820 | |
| |
| 29821 | .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before { |
| |
| 29822 | border-bottom-color: #aeaeae; |
| |
| 29823 | top: -1px |
| |
| 29824 | } |
| |
| 29825 | |
| |
| 29826 | .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, |
| |
| 29827 | .react-datepicker__month-read-view--down-arrow, |
| |
| 29828 | .react-datepicker__year-read-view--down-arrow { |
| |
| 29829 | bottom: 0; |
| |
| 29830 | margin-bottom: -8px |
| |
| 29831 | } |
| |
| 29832 | |
| |
| 29833 | .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, |
| |
| 29834 | .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before, |
| |
| 29835 | .react-datepicker__month-read-view--down-arrow, |
| |
| 29836 | .react-datepicker__month-read-view--down-arrow:before, |
| |
| 29837 | .react-datepicker__year-read-view--down-arrow, |
| |
| 29838 | .react-datepicker__year-read-view--down-arrow:before { |
| |
| 29839 | border-bottom: none; |
| |
| 29840 | border-top-color: #fff |
| |
| 29841 | } |
| |
| 29842 | |
| |
| 29843 | .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before, |
| |
| 29844 | .react-datepicker__month-read-view--down-arrow:before, |
| |
| 29845 | .react-datepicker__year-read-view--down-arrow:before { |
| |
| 29846 | border-top-color: #aeaeae; |
| |
| 29847 | bottom: -1px |
| |
| 29848 | } |
| |
| 29849 | |
| |
| 29850 | .react-datepicker-wrapper { |
| |
| 29851 | display: inline-block |
| |
| 29852 | } |
| |
| 29853 | |
| |
| 29854 | .react-datepicker { |
| |
| 29855 | background-color: #fff; |
| |
| 29856 | border: 1px solid #aeaeae; |
| |
| 29857 | border-radius: .3rem; |
| |
| 29858 | color: #000; |
| |
| 29859 | display: inline-block; |
| |
| 29860 | font-size: .8rem; |
| |
| 29861 | position: relative |
| |
| 29862 | } |
| |
| 29863 | |
| |
| 29864 | .react-datepicker__triangle { |
| |
| 29865 | left: 50px; |
| |
| 29866 | position: absolute |
| |
| 29867 | } |
| |
| 29868 | |
| |
| 29869 | .react-datepicker-popper { |
| |
| 29870 | z-index: 1 |
| |
| 29871 | } |
| |
| 29872 | |
| |
| 29873 | .react-datepicker-popper[data-placement^=bottom] { |
| |
| 29874 | margin-top: 10px |
| |
| 29875 | } |
| |
| 29876 | |
| |
| 29877 | .react-datepicker-popper[data-placement^=top] { |
| |
| 29878 | margin-bottom: 6px |
| |
| 29879 | } |
| |
| 29880 | |
| |
| 29881 | .react-datepicker-popper[data-placement^=right] { |
| |
| 29882 | margin-left: 8px |
| |
| 29883 | } |
| |
| 29884 | |
| |
| 29885 | .react-datepicker-popper[data-placement^=right] .react-datepicker__triangle { |
| |
| 29886 | left: auto; |
| |
| 29887 | right: 42px |
| |
| 29888 | } |
| |
| 29889 | |
| |
| 29890 | .react-datepicker-popper[data-placement^=left] { |
| |
| 29891 | margin-right: 8px |
| |
| 29892 | } |
| |
| 29893 | |
| |
| 29894 | .react-datepicker-popper[data-placement^=left] .react-datepicker__triangle { |
| |
| 29895 | left: 42px; |
| |
| 29896 | right: auto |
| |
| 29897 | } |
| |
| 29898 | |
| |
| 29899 | .react-datepicker__header { |
| |
| 29900 | background-color: #f0f0f0; |
| |
| 29901 | border-bottom: 1px solid #aeaeae; |
| |
| 29902 | border-top-left-radius: .3rem; |
| |
| 29903 | border-top-right-radius: .3rem; |
| |
| 29904 | padding-top: 8px; |
| |
| 29905 | position: relative; |
| |
| 29906 | text-align: center |
| |
| 29907 | } |
| |
| 29908 | |
| |
| 29909 | .react-datepicker__month-dropdown-container--scroll, |
| |
| 29910 | .react-datepicker__month-dropdown-container--select, |
| |
| 29911 | .react-datepicker__year-dropdown-container--scroll, |
| |
| 29912 | .react-datepicker__year-dropdown-container--select { |
| |
| 29913 | display: inline-block; |
| |
| 29914 | margin: 0 2px |
| |
| 29915 | } |
| |
| 29916 | |
| |
| 29917 | .react-datepicker__current-month { |
| |
| 29918 | color: #000; |
| |
| 29919 | font-size: .944rem; |
| |
| 29920 | font-weight: 700; |
| |
| 29921 | margin-top: 0 |
| |
| 29922 | } |
| |
| 29923 | |
| |
| 29924 | .react-datepicker__navigation { |
| |
| 29925 | border: .45rem solid transparent; |
| |
| 29926 | cursor: pointer; |
| |
| 29927 | line-height: 1.7rem; |
| |
| 29928 | position: absolute; |
| |
| 29929 | text-align: center; |
| |
| 29930 | top: 10px; |
| |
| 29931 | width: 0; |
| |
| 29932 | z-index: 1 |
| |
| 29933 | } |
| |
| 29934 | |
| |
| 29935 | .react-datepicker__navigation--previous { |
| |
| 29936 | border-right-color: #ccc; |
| |
| 29937 | left: 10px |
| |
| 29938 | } |
| |
| 29939 | |
| |
| 29940 | .react-datepicker__navigation--previous:hover { |
| |
| 29941 | border-right-color: #b3b2b2 |
| |
| 29942 | } |
| |
| 29943 | |
| |
| 29944 | .react-datepicker__navigation--next { |
| |
| 29945 | border-left-color: #ccc; |
| |
| 29946 | right: 10px |
| |
| 29947 | } |
| |
| 29948 | |
| |
| 29949 | .react-datepicker__navigation--next:hover { |
| |
| 29950 | border-left-color: #b3b2b2 |
| |
| 29951 | } |
| |
| 29952 | |
| |
| 29953 | .react-datepicker__navigation--years { |
| |
| 29954 | display: block; |
| |
| 29955 | margin-left: auto; |
| |
| 29956 | margin-right: auto; |
| |
| 29957 | position: relative; |
| |
| 29958 | top: 0 |
| |
| 29959 | } |
| |
| 29960 | |
| |
| 29961 | .react-datepicker__navigation--years-previous { |
| |
| 29962 | border-top-color: #ccc; |
| |
| 29963 | top: 4px |
| |
| 29964 | } |
| |
| 29965 | |
| |
| 29966 | .react-datepicker__navigation--years-previous:hover { |
| |
| 29967 | border-top-color: #b3b2b2 |
| |
| 29968 | } |
| |
| 29969 | |
| |
| 29970 | .react-datepicker__navigation--years-upcoming { |
| |
| 29971 | border-bottom-color: #ccc; |
| |
| 29972 | top: -4px |
| |
| 29973 | } |
| |
| 29974 | |
| |
| 29975 | .react-datepicker__navigation--years-upcoming:hover { |
| |
| 29976 | border-bottom-color: #b3b2b2 |
| |
| 29977 | } |
| |
| 29978 | |
| |
| 29979 | .react-datepicker__month-container { |
| |
| 29980 | display: inline; |
| |
| 29981 | float: left |
| |
| 29982 | } |
| |
| 29983 | |
| |
| 29984 | .react-datepicker__month { |
| |
| 29985 | margin: .4rem; |
| |
| 29986 | text-align: center |
| |
| 29987 | } |
| |
| 29988 | |
| |
| 29989 | .react-datepicker__week-number { |
| |
| 29990 | color: #ccc; |
| |
| 29991 | display: inline-block; |
| |
| 29992 | line-height: 1.7rem; |
| |
| 29993 | margin: .166rem; |
| |
| 29994 | text-align: center; |
| |
| 29995 | width: 1.7rem |
| |
| 29996 | } |
| |
| 29997 | |
| |
| 29998 | .react-datepicker__week-number.react-datepicker__week-number--clickable { |
| |
| 29999 | cursor: pointer |
| |
| 30000 | } |
| |
| 30001 | |
| |
| 30002 | .react-datepicker__week-number.react-datepicker__week-number--clickable:hover { |
| |
| 30003 | background-color: #f0f0f0; |
| |
| 30004 | border-radius: .3rem |
| |
| 30005 | } |
| |
| 30006 | |
| |
| 30007 | .react-datepicker__day, |
| |
| 30008 | .react-datepicker__day-name { |
| |
| 30009 | color: #000; |
| |
| 30010 | display: inline-block; |
| |
| 30011 | line-height: 1.7rem; |
| |
| 30012 | margin: .166rem; |
| |
| 30013 | text-align: center; |
| |
| 30014 | width: 1.7rem |
| |
| 30015 | } |
| |
| 30016 | |
| |
| 30017 | .react-datepicker__day { |
| |
| 30018 | cursor: pointer |
| |
| 30019 | } |
| |
| 30020 | |
| |
| 30021 | .react-datepicker__day:hover { |
| |
| 30022 | background-color: #f0f0f0; |
| |
| 30023 | border-radius: .3rem |
| |
| 30024 | } |
| |
| 30025 | |
| |
| 30026 | .react-datepicker__day--today { |
| |
| 30027 | font-weight: 700 |
| |
| 30028 | } |
| |
| 30029 | |
| |
| 30030 | .react-datepicker__day--highlighted { |
| |
| 30031 | background-color: #3dcc4a; |
| |
| 30032 | border-radius: .3rem; |
| |
| 30033 | color: #fff |
| |
| 30034 | } |
| |
| 30035 | |
| |
| 30036 | .react-datepicker__day--highlighted:hover { |
| |
| 30037 | background-color: #32be3f |
| |
| 30038 | } |
| |
| 30039 | |
| |
| 30040 | .react-datepicker__day--highlighted-custom-1 { |
| |
| 30041 | color: #f0f |
| |
| 30042 | } |
| |
| 30043 | |
| |
| 30044 | .react-datepicker__day--highlighted-custom-2 { |
| |
| 30045 | color: green |
| |
| 30046 | } |
| |
| 30047 | |
| |
| 30048 | .react-datepicker__day--in-range, |
| |
| 30049 | .react-datepicker__day--in-selecting-range, |
| |
| 30050 | .react-datepicker__day--selected { |
| |
| 30051 | background-color: #216ba5; |
| |
| 30052 | border-radius: .3rem; |
| |
| 30053 | color: #fff |
| |
| 30054 | } |
| |
| 30055 | |
| |
| 30056 | .react-datepicker__day--in-range:hover, |
| |
| 30057 | .react-datepicker__day--in-selecting-range:hover, |
| |
| 30058 | .react-datepicker__day--selected:hover { |
| |
| 30059 | background-color: #1d5d90 |
| |
| 30060 | } |
| |
| 30061 | |
| |
| 30062 | .react-datepicker__day--keyboard-selected { |
| |
| 30063 | background-color: #2a87d0; |
| |
| 30064 | border-radius: .3rem; |
| |
| 30065 | color: #fff |
| |
| 30066 | } |
| |
| 30067 | |
| |
| 30068 | .react-datepicker__day--keyboard-selected:hover { |
| |
| 30069 | background-color: #1d5d90 |
| |
| 30070 | } |
| |
| 30071 | |
| |
| 30072 | .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) { |
| |
| 30073 | background-color: rgba(33, 107, 165, .5) |
| |
| 30074 | } |
| |
| 30075 | |
| |
| 30076 | .react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) { |
| |
| 30077 | background-color: #f0f0f0; |
| |
| 30078 | color: #000 |
| |
| 30079 | } |
| |
| 30080 | |
| |
| 30081 | .react-datepicker__day--disabled { |
| |
| 30082 | color: #ccc; |
| |
| 30083 | cursor: default |
| |
| 30084 | } |
| |
| 30085 | |
| |
| 30086 | .react-datepicker__day--disabled:hover { |
| |
| 30087 | background-color: transparent |
| |
| 30088 | } |
| |
| 30089 | |
| |
| 30090 | .react-datepicker__input-container { |
| |
| 30091 | display: inline-block; |
| |
| 30092 | position: relative |
| |
| 30093 | } |
| |
| 30094 | |
| |
| 30095 | .react-datepicker__month-read-view, |
| |
| 30096 | .react-datepicker__year-read-view { |
| |
| 30097 | border: 1px solid transparent; |
| |
| 30098 | border-radius: .3rem |
| |
| 30099 | } |
| |
| 30100 | |
| |
| 30101 | .react-datepicker__month-read-view:hover, |
| |
| 30102 | .react-datepicker__year-read-view:hover { |
| |
| 30103 | cursor: pointer |
| |
| 30104 | } |
| |
| 30105 | |
| |
| 30106 | .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow, |
| |
| 30107 | .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow, |
| |
| 30108 | .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow, |
| |
| 30109 | .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow { |
| |
| 30110 | border-top-color: #b3b2b2 |
| |
| 30111 | } |
| |
| 30112 | |
| |
| 30113 | .react-datepicker__month-read-view--down-arrow, |
| |
| 30114 | .react-datepicker__year-read-view--down-arrow { |
| |
| 30115 | border-top-color: #ccc; |
| |
| 30116 | border-width: .45rem; |
| |
| 30117 | float: right; |
| |
| 30118 | margin-left: 20px; |
| |
| 30119 | position: relative; |
| |
| 30120 | top: 8px |
| |
| 30121 | } |
| |
| 30122 | |
| |
| 30123 | .react-datepicker__month-dropdown, |
| |
| 30124 | .react-datepicker__year-dropdown { |
| |
| 30125 | background-color: #f0f0f0; |
| |
| 30126 | border: 1px solid #aeaeae; |
| |
| 30127 | border-radius: .3rem; |
| |
| 30128 | left: 25%; |
| |
| 30129 | position: absolute; |
| |
| 30130 | text-align: center; |
| |
| 30131 | top: 30px; |
| |
| 30132 | width: 50%; |
| |
| 30133 | z-index: 1 |
| |
| 30134 | } |
| |
| 30135 | |
| |
| 30136 | .react-datepicker__month-dropdown:hover, |
| |
| 30137 | .react-datepicker__year-dropdown:hover { |
| |
| 30138 | cursor: pointer |
| |
| 30139 | } |
| |
| 30140 | |
| |
| 30141 | .react-datepicker__month-dropdown--scrollable, |
| |
| 30142 | .react-datepicker__year-dropdown--scrollable { |
| |
| 30143 | height: 150px; |
| |
| 30144 | overflow-y: scroll |
| |
| 30145 | } |
| |
| 30146 | |
| |
| 30147 | .react-datepicker__month-option, |
| |
| 30148 | .react-datepicker__year-option { |
| |
| 30149 | display: block; |
| |
| 30150 | line-height: 20px; |
| |
| 30151 | margin-left: auto; |
| |
| 30152 | margin-right: auto; |
| |
| 30153 | width: 100% |
| |
| 30154 | } |
| |
| 30155 | |
| |
| 30156 | .react-datepicker__month-option:first-of-type, |
| |
| 30157 | .react-datepicker__year-option:first-of-type { |
| |
| 30158 | border-top-left-radius: .3rem; |
| |
| 30159 | border-top-right-radius: .3rem |
| |
| 30160 | } |
| |
| 30161 | |
| |
| 30162 | .react-datepicker__month-option:last-of-type, |
| |
| 30163 | .react-datepicker__year-option:last-of-type { |
| |
| 30164 | -moz-user-select: none; |
| |
| 30165 | -ms-user-select: none; |
| |
| 30166 | -webkit-user-select: none; |
| |
| 30167 | border-bottom-left-radius: .3rem; |
| |
| 30168 | border-bottom-right-radius: .3rem; |
| |
| 30169 | user-select: none |
| |
| 30170 | } |
| |
| 30171 | |
| |
| 30172 | .react-datepicker__month-option:hover, |
| |
| 30173 | .react-datepicker__year-option:hover { |
| |
| 30174 | background-color: #ccc |
| |
| 30175 | } |
| |
| 30176 | |
| |
| 30177 | .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming, |
| |
| 30178 | .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming { |
| |
| 30179 | border-bottom-color: #b3b2b2 |
| |
| 30180 | } |
| |
| 30181 | |
| |
| 30182 | .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous, |
| |
| 30183 | .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous { |
| |
| 30184 | border-top-color: #b3b2b2 |
| |
| 30185 | } |
| |
| 30186 | |
| |
| 30187 | .react-datepicker__month-option--selected, |
| |
| 30188 | .react-datepicker__year-option--selected { |
| |
| 30189 | left: 15px; |
| |
| 30190 | position: absolute |
| |
| 30191 | } |
| |
| 30192 | |
| |
| 30193 | .react-datepicker__close-icon { |
| |
| 30194 | background-color: transparent; |
| |
| 30195 | border: 0; |
| |
| 30196 | cursor: pointer; |
| |
| 30197 | display: inline-block; |
| |
| 30198 | height: 0; |
| |
| 30199 | outline: 0; |
| |
| 30200 | padding: 0; |
| |
| 30201 | vertical-align: middle |
| |
| 30202 | } |
| |
| 30203 | |
| |
| 30204 | .react-datepicker__close-icon:after { |
| |
| 30205 | -webkit-box-sizing: border-box; |
| |
| 30206 | background-color: #216ba5; |
| |
| 30207 | border-radius: 50%; |
| |
| 30208 | bottom: 0; |
| |
| 30209 | box-sizing: border-box; |
| |
| 30210 | color: #fff; |
| |
| 30211 | content: "\D7"; |
| |
| 30212 | cursor: pointer; |
| |
| 30213 | font-size: 12px; |
| |
| 30214 | height: 16px; |
| |
| 30215 | line-height: 1; |
| |
| 30216 | margin: -8px auto 0; |
| |
| 30217 | padding: 2px; |
| |
| 30218 | position: absolute; |
| |
| 30219 | right: 7px; |
| |
| 30220 | text-align: center; |
| |
| 30221 | top: 50%; |
| |
| 30222 | width: 16px |
| |
| 30223 | } |
| |
| 30224 | |
| |
| 30225 | .react-datepicker__today-button { |
| |
| 30226 | background: #f0f0f0; |
| |
| 30227 | border-top: 1px solid #aeaeae; |
| |
| 30228 | clear: left; |
| |
| 30229 | cursor: pointer; |
| |
| 30230 | font-weight: 700; |
| |
| 30231 | padding: 5px 0; |
| |
| 30232 | text-align: center |
| |
| 30233 | } |
| |
| 30234 | |
| |
| 30235 | .react-datepicker__portal { |
| |
| 30236 | -ms-flex-align: center; |
| |
| 30237 | -ms-flex-pack: center; |
| |
| 30238 | -webkit-box-align: center; |
| |
| 30239 | -webkit-box-pack: center; |
| |
| 30240 | align-items: center; |
| |
| 30241 | background-color: rgba(0, 0, 0, .8); |
| |
| 30242 | display: -webkit-box; |
| |
| 30243 | display: -ms-flexbox; |
| |
| 30244 | display: flex; |
| |
| 30245 | height: 100vh; |
| |
| 30246 | justify-content: center; |
| |
| 30247 | left: 0; |
| |
| 30248 | position: fixed; |
| |
| 30249 | top: 0; |
| |
| 30250 | width: 100vw; |
| |
| 30251 | z-index: 2147483647 |
| |
| 30252 | } |
| |
| 30253 | |
| |
| 30254 | .react-datepicker__portal .react-datepicker__day, |
| |
| 30255 | .react-datepicker__portal .react-datepicker__day-name { |
| |
| 30256 | line-height: 3rem; |
| |
| 30257 | width: 3rem |
| |
| 30258 | } |
| |
| 30259 | |
| |
| 30260 | @media (max-height:550px), |
| |
| 30261 | (max-width:400px) { |
| |
| 30262 | |
| |
| 30263 | .react-datepicker__portal .react-datepicker__day, |
| |
| 30264 | .react-datepicker__portal .react-datepicker__day-name { |
| |
| 30265 | line-height: 2rem; |
| |
| 30266 | width: 2rem |
| |
| 30267 | } |
| |
| 30268 | } |
| |
| 30269 | |
| |
| 30270 | .react-datepicker__portal .react-datepicker__current-month { |
| |
| 30271 | font-size: 1.44rem |
| |
| 30272 | } |
| |
| 30273 | |
| |
| 30274 | .react-datepicker__portal .react-datepicker__navigation { |
| |
| 30275 | border: .81rem solid transparent |
| |
| 30276 | } |
| |
| 30277 | |
| |
| 30278 | .react-datepicker__portal .react-datepicker__navigation--previous { |
| |
| 30279 | border-right-color: #ccc |
| |
| 30280 | } |
| |
| 30281 | |
| |
| 30282 | .react-datepicker__portal .react-datepicker__navigation--previous:hover { |
| |
| 30283 | border-right-color: #b3b2b2 |
| |
| 30284 | } |
| |
| 30285 | |
| |
| 30286 | .react-datepicker__portal .react-datepicker__navigation--next { |
| |
| 30287 | border-left-color: #ccc |
| |
| 30288 | } |
| |
| 30289 | |
| |
| 30290 | .react-datepicker__portal .react-datepicker__navigation--next:hover { |
| |
| 30291 | border-left-color: #b3b2b2 |
| |
| 30292 | } |
| |
| 30293 | |
| |
| 30294 | .calendarPicker-2yf6Ci .react-datepicker { |
| |
| 30295 | border: none; |
| |
| 30296 | padding: 20px |
| |
| 30297 | } |
| |
| 30298 | |
| |
| 30299 | .calendarPicker-2yf6Ci .react-datepicker__header { |
| |
| 30300 | border-bottom: 0; |
| |
| 30301 | padding-top: 0 |
| |
| 30302 | } |
| |
| 30303 | |
| |
| 30304 | .calendarPicker-2yf6Ci .react-datepicker__current-month { |
| |
| 30305 | border-bottom: 1px solid; |
| |
| 30306 | font-size: 13px; |
| |
| 30307 | font-weight: 600; |
| |
| 30308 | line-height: 20px; |
| |
| 30309 | margin: 0 0 10px; |
| |
| 30310 | padding: 0 0 20px; |
| |
| 30311 | text-transform: uppercase |
| |
| 30312 | } |
| |
| 30313 | |
| |
| 30314 | .calendarPicker-2yf6Ci .react-datepicker__navigation.react-datepicker__navigation--next, |
| |
| 30315 | .calendarPicker-2yf6Ci .react-datepicker__navigation.react-datepicker__navigation--previous { |
| |
| 30316 | -webkit-transform: rotate(180deg); |
| |
| 30317 | background-position: 50%; |
| |
| 30318 | background-repeat: no-repeat; |
| |
| 30319 | background-size: 6px 12px; |
| |
| 30320 | border: 1px solid; |
| |
| 30321 | border-radius: 2px; |
| |
| 30322 | height: 18px; |
| |
| 30323 | left: 20px; |
| |
| 30324 | top: 20px; |
| |
| 30325 | transform: rotate(180deg); |
| |
| 30326 | width: 18px |
| |
| 30327 | } |
| |
| 30328 | |
| |
| 30329 | .calendarPicker-2yf6Ci .react-datepicker__navigation.react-datepicker__navigation--next.react-datepicker__navigation--next, |
| |
| 30330 | .calendarPicker-2yf6Ci .react-datepicker__navigation.react-datepicker__navigation--previous.react-datepicker__navigation--next { |
| |
| 30331 | -webkit-transform: rotate(0deg); |
| |
| 30332 | left: auto; |
| |
| 30333 | right: 20px; |
| |
| 30334 | transform: rotate(0deg) |
| |
| 30335 | } |
| |
| 30336 | |
| |
| 30337 | .calendarPicker-2yf6Ci .react-datepicker__month { |
| |
| 30338 | margin: 0 |
| |
| 30339 | } |
| |
| 30340 | |
| |
| 30341 | .calendarPicker-2yf6Ci .react-datepicker__week:first-of-type>.react-datepicker__day:first-of-type { |
| |
| 30342 | border-radius: 3px 0 0 |
| |
| 30343 | } |
| |
| 30344 | |
| |
| 30345 | .calendarPicker-2yf6Ci .react-datepicker__week:first-of-type>.react-datepicker__day:last-of-type { |
| |
| 30346 | border-radius: 0 3px 0 0 |
| |
| 30347 | } |
| |
| 30348 | |
| |
| 30349 | .calendarPicker-2yf6Ci .react-datepicker__week:last-of-type>.react-datepicker__day { |
| |
| 30350 | border-bottom: 1px solid #dcddde |
| |
| 30351 | } |
| |
| 30352 | |
| |
| 30353 | .calendarPicker-2yf6Ci .react-datepicker__week:last-of-type>.react-datepicker__day:first-of-type { |
| |
| 30354 | border-radius: 0 0 0 3px |
| |
| 30355 | } |
| |
| 30356 | |
| |
| 30357 | .calendarPicker-2yf6Ci .react-datepicker__week:last-of-type>.react-datepicker__day:last-of-type { |
| |
| 30358 | border-radius: 0 0 3px |
| |
| 30359 | } |
| |
| 30360 | |
| |
| 30361 | .calendarPicker-2yf6Ci .react-datepicker__week>.react-datepicker__day:last-of-type { |
| |
| 30362 | border-right: 1px solid |
| |
| 30363 | } |
| |
| 30364 | |
| |
| 30365 | .calendarPicker-2yf6Ci .react-datepicker__day-names { |
| |
| 30366 | margin-bottom: 10px |
| |
| 30367 | } |
| |
| 30368 | |
| |
| 30369 | .calendarPicker-2yf6Ci .react-datepicker__day-name { |
| |
| 30370 | font-size: 13px; |
| |
| 30371 | font-weight: 500; |
| |
| 30372 | line-height: 1em; |
| |
| 30373 | margin: 0; |
| |
| 30374 | text-transform: uppercase; |
| |
| 30375 | width: 40px |
| |
| 30376 | } |
| |
| 30377 | |
| |
| 30378 | .calendarPicker-2yf6Ci .react-datepicker__day { |
| |
| 30379 | -webkit-box-sizing: border-box; |
| |
| 30380 | border-left: 1px solid; |
| |
| 30381 | border-top: 1px solid; |
| |
| 30382 | box-sizing: border-box; |
| |
| 30383 | height: 40px; |
| |
| 30384 | line-height: 40px; |
| |
| 30385 | margin: 0; |
| |
| 30386 | position: relative; |
| |
| 30387 | width: 40px |
| |
| 30388 | } |
| |
| 30389 | |
| |
| 30390 | .calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--selected:hover, |
| |
| 30391 | .calendarPicker-2yf6Ci .react-datepicker__day:hover { |
| |
| 30392 | border-radius: 0 |
| |
| 30393 | } |
| |
| 30394 | |
| |
| 30395 | .calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--selected { |
| |
| 30396 | background: none; |
| |
| 30397 | border-radius: 0 |
| |
| 30398 | } |
| |
| 30399 | |
| |
| 30400 | .calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--selected:after { |
| |
| 30401 | bottom: 0; |
| |
| 30402 | content: ""; |
| |
| 30403 | height: 3px; |
| |
| 30404 | left: 0; |
| |
| 30405 | position: absolute; |
| |
| 30406 | width: 100% |
| |
| 30407 | } |
| |
| 30408 | |
| |
| 30409 | .calendarPicker-2yf6Ci .react-datepicker__day--disabled, |
| |
| 30410 | .calendarPicker-2yf6Ci .react-datepicker__day--outside-month { |
| |
| 30411 | font-weight: 500 |
| |
| 30412 | } |
| |
| 30413 | |
| |
| 30414 | .theme-light .calendarPicker-2yf6Ci .react-datepicker { |
| |
| 30415 | background-color: #fff |
| |
| 30416 | } |
| |
| 30417 | |
| |
| 30418 | .theme-light .calendarPicker-2yf6Ci .react-datepicker__header { |
| |
| 30419 | background-color: #fff; |
| |
| 30420 | border-color: rgba(220, 221, 222, .2) |
| |
| 30421 | } |
| |
| 30422 | |
| |
| 30423 | .theme-light .calendarPicker-2yf6Ci .react-datepicker__current-month { |
| |
| 30424 | border-bottom-color: rgba(220, 221, 222, .2); |
| |
| 30425 | color: #4f545c |
| |
| 30426 | } |
| |
| 30427 | |
| |
| 30428 | .theme-light .calendarPicker-2yf6Ci .react-datepicker__navigation.react-datepicker__navigation--next, |
| |
| 30429 | .theme-light .calendarPicker-2yf6Ci .react-datepicker__navigation.react-datepicker__navigation--previous { |
| |
| 30430 | background-image: url(/assets/0fce6d7622d8173fcee0397634bff5b5.svg); |
| |
| 30431 | border-color: #dcddde |
| |
| 30432 | } |
| |
| 30433 | |
| |
| 30434 | .theme-light .calendarPicker-2yf6Ci .react-datepicker__week:last-of-type .react-datepicker__day { |
| |
| 30435 | border-bottom-color: #dcddde |
| |
| 30436 | } |
| |
| 30437 | |
| |
| 30438 | .theme-light .calendarPicker-2yf6Ci .react-datepicker__week .react-datepicker__day:last-of-type { |
| |
| 30439 | border-right-color: #dcddde |
| |
| 30440 | } |
| |
| 30441 | |
| |
| 30442 | .theme-light .calendarPicker-2yf6Ci .react-datepicker__day-name { |
| |
| 30443 | color: rgba(79, 84, 92, .6) |
| |
| 30444 | } |
| |
| 30445 | |
| |
| 30446 | .theme-light .calendarPicker-2yf6Ci .react-datepicker__day { |
| |
| 30447 | border-left-color: #dcddde; |
| |
| 30448 | border-top-color: #dcddde; |
| |
| 30449 | color: #4f545c |
| |
| 30450 | } |
| |
| 30451 | |
| |
| 30452 | .theme-light .calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--selected:hover, |
| |
| 30453 | .theme-light .calendarPicker-2yf6Ci .react-datepicker__day:hover { |
| |
| 30454 | background-color: #7289da; |
| |
| 30455 | color: #fff |
| |
| 30456 | } |
| |
| 30457 | |
| |
| 30458 | .theme-light .calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--disabled, |
| |
| 30459 | .theme-light .calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--disabled:hover { |
| |
| 30460 | background-color: rgba(0, 0, 0, .05); |
| |
| 30461 | color: rgba(0, 0, 0, .2) |
| |
| 30462 | } |
| |
| 30463 | |
| |
| 30464 | .theme-light .calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--selected:after { |
| |
| 30465 | background-color: #7289da |
| |
| 30466 | } |
| |
| 30467 | |
| |
| 30468 | .theme-light .calendarPicker-2yf6Ci .react-datepicker__day--disabled, |
| |
| 30469 | .theme-light .calendarPicker-2yf6Ci .react-datepicker__day--outside-month { |
| |
| 30470 | background-color: #f6f6f7; |
| |
| 30471 | color: rgba(79, 84, 92, .3) |
| |
| 30472 | } |
| |
| 30473 | |
| |
| 30474 | .theme-dark .calendarPicker-2yf6Ci .react-datepicker { |
| |
| 30475 | background-color: #36393f |
| |
| 30476 | } |
| |
| 30477 | |
| |
| 30478 | .theme-dark .calendarPicker-2yf6Ci .react-datepicker__header { |
| |
| 30479 | background-color: #36393f; |
| |
| 30480 | border-color: rgba(24, 25, 28, .2) |
| |
| 30481 | } |
| |
| 30482 | |
| |
| 30483 | .theme-dark .calendarPicker-2yf6Ci .react-datepicker__current-month { |
| |
| 30484 | border-bottom-color: rgba(24, 25, 28, .3); |
| |
| 30485 | color: #f6f6f7 |
| |
| 30486 | } |
| |
| 30487 | |
| |
| 30488 | .theme-dark .calendarPicker-2yf6Ci .react-datepicker__navigation.react-datepicker__navigation--next, |
| |
| 30489 | .theme-dark .calendarPicker-2yf6Ci .react-datepicker__navigation.react-datepicker__navigation--previous { |
| |
| 30490 | background-image: url(/assets/7619529e87dad31fd2ae83d9b9583e49.svg); |
| |
| 30491 | border-color: #18191c |
| |
| 30492 | } |
| |
| 30493 | |
| |
| 30494 | .theme-dark .calendarPicker-2yf6Ci .react-datepicker__week:last-of-type .react-datepicker__day { |
| |
| 30495 | border-bottom-color: #18191c |
| |
| 30496 | } |
| |
| 30497 | |
| |
| 30498 | .theme-dark .calendarPicker-2yf6Ci .react-datepicker__week .react-datepicker__day:last-of-type { |
| |
| 30499 | border-right-color: #18191c |
| |
| 30500 | } |
| |
| 30501 | |
| |
| 30502 | .theme-dark .calendarPicker-2yf6Ci .react-datepicker__day-name { |
| |
| 30503 | color: rgba(246, 246, 247, .6) |
| |
| 30504 | } |
| |
| 30505 | |
| |
| 30506 | .theme-dark .calendarPicker-2yf6Ci .react-datepicker__day { |
| |
| 30507 | border-left-color: #18191c; |
| |
| 30508 | border-top-color: #18191c; |
| |
| 30509 | color: #f6f6f7 |
| |
| 30510 | } |
| |
| 30511 | |
| |
| 30512 | .theme-dark .calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--selected:hover, |
| |
| 30513 | .theme-dark .calendarPicker-2yf6Ci .react-datepicker__day:hover { |
| |
| 30514 | background-color: #7289da; |
| |
| 30515 | color: #fff |
| |
| 30516 | } |
| |
| 30517 | |
| |
| 30518 | .theme-dark .calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--disabled, |
| |
| 30519 | .theme-dark .calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--disabled:hover { |
| |
| 30520 | background-color: #2f3136; |
| |
| 30521 | color: rgba(246, 246, 247, .3) |
| |
| 30522 | } |
| |
| 30523 | |
| |
| 30524 | .theme-dark .calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--selected:after { |
| |
| 30525 | background-color: #7289da |
| |
| 30526 | } |
| |
| 30527 | |
| |
| 30528 | .theme-dark .calendarPicker-2yf6Ci .react-datepicker__day--disabled, |
| |
| 30529 | .theme-dark .calendarPicker-2yf6Ci .react-datepicker__day--outside-month { |
| |
| 30530 | background-color: #2f3136; |
| |
| 30531 | color: rgba(246, 246, 247, .3) |
| |
| 30532 | } |
| |
| 30533 | |
| |
| 30534 | .keybindShortcut-1BD6Z1 { |
| |
| 30535 | display: -webkit-box; |
| |
| 30536 | display: -ms-flexbox; |
| |
| 30537 | display: flex; |
| |
| 30538 | font-size: 12px; |
| |
| 30539 | font-weight: 600; |
| |
| 30540 | line-height: 12px; |
| |
| 30541 | margin-bottom: 8px; |
| |
| 30542 | margin-right: 10px; |
| |
| 30543 | text-transform: uppercase |
| |
| 30544 | } |
| |
| 30545 | |
| |
| 30546 | .keybindShortcut-1BD6Z1, |
| |
| 30547 | .keybindShortcut-1BD6Z1 span { |
| |
| 30548 | -webkit-box-sizing: border-box; |
| |
| 30549 | box-sizing: border-box; |
| |
| 30550 | height: 23px; |
| |
| 30551 | position: relative |
| |
| 30552 | } |
| |
| 30553 | |
| |
| 30554 | .keybindShortcut-1BD6Z1 span { |
| |
| 30555 | border-radius: 2px; |
| |
| 30556 | cursor: default; |
| |
| 30557 | display: block; |
| |
| 30558 | margin-right: 3px; |
| |
| 30559 | min-height: 14px; |
| |
| 30560 | min-width: 14px; |
| |
| 30561 | padding: 3px 6px 4px; |
| |
| 30562 | text-align: center |
| |
| 30563 | } |
| |
| 30564 | |
| |
| 30565 | .keybindShortcut-1BD6Z1 span .bindArrow-2X3Aom { |
| |
| 30566 | height: 10px; |
| |
| 30567 | width: 10px |
| |
| 30568 | } |
| |
| 30569 | |
| |
| 30570 | .keybindShortcut-1BD6Z1 span .bindArrow-2X3Aom.up-2cOsD2 { |
| |
| 30571 | -webkit-transform: rotate(180deg); |
| |
| 30572 | transform: rotate(180deg) |
| |
| 30573 | } |
| |
| 30574 | |
| |
| 30575 | .keybindShortcut-1BD6Z1 span .bindArrow-2X3Aom.left-3u1rVI { |
| |
| 30576 | -webkit-transform: rotate(90deg); |
| |
| 30577 | transform: rotate(90deg) |
| |
| 30578 | } |
| |
| 30579 | |
| |
| 30580 | .keybindShortcut-1BD6Z1 span .bindArrow-2X3Aom.right-CbUyiH { |
| |
| 30581 | -webkit-transform: rotate(-90deg); |
| |
| 30582 | transform: rotate(-90deg) |
| |
| 30583 | } |
| |
| 30584 | |
| |
| 30585 | .keybindShortcut-1BD6Z1 span:active { |
| |
| 30586 | -webkit-transform: translateY(2px); |
| |
| 30587 | height: 21px; |
| |
| 30588 | padding-bottom: 2px; |
| |
| 30589 | transform: translateY(2px) |
| |
| 30590 | } |
| |
| 30591 | |
| |
| 30592 | .keybindShortcutQuickSwitcher-1-Xs5c { |
| |
| 30593 | display: inline-block; |
| |
| 30594 | margin-bottom: 0; |
| |
| 30595 | margin-right: 5px |
| |
| 30596 | } |
| |
| 30597 | |
| |
| 30598 | .keybindShortcutQuickSwitcher-1-Xs5c span { |
| |
| 30599 | margin-right: 0 |
| |
| 30600 | } |
| |
| 30601 | |
| |
| 30602 | .keybindShortcutQuickSwitcher-1-Xs5c.up { |
| |
| 30603 | margin-left: 5px |
| |
| 30604 | } |
| |
| 30605 | |
| |
| 30606 | .keybindShortcutTipsNav-1mb0yH { |
| |
| 30607 | margin-left: 4px; |
| |
| 30608 | margin-right: 0 |
| |
| 30609 | } |
| |
| 30610 | |
| |
| 30611 | .keybindShortcutTipsNav-1mb0yH:first-of-type { |
| |
| 30612 | margin-left: 0; |
| |
| 30613 | margin-right: 4px |
| |
| 30614 | } |
| |
| 30615 | |
| |
| 30616 | .keybindShortcutTipsNav-1mb0yH:last-of-type { |
| |
| 30617 | margin-right: 4px |
| |
| 30618 | } |
| |
| 30619 | |
| |
| 30620 | .keybindShortcutTipsSelect-HDyfe8:last-of-type { |
| |
| 30621 | margin-left: 16px; |
| |
| 30622 | position: relative |
| |
| 30623 | } |
| |
| 30624 | |
| |
| 30625 | .keybindShortcutTipsSelect-HDyfe8:last-of-type:before { |
| |
| 30626 | content: ""; |
| |
| 30627 | height: 20px; |
| |
| 30628 | left: -8px; |
| |
| 30629 | position: absolute; |
| |
| 30630 | top: 0; |
| |
| 30631 | width: 1px |
| |
| 30632 | } |
| |
| 30633 | |
| |
| 30634 | .theme-light .keybindShortcut-1BD6Z1 { |
| |
| 30635 | color: #4f545c |
| |
| 30636 | } |
| |
| 30637 | |
| |
| 30638 | .theme-light .keybindShortcut-1BD6Z1 span { |
| |
| 30639 | -webkit-box-shadow: inset 0 -4px 0 #caccce; |
| |
| 30640 | border: 1px solid #95989d; |
| |
| 30641 | box-shadow: inset 0 -4px 0 #caccce |
| |
| 30642 | } |
| |
| 30643 | |
| |
| 30644 | .theme-light .keybindShortcut-1BD6Z1 span:active { |
| |
| 30645 | -webkit-box-shadow: inset 0 -2px 0 #caccce; |
| |
| 30646 | border: 1px solid #000; |
| |
| 30647 | box-shadow: inset 0 -2px 0 #caccce; |
| |
| 30648 | color: #000 |
| |
| 30649 | } |
| |
| 30650 | |
| |
| 30651 | .theme-light .keybindShortcut-1BD6Z1 span:active g { |
| |
| 30652 | fill: #000 |
| |
| 30653 | } |
| |
| 30654 | |
| |
| 30655 | .theme-light .dim-1l4L4y span { |
| |
| 30656 | background-color: #fff; |
| |
| 30657 | color: #95989d |
| |
| 30658 | } |
| |
| 30659 | |
| |
| 30660 | .theme-light .dim-1l4L4y span .bindArrow-2X3Aom g { |
| |
| 30661 | fill: #95989d |
| |
| 30662 | } |
| |
| 30663 | |
| |
| 30664 | .theme-light .dim-1l4L4y span:active { |
| |
| 30665 | color: #777a7e |
| |
| 30666 | } |
| |
| 30667 | |
| |
| 30668 | .theme-light .dim-1l4L4y span:active .bindArrow-2X3Aom g { |
| |
| 30669 | fill: #777a7e |
| |
| 30670 | } |
| |
| 30671 | |
| |
| 30672 | .theme-light .dark-2P8byF span { |
| |
| 30673 | -webkit-box-shadow: inset 0 -4px 0 rgba(35, 39, 42, .6); |
| |
| 30674 | background-color: #4f545c; |
| |
| 30675 | border-color: #202225; |
| |
| 30676 | box-shadow: inset 0 -4px 0 rgba(35, 39, 42, .6); |
| |
| 30677 | color: #95989d |
| |
| 30678 | } |
| |
| 30679 | |
| |
| 30680 | .theme-light .dark-2P8byF span .bindArrow-2X3Aom g { |
| |
| 30681 | fill: #95989d |
| |
| 30682 | } |
| |
| 30683 | |
| |
| 30684 | .theme-light .dark-2P8byF span:active { |
| |
| 30685 | -webkit-box-shadow: inset 0 -2px 0 #242629; |
| |
| 30686 | box-shadow: inset 0 -2px 0 #242629; |
| |
| 30687 | color: #777a7e |
| |
| 30688 | } |
| |
| 30689 | |
| |
| 30690 | .theme-light .dark-2P8byF span:active .bindArrow-2X3Aom g { |
| |
| 30691 | fill: #777a7e |
| |
| 30692 | } |
| |
| 30693 | |
| |
| 30694 | .theme-light .keybindShortcutTipsSelect-HDyfe8:last-of-type:before { |
| |
| 30695 | background-color: #dfe0e2 |
| |
| 30696 | } |
| |
| 30697 | |
| |
| 30698 | .theme-dark .keybindShortcut-1BD6Z1 { |
| |
| 30699 | color: #f6f6f7 |
| |
| 30700 | } |
| |
| 30701 | |
| |
| 30702 | .theme-dark .keybindShortcut-1BD6Z1 span { |
| |
| 30703 | -webkit-box-shadow: inset 0 -4px 0 rgba(35, 39, 42, .6); |
| |
| 30704 | background-color: #72767d; |
| |
| 30705 | border: 1px solid #202225; |
| |
| 30706 | box-shadow: inset 0 -4px 0 rgba(35, 39, 42, .6); |
| |
| 30707 | color: #f6f6f7 |
| |
| 30708 | } |
| |
| 30709 | |
| |
| 30710 | .theme-dark .keybindShortcut-1BD6Z1 span .bindArrow-2X3Aom g { |
| |
| 30711 | fill: #f6f6f7 |
| |
| 30712 | } |
| |
| 30713 | |
| |
| 30714 | .theme-dark .keybindShortcut-1BD6Z1 span:active { |
| |
| 30715 | -webkit-box-shadow: inset 0 -2px 0 #242629; |
| |
| 30716 | border: 1px solid #000; |
| |
| 30717 | box-shadow: inset 0 -2px 0 #242629; |
| |
| 30718 | color: #c5c5c6 |
| |
| 30719 | } |
| |
| 30720 | |
| |
| 30721 | .theme-dark .keybindShortcut-1BD6Z1 span:active .bindArrow-2X3Aom g { |
| |
| 30722 | fill: #c5c5c6 |
| |
| 30723 | } |
| |
| 30724 | |
| |
| 30725 | .theme-dark .dim-1l4L4y span { |
| |
| 30726 | background-color: #72767d; |
| |
| 30727 | color: #b9bbbe |
| |
| 30728 | } |
| |
| 30729 | |
| |
| 30730 | .theme-dark .dim-1l4L4y span .bindArrow-2X3Aom g { |
| |
| 30731 | fill: #b9bbbe |
| |
| 30732 | } |
| |
| 30733 | |
| |
| 30734 | .theme-dark .dim-1l4L4y span:active { |
| |
| 30735 | color: #949698 |
| |
| 30736 | } |
| |
| 30737 | |
| |
| 30738 | .theme-dark .dim-1l4L4y span:active .bindArrow-2X3Aom g { |
| |
| 30739 | fill: #c5c5c6 |
| |
| 30740 | } |
| |
| 30741 | |
| |
| 30742 | .theme-dark .keybindShortcutTipsSelect-HDyfe8:last-of-type:before { |
| |
| 30743 | background-color: #4f545c |
| |
| 30744 | } |
| |
| 30745 | |
| |
| 30746 | .keybindShortcutSearchPopout-1MAfqq { |
| |
| 30747 | -ms-flex-negative: 0; |
| |
| 30748 | -ms-flex-positive: 0; |
| |
| 30749 | -webkit-box-flex: 0; |
| |
| 30750 | flex-grow: 0; |
| |
| 30751 | flex-shrink: 0; |
| |
| 30752 | margin: 0 |
| |
| 30753 | } |
| |
| 30754 | |
| |
| 30755 | .keyboardShortcuts-1s_yPt { |
| |
| 30756 | margin: 0 |
| |
| 30757 | } |
| |
| 30758 | |
| |
| 30759 | .container-3ayLPN { |
| |
| 30760 | -webkit-box-sizing: border-box; |
| |
| 30761 | border-radius: 3px; |
| |
| 30762 | box-sizing: border-box; |
| |
| 30763 | overflow: hidden |
| |
| 30764 | } |
| |
| 30765 | |
| |
| 30766 | .queryContainer-RKFJW- { |
| |
| 30767 | border-bottom: 1px solid; |
| |
| 30768 | cursor: pointer; |
| |
| 30769 | display: -webkit-box; |
| |
| 30770 | display: -ms-flexbox; |
| |
| 30771 | display: flex; |
| |
| 30772 | padding: 15px |
| |
| 30773 | } |
| |
| 30774 | |
| |
| 30775 | .queryShortcut-hJIQMF { |
| |
| 30776 | -ms-flex: 0 0 auto; |
| |
| 30777 | -webkit-box-flex: 0; |
| |
| 30778 | flex: 0 0 auto |
| |
| 30779 | } |
| |
| 30780 | |
| |
| 30781 | .queryText-3xoOY7 { |
| |
| 30782 | -ms-flex: 1 1 auto; |
| |
| 30783 | -webkit-box-flex: 1; |
| |
| 30784 | flex: 1 1 auto; |
| |
| 30785 | font-size: 12px; |
| |
| 30786 | line-height: 24px; |
| |
| 30787 | overflow: hidden; |
| |
| 30788 | text-overflow: ellipsis; |
| |
| 30789 | text-transform: uppercase; |
| |
| 30790 | white-space: nowrap |
| |
| 30791 | } |
| |
| 30792 | |
| |
| 30793 | .queryText-3xoOY7 strong { |
| |
| 30794 | font-size: 15px; |
| |
| 30795 | text-transform: none |
| |
| 30796 | } |
| |
| 30797 | |
| |
| 30798 | .theme-dark .container-3ayLPN { |
| |
| 30799 | background-color: #36393f |
| |
| 30800 | } |
| |
| 30801 | |
| |
| 30802 | .theme-dark .queryContainer-RKFJW- { |
| |
| 30803 | border-bottom-color: rgba(35, 38, 42, .3); |
| |
| 30804 | color: #b9bbbe |
| |
| 30805 | } |
| |
| 30806 | |
| |
| 30807 | .theme-dark .queryContainer-RKFJW- strong { |
| |
| 30808 | color: #fff |
| |
| 30809 | } |
| |
| 30810 | |
| |
| 30811 | .theme-dark .focused-2bY0OD { |
| |
| 30812 | background-color: #23262a |
| |
| 30813 | } |
| |
| 30814 | |
| |
| 30815 | .theme-light .container-3ayLPN { |
| |
| 30816 | background-color: #fff |
| |
| 30817 | } |
| |
| 30818 | |
| |
| 30819 | .theme-light .queryContainer-RKFJW- { |
| |
| 30820 | border-bottom-color: #dcddde; |
| |
| 30821 | color: #72767d |
| |
| 30822 | } |
| |
| 30823 | |
| |
| 30824 | .theme-light .queryContainer-RKFJW- strong { |
| |
| 30825 | color: #4f545c |
| |
| 30826 | } |
| |
| 30827 | |
| |
| 30828 | .theme-light .focused-2bY0OD { |
| |
| 30829 | background-color: #f6f6f7 |
| |
| 30830 | } |
| |
| 30831 | |
| |
| 30832 | .resultsGroup-r_nuzN { |
| |
| 30833 | margin-top: -1px; |
| |
| 30834 | padding-bottom: 10px; |
| |
| 30835 | padding-top: 10px; |
| |
| 30836 | position: relative |
| |
| 30837 | } |
| |
| 30838 | |
| |
| 30839 | .resultsGroup-r_nuzN .searchClearHistory-2cSSMO, |
| |
| 30840 | .resultsGroup-r_nuzN .searchLearnMore-3SQUAj { |
| |
| 30841 | opacity: .6 |
| |
| 30842 | } |
| |
| 30843 | |
| |
| 30844 | .resultsGroup-r_nuzN:before { |
| |
| 30845 | content: ""; |
| |
| 30846 | display: block; |
| |
| 30847 | margin: 0 20px; |
| |
| 30848 | position: relative; |
| |
| 30849 | top: -10px |
| |
| 30850 | } |
| |
| 30851 | |
| |
| 30852 | .resultsGroup-r_nuzN .header-2N-gMV { |
| |
| 30853 | font-size: 12px; |
| |
| 30854 | font-weight: 500; |
| |
| 30855 | padding: 5px 20px 10px; |
| |
| 30856 | text-transform: uppercase |
| |
| 30857 | } |
| |
| 30858 | |
| |
| 30859 | .resultsGroup-r_nuzN .searchClearHistory-2cSSMO, |
| |
| 30860 | .resultsGroup-r_nuzN .searchLearnMore-3SQUAj { |
| |
| 30861 | cursor: pointer; |
| |
| 30862 | height: 16px; |
| |
| 30863 | opacity: .8; |
| |
| 30864 | position: absolute; |
| |
| 30865 | top: 12px; |
| |
| 30866 | width: 16px |
| |
| 30867 | } |
| |
| 30868 | |
| |
| 30869 | .resultsGroup-r_nuzN .searchClearHistory-2cSSMO:hover, |
| |
| 30870 | .resultsGroup-r_nuzN .searchLearnMore-3SQUAj:hover { |
| |
| 30871 | opacity: 1 |
| |
| 30872 | } |
| |
| 30873 | |
| |
| 30874 | .resultsGroup-r_nuzN .searchClearHistory-2cSSMO svg, |
| |
| 30875 | .resultsGroup-r_nuzN .searchLearnMore-3SQUAj svg { |
| |
| 30876 | height: 16px; |
| |
| 30877 | width: 16px |
| |
| 30878 | } |
| |
| 30879 | |
| |
| 30880 | .resultsGroup-r_nuzN .searchLearnMore-3SQUAj { |
| |
| 30881 | right: 17px |
| |
| 30882 | } |
| |
| 30883 | |
| |
| 30884 | .resultsGroup-r_nuzN .searchClearHistory-2cSSMO { |
| |
| 30885 | right: 16px |
| |
| 30886 | } |
28801 | } |
| 30887 | |
28802 | |
| .30888 | .resultsGroup-r_nuzN .searchLearnMore-3SQUAj a { |
28803 | .wrapper-1U5SlS { |
| 30889 | display: block; |
| |
| 30890 | height: 100%; |
| |
| 30891 | overflow: hidden; |
28804 | overflow: hidden; |
| .30892 | width: 100% |
| |
| 30893 | } |
| |
| 30894 | |
| |
| 30895 | .option-96V44q, |
| |
| 30896 | .resultsGroup-r_nuzN .searchClearHistory-2cSSMO { |
| |
| 30897 | overflow: hidden |
| |
| 30898 | } |
| |
| 30899 | |
| |
| 30900 | .option-96V44q { |
| |
| 30901 | -ms-flex-align: center; |
| |
| 30902 | -webkit-box-align: center; |
| |
| 30903 | align-items: center; |
| |
| 30904 | border-radius: 3px; |
| |
| 30905 | cursor: pointer; |
| |
| 30906 | display: -webkit-box; |
| |
| 30907 | display: -ms-flexbox; |
| |
| 30908 | display: flex; |
| |
| 30909 | font-size: 16px; |
| |
| 30910 | height: 34px; |
| |
| 30911 | margin: 0 10px; |
| |
| 30912 | padding: 0 10px; |
| |
| 30913 | position: relative |
28805 | position: relative |
| 30914 | } |
28806 | } |
| 30915 | |
28807 | |
| .30916 | .option-96V44q:after { |
28808 | .icon-JJBzjE { |
| 30917 | content: ""; |
28809 | -ms-flex-item-align: center; |
| 30918 | height: 100%; |
28810 | align-self: center; |
| 30919 | position: absolute; |
28811 | min-width: 16px |
| 30920 | right: 0; |
| |
| 30921 | top: 0; |
| |
| 30922 | width: 30px; |
| |
| 30923 | z-index: 1 |
| |
| 30924 | } |
| |
| 30925 | |
| |
| 30926 | .option-96V44q.selected-rZcOL- .plusIcon-v0BTrL { |
| |
| 30927 | display: block |
| |
| 30928 | } |
| |
| 30929 | |
| |
| 30930 | .option-96V44q.selected-rZcOL-:before { |
| |
| 30931 | content: ""; |
| |
| 30932 | height: 34px; |
| |
| 30933 | position: absolute; |
| |
| 30934 | right: 0; |
| |
| 30935 | top: 0; |
| |
| 30936 | width: 24px; |
| |
| 30937 | z-index: 2 |
| |
| 30938 | } |
| |
| 30939 | |
| |
| 30940 | .option-96V44q.selected-rZcOL-:after { |
| |
| 30941 | width: 60px |
| |
| 30942 | } |
| |
| 30943 | |
| |
| 30944 | .option-96V44q span { |
| |
| 30945 | -ms-flex-negative: 0; |
| |
| 30946 | -ms-flex-positive: 0; |
| |
| 30947 | -webkit-box-flex: 0; |
| |
| 30948 | flex-grow: 0; |
| |
| 30949 | flex-shrink: 0; |
| |
| 30950 | overflow: hidden; |
| |
| 30951 | text-overflow: ellipsis; |
| |
| 30952 | white-space: nowrap |
| |
| 30953 | } |
28812 | } |
| 30954 | |
28813 | |
| .30955 | .option-96V44q .nonText-3CRkO0 { |
28814 | .title-1B76a1 { |
| 30956 | margin: 0 4px |
28815 | margin: 0 4px |
| 30957 | } |
28816 | } |
| 30958 | |
28817 | |
| .30959 | .option-96V44q .filter-3Y_im- { |
28818 | .subtitle-2yP_Eh, |
| 30960 | margin: 0 2px 0 4px |
28819 | .title-1B76a1 { |
| 30961 | } |
| |
| 30962 | |
| |
| 30963 | .option-96V44q .answer-1n6g43 { |
| |
| 30964 | font-weight: 500; |
| |
| 30965 | margin: 0 4px 0 2px |
| |
| 30966 | } |
| |
| 30967 | |
| |
| 30968 | .option-96V44q strong { |
| |
| 30969 | overflow: hidden; |
28820 | overflow: hidden; |
| 30970 | text-overflow: ellipsis; |
28821 | text-overflow: ellipsis; |
| 30971 | white-space: nowrap |
28822 | white-space: nowrap |
| 30972 | } |
28823 | } |
| 30973 | |
28824 | |
| .30974 | .option-96V44q .filter-3Y_im- { |
28825 | .subtitle-2yP_Eh { |
| 30975 | margin-right: 4px |
28826 | min-width: 48px; |
| 30976 | } |
28827 | text-transform: uppercase |
| 30977 | |
| |
| 30978 | .option-96V44q>:first-child { |
| |
| 30979 | margin-left: 0 |
| |
| 30980 | } |
| |
| 30981 | |
| |
| 30982 | .option-96V44q.user-O3Czj0 .displayAvatar-1wWlVM { |
| |
| 30983 | -ms-flex-negative: 0; |
| |
| 30984 | -ms-flex-positive: 0; |
| |
| 30985 | -webkit-box-flex: 0; |
| |
| 30986 | border-radius: 50%; |
| |
| 30987 | display: inline-block; |
| |
| 30988 | flex-grow: 0; |
| |
| 30989 | flex-shrink: 0; |
| |
| 30990 | height: 18px; |
| |
| 30991 | width: 18px |
| |
| 30992 | } |
| |
| 30993 | |
| |
| 30994 | .option-96V44q.user-O3Czj0 .displayedNick-3xxvzU { |
| |
| 30995 | font-weight: 500; |
| |
| 30996 | margin: 0 5px |
| |
| 30997 | } |
| |
| 30998 | |
| |
| 30999 | .option-96V44q.user-O3Czj0 .displayUsername-Qekxml { |
| |
| 31000 | font-weight: 400 |
| |
| 31001 | } |
| |
| 31002 | |
| |
| 31003 | .option-96V44q.linkSource-1-3cE_ strong { |
| |
| 31004 | text-transform: capitalize |
| |
| 31005 | } |
28828 | } |
| 31006 | |
28829 | |
| .31007 | .searchOption-zQ-1l6 .filter-3Y_im- { |
28830 | .bottomMargin-3rKQFe { |
| 31008 | font-weight: 500; |
28831 | margin-bottom: 16px |
| 31009 | margin: 0 4px 0 0 |
| |
| 31010 | } |
28832 | } |
| 31011 | |
28833 | |
| .31012 | .searchOption-zQ-1l6 .answer-1n6g43 { |
28834 | .topMargin-BmjSYK { |
| 31013 | font-weight: 400 |
28835 | margin-top: 8px |
| 31014 | } |
28836 | } |
| 31015 | |
28837 | |
| .31016 | .datePicker--XZbmJ { |
28838 | .body-1nWvdt { |
| |
28839 | -ms-flex-align: center; |
| 31017 | -ms-flex-direction: column; |
28840 | -ms-flex-direction: column; |
| .31018 | -ms-flex-pack: center; |
28841 | -webkit-box-align: center; |
| 31019 | -webkit-box-direction: normal; |
28842 | -webkit-box-direction: normal; |
| 31020 | -webkit-box-orient: vertical; |
28843 | -webkit-box-orient: vertical; |
| .31021 | -webkit-box-pack: center; |
| |
| 31022 | -webkit-box-shadow: none; |
| |
| 31023 | border-radius: 0; |
| |
| 31024 | box-shadow: none; |
| |
| 31025 | flex-direction: column; |
| |
| 31026 | justify-content: center |
| |
| 31027 | } |
| |
| 31028 | |
| |
| 31029 | .datePicker--XZbmJ, |
| |
| 31030 | .datePicker--XZbmJ .datePickerHint-3Q1Udw { |
| |
| 31031 | display: -webkit-box; |
| |
| 31032 | display: -ms-flexbox; |
| |
| 31033 | display: flex |
| |
| 31034 | } |
| |
| 31035 | |
| |
| 31036 | .datePicker--XZbmJ .datePickerHint-3Q1Udw { |
| |
| 31037 | -ms-flex-align: center; |
| |
| 31038 | -webkit-box-align: center; |
| |
| 31039 | align-items: center; |
28844 | align-items: center; |
| .31040 | margin: 0 20px; |
| |
| 31041 | padding: 20px 0 |
| |
| 31042 | } |
| |
| 31043 | |
| |
| 31044 | .datePicker--XZbmJ .datePickerHint-3Q1Udw .hint-165cR4 { |
| |
| 31045 | font-size: 16px |
| |
| 31046 | } |
| |
| 31047 | |
| |
| 31048 | .datePicker--XZbmJ .datePickerHint-3Q1Udw .hintValue-29ny8Z { |
| |
| 31049 | border-radius: 3px; |
| |
| 31050 | cursor: pointer; |
| |
| 31051 | font-size: 14px; |
| |
| 31052 | font-weight: 500; |
| |
| 31053 | line-height: 22px; |
| |
| 31054 | padding: 0 3px |
| |
| 31055 | } |
| |
| 31056 | |
| |
| 31057 | .searchResultChannelIcon-1DnTme { |
| |
| 31058 | -ms-flex-negative: 0; |
| |
| 31059 | flex-shrink: 0; |
| |
| 31060 | margin-right: 4px; |
| |
| 31061 | vertical-align: top |
| |
| 31062 | } |
| |
| 31063 | |
| |
| 31064 | .searchResultChannelIconBackground-7ncwtC { |
| |
| 31065 | -ms-flex-negative: 0; |
| |
| 31066 | flex-shrink: 0; |
| |
| 31067 | opacity: .6 |
| |
| 31068 | } |
| |
| 31069 | |
| |
| 31070 | .searchResultChannelCategory-1l0lSn { |
| |
| 31071 | -ms-flex-negative: 1; |
| |
| 31072 | flex-shrink: 1; |
| |
| 31073 | font-size: 10px; |
| |
| 31074 | font-weight: 600; |
| |
| 31075 | margin-left: 4px; |
| |
| 31076 | overflow: hidden; |
| |
| 31077 | position: relative; |
| |
| 31078 | text-overflow: ellipsis; |
| |
| 31079 | text-transform: uppercase; |
| |
| 31080 | top: 2px; |
| |
| 31081 | white-space: nowrap |
| |
| 31082 | } |
| |
| 31083 | |
| |
| 31084 | .plusIcon-v0BTrL { |
| |
| 31085 | display: none; |
| |
| 31086 | opacity: .6; |
| |
| 31087 | position: absolute; |
| |
| 31088 | right: 8px; |
| |
| 31089 | top: 8px; |
| |
| 31090 | z-index: 2 |
| |
| 31091 | } |
| |
| 31092 | |
| |
| 31093 | .theme-dark .resultsGroup-r_nuzN:before { |
| |
| 31094 | border-top: 1px solid rgba(35, 38, 42, .3) |
| |
| 31095 | } |
| |
| 31096 | |
| |
| 31097 | .theme-dark .resultsGroup-r_nuzN .header-2N-gMV, |
| |
| 31098 | .theme-dark .resultsGroup-r_nuzN .plusIcon-v0BTrL, |
| |
| 31099 | .theme-dark .resultsGroup-r_nuzN .searchClearHistory-2cSSMO, |
| |
| 31100 | .theme-dark .resultsGroup-r_nuzN .searchLearnMore-3SQUAj a { |
| |
| 31101 | color: #cacbce |
| |
| 31102 | } |
| |
| 31103 | |
| |
| 31104 | .theme-dark .option-96V44q:after { |
| |
| 31105 | background: -webkit-gradient(linear, left top, right top, from(rgba(54, 57, 63, 0)), color-stop(80%, #36393f)); |
| |
| 31106 | background: linear-gradient(90deg, rgba(54, 57, 63, 0), #36393f 80%) |
| |
| 31107 | } |
| |
| 31108 | |
| |
| 31109 | .theme-dark .option-96V44q.selected-rZcOL- { |
| |
| 31110 | background-color: #23262a |
| |
| 31111 | } |
| |
| 31112 | |
| |
| 31113 | .theme-dark .option-96V44q.selected-rZcOL-:after { |
| |
| 31114 | background: -webkit-gradient(linear, left top, right top, from(rgba(35, 38, 42, 0)), color-stop(50%, #23262a)); |
| |
| 31115 | background: linear-gradient(90deg, rgba(35, 38, 42, 0), #23262a 50%) |
| |
| 31116 | } |
| |
| 31117 | |
| |
| 31118 | .theme-dark .option-96V44q .answer-1n6g43, |
| |
| 31119 | .theme-dark .option-96V44q .nonText-3CRkO0, |
| |
| 31120 | .theme-dark .option-96V44q strong { |
| |
| 31121 | color: #caccce |
| |
| 31122 | } |
| |
| 31123 | |
| |
| 31124 | .theme-dark .option-96V44q .filter-3Y_im- { |
| |
| 31125 | color: #72767d |
| |
| 31126 | } |
| |
| 31127 | |
| |
| 31128 | .theme-dark .option-96V44q.user-O3Czj0 .displayedNick-3xxvzU { |
| |
| 31129 | color: #caccce |
| |
| 31130 | } |
| |
| 31131 | |
| |
| 31132 | .theme-dark .option-96V44q.user-O3Czj0 .displayUsername-Qekxml { |
| |
| 31133 | color: #5e636a |
| |
| 31134 | } |
| |
| 31135 | |
| |
| 31136 | .theme-dark .searchOption-zQ-1l6 .filter-3Y_im- { |
| |
| 31137 | color: #caccce |
| |
| 31138 | } |
| |
| 31139 | |
| |
| 31140 | .theme-dark .searchOption-zQ-1l6 .answer-1n6g43 { |
| |
| 31141 | color: #72767d |
| |
| 31142 | } |
| |
| 31143 | |
| |
| 31144 | .theme-dark .datePicker--XZbmJ { |
| |
| 31145 | border-top: none |
| |
| 31146 | } |
| |
| 31147 | |
| |
| 31148 | .theme-dark .datePicker--XZbmJ .datePickerHint-3Q1Udw { |
| |
| 31149 | border-top: 1px solid rgba(35, 38, 42, .3) |
| |
| 31150 | } |
| |
| 31151 | |
| |
| 31152 | .theme-dark .datePicker--XZbmJ .datePickerHint-3Q1Udw .hint-165cR4 { |
| |
| 31153 | color: #caccce |
| |
| 31154 | } |
| |
| 31155 | |
| |
| 31156 | .theme-dark .datePicker--XZbmJ .datePickerHint-3Q1Udw .hintValue-29ny8Z { |
| |
| 31157 | background-color: #7289da; |
| |
| 31158 | color: #fff |
| |
| 31159 | } |
| |
| 31160 | |
| |
| 31161 | .theme-dark .datePicker--XZbmJ .datePickerHint-3Q1Udw .hintValue-29ny8Z:hover { |
| |
| 31162 | background-color: #677bc4 |
| |
| 31163 | } |
| |
| 31164 | |
| |
| 31165 | .theme-dark .searchResultChannelCategory-1l0lSn, |
| |
| 31166 | .theme-dark .searchResultChannelIcon-1DnTme { |
| |
| 31167 | color: #72767d |
| |
| 31168 | } |
| |
| 31169 | |
| |
| 31170 | .theme-dark .searchResultChannelIconBackground-7ncwtC { |
| |
| 31171 | opacity: .6 |
| |
| 31172 | } |
| |
| 31173 | |
| |
| 31174 | .resultChannel-3BYgHX { |
| |
| 31175 | -ms-flex-align: center; |
| |
| 31176 | -ms-flex-wrap: nowrap; |
| |
| 31177 | -webkit-box-align: center; |
| |
| 31178 | align-items: center; |
| |
| 31179 | display: -webkit-box; |
| |
| 31180 | display: -ms-flexbox; |
| |
| 31181 | display: flex; |
| |
| 31182 | flex-wrap: nowrap |
| |
| 31183 | } |
| |
| 31184 | |
| |
| 31185 | .theme-light .resultsGroup-r_nuzN:before { |
| |
| 31186 | border-top: 1px solid #dcddde |
| |
| 31187 | } |
| |
| 31188 | |
| |
| 31189 | .theme-light .resultsGroup-r_nuzN .header-2N-gMV, |
| |
| 31190 | .theme-light .resultsGroup-r_nuzN .plusIcon-v0BTrL, |
| |
| 31191 | .theme-light .resultsGroup-r_nuzN .searchClearHistory-2cSSMO, |
| |
| 31192 | .theme-light .resultsGroup-r_nuzN .searchLearnMore-3SQUAj a { |
| |
| 31193 | color: #cacbce |
| |
| 31194 | } |
| |
| 31195 | |
| |
| 31196 | .theme-light .option-96V44q:after { |
| |
| 31197 | background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), color-stop(80%, #fff)); |
| |
| 31198 | background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff 80%) |
| |
| 31199 | } |
| |
| 31200 | |
| |
| 31201 | .theme-light .option-96V44q.selected-rZcOL- { |
| |
| 31202 | background-color: #f6f6f7 |
| |
| 31203 | } |
| |
| 31204 | |
| |
| 31205 | .theme-light .option-96V44q.selected-rZcOL-:after { |
| |
| 31206 | background: -webkit-gradient(linear, left top, right top, from(rgba(246, 246, 247, 0)), color-stop(50%, #f6f6f7)); |
| |
| 31207 | background: linear-gradient(90deg, rgba(246, 246, 247, 0), #f6f6f7 50%) |
| |
| 31208 | } |
| |
| 31209 | |
| |
| 31210 | .theme-light .option-96V44q .nonText-3CRkO0 { |
| |
| 31211 | color: #5e636a |
| |
| 31212 | } |
| |
| 31213 | |
| |
| 31214 | .theme-light .option-96V44q .filter-3Y_im- { |
| |
| 31215 | color: #caccce |
| |
| 31216 | } |
| |
| 31217 | |
| |
| 31218 | .theme-light .option-96V44q .answer-1n6g43, |
| |
| 31219 | .theme-light .option-96V44q strong { |
| |
| 31220 | color: #4f545c |
| |
| 31221 | } |
| |
| 31222 | |
| |
| 31223 | .theme-light .option-96V44q.user-O3Czj0 .displayedNick-3xxvzU { |
| |
| 31224 | color: #5e636a |
| |
| 31225 | } |
| |
| 31226 | |
| |
| 31227 | .theme-light .option-96V44q.user-O3Czj0 .displayUsername-Qekxml { |
| |
| 31228 | color: #caccce |
| |
| 31229 | } |
| |
| 31230 | |
| |
| 31231 | .theme-light .searchOption-zQ-1l6 .filter-3Y_im- { |
| |
| 31232 | color: #4f545c |
| |
| 31233 | } |
| |
| 31234 | |
| |
| 31235 | .theme-light .searchOption-zQ-1l6 .answer-1n6g43 { |
| |
| 31236 | color: #caccce |
| |
| 31237 | } |
| |
| 31238 | |
| |
| 31239 | .theme-light .datePicker--XZbmJ, |
| |
| 31240 | .theme-light .datePicker--XZbmJ .datePickerHint-3Q1Udw { |
| |
| 31241 | border-top: 1px solid #dcddde |
| |
| 31242 | } |
| |
| 31243 | |
| |
| 31244 | .theme-light .datePicker--XZbmJ .datePickerHint-3Q1Udw .hint-165cR4 { |
| |
| 31245 | color: #caccce |
| |
| 31246 | } |
| |
| 31247 | |
| |
| 31248 | .theme-light .datePicker--XZbmJ .datePickerHint-3Q1Udw .hintValue-29ny8Z { |
| |
| 31249 | background-color: #7289da; |
| |
| 31250 | color: #fff |
| |
| 31251 | } |
| |
| 31252 | |
| |
| 31253 | .theme-light .datePicker--XZbmJ .datePickerHint-3Q1Udw .hintValue-29ny8Z:hover { |
| |
| 31254 | background-color: #677bc4 |
| |
| 31255 | } |
| |
| 31256 | |
| |
| 31257 | .theme-light .searchResultChannelCategory-1l0lSn, |
| |
| 31258 | .theme-light .searchResultChannelIcon-1DnTme { |
| |
| 31259 | color: #b9bbbe |
| |
| 31260 | } |
| |
| 31261 | |
| |
| 31262 | .theme-light .searchResultChannelIconBackground-7ncwtC { |
| |
| 31263 | opacity: .6 |
| |
| 31264 | } |
| |
| 31265 | |
| |
| 31266 | .searchBar-3dMhjb {} |
| |
| 31267 | |
| |
| 31268 | .searchBarLight-2Nqm9O {} |
| |
| 31269 | |
| |
| 31270 | .search-2oPWTC { |
| |
| 31271 | -webkit-app-region: no-drag; |
| |
| 31272 | overflow: visible; |
| |
| 31273 | position: relative; |
| |
| 31274 | z-index: 100 |
| |
| 31275 | } |
| |
| 31276 | |
| |
| 31277 | .search-2oPWTC.focused-31_ccS .searchBar-3dMhjb, |
| |
| 31278 | .search-2oPWTC.open-6_Y_aH .searchBar-3dMhjb, |
| |
| 31279 | .search-2oPWTC.popout-open .searchBar-3dMhjb { |
| |
| 31280 | width: 244px |
| |
| 31281 | } |
| |
| 31282 | |
| |
| 31283 | .search-2oPWTC .searchBar-3dMhjb { |
| |
| 31284 | -ms-flex-align: stretch; |
| |
| 31285 | -webkit-box-align: stretch; |
| |
| 31286 | -webkit-box-shadow: none; |
| |
| 31287 | -webkit-box-sizing: border-box; |
| |
| 31288 | -webkit-transition: width .2s ease-in-out .1s; |
| |
| 31289 | align-items: stretch; |
| |
| 31290 | background-color: rgba(246, 246, 247, .6); |
| |
| 31291 | border-radius: 3px; |
| |
| 31292 | box-shadow: none; |
| |
| 31293 | box-sizing: border-box; |
| |
| 31294 | display: -webkit-box; |
28845 | display: -webkit-box; |
| 31295 | display: -ms-flexbox; |
28846 | display: -ms-flexbox; |
| 31296 | display: flex; |
28847 | display: flex; |
| .31297 | height: 28px; |
28848 | flex-direction: column; |
| 31298 | transition: width .2s ease-in-out .1s; |
| |
| 31299 | width: 144px |
| |
| 31300 | } |
| |
| 31301 | |
| |
| 31302 | .search-2oPWTC .searchBar-3dMhjb .icon-38sknP { |
| |
| 31303 | top: 1px |
| |
| 31304 | } |
| |
| 31305 | |
| |
| 31306 | .search-2oPWTC .DraftEditor-root { |
| |
| 31307 | -ms-flex: 1; |
| |
| 31308 | -webkit-box-flex: 1; |
| |
| 31309 | color: #36393f; |
| |
| 31310 | flex: 1; |
| |
| 31311 | font-size: 14px; |
| |
| 31312 | font-weight: 500; |
| |
| 31313 | line-height: 22px; |
| |
| 31314 | overflow: hidden |
| |
| 31315 | } |
| |
| 31316 | |
| |
| 31317 | .search-2oPWTC .DraftEditor-root .DraftEditor-editorContainer { |
| |
| 31318 | border: none |
| |
| 31319 | } |
| |
| 31320 | |
| |
| 31321 | .search-2oPWTC .DraftEditor-root .public-DraftEditor-content, |
| |
| 31322 | .search-2oPWTC .DraftEditor-root .public-DraftEditorPlaceholder-root { |
| |
| 31323 | padding: 3px 6px 20px |
| |
| 31324 | } |
| |
| 31325 | |
| |
| 31326 | .search-2oPWTC .DraftEditor-root .public-DraftEditorPlaceholder-root { |
| |
| 31327 | color: rgba(79, 84, 92, .3); |
| |
| 31328 | padding-left: 6px |
| |
| 31329 | } |
| |
| 31330 | |
| |
| 31331 | .search-2oPWTC .DraftEditor-root .public-DraftEditor-content { |
| |
| 31332 | overflow-x: auto; |
| |
| 31333 | overflow-y: hidden |
| |
| 31334 | } |
| |
| 31335 | |
| |
| 31336 | .search-2oPWTC .DraftEditor-root .public-DraftStyleDefault-block { |
| |
| 31337 | display: inline-block; |
| |
| 31338 | min-width: 1px; |
| |
| 31339 | white-space: pre |
| |
| 31340 | } |
| |
| 31341 | |
| |
| 31342 | .search-2oPWTC .DraftEditor-root .public-DraftStyleDefault-block span { |
| |
| 31343 | min-width: 1px |
| |
| 31344 | } |
| |
| 31345 | |
| |
| 31346 | .theme-dark .search-2oPWTC .searchBar-3dMhjb { |
| |
| 31347 | background-color: hsla(0, 0%, 100%, .1) |
| |
| 31348 | } |
| |
| 31349 | |
| |
| 31350 | .theme-dark .search-2oPWTC .searchBar-3dMhjb .public-DraftEditorPlaceholder-root { |
| |
| 31351 | color: hsla(0, 0%, 100%, .3) |
| |
| 31352 | } |
| |
| 31353 | |
| |
| 31354 | .theme-dark .search-2oPWTC .DraftEditor-root { |
| |
| 31355 | color: #fff |
| |
| 31356 | } |
| |
| 31357 | |
| |
| 31358 | .DraftEditor-editorContainer, |
| |
| 31359 | .DraftEditor-root, |
| |
| 31360 | .public-DraftEditor-content { |
| |
| 31361 | height: inherit; |
| |
| 31362 | text-align: initial |
| |
| 31363 | } |
| |
| 31364 | |
| |
| 31365 | .public-DraftEditor-content[contenteditable=true] { |
| |
| 31366 | -webkit-user-modify: read-write-plaintext-only |
| |
| 31367 | } |
| |
| 31368 | |
| |
| 31369 | .DraftEditor-root { |
| |
| 31370 | position: relative |
| |
| 31371 | } |
| |
| 31372 | |
| |
| 31373 | .DraftEditor-editorContainer { |
| |
| 31374 | background-color: hsla(0, 0%, 100%, 0); |
| |
| 31375 | border-left: .1px solid transparent; |
| |
| 31376 | position: relative; |
| |
| 31377 | z-index: 1 |
| |
| 31378 | } |
| |
| 31379 | |
| |
| 31380 | .public-DraftEditor-block { |
| |
| 31381 | position: relative |
| |
| 31382 | } |
| |
| 31383 | |
| |
| 31384 | .DraftEditor-alignLeft .public-DraftStyleDefault-block { |
| |
| 31385 | text-align: left |
| |
| 31386 | } |
| |
| 31387 | |
| |
| 31388 | .DraftEditor-alignLeft .public-DraftEditorPlaceholder-root { |
| |
| 31389 | left: 0; |
| |
| 31390 | text-align: left |
| |
| 31391 | } |
| |
| 31392 | |
| |
| 31393 | .DraftEditor-alignCenter .public-DraftStyleDefault-block { |
| |
| 31394 | text-align: center |
28849 | text-align: center |
| 31395 | } |
28850 | } |
| 31396 | |
28851 | |
| .31397 | .DraftEditor-alignCenter .public-DraftEditorPlaceholder-root { |
28852 | .description-2amvc- { |
| 31398 | margin: 0 auto; |
28853 | margin-bottom: 32px |
| 31399 | text-align: center; |
| |
| 31400 | width: 100% |
| |
| 31401 | } |
| |
| 31402 | |
| |
| 31403 | .DraftEditor-alignRight .public-DraftStyleDefault-block { |
| |
| 31404 | text-align: right |
| |
| 31405 | } |
| |
| 31406 | |
| |
| 31407 | .DraftEditor-alignRight .public-DraftEditorPlaceholder-root { |
| |
| 31408 | right: 0; |
| |
| 31409 | text-align: right |
| |
| 31410 | } |
| |
| 31411 | |
| |
| 31412 | .public-DraftEditorPlaceholder-root { |
| |
| 31413 | color: #9197a3; |
| |
| 31414 | position: absolute; |
| |
| 31415 | z-index: 1 |
| |
| 31416 | } |
| |
| 31417 | |
| |
| 31418 | .public-DraftEditorPlaceholder-hasFocus { |
| |
| 31419 | color: #bdc1c9 |
| |
| 31420 | } |
| |
| 31421 | |
| |
| 31422 | .DraftEditorPlaceholder-hidden { |
| |
| 31423 | display: none |
| |
| 31424 | } |
| |
| 31425 | |
| |
| 31426 | .public-DraftStyleDefault-block { |
| |
| 31427 | position: relative; |
| |
| 31428 | white-space: pre-wrap |
| |
| 31429 | } |
| |
| 31430 | |
| |
| 31431 | .public-DraftStyleDefault-ltr { |
| |
| 31432 | direction: ltr; |
| |
| 31433 | text-align: left |
| |
| 31434 | } |
| |
| 31435 | |
| |
| 31436 | .public-DraftStyleDefault-rtl { |
| |
| 31437 | direction: rtl; |
| |
| 31438 | text-align: right |
| |
| 31439 | } |
| |
| 31440 | |
| |
| 31441 | .public-DraftStyleDefault-listLTR { |
| |
| 31442 | direction: ltr |
| |
| 31443 | } |
| |
| 31444 | |
| |
| 31445 | .public-DraftStyleDefault-listRTL { |
| |
| 31446 | direction: rtl |
| |
| 31447 | } |
| |
| 31448 | |
| |
| 31449 | .public-DraftStyleDefault-ol, |
| |
| 31450 | .public-DraftStyleDefault-ul { |
| |
| 31451 | margin: 16px 0; |
| |
| 31452 | padding: 0 |
| |
| 31453 | } |
| |
| 31454 | |
| |
| 31455 | .public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR { |
| |
| 31456 | margin-left: 1.5em |
| |
| 31457 | } |
| |
| 31458 | |
| |
| 31459 | .public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL { |
| |
| 31460 | margin-right: 1.5em |
| |
| 31461 | } |
| |
| 31462 | |
| |
| 31463 | .public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR { |
| |
| 31464 | margin-left: 3em |
| |
| 31465 | } |
| |
| 31466 | |
| |
| 31467 | .public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL { |
| |
| 31468 | margin-right: 3em |
| |
| 31469 | } |
| |
| 31470 | |
| |
| 31471 | .public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR { |
| |
| 31472 | margin-left: 4.5em |
| |
| 31473 | } |
| |
| 31474 | |
| |
| 31475 | .public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL { |
| |
| 31476 | margin-right: 4.5em |
| |
| 31477 | } |
| |
| 31478 | |
| |
| 31479 | .public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR { |
| |
| 31480 | margin-left: 6em |
| |
| 31481 | } |
| |
| 31482 | |
| |
| 31483 | .public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL { |
| |
| 31484 | margin-right: 6em |
| |
| 31485 | } |
| |
| 31486 | |
| |
| 31487 | .public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR { |
| |
| 31488 | margin-left: 7.5em |
| |
| 31489 | } |
| |
| 31490 | |
| |
| 31491 | .public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL { |
| |
| 31492 | margin-right: 7.5em |
| |
| 31493 | } |
| |
| 31494 | |
| |
| 31495 | .public-DraftStyleDefault-unorderedListItem { |
| |
| 31496 | list-style-type: square; |
| |
| 31497 | position: relative |
| |
| 31498 | } |
| |
| 31499 | |
| |
| 31500 | .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0 { |
| |
| 31501 | list-style-type: disc |
| |
| 31502 | } |
| |
| 31503 | |
| |
| 31504 | .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1 { |
| |
| 31505 | list-style-type: circle |
| |
| 31506 | } |
| |
| 31507 | |
| |
| 31508 | .public-DraftStyleDefault-orderedListItem { |
| |
| 31509 | list-style-type: none; |
| |
| 31510 | position: relative |
| |
| 31511 | } |
| |
| 31512 | |
| |
| 31513 | .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before { |
| |
| 31514 | left: -36px; |
| |
| 31515 | position: absolute; |
| |
| 31516 | text-align: right; |
| |
| 31517 | width: 30px |
| |
| 31518 | } |
| |
| 31519 | |
| |
| 31520 | .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before { |
| |
| 31521 | position: absolute; |
| |
| 31522 | right: -36px; |
| |
| 31523 | text-align: left; |
| |
| 31524 | width: 30px |
| |
| 31525 | } |
| |
| 31526 | |
| |
| 31527 | .public-DraftStyleDefault-orderedListItem:before { |
| |
| 31528 | content: counter(ol0) ". "; |
| |
| 31529 | counter-increment: ol0 |
| |
| 31530 | } |
| |
| 31531 | |
| |
| 31532 | .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before { |
| |
| 31533 | content: counter(ol1) ". "; |
| |
| 31534 | counter-increment: ol1 |
| |
| 31535 | } |
| |
| 31536 | |
| |
| 31537 | .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before { |
| |
| 31538 | content: counter(ol2) ". "; |
| |
| 31539 | counter-increment: ol2 |
| |
| 31540 | } |
| |
| 31541 | |
| |
| 31542 | .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before { |
| |
| 31543 | content: counter(ol3) ". "; |
| |
| 31544 | counter-increment: ol3 |
| |
| 31545 | } |
| |
| 31546 | |
| |
| 31547 | .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before { |
| |
| 31548 | content: counter(ol4) ". "; |
| |
| 31549 | counter-increment: ol4 |
| |
| 31550 | } |
| |
| 31551 | |
| |
| 31552 | .public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset { |
| |
| 31553 | counter-reset: ol0 |
| |
| 31554 | } |
| |
| 31555 | |
| |
| 31556 | .public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset { |
| |
| 31557 | counter-reset: ol1 |
| |
| 31558 | } |
| |
| 31559 | |
| |
| 31560 | .public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset { |
| |
| 31561 | counter-reset: ol2 |
| |
| 31562 | } |
| |
| 31563 | |
| |
| 31564 | .public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset { |
| |
| 31565 | counter-reset: ol3 |
| |
| 31566 | } |
28854 | } |
| 31567 | |
28855 | |
| .31568 | .public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset { |
28856 | .content-wjJP6h { |
| 31569 | counter-reset: ol4 |
28857 | margin-top: 32px; |
| |
28858 | z-index: 2 |
| 31570 | } |
28859 | } |
| 31571 | |
28860 | |
| .31572 | .headerBarLoggedOut-m7IF05 { |
28861 | .noScroll-38vYzX { |
| 31573 | padding: 0 10px |
28862 | overflow: visible; |
| |
28863 | padding-right: 20px |
| 31574 | } |
28864 | } |
| 31575 | |
28865 | |
| .31576 | .headerBarLoggedOutInner-3M2GEQ { |
28866 | .guildOption-dBe3l5 { |
| 31577 | -ms-flex-align: center; |
28867 | -ms-flex-align: center; |
| 31578 | -webkit-box-align: center; |
28868 | -webkit-box-align: center; |
| 31579 | align-items: center; |
28869 | align-items: center; |
| .31580 | margin-left: auto; |
| |
| 31581 | margin-right: auto; |
| |
| 31582 | max-width: 1600px; |
| |
| 31583 | width: 100% |
| |
| 31584 | } |
| |
| 31585 | |
| |
| 31586 | .headerBarLoggedOutInner-3M2GEQ, |
| |
| 31587 | .title-CZQTru { |
| |
| 31588 | display: -webkit-box; |
28870 | display: -webkit-box; |
| 31589 | display: -ms-flexbox; |
28871 | display: -ms-flexbox; |
| 31590 | display: flex |
28872 | display: flex |
| 31591 | } |
28873 | } |
| 31592 | |
28874 | |
| .31593 | .title-CZQTru { |
28875 | .icon-n8WYF4 { |
| 31594 | -ms-flex-positive: 1; |
28876 | margin-right: 8px |
| 31595 | -webkit-box-flex: 1; |
| |
| 31596 | flex-grow: 1; |
| |
| 31597 | overflow: hidden |
| |
| 31598 | } |
| |
| 31599 | |
| |
| 31600 | .back-2Z4ATs { |
| |
| 31601 | margin-right: 12px; |
| |
| 31602 | opacity: .6 |
| |
| 31603 | } |
| |
| 31604 | |
| |
| 31605 | .back-2Z4ATs:active, |
| |
| 31606 | .back-2Z4ATs:hover { |
| |
| 31607 | opacity: .8 |
| |
| 31608 | } |
| |
| 31609 | |
| |
| 31610 | .back-2Z4ATs:disabled { |
| |
| 31611 | opacity: .2 |
| |
| 31612 | } |
| |
| 31613 | |
| |
| 31614 | .updateIconForeground-2jeItf { |
| |
| 31615 | fill: #43b581 |
| |
| 31616 | } |
| |
| 31617 | |
| |
| 31618 | .search-l1Wz-Q { |
| |
| 31619 | margin: 0 4px 0 8px |
| |
| 31620 | } |
| |
| 31621 | |
| |
| 31622 | .toolbar-94eLIm { |
| |
| 31623 | -ms-flex-align: center; |
| |
| 31624 | -ms-flex-negative: 0; |
| |
| 31625 | -ms-flex-positive: 0; |
| |
| 31626 | -webkit-box-align: center; |
| |
| 31627 | -webkit-box-flex: 0; |
| |
| 31628 | align-items: center; |
| |
| 31629 | display: -webkit-box; |
| |
| 31630 | display: -ms-flexbox; |
| |
| 31631 | display: flex; |
| |
| 31632 | flex-grow: 0; |
| |
| 31633 | flex-shrink: 0 |
| |
| 31634 | } |
| |
| 31635 | |
| |
| 31636 | .theme-light .back-2Z4ATs { |
| |
| 31637 | color: #4f545c |
| |
| 31638 | } |
28877 | } |
| 31639 | |
28878 | |
| .31640 | .theme-dark .back-2Z4ATs { |
28879 | .theme-dark .blankButton-22cPU3 { |
| 31641 | color: #fff |
28880 | color: #fff |
| 31642 | } |
28881 | } |
| 31643 | |
28882 | |
| .31644 | @media (min-width:849px) { |
| |
| 31645 | .headerBarLoggedOut-m7IF05 { |
| |
| 31646 | padding: 0 30px |
| |
| 31647 | } |
| |
| 31648 | } |
| |
| 31649 | |
| |
| 31650 | .base-34jWEe { |
28883 | .base-34jWEe { |
| 31651 | -ms-flex-direction: column; |
28884 | -ms-flex-direction: column; |
| 31652 | -ms-flex-pack: end; |
28885 | -ms-flex-pack: end; |
| 31653 | -webkit-box-direction: normal; |
28886 | -webkit-box-direction: normal; |
| 31654 | -webkit-box-orient: vertical; |
28887 | -webkit-box-orient: vertical; |
| 31655 | -webkit-box-pack: end; |
28888 | -webkit-box-pack: end; |
| 31656 | -webkit-box-sizing: border-box; |
28889 | -webkit-box-sizing: border-box; |
| 31657 | background-position: 0 100%, 100% 100%; |
28890 | background-position: 0 100%, 100% 100%; |
| 31658 | background-repeat: no-repeat, no-repeat; |
28891 | background-repeat: no-repeat, no-repeat; |
| | | |
| 32252 | |
29485 | |
| 32253 | .highlight { |
29486 | .highlight { |
| 32254 | background: rgba(250, 166, 26, .3) |
29487 | background: rgba(250, 166, 26, .3) |
| 32255 | } |
29488 | } |
| 32256 | |
29489 | |
| 32257 | .theme-dark .messagesWrapper-3lZDfY { |
29490 | .theme-dark .messagesWrapper-3lZDfY { |
| 32258 | background-color: #36393f |
29491 | background-color: #36393f |
| 32259 | } |
29492 | } |
| 32260 | |
29493 | |
| .32261 | .popout-3Nppv9 { |
| |
| 32262 | width: 440px |
| |
| 32263 | } |
| |
| 32264 | |
| |
| 32265 | .searchBar-2pE3BB .searchBarComponent-A8xAUz { |
| |
| 32266 | -ms-flex: 1; |
| |
| 32267 | -webkit-box-flex: 1; |
| |
| 32268 | -webkit-box-shadow: none; |
| |
| 32269 | box-shadow: none; |
| |
| 32270 | flex: 1 |
| |
| 32271 | } |
| |
| 32272 | |
| |
| 32273 | .searchBar-2pE3BB .addButton-JhoLVk { |
| |
| 32274 | margin-left: 8px |
| |
| 32275 | } |
| |
| 32276 | |
| |
| 32277 | .subtitleWarning-FYRaDh { |
| |
| 32278 | color: #f04747 !important |
| |
| 32279 | } |
| |
| 32280 | |
| |
| 32281 | .noResults-3nKy_n, |
| |
| 32282 | .scroller-aV2LkH { |
| |
| 32283 | max-height: 190px |
| |
| 32284 | } |
| |
| 32285 | |
| |
| 32286 | .friendWrapper-2fdY14 { |
| |
| 32287 | cursor: pointer; |
| |
| 32288 | margin: 0 4px 0 12px; |
| |
| 32289 | padding: 1px 0 |
| |
| 32290 | } |
| |
| 32291 | |
| |
| 32292 | .friend-2PO6ke { |
| |
| 32293 | -webkit-box-sizing: border-box; |
| |
| 32294 | border-radius: 3px; |
| |
| 32295 | box-sizing: border-box; |
| |
| 32296 | font-size: 15px; |
| |
| 32297 | font-weight: 400; |
| |
| 32298 | height: 40px; |
| |
| 32299 | overflow: hidden; |
| |
| 32300 | padding: 6px 8px; |
| |
| 32301 | text-overflow: ellipsis; |
| |
| 32302 | white-space: nowrap |
| |
| 32303 | } |
| |
| 32304 | |
| |
| 32305 | .friend-2PO6ke .avatar-3eFw3X { |
| |
| 32306 | -ms-flex-negative: 0; |
| |
| 32307 | flex-shrink: 0; |
| |
| 32308 | margin: 0 |
| |
| 32309 | } |
| |
| 32310 | |
| |
| 32311 | .friend-2PO6ke .status-2CRxKL { |
| |
| 32312 | border-style: solid; |
| |
| 32313 | border-width: 2px |
| |
| 32314 | } |
| |
| 32315 | |
| |
| 32316 | .friend-2PO6ke .match-1r5QcI { |
| |
| 32317 | overflow: hidden; |
| |
| 32318 | text-overflow: ellipsis; |
| |
| 32319 | white-space: nowrap |
| |
| 32320 | } |
| |
| 32321 | |
| |
| 32322 | .friend-2PO6ke .nickname-1ALwRt { |
| |
| 32323 | margin-right: 4px |
| |
| 32324 | } |
| |
| 32325 | |
| |
| 32326 | .friend-2PO6ke .discordTag-1_Z5ET { |
| |
| 32327 | opacity: .5 |
| |
| 32328 | } |
| |
| 32329 | |
| |
| 32330 | .copyInput-2mS2A4 { |
| |
| 32331 | -ms-flex-positive: 1; |
| |
| 32332 | -webkit-box-flex: 1; |
| |
| 32333 | flex-grow: 1 |
| |
| 32334 | } |
| |
| 32335 | |
| |
| 32336 | .noBorder-1Kxm3S { |
| |
| 32337 | border: none |
| |
| 32338 | } |
| |
| 32339 | |
| |
| 32340 | .copyButton-wTLv3a { |
| |
| 32341 | margin-right: 4px; |
| |
| 32342 | width: 75px |
| |
| 32343 | } |
| |
| 32344 | |
| |
| 32345 | .errorState-3QMR6P { |
| |
| 32346 | font-size: 16px; |
| |
| 32347 | font-weight: 500; |
| |
| 32348 | line-height: 20px; |
| |
| 32349 | padding: 20px 20px 40px; |
| |
| 32350 | text-align: center |
| |
| 32351 | } |
| |
| 32352 | |
| |
| 32353 | .errorState-3QMR6P.noResults-3nKy_n { |
| |
| 32354 | padding: 0 48px |
| |
| 32355 | } |
| |
| 32356 | |
| |
| 32357 | .errorStateIcon-p5L_DQ { |
| |
| 32358 | background-position: 50%; |
| |
| 32359 | background-repeat: no-repeat; |
| |
| 32360 | background-size: cover |
| |
| 32361 | } |
| |
| 32362 | |
| |
| 32363 | .notFriends-sbKbp1 .errorStateIcon-p5L_DQ { |
| |
| 32364 | height: 129px; |
| |
| 32365 | width: 300px |
| |
| 32366 | } |
| |
| 32367 | |
| |
| 32368 | .noFriends-QZjdcj .errorStateIcon-p5L_DQ { |
| |
| 32369 | height: 86px; |
| |
| 32370 | width: 171px |
| |
| 32371 | } |
| |
| 32372 | |
| |
| 32373 | .partyFull-2oA76M .errorStateIcon-p5L_DQ { |
| |
| 32374 | height: 82px; |
| |
| 32375 | width: 181px |
| |
| 32376 | } |
| |
| 32377 | |
| |
| 32378 | .noResults-3nKy_n .errorStateIcon-p5L_DQ { |
| |
| 32379 | height: 85px; |
| |
| 32380 | width: 85px |
| |
| 32381 | } |
| |
| 32382 | |
| |
| 32383 | .footerSeparator-Zin1Mp { |
| |
| 32384 | height: 1px; |
| |
| 32385 | margin: 0 10px |
| |
| 32386 | } |
| |
| 32387 | |
| |
| 32388 | .footer-1W7DZI { |
| |
| 32389 | padding: 20px |
| |
| 32390 | } |
| |
| 32391 | |
| |
| 32392 | .theme-dark .subtitle-2iWJ5y { |
| |
| 32393 | color: #b9bbbe |
| |
| 32394 | } |
| |
| 32395 | |
| |
| 32396 | .theme-dark .errorState-3QMR6P { |
| |
| 32397 | color: #72767d |
| |
| 32398 | } |
| |
| 32399 | |
| |
| 32400 | .theme-dark .notFriends-sbKbp1 .errorStateIcon-p5L_DQ { |
| |
| 32401 | background-image: url(/assets/4f86d7f58df32580164fc595377c0169.svg) |
| |
| 32402 | } |
| |
| 32403 | |
| |
| 32404 | .theme-dark .noFriends-QZjdcj .errorStateIcon-p5L_DQ { |
| |
| 32405 | background-image: url(/assets/16bd6f7e8c2feedd7fa44d25013e687f.svg) |
| |
| 32406 | } |
| |
| 32407 | |
| |
| 32408 | .theme-dark .partyFull-2oA76M .errorStateIcon-p5L_DQ { |
| |
| 32409 | background-image: url(/assets/f690b8a9cd33cda18e431d4717fff5ab.svg) |
| |
| 32410 | } |
| |
| 32411 | |
| |
| 32412 | .theme-dark .noResults-3nKy_n .errorStateIcon-p5L_DQ { |
| |
| 32413 | background-image: url(/assets/1eed0d895df6e35f164d8ed5e84037d2.svg) |
| |
| 32414 | } |
| |
| 32415 | |
| |
| 32416 | .theme-dark .friend-2PO6ke { |
| |
| 32417 | color: #b9bbbe |
| |
| 32418 | } |
| |
| 32419 | |
| |
| 32420 | .theme-dark .friend-2PO6ke .status-2CRxKL { |
| |
| 32421 | border-color: #36393f |
| |
| 32422 | } |
| |
| 32423 | |
| |
| 32424 | .theme-dark .friendSelected--wQP3f { |
| |
| 32425 | background-color: rgba(79, 84, 92, .3); |
| |
| 32426 | color: #fff |
| |
| 32427 | } |
| |
| 32428 | |
| |
| 32429 | .theme-dark .friendSelected--wQP3f .status-2CRxKL { |
| |
| 32430 | border-color: #3e4147 |
| |
| 32431 | } |
| |
| 32432 | |
| |
| 32433 | .theme-dark .footerSeparator-Zin1Mp { |
| |
| 32434 | -webkit-box-shadow: 0 -1px 0 hsla(0, 0%, 100%, .04); |
| |
| 32435 | box-shadow: 0 -1px 0 hsla(0, 0%, 100%, .04) |
| |
| 32436 | } |
| |
| 32437 | |
| |
| 32438 | .theme-dark .footerText-1PbhKm { |
| |
| 32439 | color: #b9bbbe |
| |
| 32440 | } |
| |
| 32441 | |
| |
| 32442 | .theme-light .subtitle-2iWJ5y { |
| |
| 32443 | color: #72767d |
| |
| 32444 | } |
| |
| 32445 | |
| |
| 32446 | .theme-light .errorState-3QMR6P { |
| |
| 32447 | color: rgba(185, 187, 190, .9) |
| |
| 32448 | } |
| |
| 32449 | |
| |
| 32450 | .theme-light .notFriends-sbKbp1 .errorStateIcon-p5L_DQ { |
| |
| 32451 | background-image: url(/assets/f93ba18cdc453c1237a7f26f418c07a7.svg) |
| |
| 32452 | } |
| |
| 32453 | |
| |
| 32454 | .theme-light .noFriends-QZjdcj .errorStateIcon-p5L_DQ { |
| |
| 32455 | background-image: url(/assets/0e17b389a91d9a6394adf634360a8843.svg) |
| |
| 32456 | } |
| |
| 32457 | |
| |
| 32458 | .theme-light .partyFull-2oA76M .errorStateIcon-p5L_DQ { |
| |
| 32459 | background-image: url(/assets/45f8f2fff41b2fb694ff780810fa3a96.svg) |
| |
| 32460 | } |
| |
| 32461 | |
| |
| 32462 | .theme-light .noResults-3nKy_n .errorStateIcon-p5L_DQ { |
| |
| 32463 | background-image: url(/assets/f899de04ecfface32db505c74a6fd351.svg) |
| |
| 32464 | } |
| |
| 32465 | |
| |
| 32466 | .theme-light .friend-2PO6ke { |
| |
| 32467 | color: #72767d |
| |
| 32468 | } |
| |
| 32469 | |
| |
| 32470 | .theme-light .friend-2PO6ke .status-2CRxKL { |
| |
| 32471 | border-color: #fff |
| |
| 32472 | } |
| |
| 32473 | |
| |
| 32474 | .theme-light .friendSelected--wQP3f { |
| |
| 32475 | background-color: rgba(220, 221, 222, .3); |
| |
| 32476 | color: #000 |
| |
| 32477 | } |
| |
| 32478 | |
| |
| 32479 | .theme-light .friendSelected--wQP3f .status-2CRxKL { |
| |
| 32480 | border-color: #f4f5f5 |
| |
| 32481 | } |
| |
| 32482 | |
| |
| 32483 | .theme-light .footerSeparator-Zin1Mp { |
| |
| 32484 | -webkit-box-shadow: 0 -1px 0 rgba(54, 57, 63, .1); |
| |
| 32485 | box-shadow: 0 -1px 0 rgba(54, 57, 63, .1) |
| |
| 32486 | } |
| |
| 32487 | |
| |
| 32488 | .theme-light .footerText-1PbhKm { |
| |
| 32489 | color: #72767d |
| |
| 32490 | } |
| |
| 32491 | |
| |
| 32492 | .searchIndexAnimation-UMrQlU { |
29494 | .searchIndexAnimation-UMrQlU { |
| 32493 | height: 280px; |
29495 | height: 280px; |
| 32494 | position: relative; |
29496 | position: relative; |
| 32495 | width: 320px |
29497 | width: 320px |
| 32496 | } |
29498 | } |
| 32497 | |
29499 | |
| 32498 | .searchIndexBackground-HQa_J9, |
29500 | .searchIndexBackground-HQa_J9, |
| 32499 | .searchIndexForeground-2JZI-e { |
29501 | .searchIndexForeground-2JZI-e { |
| 32500 | height: 100%; |
29502 | height: 100%; |
| | | |
| 33449 | left: 0; |
30451 | left: 0; |
| 33450 | position: fixed; |
30452 | position: fixed; |
| 33451 | right: 0; |
30453 | right: 0; |
| 33452 | top: 0; |
30454 | top: 0; |
| 33453 | transition: none; |
30455 | transition: none; |
| 33454 | z-index: 100 |
30456 | z-index: 100 |
| 33455 | } |
30457 | } |
| 33456 | |
30458 | |
| 33457 | .video-1FfuMD { |
30459 | .video-1FfuMD { |
| .33458 | background-color: #202225; |
30460 | background-color: #18191c; |
| 33459 | background-position: 50%; |
30461 | background-position: 50%; |
| 33460 | background-size: 100%; |
30462 | background-size: 100%; |
| 33461 | cursor: default; |
30463 | cursor: default; |
| 33462 | height: 100%; |
30464 | height: 100%; |
| 33463 | min-height: 275px; |
30465 | min-height: 275px; |
| 33464 | overflow: hidden; |
30466 | overflow: hidden; |
| 33465 | position: relative; |
30467 | position: relative; |
| 33466 | width: 100% |
30468 | width: 100% |
| 33467 | } |
30469 | } |
| | | |
| 33538 | -webkit-box-align: center; |
30540 | -webkit-box-align: center; |
| 33539 | align-items: center; |
30541 | align-items: center; |
| 33540 | display: -webkit-box; |
30542 | display: -webkit-box; |
| 33541 | display: -ms-flexbox; |
30543 | display: -ms-flexbox; |
| 33542 | display: flex; |
30544 | display: flex; |
| 33543 | overflow: hidden |
30545 | overflow: hidden |
| 33544 | } |
30546 | } |
| 33545 | |
30547 | |
| 33546 | .theme-light .video-1FfuMD.minimum-1pRSEN { |
30548 | .theme-light .video-1FfuMD.minimum-1pRSEN { |
| .33547 | background-color: #dcddde |
30549 | -webkit-box-shadow: inset 0 -1px 0 #e3e5e8; |
| |
30550 | background-color: #fff; |
| |
30551 | box-shadow: inset 0 -1px 0 #e3e5e8 |
| 33548 | } |
30552 | } |
| 33549 | |
30553 | |
| 33550 | .theme-light .video-1FfuMD.noChat-3nt48u .videoBackgroundTransition-3wpOSl { |
30554 | .theme-light .video-1FfuMD.noChat-3nt48u .videoBackgroundTransition-3wpOSl { |
| 33551 | -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1); |
30555 | -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1); |
| 33552 | box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1) |
30556 | box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1) |
| 33553 | } |
30557 | } |
| 33554 | |
30558 | |
| 33555 | .theme-light .video-1FfuMD.noChat-3nt48u .videoTop-eOkSPq, |
30559 | .theme-light .video-1FfuMD.noChat-3nt48u .videoTop-eOkSPq, |
| 33556 | .theme-light .video-1FfuMD.normal-1jW0uq .videoTop-eOkSPq { |
30560 | .theme-light .video-1FfuMD.normal-1jW0uq .videoTop-eOkSPq { |
| .33557 | background-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(rgba(0, 0, 0, .8))); |
30561 | background-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(rgba(0, 0, 0, .9))); |
| 33558 | background-image: linear-gradient(0deg, transparent, rgba(0, 0, 0, .8)) |
30562 | background-image: linear-gradient(0deg, transparent, rgba(0, 0, 0, .9)) |
| 33559 | } |
30563 | } |
| 33560 | |
30564 | |
| 33561 | .theme-dark .video-1FfuMD.noChat-3nt48u .videoBackgroundTransition-3wpOSl { |
30565 | .theme-dark .video-1FfuMD.noChat-3nt48u .videoBackgroundTransition-3wpOSl { |
| 33562 | -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .2); |
30566 | -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .2); |
| 33563 | box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .2) |
30567 | box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .2) |
| 33564 | } |
30568 | } |
| 33565 | |
30569 | |
| 33566 | .theme-dark .video-1FfuMD.noChat-3nt48u .videoTop-eOkSPq, |
30570 | .theme-dark .video-1FfuMD.noChat-3nt48u .videoTop-eOkSPq, |
| 33567 | .theme-dark .video-1FfuMD.normal-1jW0uq .videoTop-eOkSPq { |
30571 | .theme-dark .video-1FfuMD.normal-1jW0uq .videoTop-eOkSPq { |
| .33568 | background-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(rgba(0, 0, 0, .8))); |
30572 | background-image: -webkit-gradient(linear, left bottom, left top, from(transparent), to(rgba(0, 0, 0, .9))); |
| 33569 | background-image: linear-gradient(0deg, transparent, rgba(0, 0, 0, .8)) |
30573 | background-image: linear-gradient(0deg, transparent, rgba(0, 0, 0, .9)) |
| 33570 | } |
30574 | } |
| 33571 | |
30575 | |
| 33572 | .background-ujHpbY { |
30576 | .background-ujHpbY { |
| 33573 | height: 100%; |
30577 | height: 100%; |
| 33574 | width: 100% |
30578 | width: 100% |
| 33575 | } |
30579 | } |
| 33576 | |
30580 | |
| 33577 | .backgroundBlur-dazcBE { |
30581 | .backgroundBlur-dazcBE { |
| 33578 | -webkit-filter: blur(40px); |
30582 | -webkit-filter: blur(40px); |
| | | |
| 34804 | background-color: rgba(24, 25, 28, .3); |
31808 | background-color: rgba(24, 25, 28, .3); |
| 34805 | border-color: #18191c |
31809 | border-color: #18191c |
| 34806 | } |
31810 | } |
| 34807 | |
31811 | |
| 34808 | .theme-dark .wrapper-29NfPK.minimum-2d6zH6 .actions-2vadYq .center-1Vp33r { |
31812 | .theme-dark .wrapper-29NfPK.minimum-2d6zH6 .actions-2vadYq .center-1Vp33r { |
| 34809 | background-color: #18191c; |
31813 | background-color: #18191c; |
| 34810 | border-color: #18191c |
31814 | border-color: #18191c |
| 34811 | } |
31815 | } |
| 34812 | |
31816 | |
| . | |
31817 | .container-1r6BKw { |
| |
31818 | -ms-flex: 0 0 auto; |
| |
31819 | -ms-flex-align: center; |
| |
31820 | -webkit-box-align: center; |
| |
31821 | -webkit-box-flex: 0; |
| |
31822 | align-items: center; |
| |
31823 | cursor: default; |
| |
31824 | display: -webkit-box; |
| |
31825 | display: -ms-flexbox; |
| |
31826 | display: flex; |
| |
31827 | flex: 0 0 auto; |
| |
31828 | font-size: 16px; |
| |
31829 | height: 48px; |
| |
31830 | line-height: 20px; |
| |
31831 | min-width: 0; |
| |
31832 | overflow: hidden; |
| |
31833 | padding: 0 8px; |
| |
31834 | position: relative; |
| |
31835 | width: 100%; |
| |
31836 | z-index: 2 |
| |
31837 | } |
| |
31838 | |
| |
31839 | .container-1r6BKw, |
| |
31840 | .container-1r6BKw * { |
| |
31841 | -webkit-box-sizing: border-box; |
| |
31842 | box-sizing: border-box |
| |
31843 | } |
| |
31844 | |
| |
31845 | .children-19S4PO { |
| |
31846 | -ms-flex: 1 1 auto; |
| |
31847 | -ms-flex-align: center; |
| |
31848 | -webkit-box-align: center; |
| |
31849 | -webkit-box-flex: 1; |
| |
31850 | align-items: center; |
| |
31851 | display: -webkit-box; |
| |
31852 | display: -ms-flexbox; |
| |
31853 | display: flex; |
| |
31854 | flex: 1 1 auto; |
| |
31855 | min-width: 0; |
| |
31856 | overflow: hidden; |
| |
31857 | position: relative |
| |
31858 | } |
| |
31859 | |
| |
31860 | .children-19S4PO:after { |
| |
31861 | background-color: red; |
| |
31862 | content: ""; |
| |
31863 | height: 100%; |
| |
31864 | position: absolute; |
| |
31865 | right: 0; |
| |
31866 | top: 0; |
| |
31867 | width: 8px |
| |
31868 | } |
| |
31869 | |
| |
31870 | .toolbar-1t6TWx { |
| |
31871 | -ms-flex: 0 0 auto; |
| |
31872 | flex: 0 0 auto; |
| |
31873 | min-width: 0 |
| |
31874 | } |
| |
31875 | |
| |
31876 | .title-29uC1r, |
| |
31877 | .toolbar-1t6TWx { |
| |
31878 | -ms-flex-align: center; |
| |
31879 | -webkit-box-align: center; |
| |
31880 | -webkit-box-flex: 0; |
| |
31881 | align-items: center; |
| |
31882 | display: -webkit-box; |
| |
31883 | display: -ms-flexbox; |
| |
31884 | display: flex |
| |
31885 | } |
| |
31886 | |
| |
31887 | .title-29uC1r { |
| |
31888 | -ms-flex: 0 0 auto; |
| |
31889 | -ms-flex-pack: start; |
| |
31890 | -webkit-box-pack: start; |
| |
31891 | flex: 0 0 auto; |
| |
31892 | justify-content: flex-start; |
| |
31893 | margin: 0 8px 0 0; |
| |
31894 | min-width: auto; |
| |
31895 | overflow: hidden; |
| |
31896 | white-space: nowrap |
| |
31897 | } |
| |
31898 | |
| |
31899 | .platform-osx .container-1r6BKw { |
| |
31900 | -webkit-app-region: drag |
| |
31901 | } |
| |
31902 | |
| |
31903 | .iconWrapper-2OrFZ1 { |
| |
31904 | -ms-flex: 0 0 auto; |
| |
31905 | -webkit-box-flex: 0; |
| |
31906 | flex: 0 0 auto; |
| |
31907 | height: 24px; |
| |
31908 | margin: 0 8px; |
| |
31909 | position: relative; |
| |
31910 | width: auto |
| |
31911 | } |
| |
31912 | |
| |
31913 | .icon-22AiRD { |
| |
31914 | -webkit-app-region: no-drag; |
| |
31915 | display: block; |
| |
31916 | height: 24px; |
| |
31917 | width: 24px |
| |
31918 | } |
| |
31919 | |
| |
31920 | .clickable-3rdHwn { |
| |
31921 | cursor: pointer |
| |
31922 | } |
| |
31923 | |
| |
31924 | .iconBadge-qZ4Ksk { |
| |
31925 | background-color: #f04747; |
| |
31926 | border-radius: 8px; |
| |
31927 | bottom: 2px; |
| |
31928 | height: 8px; |
| |
31929 | position: absolute; |
| |
31930 | right: 2px; |
| |
31931 | width: 8px |
| |
31932 | } |
| |
31933 | |
| |
31934 | .divider-3FBTu8 { |
| |
31935 | -ms-flex: 0 0 auto; |
| |
31936 | -webkit-box-flex: 0; |
| |
31937 | flex: 0 0 auto; |
| |
31938 | height: 24px; |
| |
31939 | margin: 0 8px; |
| |
31940 | width: 1px |
| |
31941 | } |
| |
31942 | |
| |
31943 | .theme-dark .container-1r6BKw { |
| |
31944 | -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .2), 0 1.5px 0 rgba(0, 0, 0, .05), 0 2px 0 rgba(0, 0, 0, .05); |
| |
31945 | background: #36393f; |
| |
31946 | box-shadow: 0 1px 0 rgba(0, 0, 0, .2), 0 1.5px 0 rgba(0, 0, 0, .05), 0 2px 0 rgba(0, 0, 0, .05); |
| |
31947 | color: #b9bbbe |
| |
31948 | } |
| |
31949 | |
| |
31950 | .theme-dark .children-19S4PO:after { |
| |
31951 | background: -webkit-gradient(linear, left top, right top, from(rgba(54, 57, 63, 0)), to(#36393f)); |
| |
31952 | background: linear-gradient(90deg, rgba(54, 57, 63, 0) 0, #36393f) |
| |
31953 | } |
| |
31954 | |
| |
31955 | .theme-dark .icon-22AiRD { |
| |
31956 | color: #72767d |
| |
31957 | } |
| |
31958 | |
| |
31959 | .theme-dark .clickable-3rdHwn .icon-22AiRD { |
| |
31960 | color: #b9bbbe |
| |
31961 | } |
| |
31962 | |
| |
31963 | .theme-dark .clickable-3rdHwn:hover .icon-22AiRD { |
| |
31964 | color: #dcddde |
| |
31965 | } |
| |
31966 | |
| |
31967 | .theme-dark .selected-1GqIat .icon-22AiRD, |
| |
31968 | .theme-dark .selected-1GqIat:hover .icon-22AiRD { |
| |
31969 | color: #fff |
| |
31970 | } |
| |
31971 | |
| |
31972 | .theme-dark .divider-3FBTu8 { |
| |
31973 | background: #40444b |
| |
31974 | } |
| |
31975 | |
| |
31976 | .theme-light .container-1r6BKw { |
| |
31977 | -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .1), 0 1.5px 0 rgba(0, 0, 0, .025), 0 2px 0 rgba(0, 0, 0, .025); |
| |
31978 | background: #fff; |
| |
31979 | box-shadow: 0 1px 0 rgba(0, 0, 0, .1), 0 1.5px 0 rgba(0, 0, 0, .025), 0 2px 0 rgba(0, 0, 0, .025); |
| |
31980 | color: #4f5660 |
| |
31981 | } |
| |
31982 | |
| |
31983 | .theme-light .children-19S4PO:after { |
| |
31984 | background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), to(#fff)); |
| |
31985 | background: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #fff) |
| |
31986 | } |
| |
31987 | |
| |
31988 | .theme-light .icon-22AiRD { |
| |
31989 | color: #9099a4 |
| |
31990 | } |
| |
31991 | |
| |
31992 | .theme-light .clickable-3rdHwn .icon-22AiRD { |
| |
31993 | color: #4f5660 |
| |
31994 | } |
| |
31995 | |
| |
31996 | .theme-light .clickable-3rdHwn:hover .icon-22AiRD, |
| |
31997 | .theme-light .selected-1GqIat .icon-22AiRD { |
| |
31998 | color: #2e3338 |
| |
31999 | } |
| |
32000 | |
| |
32001 | .theme-light .divider-3FBTu8 { |
| |
32002 | background: #d2d6da |
| |
32003 | } |
| |
32004 | |
| |
32005 | .theme-dark .transparent-2ZlE3R.container-1r6BKw, |
| |
32006 | .theme-light .transparent-2ZlE3R.container-1r6BKw { |
| |
32007 | -webkit-box-shadow: none; |
| |
32008 | background: transparent; |
| |
32009 | box-shadow: none |
| |
32010 | } |
| |
32011 | |
| |
32012 | .theme-dark .transparent-2ZlE3R .title-29uC1r, |
| |
32013 | .theme-light .transparent-2ZlE3R .title-29uC1r { |
| |
32014 | color: #fff |
| |
32015 | } |
| |
32016 | |
| |
32017 | .theme-dark .transparent-2ZlE3R .children-19S4PO:after, |
| |
32018 | .theme-light .transparent-2ZlE3R .children-19S4PO:after { |
| |
32019 | background: none; |
| |
32020 | display: none |
| |
32021 | } |
| |
32022 | |
| |
32023 | .theme-dark .transparent-2ZlE3R .icon-22AiRD, |
| |
32024 | .theme-light .transparent-2ZlE3R .icon-22AiRD { |
| |
32025 | color: #72767d |
| |
32026 | } |
| |
32027 | |
| |
32028 | .theme-dark .transparent-2ZlE3R .clickable-3rdHwn .icon-22AiRD, |
| |
32029 | .theme-light .transparent-2ZlE3R .clickable-3rdHwn .icon-22AiRD { |
| |
32030 | color: #b9bbbe |
| |
32031 | } |
| |
32032 | |
| |
32033 | .theme-dark .transparent-2ZlE3R .clickable-3rdHwn:hover .icon-22AiRD, |
| |
32034 | .theme-light .transparent-2ZlE3R .clickable-3rdHwn:hover .icon-22AiRD { |
| |
32035 | color: #dcddde |
| |
32036 | } |
| |
32037 | |
| |
32038 | .theme-dark .transparent-2ZlE3R .selected-1GqIat .icon-22AiRD, |
| |
32039 | .theme-dark .transparent-2ZlE3R .selected-1GqIat:hover .icon-22AiRD, |
| |
32040 | .theme-light .transparent-2ZlE3R .selected-1GqIat .icon-22AiRD, |
| |
32041 | .theme-light .transparent-2ZlE3R .selected-1GqIat:hover .icon-22AiRD { |
| |
32042 | color: #fff |
| |
32043 | } |
| |
32044 | |
| |
32045 | .theme-dark .transparent-2ZlE3R .divider-3FBTu8, |
| |
32046 | .theme-light .transparent-2ZlE3R .divider-3FBTu8 { |
| |
32047 | background: #40444b |
| |
32048 | } |
| |
32049 | |
| |
32050 | .strikethrough-3Wiitd { |
| |
32051 | color: #f04747 |
| |
32052 | } |
| |
32053 | |
| |
32054 | .messagesPopoutWrap-1MQ1bW { |
| |
32055 | min-height: 384px; |
| |
32056 | width: 420px |
| |
32057 | } |
| |
32058 | |
| |
32059 | .header-ykumBX { |
| |
32060 | padding: 12px 20px |
| |
32061 | } |
| |
32062 | |
| |
32063 | .footer-1kmXd4 { |
| |
32064 | height: 53px |
| |
32065 | } |
| |
32066 | |
| |
32067 | .loadingMore-1cSz09 { |
| |
32068 | -ms-flex-align: center; |
| |
32069 | -ms-flex-pack: center; |
| |
32070 | -webkit-box-align: center; |
| |
32071 | -webkit-box-pack: center; |
| |
32072 | align-items: center; |
| |
32073 | display: -webkit-box; |
| |
32074 | display: -ms-flexbox; |
| |
32075 | display: flex; |
| |
32076 | justify-content: center |
| |
32077 | } |
| |
32078 | |
| |
32079 | .loadingMore-1cSz09 .spinner-MoOpqm { |
| |
32080 | display: inline-block; |
| |
32081 | margin: 0 |
| |
32082 | } |
| |
32083 | |
| |
32084 | .hasMore-sul95G, |
| |
32085 | .loadingMore-1cSz09 { |
| |
32086 | height: 36px; |
| |
32087 | margin-top: 10px |
| |
32088 | } |
| |
32089 | |
| |
32090 | .hasMore-sul95G { |
| |
32091 | -ms-flex-align: center; |
| |
32092 | -webkit-box-align: center; |
| |
32093 | align-items: center; |
| |
32094 | display: -webkit-box; |
| |
32095 | display: -ms-flexbox; |
| |
32096 | display: flex |
| |
32097 | } |
| |
32098 | |
| |
32099 | .hasMoreButton-1MELpI { |
| |
32100 | -ms-flex-positive: 1; |
| |
32101 | -webkit-box-flex: 1; |
| |
32102 | border-radius: 3px; |
| |
32103 | border-style: solid; |
| |
32104 | border-width: 1px; |
| |
32105 | flex-grow: 1; |
| |
32106 | font-size: 12px; |
| |
32107 | font-weight: 500; |
| |
32108 | height: 30px; |
| |
32109 | margin: 0; |
| |
32110 | text-align: center; |
| |
32111 | text-transform: uppercase; |
| |
32112 | width: 100% |
| |
32113 | } |
| |
32114 | |
| |
32115 | .messagesPopout-24nkyi { |
| |
32116 | -ms-flex: 1; |
| |
32117 | -webkit-box-flex: 1; |
| |
32118 | -webkit-box-sizing: border-box; |
| |
32119 | border-radius: 0 0 5px 5px; |
| |
32120 | box-sizing: border-box; |
| |
32121 | flex: 1; |
| |
32122 | padding: 13px 5px 7px 13px |
| |
32123 | } |
| |
32124 | |
| |
32125 | .messageGroupWrapper-o-Zw7G { |
| |
32126 | -moz-user-select: none; |
| |
32127 | -ms-user-select: none; |
| |
32128 | -webkit-transition: border-color .1s ease-in-out; |
| |
32129 | -webkit-user-select: none; |
| |
32130 | border-radius: 5px; |
| |
32131 | border-style: solid; |
| |
32132 | border-width: 2px; |
| |
32133 | margin: 0 0 6px; |
| |
32134 | overflow: hidden; |
| |
32135 | padding: 10px; |
| |
32136 | position: relative; |
| |
32137 | transition: border-color .1s ease-in-out; |
| |
32138 | user-select: none |
| |
32139 | } |
| |
32140 | |
| |
32141 | .messageGroupWrapper-o-Zw7G:hover .actionButtons-1sUUug .jumpButton-3DTcS_ { |
| |
32142 | opacity: 1 |
| |
32143 | } |
| |
32144 | |
| |
32145 | .messageGroupWrapper-o-Zw7G:hover .actionButtons-1sUUug .closeButton-17RIVZ { |
| |
32146 | opacity: .3 |
| |
32147 | } |
| |
32148 | |
| |
32149 | .messageGroupWrapper-o-Zw7G .accessories-1lMpsM { |
| |
32150 | margin-bottom: 0 |
| |
32151 | } |
| |
32152 | |
| |
32153 | .messageGroupWrapperOffsetCorrection-phOU-k { |
| |
32154 | margin-bottom: -20px; |
| |
32155 | margin-left: -20px; |
| |
32156 | margin-top: -20px |
| |
32157 | } |
| |
32158 | |
| |
32159 | .messageGroupCozy-2iY6cT { |
| |
32160 | margin-bottom: 0 |
| |
32161 | } |
| |
32162 | |
| |
32163 | .scrollingFooterWrap-3FDlMn { |
| |
32164 | height: 190px; |
| |
32165 | margin-bottom: -7px; |
| |
32166 | position: relative |
| |
32167 | } |
| |
32168 | |
| |
32169 | .emptyPlaceholder-1zh-Eu { |
| |
32170 | -ms-flex-direction: column; |
| |
32171 | -webkit-box-direction: normal; |
| |
32172 | -webkit-box-orient: vertical; |
| |
32173 | display: -webkit-box; |
| |
32174 | display: -ms-flexbox; |
| |
32175 | display: flex; |
| |
32176 | flex-direction: column; |
| |
32177 | margin-top: 30px |
| |
32178 | } |
| |
32179 | |
| |
32180 | .emptyPlaceholder-1zh-Eu, |
| |
32181 | .emptyPlaceholder-1zh-Eu.bottom-TGnsta { |
| |
32182 | -ms-flex-align: center; |
| |
32183 | -webkit-box-align: center; |
| |
32184 | align-items: center |
| |
32185 | } |
| |
32186 | |
| |
32187 | .emptyPlaceholder-1zh-Eu.bottom-TGnsta { |
| |
32188 | bottom: 0; |
| |
32189 | left: 0; |
| |
32190 | position: absolute; |
| |
32191 | right: 0 |
| |
32192 | } |
| |
32193 | |
| |
32194 | .emptyPlaceholder-1zh-Eu.bottom-TGnsta .image-2JDb81 { |
| |
32195 | margin-top: 25px |
| |
32196 | } |
| |
32197 | |
| |
32198 | .emptyPlaceholder-1zh-Eu.loadingPlaceholder-2SCYFe { |
| |
32199 | margin-top: 100px |
| |
32200 | } |
| |
32201 | |
| |
32202 | .emptyPlaceholder-1zh-Eu .body-bvcIjN { |
| |
32203 | font-size: 16px; |
| |
32204 | line-height: 19px |
| |
32205 | } |
| |
32206 | |
| |
32207 | .image-2JDb81 { |
| |
32208 | background-position: 50%; |
| |
32209 | background-repeat: no-repeat; |
| |
32210 | background-size: 94px 120px; |
| |
32211 | height: 120px; |
| |
32212 | width: 120px |
| |
32213 | } |
| |
32214 | |
| |
32215 | .body-bvcIjN { |
| |
32216 | font-size: 16px; |
| |
32217 | font-weight: 500; |
| |
32218 | line-height: 19px; |
| |
32219 | margin-top: 20px; |
| |
32220 | text-align: center; |
| |
32221 | white-space: pre |
| |
32222 | } |
| |
32223 | |
| |
32224 | .loadingPlaceholder-2SCYFe { |
| |
32225 | margin-top: 240px |
| |
32226 | } |
| |
32227 | |
| |
32228 | .channelSeparator-1MxuvT { |
| |
32229 | margin-bottom: 10px; |
| |
32230 | margin-top: 26px |
| |
32231 | } |
| |
32232 | |
| |
32233 | .channelName-3kBz6H { |
| |
32234 | cursor: pointer; |
| |
32235 | font-size: 15px; |
| |
32236 | font-weight: 500; |
| |
32237 | line-height: 18px |
| |
32238 | } |
| |
32239 | |
| |
32240 | .channelName-3kBz6H:hover { |
| |
32241 | text-decoration: underline |
| |
32242 | } |
| |
32243 | |
| |
32244 | .guildName-1Bc3Ta { |
| |
32245 | color: rgba(79, 84, 92, .3); |
| |
32246 | font-size: 11px; |
| |
32247 | font-weight: 500; |
| |
32248 | line-height: 14px; |
| |
32249 | margin-left: 4px |
| |
32250 | } |
| |
32251 | |
| |
32252 | .channelSeparator-1MxuvT:first-of-type { |
| |
32253 | margin-top: 13px |
| |
32254 | } |
| |
32255 | |
| |
32256 | .actionButtons-1sUUug { |
| |
32257 | -webkit-transition: background-color .1s ease-in-out, -webkit-box-shadow .1s ease-in-out; |
| |
32258 | float: right; |
| |
32259 | position: absolute; |
| |
32260 | right: 10px; |
| |
32261 | top: 10px; |
| |
32262 | transition: background-color .1s ease-in-out, -webkit-box-shadow .1s ease-in-out; |
| |
32263 | transition: box-shadow .1s ease-in-out, background-color .1s ease-in-out; |
| |
32264 | transition: box-shadow .1s ease-in-out, background-color .1s ease-in-out, -webkit-box-shadow .1s ease-in-out |
| |
32265 | } |
| |
32266 | |
| |
32267 | .actionButtons-1sUUug, |
| |
32268 | .jumpButton-3DTcS_ { |
| |
32269 | display: -webkit-box; |
| |
32270 | display: -ms-flexbox; |
| |
32271 | display: flex |
| |
32272 | } |
| |
32273 | |
| |
32274 | .jumpButton-3DTcS_ { |
| |
32275 | -moz-user-select: none; |
| |
32276 | -ms-user-select: none; |
| |
32277 | -webkit-transition: opacity .1s ease-in-out, color .1s ease-in-out; |
| |
32278 | -webkit-user-select: none; |
| |
32279 | border-radius: 3px; |
| |
32280 | cursor: pointer; |
| |
32281 | font-size: 11px; |
| |
32282 | font-weight: 500; |
| |
32283 | height: 14px; |
| |
32284 | line-height: 14px; |
| |
32285 | margin-left: 6px; |
| |
32286 | margin-right: 4px; |
| |
32287 | opacity: 0; |
| |
32288 | padding: 2px 8px; |
| |
32289 | position: relative; |
| |
32290 | text-align: center; |
| |
32291 | transition: opacity .1s ease-in-out, color .1s ease-in-out; |
| |
32292 | user-select: none |
| |
32293 | } |
| |
32294 | |
| |
32295 | .jumpButton-3DTcS_ .text-3ewTZb.hidden-3LSmvB { |
| |
32296 | opacity: 0 |
| |
32297 | } |
| |
32298 | |
| |
32299 | .jumpButton-3DTcS_ .loading-2bJK5L { |
| |
32300 | -ms-flex-align: center; |
| |
32301 | -ms-flex-pack: center; |
| |
32302 | -webkit-box-align: center; |
| |
32303 | -webkit-box-pack: center; |
| |
32304 | align-items: center; |
| |
32305 | bottom: 0; |
| |
32306 | display: -webkit-box; |
| |
32307 | display: -ms-flexbox; |
| |
32308 | display: flex; |
| |
32309 | justify-content: center; |
| |
32310 | left: 0; |
| |
32311 | opacity: 0; |
| |
32312 | position: absolute; |
| |
32313 | right: 0; |
| |
32314 | top: 0 |
| |
32315 | } |
| |
32316 | |
| |
32317 | .jumpButton-3DTcS_ .loading-2bJK5L.visible-1PE5Ym { |
| |
32318 | opacity: 1 |
| |
32319 | } |
| |
32320 | |
| |
32321 | .closeButton-17RIVZ { |
| |
32322 | -webkit-transition: opacity .1s ease-in-out; |
| |
32323 | background-image: url(/assets/322977be43163c5e0a9d2a1108ae04c9.svg); |
| |
32324 | background-position: 50%; |
| |
32325 | background-size: 16px 16px; |
| |
32326 | cursor: pointer; |
| |
32327 | height: 16px; |
| |
32328 | margin-top: 1px; |
| |
32329 | opacity: 0; |
| |
32330 | transition: opacity .1s ease-in-out; |
| |
32331 | width: 16px |
| |
32332 | } |
| |
32333 | |
| |
32334 | .closeButton-17RIVZ:hover { |
| |
32335 | opacity: .6 |
| |
32336 | } |
| |
32337 | |
| |
32338 | .comment-1bsQGU { |
| |
32339 | margin: 0; |
| |
32340 | padding: 0 |
| |
32341 | } |
| |
32342 | |
| |
32343 | .message-fz2Gg_ { |
| |
32344 | max-width: 296px |
| |
32345 | } |
| |
32346 | |
| |
32347 | .message-fz2Gg_ img { |
| |
32348 | height: auto; |
| |
32349 | max-width: 100% |
| |
32350 | } |
| |
32351 | |
| |
32352 | .theme-light .hasMoreButton-1MELpI { |
| |
32353 | background: #fcfcfc; |
| |
32354 | border-color: #e3e5e7; |
| |
32355 | color: #7289da |
| |
32356 | } |
| |
32357 | |
| |
32358 | .theme-light .hasMoreButton-1MELpI:hover { |
| |
32359 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .08); |
| |
32360 | box-shadow: 0 1px 3px rgba(0, 0, 0, .08) |
| |
32361 | } |
| |
32362 | |
| |
32363 | .theme-light .actionButtons-1sUUug { |
| |
32364 | -webkit-box-shadow: 0 0 6px 4px transparent; |
| |
32365 | background-color: transparent; |
| |
32366 | box-shadow: 0 0 6px 4px transparent |
| |
32367 | } |
| |
32368 | |
| |
32369 | .theme-light .messageGroupWrapper-o-Zw7G { |
| |
32370 | border-color: rgba(28, 36, 43, .06) |
| |
32371 | } |
| |
32372 | |
| |
32373 | .theme-light .messageGroupWrapper-o-Zw7G:hover { |
| |
32374 | border-color: rgba(28, 36, 43, .12) |
| |
32375 | } |
| |
32376 | |
| |
32377 | .theme-light .messageGroupWrapper-o-Zw7G:hover .actionButtons-1sUUug { |
| |
32378 | -webkit-box-shadow: 0 0 6px 4px #fff; |
| |
32379 | background-color: #fff; |
| |
32380 | box-shadow: 0 0 6px 4px #fff |
| |
32381 | } |
| |
32382 | |
| |
32383 | .theme-light .body-bvcIjN { |
| |
32384 | color: #737f8d |
| |
32385 | } |
| |
32386 | |
| |
32387 | .theme-light .channelName-3kBz6H { |
| |
32388 | color: #4f545c |
| |
32389 | } |
| |
32390 | |
| |
32391 | .theme-light .guildName-1Bc3Ta { |
| |
32392 | color: rgba(79, 84, 92, .3) |
| |
32393 | } |
| |
32394 | |
| |
32395 | .theme-light .jumpButton-3DTcS_ { |
| |
32396 | background-color: #ebebeb; |
| |
32397 | color: rgba(115, 127, 141, .6) |
| |
32398 | } |
| |
32399 | |
| |
32400 | .theme-light .jumpButton-3DTcS_:hover { |
| |
32401 | color: #737f8d |
| |
32402 | } |
| |
32403 | |
| |
32404 | .theme-dark .messagesPopoutWrap-1MQ1bW { |
| |
32405 | -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .2); |
| |
32406 | background-color: #2f3136; |
| |
32407 | border: 1px solid rgba(28, 36, 43, .6); |
| |
32408 | box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .2) |
| |
32409 | } |
| |
32410 | |
| |
32411 | .theme-dark .header-ykumBX { |
| |
32412 | -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .2); |
| |
32413 | background-color: #35393e; |
| |
32414 | box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .2) |
| |
32415 | } |
| |
32416 | |
| |
32417 | .theme-dark .header-ykumBX .title-3pkaKd { |
| |
32418 | color: #fff |
| |
32419 | } |
| |
32420 | |
| |
32421 | .theme-dark .footer-1kmXd4 { |
| |
32422 | background-color: rgba(40, 43, 48, .6) |
| |
32423 | } |
| |
32424 | |
| |
32425 | .theme-dark .footer-1kmXd4 .tip-31--sZ .body-bvcIjN { |
| |
32426 | color: hsla(0, 0%, 100%, .6) |
| |
32427 | } |
| |
32428 | |
| |
32429 | .theme-dark .hasMoreButton-1MELpI { |
| |
32430 | background: #32353b; |
| |
32431 | border-color: #2f3136; |
| |
32432 | color: #7289da |
| |
32433 | } |
| |
32434 | |
| |
32435 | .theme-dark .hasMoreButton-1MELpI:hover { |
| |
32436 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .16); |
| |
32437 | box-shadow: 0 1px 3px rgba(0, 0, 0, .16) |
| |
32438 | } |
| |
32439 | |
| |
32440 | .theme-dark .channelName-3kBz6H { |
| |
32441 | color: #fff |
| |
32442 | } |
| |
32443 | |
| |
32444 | .theme-dark .guildName-1Bc3Ta { |
| |
32445 | color: hsla(0, 0%, 100%, .3) |
| |
32446 | } |
| |
32447 | |
| |
32448 | .theme-dark .emptyPlaceholder-1zh-Eu .body-bvcIjN { |
| |
32449 | color: hsla(0, 0%, 100%, .2) |
| |
32450 | } |
| |
32451 | |
| |
32452 | .theme-dark .actionButtons-1sUUug { |
| |
32453 | -webkit-box-shadow: 0 0 6px 4px transparent; |
| |
32454 | background-color: transparent; |
| |
32455 | box-shadow: 0 0 6px 4px transparent |
| |
32456 | } |
| |
32457 | |
| |
32458 | .theme-dark .messageGroupWrapper-o-Zw7G { |
| |
32459 | background-color: #36393f; |
| |
32460 | border-color: rgba(28, 36, 43, .6) |
| |
32461 | } |
| |
32462 | |
| |
32463 | .theme-dark .messageGroupWrapper-o-Zw7G:hover { |
| |
32464 | border-color: rgba(28, 36, 43, .8) |
| |
32465 | } |
| |
32466 | |
| |
32467 | .theme-dark .messageGroupWrapper-o-Zw7G:hover .actionButtons-1sUUug { |
| |
32468 | -webkit-box-shadow: 0 0 6px 4px #36393f; |
| |
32469 | background-color: #36393f; |
| |
32470 | box-shadow: 0 0 6px 4px #36393f |
| |
32471 | } |
| |
32472 | |
| |
32473 | .theme-dark .jumpButton-3DTcS_ { |
| |
32474 | background-color: #535559; |
| |
32475 | color: hsla(0, 0%, 100%, .6) |
| |
32476 | } |
| |
32477 | |
| |
32478 | .theme-dark .jumpButton-3DTcS_:hover { |
| |
32479 | color: #fff |
| |
32480 | } |
| |
32481 | |
| |
32482 | .theme-dark .closeButton-17RIVZ { |
| |
32483 | background-image: url(/assets/b1c929f9160a3fe04306b6aef6fa1c02.svg) |
| |
32484 | } |
| |
32485 | |
| |
32486 | .searchAnswer-3Dz2-q { |
| |
32487 | border-radius: 0 2px 2px 0; |
| |
32488 | margin-left: -2px; |
| |
32489 | margin-right: 2px; |
| |
32490 | padding: 0 2px |
| |
32491 | } |
| |
32492 | |
| |
32493 | .searchFilter-2ESiM3 { |
| |
32494 | border-radius: 2px 0 0 2px; |
| |
32495 | padding: 0 2px |
| |
32496 | } |
| |
32497 | |
| |
32498 | .searchFilter-2ESiM3+.searchFilter-2ESiM3 { |
| |
32499 | margin-left: 2px |
| |
32500 | } |
| |
32501 | |
| |
32502 | .searchFilter-2ESiM3:first-child { |
| |
32503 | margin-left: -2px |
| |
32504 | } |
| |
32505 | |
| |
32506 | .searchAnswer-3Dz2-q, |
| |
32507 | .searchFilter-2ESiM3 { |
| |
32508 | color: #fff; |
| |
32509 | display: inline-block; |
| |
32510 | height: 20px |
| |
32511 | } |
| |
32512 | |
| |
32513 | .theme-light .searchAnswer-3Dz2-q, |
| |
32514 | .theme-light .searchFilter-2ESiM3 { |
| |
32515 | background-color: #72767d |
| |
32516 | } |
| |
32517 | |
| |
32518 | .theme-dark .searchAnswer-3Dz2-q, |
| |
32519 | .theme-dark .searchFilter-2ESiM3 { |
| |
32520 | background-color: #34383d |
| |
32521 | } |
| |
32522 | |
| |
32523 | .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle, |
| |
32524 | .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, |
| |
32525 | .react-datepicker__month-read-view--down-arrow, |
| |
32526 | .react-datepicker__year-read-view--down-arrow { |
| |
32527 | margin-left: -8px; |
| |
32528 | position: absolute |
| |
32529 | } |
| |
32530 | |
| |
32531 | .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle, |
| |
32532 | .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before, |
| |
32533 | .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, |
| |
32534 | .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before, |
| |
32535 | .react-datepicker__month-read-view--down-arrow, |
| |
32536 | .react-datepicker__month-read-view--down-arrow:before, |
| |
32537 | .react-datepicker__year-read-view--down-arrow, |
| |
32538 | .react-datepicker__year-read-view--down-arrow:before { |
| |
32539 | -webkit-box-sizing: content-box; |
| |
32540 | border: 8px solid transparent; |
| |
32541 | box-sizing: content-box; |
| |
32542 | height: 0; |
| |
32543 | position: absolute; |
| |
32544 | width: 1px |
| |
32545 | } |
| |
32546 | |
| |
32547 | .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before, |
| |
32548 | .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before, |
| |
32549 | .react-datepicker__month-read-view--down-arrow:before, |
| |
32550 | .react-datepicker__year-read-view--down-arrow:before { |
| |
32551 | border-bottom-color: #aeaeae; |
| |
32552 | border-width: 8px; |
| |
32553 | content: ""; |
| |
32554 | left: -8px; |
| |
32555 | z-index: -1 |
| |
32556 | } |
| |
32557 | |
| |
32558 | .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle { |
| |
32559 | margin-top: -8px; |
| |
32560 | top: 0 |
| |
32561 | } |
| |
32562 | |
| |
32563 | .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle, |
| |
32564 | .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before { |
| |
32565 | border-bottom-color: #f0f0f0; |
| |
32566 | border-top: none |
| |
32567 | } |
| |
32568 | |
| |
32569 | .react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before { |
| |
32570 | border-bottom-color: #aeaeae; |
| |
32571 | top: -1px |
| |
32572 | } |
| |
32573 | |
| |
32574 | .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, |
| |
32575 | .react-datepicker__month-read-view--down-arrow, |
| |
32576 | .react-datepicker__year-read-view--down-arrow { |
| |
32577 | bottom: 0; |
| |
32578 | margin-bottom: -8px |
| |
32579 | } |
| |
32580 | |
| |
32581 | .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle, |
| |
32582 | .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before, |
| |
32583 | .react-datepicker__month-read-view--down-arrow, |
| |
32584 | .react-datepicker__month-read-view--down-arrow:before, |
| |
32585 | .react-datepicker__year-read-view--down-arrow, |
| |
32586 | .react-datepicker__year-read-view--down-arrow:before { |
| |
32587 | border-bottom: none; |
| |
32588 | border-top-color: #fff |
| |
32589 | } |
| |
32590 | |
| |
32591 | .react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before, |
| |
32592 | .react-datepicker__month-read-view--down-arrow:before, |
| |
32593 | .react-datepicker__year-read-view--down-arrow:before { |
| |
32594 | border-top-color: #aeaeae; |
| |
32595 | bottom: -1px |
| |
32596 | } |
| |
32597 | |
| |
32598 | .react-datepicker-wrapper { |
| |
32599 | display: inline-block |
| |
32600 | } |
| |
32601 | |
| |
32602 | .react-datepicker { |
| |
32603 | background-color: #fff; |
| |
32604 | border: 1px solid #aeaeae; |
| |
32605 | border-radius: .3rem; |
| |
32606 | color: #000; |
| |
32607 | display: inline-block; |
| |
32608 | font-size: .8rem; |
| |
32609 | position: relative |
| |
32610 | } |
| |
32611 | |
| |
32612 | .react-datepicker__triangle { |
| |
32613 | left: 50px; |
| |
32614 | position: absolute |
| |
32615 | } |
| |
32616 | |
| |
32617 | .react-datepicker-popper { |
| |
32618 | z-index: 1 |
| |
32619 | } |
| |
32620 | |
| |
32621 | .react-datepicker-popper[data-placement^=bottom] { |
| |
32622 | margin-top: 10px |
| |
32623 | } |
| |
32624 | |
| |
32625 | .react-datepicker-popper[data-placement^=top] { |
| |
32626 | margin-bottom: 6px |
| |
32627 | } |
| |
32628 | |
| |
32629 | .react-datepicker-popper[data-placement^=right] { |
| |
32630 | margin-left: 8px |
| |
32631 | } |
| |
32632 | |
| |
32633 | .react-datepicker-popper[data-placement^=right] .react-datepicker__triangle { |
| |
32634 | left: auto; |
| |
32635 | right: 42px |
| |
32636 | } |
| |
32637 | |
| |
32638 | .react-datepicker-popper[data-placement^=left] { |
| |
32639 | margin-right: 8px |
| |
32640 | } |
| |
32641 | |
| |
32642 | .react-datepicker-popper[data-placement^=left] .react-datepicker__triangle { |
| |
32643 | left: 42px; |
| |
32644 | right: auto |
| |
32645 | } |
| |
32646 | |
| |
32647 | .react-datepicker__header { |
| |
32648 | background-color: #f0f0f0; |
| |
32649 | border-bottom: 1px solid #aeaeae; |
| |
32650 | border-top-left-radius: .3rem; |
| |
32651 | border-top-right-radius: .3rem; |
| |
32652 | padding-top: 8px; |
| |
32653 | position: relative; |
| |
32654 | text-align: center |
| |
32655 | } |
| |
32656 | |
| |
32657 | .react-datepicker__month-dropdown-container--scroll, |
| |
32658 | .react-datepicker__month-dropdown-container--select, |
| |
32659 | .react-datepicker__year-dropdown-container--scroll, |
| |
32660 | .react-datepicker__year-dropdown-container--select { |
| |
32661 | display: inline-block; |
| |
32662 | margin: 0 2px |
| |
32663 | } |
| |
32664 | |
| |
32665 | .react-datepicker__current-month { |
| |
32666 | color: #000; |
| |
32667 | font-size: .944rem; |
| |
32668 | font-weight: 700; |
| |
32669 | margin-top: 0 |
| |
32670 | } |
| |
32671 | |
| |
32672 | .react-datepicker__navigation { |
| |
32673 | border: .45rem solid transparent; |
| |
32674 | cursor: pointer; |
| |
32675 | line-height: 1.7rem; |
| |
32676 | position: absolute; |
| |
32677 | text-align: center; |
| |
32678 | top: 10px; |
| |
32679 | width: 0; |
| |
32680 | z-index: 1 |
| |
32681 | } |
| |
32682 | |
| |
32683 | .react-datepicker__navigation--previous { |
| |
32684 | border-right-color: #ccc; |
| |
32685 | left: 10px |
| |
32686 | } |
| |
32687 | |
| |
32688 | .react-datepicker__navigation--previous:hover { |
| |
32689 | border-right-color: #b3b2b2 |
| |
32690 | } |
| |
32691 | |
| |
32692 | .react-datepicker__navigation--next { |
| |
32693 | border-left-color: #ccc; |
| |
32694 | right: 10px |
| |
32695 | } |
| |
32696 | |
| |
32697 | .react-datepicker__navigation--next:hover { |
| |
32698 | border-left-color: #b3b2b2 |
| |
32699 | } |
| |
32700 | |
| |
32701 | .react-datepicker__navigation--years { |
| |
32702 | display: block; |
| |
32703 | margin-left: auto; |
| |
32704 | margin-right: auto; |
| |
32705 | position: relative; |
| |
32706 | top: 0 |
| |
32707 | } |
| |
32708 | |
| |
32709 | .react-datepicker__navigation--years-previous { |
| |
32710 | border-top-color: #ccc; |
| |
32711 | top: 4px |
| |
32712 | } |
| |
32713 | |
| |
32714 | .react-datepicker__navigation--years-previous:hover { |
| |
32715 | border-top-color: #b3b2b2 |
| |
32716 | } |
| |
32717 | |
| |
32718 | .react-datepicker__navigation--years-upcoming { |
| |
32719 | border-bottom-color: #ccc; |
| |
32720 | top: -4px |
| |
32721 | } |
| |
32722 | |
| |
32723 | .react-datepicker__navigation--years-upcoming:hover { |
| |
32724 | border-bottom-color: #b3b2b2 |
| |
32725 | } |
| |
32726 | |
| |
32727 | .react-datepicker__month-container { |
| |
32728 | display: inline; |
| |
32729 | float: left |
| |
32730 | } |
| |
32731 | |
| |
32732 | .react-datepicker__month { |
| |
32733 | margin: .4rem; |
| |
32734 | text-align: center |
| |
32735 | } |
| |
32736 | |
| |
32737 | .react-datepicker__week-number { |
| |
32738 | color: #ccc; |
| |
32739 | display: inline-block; |
| |
32740 | line-height: 1.7rem; |
| |
32741 | margin: .166rem; |
| |
32742 | text-align: center; |
| |
32743 | width: 1.7rem |
| |
32744 | } |
| |
32745 | |
| |
32746 | .react-datepicker__week-number.react-datepicker__week-number--clickable { |
| |
32747 | cursor: pointer |
| |
32748 | } |
| |
32749 | |
| |
32750 | .react-datepicker__week-number.react-datepicker__week-number--clickable:hover { |
| |
32751 | background-color: #f0f0f0; |
| |
32752 | border-radius: .3rem |
| |
32753 | } |
| |
32754 | |
| |
32755 | .react-datepicker__day, |
| |
32756 | .react-datepicker__day-name { |
| |
32757 | color: #000; |
| |
32758 | display: inline-block; |
| |
32759 | line-height: 1.7rem; |
| |
32760 | margin: .166rem; |
| |
32761 | text-align: center; |
| |
32762 | width: 1.7rem |
| |
32763 | } |
| |
32764 | |
| |
32765 | .react-datepicker__day { |
| |
32766 | cursor: pointer |
| |
32767 | } |
| |
32768 | |
| |
32769 | .react-datepicker__day:hover { |
| |
32770 | background-color: #f0f0f0; |
| |
32771 | border-radius: .3rem |
| |
32772 | } |
| |
32773 | |
| |
32774 | .react-datepicker__day--today { |
| |
32775 | font-weight: 700 |
| |
32776 | } |
| |
32777 | |
| |
32778 | .react-datepicker__day--highlighted { |
| |
32779 | background-color: #3dcc4a; |
| |
32780 | border-radius: .3rem; |
| |
32781 | color: #fff |
| |
32782 | } |
| |
32783 | |
| |
32784 | .react-datepicker__day--highlighted:hover { |
| |
32785 | background-color: #32be3f |
| |
32786 | } |
| |
32787 | |
| |
32788 | .react-datepicker__day--highlighted-custom-1 { |
| |
32789 | color: #f0f |
| |
32790 | } |
| |
32791 | |
| |
32792 | .react-datepicker__day--highlighted-custom-2 { |
| |
32793 | color: green |
| |
32794 | } |
| |
32795 | |
| |
32796 | .react-datepicker__day--in-range, |
| |
32797 | .react-datepicker__day--in-selecting-range, |
| |
32798 | .react-datepicker__day--selected { |
| |
32799 | background-color: #216ba5; |
| |
32800 | border-radius: .3rem; |
| |
32801 | color: #fff |
| |
32802 | } |
| |
32803 | |
| |
32804 | .react-datepicker__day--in-range:hover, |
| |
32805 | .react-datepicker__day--in-selecting-range:hover, |
| |
32806 | .react-datepicker__day--selected:hover { |
| |
32807 | background-color: #1d5d90 |
| |
32808 | } |
| |
32809 | |
| |
32810 | .react-datepicker__day--keyboard-selected { |
| |
32811 | background-color: #2a87d0; |
| |
32812 | border-radius: .3rem; |
| |
32813 | color: #fff |
| |
32814 | } |
| |
32815 | |
| |
32816 | .react-datepicker__day--keyboard-selected:hover { |
| |
32817 | background-color: #1d5d90 |
| |
32818 | } |
| |
32819 | |
| |
32820 | .react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range) { |
| |
32821 | background-color: rgba(33, 107, 165, .5) |
| |
32822 | } |
| |
32823 | |
| |
32824 | .react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range) { |
| |
32825 | background-color: #f0f0f0; |
| |
32826 | color: #000 |
| |
32827 | } |
| |
32828 | |
| |
32829 | .react-datepicker__day--disabled { |
| |
32830 | color: #ccc; |
| |
32831 | cursor: default |
| |
32832 | } |
| |
32833 | |
| |
32834 | .react-datepicker__day--disabled:hover { |
| |
32835 | background-color: transparent |
| |
32836 | } |
| |
32837 | |
| |
32838 | .react-datepicker__input-container { |
| |
32839 | display: inline-block; |
| |
32840 | position: relative |
| |
32841 | } |
| |
32842 | |
| |
32843 | .react-datepicker__month-read-view, |
| |
32844 | .react-datepicker__year-read-view { |
| |
32845 | border: 1px solid transparent; |
| |
32846 | border-radius: .3rem |
| |
32847 | } |
| |
32848 | |
| |
32849 | .react-datepicker__month-read-view:hover, |
| |
32850 | .react-datepicker__year-read-view:hover { |
| |
32851 | cursor: pointer |
| |
32852 | } |
| |
32853 | |
| |
32854 | .react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow, |
| |
32855 | .react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow, |
| |
32856 | .react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow, |
| |
32857 | .react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow { |
| |
32858 | border-top-color: #b3b2b2 |
| |
32859 | } |
| |
32860 | |
| |
32861 | .react-datepicker__month-read-view--down-arrow, |
| |
32862 | .react-datepicker__year-read-view--down-arrow { |
| |
32863 | border-top-color: #ccc; |
| |
32864 | border-width: .45rem; |
| |
32865 | float: right; |
| |
32866 | margin-left: 20px; |
| |
32867 | position: relative; |
| |
32868 | top: 8px |
| |
32869 | } |
| |
32870 | |
| |
32871 | .react-datepicker__month-dropdown, |
| |
32872 | .react-datepicker__year-dropdown { |
| |
32873 | background-color: #f0f0f0; |
| |
32874 | border: 1px solid #aeaeae; |
| |
32875 | border-radius: .3rem; |
| |
32876 | left: 25%; |
| |
32877 | position: absolute; |
| |
32878 | text-align: center; |
| |
32879 | top: 30px; |
| |
32880 | width: 50%; |
| |
32881 | z-index: 1 |
| |
32882 | } |
| |
32883 | |
| |
32884 | .react-datepicker__month-dropdown:hover, |
| |
32885 | .react-datepicker__year-dropdown:hover { |
| |
32886 | cursor: pointer |
| |
32887 | } |
| |
32888 | |
| |
32889 | .react-datepicker__month-dropdown--scrollable, |
| |
32890 | .react-datepicker__year-dropdown--scrollable { |
| |
32891 | height: 150px; |
| |
32892 | overflow-y: scroll |
| |
32893 | } |
| |
32894 | |
| |
32895 | .react-datepicker__month-option, |
| |
32896 | .react-datepicker__year-option { |
| |
32897 | display: block; |
| |
32898 | line-height: 20px; |
| |
32899 | margin-left: auto; |
| |
32900 | margin-right: auto; |
| |
32901 | width: 100% |
| |
32902 | } |
| |
32903 | |
| |
32904 | .react-datepicker__month-option:first-of-type, |
| |
32905 | .react-datepicker__year-option:first-of-type { |
| |
32906 | border-top-left-radius: .3rem; |
| |
32907 | border-top-right-radius: .3rem |
| |
32908 | } |
| |
32909 | |
| |
32910 | .react-datepicker__month-option:last-of-type, |
| |
32911 | .react-datepicker__year-option:last-of-type { |
| |
32912 | -moz-user-select: none; |
| |
32913 | -ms-user-select: none; |
| |
32914 | -webkit-user-select: none; |
| |
32915 | border-bottom-left-radius: .3rem; |
| |
32916 | border-bottom-right-radius: .3rem; |
| |
32917 | user-select: none |
| |
32918 | } |
| |
32919 | |
| |
32920 | .react-datepicker__month-option:hover, |
| |
32921 | .react-datepicker__year-option:hover { |
| |
32922 | background-color: #ccc |
| |
32923 | } |
| |
32924 | |
| |
32925 | .react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming, |
| |
32926 | .react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming { |
| |
32927 | border-bottom-color: #b3b2b2 |
| |
32928 | } |
| |
32929 | |
| |
32930 | .react-datepicker__month-option:hover .react-datepicker__navigation--years-previous, |
| |
32931 | .react-datepicker__year-option:hover .react-datepicker__navigation--years-previous { |
| |
32932 | border-top-color: #b3b2b2 |
| |
32933 | } |
| |
32934 | |
| |
32935 | .react-datepicker__month-option--selected, |
| |
32936 | .react-datepicker__year-option--selected { |
| |
32937 | left: 15px; |
| |
32938 | position: absolute |
| |
32939 | } |
| |
32940 | |
| |
32941 | .react-datepicker__close-icon { |
| |
32942 | background-color: transparent; |
| |
32943 | border: 0; |
| |
32944 | cursor: pointer; |
| |
32945 | display: inline-block; |
| |
32946 | height: 0; |
| |
32947 | outline: 0; |
| |
32948 | padding: 0; |
| |
32949 | vertical-align: middle |
| |
32950 | } |
| |
32951 | |
| |
32952 | .react-datepicker__close-icon:after { |
| |
32953 | -webkit-box-sizing: border-box; |
| |
32954 | background-color: #216ba5; |
| |
32955 | border-radius: 50%; |
| |
32956 | bottom: 0; |
| |
32957 | box-sizing: border-box; |
| |
32958 | color: #fff; |
| |
32959 | content: "\D7"; |
| |
32960 | cursor: pointer; |
| |
32961 | font-size: 12px; |
| |
32962 | height: 16px; |
| |
32963 | line-height: 1; |
| |
32964 | margin: -8px auto 0; |
| |
32965 | padding: 2px; |
| |
32966 | position: absolute; |
| |
32967 | right: 7px; |
| |
32968 | text-align: center; |
| |
32969 | top: 50%; |
| |
32970 | width: 16px |
| |
32971 | } |
| |
32972 | |
| |
32973 | .react-datepicker__today-button { |
| |
32974 | background: #f0f0f0; |
| |
32975 | border-top: 1px solid #aeaeae; |
| |
32976 | clear: left; |
| |
32977 | cursor: pointer; |
| |
32978 | font-weight: 700; |
| |
32979 | padding: 5px 0; |
| |
32980 | text-align: center |
| |
32981 | } |
| |
32982 | |
| |
32983 | .react-datepicker__portal { |
| |
32984 | -ms-flex-align: center; |
| |
32985 | -ms-flex-pack: center; |
| |
32986 | -webkit-box-align: center; |
| |
32987 | -webkit-box-pack: center; |
| |
32988 | align-items: center; |
| |
32989 | background-color: rgba(0, 0, 0, .8); |
| |
32990 | display: -webkit-box; |
| |
32991 | display: -ms-flexbox; |
| |
32992 | display: flex; |
| |
32993 | height: 100vh; |
| |
32994 | justify-content: center; |
| |
32995 | left: 0; |
| |
32996 | position: fixed; |
| |
32997 | top: 0; |
| |
32998 | width: 100vw; |
| |
32999 | z-index: 2147483647 |
| |
33000 | } |
| |
33001 | |
| |
33002 | .react-datepicker__portal .react-datepicker__day, |
| |
33003 | .react-datepicker__portal .react-datepicker__day-name { |
| |
33004 | line-height: 3rem; |
| |
33005 | width: 3rem |
| |
33006 | } |
| |
33007 | |
| |
33008 | @media (max-height:550px), |
| |
33009 | (max-width:400px) { |
| |
33010 | |
| |
33011 | .react-datepicker__portal .react-datepicker__day, |
| |
33012 | .react-datepicker__portal .react-datepicker__day-name { |
| |
33013 | line-height: 2rem; |
| |
33014 | width: 2rem |
| |
33015 | } |
| |
33016 | } |
| |
33017 | |
| |
33018 | .react-datepicker__portal .react-datepicker__current-month { |
| |
33019 | font-size: 1.44rem |
| |
33020 | } |
| |
33021 | |
| |
33022 | .react-datepicker__portal .react-datepicker__navigation { |
| |
33023 | border: .81rem solid transparent |
| |
33024 | } |
| |
33025 | |
| |
33026 | .react-datepicker__portal .react-datepicker__navigation--previous { |
| |
33027 | border-right-color: #ccc |
| |
33028 | } |
| |
33029 | |
| |
33030 | .react-datepicker__portal .react-datepicker__navigation--previous:hover { |
| |
33031 | border-right-color: #b3b2b2 |
| |
33032 | } |
| |
33033 | |
| |
33034 | .react-datepicker__portal .react-datepicker__navigation--next { |
| |
33035 | border-left-color: #ccc |
| |
33036 | } |
| |
33037 | |
| |
33038 | .react-datepicker__portal .react-datepicker__navigation--next:hover { |
| |
33039 | border-left-color: #b3b2b2 |
| |
33040 | } |
| |
33041 | |
| |
33042 | .calendarPicker-2yf6Ci .react-datepicker { |
| |
33043 | border: none; |
| |
33044 | padding: 20px |
| |
33045 | } |
| |
33046 | |
| |
33047 | .calendarPicker-2yf6Ci .react-datepicker__header { |
| |
33048 | border-bottom: 0; |
| |
33049 | padding-top: 0 |
| |
33050 | } |
| |
33051 | |
| |
33052 | .calendarPicker-2yf6Ci .react-datepicker__current-month { |
| |
33053 | border-bottom: 1px solid; |
| |
33054 | font-size: 13px; |
| |
33055 | font-weight: 600; |
| |
33056 | line-height: 20px; |
| |
33057 | margin: 0 0 10px; |
| |
33058 | padding: 0 0 20px; |
| |
33059 | text-transform: uppercase |
| |
33060 | } |
| |
33061 | |
| |
33062 | .calendarPicker-2yf6Ci .react-datepicker__navigation.react-datepicker__navigation--next, |
| |
33063 | .calendarPicker-2yf6Ci .react-datepicker__navigation.react-datepicker__navigation--previous { |
| |
33064 | -webkit-transform: rotate(180deg); |
| |
33065 | background-position: 50%; |
| |
33066 | background-repeat: no-repeat; |
| |
33067 | background-size: 6px 12px; |
| |
33068 | border: 1px solid; |
| |
33069 | border-radius: 2px; |
| |
33070 | height: 18px; |
| |
33071 | left: 20px; |
| |
33072 | top: 20px; |
| |
33073 | transform: rotate(180deg); |
| |
33074 | width: 18px |
| |
33075 | } |
| |
33076 | |
| |
33077 | .calendarPicker-2yf6Ci .react-datepicker__navigation.react-datepicker__navigation--next.react-datepicker__navigation--next, |
| |
33078 | .calendarPicker-2yf6Ci .react-datepicker__navigation.react-datepicker__navigation--previous.react-datepicker__navigation--next { |
| |
33079 | -webkit-transform: rotate(0deg); |
| |
33080 | left: auto; |
| |
33081 | right: 20px; |
| |
33082 | transform: rotate(0deg) |
| |
33083 | } |
| |
33084 | |
| |
33085 | .calendarPicker-2yf6Ci .react-datepicker__month { |
| |
33086 | margin: 0 |
| |
33087 | } |
| |
33088 | |
| |
33089 | .calendarPicker-2yf6Ci .react-datepicker__week:first-of-type>.react-datepicker__day:first-of-type { |
| |
33090 | border-radius: 3px 0 0 |
| |
33091 | } |
| |
33092 | |
| |
33093 | .calendarPicker-2yf6Ci .react-datepicker__week:first-of-type>.react-datepicker__day:last-of-type { |
| |
33094 | border-radius: 0 3px 0 0 |
| |
33095 | } |
| |
33096 | |
| |
33097 | .calendarPicker-2yf6Ci .react-datepicker__week:last-of-type>.react-datepicker__day { |
| |
33098 | border-bottom: 1px solid #dcddde |
| |
33099 | } |
| |
33100 | |
| |
33101 | .calendarPicker-2yf6Ci .react-datepicker__week:last-of-type>.react-datepicker__day:first-of-type { |
| |
33102 | border-radius: 0 0 0 3px |
| |
33103 | } |
| |
33104 | |
| |
33105 | .calendarPicker-2yf6Ci .react-datepicker__week:last-of-type>.react-datepicker__day:last-of-type { |
| |
33106 | border-radius: 0 0 3px |
| |
33107 | } |
| |
33108 | |
| |
33109 | .calendarPicker-2yf6Ci .react-datepicker__week>.react-datepicker__day:last-of-type { |
| |
33110 | border-right: 1px solid |
| |
33111 | } |
| |
33112 | |
| |
33113 | .calendarPicker-2yf6Ci .react-datepicker__day-names { |
| |
33114 | margin-bottom: 10px |
| |
33115 | } |
| |
33116 | |
| |
33117 | .calendarPicker-2yf6Ci .react-datepicker__day-name { |
| |
33118 | font-size: 13px; |
| |
33119 | font-weight: 500; |
| |
33120 | line-height: 1em; |
| |
33121 | margin: 0; |
| |
33122 | text-transform: uppercase; |
| |
33123 | width: 40px |
| |
33124 | } |
| |
33125 | |
| |
33126 | .calendarPicker-2yf6Ci .react-datepicker__day { |
| |
33127 | -webkit-box-sizing: border-box; |
| |
33128 | border-left: 1px solid; |
| |
33129 | border-top: 1px solid; |
| |
33130 | box-sizing: border-box; |
| |
33131 | height: 40px; |
| |
33132 | line-height: 40px; |
| |
33133 | margin: 0; |
| |
33134 | position: relative; |
| |
33135 | width: 40px |
| |
33136 | } |
| |
33137 | |
| |
33138 | .calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--selected:hover, |
| |
33139 | .calendarPicker-2yf6Ci .react-datepicker__day:hover { |
| |
33140 | border-radius: 0 |
| |
33141 | } |
| |
33142 | |
| |
33143 | .calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--selected { |
| |
33144 | background: none; |
| |
33145 | border-radius: 0 |
| |
33146 | } |
| |
33147 | |
| |
33148 | .calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--selected:after { |
| |
33149 | bottom: 0; |
| |
33150 | content: ""; |
| |
33151 | height: 3px; |
| |
33152 | left: 0; |
| |
33153 | position: absolute; |
| |
33154 | width: 100% |
| |
33155 | } |
| |
33156 | |
| |
33157 | .calendarPicker-2yf6Ci .react-datepicker__day--disabled, |
| |
33158 | .calendarPicker-2yf6Ci .react-datepicker__day--outside-month { |
| |
33159 | font-weight: 500 |
| |
33160 | } |
| |
33161 | |
| |
33162 | .theme-light .calendarPicker-2yf6Ci .react-datepicker { |
| |
33163 | background-color: #fff |
| |
33164 | } |
| |
33165 | |
| |
33166 | .theme-light .calendarPicker-2yf6Ci .react-datepicker__header { |
| |
33167 | background-color: #fff; |
| |
33168 | border-color: rgba(220, 221, 222, .2) |
| |
33169 | } |
| |
33170 | |
| |
33171 | .theme-light .calendarPicker-2yf6Ci .react-datepicker__current-month { |
| |
33172 | border-bottom-color: rgba(220, 221, 222, .2); |
| |
33173 | color: #4f545c |
| |
33174 | } |
| |
33175 | |
| |
33176 | .theme-light .calendarPicker-2yf6Ci .react-datepicker__navigation.react-datepicker__navigation--next, |
| |
33177 | .theme-light .calendarPicker-2yf6Ci .react-datepicker__navigation.react-datepicker__navigation--previous { |
| |
33178 | background-image: url(/assets/0fce6d7622d8173fcee0397634bff5b5.svg); |
| |
33179 | border-color: #dcddde |
| |
33180 | } |
| |
33181 | |
| |
33182 | .theme-light .calendarPicker-2yf6Ci .react-datepicker__week:last-of-type .react-datepicker__day { |
| |
33183 | border-bottom-color: #dcddde |
| |
33184 | } |
| |
33185 | |
| |
33186 | .theme-light .calendarPicker-2yf6Ci .react-datepicker__week .react-datepicker__day:last-of-type { |
| |
33187 | border-right-color: #dcddde |
| |
33188 | } |
| |
33189 | |
| |
33190 | .theme-light .calendarPicker-2yf6Ci .react-datepicker__day-name { |
| |
33191 | color: rgba(79, 84, 92, .6) |
| |
33192 | } |
| |
33193 | |
| |
33194 | .theme-light .calendarPicker-2yf6Ci .react-datepicker__day { |
| |
33195 | border-left-color: #dcddde; |
| |
33196 | border-top-color: #dcddde; |
| |
33197 | color: #4f545c |
| |
33198 | } |
| |
33199 | |
| |
33200 | .theme-light .calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--selected:hover, |
| |
33201 | .theme-light .calendarPicker-2yf6Ci .react-datepicker__day:hover { |
| |
33202 | background-color: #7289da; |
| |
33203 | color: #fff |
| |
33204 | } |
| |
33205 | |
| |
33206 | .theme-light .calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--disabled, |
| |
33207 | .theme-light .calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--disabled:hover { |
| |
33208 | background-color: rgba(0, 0, 0, .05); |
| |
33209 | color: rgba(0, 0, 0, .2) |
| |
33210 | } |
| |
33211 | |
| |
33212 | .theme-light .calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--selected:after { |
| |
33213 | background-color: #7289da |
| |
33214 | } |
| |
33215 | |
| |
33216 | .theme-light .calendarPicker-2yf6Ci .react-datepicker__day--disabled, |
| |
33217 | .theme-light .calendarPicker-2yf6Ci .react-datepicker__day--outside-month { |
| |
33218 | background-color: #f6f6f7; |
| |
33219 | color: rgba(79, 84, 92, .3) |
| |
33220 | } |
| |
33221 | |
| |
33222 | .theme-dark .calendarPicker-2yf6Ci .react-datepicker { |
| |
33223 | background-color: #36393f |
| |
33224 | } |
| |
33225 | |
| |
33226 | .theme-dark .calendarPicker-2yf6Ci .react-datepicker__header { |
| |
33227 | background-color: #36393f; |
| |
33228 | border-color: rgba(24, 25, 28, .2) |
| |
33229 | } |
| |
33230 | |
| |
33231 | .theme-dark .calendarPicker-2yf6Ci .react-datepicker__current-month { |
| |
33232 | border-bottom-color: rgba(24, 25, 28, .3); |
| |
33233 | color: #f6f6f7 |
| |
33234 | } |
| |
33235 | |
| |
33236 | .theme-dark .calendarPicker-2yf6Ci .react-datepicker__navigation.react-datepicker__navigation--next, |
| |
33237 | .theme-dark .calendarPicker-2yf6Ci .react-datepicker__navigation.react-datepicker__navigation--previous { |
| |
33238 | background-image: url(/assets/7619529e87dad31fd2ae83d9b9583e49.svg); |
| |
33239 | border-color: #18191c |
| |
33240 | } |
| |
33241 | |
| |
33242 | .theme-dark .calendarPicker-2yf6Ci .react-datepicker__week:last-of-type .react-datepicker__day { |
| |
33243 | border-bottom-color: #18191c |
| |
33244 | } |
| |
33245 | |
| |
33246 | .theme-dark .calendarPicker-2yf6Ci .react-datepicker__week .react-datepicker__day:last-of-type { |
| |
33247 | border-right-color: #18191c |
| |
33248 | } |
| |
33249 | |
| |
33250 | .theme-dark .calendarPicker-2yf6Ci .react-datepicker__day-name { |
| |
33251 | color: rgba(246, 246, 247, .6) |
| |
33252 | } |
| |
33253 | |
| |
33254 | .theme-dark .calendarPicker-2yf6Ci .react-datepicker__day { |
| |
33255 | border-left-color: #18191c; |
| |
33256 | border-top-color: #18191c; |
| |
33257 | color: #f6f6f7 |
| |
33258 | } |
| |
33259 | |
| |
33260 | .theme-dark .calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--selected:hover, |
| |
33261 | .theme-dark .calendarPicker-2yf6Ci .react-datepicker__day:hover { |
| |
33262 | background-color: #7289da; |
| |
33263 | color: #fff |
| |
33264 | } |
| |
33265 | |
| |
33266 | .theme-dark .calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--disabled, |
| |
33267 | .theme-dark .calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--disabled:hover { |
| |
33268 | background-color: #2f3136; |
| |
33269 | color: rgba(246, 246, 247, .3) |
| |
33270 | } |
| |
33271 | |
| |
33272 | .theme-dark .calendarPicker-2yf6Ci .react-datepicker__day.react-datepicker__day--selected:after { |
| |
33273 | background-color: #7289da |
| |
33274 | } |
| |
33275 | |
| |
33276 | .theme-dark .calendarPicker-2yf6Ci .react-datepicker__day--disabled, |
| |
33277 | .theme-dark .calendarPicker-2yf6Ci .react-datepicker__day--outside-month { |
| |
33278 | background-color: #2f3136; |
| |
33279 | color: rgba(246, 246, 247, .3) |
| |
33280 | } |
| |
33281 | |
| |
33282 | .keybindShortcut-1BD6Z1 { |
| |
33283 | display: -webkit-box; |
| |
33284 | display: -ms-flexbox; |
| |
33285 | display: flex; |
| |
33286 | font-size: 12px; |
| |
33287 | font-weight: 600; |
| |
33288 | line-height: 12px; |
| |
33289 | margin-bottom: 8px; |
| |
33290 | margin-right: 10px; |
| |
33291 | text-transform: uppercase |
| |
33292 | } |
| |
33293 | |
| |
33294 | .keybindShortcut-1BD6Z1, |
| |
33295 | .keybindShortcut-1BD6Z1 span { |
| |
33296 | -webkit-box-sizing: border-box; |
| |
33297 | box-sizing: border-box; |
| |
33298 | height: 23px; |
| |
33299 | position: relative |
| |
33300 | } |
| |
33301 | |
| |
33302 | .keybindShortcut-1BD6Z1 span { |
| |
33303 | border-radius: 2px; |
| |
33304 | cursor: default; |
| |
33305 | display: block; |
| |
33306 | margin-right: 3px; |
| |
33307 | min-height: 14px; |
| |
33308 | min-width: 14px; |
| |
33309 | padding: 3px 6px 4px; |
| |
33310 | text-align: center |
| |
33311 | } |
| |
33312 | |
| |
33313 | .keybindShortcut-1BD6Z1 span .bindArrow-2X3Aom { |
| |
33314 | height: 10px; |
| |
33315 | width: 10px |
| |
33316 | } |
| |
33317 | |
| |
33318 | .keybindShortcut-1BD6Z1 span .bindArrow-2X3Aom.up-2cOsD2 { |
| |
33319 | -webkit-transform: rotate(180deg); |
| |
33320 | transform: rotate(180deg) |
| |
33321 | } |
| |
33322 | |
| |
33323 | .keybindShortcut-1BD6Z1 span .bindArrow-2X3Aom.left-3u1rVI { |
| |
33324 | -webkit-transform: rotate(90deg); |
| |
33325 | transform: rotate(90deg) |
| |
33326 | } |
| |
33327 | |
| |
33328 | .keybindShortcut-1BD6Z1 span .bindArrow-2X3Aom.right-CbUyiH { |
| |
33329 | -webkit-transform: rotate(-90deg); |
| |
33330 | transform: rotate(-90deg) |
| |
33331 | } |
| |
33332 | |
| |
33333 | .keybindShortcut-1BD6Z1 span:active { |
| |
33334 | -webkit-transform: translateY(2px); |
| |
33335 | height: 21px; |
| |
33336 | padding-bottom: 2px; |
| |
33337 | transform: translateY(2px) |
| |
33338 | } |
| |
33339 | |
| |
33340 | .keybindShortcutQuickSwitcher-1-Xs5c { |
| |
33341 | display: inline-block; |
| |
33342 | margin-bottom: 0; |
| |
33343 | margin-right: 5px |
| |
33344 | } |
| |
33345 | |
| |
33346 | .keybindShortcutQuickSwitcher-1-Xs5c span { |
| |
33347 | margin-right: 0 |
| |
33348 | } |
| |
33349 | |
| |
33350 | .keybindShortcutQuickSwitcher-1-Xs5c.up { |
| |
33351 | margin-left: 5px |
| |
33352 | } |
| |
33353 | |
| |
33354 | .keybindShortcutTipsNav-1mb0yH { |
| |
33355 | margin-left: 4px; |
| |
33356 | margin-right: 0 |
| |
33357 | } |
| |
33358 | |
| |
33359 | .keybindShortcutTipsNav-1mb0yH:first-of-type { |
| |
33360 | margin-left: 0; |
| |
33361 | margin-right: 4px |
| |
33362 | } |
| |
33363 | |
| |
33364 | .keybindShortcutTipsNav-1mb0yH:last-of-type { |
| |
33365 | margin-right: 4px |
| |
33366 | } |
| |
33367 | |
| |
33368 | .keybindShortcutTipsSelect-HDyfe8:last-of-type { |
| |
33369 | margin-left: 16px; |
| |
33370 | position: relative |
| |
33371 | } |
| |
33372 | |
| |
33373 | .keybindShortcutTipsSelect-HDyfe8:last-of-type:before { |
| |
33374 | content: ""; |
| |
33375 | height: 20px; |
| |
33376 | left: -8px; |
| |
33377 | position: absolute; |
| |
33378 | top: 0; |
| |
33379 | width: 1px |
| |
33380 | } |
| |
33381 | |
| |
33382 | .theme-light .keybindShortcut-1BD6Z1 { |
| |
33383 | color: #4f545c |
| |
33384 | } |
| |
33385 | |
| |
33386 | .theme-light .keybindShortcut-1BD6Z1 span { |
| |
33387 | -webkit-box-shadow: inset 0 -4px 0 #caccce; |
| |
33388 | border: 1px solid #95989d; |
| |
33389 | box-shadow: inset 0 -4px 0 #caccce |
| |
33390 | } |
| |
33391 | |
| |
33392 | .theme-light .keybindShortcut-1BD6Z1 span:active { |
| |
33393 | -webkit-box-shadow: inset 0 -2px 0 #caccce; |
| |
33394 | border: 1px solid #000; |
| |
33395 | box-shadow: inset 0 -2px 0 #caccce; |
| |
33396 | color: #000 |
| |
33397 | } |
| |
33398 | |
| |
33399 | .theme-light .keybindShortcut-1BD6Z1 span:active g { |
| |
33400 | fill: #000 |
| |
33401 | } |
| |
33402 | |
| |
33403 | .theme-light .dim-1l4L4y span { |
| |
33404 | background-color: #fff; |
| |
33405 | color: #95989d |
| |
33406 | } |
| |
33407 | |
| |
33408 | .theme-light .dim-1l4L4y span .bindArrow-2X3Aom g { |
| |
33409 | fill: #95989d |
| |
33410 | } |
| |
33411 | |
| |
33412 | .theme-light .dim-1l4L4y span:active { |
| |
33413 | color: #777a7e |
| |
33414 | } |
| |
33415 | |
| |
33416 | .theme-light .dim-1l4L4y span:active .bindArrow-2X3Aom g { |
| |
33417 | fill: #777a7e |
| |
33418 | } |
| |
33419 | |
| |
33420 | .theme-light .dark-2P8byF span { |
| |
33421 | -webkit-box-shadow: inset 0 -4px 0 rgba(35, 39, 42, .6); |
| |
33422 | background-color: #4f545c; |
| |
33423 | border-color: #202225; |
| |
33424 | box-shadow: inset 0 -4px 0 rgba(35, 39, 42, .6); |
| |
33425 | color: #95989d |
| |
33426 | } |
| |
33427 | |
| |
33428 | .theme-light .dark-2P8byF span .bindArrow-2X3Aom g { |
| |
33429 | fill: #95989d |
| |
33430 | } |
| |
33431 | |
| |
33432 | .theme-light .dark-2P8byF span:active { |
| |
33433 | -webkit-box-shadow: inset 0 -2px 0 #242629; |
| |
33434 | box-shadow: inset 0 -2px 0 #242629; |
| |
33435 | color: #777a7e |
| |
33436 | } |
| |
33437 | |
| |
33438 | .theme-light .dark-2P8byF span:active .bindArrow-2X3Aom g { |
| |
33439 | fill: #777a7e |
| |
33440 | } |
| |
33441 | |
| |
33442 | .theme-light .keybindShortcutTipsSelect-HDyfe8:last-of-type:before { |
| |
33443 | background-color: #dfe0e2 |
| |
33444 | } |
| |
33445 | |
| |
33446 | .theme-dark .keybindShortcut-1BD6Z1 { |
| |
33447 | color: #f6f6f7 |
| |
33448 | } |
| |
33449 | |
| |
33450 | .theme-dark .keybindShortcut-1BD6Z1 span { |
| |
33451 | -webkit-box-shadow: inset 0 -4px 0 rgba(35, 39, 42, .6); |
| |
33452 | background-color: #72767d; |
| |
33453 | border: 1px solid #202225; |
| |
33454 | box-shadow: inset 0 -4px 0 rgba(35, 39, 42, .6); |
| |
33455 | color: #f6f6f7 |
| |
33456 | } |
| |
33457 | |
| |
33458 | .theme-dark .keybindShortcut-1BD6Z1 span .bindArrow-2X3Aom g { |
| |
33459 | fill: #f6f6f7 |
| |
33460 | } |
| |
33461 | |
| |
33462 | .theme-dark .keybindShortcut-1BD6Z1 span:active { |
| |
33463 | -webkit-box-shadow: inset 0 -2px 0 #242629; |
| |
33464 | border: 1px solid #000; |
| |
33465 | box-shadow: inset 0 -2px 0 #242629; |
| |
33466 | color: #c5c5c6 |
| |
33467 | } |
| |
33468 | |
| |
33469 | .theme-dark .keybindShortcut-1BD6Z1 span:active .bindArrow-2X3Aom g { |
| |
33470 | fill: #c5c5c6 |
| |
33471 | } |
| |
33472 | |
| |
33473 | .theme-dark .dim-1l4L4y span { |
| |
33474 | background-color: #72767d; |
| |
33475 | color: #b9bbbe |
| |
33476 | } |
| |
33477 | |
| |
33478 | .theme-dark .dim-1l4L4y span .bindArrow-2X3Aom g { |
| |
33479 | fill: #b9bbbe |
| |
33480 | } |
| |
33481 | |
| |
33482 | .theme-dark .dim-1l4L4y span:active { |
| |
33483 | color: #949698 |
| |
33484 | } |
| |
33485 | |
| |
33486 | .theme-dark .dim-1l4L4y span:active .bindArrow-2X3Aom g { |
| |
33487 | fill: #c5c5c6 |
| |
33488 | } |
| |
33489 | |
| |
33490 | .theme-dark .keybindShortcutTipsSelect-HDyfe8:last-of-type:before { |
| |
33491 | background-color: #4f545c |
| |
33492 | } |
| |
33493 | |
| |
33494 | .keybindShortcutSearchPopout-1MAfqq { |
| |
33495 | -ms-flex-negative: 0; |
| |
33496 | -ms-flex-positive: 0; |
| |
33497 | -webkit-box-flex: 0; |
| |
33498 | flex-grow: 0; |
| |
33499 | flex-shrink: 0; |
| |
33500 | margin: 0 |
| |
33501 | } |
| |
33502 | |
| |
33503 | .keyboardShortcuts-1s_yPt { |
| |
33504 | margin: 0 |
| |
33505 | } |
| |
33506 | |
| |
33507 | .container-3ayLPN { |
| |
33508 | -webkit-box-sizing: border-box; |
| |
33509 | border-radius: 3px; |
| |
33510 | box-sizing: border-box; |
| |
33511 | overflow: hidden |
| |
33512 | } |
| |
33513 | |
| |
33514 | .container-3ayLPN:empty { |
| |
33515 | -webkit-box-shadow: none; |
| |
33516 | box-shadow: none |
| |
33517 | } |
| |
33518 | |
| |
33519 | .queryContainer-RKFJW- { |
| |
33520 | border-bottom: 1px solid; |
| |
33521 | cursor: pointer; |
| |
33522 | display: -webkit-box; |
| |
33523 | display: -ms-flexbox; |
| |
33524 | display: flex; |
| |
33525 | padding: 15px |
| |
33526 | } |
| |
33527 | |
| |
33528 | .queryShortcut-hJIQMF { |
| |
33529 | -ms-flex: 0 0 auto; |
| |
33530 | -webkit-box-flex: 0; |
| |
33531 | flex: 0 0 auto |
| |
33532 | } |
| |
33533 | |
| |
33534 | .queryText-3xoOY7 { |
| |
33535 | -ms-flex: 1 1 auto; |
| |
33536 | -webkit-box-flex: 1; |
| |
33537 | flex: 1 1 auto; |
| |
33538 | font-size: 12px; |
| |
33539 | line-height: 24px; |
| |
33540 | overflow: hidden; |
| |
33541 | text-overflow: ellipsis; |
| |
33542 | text-transform: uppercase; |
| |
33543 | white-space: nowrap |
| |
33544 | } |
| |
33545 | |
| |
33546 | .queryText-3xoOY7 strong { |
| |
33547 | font-size: 15px; |
| |
33548 | text-transform: none |
| |
33549 | } |
| |
33550 | |
| |
33551 | .theme-dark .container-3ayLPN { |
| |
33552 | background-color: #36393f |
| |
33553 | } |
| |
33554 | |
| |
33555 | .theme-dark .queryContainer-RKFJW- { |
| |
33556 | border-bottom-color: rgba(35, 38, 42, .3); |
| |
33557 | color: #b9bbbe |
| |
33558 | } |
| |
33559 | |
| |
33560 | .theme-dark .queryContainer-RKFJW- strong { |
| |
33561 | color: #fff |
| |
33562 | } |
| |
33563 | |
| |
33564 | .theme-dark .focused-2bY0OD { |
| |
33565 | background-color: #23262a |
| |
33566 | } |
| |
33567 | |
| |
33568 | .theme-light .container-3ayLPN { |
| |
33569 | background-color: #fff |
| |
33570 | } |
| |
33571 | |
| |
33572 | .theme-light .queryContainer-RKFJW- { |
| |
33573 | border-bottom-color: #dcddde; |
| |
33574 | color: #72767d |
| |
33575 | } |
| |
33576 | |
| |
33577 | .theme-light .queryContainer-RKFJW- strong { |
| |
33578 | color: #4f545c |
| |
33579 | } |
| |
33580 | |
| |
33581 | .theme-light .focused-2bY0OD { |
| |
33582 | background-color: #f6f6f7 |
| |
33583 | } |
| |
33584 | |
| |
33585 | .resultsGroup-r_nuzN { |
| |
33586 | margin-top: -1px; |
| |
33587 | padding-bottom: 10px; |
| |
33588 | padding-top: 10px; |
| |
33589 | position: relative |
| |
33590 | } |
| |
33591 | |
| |
33592 | .resultsGroup-r_nuzN .searchClearHistory-2cSSMO, |
| |
33593 | .resultsGroup-r_nuzN .searchLearnMore-3SQUAj { |
| |
33594 | opacity: .6 |
| |
33595 | } |
| |
33596 | |
| |
33597 | .resultsGroup-r_nuzN:before { |
| |
33598 | content: ""; |
| |
33599 | display: block; |
| |
33600 | margin: 0 20px; |
| |
33601 | position: relative; |
| |
33602 | top: -10px |
| |
33603 | } |
| |
33604 | |
| |
33605 | .resultsGroup-r_nuzN .header-2N-gMV { |
| |
33606 | font-size: 12px; |
| |
33607 | font-weight: 500; |
| |
33608 | padding: 5px 20px 10px; |
| |
33609 | text-transform: uppercase |
| |
33610 | } |
| |
33611 | |
| |
33612 | .resultsGroup-r_nuzN .searchClearHistory-2cSSMO, |
| |
33613 | .resultsGroup-r_nuzN .searchLearnMore-3SQUAj { |
| |
33614 | cursor: pointer; |
| |
33615 | height: 16px; |
| |
33616 | opacity: .8; |
| |
33617 | position: absolute; |
| |
33618 | top: 12px; |
| |
33619 | width: 16px |
| |
33620 | } |
| |
33621 | |
| |
33622 | .resultsGroup-r_nuzN .searchClearHistory-2cSSMO:hover, |
| |
33623 | .resultsGroup-r_nuzN .searchLearnMore-3SQUAj:hover { |
| |
33624 | opacity: 1 |
| |
33625 | } |
| |
33626 | |
| |
33627 | .resultsGroup-r_nuzN .searchClearHistory-2cSSMO svg, |
| |
33628 | .resultsGroup-r_nuzN .searchLearnMore-3SQUAj svg { |
| |
33629 | height: 16px; |
| |
33630 | width: 16px |
| |
33631 | } |
| |
33632 | |
| |
33633 | .resultsGroup-r_nuzN .searchLearnMore-3SQUAj { |
| |
33634 | right: 17px |
| |
33635 | } |
| |
33636 | |
| |
33637 | .resultsGroup-r_nuzN .searchClearHistory-2cSSMO { |
| |
33638 | right: 16px |
| |
33639 | } |
| |
33640 | |
| |
33641 | .resultsGroup-r_nuzN .searchLearnMore-3SQUAj a { |
| |
33642 | display: block; |
| |
33643 | height: 100%; |
| |
33644 | overflow: hidden; |
| |
33645 | width: 100% |
| |
33646 | } |
| |
33647 | |
| |
33648 | .option-96V44q, |
| |
33649 | .resultsGroup-r_nuzN .searchClearHistory-2cSSMO { |
| |
33650 | overflow: hidden |
| |
33651 | } |
| |
33652 | |
| |
33653 | .option-96V44q { |
| |
33654 | -ms-flex-align: center; |
| |
33655 | -webkit-box-align: center; |
| |
33656 | align-items: center; |
| |
33657 | border-radius: 3px; |
| |
33658 | cursor: pointer; |
| |
33659 | display: -webkit-box; |
| |
33660 | display: -ms-flexbox; |
| |
33661 | display: flex; |
| |
33662 | font-size: 16px; |
| |
33663 | height: 34px; |
| |
33664 | margin: 0 10px; |
| |
33665 | padding: 0 10px; |
| |
33666 | position: relative |
| |
33667 | } |
| |
33668 | |
| |
33669 | .option-96V44q:after { |
| |
33670 | content: ""; |
| |
33671 | height: 100%; |
| |
33672 | position: absolute; |
| |
33673 | right: 0; |
| |
33674 | top: 0; |
| |
33675 | width: 30px; |
| |
33676 | z-index: 1 |
| |
33677 | } |
| |
33678 | |
| |
33679 | .option-96V44q.selected-rZcOL- .plusIcon-v0BTrL { |
| |
33680 | display: block |
| |
33681 | } |
| |
33682 | |
| |
33683 | .option-96V44q.selected-rZcOL-:before { |
| |
33684 | content: ""; |
| |
33685 | height: 34px; |
| |
33686 | position: absolute; |
| |
33687 | right: 0; |
| |
33688 | top: 0; |
| |
33689 | width: 24px; |
| |
33690 | z-index: 2 |
| |
33691 | } |
| |
33692 | |
| |
33693 | .option-96V44q.selected-rZcOL-:after { |
| |
33694 | width: 60px |
| |
33695 | } |
| |
33696 | |
| |
33697 | .option-96V44q span { |
| |
33698 | -ms-flex-negative: 0; |
| |
33699 | -ms-flex-positive: 0; |
| |
33700 | -webkit-box-flex: 0; |
| |
33701 | flex-grow: 0; |
| |
33702 | flex-shrink: 0; |
| |
33703 | overflow: hidden; |
| |
33704 | text-overflow: ellipsis; |
| |
33705 | white-space: nowrap |
| |
33706 | } |
| |
33707 | |
| |
33708 | .option-96V44q .nonText-3CRkO0 { |
| |
33709 | margin: 0 4px |
| |
33710 | } |
| |
33711 | |
| |
33712 | .option-96V44q .filter-3Y_im- { |
| |
33713 | margin: 0 2px 0 4px |
| |
33714 | } |
| |
33715 | |
| |
33716 | .option-96V44q .answer-1n6g43 { |
| |
33717 | font-weight: 500; |
| |
33718 | margin: 0 4px 0 2px |
| |
33719 | } |
| |
33720 | |
| |
33721 | .option-96V44q strong { |
| |
33722 | overflow: hidden; |
| |
33723 | text-overflow: ellipsis; |
| |
33724 | white-space: nowrap |
| |
33725 | } |
| |
33726 | |
| |
33727 | .option-96V44q .filter-3Y_im- { |
| |
33728 | margin-right: 4px |
| |
33729 | } |
| |
33730 | |
| |
33731 | .option-96V44q>:first-child { |
| |
33732 | margin-left: 0 |
| |
33733 | } |
| |
33734 | |
| |
33735 | .option-96V44q.user-O3Czj0 .displayAvatar-1wWlVM { |
| |
33736 | -ms-flex-negative: 0; |
| |
33737 | -ms-flex-positive: 0; |
| |
33738 | -webkit-box-flex: 0; |
| |
33739 | border-radius: 50%; |
| |
33740 | display: inline-block; |
| |
33741 | flex-grow: 0; |
| |
33742 | flex-shrink: 0; |
| |
33743 | height: 18px; |
| |
33744 | width: 18px |
| |
33745 | } |
| |
33746 | |
| |
33747 | .option-96V44q.user-O3Czj0 .displayedNick-3xxvzU { |
| |
33748 | font-weight: 500; |
| |
33749 | margin: 0 5px |
| |
33750 | } |
| |
33751 | |
| |
33752 | .option-96V44q.user-O3Czj0 .displayUsername-Qekxml { |
| |
33753 | font-weight: 400 |
| |
33754 | } |
| |
33755 | |
| |
33756 | .option-96V44q.linkSource-1-3cE_ strong { |
| |
33757 | text-transform: capitalize |
| |
33758 | } |
| |
33759 | |
| |
33760 | .searchOption-zQ-1l6 .filter-3Y_im- { |
| |
33761 | font-weight: 500; |
| |
33762 | margin: 0 4px 0 0 |
| |
33763 | } |
| |
33764 | |
| |
33765 | .searchOption-zQ-1l6 .answer-1n6g43 { |
| |
33766 | font-weight: 400 |
| |
33767 | } |
| |
33768 | |
| |
33769 | .datePicker--XZbmJ { |
| |
33770 | -ms-flex-direction: column; |
| |
33771 | -ms-flex-pack: center; |
| |
33772 | -webkit-box-direction: normal; |
| |
33773 | -webkit-box-orient: vertical; |
| |
33774 | -webkit-box-pack: center; |
| |
33775 | -webkit-box-shadow: none; |
| |
33776 | border-radius: 0; |
| |
33777 | box-shadow: none; |
| |
33778 | flex-direction: column; |
| |
33779 | justify-content: center |
| |
33780 | } |
| |
33781 | |
| |
33782 | .datePicker--XZbmJ, |
| |
33783 | .datePicker--XZbmJ .datePickerHint-3Q1Udw { |
| |
33784 | display: -webkit-box; |
| |
33785 | display: -ms-flexbox; |
| |
33786 | display: flex |
| |
33787 | } |
| |
33788 | |
| |
33789 | .datePicker--XZbmJ .datePickerHint-3Q1Udw { |
| |
33790 | -ms-flex-align: center; |
| |
33791 | -webkit-box-align: center; |
| |
33792 | align-items: center; |
| |
33793 | margin: 0 20px; |
| |
33794 | padding: 20px 0 |
| |
33795 | } |
| |
33796 | |
| |
33797 | .datePicker--XZbmJ .datePickerHint-3Q1Udw .hint-165cR4 { |
| |
33798 | font-size: 16px |
| |
33799 | } |
| |
33800 | |
| |
33801 | .datePicker--XZbmJ .datePickerHint-3Q1Udw .hintValue-29ny8Z { |
| |
33802 | border-radius: 3px; |
| |
33803 | cursor: pointer; |
| |
33804 | font-size: 14px; |
| |
33805 | font-weight: 500; |
| |
33806 | line-height: 22px; |
| |
33807 | padding: 0 3px |
| |
33808 | } |
| |
33809 | |
| |
33810 | .searchResultChannelIcon-1DnTme { |
| |
33811 | -ms-flex-negative: 0; |
| |
33812 | flex-shrink: 0; |
| |
33813 | height: 16px; |
| |
33814 | margin-right: 4px; |
| |
33815 | vertical-align: top; |
| |
33816 | width: 16px |
| |
33817 | } |
| |
33818 | |
| |
33819 | .searchResultChannelCategory-1l0lSn { |
| |
33820 | -ms-flex-negative: 1; |
| |
33821 | flex-shrink: 1; |
| |
33822 | font-size: 10px; |
| |
33823 | font-weight: 600; |
| |
33824 | margin-left: 4px; |
| |
33825 | overflow: hidden; |
| |
33826 | position: relative; |
| |
33827 | text-overflow: ellipsis; |
| |
33828 | text-transform: uppercase; |
| |
33829 | top: 2px; |
| |
33830 | white-space: nowrap |
| |
33831 | } |
| |
33832 | |
| |
33833 | .plusIcon-v0BTrL { |
| |
33834 | display: none; |
| |
33835 | opacity: .6; |
| |
33836 | position: absolute; |
| |
33837 | right: 8px; |
| |
33838 | top: 8px; |
| |
33839 | z-index: 2 |
| |
33840 | } |
| |
33841 | |
| |
33842 | .theme-dark .resultsGroup-r_nuzN:before { |
| |
33843 | border-top: 1px solid rgba(35, 38, 42, .3) |
| |
33844 | } |
| |
33845 | |
| |
33846 | .theme-dark .resultsGroup-r_nuzN .header-2N-gMV, |
| |
33847 | .theme-dark .resultsGroup-r_nuzN .plusIcon-v0BTrL, |
| |
33848 | .theme-dark .resultsGroup-r_nuzN .searchClearHistory-2cSSMO, |
| |
33849 | .theme-dark .resultsGroup-r_nuzN .searchLearnMore-3SQUAj a { |
| |
33850 | color: #cacbce |
| |
33851 | } |
| |
33852 | |
| |
33853 | .theme-dark .option-96V44q:after { |
| |
33854 | background: -webkit-gradient(linear, left top, right top, from(rgba(54, 57, 63, 0)), color-stop(80%, #36393f)); |
| |
33855 | background: linear-gradient(90deg, rgba(54, 57, 63, 0), #36393f 80%) |
| |
33856 | } |
| |
33857 | |
| |
33858 | .theme-dark .option-96V44q.selected-rZcOL- { |
| |
33859 | background-color: #23262a |
| |
33860 | } |
| |
33861 | |
| |
33862 | .theme-dark .option-96V44q.selected-rZcOL-:after { |
| |
33863 | background: -webkit-gradient(linear, left top, right top, from(rgba(35, 38, 42, 0)), color-stop(50%, #23262a)); |
| |
33864 | background: linear-gradient(90deg, rgba(35, 38, 42, 0), #23262a 50%) |
| |
33865 | } |
| |
33866 | |
| |
33867 | .theme-dark .option-96V44q .answer-1n6g43, |
| |
33868 | .theme-dark .option-96V44q .nonText-3CRkO0, |
| |
33869 | .theme-dark .option-96V44q strong { |
| |
33870 | color: #caccce |
| |
33871 | } |
| |
33872 | |
| |
33873 | .theme-dark .option-96V44q .filter-3Y_im- { |
| |
33874 | color: #72767d |
| |
33875 | } |
| |
33876 | |
| |
33877 | .theme-dark .option-96V44q.user-O3Czj0 .displayedNick-3xxvzU { |
| |
33878 | color: #caccce |
| |
33879 | } |
| |
33880 | |
| |
33881 | .theme-dark .option-96V44q.user-O3Czj0 .displayUsername-Qekxml { |
| |
33882 | color: #5e636a |
| |
33883 | } |
| |
33884 | |
| |
33885 | .theme-dark .searchOption-zQ-1l6 .filter-3Y_im- { |
| |
33886 | color: #caccce |
| |
33887 | } |
| |
33888 | |
| |
33889 | .theme-dark .searchOption-zQ-1l6 .answer-1n6g43 { |
| |
33890 | color: #72767d |
| |
33891 | } |
| |
33892 | |
| |
33893 | .theme-dark .datePicker--XZbmJ { |
| |
33894 | border-top: none |
| |
33895 | } |
| |
33896 | |
| |
33897 | .theme-dark .datePicker--XZbmJ .datePickerHint-3Q1Udw { |
| |
33898 | border-top: 1px solid rgba(35, 38, 42, .3) |
| |
33899 | } |
| |
33900 | |
| |
33901 | .theme-dark .datePicker--XZbmJ .datePickerHint-3Q1Udw .hint-165cR4 { |
| |
33902 | color: #caccce |
| |
33903 | } |
| |
33904 | |
| |
33905 | .theme-dark .datePicker--XZbmJ .datePickerHint-3Q1Udw .hintValue-29ny8Z { |
| |
33906 | background-color: #7289da; |
| |
33907 | color: #fff |
| |
33908 | } |
| |
33909 | |
| |
33910 | .theme-dark .datePicker--XZbmJ .datePickerHint-3Q1Udw .hintValue-29ny8Z:hover { |
| |
33911 | background-color: #677bc4 |
| |
33912 | } |
| |
33913 | |
| |
33914 | .theme-dark .searchResultChannelCategory-1l0lSn, |
| |
33915 | .theme-dark .searchResultChannelIcon-1DnTme { |
| |
33916 | color: #72767d |
| |
33917 | } |
| |
33918 | |
| |
33919 | .theme-dark .searchResultChannelIconBackground-7ncwtC { |
| |
33920 | opacity: .6 |
| |
33921 | } |
| |
33922 | |
| |
33923 | .resultChannel-3BYgHX { |
| |
33924 | -ms-flex-align: center; |
| |
33925 | -ms-flex-wrap: nowrap; |
| |
33926 | -webkit-box-align: center; |
| |
33927 | align-items: center; |
| |
33928 | display: -webkit-box; |
| |
33929 | display: -ms-flexbox; |
| |
33930 | display: flex; |
| |
33931 | flex-wrap: nowrap |
| |
33932 | } |
| |
33933 | |
| |
33934 | .theme-light .resultsGroup-r_nuzN:before { |
| |
33935 | border-top: 1px solid #dcddde |
| |
33936 | } |
| |
33937 | |
| |
33938 | .theme-light .resultsGroup-r_nuzN .header-2N-gMV, |
| |
33939 | .theme-light .resultsGroup-r_nuzN .plusIcon-v0BTrL, |
| |
33940 | .theme-light .resultsGroup-r_nuzN .searchClearHistory-2cSSMO, |
| |
33941 | .theme-light .resultsGroup-r_nuzN .searchLearnMore-3SQUAj a { |
| |
33942 | color: #cacbce |
| |
33943 | } |
| |
33944 | |
| |
33945 | .theme-light .option-96V44q:after { |
| |
33946 | background: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), color-stop(80%, #fff)); |
| |
33947 | background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff 80%) |
| |
33948 | } |
| |
33949 | |
| |
33950 | .theme-light .option-96V44q.selected-rZcOL- { |
| |
33951 | background-color: #f6f6f7 |
| |
33952 | } |
| |
33953 | |
| |
33954 | .theme-light .option-96V44q.selected-rZcOL-:after { |
| |
33955 | background: -webkit-gradient(linear, left top, right top, from(rgba(246, 246, 247, 0)), color-stop(50%, #f6f6f7)); |
| |
33956 | background: linear-gradient(90deg, rgba(246, 246, 247, 0), #f6f6f7 50%) |
| |
33957 | } |
| |
33958 | |
| |
33959 | .theme-light .option-96V44q .nonText-3CRkO0 { |
| |
33960 | color: #5e636a |
| |
33961 | } |
| |
33962 | |
| |
33963 | .theme-light .option-96V44q .filter-3Y_im- { |
| |
33964 | color: #caccce |
| |
33965 | } |
| |
33966 | |
| |
33967 | .theme-light .option-96V44q .answer-1n6g43, |
| |
33968 | .theme-light .option-96V44q strong { |
| |
33969 | color: #4f545c |
| |
33970 | } |
| |
33971 | |
| |
33972 | .theme-light .option-96V44q.user-O3Czj0 .displayedNick-3xxvzU { |
| |
33973 | color: #5e636a |
| |
33974 | } |
| |
33975 | |
| |
33976 | .theme-light .option-96V44q.user-O3Czj0 .displayUsername-Qekxml { |
| |
33977 | color: #caccce |
| |
33978 | } |
| |
33979 | |
| |
33980 | .theme-light .searchOption-zQ-1l6 .filter-3Y_im- { |
| |
33981 | color: #4f545c |
| |
33982 | } |
| |
33983 | |
| |
33984 | .theme-light .searchOption-zQ-1l6 .answer-1n6g43 { |
| |
33985 | color: #caccce |
| |
33986 | } |
| |
33987 | |
| |
33988 | .theme-light .datePicker--XZbmJ, |
| |
33989 | .theme-light .datePicker--XZbmJ .datePickerHint-3Q1Udw { |
| |
33990 | border-top: 1px solid #dcddde |
| |
33991 | } |
| |
33992 | |
| |
33993 | .theme-light .datePicker--XZbmJ .datePickerHint-3Q1Udw .hint-165cR4 { |
| |
33994 | color: #caccce |
| |
33995 | } |
| |
33996 | |
| |
33997 | .theme-light .datePicker--XZbmJ .datePickerHint-3Q1Udw .hintValue-29ny8Z { |
| |
33998 | background-color: #7289da; |
| |
33999 | color: #fff |
| |
34000 | } |
| |
34001 | |
| |
34002 | .theme-light .datePicker--XZbmJ .datePickerHint-3Q1Udw .hintValue-29ny8Z:hover { |
| |
34003 | background-color: #677bc4 |
| |
34004 | } |
| |
34005 | |
| |
34006 | .theme-light .searchResultChannelCategory-1l0lSn, |
| |
34007 | .theme-light .searchResultChannelIcon-1DnTme { |
| |
34008 | color: #b9bbbe |
| |
34009 | } |
| |
34010 | |
| |
34011 | .theme-light .searchResultChannelIconBackground-7ncwtC { |
| |
34012 | opacity: .6 |
| |
34013 | } |
| |
34014 | |
| |
34015 | .search-2oPWTC { |
| |
34016 | -webkit-app-region: no-drag; |
| |
34017 | overflow: visible; |
| |
34018 | position: relative; |
| |
34019 | z-index: 100 |
| |
34020 | } |
| |
34021 | |
| |
34022 | .search-2oPWTC .DraftEditor-root { |
| |
34023 | -ms-flex: 1; |
| |
34024 | -webkit-box-flex: 1; |
| |
34025 | flex: 1; |
| |
34026 | font-size: 14px; |
| |
34027 | font-weight: 500; |
| |
34028 | line-height: 20px; |
| |
34029 | overflow: hidden; |
| |
34030 | padding: 2px 0 |
| |
34031 | } |
| |
34032 | |
| |
34033 | .search-2oPWTC .DraftEditor-root .DraftEditor-editorContainer { |
| |
34034 | border: none; |
| |
34035 | border-radius: 2px; |
| |
34036 | height: 20px; |
| |
34037 | overflow: hidden |
| |
34038 | } |
| |
34039 | |
| |
34040 | .search-2oPWTC .DraftEditor-root .public-DraftEditor-content, |
| |
34041 | .search-2oPWTC .DraftEditor-root .public-DraftEditorPlaceholder-root { |
| |
34042 | -webkit-box-sizing: content-box; |
| |
34043 | box-sizing: content-box; |
| |
34044 | padding-bottom: 20px; |
| |
34045 | padding-left: 2px; |
| |
34046 | padding-right: 2px |
| |
34047 | } |
| |
34048 | |
| |
34049 | .search-2oPWTC .DraftEditor-root .public-DraftEditorPlaceholder-root { |
| |
34050 | padding-left: 4px |
| |
34051 | } |
| |
34052 | |
| |
34053 | .search-2oPWTC .DraftEditor-root .public-DraftEditor-content { |
| |
34054 | overflow-x: auto; |
| |
34055 | overflow-y: hidden |
| |
34056 | } |
| |
34057 | |
| |
34058 | .search-2oPWTC .DraftEditor-root .public-DraftStyleDefault-block { |
| |
34059 | display: inline-block; |
| |
34060 | min-width: 1px; |
| |
34061 | white-space: pre |
| |
34062 | } |
| |
34063 | |
| |
34064 | .search-2oPWTC .DraftEditor-root .public-DraftStyleDefault-block span { |
| |
34065 | min-width: 1px |
| |
34066 | } |
| |
34067 | |
| |
34068 | .searchBar-3dMhjb { |
| |
34069 | -ms-flex-align: stretch; |
| |
34070 | -webkit-box-align: stretch; |
| |
34071 | -webkit-box-shadow: none; |
| |
34072 | -webkit-box-sizing: border-box; |
| |
34073 | align-items: stretch; |
| |
34074 | border-radius: 4px; |
| |
34075 | box-shadow: none; |
| |
34076 | box-sizing: border-box; |
| |
34077 | cursor: text; |
| |
34078 | display: -webkit-box; |
| |
34079 | display: -ms-flexbox; |
| |
34080 | display: flex; |
| |
34081 | height: 24px; |
| |
34082 | overflow: hidden; |
| |
34083 | padding: 0 2px; |
| |
34084 | width: 144px |
| |
34085 | } |
| |
34086 | |
| |
34087 | .searchBar-3dMhjb .icon-38sknP { |
| |
34088 | height: 24px; |
| |
34089 | width: 24px |
| |
34090 | } |
| |
34091 | |
| |
34092 | .focused-31_ccS .searchBar-3dMhjb, |
| |
34093 | .open-6_Y_aH .searchBar-3dMhjb { |
| |
34094 | width: 240px |
| |
34095 | } |
| |
34096 | |
| |
34097 | .theme-dark .searchBar-3dMhjb { |
| |
34098 | background-color: #202225; |
| |
34099 | color: #b9bbbe |
| |
34100 | } |
| |
34101 | |
| |
34102 | .theme-dark .public-DraftEditorPlaceholder-root { |
| |
34103 | color: #72767d |
| |
34104 | } |
| |
34105 | |
| |
34106 | .theme-light .searchBar-3dMhjb { |
| |
34107 | background-color: #e3e5e8; |
| |
34108 | color: #747f8d |
| |
34109 | } |
| |
34110 | |
| |
34111 | .theme-light .public-DraftEditorPlaceholder-root { |
| |
34112 | color: #9099a4 |
| |
34113 | } |
| |
34114 | |
| |
34115 | .DraftEditor-editorContainer, |
| |
34116 | .DraftEditor-root, |
| |
34117 | .public-DraftEditor-content { |
| |
34118 | height: inherit; |
| |
34119 | text-align: initial |
| |
34120 | } |
| |
34121 | |
| |
34122 | .public-DraftEditor-content[contenteditable=true] { |
| |
34123 | -webkit-user-modify: read-write-plaintext-only |
| |
34124 | } |
| |
34125 | |
| |
34126 | .DraftEditor-root { |
| |
34127 | position: relative |
| |
34128 | } |
| |
34129 | |
| |
34130 | .DraftEditor-editorContainer { |
| |
34131 | background-color: hsla(0, 0%, 100%, 0); |
| |
34132 | border-left: .1px solid transparent; |
| |
34133 | position: relative; |
| |
34134 | z-index: 1 |
| |
34135 | } |
| |
34136 | |
| |
34137 | .public-DraftEditor-block { |
| |
34138 | position: relative |
| |
34139 | } |
| |
34140 | |
| |
34141 | .DraftEditor-alignLeft .public-DraftStyleDefault-block { |
| |
34142 | text-align: left |
| |
34143 | } |
| |
34144 | |
| |
34145 | .DraftEditor-alignLeft .public-DraftEditorPlaceholder-root { |
| |
34146 | left: 0; |
| |
34147 | text-align: left |
| |
34148 | } |
| |
34149 | |
| |
34150 | .DraftEditor-alignCenter .public-DraftStyleDefault-block { |
| |
34151 | text-align: center |
| |
34152 | } |
| |
34153 | |
| |
34154 | .DraftEditor-alignCenter .public-DraftEditorPlaceholder-root { |
| |
34155 | margin: 0 auto; |
| |
34156 | text-align: center; |
| |
34157 | width: 100% |
| |
34158 | } |
| |
34159 | |
| |
34160 | .DraftEditor-alignRight .public-DraftStyleDefault-block { |
| |
34161 | text-align: right |
| |
34162 | } |
| |
34163 | |
| |
34164 | .DraftEditor-alignRight .public-DraftEditorPlaceholder-root { |
| |
34165 | right: 0; |
| |
34166 | text-align: right |
| |
34167 | } |
| |
34168 | |
| |
34169 | .public-DraftEditorPlaceholder-root { |
| |
34170 | color: #9197a3; |
| |
34171 | position: absolute; |
| |
34172 | z-index: 1 |
| |
34173 | } |
| |
34174 | |
| |
34175 | .public-DraftEditorPlaceholder-hasFocus { |
| |
34176 | color: #bdc1c9 |
| |
34177 | } |
| |
34178 | |
| |
34179 | .DraftEditorPlaceholder-hidden { |
| |
34180 | display: none |
| |
34181 | } |
| |
34182 | |
| |
34183 | .public-DraftStyleDefault-block { |
| |
34184 | position: relative; |
| |
34185 | white-space: pre-wrap |
| |
34186 | } |
| |
34187 | |
| |
34188 | .public-DraftStyleDefault-ltr { |
| |
34189 | direction: ltr; |
| |
34190 | text-align: left |
| |
34191 | } |
| |
34192 | |
| |
34193 | .public-DraftStyleDefault-rtl { |
| |
34194 | direction: rtl; |
| |
34195 | text-align: right |
| |
34196 | } |
| |
34197 | |
| |
34198 | .public-DraftStyleDefault-listLTR { |
| |
34199 | direction: ltr |
| |
34200 | } |
| |
34201 | |
| |
34202 | .public-DraftStyleDefault-listRTL { |
| |
34203 | direction: rtl |
| |
34204 | } |
| |
34205 | |
| |
34206 | .public-DraftStyleDefault-ol, |
| |
34207 | .public-DraftStyleDefault-ul { |
| |
34208 | margin: 16px 0; |
| |
34209 | padding: 0 |
| |
34210 | } |
| |
34211 | |
| |
34212 | .public-DraftStyleDefault-depth0.public-DraftStyleDefault-listLTR { |
| |
34213 | margin-left: 1.5em |
| |
34214 | } |
| |
34215 | |
| |
34216 | .public-DraftStyleDefault-depth0.public-DraftStyleDefault-listRTL { |
| |
34217 | margin-right: 1.5em |
| |
34218 | } |
| |
34219 | |
| |
34220 | .public-DraftStyleDefault-depth1.public-DraftStyleDefault-listLTR { |
| |
34221 | margin-left: 3em |
| |
34222 | } |
| |
34223 | |
| |
34224 | .public-DraftStyleDefault-depth1.public-DraftStyleDefault-listRTL { |
| |
34225 | margin-right: 3em |
| |
34226 | } |
| |
34227 | |
| |
34228 | .public-DraftStyleDefault-depth2.public-DraftStyleDefault-listLTR { |
| |
34229 | margin-left: 4.5em |
| |
34230 | } |
| |
34231 | |
| |
34232 | .public-DraftStyleDefault-depth2.public-DraftStyleDefault-listRTL { |
| |
34233 | margin-right: 4.5em |
| |
34234 | } |
| |
34235 | |
| |
34236 | .public-DraftStyleDefault-depth3.public-DraftStyleDefault-listLTR { |
| |
34237 | margin-left: 6em |
| |
34238 | } |
| |
34239 | |
| |
34240 | .public-DraftStyleDefault-depth3.public-DraftStyleDefault-listRTL { |
| |
34241 | margin-right: 6em |
| |
34242 | } |
| |
34243 | |
| |
34244 | .public-DraftStyleDefault-depth4.public-DraftStyleDefault-listLTR { |
| |
34245 | margin-left: 7.5em |
| |
34246 | } |
| |
34247 | |
| |
34248 | .public-DraftStyleDefault-depth4.public-DraftStyleDefault-listRTL { |
| |
34249 | margin-right: 7.5em |
| |
34250 | } |
| |
34251 | |
| |
34252 | .public-DraftStyleDefault-unorderedListItem { |
| |
34253 | list-style-type: square; |
| |
34254 | position: relative |
| |
34255 | } |
| |
34256 | |
| |
34257 | .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth0 { |
| |
34258 | list-style-type: disc |
| |
34259 | } |
| |
34260 | |
| |
34261 | .public-DraftStyleDefault-unorderedListItem.public-DraftStyleDefault-depth1 { |
| |
34262 | list-style-type: circle |
| |
34263 | } |
| |
34264 | |
| |
34265 | .public-DraftStyleDefault-orderedListItem { |
| |
34266 | list-style-type: none; |
| |
34267 | position: relative |
| |
34268 | } |
| |
34269 | |
| |
34270 | .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listLTR:before { |
| |
34271 | left: -36px; |
| |
34272 | position: absolute; |
| |
34273 | text-align: right; |
| |
34274 | width: 30px |
| |
34275 | } |
| |
34276 | |
| |
34277 | .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-listRTL:before { |
| |
34278 | position: absolute; |
| |
34279 | right: -36px; |
| |
34280 | text-align: left; |
| |
34281 | width: 30px |
| |
34282 | } |
| |
34283 | |
| |
34284 | .public-DraftStyleDefault-orderedListItem:before { |
| |
34285 | content: counter(ol0) ". "; |
| |
34286 | counter-increment: ol0 |
| |
34287 | } |
| |
34288 | |
| |
34289 | .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth1:before { |
| |
34290 | content: counter(ol1) ". "; |
| |
34291 | counter-increment: ol1 |
| |
34292 | } |
| |
34293 | |
| |
34294 | .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth2:before { |
| |
34295 | content: counter(ol2) ". "; |
| |
34296 | counter-increment: ol2 |
| |
34297 | } |
| |
34298 | |
| |
34299 | .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth3:before { |
| |
34300 | content: counter(ol3) ". "; |
| |
34301 | counter-increment: ol3 |
| |
34302 | } |
| |
34303 | |
| |
34304 | .public-DraftStyleDefault-orderedListItem.public-DraftStyleDefault-depth4:before { |
| |
34305 | content: counter(ol4) ". "; |
| |
34306 | counter-increment: ol4 |
| |
34307 | } |
| |
34308 | |
| |
34309 | .public-DraftStyleDefault-depth0.public-DraftStyleDefault-reset { |
| |
34310 | counter-reset: ol0 |
| |
34311 | } |
| |
34312 | |
| |
34313 | .public-DraftStyleDefault-depth1.public-DraftStyleDefault-reset { |
| |
34314 | counter-reset: ol1 |
| |
34315 | } |
| |
34316 | |
| |
34317 | .public-DraftStyleDefault-depth2.public-DraftStyleDefault-reset { |
| |
34318 | counter-reset: ol2 |
| |
34319 | } |
| |
34320 | |
| |
34321 | .public-DraftStyleDefault-depth3.public-DraftStyleDefault-reset { |
| |
34322 | counter-reset: ol3 |
| |
34323 | } |
| |
34324 | |
| |
34325 | .public-DraftStyleDefault-depth4.public-DraftStyleDefault-reset { |
| |
34326 | counter-reset: ol4 |
| |
34327 | } |
| |
34328 | |
| |
34329 | .recentMentionsPopout-2fmau1 .header-3LXPrb { |
| |
34330 | padding-bottom: 0 |
| |
34331 | } |
| |
34332 | |
| |
34333 | .recentMentionsPopout-2fmau1 .loadingMore-mVRVL3 { |
| |
34334 | min-height: 179px |
| |
34335 | } |
| |
34336 | |
| |
34337 | .headerTabBarWrapper-27xBDe { |
| |
34338 | -ms-flex-direction: row; |
| |
34339 | -ms-flex-pack: justify; |
| |
34340 | -webkit-box-direction: normal; |
| |
34341 | -webkit-box-orient: horizontal; |
| |
34342 | -webkit-box-pack: justify; |
| |
34343 | display: -webkit-box; |
| |
34344 | display: -ms-flexbox; |
| |
34345 | display: flex; |
| |
34346 | flex-direction: row; |
| |
34347 | justify-content: space-between; |
| |
34348 | margin-top: 18px |
| |
34349 | } |
| |
34350 | |
| |
34351 | .headerTabBarWrapper-27xBDe .tabBar-2UKwcE { |
| |
34352 | border-bottom-color: transparent; |
| |
34353 | margin-bottom: 0 |
| |
34354 | } |
| |
34355 | |
| |
34356 | .headerTabBarWrapper-27xBDe .tabBar-2UKwcE .tabBarItem-1Cg-MI { |
| |
34357 | font-size: 14px; |
| |
34358 | line-height: 16px; |
| |
34359 | margin-right: 12px; |
| |
34360 | padding-bottom: 15px |
| |
34361 | } |
| |
34362 | |
| |
34363 | .mentionFilter-1PQ6ey { |
| |
34364 | -ms-flex-align: start; |
| |
34365 | -ms-flex-direction: row; |
| |
34366 | -ms-flex-pack: end; |
| |
34367 | -webkit-box-align: start; |
| |
34368 | -webkit-box-direction: normal; |
| |
34369 | -webkit-box-orient: horizontal; |
| |
34370 | -webkit-box-pack: end; |
| |
34371 | align-items: flex-start; |
| |
34372 | background-image: url(/assets/124a09b8684fa95bdd529d71fbe66f01.svg); |
| |
34373 | background-position: right 6px; |
| |
34374 | background-repeat: no-repeat; |
| |
34375 | background-size: 9px 5px; |
| |
34376 | color: rgba(115, 127, 141, .3); |
| |
34377 | cursor: pointer; |
| |
34378 | display: -webkit-box; |
| |
34379 | display: -ms-flexbox; |
| |
34380 | display: flex; |
| |
34381 | flex-direction: row; |
| |
34382 | font-size: 14px; |
| |
34383 | justify-content: flex-end; |
| |
34384 | line-height: 16px; |
| |
34385 | padding-right: 15px |
| |
34386 | } |
| |
34387 | |
| |
34388 | .mentionFilter-1PQ6ey .label-12YslM { |
| |
34389 | display: inline-block |
| |
34390 | } |
| |
34391 | |
| |
34392 | .mentionFilter-1PQ6ey .value-2k8Drt { |
| |
34393 | color: #737f8d; |
| |
34394 | display: inline-block; |
| |
34395 | margin-left: 4px; |
| |
34396 | text-transform: lowercase |
| |
34397 | } |
| |
34398 | |
| |
34399 | .recentMentionsFilterPopout-24_uDU { |
| |
34400 | min-width: 210px !important; |
| |
34401 | position: relative !important; |
| |
34402 | width: auto !important |
| |
34403 | } |
| |
34404 | |
| |
34405 | .theme-dark .mentionFilter-1PQ6ey { |
| |
34406 | background-image: url(/assets/a548e6d1dcea000b680726ff489a84a8.svg); |
| |
34407 | color: #fff |
| |
34408 | } |
| |
34409 | |
| |
34410 | .theme-dark .mentionFilter-1PQ6ey .label-12YslM { |
| |
34411 | color: hsla(0, 0%, 100%, .3) |
| |
34412 | } |
| |
34413 | |
| |
34414 | .theme-dark .mentionFilter-1PQ6ey .value-2k8Drt { |
| |
34415 | color: #fff |
| |
34416 | } |
| |
34417 | |
| |
34418 | @-webkit-keyframes arrowBounce-1NRiP8 { |
| |
34419 | 0% { |
| |
34420 | -webkit-transform: translate3d(0, -2px, 0); |
| |
34421 | transform: translate3d(0, -2px, 0) |
| |
34422 | } |
| |
34423 | |
| |
34424 | 50% { |
| |
34425 | -webkit-transform: translateZ(0); |
| |
34426 | transform: translateZ(0) |
| |
34427 | } |
| |
34428 | |
| |
34429 | to { |
| |
34430 | -webkit-transform: translate3d(0, -2px, 0); |
| |
34431 | transform: translate3d(0, -2px, 0) |
| |
34432 | } |
| |
34433 | } |
| |
34434 | |
| |
34435 | @keyframes arrowBounce-1NRiP8 { |
| |
34436 | 0% { |
| |
34437 | -webkit-transform: translate3d(0, -2px, 0); |
| |
34438 | transform: translate3d(0, -2px, 0) |
| |
34439 | } |
| |
34440 | |
| |
34441 | 50% { |
| |
34442 | -webkit-transform: translateZ(0); |
| |
34443 | transform: translateZ(0) |
| |
34444 | } |
| |
34445 | |
| |
34446 | to { |
| |
34447 | -webkit-transform: translate3d(0, -2px, 0); |
| |
34448 | transform: translate3d(0, -2px, 0) |
| |
34449 | } |
| |
34450 | } |
| |
34451 | |
| |
34452 | .children-3Bo2Aw { |
| |
34453 | -ms-flex: 0 1 auto; |
| |
34454 | -webkit-box-flex: 0; |
| |
34455 | flex: 0 1 auto |
| |
34456 | } |
| |
34457 | |
| |
34458 | .back-38bAq5 { |
| |
34459 | margin-right: 12px; |
| |
34460 | opacity: .6 |
| |
34461 | } |
| |
34462 | |
| |
34463 | .back-38bAq5:active, |
| |
34464 | .back-38bAq5:hover { |
| |
34465 | opacity: .8 |
| |
34466 | } |
| |
34467 | |
| |
34468 | .back-38bAq5:disabled { |
| |
34469 | opacity: .2 |
| |
34470 | } |
| |
34471 | |
| |
34472 | .updateIconForeground-3tnNZn { |
| |
34473 | fill: #43b581 |
| |
34474 | } |
| |
34475 | |
| |
34476 | .search-36MZv- { |
| |
34477 | margin: 0 8px |
| |
34478 | } |
| |
34479 | |
| |
34480 | .toolbar-1ZLc8T { |
| |
34481 | -ms-flex: 0 0 auto; |
| |
34482 | -ms-flex-align: center; |
| |
34483 | -webkit-box-align: center; |
| |
34484 | -webkit-box-flex: 0; |
| |
34485 | align-items: center; |
| |
34486 | display: -webkit-box; |
| |
34487 | display: -ms-flexbox; |
| |
34488 | display: flex; |
| |
34489 | flex: 0 0 auto |
| |
34490 | } |
| |
34491 | |
| |
34492 | .downloadArrow-BfJJjn { |
| |
34493 | -webkit-animation: arrowBounce-1NRiP8 2s ease-in-out infinite; |
| |
34494 | animation: arrowBounce-1NRiP8 2s ease-in-out infinite; |
| |
34495 | color: #43b581 |
| |
34496 | } |
| |
34497 | |
| |
34498 | .theme-light .back-38bAq5 { |
| |
34499 | color: #4f545c |
| |
34500 | } |
| |
34501 | |
| |
34502 | .theme-light .cloud-31LAb8 { |
| |
34503 | color: #9099a4 |
| |
34504 | } |
| |
34505 | |
| |
34506 | .theme-dark .back-38bAq5 { |
| |
34507 | color: #fff |
| |
34508 | } |
| |
34509 | |
| |
34510 | .theme-dark .cloud-31LAb8 { |
| |
34511 | color: #72767d |
| |
34512 | } |
| |
34513 | |
| |
34514 | @media (min-width:849px) { |
| |
34515 | .headerBarLoggedOut-1Txau0 { |
| |
34516 | padding: 0 30px |
| |
34517 | } |
| |
34518 | } |
| |
34519 | |
| |
34520 | .base-PmTxvP { |
| |
34521 | -ms-flex: 0 0 auto; |
| |
34522 | -webkit-box-flex: 0; |
| |
34523 | -webkit-box-sizing: border-box; |
| |
34524 | border-radius: 8px; |
| |
34525 | box-sizing: border-box; |
| |
34526 | color: #fff; |
| |
34527 | flex: 0 0 auto; |
| |
34528 | font-size: 12px; |
| |
34529 | font-weight: 600; |
| |
34530 | line-height: 16px; |
| |
34531 | min-height: 16px; |
| |
34532 | min-width: 16px; |
| |
34533 | text-align: center |
| |
34534 | } |
| |
34535 | |
| |
34536 | .numberBadge-2s8kKX { |
| |
34537 | -ms-flex-align: center; |
| |
34538 | -ms-flex-pack: center; |
| |
34539 | -webkit-box-align: center; |
| |
34540 | -webkit-box-pack: center; |
| |
34541 | align-items: center; |
| |
34542 | display: -webkit-box; |
| |
34543 | display: -ms-flexbox; |
| |
34544 | display: flex; |
| |
34545 | justify-content: center |
| |
34546 | } |
| |
34547 | |
| |
34548 | .textBadge-1iylP6 { |
| |
34549 | overflow: hidden; |
| |
34550 | padding: 0 6px; |
| |
34551 | text-overflow: ellipsis; |
| |
34552 | white-space: nowrap |
| |
34553 | } |
| |
34554 | |
| |
34555 | .iconBadge-2NuvG9 { |
| |
34556 | -ms-flex-align: center; |
| |
34557 | -ms-flex-pack: center; |
| |
34558 | -webkit-box-align: center; |
| |
34559 | -webkit-box-pack: center; |
| |
34560 | align-items: center; |
| |
34561 | display: -webkit-box; |
| |
34562 | display: -ms-flexbox; |
| |
34563 | display: flex; |
| |
34564 | height: 16px; |
| |
34565 | justify-content: center; |
| |
34566 | width: 16px |
| |
34567 | } |
| |
34568 | |
| |
34569 | .icon-3s6X1M { |
| |
34570 | height: 100%; |
| |
34571 | padding: 2px; |
| |
34572 | width: 100% |
| |
34573 | } |
| |
34574 | |
| |
34575 | .akaBadge-1M-1Gw { |
| |
34576 | margin-left: 8px |
| |
34577 | } |
| |
34578 | |
| |
34579 | .nicknames-1XK4Zt { |
| |
34580 | -ms-flex: 1 1 auto; |
| |
34581 | -webkit-box-flex: 1; |
| |
34582 | flex: 1 1 auto; |
| |
34583 | font-size: 14px; |
| |
34584 | font-weight: 400; |
| |
34585 | line-height: 18px; |
| |
34586 | margin: 0 0 0 8px; |
| |
34587 | min-width: 0; |
| |
34588 | overflow: hidden; |
| |
34589 | text-overflow: ellipsis; |
| |
34590 | white-space: nowrap; |
| |
34591 | width: 100% |
| |
34592 | } |
| |
34593 | |
| |
34594 | .nicknames-1XK4Zt a:hover { |
| |
34595 | text-decoration: underline |
| |
34596 | } |
| |
34597 | |
| |
34598 | .spacer-3kEb8l { |
| |
34599 | -ms-flex: 1 1 auto; |
| |
34600 | -webkit-box-flex: 1; |
| |
34601 | flex: 1 1 auto |
| |
34602 | } |
| |
34603 | |
| |
34604 | .theme-dark .akaBadge-1M-1Gw { |
| |
34605 | background-color: #292b2f |
| |
34606 | } |
| |
34607 | |
| |
34608 | .theme-dark .nicknames-1XK4Zt { |
| |
34609 | color: #b9bbbe |
| |
34610 | } |
| |
34611 | |
| |
34612 | .theme-light .akaBadge-1M-1Gw { |
| |
34613 | background-color: #ebedef |
| |
34614 | } |
| |
34615 | |
| |
34616 | .theme-light .nicknames-1XK4Zt { |
| |
34617 | color: #4f5660 |
| |
34618 | } |
| |
34619 | |
| |
34620 | .theme-dark .nicknames-1XK4Zt a, |
| |
34621 | .theme-light .nicknames-1XK4Zt a { |
| |
34622 | color: #00b0f4 |
| |
34623 | } |
| |
34624 | |
| |
34625 | .container-1MGX4D { |
| |
34626 | -ms-flex: 1 1 auto; |
| |
34627 | -webkit-box-flex: 1; |
| |
34628 | display: -webkit-box; |
| |
34629 | display: -ms-flexbox; |
| |
34630 | display: flex; |
| |
34631 | flex: 1 1 auto; |
| |
34632 | position: relative |
| |
34633 | } |
| |
34634 | |
| |
34635 | .container-1MGX4D, |
| |
34636 | .container-1MGX4D *, |
| |
34637 | .input-2A_zIr { |
| |
34638 | -webkit-box-sizing: border-box; |
| |
34639 | box-sizing: border-box |
| |
34640 | } |
| |
34641 | |
| |
34642 | .input-2A_zIr { |
| |
34643 | -webkit-app-region: no-drag; |
| |
34644 | background: transparent; |
| |
34645 | border: none; |
| |
34646 | border-radius: 3px; |
| |
34647 | font-size: 16px; |
| |
34648 | font-weight: 500; |
| |
34649 | height: 32px; |
| |
34650 | line-height: 32px; |
| |
34651 | overflow: hidden; |
| |
34652 | padding: 0 6px; |
| |
34653 | text-overflow: ellipsis; |
| |
34654 | white-space: nowrap; |
| |
34655 | white-space: pre |
| |
34656 | } |
| |
34657 | |
| |
34658 | .theme-dark .input-2A_zIr { |
| |
34659 | background: transparent; |
| |
34660 | color: #fff |
| |
34661 | } |
| |
34662 | |
| |
34663 | .theme-dark .input-2A_zIr:focus, |
| |
34664 | .theme-dark .outer-o9SjPm:hover .input-2A_zIr { |
| |
34665 | -webkit-box-shadow: inset 0 0 0 1px #202225; |
| |
34666 | box-shadow: inset 0 0 0 1px #202225 |
| |
34667 | } |
| |
34668 | |
| |
34669 | .theme-dark .input-2A_zIr:focus { |
| |
34670 | background-color: #2f3136 |
| |
34671 | } |
| |
34672 | |
| |
34673 | .theme-light .input-2A_zIr, |
| |
34674 | .theme-light .input-2A_zIr:focus { |
| |
34675 | color: #4f545c |
| |
34676 | } |
| |
34677 | |
| |
34678 | .theme-light .input-2A_zIr:focus, |
| |
34679 | .theme-light .outer-o9SjPm:hover .input-2A_zIr { |
| |
34680 | -webkit-box-shadow: inset 0 0 0 1px #e3e5e8; |
| |
34681 | box-shadow: inset 0 0 0 1px #e3e5e8 |
| |
34682 | } |
| |
34683 | |
| |
34684 | .theme-light .input-2A_zIr:focus { |
| |
34685 | background-color: #f8f9f9 |
| |
34686 | } |
| |
34687 | |
| |
34688 | .container-3FPLD3 { |
| |
34689 | -ms-flex: 1 1 auto; |
| |
34690 | -ms-flex-pack: start; |
| |
34691 | -webkit-box-flex: 1; |
| |
34692 | -webkit-box-pack: start; |
| |
34693 | display: -webkit-box; |
| |
34694 | display: -ms-flexbox; |
| |
34695 | display: flex; |
| |
34696 | flex: 1 1 auto; |
| |
34697 | justify-content: flex-start |
| |
34698 | } |
| |
34699 | |
| |
34700 | .channelName-qsg_a_, |
| |
34701 | .container-3FPLD3 { |
| |
34702 | min-width: 0; |
| |
34703 | position: relative |
| |
34704 | } |
| |
34705 | |
| |
34706 | .channelName-qsg_a_ { |
| |
34707 | -ms-flex: 0 1 auto; |
| |
34708 | -webkit-box-flex: 0; |
| |
34709 | -webkit-box-sizing: border-box; |
| |
34710 | box-sizing: border-box; |
| |
34711 | flex: 0 1 auto; |
| |
34712 | margin-left: -6px; |
| |
34713 | max-width: 100%; |
| |
34714 | padding: 0 4px 0 0 |
| |
34715 | } |
| |
34716 | |
| 34813 | .modal-1sor29 { |
34717 | .modal-1sor29 { |
| 34814 | font-size: 13px; |
34718 | font-size: 13px; |
| 34815 | white-space: pre-wrap; |
34719 | white-space: pre-wrap; |
| 34816 | word-wrap: break-word |
34720 | word-wrap: break-word |
| 34817 | } |
34721 | } |
| 34818 | |
34722 | |
| 34819 | .size-JLvFeT { |
34723 | .size-JLvFeT { |
| 34820 | max-height: 800px; |
34724 | max-height: 800px; |
| 34821 | width: 490px |
34725 | width: 490px |
| | | |
| 34921 | .theme-light .content-8biNdB p, |
34825 | .theme-light .content-8biNdB p, |
| 34922 | .theme-light .content-8biNdB ul li { |
34826 | .theme-light .content-8biNdB ul li { |
| 34923 | color: #72767d |
34827 | color: #72767d |
| 34924 | } |
34828 | } |
| 34925 | |
34829 | |
| 34926 | .theme-light .content-8biNdB ul li:before { |
34830 | .theme-light .content-8biNdB ul li:before { |
| 34927 | background-color: #72767d |
34831 | background-color: #72767d |
| 34928 | } |
34832 | } |
| 34929 | |
34833 | |
| . | |
34834 | .topic-TCb_qw { |
| |
34835 | -ms-flex: 1 1 auto; |
| |
34836 | -webkit-box-flex: 1; |
| |
34837 | flex: 1 1 auto; |
| |
34838 | font-size: 14px; |
| |
34839 | font-weight: 400; |
| |
34840 | line-height: 18px; |
| |
34841 | margin: 0 0 0 8px; |
| |
34842 | min-width: 0; |
| |
34843 | overflow: hidden; |
| |
34844 | text-overflow: ellipsis; |
| |
34845 | white-space: nowrap |
| |
34846 | } |
| |
34847 | |
| |
34848 | .topic-TCb_qw a:hover { |
| |
34849 | text-decoration: underline |
| |
34850 | } |
| |
34851 | |
| |
34852 | .topic-TCb_qw.expandable-9fI_e3 { |
| |
34853 | cursor: pointer |
| |
34854 | } |
| |
34855 | |
| |
34856 | .content-38qMG0 { |
| |
34857 | padding-bottom: 20px |
| |
34858 | } |
| |
34859 | |
| |
34860 | .theme-dark .topic-TCb_qw { |
| |
34861 | color: #b9bbbe |
| |
34862 | } |
| |
34863 | |
| |
34864 | .theme-light .topic-TCb_qw { |
| |
34865 | color: #4f5660 |
| |
34866 | } |
| |
34867 | |
| |
34868 | .theme-dark .topic-TCb_qw a, |
| |
34869 | .theme-light .topic-TCb_qw a { |
| |
34870 | color: #00b0f4 |
| |
34871 | } |
| |
34872 | |
| |
34873 | .chat-3bRxxu { |
| |
34874 | -ms-flex: 1; |
| |
34875 | -ms-flex-direction: column; |
| |
34876 | -webkit-box-direction: normal; |
| |
34877 | -webkit-box-flex: 1; |
| |
34878 | -webkit-box-orient: vertical; |
| |
34879 | contain: layout; |
| |
34880 | flex: 1; |
| |
34881 | flex-direction: column; |
| |
34882 | overflow: hidden |
| |
34883 | } |
| |
34884 | |
| |
34885 | .chat-3bRxxu, |
| |
34886 | .chat-3bRxxu form { |
| |
34887 | display: -webkit-box; |
| |
34888 | display: -ms-flexbox; |
| |
34889 | display: flex; |
| |
34890 | position: relative |
| |
34891 | } |
| |
34892 | |
| |
34893 | .chat-3bRxxu form { |
| |
34894 | -ms-flex-negative: 0; |
| |
34895 | flex-shrink: 0; |
| |
34896 | margin-left: 20px; |
| |
34897 | margin-right: 20px |
| |
34898 | } |
| |
34899 | |
| |
34900 | .cursorPonter-YEp76E { |
| |
34901 | cursor: pointer |
| |
34902 | } |
| |
34903 | |
| |
34904 | .content-yTz4x3 { |
| |
34905 | -ms-flex: 1 1 auto; |
| |
34906 | -ms-flex-direction: row; |
| |
34907 | -webkit-box-direction: normal; |
| |
34908 | -webkit-box-flex: 1; |
| |
34909 | -webkit-box-orient: horizontal; |
| |
34910 | display: -webkit-box; |
| |
34911 | display: -ms-flexbox; |
| |
34912 | display: flex; |
| |
34913 | flex: 1 1 auto; |
| |
34914 | flex-direction: row |
| |
34915 | } |
| |
34916 | |
| |
34917 | .channelTextArea-rNsIhG { |
| |
34918 | margin-bottom: 30px; |
| |
34919 | padding-top: 20px |
| |
34920 | } |
| |
34921 | |
| |
34922 | .titleWrapper-1l0xT9 { |
| |
34923 | -ms-flex: 1 1 auto; |
| |
34924 | -ms-flex-align: center; |
| |
34925 | -webkit-box-align: center; |
| |
34926 | -webkit-box-flex: 1; |
| |
34927 | align-items: center; |
| |
34928 | display: -webkit-box; |
| |
34929 | display: -ms-flexbox; |
| |
34930 | display: flex; |
| |
34931 | flex: 1 1 auto; |
| |
34932 | overflow: hidden |
| |
34933 | } |
| |
34934 | |
| |
34935 | .noChannel-Z1DQK7 { |
| |
34936 | -ms-flex: 1 1 auto; |
| |
34937 | -webkit-box-flex: 1; |
| |
34938 | flex: 1 1 auto; |
| |
34939 | position: relative |
| |
34940 | } |
| |
34941 | |
| |
34942 | .editPartyIcon-1GA5r3 { |
| |
34943 | -webkit-transition: opacity .2s ease; |
| |
34944 | cursor: pointer; |
| |
34945 | margin-right: 4px; |
| |
34946 | opacity: .6; |
| |
34947 | transition: opacity .2s ease |
| |
34948 | } |
| |
34949 | |
| |
34950 | .editPartyIcon-1GA5r3:hover { |
| |
34951 | opacity: 1 |
| |
34952 | } |
| |
34953 | |
| |
34954 | .channelName-3stJzi { |
| |
34955 | margin: 0 8px |
| |
34956 | } |
| |
34957 | |
| |
34958 | .title-3qD0b- { |
| |
34959 | position: relative; |
| |
34960 | z-index: 100 |
| |
34961 | } |
| |
34962 | |
| |
34963 | .status-1XNdyw, |
| |
34964 | .title-3qD0b- { |
| |
34965 | -ms-flex: 0 0 auto; |
| |
34966 | -webkit-box-flex: 0; |
| |
34967 | flex: 0 0 auto |
| |
34968 | } |
| |
34969 | |
| |
34970 | .status-1XNdyw { |
| |
34971 | margin-right: 8px |
| |
34972 | } |
| |
34973 | |
| |
34974 | .stop-animations .title-3qD0b- { |
| |
34975 | -webkit-app-region: no-drag |
| |
34976 | } |
| |
34977 | |
| |
34978 | .mobileIndicator-U-7hTl { |
| |
34979 | -ms-flex: 0 0 auto; |
| |
34980 | -webkit-box-flex: 0; |
| |
34981 | flex: 0 0 auto; |
| |
34982 | height: 20px; |
| |
34983 | margin: 0 8px 0 0; |
| |
34984 | width: 20px |
| |
34985 | } |
| |
34986 | |
| |
34987 | .theme-light .channelTextArea-rNsIhG { |
| |
34988 | border-top: 1px solid rgba(0, 0, 0, .1) |
| |
34989 | } |
| |
34990 | |
| |
34991 | .theme-light .chat-3bRxxu { |
| |
34992 | background-color: #fff; |
| |
34993 | color: #fff |
| |
34994 | } |
| |
34995 | |
| |
34996 | .theme-light .chat-3bRxxu ::-webkit-input-placeholder { |
| |
34997 | color: #dadddf |
| |
34998 | } |
| |
34999 | |
| |
35000 | .theme-light .content-yTz4x3, |
| |
35001 | .theme-light .noChannel-Z1DQK7 { |
| |
35002 | background: #fff |
| |
35003 | } |
| |
35004 | |
| |
35005 | .theme-light .mobileIndicator-U-7hTl { |
| |
35006 | color: #72767d |
| |
35007 | } |
| |
35008 | |
| |
35009 | .theme-light .chat-3bRxxu.inCall-1-VdgE .title-3qD0b- { |
| |
35010 | -webkit-box-shadow: none; |
| |
35011 | box-shadow: none |
| |
35012 | } |
| |
35013 | |
| |
35014 | .theme-dark .channelTextArea-rNsIhG { |
| |
35015 | border-top: 1px solid hsla(0, 0%, 100%, .06) |
| |
35016 | } |
| |
35017 | |
| |
35018 | .theme-dark .chat-3bRxxu, |
| |
35019 | .theme-dark .chat-3bRxxu form, |
| |
35020 | .theme-dark .content-yTz4x3 { |
| |
35021 | background-color: #36393f |
| |
35022 | } |
| |
35023 | |
| |
35024 | .theme-dark .noChannel-Z1DQK7 { |
| |
35025 | background: #36393f |
| |
35026 | } |
| |
35027 | |
| |
35028 | .theme-dark .mobileIndicator-U-7hTl { |
| |
35029 | color: #72767d |
| |
35030 | } |
| |
35031 | |
| |
35032 | .popout-103y-5 { |
| |
35033 | width: 440px |
| |
35034 | } |
| |
35035 | |
| |
35036 | .searchBar-1Vaz-O .searchBarComponent-yxeVIL { |
| |
35037 | -ms-flex: 1; |
| |
35038 | -webkit-box-flex: 1; |
| |
35039 | -webkit-box-shadow: none; |
| |
35040 | box-shadow: none; |
| |
35041 | flex: 1 |
| |
35042 | } |
| |
35043 | |
| |
35044 | .searchBar-1Vaz-O .addButton-tsPCpZ { |
| |
35045 | margin-left: 8px |
| |
35046 | } |
| |
35047 | |
| |
35048 | .subtitleWarning-11fCy8 { |
| |
35049 | color: #f04747 !important |
| |
35050 | } |
| |
35051 | |
| |
35052 | .noResults-ZTbl5V, |
| |
35053 | .scroller-hUf6zQ { |
| |
35054 | max-height: 190px |
| |
35055 | } |
| |
35056 | |
| |
35057 | .friendWrapper-LdKLp8 { |
| |
35058 | cursor: pointer; |
| |
35059 | margin: 0 4px 0 12px; |
| |
35060 | padding: 1px 0 |
| |
35061 | } |
| |
35062 | |
| |
35063 | .friend-2E0q2S { |
| |
35064 | -webkit-box-sizing: border-box; |
| |
35065 | border-radius: 3px; |
| |
35066 | box-sizing: border-box; |
| |
35067 | font-size: 15px; |
| |
35068 | font-weight: 400; |
| |
35069 | height: 40px; |
| |
35070 | overflow: hidden; |
| |
35071 | padding: 6px 8px; |
| |
35072 | text-overflow: ellipsis; |
| |
35073 | white-space: nowrap |
| |
35074 | } |
| |
35075 | |
| |
35076 | .friend-2E0q2S .avatar-mHbhiQ { |
| |
35077 | -ms-flex-negative: 0; |
| |
35078 | flex-shrink: 0; |
| |
35079 | margin: 0 |
| |
35080 | } |
| |
35081 | |
| |
35082 | .friend-2E0q2S .status-2hz4lr { |
| |
35083 | border-style: solid; |
| |
35084 | border-width: 2px |
| |
35085 | } |
| |
35086 | |
| |
35087 | .friend-2E0q2S .match-w_mMTb { |
| |
35088 | overflow: hidden; |
| |
35089 | text-overflow: ellipsis; |
| |
35090 | white-space: nowrap |
| |
35091 | } |
| |
35092 | |
| |
35093 | .friend-2E0q2S .nickname-2CALbl { |
| |
35094 | margin-right: 4px |
| |
35095 | } |
| |
35096 | |
| |
35097 | .friend-2E0q2S .discordTag-3gO1VA { |
| |
35098 | opacity: .5 |
| |
35099 | } |
| |
35100 | |
| |
35101 | .copyInput-fU5OcD { |
| |
35102 | -ms-flex-positive: 1; |
| |
35103 | -webkit-box-flex: 1; |
| |
35104 | flex-grow: 1 |
| |
35105 | } |
| |
35106 | |
| |
35107 | .noBorder-3d42mF { |
| |
35108 | border: none |
| |
35109 | } |
| |
35110 | |
| |
35111 | .copyButton-1r9_ji { |
| |
35112 | margin-right: 4px; |
| |
35113 | width: 75px |
| |
35114 | } |
| |
35115 | |
| |
35116 | .errorState-KkUH_2 { |
| |
35117 | font-size: 16px; |
| |
35118 | font-weight: 500; |
| |
35119 | line-height: 20px; |
| |
35120 | padding: 20px 20px 40px; |
| |
35121 | text-align: center |
| |
35122 | } |
| |
35123 | |
| |
35124 | .errorState-KkUH_2.noResults-ZTbl5V { |
| |
35125 | padding: 0 48px |
| |
35126 | } |
| |
35127 | |
| |
35128 | .errorStateIcon-3fNXE5 { |
| |
35129 | background-position: 50%; |
| |
35130 | background-repeat: no-repeat; |
| |
35131 | background-size: cover |
| |
35132 | } |
| |
35133 | |
| |
35134 | .notFriends-SkjxV- .errorStateIcon-3fNXE5 { |
| |
35135 | height: 129px; |
| |
35136 | width: 300px |
| |
35137 | } |
| |
35138 | |
| |
35139 | .noFriends-1fVUuM .errorStateIcon-3fNXE5 { |
| |
35140 | height: 86px; |
| |
35141 | width: 171px |
| |
35142 | } |
| |
35143 | |
| |
35144 | .partyFull-35IpOX .errorStateIcon-3fNXE5 { |
| |
35145 | height: 82px; |
| |
35146 | width: 181px |
| |
35147 | } |
| |
35148 | |
| |
35149 | .noResults-ZTbl5V .errorStateIcon-3fNXE5 { |
| |
35150 | height: 85px; |
| |
35151 | width: 85px |
| |
35152 | } |
| |
35153 | |
| |
35154 | .footerSeparator-M9dQY1 { |
| |
35155 | height: 1px; |
| |
35156 | margin: 0 10px |
| |
35157 | } |
| |
35158 | |
| |
35159 | .footer-1eyGBa { |
| |
35160 | padding: 20px |
| |
35161 | } |
| |
35162 | |
| |
35163 | .theme-dark .subtitle-2P4u9v { |
| |
35164 | color: #b9bbbe |
| |
35165 | } |
| |
35166 | |
| |
35167 | .theme-dark .errorState-KkUH_2 { |
| |
35168 | color: #72767d |
| |
35169 | } |
| |
35170 | |
| |
35171 | .theme-dark .notFriends-SkjxV- .errorStateIcon-3fNXE5 { |
| |
35172 | background-image: url(/assets/4f86d7f58df32580164fc595377c0169.svg) |
| |
35173 | } |
| |
35174 | |
| |
35175 | .theme-dark .noFriends-1fVUuM .errorStateIcon-3fNXE5 { |
| |
35176 | background-image: url(/assets/16bd6f7e8c2feedd7fa44d25013e687f.svg) |
| |
35177 | } |
| |
35178 | |
| |
35179 | .theme-dark .partyFull-35IpOX .errorStateIcon-3fNXE5 { |
| |
35180 | background-image: url(/assets/f690b8a9cd33cda18e431d4717fff5ab.svg) |
| |
35181 | } |
| |
35182 | |
| |
35183 | .theme-dark .noResults-ZTbl5V .errorStateIcon-3fNXE5 { |
| |
35184 | background-image: url(/assets/1eed0d895df6e35f164d8ed5e84037d2.svg) |
| |
35185 | } |
| |
35186 | |
| |
35187 | .theme-dark .friend-2E0q2S { |
| |
35188 | color: #b9bbbe |
| |
35189 | } |
| |
35190 | |
| |
35191 | .theme-dark .friend-2E0q2S .status-2hz4lr { |
| |
35192 | border-color: #36393f |
| |
35193 | } |
| |
35194 | |
| |
35195 | .theme-dark .friendSelected-3J_Uh8 { |
| |
35196 | background-color: rgba(79, 84, 92, .3); |
| |
35197 | color: #fff |
| |
35198 | } |
| |
35199 | |
| |
35200 | .theme-dark .friendSelected-3J_Uh8 .status-2hz4lr { |
| |
35201 | border-color: #3e4147 |
| |
35202 | } |
| |
35203 | |
| |
35204 | .theme-dark .footerSeparator-M9dQY1 { |
| |
35205 | -webkit-box-shadow: 0 -1px 0 hsla(0, 0%, 100%, .04); |
| |
35206 | box-shadow: 0 -1px 0 hsla(0, 0%, 100%, .04) |
| |
35207 | } |
| |
35208 | |
| |
35209 | .theme-dark .footerText-3w69ae { |
| |
35210 | color: #b9bbbe |
| |
35211 | } |
| |
35212 | |
| |
35213 | .theme-light .subtitle-2P4u9v { |
| |
35214 | color: #72767d |
| |
35215 | } |
| |
35216 | |
| |
35217 | .theme-light .errorState-KkUH_2 { |
| |
35218 | color: rgba(185, 187, 190, .9) |
| |
35219 | } |
| |
35220 | |
| |
35221 | .theme-light .notFriends-SkjxV- .errorStateIcon-3fNXE5 { |
| |
35222 | background-image: url(/assets/f93ba18cdc453c1237a7f26f418c07a7.svg) |
| |
35223 | } |
| |
35224 | |
| |
35225 | .theme-light .noFriends-1fVUuM .errorStateIcon-3fNXE5 { |
| |
35226 | background-image: url(/assets/0e17b389a91d9a6394adf634360a8843.svg) |
| |
35227 | } |
| |
35228 | |
| |
35229 | .theme-light .partyFull-35IpOX .errorStateIcon-3fNXE5 { |
| |
35230 | background-image: url(/assets/45f8f2fff41b2fb694ff780810fa3a96.svg) |
| |
35231 | } |
| |
35232 | |
| |
35233 | .theme-light .noResults-ZTbl5V .errorStateIcon-3fNXE5 { |
| |
35234 | background-image: url(/assets/f899de04ecfface32db505c74a6fd351.svg) |
| |
35235 | } |
| |
35236 | |
| |
35237 | .theme-light .friend-2E0q2S { |
| |
35238 | color: #72767d |
| |
35239 | } |
| |
35240 | |
| |
35241 | .theme-light .friend-2E0q2S .status-2hz4lr { |
| |
35242 | border-color: #fff |
| |
35243 | } |
| |
35244 | |
| |
35245 | .theme-light .friendSelected-3J_Uh8 { |
| |
35246 | background-color: rgba(220, 221, 222, .3); |
| |
35247 | color: #000 |
| |
35248 | } |
| |
35249 | |
| |
35250 | .theme-light .friendSelected-3J_Uh8 .status-2hz4lr { |
| |
35251 | border-color: #f4f5f5 |
| |
35252 | } |
| |
35253 | |
| |
35254 | .theme-light .footerSeparator-M9dQY1 { |
| |
35255 | -webkit-box-shadow: 0 -1px 0 rgba(54, 57, 63, .1); |
| |
35256 | box-shadow: 0 -1px 0 rgba(54, 57, 63, .1) |
| |
35257 | } |
| |
35258 | |
| |
35259 | .theme-light .footerText-3w69ae { |
| |
35260 | color: #72767d |
| |
35261 | } |
| |
35262 | |
| 34930 | .memberListItem-2ZX2pl { |
35263 | .memberListItem-2ZX2pl { |
| 34931 | border-radius: 4px; |
35264 | border-radius: 4px; |
| 34932 | margin: 8px -8px; |
35265 | margin: 8px -8px; |
| 34933 | padding: 4px 8px |
35266 | padding: 4px 8px |
| 34934 | } |
35267 | } |
| 34935 | |
35268 | |
| 34936 | .memberListItem-2ZX2pl:last-child { |
35269 | .memberListItem-2ZX2pl:last-child { |
| 34937 | margin-bottom: 4px |
35270 | margin-bottom: 4px |
| 34938 | } |
35271 | } |
| | | |
| 35001 | -webkit-box-flex: 1; |
35334 | -webkit-box-flex: 1; |
| 35002 | -webkit-box-pack: center; |
35335 | -webkit-box-pack: center; |
| 35003 | align-items: center; |
35336 | align-items: center; |
| 35004 | flex: 1 1 auto; |
35337 | flex: 1 1 auto; |
| 35005 | flex-direction: column; |
35338 | flex-direction: column; |
| 35006 | height: 100%; |
35339 | height: 100%; |
| 35007 | justify-content: center |
35340 | justify-content: center |
| 35008 | } |
35341 | } |
| 35009 | |
35342 | |
| .35010 | .container-3MhwyK { |
| |
| 35011 | -ms-flex-pack: justify; |
| |
| 35012 | -webkit-box-pack: justify; |
| |
| 35013 | background: #f04747; |
| |
| 35014 | color: #fff; |
| |
| 35015 | justify-content: space-between; |
| |
| 35016 | opacity: .9; |
| |
| 35017 | padding: 10px |
| |
| 35018 | } |
| |
| 35019 | |
| |
| 35020 | .container-3MhwyK, |
| |
| 35021 | .content-11txp9 { |
| |
| 35022 | -ms-flex-align: center; |
| |
| 35023 | -webkit-box-align: center; |
| |
| 35024 | align-items: center; |
| |
| 35025 | display: -webkit-box; |
| |
| 35026 | display: -ms-flexbox; |
| |
| 35027 | display: flex |
| |
| 35028 | } |
| |
| 35029 | |
| |
| 35030 | .content-11txp9 { |
| |
| 35031 | -ms-flex-pack: center; |
| |
| 35032 | -webkit-box-pack: center; |
| |
| 35033 | justify-content: center; |
| |
| 35034 | line-height: 20px; |
| |
| 35035 | margin: 0 auto |
| |
| 35036 | } |
| |
| 35037 | |
| |
| 35038 | .icon-3k-51I { |
| |
| 35039 | height: 19px; |
| |
| 35040 | margin-right: 10px; |
| |
| 35041 | width: 19px |
| |
| 35042 | } |
| |
| 35043 | |
| |
| 35044 | .closeButtonInner-29OMGI { |
| |
| 35045 | display: -webkit-box; |
| |
| 35046 | display: -ms-flexbox; |
| |
| 35047 | display: flex |
| |
| 35048 | } |
| |
| 35049 | |
| |
| 35050 | .closeIcon-t9P9iZ { |
| |
| 35051 | height: 24px; |
| |
| 35052 | justify-self: flex-end; |
| |
| 35053 | margin-right: none; |
| |
| 35054 | width: 24px |
| |
| 35055 | } |
| |
| 35056 | |
| |
| 35057 | .live-2o_S8y { |
35343 | .live-2o_S8y { |
| 35058 | border-radius: 3px; |
35344 | border-radius: 3px; |
| 35059 | font-size: 14px; |
35345 | font-size: 14px; |
| 35060 | font-weight: 600; |
35346 | font-weight: 600; |
| 35061 | letter-spacing: .5px; |
35347 | letter-spacing: .5px; |
| 35062 | line-height: 18px; |
35348 | line-height: 18px; |
| 35063 | padding: 0 4px; |
35349 | padding: 0 4px; |
| 35064 | text-transform: uppercase |
35350 | text-transform: uppercase |
| 35065 | } |
35351 | } |
| | | |
| 35291 | display: flex; |
35577 | display: flex; |
| 35292 | flex: 1 1 auto; |
35578 | flex: 1 1 auto; |
| 35293 | flex-direction: column; |
35579 | flex-direction: column; |
| 35294 | justify-content: center |
35580 | justify-content: center |
| 35295 | } |
35581 | } |
| 35296 | |
35582 | |
| 35297 | .bottomControls-UTyHwG { |
35583 | .bottomControls-UTyHwG { |
| 35298 | -ms-flex: 0 1 auto; |
35584 | -ms-flex: 0 1 auto; |
| 35299 | -ms-flex-pack: justify; |
35585 | -ms-flex-pack: justify; |
| .35300 | -webkit-box-pack: justify; //:0;flex:0 1 auto;justify-content:space-between;width:100%}.bottomControls-UTyHwG,.viewers-37m55H{-ms-flex-align:center;-webkit-box-align:center;-webkit-box-flex:0;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.viewers-37m55H{-ms-flex-positive:0;flex-grow:0;padding-top:8px;position:relative}.viewers-37m55H:hover .popout-1aJ7-n{-webkit-transform:translateX(0);opacity:1;transform:translateX(0);visibility:visible}.popout-1aJ7-n{-webkit-transition:.2s ease-in-out;background-color:#18191c;border-radius:4px;bottom:38px;height:auto;left:-60px;padding:8px 16px;position:absolute;transition:.2s ease-in-out;width:200px;z-index:100}.keepOpen-1qSKND{-webkit-transform:translateY(0);opacity:1;transform:translateY(0);visibility:visible}.hideOnMouseLeave-j29tqf{-webkit-transform:translateY(8px);opacity:0;transform:translateY(8px);visibility:hidden}.memberListHeader-3JZKt0{color:#b9bbbe;margin-bottom:12px;margin-top:8px;text-transform:uppercase}.overflow-1M9ZU2,.viewer-RrXuo2{-webkit-box-shadow:-2px 0 0 1px #000;box-shadow:-2px 0 0 1px #000;margin-left:-4px}.overflow-1M9ZU2{-ms-flex-align:center;-ms-flex-pack:center;-webkit-box-align:center;-webkit-box-pack:center;align-items:center;background-color:#36393f;border-radius:15px;color:#b9bbbe;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:16px;font-weight:600;height:30px;justify-content:center;letter-spacing:.5px;width:30px;z-index:2}.controlButton-6YRSSO{color:#b9bbbe;height:24px;width:24px}.controlButton-6YRSSO.activeButton-235n82,.controlButton-6YRSSO:hover{color:#fff}.viewersIcon-2ZC9z5{margin-right:4px}.leftTrayButton-2-bKUA{margin-right:8px}.trayButton-RtT_UD{margin:0 8px}.rightTrayButton-19Lnoy{margin-left:8px}.rightTrayButtonNoPadding-1izY7p{height:18px;width:18px}.inviteButton-lANZf7{padding-top:8px}.fullscreenButton-3pUDyR{height:30px;width:30px}.title-PQPhFf{-ms-flex-align:center;-webkit-box-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.titleAvatar-2e6spe{margin-right:8px}.titleText-2OQNts{-ms-flex-align:center;-webkit-box-align:center;align-items:center;color:#f6f6f7;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:18px;font-weight:600;line-height:22px}.titleDivider-32aTO1{background-color:#292b2f;height:28px;margin:0 12px;width:1px}.titleSubtext-3M5-km{color:#b9bbbe;position:relative}.liveIcon-21HTUv{font-size:14px}.liveIconMiniPlayer-2SgWDN{position:absolute;right:8px;top:8px}.liveBeta-3K4NVr{display:-webkit-box;display:-ms-flexbox;display:flex}.beta-1XYacl{color:#fff;font-size:12px;font-weight:600;line-height:18px;margin-left:4px;text-transform:uppercase}.volumeSlider-XQocF6{height:100px}.miniPlayer-3Ms77e{border-radius:5px;overflow:hidden}.miniPlayer-3Ms77e:hover .liveIconMiniPlayer-2SgWDN{display:none}.miniPlayer-3Ms77e:hover .videoControls-3glNbo{opacity:1}.miniPlayer-3Ms77e .videoControls-3glNbo{opacity:0}.miniPlayer-3Ms77e .liveIconMiniPlayer-2SgWDN{opacity:1}.miniPlayer-3Ms77e .titleText-2OQNts{color:#fff;font-size:16px;font-weight:500}.miniPlayer-3Ms77e .videoControls-3glNbo{background:-webkit-gradient(linear,left top,left bottom,from(#000),color-stop(30%,transparent),color-stop(60%,transparent),to(#000));background:linear-gradient(#000,transparent 30%,transparent 60%,#000);padding:8px} |
35586 | -webkit-box-pack: justify; //:0;flex:0 1 auto;justify-content:space-between;width:100%}.bottomControls-UTyHwG,.viewers-37m55H{-ms-flex-align:center;-webkit-box-align:center;-webkit-box-flex:0;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.viewers-37m55H{-ms-flex-positive:0;flex-grow:0;padding-top:8px;position:relative}.viewers-37m55H:hover .popout-1aJ7-n{-webkit-transform:translateX(0);opacity:1;transform:translateX(0);visibility:visible}.popout-1aJ7-n{-webkit-transition:.2s ease-in-out;background-color:#18191c;border-radius:4px;bottom:38px;height:auto;left:-60px;padding:8px 16px;position:absolute;transition:.2s ease-in-out;width:200px;z-index:100}.keepOpen-1qSKND{-webkit-transform:translateY(0);opacity:1;transform:translateY(0);visibility:visible}.hideOnMouseLeave-j29tqf{-webkit-transform:translateY(8px);opacity:0;transform:translateY(8px);visibility:hidden}.memberListHeader-3JZKt0{color:#b9bbbe;margin-bottom:12px;margin-top:8px;text-transform:uppercase}.overflow-1M9ZU2,.viewer-RrXuo2{-webkit-box-shadow:-2px 0 0 1px #000;box-shadow:-2px 0 0 1px #000;margin-left:-4px}.overflow-1M9ZU2{-ms-flex-align:center;-ms-flex-pack:center;-webkit-box-align:center;-webkit-box-pack:center;align-items:center;background-color:#36393f;border-radius:15px;color:#b9bbbe;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:16px;font-weight:600;height:30px;justify-content:center;letter-spacing:.5px;width:30px;z-index:2}.controlButton-6YRSSO{color:#b9bbbe;height:24px;width:24px}.controlButton-6YRSSO.activeButton-235n82,.controlButton-6YRSSO:hover{color:#fff}.viewersIcon-2ZC9z5{margin-right:4px}.leftTrayButton-2-bKUA{margin-right:8px}.trayButton-RtT_UD{margin:0 8px}.rightTrayButton-19Lnoy{margin-left:8px}.warningIcon-3vjNDj{color:#faa61a;height:20px;width:20px}.rightTrayButtonNoPadding-1izY7p{height:18px;width:18px}.inviteButton-lANZf7{padding-top:8px}.fullscreenButton-3pUDyR{height:30px;width:30px}.title-PQPhFf{-ms-flex-align:center;-webkit-box-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.clickableTitle-2iL_8-{cursor:pointer}.titleAvatar-2e6spe{margin-right:8px}.titleText-2OQNts{-ms-flex-align:center;-webkit-box-align:center;align-items:center;color:#f6f6f7;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:18px;font-weight:600;line-height:22px}.titleDivider-32aTO1{background-color:#292b2f;height:28px;margin:0 12px;width:1px}.titleSubtext-3M5-km{color:#b9bbbe;position:relative}.liveIcon-21HTUv{font-size:14px}.liveIconMiniPlayer-2SgWDN{position:absolute;right:8px;top:8px}.liveBeta-3K4NVr{display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:8px}.beta-1XYacl{color:#fff;font-size:12px;font-weight:600;line-height:18px;margin-left:4px;text-transform:uppercase}.volumeSlider-XQocF6{height:100px}.miniPlayer-3Ms77e{border-radius:5px;overflow:hidden}.miniPlayer-3Ms77e:hover .liveIconMiniPlayer-2SgWDN{display:none}.miniPlayer-3Ms77e:hover .videoControls-3glNbo{opacity:1}.miniPlayer-3Ms77e .videoControls-3glNbo{opacity:0}.miniPlayer-3Ms77e .liveIconMiniPlayer-2SgWDN{opacity:1}.miniPlayer-3Ms77e .titleText-2OQNts{color:#fff;font-size:16px;font-weight:500}.miniPlayer-3Ms77e .videoControls-3glNbo{background:-webkit-gradient(linear,left top,left bottom,from(#000),color-stop(30%,transparent),color-stop(60%,transparent),to(#000));background:linear-gradient(#000,transparent 30%,transparent 60%,#000);padding:8px} |
| 35301 | |
35587 | |
| 35302 | .container-2oTpPc { |
35588 | .container-2oTpPc { |
| 35303 | -ms-flex-direction: column; |
35589 | -ms-flex-direction: column; |
| 35304 | -webkit-box-direction: normal; |
35590 | -webkit-box-direction: normal; |
| 35305 | -webkit-box-orient: vertical; |
35591 | -webkit-box-orient: vertical; |
| 35306 | display: -webkit-box; |
35592 | display: -webkit-box; |
| 35307 | display: -ms-flexbox; |
35593 | display: -ms-flexbox; |
| 35308 | display: flex; |
35594 | display: flex; |
| 35309 | flex-direction: column; |
35595 | flex-direction: column; |
| 35310 | width: 100% |
35596 | width: 100% |
| 35311 | } |
35597 | } |
| 35312 | |
35598 | |
| .35313 | .titleWrapper-s0Z-W3 { |
35599 | .theme-dark .container-2oTpPc { |
| 35314 | -ms-flex: 0 0 auto; |
| |
| 35315 | -webkit-box-flex: 0; |
| |
| 35316 | flex: 0 0 auto; |
| |
| 35317 | position: relative; |
| |
| 35318 | z-index: 100 |
| |
| 35319 | } |
| |
| 35320 | |
| |
| 35321 | .channelIcon-2B9WEw { |
| |
| 35322 | height: 16px; |
| |
| 35323 | margin-right: 4px; |
| |
| 35324 | position: relative; |
| |
| 35325 | top: 2px; |
| |
| 35326 | width: 16px |
| |
| 35327 | } |
| |
| 35328 | |
| |
| 35329 | .title-21A_-H { |
| |
| 35330 | height: 48px; |
| |
| 35331 | padding: 0 8px 0 12px |
| |
| 35332 | } |
| |
| 35333 | |
| |
| 35334 | .title-21A_-H, |
| |
| 35335 | .titleText-DelzNP { |
| |
| 35336 | -ms-flex-align: center; |
| |
| 35337 | -webkit-box-align: center; |
| |
| 35338 | align-items: center; |
| |
| 35339 | display: -webkit-box; |
| |
| 35340 | display: -ms-flexbox; |
| |
| 35341 | display: flex |
| |
| 35342 | } |
| |
| 35343 | |
| |
| 35344 | .titleText-DelzNP { |
| |
| 35345 | -ms-flex-direction: row; |
| |
| 35346 | -ms-flex-negative: 1; |
| |
| 35347 | -webkit-box-direction: normal; |
| |
| 35348 | -webkit-box-orient: horizontal; |
| |
| 35349 | flex-direction: row; |
| |
| 35350 | flex-shrink: 1; |
| |
| 35351 | font-size: 20px; |
| |
| 35352 | line-height: 24px; |
| |
| 35353 | overflow: hidden; |
| |
| 35354 | text-overflow: ellipsis; |
| |
| 35355 | white-space: nowrap |
| |
| 35356 | } |
| |
| 35357 | |
| |
| 35358 | .theme-dark .container-2oTpPc, |
| |
| 35359 | .theme-dark .title-21A_-H { |
| |
| 35360 | background-color: #000 |
35600 | background-color: #000 |
| 35361 | } |
35601 | } |
| 35362 | |
35602 | |
| .35363 | .theme-dark .channelName-3-IENd { |
35603 | .theme-light .container-2oTpPc { |
| 35364 | color: #fff |
| |
| 35365 | } |
| |
| 35366 | |
| |
| 35367 | .theme-dark .channelIcon-2B9WEw { |
| |
| 35368 | color: #72767d |
| |
| 35369 | } |
| |
| 35370 | |
| |
| 35371 | .theme-light .container-2oTpPc, |
| |
| 35372 | .theme-light .title-21A_-H { |
| |
| 35373 | background-color: #fff |
35604 | background-color: #fff |
| 35374 | } |
35605 | } |
| 35375 | |
35606 | |
| 35376 | .gatedContent-3-B7qB { |
35607 | .gatedContent-3-B7qB { |
| 35377 | -webkit-box-sizing: border-box; |
35608 | -webkit-box-sizing: border-box; |
| 35378 | box-sizing: border-box; |
35609 | box-sizing: border-box; |
| 35379 | height: 100%; |
35610 | height: 100%; |
| 35380 | margin-left: auto; |
35611 | margin-left: auto; |
| 35381 | margin-right: auto; |
35612 | margin-right: auto; |
| | | |
| 35967 | .theme-light .noMatches-2myGbP { |
36198 | .theme-light .noMatches-2myGbP { |
| 35968 | color: #36393f |
36199 | color: #36393f |
| 35969 | } |
36200 | } |
| 35970 | |
36201 | |
| 35971 | .theme-light .noMatchesDescription-1jZ4Wi { |
36202 | .theme-light .noMatchesDescription-1jZ4Wi { |
| 35972 | color: #72767d |
36203 | color: #72767d |
| 35973 | } |
36204 | } |
| 35974 | |
36205 | |
| 35975 | .breadcrumb-22XhB5 { |
36206 | .breadcrumb-22XhB5 { |
| .35976 | cursor: pointer; |
36207 | cursor: pointer |
| 35977 | display: block; |
| |
| 35978 | font-size: 18px; |
| |
| 35979 | font-weight: 600; |
| |
| 35980 | overflow: hidden; |
| |
| 35981 | text-overflow: ellipsis; |
| |
| 35982 | white-space: nowrap |
| |
| 35983 | } |
36208 | } |
| 35984 | |
36209 | |
| 35985 | .breadcrumb-22XhB5:hover { |
36210 | .breadcrumb-22XhB5:hover { |
| 35986 | text-decoration: underline |
36211 | text-decoration: underline |
| 35987 | } |
36212 | } |
| 35988 | |
36213 | |
| .35989 | .activeBreadcrumb-2mAmuI { |
36214 | .theme-dark .breadcrumb-22XhB5:hover { |
| 35990 | cursor: default; |
36215 | color: #fff |
| 35991 | font-weight: 600 |
| |
| 35992 | } |
| |
| 35993 | |
| |
| 35994 | .activeBreadcrumb-2mAmuI:hover { |
| |
| 35995 | text-decoration: none |
| |
| 35996 | } |
| |
| 35997 | |
| |
| 35998 | .separator-cGFynj { |
| |
| 35999 | margin: 0 2px |
| |
| 36000 | } |
36216 | } |
| 36001 | |
36217 | |
| .36002 | .theme-light .activeBreadcrumb-2mAmuI, |
| |
| 36003 | .theme-light .breadcrumb-22XhB5:hover { |
36218 | .theme-light .breadcrumb-22XhB5:hover { |
| 36004 | color: #747f8d |
36219 | color: #747f8d |
| 36005 | } |
36220 | } |
| 36006 | |
36221 | |
| .36007 | .theme-dark .activeBreadcrumb-2mAmuI, |
| |
| 36008 | .theme-dark .breadcrumb-22XhB5:hover { |
| |
| 36009 | color: #fff |
| |
| 36010 | } |
| |
| 36011 | |
| |
| 36012 | .homeBody-3SD9SR { |
36222 | .homeBody-3SD9SR { |
| 36013 | -webkit-box-sizing: border-box; |
36223 | -webkit-box-sizing: border-box; |
| 36014 | box-sizing: border-box; |
36224 | box-sizing: border-box; |
| 36015 | margin: 0 auto; |
36225 | margin: 0 auto; |
| 36016 | max-width: 1245px; |
36226 | max-width: 1245px; |
| 36017 | padding: 0 20px; |
36227 | padding: 0 20px; |
| 36018 | width: 100% |
36228 | width: 100% |
| 36019 | } |
36229 | } |
| 36020 | |
36230 | |
| | | |
| 36700 | } |
36910 | } |
| 36701 | |
36911 | |
| 36702 | .browseSearch-e9jF-f { |
36912 | .browseSearch-e9jF-f { |
| 36703 | -ms-flex-align: center; |
36913 | -ms-flex-align: center; |
| 36704 | -webkit-box-align: center; |
36914 | -webkit-box-align: center; |
| 36705 | align-items: center; |
36915 | align-items: center; |
| 36706 | display: -webkit-box; |
36916 | display: -webkit-box; |
| 36707 | display: -ms-flexbox; |
36917 | display: -ms-flexbox; |
| 36708 | display: flex; |
36918 | display: flex; |
| .36709 | margin-right: 4px; |
36919 | margin-right: 8px; |
| 36710 | overflow: hidden; |
36920 | overflow: hidden; |
| .36711 | position: relative |
36921 | position: relative; |
| 36712 | } |
| |
| 36713 | |
| |
| 36714 | .browseSearch-e9jF-f .browseSearchInput-Jt8kg0 { |
| |
| 36715 | -webkit-transition: width .2s ease-out .1s; |
| |
| 36716 | border: none; |
| |
| 36717 | font-size: 14px; |
| |
| 36718 | font-weight: 500; |
| |
| 36719 | height: 28px; |
| |
| 36720 | padding-right: 24px; |
| |
| 36721 | transition: width .2s ease-out .1s; |
| |
| 36722 | width: 144px |
36922 | width: 144px |
| 36723 | } |
36923 | } |
| 36724 | |
36924 | |
| .36725 | .browseSearch-e9jF-f .browseSearchInput-Jt8kg0::-webkit-input-placeholder { |
36925 | .browseSearch-e9jF-f.focused-20l6Zp { |
| 36726 | font-weight: 500 |
36926 | width: 240px |
| 36727 | } |
| |
| 36728 | |
| |
| 36729 | .browseSearch-e9jF-f .browseSearchInput-Jt8kg0:-ms-input-placeholder { |
| |
| 36730 | font-weight: 500 |
| |
| 36731 | } |
| |
| 36732 | |
| |
| 36733 | .browseSearch-e9jF-f .browseSearchInput-Jt8kg0::placeholder { |
| |
| 36734 | font-weight: 500 |
| |
| 36735 | } |
| |
| 36736 | |
| |
| 36737 | .browseSearch-e9jF-f .browseSearchInput-Jt8kg0:focus { |
| |
| 36738 | border: none; |
| |
| 36739 | width: 300px |
| |
| 36740 | } |
| |
| 36741 | |
| |
| 36742 | .icon-1iRNyO { |
| |
| 36743 | -webkit-transform: rotate(90deg); |
| |
| 36744 | -webkit-transform-origin: center; |
| |
| 36745 | -webkit-transition: all .1s linear; |
| |
| 36746 | cursor: pointer; |
| |
| 36747 | height: 18px; |
| |
| 36748 | opacity: 0; |
| |
| 36749 | position: absolute; |
| |
| 36750 | right: 6px; |
| |
| 36751 | top: 5px; |
| |
| 36752 | transform: rotate(90deg); |
| |
| 36753 | transform-origin: center; |
| |
| 36754 | transition: all .1s linear; |
| |
| 36755 | width: 18px |
| |
| 36756 | } |
| |
| 36757 | |
| |
| 36758 | .icon-1iRNyO.iconVisible-1Lafie { |
| |
| 36759 | -webkit-transform: rotate(0deg); |
| |
| 36760 | opacity: 1; |
| |
| 36761 | transform: rotate(0deg) |
| |
| 36762 | } |
| |
| 36763 | |
| |
| 36764 | .theme-dark .icon-1iRNyO { |
| |
| 36765 | color: hsla(0, 0%, 100%, .3) |
| |
| 36766 | } |
| |
| 36767 | |
| |
| 36768 | .theme-dark .clearIcon-33XhWd:hover { |
| |
| 36769 | color: #f6f6f7 |
| |
| 36770 | } |
| |
| 36771 | |
| |
| 36772 | .theme-dark .browseSearchInput-Jt8kg0 { |
| |
| 36773 | background-color: hsla(0, 0%, 100%, .1) |
| |
| 36774 | } |
| |
| 36775 | |
| |
| 36776 | .theme-dark .browseSearchInput-Jt8kg0::-webkit-input-placeholder { |
| |
| 36777 | color: hsla(0, 0%, 100%, .3) |
| |
| 36778 | } |
| |
| 36779 | |
| |
| 36780 | .theme-dark .browseSearchInput-Jt8kg0:-ms-input-placeholder { |
| |
| 36781 | color: hsla(0, 0%, 100%, .3) |
| |
| 36782 | } |
| |
| 36783 | |
| |
| 36784 | .theme-dark .browseSearchInput-Jt8kg0::placeholder { |
| |
| 36785 | color: hsla(0, 0%, 100%, .3) |
| |
| 36786 | } |
| |
| 36787 | |
| |
| 36788 | .theme-light .icon-1iRNyO { |
| |
| 36789 | color: rgba(79, 84, 92, .6) |
| |
| 36790 | } |
| |
| 36791 | |
| |
| 36792 | .theme-light .clearIcon-33XhWd:hover { |
| |
| 36793 | color: #36393f |
| |
| 36794 | } |
| |
| 36795 | |
| |
| 36796 | .theme-light .browseSearchInput-Jt8kg0 { |
| |
| 36797 | background-color: rgba(246, 246, 247, .6) |
| |
| 36798 | } |
| |
| 36799 | |
| |
| 36800 | .theme-light .browseSearchInput-Jt8kg0::-webkit-input-placeholder { |
| |
| 36801 | color: rgba(79, 84, 92, .3) |
| |
| 36802 | } |
| |
| 36803 | |
| |
| 36804 | .theme-light .browseSearchInput-Jt8kg0:-ms-input-placeholder { |
| |
| 36805 | color: rgba(79, 84, 92, .3) |
| |
| 36806 | } |
36927 | } |
| 36807 | |
36928 | |
| .36808 | .theme-light .browseSearchInput-Jt8kg0::placeholder { |
36929 | .searchBar-s2JxlI { |
| 36809 | color: rgba(79, 84, 92, .3) |
36930 | -ms-flex: 1 1 auto; |
| |
36931 | -webkit-box-flex: 1; |
| |
36932 | flex: 1 1 auto; |
| |
36933 | width: 100% |
| 36810 | } |
36934 | } |
| 36811 | |
36935 | |
| 36812 | .scrollerButton-1Vm5_P { |
36936 | .scrollerButton-1Vm5_P { |
| 36813 | -ms-flex-align: center; |
36937 | -ms-flex-align: center; |
| 36814 | -ms-flex-pack: center; |
36938 | -ms-flex-pack: center; |
| 36815 | -webkit-box-align: center; |
36939 | -webkit-box-align: center; |
| 36816 | -webkit-box-pack: center; |
36940 | -webkit-box-pack: center; |
| 36817 | align-items: center; |
36941 | align-items: center; |
| 36818 | border-radius: 50%; |
36942 | border-radius: 50%; |
| | | |
| 39630 | |
39754 | |
| 39631 | .theme-light .memberInfo-1TAaKC { |
39755 | .theme-light .memberInfo-1TAaKC { |
| 39632 | color: #b9bbbe |
39756 | color: #b9bbbe |
| 39633 | } |
39757 | } |
| 39634 | |
39758 | |
| 39635 | .theme-light .dotOffline-1PVTuj { |
39759 | .theme-light .dotOffline-1PVTuj { |
| 39636 | background-color: #72767d |
39760 | background-color: #72767d |
| 39637 | } |
39761 | } |
| 39638 | |
39762 | |
| .39639 | .headerBarIcon-ijPJaW { |
| |
| 39640 | color: #9099a4; |
| |
| 39641 | height: 16px; |
| |
| 39642 | margin-right: 3px; |
| |
| 39643 | opacity: .6; |
| |
| 39644 | width: 16px |
| |
| 39645 | } |
| |
| 39646 | |
| |
| 39647 | .listingWrapper-329f74 { |
39763 | .listingWrapper-329f74 { |
| 39648 | -ms-flex-direction: column; |
39764 | -ms-flex-direction: column; |
| 39649 | -webkit-box-direction: normal; |
39765 | -webkit-box-direction: normal; |
| 39650 | -webkit-box-orient: vertical; |
39766 | -webkit-box-orient: vertical; |
| 39651 | display: -webkit-box; |
39767 | display: -webkit-box; |
| 39652 | display: -ms-flexbox; |
39768 | display: -ms-flexbox; |
| 39653 | display: flex; |
39769 | display: flex; |
| 39654 | flex-direction: column; |
39770 | flex-direction: column; |
| 39655 | height: 100% |
39771 | height: 100% |
| | | |
| 39707 | opacity: .8 |
39823 | opacity: .8 |
| 39708 | } |
39824 | } |
| 39709 | |
39825 | |
| 39710 | .link-2T7oYD:disabled { |
39826 | .link-2T7oYD:disabled { |
| 39711 | opacity: .2 |
39827 | opacity: .2 |
| 39712 | } |
39828 | } |
| 39713 | |
39829 | |
| 39714 | .linkIcon-PzfbqY { |
39830 | .linkIcon-PzfbqY { |
| 39715 | display: block; |
39831 | display: block; |
| .39716 | height: 20px; |
39832 | height: 24px; |
| 39717 | width: 20px |
39833 | width: 24px |
| 39718 | } |
39834 | } |
| 39719 | |
39835 | |
| 39720 | .spinner-3N25TF { |
39836 | .spinner-3N25TF { |
| 39721 | margin-bottom: 40px; |
39837 | margin-bottom: 40px; |
| 39722 | margin-top: 40px |
39838 | margin-top: 40px |
| 39723 | } |
39839 | } |
| 39724 | |
39840 | |
| 39725 | .listing-2nUQ4d { |
39841 | .listing-2nUQ4d { |
| 39726 | margin: 0 auto |
39842 | margin: 0 auto |
| | | |
| 39770 | display: -ms-flexbox; |
39886 | display: -ms-flexbox; |
| 39771 | display: flex |
39887 | display: flex |
| 39772 | } |
39888 | } |
| 39773 | |
39889 | |
| 39774 | .headerPurchase-2z_nch { |
39890 | .headerPurchase-2z_nch { |
| 39775 | -webkit-transform: translateY(45px); |
39891 | -webkit-transform: translateY(45px); |
| 39776 | -webkit-transition-duration: .4s; |
39892 | -webkit-transition-duration: .4s; |
| 39777 | -webkit-transition-property: opacity, -webkit-transform; |
39893 | -webkit-transition-property: opacity, -webkit-transform; |
| 39778 | -webkit-transition-timing-function: ease; |
39894 | -webkit-transition-timing-function: ease; |
| .39779 | font-size: 20px; |
39895 | font-size: 14px; |
| 39780 | opacity: 0; |
39896 | opacity: 0; |
| 39781 | transform: translateY(45px); |
39897 | transform: translateY(45px); |
| 39782 | transition-duration: .4s; |
39898 | transition-duration: .4s; |
| 39783 | transition-property: opacity, -webkit-transform; |
39899 | transition-property: opacity, -webkit-transform; |
| 39784 | transition-property: transform, opacity; |
39900 | transition-property: transform, opacity; |
| 39785 | transition-property: transform, opacity, -webkit-transform; |
39901 | transition-property: transform, opacity, -webkit-transform; |
| 39786 | transition-timing-function: ease |
39902 | transition-timing-function: ease |
| 39787 | } |
39903 | } |
| 39788 | |
39904 | |
| | | |
| 40013 | overflow: hidden; |
40129 | overflow: hidden; |
| 40014 | width: 100% |
40130 | width: 100% |
| 40015 | } |
40131 | } |
| 40016 | |
40132 | |
| 40017 | .oldH2-2In-bl { |
40133 | .oldH2-2In-bl { |
| 40018 | margin: 9px 0 |
40134 | margin: 9px 0 |
| 40019 | } |
40135 | } |
| 40020 | |
40136 | |
| 40021 | .tabBar-1E2ExX .badge-xFJoEU { |
40137 | .tabBar-1E2ExX .badge-xFJoEU { |
| .40022 | -webkit-box-shadow: none; |
40138 | margin-left: 8px |
| 40023 | box-shadow: none; |
| |
| 40024 | color: #fff; |
| |
| 40025 | font-weight: 700; |
| |
| 40026 | margin-left: 4px; |
| |
| 40027 | padding: 3px 5px; |
| |
| 40028 | text-shadow: none; |
| |
| 40029 | vertical-align: top |
| |
| 40030 | } |
40139 | } |
| 40031 | |
40140 | |
| 40032 | .tabBar-1E2ExX .primary-3j8BhM { |
40141 | .tabBar-1E2ExX .primary-3j8BhM { |
| .40033 | background-color: #7289da !important; |
40142 | background-color: #43b581 !important; |
| 40034 | color: #fff !important |
40143 | color: #fff !important |
| 40035 | } |
40144 | } |
| 40036 | |
40145 | |
| .40037 | .tabBar-1E2ExX .primary-3j8BhM .badge-xFJoEU { |
| |
| 40038 | background-color: #fff; |
| |
| 40039 | color: #7289da |
| |
| 40040 | } |
| |
| 40041 | |
| |
| 40042 | .tabBar-1E2ExX .primarySelected-3uHKZn { |
40146 | .tabBar-1E2ExX .primarySelected-3uHKZn { |
| 40043 | background-color: #fff !important; |
40147 | background-color: #fff !important; |
| .40044 | color: #7289da !important |
40148 | color: #43b581 !important |
| 40045 | } |
| |
| 40046 | |
| |
| 40047 | .tabBar-1E2ExX .primarySelected-3uHKZn .badge-xFJoEU { |
| |
| 40048 | background-color: #7289da; |
| |
| 40049 | color: #fff |
| |
| 40050 | } |
40149 | } |
| 40051 | |
40150 | |
| 40052 | .tabBar-1E2ExX .item-3HpYcP { |
40151 | .tabBar-1E2ExX .item-3HpYcP { |
| . | |
40152 | -ms-flex-align: center; |
| |
40153 | -ms-flex-pack: center; |
| 40053 | -webkit-app-region: no-drag; |
40154 | -webkit-app-region: no-drag; |
| . | |
40155 | -webkit-box-align: center; |
| |
40156 | -webkit-box-pack: center; |
| |
40157 | align-items: center; |
| |
40158 | justify-content: center; |
| 40054 | min-width: 40px; |
40159 | min-width: 40px; |
| 40055 | text-align: center |
40160 | text-align: center |
| 40056 | } |
40161 | } |
| 40057 | |
40162 | |
| . | |
40163 | .friendsTable-133bsv, |
| |
40164 | .tabBar-1E2ExX .item-3HpYcP { |
| |
40165 | display: -webkit-box; |
| |
40166 | display: -ms-flexbox; |
| |
40167 | display: flex |
| |
40168 | } |
| |
40169 | |
| 40058 | .friendsTable-133bsv { |
40170 | .friendsTable-133bsv { |
| 40059 | -ms-flex-direction: column; |
40171 | -ms-flex-direction: column; |
| 40060 | -webkit-box-direction: normal; |
40172 | -webkit-box-direction: normal; |
| 40061 | -webkit-box-orient: vertical; |
40173 | -webkit-box-orient: vertical; |
| 40062 | -webkit-transform: translateZ(0); |
40174 | -webkit-transform: translateZ(0); |
| .40063 | display: -webkit-box; |
| |
| 40064 | display: -ms-flexbox; |
| |
| 40065 | display: flex; |
| |
| 40066 | flex-direction: column; |
40175 | flex-direction: column; |
| 40067 | height: 100%; |
40176 | height: 100%; |
| 40068 | margin-top: 8px; |
40177 | margin-top: 8px; |
| 40069 | overflow: hidden; |
40178 | overflow: hidden; |
| 40070 | position: relative; |
40179 | position: relative; |
| 40071 | transform: translateZ(0) |
40180 | transform: translateZ(0) |
| 40072 | } |
40181 | } |
| 40073 | |
40182 | |
| 40074 | .friendsTable-133bsv .friendTableAddWrapper-nHHZtK h2 { |
40183 | .friendsTable-133bsv .friendTableAddWrapper-nHHZtK h2 { |
| | | |
| 41529 | .theme-light .row-35Mhio { |
41638 | .theme-light .row-35Mhio { |
| 41530 | color: #4f545c |
41639 | color: #4f545c |
| 41531 | } |
41640 | } |
| 41532 | |
41641 | |
| 41533 | .theme-light .row-35Mhio:after { |
41642 | .theme-light .row-35Mhio:after { |
| 41534 | background-color: rgba(79, 84, 92, .04) |
41643 | background-color: rgba(79, 84, 92, .04) |
| 41535 | } |
41644 | } |
| 41536 | |
41645 | |
| 41537 | .channel-2QD9_O { |
41646 | .channel-2QD9_O { |
| .41538 | color: #fff; |
41647 | color: #8e9297; |
| 41539 | cursor: pointer; |
41648 | cursor: pointer; |
| 41540 | font-size: 14px; |
41649 | font-size: 14px; |
| 41541 | line-height: 1.25em; |
41650 | line-height: 1.25em; |
| 41542 | overflow: hidden; |
41651 | overflow: hidden; |
| 41543 | position: relative |
41652 | position: relative |
| 41544 | } |
41653 | } |
| 41545 | |
41654 | |
| 41546 | .channel-2QD9_O a { |
41655 | .channel-2QD9_O a { |
| 41547 | -ms-flex-align: center; |
41656 | -ms-flex-align: center; |
| 41548 | -ms-flex-direction: row; |
41657 | -ms-flex-direction: row; |
| 41549 | -webkit-box-align: center; |
41658 | -webkit-box-align: center; |
| 41550 | -webkit-box-direction: normal; |
41659 | -webkit-box-direction: normal; |
| 41551 | -webkit-box-orient: horizontal; |
41660 | -webkit-box-orient: horizontal; |
| 41552 | -webkit-box-sizing: border-box; |
41661 | -webkit-box-sizing: border-box; |
| 41553 | align-items: center; |
41662 | align-items: center; |
| 41554 | border-radius: 3px; |
41663 | border-radius: 3px; |
| 41555 | box-sizing: border-box; |
41664 | box-sizing: border-box; |
| .41556 | color: #fff; |
41665 | color: #8e9297; |
| 41557 | display: -webkit-box; |
41666 | display: -webkit-box; |
| 41558 | display: -ms-flexbox; |
41667 | display: -ms-flexbox; |
| 41559 | display: flex; |
41668 | display: flex; |
| 41560 | flex-direction: row; |
41669 | flex-direction: row; |
| 41561 | font-weight: 400; |
41670 | font-weight: 400; |
| 41562 | height: 40px; |
41671 | height: 40px; |
| 41563 | margin: 1px 0 1px 8px; |
41672 | margin: 1px 0 1px 8px; |
| 41564 | padding: 8px; |
41673 | padding: 8px; |
| 41565 | text-decoration: none |
41674 | text-decoration: none |
| 41566 | } |
41675 | } |
| 41567 | |
41676 | |
| . | |
41677 | .channel-2QD9_O .linkButtonIcon-Mlm5d6 { |
| |
41678 | color: #72767d |
| |
41679 | } |
| |
41680 | |
| 41568 | .channel-2QD9_O .status-1ibiUI { |
41681 | .channel-2QD9_O .status-1ibiUI { |
| 41569 | border: 2px solid #2f3136 |
41682 | border: 2px solid #2f3136 |
| 41570 | } |
41683 | } |
| 41571 | |
41684 | |
| 41572 | .channel-2QD9_O .avatar-28BJzY { |
41685 | .channel-2QD9_O .avatar-28BJzY { |
| 41573 | -ms-flex-negative: 0; |
41686 | -ms-flex-negative: 0; |
| 41574 | flex-shrink: 0; |
41687 | flex-shrink: 0; |
| 41575 | margin-right: 12px; |
41688 | margin-right: 12px; |
| 41576 | margin-top: 0 |
41689 | margin-top: 0 |
| 41577 | } |
41690 | } |
| 41578 | |
41691 | |
| .41579 | .channel-2QD9_O.selected-1HYmZZ, |
41692 | .channel-2QD9_O:hover a { |
| 41580 | .channel-2QD9_O:hover { |
41693 | background-color: #292b2f |
| 41581 | color: #fff |
| |
| 41582 | } |
41694 | } |
| 41583 | |
41695 | |
| .41584 | .channel-2QD9_O.selected-1HYmZZ a, |
41696 | .channel-2QD9_O:active a { |
| 41585 | .channel-2QD9_O:hover a { |
41697 | background-color: #202225 |
| 41586 | background-color: #36393f; |
| |
| 41587 | color: #fff |
| |
| 41588 | } |
41698 | } |
| 41589 | |
41699 | |
| . | |
41700 | .channel-2QD9_O.selected-1HYmZZ a { |
| |
41701 | background-color: #40444b |
| |
41702 | } |
| |
41703 | |
| |
41704 | .channel-2QD9_O.selected-1HYmZZ, |
| 41590 | .channel-2QD9_O.selected-1HYmZZ .name-2WpE7M, |
41705 | .channel-2QD9_O.selected-1HYmZZ .name-2WpE7M, |
| 41591 | .channel-2QD9_O.selected-1HYmZZ .nameWrapper-10v56U, |
41706 | .channel-2QD9_O.selected-1HYmZZ .nameWrapper-10v56U, |
| . | |
41707 | .channel-2QD9_O.selected-1HYmZZ a, |
| |
41708 | .channel-2QD9_O:hover, |
| 41592 | .channel-2QD9_O:hover .name-2WpE7M, |
41709 | .channel-2QD9_O:hover .name-2WpE7M, |
| .41593 | .channel-2QD9_O:hover .nameWrapper-10v56U { |
41710 | .channel-2QD9_O:hover .nameWrapper-10v56U, |
| |
41711 | .channel-2QD9_O:hover a { |
| 41594 | color: #fff |
41712 | color: #fff |
| 41595 | } |
41713 | } |
| 41596 | |
41714 | |
| 41597 | .channel-2QD9_O.selected-1HYmZZ .activityIconForeground-3VIgI8, |
41715 | .channel-2QD9_O.selected-1HYmZZ .activityIconForeground-3VIgI8, |
| 41598 | .channel-2QD9_O:hover .activityIconForeground-3VIgI8 { |
41716 | .channel-2QD9_O:hover .activityIconForeground-3VIgI8 { |
| 41599 | fill: #fff |
41717 | fill: #fff |
| 41600 | } |
41718 | } |
| 41601 | |
41719 | |
| .41602 | .channel-2QD9_O.selected-1HYmZZ .linkButtonIcon-Mlm5d6, |
| |
| 41603 | .channel-2QD9_O:hover .linkButtonIcon-Mlm5d6 { |
| |
| 41604 | opacity: 1 |
| |
| 41605 | } |
| |
| 41606 | |
| |
| 41607 | .channel-2QD9_O.selected-1HYmZZ .activity-525YDR, |
41720 | .channel-2QD9_O.selected-1HYmZZ .activity-525YDR, |
| 41608 | .channel-2QD9_O:hover .activity-525YDR { |
41721 | .channel-2QD9_O:hover .activity-525YDR { |
| 41609 | color: #fff |
41722 | color: #fff |
| 41610 | } |
41723 | } |
| 41611 | |
41724 | |
| 41612 | .channel-2QD9_O.selected-1HYmZZ .mobileIndicatorWithActivity-Q4F8GA, |
41725 | .channel-2QD9_O.selected-1HYmZZ .mobileIndicatorWithActivity-Q4F8GA, |
| 41613 | .channel-2QD9_O:hover .mobileIndicatorWithActivity-Q4F8GA { |
41726 | .channel-2QD9_O:hover .mobileIndicatorWithActivity-Q4F8GA { |
| 41614 | color: #72767d |
41727 | color: #72767d |
| 41615 | } |
41728 | } |
| | | |
| 41683 | min-height: 16px; |
41796 | min-height: 16px; |
| 41684 | min-width: 16px |
41797 | min-width: 16px |
| 41685 | } |
41798 | } |
| 41686 | |
41799 | |
| 41687 | .activityIconForeground-3VIgI8 { |
41800 | .activityIconForeground-3VIgI8 { |
| 41688 | fill: #72767d |
41801 | fill: #72767d |
| 41689 | } |
41802 | } |
| 41690 | |
41803 | |
| 41691 | .linkButtonIcon-Mlm5d6 { |
41804 | .linkButtonIcon-Mlm5d6 { |
| .41692 | -webkit-transition: opacity .05s; |
| |
| 41693 | height: 24px; |
41805 | height: 24px; |
| 41694 | margin-right: 18px; |
41806 | margin-right: 18px; |
| .41695 | opacity: .6; |
| |
| 41696 | transition: opacity .05s; |
| |
| 41697 | width: 24px |
41807 | width: 24px |
| 41698 | } |
41808 | } |
| 41699 | |
41809 | |
| 41700 | .nameWrapper-10v56U { |
41810 | .nameWrapper-10v56U { |
| 41701 | -ms-flex-positive: 1; |
41811 | -ms-flex-positive: 1; |
| 41702 | -webkit-box-flex: 1; |
41812 | -webkit-box-flex: 1; |
| 41703 | color: #72767d; |
41813 | color: #72767d; |
| 41704 | display: -webkit-box; |
41814 | display: -webkit-box; |
| 41705 | display: -ms-flexbox; |
41815 | display: -ms-flexbox; |
| | | |
| 41732 | background-repeat: no-repeat; |
41842 | background-repeat: no-repeat; |
| 41733 | height: 230px; |
41843 | height: 230px; |
| 41734 | margin-left: 20px; |
41844 | margin-left: 20px; |
| 41735 | margin-top: 9px; |
41845 | margin-top: 9px; |
| 41736 | opacity: .8; |
41846 | opacity: .8; |
| 41737 | width: 171px |
41847 | width: 171px |
| 41738 | } |
41848 | } |
| 41739 | |
41849 | |
| 41740 | .progressCircle-1hzs_b { |
41850 | .progressCircle-1hzs_b { |
| . | |
41851 | -ms-flex-align: center; |
| |
41852 | -ms-flex-pack: center; |
| |
41853 | -webkit-box-align: center; |
| |
41854 | -webkit-box-pack: center; |
| |
41855 | align-items: center; |
| |
41856 | display: -webkit-box; |
| |
41857 | display: -ms-flexbox; |
| |
41858 | display: flex; |
| 41741 | height: 100%; |
41859 | height: 100%; |
| . | |
41860 | justify-content: center; |
| 41742 | position: relative; |
41861 | position: relative; |
| 41743 | width: 100% |
41862 | width: 100% |
| 41744 | } |
41863 | } |
| 41745 | |
41864 | |
| 41746 | .circle-vWlbvd { |
41865 | .circle-vWlbvd { |
| 41747 | bottom: 0; |
41866 | bottom: 0; |
| 41748 | left: 0; |
41867 | left: 0; |
| 41749 | position: absolute; |
41868 | position: absolute; |
| 41750 | right: 0; |
41869 | right: 0; |
| 41751 | top: 0 |
41870 | top: 0 |
| 41752 | } |
41871 | } |
| 41753 | |
41872 | |
| 41754 | .circleBackground-OqqxHM { |
41873 | .circleBackground-OqqxHM { |
| .41755 | fill: #36393f; |
41874 | fill: #4f545c; |
| 41756 | stroke: #202225 |
41875 | stroke: #202225 |
| 41757 | } |
41876 | } |
| 41758 | |
41877 | |
| 41759 | .circleProgress-1EBmVn { |
41878 | .circleProgress-1EBmVn { |
| 41760 | fill: none |
41879 | fill: none |
| 41761 | } |
41880 | } |
| 41762 | |
41881 | |
| .41763 | .circleInner-1m0tgl { |
41882 | .progressContainer-GRWlbC { |
| 41764 | -webkit-transform: translate(-50%, -50%); |
41883 | height: 20px; |
| 41765 | left: 50%; |
41884 | position: relative; |
| 41766 | position: absolute; |
41885 | width: 20px |
| 41767 | top: 50%; |
| |
| 41768 | transform: translate(-50%, -50%) |
| |
| 41769 | } |
41886 | } |
| 41770 | |
41887 | |
| 41771 | .downloadIcon-3TWA3B { |
41888 | .downloadIcon-3TWA3B { |
| .41772 | color: #fff |
41889 | color: #fff; |
| 41773 | } |
| |
| 41774 | |
| |
| 41775 | .progressCircleWrapper-2DTbia { |
| |
| 41776 | height: 100%; |
41890 | height: 100%; |
| . | |
41891 | padding: 4px; |
| |
41892 | position: relative; |
| 41777 | width: 100% |
41893 | width: 100% |
| 41778 | } |
41894 | } |
| 41779 | |
41895 | |
| 41780 | html .tabBadge-3smxHS { |
41896 | html .tabBadge-3smxHS { |
| 41781 | background-color: #f04747 |
41897 | background-color: #f04747 |
| 41782 | } |
41898 | } |
| 41783 | |
41899 | |
| 41784 | .downloadProgressCircle-3_wgim { |
41900 | .downloadProgressCircle-3_wgim { |
| 41785 | -webkit-transition: opacity .2s ease; |
41901 | -webkit-transition: opacity .2s ease; |
| | | |
| 41840 | -webkit-box-flex: 0; |
41956 | -webkit-box-flex: 0; |
| 41841 | -webkit-box-shadow: 0 1px 0 rgba(32, 34, 37, .7), 0 2px 0 rgba(0, 0, 0, .06); |
41957 | -webkit-box-shadow: 0 1px 0 rgba(32, 34, 37, .7), 0 2px 0 rgba(0, 0, 0, .06); |
| 41842 | align-items: center; |
41958 | align-items: center; |
| 41843 | box-shadow: 0 1px 0 rgba(32, 34, 37, .7), 0 2px 0 rgba(0, 0, 0, .06); |
41959 | box-shadow: 0 1px 0 rgba(32, 34, 37, .7), 0 2px 0 rgba(0, 0, 0, .06); |
| 41844 | display: -webkit-box; |
41960 | display: -webkit-box; |
| 41845 | display: -ms-flexbox; |
41961 | display: -ms-flexbox; |
| 41846 | display: flex; |
41962 | display: flex; |
| 41847 | flex: 0 0 auto; |
41963 | flex: 0 0 auto; |
| 41848 | height: 48px; |
41964 | height: 48px; |
| .41849 | padding: 0 12px; |
41965 | padding: 0 10px; |
| 41850 | position: relative; |
41966 | position: relative; |
| 41851 | z-index: 2 |
41967 | z-index: 2 |
| 41852 | } |
41968 | } |
| 41853 | |
41969 | |
| 41854 | .searchBar-6Kv8R2 .searchBarComponent-32dTOx { |
41970 | .searchBar-6Kv8R2 .searchBarComponent-32dTOx { |
| 41855 | -webkit-box-shadow: none; |
41971 | -webkit-box-shadow: none; |
| 41856 | box-shadow: none; |
41972 | box-shadow: none; |
| . | |
41973 | height: 28px; |
| 41857 | width: 100% |
41974 | width: 100% |
| 41858 | } |
41975 | } |
| 41859 | |
41976 | |
| . | |
41977 | .searchBar-6Kv8R2 .searchBarComponent-32dTOx input { |
| |
41978 | height: 26px; |
| |
41979 | line-height: 28px |
| |
41980 | } |
| |
41981 | |
| 41860 | .container-1UB9sr { |
41982 | .container-1UB9sr { |
| 41861 | -ms-flex-align: center; |
41983 | -ms-flex-align: center; |
| 41862 | -ms-flex-negative: 0; |
41984 | -ms-flex-negative: 0; |
| 41863 | -webkit-box-align: center; |
41985 | -webkit-box-align: center; |
| 41864 | align-items: center; |
41986 | align-items: center; |
| 41865 | background: rgba(32, 34, 37, .3); |
41987 | background: rgba(32, 34, 37, .3); |
| 41866 | border-bottom: 1px solid #36393f; |
41988 | border-bottom: 1px solid #36393f; |
| 41867 | color: #fff; |
41989 | color: #fff; |
| 41868 | display: -webkit-box; |
41990 | display: -webkit-box; |
| | | |
| 43378 | |
43500 | |
| 43379 | .theme-light .auditLogMembersIconFg-2dfgB- { |
43501 | .theme-light .auditLogMembersIconFg-2dfgB- { |
| 43380 | fill: #4f545c |
43502 | fill: #4f545c |
| 43381 | } |
43503 | } |
| 43382 | |
43504 | |
| 43383 | .theme-light .selected-38kUfI .auditLogMembersIconFg-2dfgB- { |
43505 | .theme-light .selected-38kUfI .auditLogMembersIconFg-2dfgB- { |
| 43384 | fill: #fff |
43506 | fill: #fff |
| 43385 | } |
43507 | } |
| 43386 | |
43508 | |
| . | |
43509 | .searchBar-281-wK { |
| |
43510 | margin-left: 20px; |
| |
43511 | width: 400px |
| |
43512 | } |
| |
43513 | |
| 43387 | .bannedUser-1IalTM { |
43514 | .bannedUser-1IalTM { |
| 43388 | -webkit-transition: -webkit-box-shadow .1s ease; |
43515 | -webkit-transition: -webkit-box-shadow .1s ease; |
| 43389 | cursor: pointer; |
43516 | cursor: pointer; |
| 43390 | padding: 8px 0; |
43517 | padding: 8px 0; |
| 43391 | position: relative; |
43518 | position: relative; |
| 43392 | transition: -webkit-box-shadow .1s ease; |
43519 | transition: -webkit-box-shadow .1s ease; |
| 43393 | transition: box-shadow .1s ease; |
43520 | transition: box-shadow .1s ease; |
| 43394 | transition: box-shadow .1s ease, -webkit-box-shadow .1s ease |
43521 | transition: box-shadow .1s ease, -webkit-box-shadow .1s ease |
| 43395 | } |
43522 | } |
| | | |
| 43806 | color: #f6f6f7 |
43933 | color: #f6f6f7 |
| 43807 | } |
43934 | } |
| 43808 | |
43935 | |
| 43809 | .theme-light .inviteSettingsInviteRow-3p2O-N { |
43936 | .theme-light .inviteSettingsInviteRow-3p2O-N { |
| 43810 | -webkit-box-shadow: 0 1px 0 0 rgba(79, 84, 92, .04); |
43937 | -webkit-box-shadow: 0 1px 0 0 rgba(79, 84, 92, .04); |
| 43811 | box-shadow: 0 1px 0 0 rgba(79, 84, 92, .04); |
43938 | box-shadow: 0 1px 0 0 rgba(79, 84, 92, .04); |
| 43812 | color: #4f545c |
43939 | color: #4f545c |
| 43813 | } |
43940 | } |
| 43814 | |
43941 | |
| . | |
43942 | .searchBar-1YE5UV { |
| |
43943 | margin-left: 10px |
| |
43944 | } |
| |
43945 | |
| 43815 | .membersHeader-1e_dwe .ui-select-2Wiqwo { |
43946 | .membersHeader-1e_dwe .ui-select-2Wiqwo { |
| 43816 | width: 150px |
43947 | width: 150px |
| 43817 | } |
43948 | } |
| 43818 | |
43949 | |
| 43819 | .pruneLink-3V7wes { |
43950 | .pruneLink-3V7wes { |
| 43820 | opacity: .9 |
43951 | opacity: .9 |
| 43821 | } |
43952 | } |
| 43822 | |
43953 | |
| 43823 | .membersCount-3pDYPB { |
43954 | .membersCount-3pDYPB { |
| | | |
| 44015 | |
44146 | |
| 44016 | .theme-light .container-1s4HBn.hover-2AGf5p { |
44147 | .theme-light .container-1s4HBn.hover-2AGf5p { |
| 44017 | border-color: #b9bbbe |
44148 | border-color: #b9bbbe |
| 44018 | } |
44149 | } |
| 44019 | |
44150 | |
| 44020 | .theme-light .flag-16iIBd.vip-3pFIN8:after { |
44151 | .theme-light .flag-16iIBd.vip-3pFIN8:after { |
| 44021 | border-color: #fff |
44152 | border-color: #fff |
| 44022 | } |
44153 | } |
| 44023 | |
44154 | |
| .44024 | .lighten-2aYaaU { |
| |
| 44025 | opacity: .3 |
| |
| 44026 | } |
| |
| 44027 | |
| |
| 44028 | .wrapper-1U5SlS { |
| |
| 44029 | overflow: hidden; |
| |
| 44030 | position: relative |
| |
| 44031 | } |
| |
| 44032 | |
| |
| 44033 | .icon-JJBzjE { |
| |
| 44034 | -ms-flex-item-align: center; |
| |
| 44035 | align-self: center; |
| |
| 44036 | min-width: 16px |
| |
| 44037 | } |
| |
| 44038 | |
| |
| 44039 | .title-1B76a1 { |
| |
| 44040 | margin: 0 4px |
| |
| 44041 | } |
| |
| 44042 | |
| |
| 44043 | .subtitle-2yP_Eh, |
| |
| 44044 | .title-1B76a1 { |
| |
| 44045 | overflow: hidden; |
| |
| 44046 | text-overflow: ellipsis; |
| |
| 44047 | white-space: nowrap |
| |
| 44048 | } |
| |
| 44049 | |
| |
| 44050 | .subtitle-2yP_Eh { |
| |
| 44051 | min-width: 48px; |
| |
| 44052 | text-transform: uppercase |
| |
| 44053 | } |
| |
| 44054 | |
| |
| 44055 | .darkElevationLow-2CR-wO { |
44155 | .darkElevationLow-2CR-wO { |
| 44056 | -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .3); |
44156 | -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .3); |
| 44057 | box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .3) |
44157 | box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .3) |
| 44058 | } |
44158 | } |
| 44059 | |
44159 | |
| 44060 | .darkElevationHigh-3atPWj { |
44160 | .darkElevationHigh-3atPWj { |
| 44061 | -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .2); |
44161 | -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .2); |
| 44062 | box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .2) |
44162 | box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .2) |
| 44063 | } |
44163 | } |
| | | |
| 47679 | } |
47779 | } |
| 47680 | |
47780 | |
| 47681 | .libraryFilter-31ZUa2 { |
47781 | .libraryFilter-31ZUa2 { |
| 47682 | -ms-flex-align: center; |
47782 | -ms-flex-align: center; |
| 47683 | -webkit-box-align: center; |
47783 | -webkit-box-align: center; |
| 47684 | align-items: center; |
47784 | align-items: center; |
| 47685 | display: -webkit-box; |
47785 | display: -webkit-box; |
| 47686 | display: -ms-flexbox; |
47786 | display: -ms-flexbox; |
| 47687 | display: flex; |
47787 | display: flex; |
| .47688 | margin-right: 4px; |
47788 | margin-right: 8px; |
| 47689 | overflow: hidden; |
47789 | overflow: hidden; |
| .47690 | position: relative |
47790 | position: relative; |
| 47691 | } |
| |
| 47692 | |
| |
| 47693 | .libraryFilter-31ZUa2 .libraryFilterInput-3JzqZD { |
| |
| 47694 | border: none; |
| |
| 47695 | font-size: 14px; |
| |
| 47696 | font-weight: 500; |
| |
| 47697 | height: 28px; |
| |
| 47698 | padding-right: 24px; |
| |
| 47699 | width: 144px |
47791 | width: 144px |
| 47700 | } |
47792 | } |
| 47701 | |
47793 | |
| .47702 | .libraryFilter-31ZUa2 .libraryFilterInput-3JzqZD::-webkit-input-placeholder { |
47794 | .libraryFilter-31ZUa2.focused-2eiV0o { |
| 47703 | font-weight: 500 |
47795 | width: 240px |
| 47704 | } |
| |
| 47705 | |
| |
| 47706 | .libraryFilter-31ZUa2 .libraryFilterInput-3JzqZD:-ms-input-placeholder { |
| |
| 47707 | font-weight: 500 |
| |
| 47708 | } |
| |
| 47709 | |
| |
| 47710 | .libraryFilter-31ZUa2 .libraryFilterInput-3JzqZD::placeholder { |
| |
| 47711 | font-weight: 500 |
| |
| 47712 | } |
| |
| 47713 | |
| |
| 47714 | .libraryFilter-31ZUa2 .libraryFilterInput-3JzqZD:focus { |
| |
| 47715 | border: none |
| |
| 47716 | } |
| |
| 47717 | |
| |
| 47718 | .icon-2oIyBi { |
| |
| 47719 | -webkit-transform: rotate(90deg); |
| |
| 47720 | -webkit-transform-origin: center; |
| |
| 47721 | -webkit-transition: all .1s linear; |
| |
| 47722 | cursor: pointer; |
| |
| 47723 | height: 18px; |
| |
| 47724 | opacity: 0; |
| |
| 47725 | position: absolute; |
| |
| 47726 | right: 6px; |
| |
| 47727 | top: 5px; |
| |
| 47728 | transform: rotate(90deg); |
| |
| 47729 | transform-origin: center; |
| |
| 47730 | transition: all .1s linear; |
| |
| 47731 | width: 18px |
| |
| 47732 | } |
| |
| 47733 | |
| |
| 47734 | .icon-2oIyBi.iconVisible-uUSRqZ { |
| |
| 47735 | -webkit-transform: rotate(0deg); |
| |
| 47736 | opacity: 1; |
| |
| 47737 | transform: rotate(0deg) |
| |
| 47738 | } |
| |
| 47739 | |
| |
| 47740 | .theme-dark .icon-2oIyBi { |
| |
| 47741 | color: hsla(0, 0%, 100%, .3) |
| |
| 47742 | } |
| |
| 47743 | |
| |
| 47744 | .theme-dark .clearIcon-2z4ymv:hover { |
| |
| 47745 | color: #f6f6f7 |
| |
| 47746 | } |
| |
| 47747 | |
| |
| 47748 | .theme-dark .libraryFilterInput-3JzqZD { |
| |
| 47749 | background-color: hsla(0, 0%, 100%, .1) |
| |
| 47750 | } |
| |
| 47751 | |
| |
| 47752 | .theme-dark .libraryFilterInput-3JzqZD::-webkit-input-placeholder { |
| |
| 47753 | color: hsla(0, 0%, 100%, .3) |
| |
| 47754 | } |
| |
| 47755 | |
| |
| 47756 | .theme-dark .libraryFilterInput-3JzqZD:-ms-input-placeholder { |
| |
| 47757 | color: hsla(0, 0%, 100%, .3) |
| |
| 47758 | } |
| |
| 47759 | |
| |
| 47760 | .theme-dark .libraryFilterInput-3JzqZD::placeholder { |
| |
| 47761 | color: hsla(0, 0%, 100%, .3) |
| |
| 47762 | } |
| |
| 47763 | |
| |
| 47764 | .theme-light .icon-2oIyBi { |
| |
| 47765 | color: rgba(79, 84, 92, .6) |
| |
| 47766 | } |
| |
| 47767 | |
| |
| 47768 | .theme-light .clearIcon-2z4ymv:hover { |
| |
| 47769 | color: #36393f |
| |
| 47770 | } |
| |
| 47771 | |
| |
| 47772 | .theme-light .libraryFilterInput-3JzqZD { |
| |
| 47773 | background-color: rgba(246, 246, 247, .6) |
| |
| 47774 | } |
| |
| 47775 | |
| |
| 47776 | .theme-light .libraryFilterInput-3JzqZD::-webkit-input-placeholder { |
| |
| 47777 | color: rgba(79, 84, 92, .3) |
| |
| 47778 | } |
| |
| 47779 | |
| |
| 47780 | .theme-light .libraryFilterInput-3JzqZD:-ms-input-placeholder { |
| |
| 47781 | color: rgba(79, 84, 92, .3) |
| |
| 47782 | } |
47796 | } |
| 47783 | |
47797 | |
| .47784 | .theme-light .libraryFilterInput-3JzqZD::placeholder { |
47798 | .searchBar-TUoVPN { |
| 47785 | color: rgba(79, 84, 92, .3) |
47799 | -ms-flex: 1 1 auto; |
| |
47800 | -webkit-box-flex: 1; |
| |
47801 | flex: 1 1 auto; |
| |
47802 | width: 100% |
| 47786 | } |
47803 | } |
| 47787 | |
47804 | |
| 47788 | .row-1Lmx44 { |
47805 | .row-1Lmx44 { |
| 47789 | display: -webkit-box; |
47806 | display: -webkit-box; |
| 47790 | display: -ms-flexbox; |
47807 | display: -ms-flexbox; |
| 47791 | display: flex |
47808 | display: flex |
| 47792 | } |
47809 | } |
| 47793 | |
47810 | |
| 47794 | .clickable-VxMZ3b { |
47811 | .clickable-VxMZ3b { |
| | | |
| 48709 | .message-15tBk4 strong { |
48726 | .message-15tBk4 strong { |
| 48710 | background-color: rgba(114, 137, 218, .1); |
48727 | background-color: rgba(114, 137, 218, .1); |
| 48711 | color: #7289da |
48728 | color: #7289da |
| 48712 | } |
48729 | } |
| 48713 | |
48730 | |
| 48714 | .buttonSpacing-t6MPeJ { |
48731 | .buttonSpacing-t6MPeJ { |
| 48715 | margin-left: 10px |
48732 | margin-left: 10px |
| 48716 | } |
48733 | } |
| 48717 | |
48734 | |
| .48718 | .colorTransition-2-M2tg { |
48735 | .wrapper-CU3qI5 { |
| 48719 | -webkit-transition: color .1s ease-out; |
48736 | -ms-flex-align: center; |
| 48720 | transition: color .1s ease-out |
48737 | -ms-flex-pack: start; |
| 48721 | } |
48738 | -webkit-box-align: center; |
| 48722 | |
48739 | -webkit-box-pack: start; |
| 48723 | .overflowEllipsis-2JOaZ6 { |
48740 | -webkit-box-sizing: border-box; |
| 48724 | overflow: hidden; |
48741 | align-items: center; |
| 48725 | text-overflow: ellipsis; |
48742 | box-sizing: border-box; |
| 48726 | white-space: nowrap |
48743 | color: #8e9297; |
| 48727 | } |
48744 | cursor: default; |
| 48728 | |
48745 | display: -webkit-box; |
| 48729 | .cursorDefault-3pPSRV { |
48746 | display: -ms-flexbox; |
| 48730 | cursor: default |
48747 | display: flex; |
| |
48748 | height: 24px; |
| |
48749 | justify-content: flex-start; |
| |
48750 | padding-left: 16px; |
| |
48751 | padding-right: 8px; |
| |
48752 | position: relative |
| 48731 | } |
48753 | } |
| 48732 | |
48754 | |
| .48733 | .cursorPointer-1ajlYk { |
48755 | .clickable-18m--O { |
| 48734 | cursor: pointer |
48756 | cursor: pointer |
| 48735 | } |
48757 | } |
| 48736 | |
48758 | |
| .48737 | .iconTransition-2pOJ7l { |
48759 | .children-13TY0l { |
| 48738 | -webkit-transition: none; |
48760 | -ms-flex: 0 0 auto; |
| 48739 | transition: none |
48761 | -ms-flex-align: center; |
| |
48762 | -ms-flex-pack: center; |
| |
48763 | -webkit-box-align: center; |
| |
48764 | -webkit-box-flex: 0; |
| |
48765 | -webkit-box-pack: center; |
| |
48766 | align-items: center; |
| |
48767 | display: -webkit-box; |
| |
48768 | display: -ms-flexbox; |
| |
48769 | display: flex; |
| |
48770 | flex: 0 0 auto; |
| |
48771 | justify-content: center |
| 48740 | } |
48772 | } |
| 48741 | |
48773 | |
| .48742 | .wrapperCollapsed-3Fbxl6, |
48774 | .children-13TY0l:empty { |
| 48743 | .wrapperDefault-10Jfvz, |
48775 | display: none |
| 48744 | .wrapperHovered-28fu1D, |
| |
| 48745 | .wrapperHoveredCollapsed-1PADEo, |
| |
| 48746 | .wrapperMuted-3KeA2M, |
| |
| 48747 | .wrapperUnread-1JPWj3 { |
| |
| 48748 | -webkit-box-sizing: border-box; |
| |
| 48749 | box-sizing: border-box; |
| |
| 48750 | height: 20px; |
| |
| 48751 | padding-left: 18px; |
| |
| 48752 | padding-right: 8px; |
| |
| 48753 | position: relative |
| |
| 48754 | } |
48776 | } |
| 48755 | |
48777 | |
| .48756 | .nameCollapsed-34uFWo, |
48778 | .name-IbjUBS { |
| 48757 | .nameDefault-2DI02H, |
48779 | -ms-flex: 1 1 auto; |
| 48758 | .nameHovered-1gxhWH, |
48780 | -webkit-box-flex: 1; |
| 48759 | .nameHoveredCollapsed-2orEWB, |
48781 | flex: 1 1 auto; |
| 48760 | .nameMuted-1MCOt4, |
| |
| 48761 | .nameUnread-njOjIS { |
| |
| 48762 | font-size: 12px; |
48782 | font-size: 12px; |
| 48763 | font-weight: 600; |
48783 | font-weight: 600; |
| .48764 | line-height: 20px; |
48784 | line-height: 16px; |
| 48765 | text-transform: uppercase |
48785 | overflow: hidden; |
| |
48786 | text-overflow: ellipsis; |
| |
48787 | text-transform: uppercase; |
| |
48788 | white-space: nowrap |
| 48766 | } |
48789 | } |
| 48767 | |
48790 | |
| .48768 | .iconCollapsed-3hFp_8, |
48791 | .icon-WnO6o2 { |
| 48769 | .iconDefault-3Gr8d2, |
48792 | height: 12px; |
| 48770 | .iconHovered-2L3-fB, |
48793 | left: 2px; |
| 48771 | .iconHoveredCollapsed-3caIIZ, |
| |
| 48772 | .iconMuted-1HVBGH, |
| |
| 48773 | .iconUnread-2eGkvX { |
| |
| 48774 | left: 3px; |
| |
| 48775 | position: absolute; |
48794 | position: absolute; |
| .48776 | top: 4px |
48795 | top: 6px; |
| 48777 | } |
48796 | width: 12px |
| 48778 | |
| |
| 48779 | .iconCollapsed-3hFp_8, |
| |
| 48780 | .iconDefault-3Gr8d2, |
| |
| 48781 | .nameCollapsed-34uFWo, |
| |
| 48782 | .nameDefault-2DI02H { |
| |
| 48783 | color: #72767d |
| |
| 48784 | } |
48797 | } |
| 48785 | |
48798 | |
| .48786 | .iconMuted-1HVBGH, |
48799 | .collapsed-4WdoJ7 .icon-WnO6o2 { |
| 48787 | .nameMuted-1MCOt4 { |
48800 | -webkit-transform: rotate(-90deg); |
| 48788 | color: #4f545c |
48801 | transform: rotate(-90deg) |
| 48789 | } |
48802 | } |
| 48790 | |
48803 | |
| .48791 | .iconHovered-2L3-fB, |
48804 | .wrapper-CU3qI5:hover { |
| 48792 | .iconHoveredCollapsed-3caIIZ, |
48805 | color: #dcddde |
| 48793 | .nameHovered-1gxhWH, |
| |
| 48794 | .nameHoveredCollapsed-2orEWB { |
| |
| 48795 | color: #b9bbbe |
| |
| 48796 | } |
48806 | } |
| 48797 | |
48807 | |
| .48798 | .iconUnread-2eGkvX, |
48808 | .muted-1NRuDm { |
| 48799 | .nameUnread-njOjIS { |
48809 | color: #4f545c |
| 48800 | color: #dcddde |
| |
| 48801 | } |
48810 | } |
| 48802 | |
48811 | |
| 48803 | .containerDefault-3GGEv_, |
48812 | .containerDefault-3GGEv_, |
| 48804 | .containerDragAfter-3TEhpe, |
48813 | .containerDragAfter-3TEhpe, |
| 48805 | .containerDragBefore-3Dzc5x, |
48814 | .containerDragBefore-3Dzc5x, |
| 48806 | .containerUserOver-1Tcb7l { |
48815 | .containerUserOver-1Tcb7l { |
| 48807 | -webkit-transition: opacity .2s ease-in-out; |
48816 | -webkit-transition: opacity .2s ease-in-out; |
| .48808 | padding-top: 28px; |
48817 | padding-top: 16px; |
| 48809 | position: relative; |
48818 | position: relative; |
| 48810 | transition: opacity .2s ease-in-out |
48819 | transition: opacity .2s ease-in-out |
| 48811 | } |
48820 | } |
| 48812 | |
48821 | |
| 48813 | .containerDefault-3GGEv_:active, |
48822 | .containerDefault-3GGEv_:active, |
| 48814 | .containerDragAfter-3TEhpe:active, |
48823 | .containerDragAfter-3TEhpe:active, |
| 48815 | .containerDragBefore-3Dzc5x:active, |
48824 | .containerDragBefore-3Dzc5x:active, |
| 48816 | .containerUserOver-1Tcb7l:active { |
48825 | .containerUserOver-1Tcb7l:active { |
| 48817 | -webkit-transform: translateZ(0); |
48826 | -webkit-transform: translateZ(0); |
| | | |
| 48849 | box-sizing: border-box; |
48858 | box-sizing: border-box; |
| 48850 | content: ""; |
48859 | content: ""; |
| 48851 | left: 8px; |
48860 | left: 8px; |
| 48852 | position: absolute; |
48861 | position: absolute; |
| 48853 | right: 0; |
48862 | right: 0; |
| 48854 | top: 0; |
48863 | top: 0; |
| 48855 | z-index: 1 |
48864 | z-index: 1 |
| 48856 | } |
48865 | } |
| 48857 | |
48866 | |
| .48858 | .iconSpacing-3eAGnk { |
| |
| 48859 | margin-left: 4px; |
| |
| 48860 | position: relative |
| |
| 48861 | } |
| |
| 48862 | |
| |
| 48863 | .disableClick-3_3MLG { |
48867 | .disableClick-3_3MLG { |
| 48864 | pointer-events: none |
48868 | pointer-events: none |
| 48865 | } |
48869 | } |
| 48866 | |
48870 | |
| 48867 | .disabled-1yCgME>div { |
48871 | .disabled-1yCgME>div { |
| 48868 | opacity: .3 |
48872 | opacity: .3 |
| 48869 | } |
48873 | } |
| 48870 | |
48874 | |
| 48871 | .addButton-1BORro { |
48875 | .addButton-1BORro { |
| . | |
48876 | display: none; |
| 48872 | height: 18px; |
48877 | height: 18px; |
| 48873 | width: 18px |
48878 | width: 18px |
| 48874 | } |
48879 | } |
| 48875 | |
48880 | |
| . | |
48881 | .addButton-1BORro.forceVisible-3iHxvH, |
| |
48882 | .iconVisibility-1yaA_k:hover .addButton-1BORro { |
| |
48883 | display: block |
| |
48884 | } |
| |
48885 | |
| 48876 | .addButtonIcon-3u-3Hu { |
48886 | .addButtonIcon-3u-3Hu { |
| 48877 | opacity: .3 |
48887 | opacity: .3 |
| 48878 | } |
48888 | } |
| 48879 | |
48889 | |
| 48880 | .addButtonIcon-3u-3Hu:hover { |
48890 | .addButtonIcon-3u-3Hu:hover { |
| 48881 | opacity: .6 |
48891 | opacity: .6 |
| 48882 | } |
48892 | } |
| 48883 | |
48893 | |
| 48884 | .addButtonIcon-3u-3Hu:active { |
48894 | .addButtonIcon-3u-3Hu:active { |
| | | |
| 48926 | box-sizing: border-box; |
48936 | box-sizing: border-box; |
| 48927 | content: ""; |
48937 | content: ""; |
| 48928 | left: 8px; |
48938 | left: 8px; |
| 48929 | position: absolute; |
48939 | position: absolute; |
| 48930 | right: 0; |
48940 | right: 0; |
| 48931 | top: 0; |
48941 | top: 0; |
| 48932 | z-index: 1 |
48942 | z-index: 1 |
| 48933 | } |
48943 | } |
| 48934 | |
48944 | |
| .48935 | .iconSpacing-3JkGQO { |
48945 | .iconBase-2IHuka { |
| 48936 | line-height: 0; |
48946 | line-height: 0; |
| 48937 | margin-left: 4px; |
48947 | margin-left: 4px; |
| 48938 | position: relative |
48948 | position: relative |
| 48939 | } |
48949 | } |
| 48940 | |
48950 | |
| . | |
48951 | .iconItem-1-bXkn { |
| |
48952 | display: none |
| |
48953 | } |
| |
48954 | |
| |
48955 | .iconItem-1-bXkn, |
| |
48956 | .mentionsBadge-7f5lud {} |
| |
48957 | |
| |
48958 | .containerDefault-1ZnADq.selected-37j_iU .iconItem-1-bXkn, |
| |
48959 | .iconVisibility-1bOqu7:hover .iconItem-1-bXkn { |
| |
48960 | display: block |
| |
48961 | } |
| |
48962 | |
| 48941 | .disableClick-2A2elC { |
48963 | .disableClick-2A2elC { |
| 48942 | pointer-events: none |
48964 | pointer-events: none |
| 48943 | } |
48965 | } |
| 48944 | |
48966 | |
| 48945 | .disabled-PGteqt>div { |
48967 | .disabled-PGteqt>div { |
| 48946 | opacity: .3 |
48968 | opacity: .3 |
| 48947 | } |
48969 | } |
| 48948 | |
48970 | |
| 48949 | .actionIcon-2Hi9ZG { |
48971 | .actionIcon-2Hi9ZG { |
| .48950 | color: #fff; |
48972 | color: #b9bbbe; |
| 48951 | cursor: pointer; |
48973 | cursor: pointer; |
| 48952 | display: block; |
48974 | display: block; |
| .48953 | height: 18px; |
48975 | height: 16px; |
| 48954 | opacity: .3; |
48976 | width: 16px |
| 48955 | width: 18px |
| |
| 48956 | } |
48977 | } |
| 48957 | |
48978 | |
| 48958 | .actionIcon-2Hi9ZG:active { |
48979 | .actionIcon-2Hi9ZG:active { |
| 48959 | -webkit-transform: translateY(.5px); |
48980 | -webkit-transform: translateY(.5px); |
| 48960 | transform: translateY(.5px) |
48981 | transform: translateY(.5px) |
| 48961 | } |
48982 | } |
| 48962 | |
48983 | |
| 48963 | .actionIcon-2Hi9ZG:hover { |
48984 | .actionIcon-2Hi9ZG:hover { |
| .48964 | opacity: .6 |
48985 | color: #f6f6f7 |
| |
48986 | } |
| |
48987 | |
| |
48988 | .userLimit-64AFxe { |
| |
48989 | display: block |
| |
48990 | } |
| |
48991 | |
| |
48992 | .containerDefault-1ZnADq.selected-37j_iU .userLimit-64AFxe, |
| |
48993 | .iconVisibility-1bOqu7:hover .userLimit-64AFxe { |
| |
48994 | display: none |
| 48965 | } |
48995 | } |
| 48966 | |
48996 | |
| 48967 | .container-35XQWE { |
48997 | .container-35XQWE { |
| .48968 | height: 20px; |
48998 | height: 24px; |
| 48969 | overflow: hidden; |
48999 | overflow: hidden; |
| 48970 | padding: 8px; |
49000 | padding: 8px; |
| 48971 | pointer-events: none; |
49001 | pointer-events: none; |
| 48972 | position: absolute; |
49002 | position: absolute; |
| 48973 | z-index: 2 |
49003 | z-index: 2 |
| 48974 | } |
49004 | } |
| 48975 | |
49005 | |
| 48976 | .bar-30k2ka { |
49006 | .bar-30k2ka { |
| . | |
49007 | -ms-flex-align: center; |
| |
49008 | -ms-flex-pack: center; |
| 48977 | -webkit-app-region: no-drag; |
49009 | -webkit-app-region: no-drag; |
| .48978 | border-radius: 4px; |
49010 | -webkit-box-align: center; |
| |
49011 | -webkit-box-pack: center; |
| |
49012 | -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .24); |
| |
49013 | align-items: center; |
| |
49014 | border-radius: 12px; |
| |
49015 | box-shadow: 0 2px 6px rgba(0, 0, 0, .24); |
| 48979 | color: #fff; |
49016 | color: #fff; |
| 48980 | cursor: pointer; |
49017 | cursor: pointer; |
| .48981 | font-size: 11px; |
49018 | display: -webkit-box; |
| 48982 | height: 20px; |
49019 | display: -ms-flexbox; |
| 48983 | line-height: 14px; |
49020 | display: flex; |
| |
49021 | font-size: 12px; |
| |
49022 | font-weight: 500; |
| |
49023 | height: 24px; |
| |
49024 | justify-content: center; |
| |
49025 | line-height: 16px; |
| 48984 | pointer-events: auto; |
49026 | pointer-events: auto; |
| 48985 | position: relative; |
49027 | position: relative; |
| 48986 | text-transform: uppercase |
49028 | text-transform: uppercase |
| 48987 | } |
49029 | } |
| 48988 | |
49030 | |
| 48989 | .active-1SSsBb:active { |
49031 | .active-1SSsBb:active { |
| 48990 | top: 1px |
49032 | top: 1px |
| 48991 | } |
49033 | } |
| 48992 | |
49034 | |
| | | |
| 49008 | |
49050 | |
| 49009 | .mention-1f5kbO:hover { |
49051 | .mention-1f5kbO:hover { |
| 49010 | background-color: #f04747 |
49052 | background-color: #f04747 |
| 49011 | } |
49053 | } |
| 49012 | |
49054 | |
| 49013 | .mention-1f5kbO:active { |
49055 | .mention-1f5kbO:active { |
| 49014 | background-color: #d84040 |
49056 | background-color: #d84040 |
| 49015 | } |
49057 | } |
| 49016 | |
49058 | |
| . | |
49059 | .icon-2aINcz, |
| |
49060 | .text-2e2ZyG { |
| |
49061 | display: block |
| |
49062 | } |
| |
49063 | |
| 49017 | .icon-2aINcz { |
49064 | .icon-2aINcz { |
| 49018 | color: #fff; |
49065 | color: #fff; |
| 49019 | height: 12px; |
49066 | height: 12px; |
| .49020 | margin-left: 4px; |
49067 | margin-left: 2px; |
| 49021 | width: 12px |
49068 | width: 12px |
| 49022 | } |
49069 | } |
| 49023 | |
49070 | |
| .49024 | .wrapper-2NJDcI { |
49071 | .wrapper-pZmgj4 { |
| 49025 | background-color: #36393f; |
49072 | -ms-flex: 0 0 auto; |
| 49026 | border-radius: 2px; |
49073 | -ms-flex-align: stretch; |
| 49027 | color: #72767d; |
49074 | -webkit-box-align: stretch; |
| 49028 | display: inline-block; |
49075 | -webkit-box-flex: 0; |
| 49029 | font-family: SourceCodePro, Consolas, Liberation Mono, Menlo, Courier, monospace; |
49076 | align-items: stretch; |
| |
49077 | border-radius: 10px; |
| |
49078 | display: -webkit-box; |
| |
49079 | display: -ms-flexbox; |
| |
49080 | display: flex; |
| |
49081 | flex: 0 0 auto; |
| 49030 | font-size: 12px; |
49082 | font-size: 12px; |
| .49031 | height: 16px; |
49083 | font-weight: 500; |
| 49032 | line-height: 16px; |
49084 | height: 20px; |
| 49033 | padding: 0 4px |
49085 | line-height: 20px; |
| |
49086 | overflow: hidden |
| 49034 | } |
49087 | } |
| 49035 | |
49088 | |
| .49036 | .liveIcon-29DO3b { |
49089 | .total-3tKGEB, |
| 49037 | border-radius: 3px; |
49090 | .users-i_3-kL { |
| 49038 | font-size: 12px; |
49091 | display: block |
| 49039 | font-weight: 600; |
49092 | } |
| 49040 | letter-spacing: .5px; |
49093 | |
| 49041 | padding: 2px 4px; |
49094 | .users-i_3-kL { |
| 49042 | text-transform: uppercase |
49095 | padding: 0 8px 0 6px |
| 49043 | } |
49096 | } |
| 49044 | |
49097 | |
| .49045 | .voiceUser-vT8g1p { |
49098 | .total-3tKGEB { |
| |
49099 | padding: 0 6px 0 0; |
| 49046 | position: relative |
49100 | position: relative |
| 49047 | } |
49101 | } |
| 49048 | |
49102 | |
| .49049 | .userLarge-24OM4- { |
49103 | .total-3tKGEB:after { |
| 49050 | height: 38px |
49104 | border-bottom: 0 solid transparent; |
| |
49105 | border-right: 8px solid transparent; |
| |
49106 | border-top: 20px solid transparent; |
| |
49107 | content: ""; |
| |
49108 | height: 0; |
| |
49109 | left: -8px; |
| |
49110 | position: absolute; |
| |
49111 | top: 0; |
| |
49112 | width: 0 |
| |
49113 | } |
| |
49114 | |
| |
49115 | .wrapper-pZmgj4 { |
| |
49116 | color: #8e9297 |
| |
49117 | } |
| |
49118 | |
| |
49119 | .users-i_3-kL { |
| |
49120 | background-color: #40444b |
| |
49121 | } |
| |
49122 | |
| |
49123 | .total-3tKGEB { |
| |
49124 | background-color: #292b2f |
| |
49125 | } |
| |
49126 | |
| |
49127 | .total-3tKGEB:after { |
| |
49128 | border-right-color: #292b2f |
| |
49129 | } |
| |
49130 | |
| |
49131 | .list-19h6Fv { |
| |
49132 | -ms-flex-pack: start; |
| |
49133 | -webkit-box-pack: start; |
| |
49134 | display: -webkit-box; |
| |
49135 | display: -ms-flexbox; |
| |
49136 | display: flex; |
| |
49137 | justify-content: flex-start |
| |
49138 | } |
| |
49139 | |
| |
49140 | .listDefault-2y5Z9D { |
| |
49141 | -ms-flex-align: stretch; |
| |
49142 | -ms-flex-direction: column; |
| |
49143 | -ms-flex-wrap: nowrap; |
| |
49144 | -webkit-box-align: stretch; |
| |
49145 | -webkit-box-orient: vertical; |
| |
49146 | align-items: stretch; |
| |
49147 | flex-direction: column; |
| |
49148 | flex-wrap: nowrap |
| |
49149 | } |
| |
49150 | |
| |
49151 | .listCollapse-3fl5Gb, |
| |
49152 | .listDefault-2y5Z9D { |
| |
49153 | -webkit-box-direction: normal |
| |
49154 | } |
| |
49155 | |
| |
49156 | .listCollapse-3fl5Gb { |
| |
49157 | -ms-flex-align: start; |
| |
49158 | -ms-flex-direction: row; |
| |
49159 | -ms-flex-wrap: wrap; |
| |
49160 | -webkit-box-align: start; |
| |
49161 | -webkit-box-orient: horizontal; |
| |
49162 | align-items: flex-start; |
| |
49163 | flex-direction: row; |
| |
49164 | flex-wrap: wrap |
| 49051 | } |
49165 | } |
| 49052 | |
49166 | |
| .49053 | .userSmall-2DH0EE { |
49167 | .voiceUser-14U_Ns { |
| 49054 | height: 28px |
49168 | cursor: pointer; |
| |
49169 | overflow: hidden; |
| |
49170 | position: relative |
| 49055 | } |
49171 | } |
| 49056 | |
49172 | |
| .49057 | .userDefault-1qtQob, |
49173 | .content-3xS9Lh { |
| 49058 | .userHovered-2_fT4Z { |
| |
| 49059 | -ms-flex-align: center; |
49174 | -ms-flex-align: center; |
| . | |
49175 | -ms-flex-pack: start; |
| 49060 | -webkit-box-align: center; |
49176 | -webkit-box-align: center; |
| . | |
49177 | -webkit-box-pack: start; |
| 49061 | align-items: center; |
49178 | align-items: center; |
| . | |
49179 | border-radius: 4px; |
| 49062 | display: -webkit-box; |
49180 | display: -webkit-box; |
| 49063 | display: -ms-flexbox; |
49181 | display: -ms-flexbox; |
| .49064 | display: flex |
49182 | display: flex; |
| 49065 | } |
49183 | justify-content: flex-start; |
| 49066 | |
49184 | margin-bottom: 1px; |
| 49067 | .userDefault-1qtQob { |
49185 | margin-top: 1px |
| 49068 | cursor: default |
| |
| 49069 | } |
49186 | } |
| 49070 | |
49187 | |
| .49071 | .userHovered-2_fT4Z { |
49188 | .flipped-2fdRYV { |
| 49072 | cursor: pointer |
49189 | -ms-flex-direction: row-reverse; |
| |
49190 | -webkit-box-direction: reverse; |
| |
49191 | -webkit-box-orient: horizontal; |
| |
49192 | flex-direction: row-reverse |
| 49073 | } |
49193 | } |
| 49074 | |
49194 | |
| .49075 | .userHovered-2_fT4Z:active { |
49195 | .userLarge-hqOyAw { |
| 49076 | background-color: rgba(79, 84, 92, .3); |
49196 | height: 38px |
| 49077 | border-radius: 2px |
| |
| 49078 | } |
49197 | } |
| 49079 | |
49198 | |
| .49080 | .listCollapse-3hmWwX, |
49199 | .userSmall-2t9H7n { |
| 49081 | .listDefault-36Sktb { |
49200 | height: 32px |
| 49082 | padding-bottom: 8px; |
| |
| 49083 | padding-left: 28px |
| |
| 49084 | } |
49201 | } |
| 49085 | |
49202 | |
| .49086 | .listDefault-36Sktb { |
49203 | .listCollapse-3fl5Gb .content-3xS9Lh { |
| 49087 | padding-right: 8px |
49204 | margin-left: 8px |
| 49088 | } |
49205 | } |
| 49089 | |
49206 | |
| .49090 | .listCollapse-3hmWwX { |
49207 | .listCollapse-3fl5Gb .content-3xS9Lh.flipped-2fdRYV { |
| 49091 | padding-right: 12px |
49208 | margin-left: 0; |
| |
49209 | margin-right: 8px |
| 49092 | } |
49210 | } |
| 49093 | |
49211 | |
| .49094 | .avatarContainer-72bSfM { |
49212 | .listDefault-2y5Z9D .avatarContainer-2inGBK { |
| 49095 | margin-left: 8px; |
49213 | margin-left: 8px; |
| .49096 | margin-right: 4px |
49214 | margin-right: 8px |
| 49097 | } |
49215 | } |
| 49098 | |
49216 | |
| .49099 | .avatarDefault-35WC3R, |
49217 | .avatar-3elDyV { |
| 49100 | .avatarSpeaking-1wJCNq { |
49218 | -ms-flex: 0 0 auto; |
| |
49219 | -webkit-box-flex: 0; |
| |
49220 | -webkit-box-shadow: 0 0 0 0 #43b581, inset 0 0 0 0 #2f3136; |
| 49101 | background-position: 50% 50%; |
49221 | background-position: 50% 50%; |
| 49102 | background-repeat: no-repeat; |
49222 | background-repeat: no-repeat; |
| 49103 | background-size: 100%; |
49223 | background-size: 100%; |
| .49104 | border-radius: 50% |
49224 | border-radius: 50%; |
| |
49225 | box-shadow: 0 0 0 0 #43b581, inset 0 0 0 0 #2f3136; |
| |
49226 | flex: 0 0 auto; |
| |
49227 | margin-bottom: 3px; |
| |
49228 | margin-top: 3px |
| 49105 | } |
49229 | } |
| 49106 | |
49230 | |
| .49107 | .smallAvatar-1MzqAa { |
49231 | .avatarSmall-2CW6I1 { |
| 49108 | height: 20px; |
49232 | height: 24px; |
| 49109 | width: 20px |
49233 | width: 24px |
| 49110 | } |
49234 | } |
| 49111 | |
49235 | |
| .49112 | .largeAvatar-1pPwL7 { |
49236 | .avatarLarge-hNvJQG { |
| 49113 | height: 30px; |
49237 | height: 30px; |
| 49114 | width: 30px |
49238 | width: 30px |
| 49115 | } |
49239 | } |
| 49116 | |
49240 | |
| .49117 | .avatarDefault-35WC3R { |
49241 | .avatarSpeaking-3MqCHL { |
| 49118 | -webkit-box-shadow: 0 0 0 0 #43b581, inset 0 0 0 0 #2f3136; |
49242 | -webkit-box-shadow: inset 0 0 0 2px #43b581, inset 0 0 0 3px #2f3136; |
| 49119 | box-shadow: 0 0 0 0 #43b581, inset 0 0 0 0 #2f3136 |
49243 | box-shadow: inset 0 0 0 2px #43b581, inset 0 0 0 3px #2f3136 |
| 49120 | } |
49244 | } |
| 49121 | |
49245 | |
| .49122 | .avatarSpeaking-1wJCNq { |
49246 | .username-lm8y6T { |
| 49123 | -webkit-box-shadow: 0 0 0 2px #43b581, inset 0 0 0 1.5px #2f3136; |
49247 | -ms-flex: 1 1 auto; |
| 49124 | box-shadow: 0 0 0 2px #43b581, inset 0 0 0 1.5px #2f3136 |
49248 | -webkit-box-flex: 1; |
| |
49249 | flex: 1 1 auto; |
| |
49250 | overflow: hidden; |
| |
49251 | text-overflow: ellipsis; |
| |
49252 | white-space: nowrap |
| 49125 | } |
49253 | } |
| 49126 | |
49254 | |
| .49127 | .name-2upRM5 { |
49255 | .usernameFont-aFalyR { |
| 49128 | font-size: 14px; |
49256 | font-size: 14px; |
| 49129 | font-weight: 500; |
49257 | font-weight: 500; |
| .49130 | line-height: 28px; |
49258 | line-height: 18px |
| 49131 | margin-left: 4px |
| |
| 49132 | } |
49259 | } |
| 49133 | |
49260 | |
| .49134 | .nameDefault-2s3kbY, |
49261 | .icons-3q-_6z { |
| 49135 | .nameHovered-21k1eo, |
49262 | -ms-flex: 0 0 auto; |
| 49136 | .nameSpeaking-3UhoEZ { |
49263 | -ms-flex-align: center; |
| 49137 | overflow: hidden; |
49264 | -webkit-box-align: center; |
| 49138 | text-overflow: ellipsis; |
49265 | -webkit-box-flex: 0; |
| 49139 | white-space: nowrap |
49266 | align-items: center; |
| |
49267 | display: -webkit-box; |
| |
49268 | display: -ms-flexbox; |
| |
49269 | display: flex; |
| |
49270 | flex: 0 0 auto; |
| |
49271 | margin-right: 8px |
| 49140 | } |
49272 | } |
| 49141 | |
49273 | |
| .49142 | .nameDefault-2s3kbY { |
49274 | .flipped-2fdRYV .icons-3q-_6z { |
| 49143 | color: #72767d |
49275 | margin-left: 8px; |
| |
49276 | margin-right: 0 |
| 49144 | } |
49277 | } |
| 49145 | |
49278 | |
| .49146 | .nameHovered-21k1eo, |
49279 | .icon-3BcwQu { |
| 49147 | .nameSpeaking-3UhoEZ { |
49280 | height: 16px; |
| 49148 | color: #f6f6f7 |
49281 | width: 16px |
| 49149 | } |
49282 | } |
| 49150 | |
49283 | |
| .49151 | .iconSpacing-3jB4W5 { |
49284 | .iconSpacing-3LzVxF { |
| 49152 | margin-left: 5px; |
49285 | -ms-flex: 0 0 auto; |
| 49153 | margin-right: 1px |
49286 | -ms-flex-align: center; |
| |
49287 | -ms-flex-pack: center; |
| |
49288 | -webkit-box-align: center; |
| |
49289 | -webkit-box-flex: 0; |
| |
49290 | -webkit-box-pack: center; |
| |
49291 | align-items: center; |
| |
49292 | display: -webkit-box; |
| |
49293 | display: -ms-flexbox; |
| |
49294 | display: flex; |
| |
49295 | flex: 0 0 auto; |
| |
49296 | justify-content: center; |
| |
49297 | margin-left: 4px |
| 49154 | } |
49298 | } |
| 49155 | |
49299 | |
| .49156 | .liveIcon-3P4Ofx { |
49300 | .flipped-2fdRYV .iconSpacing-3LzVxF { |
| 49157 | background-color: #36393f; |
49301 | margin-left: 0; |
| 49158 | border-radius: 3px; |
49302 | margin-right: 4px |
| 49159 | color: #72767d |
| |
| 49160 | } |
49303 | } |
| 49161 | |
49304 | |
| .49162 | .liveIcon-3P4Ofx.red-2qEEvb { |
49305 | .liveIcon-iFhFid { |
| 49163 | background-color: #f04747; |
49306 | border-radius: 16px; |
| 49164 | color: #f6f6f7 |
49307 | font-size: 12px; |
| |
49308 | font-weight: 600; |
| |
49309 | height: 16px; |
| |
49310 | line-height: 16px; |
| |
49311 | margin-left: 4px; |
| |
49312 | padding: 2px 8px; |
| |
49313 | text-transform: uppercase |
| 49165 | } |
49314 | } |
| 49166 | |
49315 | |
| .49167 | .priority-1tfmlB { |
49316 | .iconPriortySpeaker-LMuOFT { |
| 49168 | background-color: #72767d; |
| |
| 49169 | border-radius: 8px; |
49317 | border-radius: 8px; |
| 49170 | height: 6px; |
49318 | height: 6px; |
| .49171 | left: -8px; |
49319 | left: -16px; |
| 49172 | position: absolute; |
49320 | position: absolute; |
| 49173 | width: 6px |
49321 | width: 6px |
| 49174 | } |
49322 | } |
| 49175 | |
49323 | |
| .49176 | .prioritySpeaking-3pMeFb { |
49324 | .theme-dark .listDefault-2y5Z9D .clickable-23RaYz:hover .content-3xS9Lh, |
| |
49325 | .theme-light .listDefault-2y5Z9D .clickable-23RaYz:hover .content-3xS9Lh { |
| |
49326 | background-color: #292b2f |
| |
49327 | } |
| |
49328 | |
| |
49329 | .theme-dark .listDefault-2y5Z9D .clickable-23RaYz:active .content-3xS9Lh, |
| |
49330 | .theme-light .listDefault-2y5Z9D .clickable-23RaYz:active .content-3xS9Lh { |
| |
49331 | background-color: #202225 |
| |
49332 | } |
| |
49333 | |
| |
49334 | .theme-dark .listDefault-2y5Z9D .clickable-23RaYz.selected-3TGCSZ .content-3xS9Lh, |
| |
49335 | .theme-light .listDefault-2y5Z9D .clickable-23RaYz.selected-3TGCSZ .content-3xS9Lh { |
| |
49336 | background-color: #40444b |
| |
49337 | } |
| |
49338 | |
| |
49339 | .theme-dark .icon-3BcwQu, |
| |
49340 | .theme-dark .username-lm8y6T, |
| |
49341 | .theme-light .icon-3BcwQu, |
| |
49342 | .theme-light .username-lm8y6T { |
| |
49343 | color: #8e9297 |
| |
49344 | } |
| |
49345 | |
| |
49346 | .theme-dark .listDefault-2y5Z9D .clickable-23RaYz:hover .username-lm8y6T, |
| |
49347 | .theme-light .listDefault-2y5Z9D .clickable-23RaYz:hover .username-lm8y6T { |
| |
49348 | color: #dcddde |
| |
49349 | } |
| |
49350 | |
| |
49351 | .theme-dark .listDefault-2y5Z9D .clickable-23RaYz.selected-3TGCSZ .username-lm8y6T, |
| |
49352 | .theme-dark .usernameSpeaking-2xbKKh, |
| |
49353 | .theme-light .listDefault-2y5Z9D .clickable-23RaYz.selected-3TGCSZ .username-lm8y6T, |
| |
49354 | .theme-light .usernameSpeaking-2xbKKh { |
| |
49355 | color: #fff |
| |
49356 | } |
| |
49357 | |
| |
49358 | .theme-dark .liveIcon-iFhFid, |
| |
49359 | .theme-light .liveIcon-iFhFid { |
| |
49360 | background-color: #292b2f; |
| |
49361 | color: #72767d |
| |
49362 | } |
| |
49363 | |
| |
49364 | .theme-dark .liveIcon-iFhFid.red-2URlg0, |
| |
49365 | .theme-dark .voiceUser-14U_Ns:hover .liveIcon-iFhFid, |
| |
49366 | .theme-light .liveIcon-iFhFid.red-2URlg0, |
| |
49367 | .theme-light .voiceUser-14U_Ns:hover .liveIcon-iFhFid { |
| |
49368 | background-color: #f04747; |
| |
49369 | color: #fff |
| |
49370 | } |
| |
49371 | |
| |
49372 | .theme-dark .iconPriortySpeaker-LMuOFT, |
| |
49373 | .theme-light .iconPriortySpeaker-LMuOFT { |
| |
49374 | background-color: #72767d |
| |
49375 | } |
| |
49376 | |
| |
49377 | .theme-dark .iconPriortySpeakerSpeaking-3OPdyj, |
| |
49378 | .theme-light .iconPriortySpeakerSpeaking-3OPdyj { |
| 49177 | background-color: #43b581 |
49379 | background-color: #43b581 |
| 49178 | } |
49380 | } |
| 49179 | |
49381 | |
| 49180 | .draggable-1KoBzC { |
49382 | .draggable-1KoBzC { |
| 49181 | position: relative |
49383 | position: relative |
| 49182 | } |
49384 | } |
| 49183 | |
49385 | |
| 49184 | .draggable-1KoBzC:active { |
49386 | .draggable-1KoBzC:active { |
| 49185 | -webkit-transform: translateZ(0); |
49387 | -webkit-transform: translateZ(0); |
| | | |
| 49225 | display: -webkit-box; |
49427 | display: -webkit-box; |
| 49226 | display: -ms-flexbox; |
49428 | display: -ms-flexbox; |
| 49227 | display: flex |
49429 | display: flex |
| 49228 | } |
49430 | } |
| 49229 | |
49431 | |
| 49230 | .liveIcon-2uV7A7 { |
49432 | .liveIcon-2uV7A7 { |
| 49231 | margin-right: 8px |
49433 | margin-right: 8px |
| 49232 | } |
49434 | } |
| 49233 | |
49435 | |
| .49234 | .container-2duXBh { |
49436 | .list-2bwCXU { |
| 49235 | padding-left: 16px |
49437 | padding-bottom: 8px; |
| |
49438 | padding-left: 36px |
| |
49439 | } |
| |
49440 | |
| |
49441 | .collapsed-3x0tkj { |
| |
49442 | padding-right: 8px |
| |
49443 | } |
| |
49444 | |
| |
49445 | .container-23E4rK { |
| |
49446 | -ms-flex-align: center; |
| |
49447 | -webkit-box-align: center; |
| |
49448 | align-items: center; |
| |
49449 | display: -webkit-box; |
| |
49450 | display: -ms-flexbox; |
| |
49451 | display: flex |
| |
49452 | } |
| |
49453 | |
| |
49454 | .icon-1tDorc { |
| |
49455 | -ms-flex: 0 0 auto; |
| |
49456 | -webkit-box-flex: 0; |
| |
49457 | color: #72767d; |
| |
49458 | flex: 0 0 auto; |
| |
49459 | height: 20px; |
| |
49460 | margin-right: 8px; |
| |
49461 | width: 20px |
| |
49462 | } |
| |
49463 | |
| |
49464 | .avatarContainer-3CQrif { |
| |
49465 | height: 24px; |
| |
49466 | margin-right: -4px; |
| |
49467 | width: 24px |
| |
49468 | } |
| |
49469 | |
| |
49470 | .avatar-3bWpYy { |
| |
49471 | cursor: pointer; |
| |
49472 | position: static |
| 49236 | } |
49473 | } |
| 49237 | |
49474 | |
| .49238 | .voiceUserSummaryItem-BDt0rD { |
49475 | .emptyUser-7txhlW { |
| 49239 | height: 34px |
49476 | background: #4f545c; |
| |
49477 | border-radius: 50%; |
| |
49478 | height: 24px; |
| |
49479 | width: 24px |
| |
49480 | } |
| |
49481 | |
| |
49482 | .moreUsers-7v8yWY { |
| |
49483 | -webkit-box-sizing: border-box; |
| |
49484 | background-color: #40444b; |
| |
49485 | border-radius: 12px; |
| |
49486 | box-sizing: border-box; |
| |
49487 | color: #8e9297; |
| |
49488 | font-size: 12px; |
| |
49489 | font-weight: 500; |
| |
49490 | height: 24px; |
| |
49491 | line-height: 24px; |
| |
49492 | min-width: 24px; |
| |
49493 | padding: 0 8px; |
| |
49494 | text-align: center |
| |
49495 | } |
| |
49496 | |
| |
49497 | .container-2duXBh { |
| |
49498 | -ms-flex-align: center; |
| |
49499 | -webkit-box-align: center; |
| |
49500 | -webkit-box-sizing: border-box; |
| |
49501 | align-items: center; |
| |
49502 | box-sizing: border-box; |
| |
49503 | display: -webkit-box; |
| |
49504 | display: -ms-flexbox; |
| |
49505 | display: flex; |
| |
49506 | height: 34px; |
| |
49507 | padding-left: 16px |
| 49240 | } |
49508 | } |
| 49241 | |
49509 | |
| 49242 | .scroller-2wx7Hm { |
49510 | .scroller-2wx7Hm { |
| 49243 | z-index: 1 |
49511 | z-index: 1 |
| 49244 | } |
49512 | } |
| 49245 | |
49513 | |
| 49246 | .unread-1s3J68 { |
49514 | .unread-1s3J68 { |
| 49247 | left: 0; |
49515 | left: 0; |
| 49248 | right: 0 |
49516 | right: 0 |
| 49249 | } |
49517 | } |
| 49250 | |
49518 | |
| .49251 | .unreadBar-3YD_k9 { |
| |
| 49252 | -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2); |
| |
| 49253 | box-shadow: 0 1px 3px rgba(0, 0, 0, .2) |
| |
| 49254 | } |
| |
| 49255 | |
| |
| 49256 | .unreadBar-3YD_k9.banner-1yDqo3 { |
| |
| 49257 | -webkit-box-shadow: none; |
| |
| 49258 | box-shadow: none |
| |
| 49259 | } |
| |
| 49260 | |
| |
| 49261 | .unreadBar-3YD_k9:before { |
49519 | .unreadBar-3YD_k9:before { |
| 49262 | bottom: 0; |
49520 | bottom: 0; |
| 49263 | content: ""; |
49521 | content: ""; |
| 49264 | left: -8px; |
49522 | left: -8px; |
| 49265 | position: absolute; |
49523 | position: absolute; |
| 49266 | right: -8px; |
49524 | right: -8px; |
| 49267 | top: 0 |
49525 | top: 0 |
| 49268 | } |
49526 | } |
| 49269 | |
49527 | |
| | | |
| 49354 | } |
49612 | } |
| 49355 | |
49613 | |
| 49356 | .hasDropdown-2invhV .header-2o-2hj:hover { |
49614 | .hasDropdown-2invhV .header-2o-2hj:hover { |
| 49357 | background-color: rgba(0, 0, 0, .1) |
49615 | background-color: rgba(0, 0, 0, .1) |
| 49358 | } |
49616 | } |
| 49359 | |
49617 | |
| 49360 | .header-2o-2hj { |
49618 | .header-2o-2hj { |
| 49361 | -ms-flex-align: center; |
49619 | -ms-flex-align: center; |
| 49362 | -webkit-box-align: center; |
49620 | -webkit-box-align: center; |
| .49363 | -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .2), 0 2px 0 rgba(0, 0, 0, .06); |
49621 | -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .2), 0 1.5px 0 rgba(0, 0, 0, .05), 0 2px 0 rgba(0, 0, 0, .05); |
| 49364 | -webkit-box-sizing: border-box; |
49622 | -webkit-box-sizing: border-box; |
| 49365 | -webkit-transition: background-color .15s ease; |
49623 | -webkit-transition: background-color .15s ease; |
| 49366 | align-items: center; |
49624 | align-items: center; |
| .49367 | box-shadow: 0 1px 0 rgba(0, 0, 0, .2), 0 2px 0 rgba(0, 0, 0, .06); |
49625 | box-shadow: 0 1px 0 rgba(0, 0, 0, .2), 0 1.5px 0 rgba(0, 0, 0, .05), 0 2px 0 rgba(0, 0, 0, .05); |
| 49368 | box-sizing: border-box; |
49626 | box-sizing: border-box; |
| 49369 | color: #fff; |
49627 | color: #fff; |
| 49370 | display: -webkit-box; |
49628 | display: -webkit-box; |
| 49371 | display: -ms-flexbox; |
49629 | display: -ms-flexbox; |
| 49372 | display: flex; |
49630 | display: flex; |
| 49373 | font-weight: 500; |
49631 | font-weight: 500; |
| 49374 | height: 48px; |
49632 | height: 48px; |
| .49375 | padding: 0 12px 0 16px; |
49633 | padding: 0 16px; |
| 49376 | position: relative; |
49634 | position: relative; |
| 49377 | transition: background-color .15s ease; |
49635 | transition: background-color .15s ease; |
| 49378 | z-index: 3 |
49636 | z-index: 3 |
| 49379 | } |
49637 | } |
| 49380 | |
49638 | |
| 49381 | .header-2o-2hj.banner-1TiK82 { |
49639 | .header-2o-2hj.banner-1TiK82 { |
| 49382 | -webkit-box-shadow: none; |
49640 | -webkit-box-shadow: none; |
| 49383 | box-shadow: none; |
49641 | box-shadow: none; |
| 49384 | cursor: pointer |
49642 | cursor: pointer |
| 49385 | } |
49643 | } |
| 49386 | |
49644 | |
| 49387 | .name-3YKhmS { |
49645 | .name-3YKhmS { |
| 49388 | -ms-flex: 1; |
49646 | -ms-flex: 1; |
| 49389 | -webkit-box-flex: 1; |
49647 | -webkit-box-flex: 1; |
| 49390 | flex: 1; |
49648 | flex: 1; |
| 49391 | font-size: 16px; |
49649 | font-size: 16px; |
| .49392 | line-height: 48px; |
49650 | font-weight: 500; |
| |
49651 | line-height: 20px; |
| 49393 | overflow: hidden; |
49652 | overflow: hidden; |
| 49394 | text-overflow: ellipsis; |
49653 | text-overflow: ellipsis; |
| 49395 | white-space: nowrap |
49654 | white-space: nowrap |
| 49396 | } |
49655 | } |
| 49397 | |
49656 | |
| . | |
49657 | .serverIcon-166lgO { |
| |
49658 | height: 24px; |
| |
49659 | margin-right: 8px; |
| |
49660 | width: 24px |
| |
49661 | } |
| |
49662 | |
| |
49663 | .verifiedBadge-2ilVHX { |
| |
49664 | bottom: 0; |
| |
49665 | position: absolute; |
| |
49666 | right: 0 |
| |
49667 | } |
| |
49668 | |
| |
49669 | .checkMark-3C0Xk8 { |
| |
49670 | color: #fff; |
| |
49671 | height: 16px; |
| |
49672 | width: 16px |
| |
49673 | } |
| |
49674 | |
| 49398 | .popout-open .header-2o-2hj { |
49675 | .popout-open .header-2o-2hj { |
| 49399 | background-color: rgba(0, 0, 0, .1) |
49676 | background-color: rgba(0, 0, 0, .1) |
| 49400 | } |
49677 | } |
| 49401 | |
49678 | |
| 49402 | .verified-3uJH7V { |
49679 | .verified-3uJH7V { |
| 49403 | margin-left: -3px; |
49680 | margin-left: -3px; |
| 49404 | margin-right: 3px |
49681 | margin-right: 3px |
| 49405 | } |
49682 | } |
| 49406 | |
49683 | |
| | | |
| 49414 | fill: #7289da |
49691 | fill: #7289da |
| 49415 | } |
49692 | } |
| 49416 | |
49693 | |
| 49417 | .container-PNkimc { |
49694 | .container-PNkimc { |
| 49418 | background-color: #2f3136; |
49695 | background-color: #2f3136; |
| 49419 | contain: layout; |
49696 | contain: layout; |
| 49420 | position: relative |
49697 | position: relative |
| 49421 | } |
49698 | } |
| 49422 | |
49699 | |
| . | |
49700 | .wrapper-sa6paO { |
| |
49701 | -ms-flex-align: center; |
| |
49702 | -ms-flex-pack: start; |
| |
49703 | -webkit-box-align: center; |
| |
49704 | -webkit-box-pack: start; |
| |
49705 | align-items: center; |
| |
49706 | display: -webkit-box; |
| |
49707 | display: -ms-flexbox; |
| |
49708 | display: flex; |
| |
49709 | height: 48px; |
| |
49710 | justify-content: flex-start; |
| |
49711 | overflow: hidden; |
| |
49712 | position: relative; |
| |
49713 | width: 8px |
| |
49714 | } |
| |
49715 | |
| |
49716 | .item-2hkk8m { |
| |
49717 | background-color: #fff; |
| |
49718 | border-radius: 0 4px 4px 0; |
| |
49719 | display: block; |
| |
49720 | margin-left: -4px; |
| |
49721 | position: absolute; |
| |
49722 | width: 8px |
| |
49723 | } |
| |
49724 | |
| |
49725 | .wrapper-25eVIn { |
| |
49726 | cursor: pointer; |
| |
49727 | position: relative |
| |
49728 | } |
| |
49729 | |
| |
49730 | .svg-1X37T1, |
| |
49731 | .wrapper-25eVIn { |
| |
49732 | -webkit-box-sizing: border-box; |
| |
49733 | box-sizing: border-box; |
| |
49734 | height: 48px; |
| |
49735 | width: 48px |
| |
49736 | } |
| |
49737 | |
| |
49738 | .badgeWrapper-3e8pMZ, |
| |
49739 | .svg-1X37T1 { |
| |
49740 | left: 0; |
| |
49741 | position: absolute; |
| |
49742 | top: 0 |
| |
49743 | } |
| |
49744 | |
| |
49745 | .badgeWrapper-3e8pMZ { |
| |
49746 | height: 100%; |
| |
49747 | pointer-events: none; |
| |
49748 | width: 100% |
| |
49749 | } |
| |
49750 | |
| |
49751 | .lowerBadge-29hYVK { |
| |
49752 | bottom: 0 |
| |
49753 | } |
| |
49754 | |
| |
49755 | .lowerBadge-29hYVK, |
| |
49756 | .upperBadge-2XnnGB { |
| |
49757 | position: absolute; |
| |
49758 | right: 0 |
| |
49759 | } |
| |
49760 | |
| |
49761 | .upperBadge-2XnnGB { |
| |
49762 | top: 0 |
| |
49763 | } |
| |
49764 | |
| |
49765 | .navigationIcon-7GxNQ1 { |
| |
49766 | display: block; |
| |
49767 | height: 48px; |
| |
49768 | width: 48px |
| |
49769 | } |
| |
49770 | |
| |
49771 | .badgeIcon-FRrxLV { |
| |
49772 | height: 12px; |
| |
49773 | width: 12px |
| |
49774 | } |
| |
49775 | |
| 49423 | .friendsOnline-2JkivW { |
49776 | .friendsOnline-2JkivW { |
| 49424 | font-size: 10px; |
49777 | font-size: 10px; |
| 49425 | font-weight: 500; |
49778 | font-weight: 500; |
| 49426 | line-height: 1.3; |
49779 | line-height: 1.3; |
| 49427 | margin-bottom: 10px; |
49780 | margin-bottom: 10px; |
| 49428 | margin-left: -10px; |
49781 | margin-left: -10px; |
| 49429 | text-align: center; |
49782 | text-align: center; |
| 49430 | text-transform: uppercase; |
49783 | text-transform: uppercase; |
| 49431 | white-space: nowrap; |
49784 | white-space: nowrap; |
| | | |
| 49433 | word-wrap: normal |
49786 | word-wrap: normal |
| 49434 | } |
49787 | } |
| 49435 | |
49788 | |
| 49436 | .theme-dark .friendsOnline-2JkivW, |
49789 | .theme-dark .friendsOnline-2JkivW, |
| 49437 | .theme-light .friendsOnline-2JkivW { |
49790 | .theme-light .friendsOnline-2JkivW { |
| 49438 | color: hsla(0, 0%, 100%, .3) |
49791 | color: hsla(0, 0%, 100%, .3) |
| 49439 | } |
49792 | } |
| 49440 | |
49793 | |
| 49441 | .guildSeparator-3s64Iy { |
49794 | .guildSeparator-3s64Iy { |
| .49442 | background: none; |
49795 | background: #2f3136; |
| 49443 | height: 2px; |
49796 | border-radius: 1px; |
| 49444 | margin-bottom: 10px; |
| |
| 49445 | position: relative; |
| |
| 49446 | width: 50px |
| |
| 49447 | } |
| |
| 49448 | |
| |
| 49449 | .guildSeparator-3s64Iy:after { |
| |
| 49450 | content: " "; |
| |
| 49451 | height: 2px; |
49797 | height: 2px; |
| .49452 | left: 20%; |
49798 | width: 32px |
| 49453 | position: absolute; |
| |
| 49454 | right: 20%; |
| |
| 49455 | top: 0 |
| |
| 49456 | } |
| |
| 49457 | |
| |
| 49458 | .guildsErrorContainer-2uWYsE { |
| |
| 49459 | margin-bottom: 10px |
| |
| 49460 | } |
49799 | } |
| 49461 | |
49800 | |
| 49462 | .guildsError-b7zR5H { |
49801 | .guildsError-b7zR5H { |
| . | |
49802 | -ms-flex-align: center; |
| |
49803 | -ms-flex-pack: center; |
| |
49804 | -webkit-box-align: center; |
| |
49805 | -webkit-box-pack: center; |
| 49463 | -webkit-box-sizing: border-box; |
49806 | -webkit-box-sizing: border-box; |
| . | |
49807 | align-items: center; |
| 49464 | border-radius: 50%; |
49808 | border-radius: 50%; |
| 49465 | border-style: solid; |
49809 | border-style: solid; |
| 49466 | border-width: 2px; |
49810 | border-width: 2px; |
| 49467 | box-sizing: border-box; |
49811 | box-sizing: border-box; |
| .49468 | display: block; |
49812 | display: -webkit-box; |
| |
49813 | display: -ms-flexbox; |
| |
49814 | display: flex; |
| 49469 | font-size: 20px; |
49815 | font-size: 20px; |
| 49470 | font-weight: 700; |
49816 | font-weight: 700; |
| .49471 | height: 50px; |
49817 | height: 48px; |
| 49472 | line-height: 46px; |
49818 | justify-content: center; |
| 49473 | padding: 0; |
49819 | padding: 0; |
| .49474 | text-align: center; |
49820 | width: 48px |
| 49475 | width: 50px |
| |
| 49476 | } |
49821 | } |
| 49477 | |
49822 | |
| 49478 | .guildsError-b7zR5H:hover { |
49823 | .guildsError-b7zR5H:hover { |
| 49479 | text-decoration: none |
49824 | text-decoration: none |
| 49480 | } |
49825 | } |
| 49481 | |
49826 | |
| .49482 | .downloadAppButton-3FZHkU { |
49827 | .circleButtonMask-2VNJsN:active { |
| 49483 | -webkit-transition: color .2s ease; |
49828 | -webkit-transform: translateY(1px); |
| 49484 | cursor: pointer; |
49829 | transform: translateY(1px) |
| 49485 | display: block; |
| |
| 49486 | font-size: 10px; |
| |
| 49487 | line-height: normal; |
| |
| 49488 | margin: 0 0 10px -10px; |
| |
| 49489 | padding: 0; |
| |
| 49490 | position: relative; |
| |
| 49491 | text-align: center; |
| |
| 49492 | text-transform: uppercase; |
| |
| 49493 | transition: color .2s ease; |
| |
| 49494 | width: 70px |
| |
| 49495 | } |
| |
| 49496 | |
| |
| 49497 | .downloadAppButton-3FZHkU .downloadAppFill-1ehHpu { |
| |
| 49498 | -webkit-transition: fill .1s ease-in-out; |
| |
| 49499 | transition: fill .1s ease-in-out |
| |
| 49500 | } |
49830 | } |
| 49501 | |
49831 | |
| 49502 | .circleIconButton-jET_ig { |
49832 | .circleIconButton-jET_ig { |
| 49503 | -ms-flex-align: center; |
49833 | -ms-flex-align: center; |
| 49504 | -ms-flex-pack: center; |
49834 | -ms-flex-pack: center; |
| 49505 | -webkit-box-align: center; |
49835 | -webkit-box-align: center; |
| 49506 | -webkit-box-pack: center; |
49836 | -webkit-box-pack: center; |
| 49507 | -webkit-box-sizing: border-box; |
49837 | -webkit-box-sizing: border-box; |
| .49508 | -webkit-transition: border-color .25s ease, color .25s ease; |
49838 | -webkit-transition: color .15s ease-out, background-color .15s ease-out; |
| 49509 | align-items: center; |
49839 | align-items: center; |
| .49510 | border-radius: 50%; |
49840 | background-color: #292b2f; |
| 49511 | border-style: dashed; |
| |
| 49512 | border-width: 1px; |
| |
| 49513 | box-sizing: border-box; |
49841 | box-sizing: border-box; |
| . | |
49842 | color: #43b581; |
| 49514 | cursor: pointer; |
49843 | cursor: pointer; |
| 49515 | display: -webkit-box; |
49844 | display: -webkit-box; |
| 49516 | display: -ms-flexbox; |
49845 | display: -ms-flexbox; |
| 49517 | display: flex; |
49846 | display: flex; |
| .49518 | height: 50px; |
49847 | height: 48px; |
| 49519 | justify-content: center; |
49848 | justify-content: center; |
| .49520 | margin-bottom: 10px; |
49849 | transition: color .15s ease-out, background-color .15s ease-out; |
| 49521 | padding: 0; |
49850 | width: 48px |
| 49522 | text-align: center; |
49851 | } |
| 49523 | transition: border-color .25s ease, color .25s ease; |
49852 | |
| 49524 | width: 50px |
49853 | .circleIconButton-jET_ig.selected-ugP_am { |
| |
49854 | background-color: #43b581; |
| |
49855 | color: #fff |
| |
49856 | } |
| |
49857 | |
| |
49858 | .circleIcon-LvPL6c { |
| |
49859 | height: 24px; |
| |
49860 | width: 24px |
| 49525 | } |
49861 | } |
| 49526 | |
49862 | |
| 49527 | .plus-3UqSQu { |
49863 | .plus-3UqSQu { |
| 49528 | font-size: 40px; |
49864 | font-size: 40px; |
| 49529 | font-weight: 300; |
49865 | font-weight: 300; |
| 49530 | line-height: 40px; |
49866 | line-height: 40px; |
| 49531 | position: relative; |
49867 | position: relative; |
| 49532 | top: -1px |
49868 | top: -1px |
| 49533 | } |
49869 | } |
| 49534 | |
49870 | |
| 49535 | .createJoinContainer-2Av064 { |
49871 | .createJoinContainer-2Av064 { |
| 49536 | position: relative; |
49872 | position: relative; |
| 49537 | width: 50px |
49873 | width: 50px |
| 49538 | } |
49874 | } |
| 49539 | |
49875 | |
| .49540 | .theme-dark .guildSeparator-3s64Iy:after { |
49876 | .guildsError-b7zR5H { |
| 49541 | background: #2f3136 |
49877 | -webkit-transition: background-color .15s ease-out; |
| 49542 | } |
| |
| 49543 | |
| |
| 49544 | .theme-dark .downloadAppButton-3FZHkU { |
| |
| 49545 | background-color: transparent; |
| |
| 49546 | color: hsla(0, 0%, 100%, .3) |
| |
| 49547 | } |
| |
| 49548 | |
| |
| 49549 | .theme-dark .downloadAppButton-3FZHkU:hover { |
| |
| 49550 | color: hsla(0, 0%, 100%, .5) |
| |
| 49551 | } |
| |
| 49552 | |
| |
| 49553 | .theme-dark .downloadAppButton-3FZHkU:hover .downloadAppFill-1ehHpu { |
| |
| 49554 | fill: #43464a |
| |
| 49555 | } |
| |
| 49556 | |
| |
| 49557 | .theme-dark .circleIconButton-jET_ig { |
| |
| 49558 | background: #202225; |
| |
| 49559 | border-color: #535559; |
| |
| 49560 | color: #535559 |
| |
| 49561 | } |
| |
| 49562 | |
| |
| 49563 | .theme-dark .circleIconButton-jET_ig.circleButtonSelected-34rLFW, |
| |
| 49564 | .theme-dark .circleIconButton-jET_ig:hover { |
| |
| 49565 | border-color: hsla(0, 0%, 100%, .75); |
| |
| 49566 | color: hsla(0, 0%, 100%, .75) |
| |
| 49567 | } |
| |
| 49568 | |
| |
| 49569 | .theme-dark .guildsError-b7zR5H { |
| |
| 49570 | -webkit-transition: background-color .2s ease-out; |
| |
| 49571 | background: #413338; |
49878 | background: #413338; |
| 49572 | border-color: #f04747; |
49879 | border-color: #f04747; |
| 49573 | color: #fff; |
49880 | color: #fff; |
| .49574 | transition: background-color .2s ease-out |
49881 | transition: background-color .15s ease-out |
| 49575 | } |
49882 | } |
| 49576 | |
49883 | |
| .49577 | .theme-dark .guildsError-b7zR5H:hover { |
49884 | .guildsError-b7zR5H:hover { |
| 49578 | background-color: #f04747 |
49885 | background-color: #f04747 |
| 49579 | } |
49886 | } |
| 49580 | |
49887 | |
| .49581 | .theme-light .guildSeparator-3s64Iy:after { |
49888 | .pill-3YxEhL { |
| 49582 | background: #2f3136 |
49889 | left: 0; |
| 49583 | } |
49890 | position: absolute; |
| 49584 | |
49891 | top: 0 |
| 49585 | .theme-light .downloadAppButton-3FZHkU { |
| |
| 49586 | background-color: transparent; |
| |
| 49587 | color: hsla(0, 0%, 100%, .3) |
| |
| 49588 | } |
| |
| 49589 | |
| |
| 49590 | .theme-light .downloadAppButton-3FZHkU:hover { |
| |
| 49591 | color: hsla(0, 0%, 100%, .5) |
| |
| 49592 | } |
| |
| 49593 | |
| |
| 49594 | .theme-light .downloadAppButton-3FZHkU:hover .downloadAppFill-1ehHpu { |
| |
| 49595 | fill: #43464a |
| |
| 49596 | } |
| |
| 49597 | |
| |
| 49598 | .theme-light .circleIconButton-jET_ig { |
| |
| 49599 | background: #202225; |
| |
| 49600 | border-color: #535559; |
| |
| 49601 | color: #535559 |
| |
| 49602 | } |
| |
| 49603 | |
| |
| 49604 | .theme-light .circleIconButton-jET_ig.circleButtonSelected-34rLFW, |
| |
| 49605 | .theme-light .circleIconButton-jET_ig:hover { |
| |
| 49606 | border-color: hsla(0, 0%, 100%, .75); |
| |
| 49607 | color: hsla(0, 0%, 100%, .75) |
| |
| 49608 | } |
| |
| 49609 | |
| |
| 49610 | .theme-light .guildsError-b7zR5H { |
| |
| 49611 | background: #413338; |
| |
| 49612 | border-color: #f04747; |
| |
| 49613 | color: #fff |
| |
| 49614 | } |
| |
| 49615 | |
| |
| 49616 | .theme-light .guildsError-b7zR5H:hover { |
| |
| 49617 | background-color: #f04747 |
| |
| 49618 | } |
49892 | } |
| 49619 | |
49893 | |
| .49620 | .wrapper-2lTRaf { |
49894 | .listItem-2P_4kh { |
| 49621 | -ms-flex-align: stretch; |
| |
| 49622 | -ms-flex-pack: center; |
49895 | -ms-flex-pack: center; |
| .49623 | -webkit-box-align: stretch; |
| |
| 49624 | -webkit-box-pack: center; |
49896 | -webkit-box-pack: center; |
| .49625 | align-items: stretch; |
| |
| 49626 | border-radius: 25px; |
| |
| 49627 | cursor: pointer; |
| |
| 49628 | display: -webkit-box; |
49897 | display: -webkit-box; |
| 49629 | display: -ms-flexbox; |
49898 | display: -ms-flexbox; |
| 49630 | display: flex; |
49899 | display: flex; |
| 49631 | justify-content: center; |
49900 | justify-content: center; |
| .49632 | overflow: hidden; |
49901 | margin: 0 0 8px; |
| 49633 | position: relative |
| |
| 49634 | } |
| |
| 49635 | |
| |
| 49636 | .wrapper-2lTRaf a { |
| |
| 49637 | display: block |
| |
| 49638 | } |
| |
| 49639 | |
| |
| 49640 | .theme-dark .wrapper-2lTRaf { |
| |
| 49641 | background: #2f3136 |
| |
| 49642 | } |
| |
| 49643 | |
| |
| 49644 | .theme-dark .wrapper-2lTRaf a { |
| |
| 49645 | color: #fff |
| |
| 49646 | } |
| |
| 49647 | |
| |
| 49648 | .theme-light .wrapper-2lTRaf { |
| |
| 49649 | background: #2f3136 |
| |
| 49650 | } |
| |
| 49651 | |
| |
| 49652 | .theme-light .wrapper-2lTRaf a { |
| |
| 49653 | color: #fff |
| |
| 49654 | } |
| |
| 49655 | |
| |
| 49656 | .keyboard-mode .wrapper-2lTRaf:focus-within { |
| |
| 49657 | -webkit-box-shadow: 0 0 0 3px #00b0f4, 0 0 10px #00b0f4; |
| |
| 49658 | box-shadow: 0 0 0 3px #00b0f4, 0 0 10px #00b0f4 |
| |
| 49659 | } |
| |
| 49660 | |
| |
| 49661 | .container-1aNBdK { |
| |
| 49662 | position: relative; |
49902 | position: relative; |
| .49663 | width: 50px; |
49903 | width: 72px |
| 49664 | z-index: 1 |
| |
| 49665 | } |
| |
| 49666 | |
| |
| 49667 | .avatar-3f3jk4 { |
| |
| 49668 | height: 50px; |
| |
| 49669 | margin: 0; |
| |
| 49670 | width: 50px |
| |
| 49671 | } |
| |
| 49672 | |
| |
| 49673 | .avatar-3f3jk4 .inner-1x-wIi { |
| |
| 49674 | border-radius: 0 |
| |
| 49675 | } |
| |
| 49676 | |
| |
| 49677 | .badge-2_fwUZ { |
| |
| 49678 | pointer-events: none; |
| |
| 49679 | position: absolute; |
| |
| 49680 | right: -2px; |
| |
| 49681 | top: 34px |
| |
| 49682 | } |
49904 | } |
| 49683 | |
49905 | |
| .49684 | .selected-1KK6yr:before, |
49906 | .theme-dark .iconBadge-2wi9r4, |
| 49685 | .unread-1nqUTh:before { |
49907 | .theme-light .iconBadge-2wi9r4 { |
| 49686 | border-radius: 20px; |
49908 | background-color: #4f545c |
| 49687 | content: " "; |
| |
| 49688 | height: 40px; |
| |
| 49689 | left: -15px; |
| |
| 49690 | margin-top: -20px; |
| |
| 49691 | position: absolute; |
| |
| 49692 | top: 50%; |
| |
| 49693 | width: 10px |
| |
| 49694 | } |
49909 | } |
| 49695 | |
49910 | |
| .49696 | .unread-1nqUTh:before { |
49911 | .acronym-2mOFsV, |
| 49697 | border-radius: 5px; |
49912 | .wrapper-1BJsBx { |
| 49698 | height: 10px; |
49913 | -ms-flex-align: center; |
| 49699 | margin-top: -6px |
49914 | -ms-flex-pack: center; |
| |
49915 | -webkit-box-align: center; |
| |
49916 | -webkit-box-pack: center; |
| |
49917 | align-items: center; |
| |
49918 | display: -webkit-box; |
| |
49919 | display: -ms-flexbox; |
| |
49920 | display: flex; |
| |
49921 | height: 48px; |
| |
49922 | justify-content: center; |
| |
49923 | width: 48px |
| 49700 | } |
49924 | } |
| 49701 | |
49925 | |
| .49702 | .selected-1KK6yr:before { |
49926 | .acronym-2mOFsV { |
| 49703 | -webkit-transition: height .25s ease-in-out, margin-top .25s ease-in-out; |
49927 | -webkit-transition: background-color .15s ease-out, color .15s ease-out; |
| 49704 | border-radius: 20px; |
49928 | font-weight: 500; |
| 49705 | height: 40px; |
49929 | line-height: 1.2em; |
| 49706 | margin-top: -20px; |
49930 | transition: background-color .15s ease-out, color .15s ease-out |
| 49707 | transition: height .25s ease-in-out, margin-top .25s ease-in-out |
| |
| 49708 | } |
49931 | } |
| 49709 | |
49932 | |
| .49710 | .audio-3sNR7M:after, |
49933 | .icon-27yU2q { |
| 49711 | .video-3I9W8t:after { |
49934 | -o-object-fit: cover; |
| 49712 | background-position: 50%; |
49935 | display: block; |
| 49713 | background-repeat: no-repeat; |
49936 | height: 48px; |
| 49714 | background-size: 16px; |
49937 | object-fit: cover; |
| 49715 | border-radius: 12px; |
| |
| 49716 | content: " "; |
| |
| 49717 | height: 24px; |
| |
| 49718 | overflow: hidden; |
| |
| 49719 | pointer-events: none; |
49938 | pointer-events: none; |
| .49720 | position: absolute; |
49939 | width: 48px |
| 49721 | right: -6px; |
| |
| 49722 | top: -6px; |
| |
| 49723 | width: 24px |
| |
| 49724 | } |
| |
| 49725 | |
| |
| 49726 | .audio-3sNR7M:after { |
| |
| 49727 | background-image: url(/assets/382ca83d9dc390c4be715248bb4864f4.svg) |
| |
| 49728 | } |
| |
| 49729 | |
| |
| 49730 | .video-3I9W8t:after { |
| |
| 49731 | background-image: url(/assets/c46f51f425c824899b6138ea2b61b41d.svg) |
| |
| 49732 | } |
| |
| 49733 | |
| |
| 49734 | .theme-dark .unread-1nqUTh:before { |
| |
| 49735 | background: #8a8e94 |
| |
| 49736 | } |
| |
| 49737 | |
| |
| 49738 | .theme-dark .selected-1KK6yr:before { |
| |
| 49739 | background: #fff |
| |
| 49740 | } |
| |
| 49741 | |
| |
| 49742 | .theme-dark .audio-3sNR7M:after, |
| |
| 49743 | .theme-dark .video-3I9W8t:after { |
| |
| 49744 | background-color: #202225 |
| |
| 49745 | } |
49940 | } |
| 49746 | |
49941 | |
| .49747 | .theme-light .unread-1nqUTh:before { |
49942 | .theme-dark .acronym-2mOFsV, |
| 49748 | background: #8a8e94 |
49943 | .theme-light .acronym-2mOFsV { |
| |
49944 | background-color: #2f3136; |
| |
49945 | color: #b9bbbe |
| 49749 | } |
49946 | } |
| 49750 | |
49947 | |
| .49751 | .theme-light .selected-1KK6yr:before { |
49948 | .theme-dark .acronym-2mOFsV.selected-bZ3Lue, |
| 49752 | background: #fff |
49949 | .theme-dark .acronym-2mOFsV:hover, |
| |
49950 | .theme-light .acronym-2mOFsV.selected-bZ3Lue, |
| |
49951 | .theme-light .acronym-2mOFsV:hover { |
| |
49952 | background-color: #7289da; |
| |
49953 | color: #fff |
| 49753 | } |
49954 | } |
| 49754 | |
49955 | |
| .49755 | .theme-light .audio-3sNR7M:after, |
49956 | .blob-3RT82C:active { |
| 49756 | .theme-light .video-3I9W8t:after { |
49957 | -webkit-transform: translateY(1px); |
| 49757 | background-color: #202225 |
49958 | transform: translateY(1px) |
| 49758 | } |
49959 | } |
| 49759 | |
49960 | |
| .49760 | .container-2td-dC { |
49961 | .pill-1m5BUr { |
| 49761 | height: 50px; |
49962 | left: 0; |
| 49762 | margin-bottom: 10px; |
49963 | position: absolute; |
| 49763 | position: relative; |
49964 | top: 0 |
| 49764 | width: 50px |
| |
| 49765 | } |
49965 | } |
| 49766 | |
49966 | |
| .49767 | .dragfix-1wSxtO:active { |
49967 | .blobContainer-239gwq:active { |
| 49768 | -webkit-backface-visibility: hidden; |
49968 | -webkit-backface-visibility: hidden; |
| .49769 | -webkit-transform: translateZ(0); |
49969 | -webkit-transform: translateY(1px) translateZ(0); |
| 49770 | backface-visibility: hidden; |
49970 | backface-visibility: hidden; |
| .49771 | border-radius: 15px; |
49971 | position: relative; |
| 49772 | overflow: hidden; |
49972 | transform: translateY(1px) translateZ(0) |
| 49773 | transform: translateZ(0) |
| |
| 49774 | } |
49973 | } |
| 49775 | |
49974 | |
| .49776 | .badge-3dItlm { |
49975 | .pill-31IEus { |
| 49777 | bottom: -2px; |
49976 | left: 0; |
| 49778 | pointer-events: none; |
| |
| 49779 | position: absolute; |
49977 | position: absolute; |
| .49780 | right: -2px |
49978 | top: 0 |
| 49781 | } |
49979 | } |
| 49782 | |
49980 | |
| 49783 | .dragPlaceholder-D9-haY { |
49981 | .dragPlaceholder-D9-haY { |
| .49784 | -webkit-box-sizing: border-box; |
49982 | height: 48px; |
| 49785 | border-radius: 50%; |
49983 | width: 48px |
| 49786 | border-style: dashed; |
| |
| 49787 | border-width: 1px; |
| |
| 49788 | box-sizing: border-box; |
| |
| 49789 | height: 50px; |
| |
| 49790 | margin-bottom: 10px; |
| |
| 49791 | width: 50px |
| |
| 49792 | } |
| |
| 49793 | |
| |
| 49794 | .selected-nT-gM3:before, |
| |
| 49795 | .unread-2OHH1w:before { |
| |
| 49796 | border-radius: 20px; |
| |
| 49797 | content: " "; |
| |
| 49798 | height: 40px; |
| |
| 49799 | left: -15px; |
| |
| 49800 | margin-top: -20px; |
| |
| 49801 | position: absolute; |
| |
| 49802 | top: 50%; |
| |
| 49803 | width: 10px |
| |
| 49804 | } |
| |
| 49805 | |
| |
| 49806 | .unread-2OHH1w:before { |
| |
| 49807 | border-radius: 5px; |
| |
| 49808 | height: 10px; |
| |
| 49809 | margin-top: -6px |
| |
| 49810 | } |
| |
| 49811 | |
| |
| 49812 | .selected-nT-gM3:before { |
| |
| 49813 | -webkit-transition: height .25s ease-in-out, margin-top .25s ease-in-out; |
| |
| 49814 | border-radius: 20px; |
| |
| 49815 | height: 40px; |
| |
| 49816 | margin-top: -20px; |
| |
| 49817 | transition: height .25s ease-in-out, margin-top .25s ease-in-out |
| |
| 49818 | } |
| |
| 49819 | |
| |
| 49820 | .audio-2KA0-x:after, |
| |
| 49821 | .video-2jNDI4:after { |
| |
| 49822 | background-position: 50%; |
| |
| 49823 | background-repeat: no-repeat; |
| |
| 49824 | background-size: 16px; |
| |
| 49825 | border-radius: 12px; |
| |
| 49826 | content: " "; |
| |
| 49827 | height: 24px; |
| |
| 49828 | overflow: hidden; |
| |
| 49829 | pointer-events: none; |
| |
| 49830 | position: absolute; |
| |
| 49831 | right: -6px; |
| |
| 49832 | top: -6px; |
| |
| 49833 | width: 24px |
| |
| 49834 | } |
| |
| 49835 | |
| |
| 49836 | .audio-2KA0-x:after { |
| |
| 49837 | background-image: url(/assets/382ca83d9dc390c4be715248bb4864f4.svg) |
| |
| 49838 | } |
| |
| 49839 | |
| |
| 49840 | .video-2jNDI4:after { |
| |
| 49841 | background-image: url(/assets/c46f51f425c824899b6138ea2b61b41d.svg) |
| |
| 49842 | } |
| |
| 49843 | |
| |
| 49844 | .guildIcon-VlWW86 { |
| |
| 49845 | border-radius: 0 |
| |
| 49846 | } |
| |
| 49847 | |
| |
| 49848 | .lurkingGuild-3ZJ1gi { |
| |
| 49849 | height: 50px; |
| |
| 49850 | margin-bottom: 10px; |
| |
| 49851 | position: relative; |
| |
| 49852 | width: 50px |
| |
| 49853 | } |
| |
| 49854 | |
| |
| 49855 | .theme-dark .unread-2OHH1w:before { |
| |
| 49856 | background: #8a8e94 |
| |
| 49857 | } |
| |
| 49858 | |
| |
| 49859 | .theme-dark .selected-nT-gM3:before { |
| |
| 49860 | background: #fff |
| |
| 49861 | } |
| |
| 49862 | |
| |
| 49863 | .theme-dark .audio-2KA0-x:after, |
| |
| 49864 | .theme-dark .video-2jNDI4:after { |
| |
| 49865 | background-color: #202225 |
| |
| 49866 | } |
| |
| 49867 | |
| |
| 49868 | .theme-dark .guildIcon-VlWW86 { |
| |
| 49869 | background-color: transparent |
| |
| 49870 | } |
| |
| 49871 | |
| |
| 49872 | .theme-dark .dragPlaceholder-D9-haY { |
| |
| 49873 | border-color: #535559 |
| |
| 49874 | } |
| |
| 49875 | |
| |
| 49876 | .theme-light .unread-2OHH1w:before { |
| |
| 49877 | background: #8a8e94 |
| |
| 49878 | } |
| |
| 49879 | |
| |
| 49880 | .theme-light .selected-nT-gM3:before { |
| |
| 49881 | background: #fff |
| |
| 49882 | } |
| |
| 49883 | |
| |
| 49884 | .theme-light .audio-2KA0-x:after, |
| |
| 49885 | .theme-light .video-2jNDI4:after { |
| |
| 49886 | background-color: #202225 |
| |
| 49887 | } |
| |
| 49888 | |
| |
| 49889 | .theme-light .guildIcon-VlWW86 { |
| |
| 49890 | background-color: transparent |
| |
| 49891 | } |
49984 | } |
| 49892 | |
49985 | |
| . | |
49986 | .theme-dark .dragPlaceholder-D9-haY, |
| 49893 | .theme-light .dragPlaceholder-D9-haY { |
49987 | .theme-light .dragPlaceholder-D9-haY { |
| .49894 | border-color: #535559 |
49988 | background-color: #2f3136 |
| 49895 | } |
| |
| 49896 | |
| |
| 49897 | .container-11WMXy { |
| |
| 49898 | height: 50px; |
| |
| 49899 | margin-bottom: 10px; |
| |
| 49900 | position: relative; |
| |
| 49901 | width: 50px |
| |
| 49902 | } |
49989 | } |
| 49903 | |
49990 | |
| .49904 | .newBadge-lwNGDB { |
49991 | .pill-2uzAFe { |
| 49905 | bottom: -5px; |
49992 | left: 0; |
| 49906 | position: absolute; |
49993 | position: absolute; |
| .49907 | right: -4px |
49994 | top: 0 |
| 49908 | } |
49995 | } |
| 49909 | |
49996 | |
| .49910 | .container-1ETFDs, |
49997 | .blob-1PX1Gp:active { |
| 49911 | .homeButton-2Cw51C { |
49998 | -webkit-transform: translateY(1px); |
| 49912 | height: 50px; |
49999 | transform: translateY(1px) |
| 49913 | margin-bottom: 10px; |
| |
| 49914 | position: relative; |
| |
| 49915 | width: 50px |
| |
| 49916 | } |
50000 | } |
| 49917 | |
50001 | |
| .49918 | .homeButton-2Cw51C { |
50002 | .button-OhfaWu { |
| 49919 | -ms-flex: 1 1 auto; |
50003 | -ms-flex-align: center; |
| 49920 | -ms-flex-align: stretch; |
| |
| 49921 | -ms-flex-pack: center; |
50004 | -ms-flex-pack: center; |
| .49922 | -webkit-box-align: stretch; |
50005 | -webkit-box-align: center; |
| 49923 | -webkit-box-flex: 1; |
| |
| 49924 | -webkit-box-pack: center; |
50006 | -webkit-box-pack: center; |
| .49925 | align-items: stretch; |
50007 | -webkit-transition: background-color .15s ease-out, color .15s ease-out; |
| |
50008 | align-items: center; |
| 49926 | display: -webkit-box; |
50009 | display: -webkit-box; |
| 49927 | display: -ms-flexbox; |
50010 | display: -ms-flexbox; |
| 49928 | display: flex; |
50011 | display: flex; |
| .49929 | flex: 1 1 auto; |
50012 | height: 48px; |
| 49930 | justify-content: center |
50013 | justify-content: center; |
| |
50014 | transition: background-color .15s ease-out, color .15s ease-out; |
| |
50015 | width: 48px |
| 49931 | } |
50016 | } |
| 49932 | |
50017 | |
| .49933 | .homeIcon-tEMBK1 { |
50018 | .downloadProgress-3lBtPV { |
| 49934 | -webkit-box-sizing: border-box; |
50019 | position: relative; |
| 49935 | box-sizing: border-box; |
50020 | right: -2px; |
| 49936 | color: #fff; |
50021 | top: -2px |
| 49937 | display: block; |
| |
| 49938 | height: 100%; |
| |
| 49939 | padding: 5px; |
| |
| 49940 | width: 100% |
| |
| 49941 | } |
50022 | } |
| 49942 | |
50023 | |
| .49943 | .homeLink-2NBBKi { |
50024 | .homeIcon-tEMBK1 { |
| 49944 | -ms-flex: 1 1 auto; |
| |
| 49945 | -ms-flex-align: stretch; |
| |
| 49946 | -ms-flex-pack: center; |
| |
| 49947 | -webkit-box-align: stretch; |
| |
| 49948 | -webkit-box-flex: 1; |
| |
| 49949 | -webkit-box-pack: center; |
| |
| 49950 | align-items: stretch; |
| |
| 49951 | display: block; |
50025 | display: block; |
| .49952 | display: -webkit-box; |
50026 | height: 20px; |
| 49953 | display: -ms-flexbox; |
50027 | width: 28px |
| 49954 | display: flex; |
| |
| 49955 | flex: 1 1 auto; |
| |
| 49956 | justify-content: center |
| |
| 49957 | } |
| |
| 49958 | |
| |
| 49959 | .badge-14ZoDd { |
| |
| 49960 | bottom: -2px; |
| |
| 49961 | pointer-events: none; |
| |
| 49962 | position: absolute; |
| |
| 49963 | right: -2px |
| |
| 49964 | } |
50028 | } |
| 49965 | |
50029 | |
| .49966 | .downloadProgressCircle-yTgLNF { |
50030 | .theme-dark .button-OhfaWu, |
| 49967 | -webkit-transition: opacity .2s ease; |
50031 | .theme-light .button-OhfaWu { |
| 49968 | cursor: pointer; |
50032 | background-color: #2f3136; |
| 49969 | height: 24px; |
50033 | color: #fff |
| 49970 | opacity: 1; |
| |
| 49971 | position: absolute; |
| |
| 49972 | right: -5px; |
| |
| 49973 | top: -5px; |
| |
| 49974 | transition: opacity .2s ease; |
| |
| 49975 | width: 24px |
| |
| 49976 | } |
50034 | } |
| 49977 | |
50035 | |
| .49978 | .hideGameUpdateProgressIndicator-2NBvWi { |
50036 | .theme-dark .button-OhfaWu.selected-wSa2KV, |
| 49979 | opacity: 0 |
50037 | .theme-light .button-OhfaWu.selected-wSa2KV { |
| |
50038 | background-color: #7289da |
| 49980 | } |
50039 | } |
| 49981 | |
50040 | |
| 49982 | .wrapper-1Rf91z { |
50041 | .wrapper-1Rf91z { |
| 49983 | -ms-flex-direction: column; |
50042 | -ms-flex-direction: column; |
| 49984 | -ms-flex-negative: 0; |
50043 | -ms-flex-negative: 0; |
| 49985 | -webkit-box-direction: normal; |
50044 | -webkit-box-direction: normal; |
| 49986 | -webkit-box-orient: vertical; |
50045 | -webkit-box-orient: vertical; |
| 49987 | border-radius: 5px 0 0 5px; |
50046 | border-radius: 5px 0 0 5px; |
| 49988 | contain: layout; |
50047 | contain: layout; |
| 49989 | display: -webkit-box; |
50048 | display: -webkit-box; |
| 49990 | display: -ms-flexbox; |
50049 | display: -ms-flexbox; |
| 49991 | display: flex; |
50050 | display: flex; |
| 49992 | flex-direction: column; |
50051 | flex-direction: column; |
| 49993 | flex-shrink: 0; |
50052 | flex-shrink: 0; |
| 49994 | overflow: hidden; |
50053 | overflow: hidden; |
| 49995 | position: relative; |
50054 | position: relative; |
| .49996 | width: 70px |
50055 | width: 72px |
| 49997 | } |
50056 | } |
| 49998 | |
50057 | |
| 49999 | .platform-osx .wrapper-1Rf91z { |
50058 | .platform-osx .wrapper-1Rf91z { |
| 50000 | margin-top: 32px |
50059 | margin-top: 32px |
| 50001 | } |
50060 | } |
| 50002 | |
50061 | |
| 50003 | .scrollerWrap-1IAIlv { |
50062 | .scrollerWrap-1IAIlv { |
| .50004 | width: 88px |
50063 | width: 90px |
| 50005 | } |
50064 | } |
| 50006 | |
50065 | |
| 50007 | .scroller-2TZvBN { |
50066 | .scroller-2TZvBN { |
| 50008 | -moz-user-select: none; |
50067 | -moz-user-select: none; |
| 50009 | -ms-user-select: none; |
50068 | -ms-user-select: none; |
| 50010 | -webkit-user-select: none; |
50069 | -webkit-user-select: none; |
| 50011 | overflow-x: hidden; |
50070 | overflow-x: hidden; |
| .50012 | padding: 10px 0 0 10px; |
50071 | padding: 12px 0 0; |
| 50013 | user-select: none |
50072 | user-select: none |
| 50014 | } |
50073 | } |
| 50015 | |
50074 | |
| . | |
50075 | .platform-win .scroller-2TZvBN { |
| |
50076 | padding-top: 4px |
| |
50077 | } |
| |
50078 | |
| |
50079 | .platform-osx .scroller-2TZvBN { |
| |
50080 | padding-top: 0 |
| |
50081 | } |
| |
50082 | |
| 50016 | .unreadMentionsIndicatorBottom-BXS58x, |
50083 | .unreadMentionsIndicatorBottom-BXS58x, |
| 50017 | .unreadMentionsIndicatorTop-gA6RCh { |
50084 | .unreadMentionsIndicatorTop-gA6RCh { |
| .50018 | height: 20px; |
50085 | -webkit-box-sizing: border-box; |
| |
50086 | box-sizing: border-box; |
| |
50087 | height: 40px; |
| 50019 | left: 0; |
50088 | left: 0; |
| 50020 | overflow: hidden; |
50089 | overflow: hidden; |
| .50021 | padding: 6px; |
50090 | padding: 8px; |
| 50022 | pointer-events: none; |
50091 | pointer-events: none; |
| 50023 | position: absolute; |
50092 | position: absolute; |
| 50024 | right: 0; |
50093 | right: 0; |
| . | |
50094 | width: 72px; |
| 50025 | z-index: 10 |
50095 | z-index: 10 |
| 50026 | } |
50096 | } |
| 50027 | |
50097 | |
| . | |
50098 | .unreadMentionsIndicatorTop-gA6RCh { |
| |
50099 | padding-top: 8px |
| |
50100 | } |
| |
50101 | |
| |
50102 | .unreadMentionsIndicatorBottom-BXS58x { |
| |
50103 | padding-bottom: 8px |
| |
50104 | } |
| |
50105 | |
| 50028 | .unreadMentionsBar-1VrBNe:before { |
50106 | .unreadMentionsBar-1VrBNe:before { |
| 50029 | bottom: 0; |
50107 | bottom: 0; |
| 50030 | content: ""; |
50108 | content: ""; |
| .50031 | left: -6px; |
50109 | left: -8px; |
| 50032 | position: absolute; |
50110 | position: absolute; |
| .50033 | right: -6px; |
50111 | right: -8px; |
| 50034 | top: 0 |
50112 | top: 0 |
| 50035 | } |
50113 | } |
| 50036 | |
50114 | |
| 50037 | .unreadMentionsIndicatorTop-gA6RCh { |
50115 | .unreadMentionsIndicatorTop-gA6RCh { |
| 50038 | top: 0 |
50116 | top: 0 |
| 50039 | } |
50117 | } |
| 50040 | |
50118 | |
| .50041 | .unreadMentionsIndicatorTop-gA6RCh .unreadMentionBar-_NRWoQ:before { |
50119 | .unreadMentionsIndicatorTop-gA6RCh .unreadMentionsBar-1VrBNe:before { |
| 50042 | top: -6px |
50120 | top: -8px |
| 50043 | } |
50121 | } |
| 50044 | |
50122 | |
| 50045 | .unreadMentionsIndicatorBottom-BXS58x { |
50123 | .unreadMentionsIndicatorBottom-BXS58x { |
| 50046 | bottom: 0 |
50124 | bottom: 0 |
| 50047 | } |
50125 | } |
| 50048 | |
50126 | |
| 50049 | .unreadMentionsIndicatorBottom-BXS58x .unreadMentionsBar-1VrBNe:before { |
50127 | .unreadMentionsIndicatorBottom-BXS58x .unreadMentionsBar-1VrBNe:before { |
| .50050 | bottom: -6px |
50128 | bottom: -8px |
| 50051 | } |
50129 | } |
| 50052 | |
50130 | |
| . | |
50131 | .theme-dark .wrapper-1Rf91z, |
| 50053 | .theme-light .wrapper-1Rf91z { |
50132 | .theme-light .wrapper-1Rf91z { |
| 50054 | background-color: #202225 |
50133 | background-color: #202225 |
| 50055 | } |
50134 | } |
| 50056 | |
50135 | |
| .50057 | .theme-light .unreadMentionsBar-1VrBNe { |
| |
| 50058 | -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .6); |
| |
| 50059 | box-shadow: 0 2px 8px rgba(0, 0, 0, .6) |
| |
| 50060 | } |
| |
| 50061 | |
| |
| 50062 | .theme-dark .wrapper-1Rf91z { |
| |
| 50063 | background-color: #202225 |
| |
| 50064 | } |
| |
| 50065 | |
| |
| 50066 | .theme-dark .unreadMentionsBar-1VrBNe { |
| |
| 50067 | -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .6); |
| |
| 50068 | box-shadow: 0 2px 8px rgba(0, 0, 0, .6) |
| |
| 50069 | } |
| |
| 50070 | |
| |
| 50071 | .container-2lgZY8, |
50136 | .container-2lgZY8, |
| 50072 | .spacer-29U_x8 {} |
50137 | .spacer-29U_x8 {} |
| 50073 | |
50138 | |
| 50074 | .container-2lgZY8 { |
50139 | .container-2lgZY8 { |
| 50075 | background-color: #202225 |
50140 | background-color: #202225 |
| 50076 | } |
50141 | } |
| 50077 | |
50142 | |
| 50078 | .downloadProgressCircle-2hBlsA { |
50143 | .downloadProgressCircle-2hBlsA { |
| 50079 | -webkit-transition: opacity .2s ease; |
50144 | -webkit-transition: opacity .2s ease; |
| | | |
| 50085 | |
50150 | |
| 50086 | .channels-Ie2l6A { |
50151 | .channels-Ie2l6A { |
| 50087 | -ms-flex-negative: 0; |
50152 | -ms-flex-negative: 0; |
| 50088 | background-color: #2f3136; |
50153 | background-color: #2f3136; |
| 50089 | flex-shrink: 0; |
50154 | flex-shrink: 0; |
| 50090 | width: 240px |
50155 | width: 240px |
| 50091 | } |
50156 | } |
| 50092 | |
50157 | |
| 50093 | .base-3dtUhz { |
50158 | .base-3dtUhz { |
| .50094 | border-radius: 5px 0 0 5px; |
| |
| 50095 | overflow: hidden |
50159 | overflow: hidden |
| 50096 | } |
50160 | } |
| 50097 | |
50161 | |
| .50098 | .platform-web .base-3dtUhz { |
50162 | .platform-win .base-3dtUhz { |
| 50099 | border-radius: 0 |
50163 | border-radius: 8px 0 0 8px |
| 50100 | } |
50164 | } |
| 50101 | |
50165 | |
| 50102 | .platform-linux .channels-Ie2l6A { |
50166 | .platform-linux .channels-Ie2l6A { |
| 50103 | -webkit-transform: translateZ(0); |
50167 | -webkit-transform: translateZ(0); |
| 50104 | transform: translateZ(0) |
50168 | transform: translateZ(0) |
| 50105 | } |
50169 | } |
| 50106 | |
50170 | |
| 50107 | @media (max-width:760px) { |
50171 | @media (max-width:760px) { |
| 50108 | .hiddenOnMobileStore-1DIxbw { |
50172 | .hiddenOnMobileStore-1DIxbw { |
| | | |
| 57544 | |
57608 | |
| 57545 | .bar-223pc1.unpinned-yEO9eb { |
57609 | .bar-223pc1.unpinned-yEO9eb { |
| 57546 | background-color: #36393f |
57610 | background-color: #36393f |
| 57547 | } |
57611 | } |
| 57548 | |
57612 | |
| 57549 | .body-Mv1Pg8 { |
57613 | .body-Mv1Pg8 { |
| 57550 | color: #fff; |
57614 | color: #fff; |
| 57551 | font-size: 16px; |
57615 | font-size: 16px; |
| 57552 | line-height: 1.25; |
57616 | line-height: 1.25; |
| .57553 | padding: 4px |
57617 | padding: 4px 0 4px 4px |
| 57554 | } |
57618 | } |
| 57555 | |
57619 | |
| 57556 | .body-Mv1Pg8 .scroller-SARdsL { |
57620 | .body-Mv1Pg8 .scroller-SARdsL { |
| 57557 | overflow-x: hidden |
57621 | overflow-x: hidden |
| 57558 | } |
57622 | } |
| 57559 | |
57623 | |
| 57560 | .body-Mv1Pg8:first-child { |
57624 | .body-Mv1Pg8:first-child { |
| 57561 | border-radius: 5px 5px 0 0 |
57625 | border-radius: 5px 5px 0 0 |
| 57562 | } |
57626 | } |
| | | |
| 57786 | cursor: nesw-resize |
57850 | cursor: nesw-resize |
| 57787 | } |
57851 | } |
| 57788 | |
57852 | |
| 57789 | .guildWidgetSidebar-ZsmPr0 { |
57853 | .guildWidgetSidebar-ZsmPr0 { |
| 57790 | position: relative; |
57854 | position: relative; |
| 57791 | width: 240px |
57855 | width: 240px |
| 57792 | } |
57856 | } |
| 57793 | |
57857 | |
| 57794 | .header-2ZdCft { |
57858 | .header-2ZdCft { |
| . | |
57859 | -ms-flex-align: center; |
| 57795 | -ms-flex-negative: 0; |
57860 | -ms-flex-negative: 0; |
| .57796 | -webkit-box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .1); |
57861 | -webkit-box-align: center; |
| |
57862 | -webkit-box-sizing: border-box; |
| |
57863 | align-items: center; |
| 57797 | background-color: #2f3136 !important; |
57864 | background-color: #2f3136 !important; |
| 57798 | border-radius: 0 5px 0 0; |
57865 | border-radius: 0 5px 0 0; |
| .57799 | box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, .1); |
57866 | box-sizing: border-box; |
| 57800 | flex-shrink: 0 |
57867 | flex-shrink: 0; |
| |
57868 | height: 48px; |
| |
57869 | position: relative; |
| |
57870 | z-index: 2 |
| |
57871 | } |
| |
57872 | |
| |
57873 | .guildWidgetSidebar-ZsmPr0 .header-2ZdCft { |
| |
57874 | -webkit-box-shadow: 0 1px 0 rgba(32, 34, 37, .7), 0 2px 0 rgba(0, 0, 0, .06); |
| |
57875 | box-shadow: 0 1px 0 rgba(32, 34, 37, .7), 0 2px 0 rgba(0, 0, 0, .06) |
| 57801 | } |
57876 | } |
| 57802 | |
57877 | |
| 57803 | .draggableStartArea-_2VSFf { |
57878 | .draggableStartArea-_2VSFf { |
| 57804 | cursor: move |
57879 | cursor: move |
| 57805 | } |
57880 | } |
| 57806 | |
57881 | |
| 57807 | .headerTitle-1rvR6P { |
57882 | .headerTitle-1rvR6P { |
| 57808 | -ms-flex-negative: 1; |
57883 | -ms-flex-negative: 1; |
| 57809 | display: block; |
57884 | display: block; |
| | | |
| 57928 | |
58003 | |
| 57929 | .base-zsjlUl { |
58004 | .base-zsjlUl { |
| 57930 | -ms-flex-direction: row; |
58005 | -ms-flex-direction: row; |
| 57931 | -webkit-box-direction: normal; |
58006 | -webkit-box-direction: normal; |
| 57932 | -webkit-box-orient: horizontal; |
58007 | -webkit-box-orient: horizontal; |
| 57933 | display: -webkit-box; |
58008 | display: -webkit-box; |
| 57934 | display: -ms-flexbox; |
58009 | display: -ms-flexbox; |
| 57935 | display: flex; |
58010 | display: flex; |
| 57936 | flex-direction: row; |
58011 | flex-direction: row; |
| .57937 | width: 310px |
58012 | width: 312px |
| 57938 | } |
| |
| 57939 | |
| |
| 57940 | .header-1cxfBj { |
| |
| 57941 | overflow: hidden |
| |
| 57942 | } |
| |
| 57943 | |
| |
| 57944 | .title-EWUIl5 { |
| |
| 57945 | height: 20px; |
| |
| 57946 | padding: 0 8px 0 12px |
| |
| 57947 | } |
| |
| 57948 | |
| |
| 57949 | .channelNameWrapper-2vQGWw, |
| |
| 57950 | .title-EWUIl5 { |
| |
| 57951 | -ms-flex-align: center; |
| |
| 57952 | -webkit-box-align: center; |
| |
| 57953 | align-items: center; |
| |
| 57954 | display: -webkit-box; |
| |
| 57955 | display: -ms-flexbox; |
| |
| 57956 | display: flex |
| |
| 57957 | } |
| |
| 57958 | |
| |
| 57959 | .channelNameWrapper-2vQGWw { |
| |
| 57960 | -ms-flex-direction: row; |
| |
| 57961 | -ms-flex-negative: 1; |
| |
| 57962 | -webkit-box-direction: normal; |
| |
| 57963 | -webkit-box-orient: horizontal; |
| |
| 57964 | color: #f6f6f7; |
| |
| 57965 | flex-direction: row; |
| |
| 57966 | flex-shrink: 1; |
| |
| 57967 | font-size: 16px; |
| |
| 57968 | min-width: 0 |
| |
| 57969 | } |
| |
| 57970 | |
| |
| 57971 | .channelName-3Q7F-T { |
| |
| 57972 | margin-right: 4px; |
| |
| 57973 | overflow: hidden; |
| |
| 57974 | text-overflow: ellipsis; |
| |
| 57975 | white-space: nowrap |
| |
| 57976 | } |
| |
| 57977 | |
| |
| 57978 | .channelName-3Q7F-T.highBackgroundOpacity-1JUP3m, |
| |
| 57979 | .channelName-3Q7F-T.lowBackgroundOpacity-3lKY7t, |
| |
| 57980 | .channelName-3Q7F-T.mediumBackgroundOpacity-18zQv2 { |
| |
| 57981 | font-weight: 600; |
| |
| 57982 | text-shadow: 0 0 1px #4f545c, 1px 1px 0 #4f545c |
| |
| 57983 | } |
| |
| 57984 | |
| |
| 57985 | .titleIcon-2ciH3G { |
| |
| 57986 | color: #8a8e94; |
| |
| 57987 | display: inline-block; |
| |
| 57988 | line-height: 20px; |
| |
| 57989 | margin-right: 2px |
| |
| 57990 | } |
| |
| 57991 | |
| |
| 57992 | .titleIcon-2ciH3G.lowBackgroundOpacity-3lKY7t, |
| |
| 57993 | .titleIcon-2ciH3G.mediumBackgroundOpacity-18zQv2 { |
| |
| 57994 | color: hsla(0, 0%, 100%, .7) |
| |
| 57995 | } |
| |
| 57996 | |
| |
| 57997 | .dragIcon-2JTLdo { |
| |
| 57998 | color: #8a8e94; |
| |
| 57999 | margin-right: 4px |
| |
| 58000 | } |
| |
| 58001 | |
| |
| 58002 | .iconBackground-dEspB9 { |
| |
| 58003 | opacity: .6 |
| |
| 58004 | } |
| |
| 58005 | |
| |
| 58006 | .disconnectCallIcon-RX69Cm { |
| |
| 58007 | -webkit-transform: rotate(135deg); |
| |
| 58008 | transform: rotate(135deg) |
| |
| 58009 | } |
| |
| 58010 | |
| |
| 58011 | .activeCallIcon-37ETG9 { |
| |
| 58012 | position: relative |
| |
| 58013 | } |
| |
| 58014 | |
| |
| 58015 | .activeCallIcon-37ETG9:after { |
| |
| 58016 | border-radius: 50%; |
| |
| 58017 | content: ""; |
| |
| 58018 | height: 6px; |
| |
| 58019 | position: absolute; |
| |
| 58020 | right: 2px; |
| |
| 58021 | top: 2px; |
| |
| 58022 | width: 6px |
| |
| 58023 | } |
| |
| 58024 | |
| |
| 58025 | .theme-dark .activeCallIcon-37ETG9:after { |
| |
| 58026 | -webkit-box-shadow: 0 0 0 1.5px rgba(67, 181, 129, .24); |
| |
| 58027 | background-color: #43b581; |
| |
| 58028 | box-shadow: 0 0 0 1.5px rgba(67, 181, 129, .24) |
| |
| 58029 | } |
58013 | } |
| 58030 | |
58014 | |
| 58031 | .container-pkXooo { |
58015 | .container-pkXooo { |
| 58032 | -ms-flex-direction: row; |
58016 | -ms-flex-direction: row; |
| 58033 | -webkit-box-direction: normal; |
58017 | -webkit-box-direction: normal; |
| 58034 | -webkit-box-orient: horizontal; |
58018 | -webkit-box-orient: horizontal; |
| 58035 | display: -webkit-box; |
58019 | display: -webkit-box; |
| 58036 | display: -ms-flexbox; |
58020 | display: -ms-flexbox; |
| 58037 | display: flex; |
58021 | display: flex; |
| | | |
| 58068 | .header-2yGCVu { |
58052 | .header-2yGCVu { |
| 58069 | display: -webkit-box; |
58053 | display: -webkit-box; |
| 58070 | display: -ms-flexbox; |
58054 | display: -ms-flexbox; |
| 58071 | display: flex |
58055 | display: flex |
| 58072 | } |
58056 | } |
| 58073 | |
58057 | |
| 58074 | .header-2yGCVu { |
58058 | .header-2yGCVu { |
| 58075 | -ms-flex: 0 0 auto; |
58059 | -ms-flex: 0 0 auto; |
| 58076 | -webkit-box-flex: 0; |
58060 | -webkit-box-flex: 0; |
| .58077 | flex: 0 0 auto; |
58061 | flex: 0 0 auto |
| 58078 | margin: 0; |
| |
| 58079 | padding-right: 16px |
| |
| 58080 | } |
58062 | } |
| 58081 | |
58063 | |
| 58082 | .headerDefault-1qHUFF { |
58064 | .headerDefault-1qHUFF { |
| 58083 | background-color: #36393f |
58065 | background-color: #36393f |
| 58084 | } |
58066 | } |
| 58085 | |
58067 | |
| . | |
58068 | .activateContainer-2X6KOg { |
| |
58069 | -ms-flex-align: center; |
| |
58070 | -ms-flex-pack: start; |
| |
58071 | -webkit-box-align: center; |
| |
58072 | -webkit-box-pack: start; |
| |
58073 | align-items: center; |
| |
58074 | display: -webkit-box; |
| |
58075 | display: -ms-flexbox; |
| |
58076 | display: flex; |
| |
58077 | height: 98px; |
| |
58078 | justify-content: flex-start |
| |
58079 | } |
| |
58080 | |
| 58086 | .activateKeybind-1oKNW5 { |
58081 | .activateKeybind-1oKNW5 { |
| 58087 | border-radius: 5px; |
58082 | border-radius: 5px; |
| .58088 | display: inline-block; |
| |
| 58089 | font-weight: 600; |
58083 | font-weight: 600; |
| 58090 | line-height: 20px; |
58084 | line-height: 20px; |
| .58091 | margin: 26px 0; |
| |
| 58092 | padding: 10px 16px; |
58085 | padding: 10px 16px; |
| 58093 | text-shadow: 0 0 1px #4f545c, 1px 1px 0 #4f545c |
58086 | text-shadow: 0 0 1px #4f545c, 1px 1px 0 #4f545c |
| 58094 | } |
58087 | } |
| 58095 | |
58088 | |
| 58096 | .inGame-2RplaV .headerDefault-1qHUFF { |
58089 | .inGame-2RplaV .headerDefault-1qHUFF { |
| 58097 | background-color: rgba(54, 57, 63, .2) |
58090 | background-color: rgba(54, 57, 63, .2) |
| 58098 | } |
58091 | } |
| 58099 | |
58092 | |
| 58100 | .inGameActive-36BUM7 { |
58093 | .inGameActive-36BUM7 { |
| | | |
| 58303 | height: 24px; |
58296 | height: 24px; |
| 58304 | position: relative; |
58297 | position: relative; |
| 58305 | position: absolute; |
58298 | position: absolute; |
| 58306 | right: -4px; |
58299 | right: -4px; |
| 58307 | user-select: none; |
58300 | user-select: none; |
| 58308 | width: 24px; |
58301 | width: 24px; |
| 58309 | z-index: 1 |
58302 | z-index: 1 |
| 58310 | } |
58303 | } |
| 58311 | |
58304 | |
| . | |
58305 | .headerContainer-1FBNKq { |
| |
58306 | border-radius: 5px 5px 0 0; |
| |
58307 | position: relative; |
| |
58308 | z-index: 2 |
| |
58309 | } |
| |
58310 | |
| |
58311 | .opacityFull-1MAU6P { |
| |
58312 | -webkit-box-shadow: 0 1px 0 rgba(32, 34, 37, .7), 0 2px 0 rgba(0, 0, 0, .06); |
| |
58313 | box-shadow: 0 1px 0 rgba(32, 34, 37, .7), 0 2px 0 rgba(0, 0, 0, .06) |
| |
58314 | } |
| |
58315 | |
| |
58316 | .opacityHigh-P0H0Wl { |
| |
58317 | -webkit-box-shadow: 0 1px 0 rgba(32, 34, 37, .4); |
| |
58318 | box-shadow: 0 1px 0 rgba(32, 34, 37, .4) |
| |
58319 | } |
| |
58320 | |
| |
58321 | .opacityMedium-3v7iri { |
| |
58322 | -webkit-box-shadow: 0 1px 0 rgba(32, 34, 37, .2); |
| |
58323 | box-shadow: 0 1px 0 rgba(32, 34, 37, .2) |
| |
58324 | } |
| |
58325 | |
| |
58326 | .opacityLow-2KYq3x { |
| |
58327 | -webkit-box-shadow: 0 1px 0 rgba(32, 34, 37, .05); |
| |
58328 | box-shadow: 0 1px 0 rgba(32, 34, 37, .05) |
| |
58329 | } |
| |
58330 | |
| 58312 | .opacityHeader-1wUrEK { |
58331 | .opacityHeader-1wUrEK { |
| . | |
58332 | -ms-flex-align: center; |
| |
58333 | -webkit-box-align: center; |
| |
58334 | -webkit-box-shadow: 0 1px 0 rgba(32, 34, 37, .7), 0 2px 0 rgba(0, 0, 0, .06); |
| |
58335 | align-items: center; |
| 58313 | background-color: #36393f; |
58336 | background-color: #36393f; |
| . | |
58337 | box-shadow: 0 1px 0 rgba(32, 34, 37, .7), 0 2px 0 rgba(0, 0, 0, .06); |
| 58314 | cursor: default; |
58338 | cursor: default; |
| . | |
58339 | height: 25px; |
| 58315 | overflow: visible |
58340 | overflow: visible |
| 58316 | } |
58341 | } |
| 58317 | |
58342 | |
| . | |
58343 | .leaveCall-3Dgc1L { |
| |
58344 | -webkit-transform: rotate(180deg); |
| |
58345 | transform: rotate(180deg) |
| |
58346 | } |
| |
58347 | |
| |
58348 | .status-m0kzwG { |
| |
58349 | margin-left: 4px |
| |
58350 | } |
| |
58351 | |
| |
58352 | .dragIcon-29nDeZ { |
| |
58353 | -ms-flex: 0 0 auto; |
| |
58354 | -webkit-box-flex: 0; |
| |
58355 | color: #b9bbbe; |
| |
58356 | flex: 0 0 auto |
| |
58357 | } |
| |
58358 | |
| 58318 | .wrapper-3K6RqB { |
58359 | .wrapper-3K6RqB { |
| 58319 | -ms-flex-align: stretch; |
58360 | -ms-flex-align: stretch; |
| 58320 | -ms-flex-direction: row; |
58361 | -ms-flex-direction: row; |
| 58321 | -webkit-box-align: stretch; |
58362 | -webkit-box-align: stretch; |
| 58322 | -webkit-box-direction: normal; |
58363 | -webkit-box-direction: normal; |
| 58323 | -webkit-box-orient: horizontal; |
58364 | -webkit-box-orient: horizontal; |
| 58324 | -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .2); |
58365 | -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .2); |
| 58325 | align-items: stretch; |
58366 | align-items: stretch; |
| 58326 | box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .2); |
58367 | box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .2); |
| | | |
| 58384 | align-items: center; |
58425 | align-items: center; |
| 58385 | background-color: #4f545c; |
58426 | background-color: #4f545c; |
| 58386 | border-radius: 3px; |
58427 | border-radius: 3px; |
| 58387 | display: -webkit-box; |
58428 | display: -webkit-box; |
| 58388 | display: -ms-flexbox; |
58429 | display: -ms-flexbox; |
| 58389 | display: flex; |
58430 | display: flex; |
| 58390 | justify-content: center |
58431 | justify-content: center |
| 58391 | } |
58432 | } |
| 58392 | |
58433 | |
| . | |
58434 | .voiceList-2_nc4r { |
| |
58435 | padding: 4px 0 4px 4px |
| |
58436 | } |
| |
58437 | |
| 58393 | .dragIcon-1tH5OP { |
58438 | .dragIcon-1tH5OP { |
| 58394 | margin-left: -4px; |
58439 | margin-left: -4px; |
| 58395 | margin-right: 4px |
58440 | margin-right: 4px |
| 58396 | } |
58441 | } |
| 58397 | |
58442 | |
| 58398 | .draggableStartArea-3BsD3u { |
58443 | .draggableStartArea-3BsD3u { |
| 58399 | cursor: move |
58444 | cursor: move |
| 58400 | } |
58445 | } |
| 58401 | |
58446 | |
| | | |
| 58403 | -ms-flex: 1; |
58448 | -ms-flex: 1; |
| 58404 | -webkit-box-flex: 1; |
58449 | -webkit-box-flex: 1; |
| 58405 | flex: 1 |
58450 | flex: 1 |
| 58406 | } |
58451 | } |
| 58407 | |
58452 | |
| 58408 | .speakerIcon-XtTKrG { |
58453 | .speakerIcon-XtTKrG { |
| 58409 | margin-right: 3px |
58454 | margin-right: 3px |
| 58410 | } |
58455 | } |
| 58411 | |
58456 | |
| .58412 | .avatarContainer-2dfwpN { |
| |
| 58413 | margin-right: 4px |
| |
| 58414 | } |
| |
| 58415 | |
| |
| 58416 | .avatarContainer-2dfwpN.flipped-3byNVj { |
| |
| 58417 | margin-left: 4px; |
| |
| 58418 | margin-right: 0 |
| |
| 58419 | } |
| |
| 58420 | |
| |
| 58421 | .voiceUserWrapper-1eV-Yy { |
| |
| 58422 | padding: 0 4px |
| |
| 58423 | } |
| |
| 58424 | |
| |
| 58425 | .voiceUser-1h_0JQ { |
| |
| 58426 | -ms-flex-align: center; |
| |
| 58427 | -webkit-box-align: center; |
| |
| 58428 | align-items: center; |
| |
| 58429 | border-radius: 3px; |
| |
| 58430 | display: -webkit-box; |
| |
| 58431 | display: -ms-flexbox; |
| |
| 58432 | display: flex; |
| |
| 58433 | padding: 1px 4px |
| |
| 58434 | } |
| |
| 58435 | |
| |
| 58436 | .interactive-2o5ouo:hover { |
58457 | .interactive-2o5ouo:hover { |
| 58437 | opacity: 1 |
58458 | opacity: 1 |
| 58438 | } |
58459 | } |
| 58439 | |
58460 | |
| 58440 | .username-2FGs2B { |
58461 | .username-2FGs2B { |
| .58441 | -ms-flex-negative: 1; |
| |
| 58442 | color: #fff; |
| |
| 58443 | flex-shrink: 1; |
| |
| 58444 | font-size: 14px; |
58462 | font-size: 14px; |
| 58445 | font-weight: 500; |
58463 | font-weight: 500; |
| 58446 | line-height: 16px; |
58464 | line-height: 16px; |
| 58447 | margin: 0; |
58465 | margin: 0; |
| 58448 | max-width: 158px; |
58466 | max-width: 158px; |
| 58449 | padding: 2px 4px |
58467 | padding: 2px 4px |
| 58450 | } |
58468 | } |
| 58451 | |
58469 | |
| . | |
58470 | .voiceUserWrapper-1eV-Yy .username-2FGs2B { |
| |
58471 | -ms-flex: 0 1 auto; |
| |
58472 | -webkit-box-flex: 0; |
| |
58473 | flex: 0 1 auto |
| |
58474 | } |
| |
58475 | |
| |
58476 | .theme-dark .username-2FGs2B, |
| |
58477 | .theme-light .username-2FGs2B { |
| |
58478 | color: #fff |
| |
58479 | } |
| |
58480 | |
| 58452 | .faded-NBF6ah { |
58481 | .faded-NBF6ah { |
| 58453 | opacity: .6 |
58482 | opacity: .6 |
| 58454 | } |
58483 | } |
| 58455 | |
58484 | |
| 58456 | .locked-3PIhFd { |
58485 | .locked-3PIhFd { |
| 58457 | background-color: rgba(0, 0, 0, .4); |
58486 | background-color: rgba(0, 0, 0, .4); |
| 58458 | border-radius: 3px |
58487 | border-radius: 3px |
| 58459 | } |
58488 | } |
| 58460 | |
58489 | |
| | | |
| 59767 | display: -ms-flexbox; |
59796 | display: -ms-flexbox; |
| 59768 | display: flex |
59797 | display: flex |
| 59769 | } |
59798 | } |
| 59770 | |
59799 | |
| 59771 | .desktopHeader-3za0nJ { |
59800 | .desktopHeader-3za0nJ { |
| 59772 | display: none |
59801 | display: none |
| 59773 | } |
59802 | } |
| 59774 | } |
59803 | } |
| 59775 | |
59804 | |
| .59776 | /*# sourceMappingURL=0.dd19f87343ea64de5c61.css.map*/ |
59805 | /*# sourceMappingURL=0.a44fb89f641480564181.css.map*/ |