Advertisement
Guest User

Untitled

a guest
Apr 2nd, 2019
456
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 37.89 KB | None | 0 0
  1. .NavigationMain__nav__3NRm2 {
  2. font-size: 1rem;
  3. line-height: 1.25rem;
  4. display: none;
  5. font-family: -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  6. list-style: none;
  7. padding: 0;
  8. position: relative;
  9. z-index: 8500; }
  10.  
  11. @media (max-width: 63.9375em) {
  12. .NavigationMain__nav__3NRm2 {
  13. box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
  14. background-color: #ffffff;
  15. margin: 0;
  16. min-height: calc(100vh - 60px); } }
  17.  
  18. @media (min-width: 64em) {
  19. .NavigationMain__nav__3NRm2 {
  20. display: -ms-flexbox;
  21. display: flex;
  22. -ms-flex-wrap: wrap;
  23. flex-wrap: wrap;
  24. height: 60px;
  25. margin: 0 0 0 10px; } }
  26.  
  27. @media (max-width: 63.9375em) {
  28. .NavigationMain__nav__3NRm2.NavigationMain__navOpen__1Dftm {
  29. display: block; } }
  30.  
  31. @media (max-width: 63.9375em) {
  32. .NavigationMain__nav__3NRm2.NavigationMain__navOpen__1Dftm::before {
  33. border-bottom: 6px solid #ffffff;
  34. border-left: 6px solid transparent;
  35. border-right: 6px solid transparent;
  36. content: '';
  37. left: 20px;
  38. position: fixed;
  39. top: 54px;
  40. z-index: 100000; } }
  41.  
  42. .NavigationMain__nav__3NRm2 li {
  43. position: relative; }
  44.  
  45. .NavigationMain__navLink__1xmUY {
  46. -webkit-hyphens: auto;
  47. -ms-hyphens: auto;
  48. hyphens: auto;
  49. overflow-wrap: break-word;
  50. word-break: break-word;
  51. word-wrap: break-word;
  52. color: #000000;
  53. display: inline-block;
  54. font-size: 0.875rem;
  55. font-weight: bold;
  56. padding: 1.25rem;
  57. position: relative;
  58. text-decoration: none;
  59. text-transform: uppercase;
  60. width: 100%;
  61. z-index: 0; }
  62.  
  63. .NavigationMain__navLink__1xmUY:focus {
  64. outline: 0; }
  65.  
  66. .NavigationMain__navLink__1xmUY:hover {
  67. color: #000000; }
  68.  
  69. @media (min-width: 64em) {
  70. .NavigationMain__navLink__1xmUY {
  71. color: #ffffff; }
  72. .NavigationMain__navLink__1xmUY:hover {
  73. color: #ffffff; } }
  74.  
  75. .NavigationMain__navLink__1xmUY::after,
  76. .NavigationMain__navLinkSub__2T3V5::after {
  77. background: linear-gradient(45deg, #f7931e, #fcaf17);
  78. border-bottom-left-radius: 3px;
  79. border-bottom-right-radius: 3px;
  80. content: ' ';
  81. display: none;
  82. height: 6px;
  83. left: 10px;
  84. position: absolute;
  85. top: 0;
  86. width: 88%;
  87. z-index: -1; }
  88.  
  89. @media (min-width: 64em) {
  90. .NavigationMain__navLink__1xmUY::after,
  91. .NavigationMain__navLinkSub__2T3V5::after {
  92. left: 6%; } }
  93.  
  94. @media (min-width: 64em) {
  95. .NavigationMain__nav__3NRm2 li:hover .NavigationMain__navLink__1xmUY::after,
  96. .NavigationMain__nav__3NRm2 li .NavigationMain__navLink__1xmUY:focus::after {
  97. display: block; } }
  98.  
  99. .NavigationMain__navLink__1xmUY.NavigationMain__navLinkActive__3VT3r {
  100. color: #f7931e; }
  101.  
  102. @media (min-width: 64em) {
  103. .NavigationMain__navLink__1xmUY.NavigationMain__navLinkActive__3VT3r {
  104. color: #ffffff; } }
  105.  
  106. .NavigationMain__navLinkSub__2T3V5.NavigationMain__navLinkActive__3VT3r {
  107. color: #fcaf17; }
  108.  
  109. @media (min-width: 64em) {
  110. .NavigationMain__navLink__1xmUY.NavigationMain__navLinkActive__3VT3r::after {
  111. background: linear-gradient(45deg, #f7931e, #fcaf17);
  112. display: block; } }
  113.  
  114. @media (max-width: 63.9375em) {
  115. .NavigationMain__navSub__3W27M.NavigationMain__navSubOn__OUDFx,
  116. .NavigationMain__navSubSub__2bkYi.NavigationMain__navSubOn__OUDFx {
  117. display: block; } }
  118.  
  119. .NavigationMain__navSub__3W27M::before,
  120. .NavigationMain__navSubSub__2bkYi::before {
  121. border-bottom: 6px solid #ffffff;
  122. border-left: 6px solid transparent;
  123. border-right: 6px solid transparent;
  124. content: '';
  125. -webkit-filter: drop-shadow(0 0 1px #999999);
  126. filter: drop-shadow(0 0 1px #999999);
  127. position: absolute;
  128. top: -6px; }
  129.  
  130. .NavigationMain__navSub__3W27M::before {
  131. left: 30px; }
  132.  
  133. @media (min-width: 64em) {
  134. .NavigationMain__navSub__3W27M::before {
  135. left: 60px; } }
  136.  
  137. .NavigationMain__navSubSub__2bkYi::before {
  138. left: 40px; }
  139.  
  140. @media (min-width: 64em) {
  141. .NavigationMain__navSubSub__2bkYi::before {
  142. border-bottom: 6px solid transparent;
  143. border-right: 6px solid #ffffff;
  144. border-left: 0;
  145. border-top: 6px solid transparent;
  146. left: -6px;
  147. top: 22px; } }
  148.  
  149. @media (min-width: 64em) {
  150. .NavigationMain__nav__3NRm2 li:hover > .NavigationMain__navSub__3W27M,
  151. .NavigationMain__nav__3NRm2 li:hover > .NavigationMain__navSubSub__2bkYi,
  152. .NavigationMain__nav__3NRm2 li > .NavigationMain__navSub__3W27M:focus,
  153. .NavigationMain__nav__3NRm2 li > .NavigationMain__navSubSub__2bkYi:focus {
  154. visibility: visible; } }
  155.  
  156. .NavigationMain__navLinkSub__2T3V5 {
  157. -webkit-hyphens: auto;
  158. -ms-hyphens: auto;
  159. hyphens: auto;
  160. overflow-wrap: break-word;
  161. word-break: break-word;
  162. word-wrap: break-word;
  163. background-color: #ffffff;
  164. color: #000000;
  165. display: inline-block;
  166. font-size: 0.875rem;
  167. font-weight: bold;
  168. padding: 1.25rem 2.5rem 1.25rem 1.875rem;
  169. position: relative;
  170. text-decoration: none;
  171. text-transform: uppercase;
  172. width: 100%;
  173. z-index: 0; }
  174.  
  175. @media (min-width: 64em) {
  176. .NavigationMain__navLinkSub__2T3V5:hover {
  177. background: linear-gradient(45deg, #f7931e, #fcaf17);
  178. color: #ffffff; } }
  179.  
  180. .NavigationMain__nav__3NRm2 li ul li ul li .NavigationMain__navLinkSub__2T3V5 {
  181. padding: 1.25rem 2.5rem; }
  182.  
  183. @media (max-width: 63.9375em) {
  184. .NavigationMain__navLinkToggle__2xOGg {
  185. box-sizing: content-box;
  186. padding: 22px 16px;
  187. position: absolute;
  188. right: 0;
  189. top: 0; } }
  190.  
  191. @media (min-width: 64em) {
  192. .NavigationMain__navLinkToggle__2xOGg {
  193. display: none; } }
  194.  
  195. .NavigationMain__navSub__3W27M,
  196. .NavigationMain__navSubSub__2bkYi {
  197. list-style: none;
  198. margin: 0;
  199. min-width: 300px;
  200. padding: 0;
  201. top: calc(100% + -1px); }
  202.  
  203. @media (max-width: 63.9375em) {
  204. .NavigationMain__navSub__3W27M,
  205. .NavigationMain__navSubSub__2bkYi {
  206. border-bottom: 1px solid #e6e6e6;
  207. border-top: 1px solid #e6e6e6;
  208. display: none;
  209. position: relative;
  210. width: 100%;
  211. left: 0; } }
  212.  
  213. .NavigationMain__navSub__3W27M {
  214. z-index: 8500; }
  215.  
  216. @media (min-width: 64em) {
  217. .NavigationMain__navSub__3W27M {
  218. box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
  219. left: -25px;
  220. position: absolute;
  221. visibility: hidden; } }
  222.  
  223. @media (min-width: 64em) {
  224. .NavigationMain__navSubSub__2bkYi {
  225. box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
  226. left: 100%;
  227. position: absolute;
  228. top: 0;
  229. visibility: hidden; } }
  230.  
  231. @media (max-width: 63.9375em) {
  232. .NavigationMain__menuOpen__1c7gF {
  233. height: 100%;
  234. overflow-y: hidden;
  235. position: fixed;
  236. width: 100%; }
  237. .NavigationMain__menuOpen__1c7gF body {
  238. height: 100%;
  239. overflow-y: hidden;
  240. position: fixed;
  241. width: 100%; } }
  242.  
  243. @media (max-width: 63.9375em) {
  244. .NavigationMain__nav__3NRm2 > li:nth-child(even) .NavigationMain__navLink__1xmUY {
  245. background-color: #fafafa; } }
  246.  
  247. .NavigationMain__navSub__3W27M > li:nth-child(even) .NavigationMain__navLinkSub__2T3V5 {
  248. background-color: #fafafa; }
  249.  
  250. @media (min-width: 64em) {
  251. .NavigationMain__overlay__3SibJ {
  252. background: rgba(0, 0, 0, 0.3);
  253. height: calc(100vh - 60px);
  254. left: 0;
  255. opacity: 0;
  256. pointer-events: none;
  257. position: fixed;
  258. top: 60px;
  259. transition: 0s 0.1s;
  260. visibility: hidden;
  261. width: 100vw;
  262. z-index: 5000; }
  263. .NavigationMain__nav__3NRm2 li:hover > .NavigationMain__overlay__3SibJ {
  264. opacity: 1;
  265. visibility: visible; } }
  266.  
  267. .NavigationMain__navLink__1xmUY.NavigationMain__navLinkHighlight__pgt2K,
  268. .NavigationMain__navLinkSub__2T3V5.NavigationMain__navLinkHighlight__pgt2K {
  269. color: #fcaf17; }
  270.  
  271. .NavigationMain__navLink__1xmUY.NavigationMain__navLinkHighlight__pgt2K::after,
  272. .NavigationMain__navLinkSub__2T3V5.NavigationMain__navLinkHighlight__pgt2K::after {
  273. color: #fcaf17; }
  274.  
  275. @media (min-width: 64em) {
  276. .NavigationMain__signUp__2YtN8,
  277. .NavigationMain__signIn__3thGS {
  278. display: none; } }
  279.  
  280. .NavigationMain__navSignedOut__1mRzb {
  281. display: none; }
  282.  
  283. @media (min-width: 83.125em) {
  284. .NavigationMain__navSignedOut__1mRzb {
  285. display: -ms-flexbox;
  286. display: flex; } }
  287. .Tags__tags__3baRJ {
  288. clear: both;
  289. display: -ms-flexbox;
  290. display: flex;
  291. -ms-flex-wrap: wrap;
  292. flex-wrap: wrap;
  293. margin: -3px; }
  294.  
  295. .Tags__tags__3baRJ::after {
  296. clear: both;
  297. content: '';
  298. display: table; }
  299.  
  300. .Tags__tags__3baRJ > * {
  301. margin: 3px;
  302. text-decoration: none; }
  303. .Tag__tag__U8qfP {
  304. font-size: 0.75rem;
  305. line-height: 1.25rem;
  306. -webkit-hyphens: auto;
  307. -ms-hyphens: auto;
  308. hyphens: auto;
  309. overflow-wrap: break-word;
  310. word-break: break-word;
  311. word-wrap: break-word;
  312. -ms-flex-align: center;
  313. align-items: center;
  314. background-color: #f2f2f2;
  315. border-radius: 2px;
  316. color: #4d4d4d;
  317. cursor: default;
  318. display: -ms-flexbox;
  319. display: flex;
  320. -ms-flex: 0 1 auto;
  321. flex: 0 1 auto;
  322. line-height: 15px;
  323. z-index: 1; }
  324.  
  325. a .Tag__tag__U8qfP, .Tag__tag__U8qfP.Tag__interactive__3XC6_ {
  326. cursor: pointer; }
  327.  
  328. .Tag__tag__U8qfP span {
  329. display: -ms-flexbox;
  330. display: flex;
  331. -ms-flex-pack: center;
  332. justify-content: center;
  333. -ms-flex-align: center;
  334. align-items: center; }
  335.  
  336. .Tag__text__BymVy {
  337. padding: 5px; }
  338.  
  339. @media (min-width: 32.5em) {
  340. .Tag__text__BymVy {
  341. padding: 5px 10px; } }
  342.  
  343. .Tag__close__32Wm2 {
  344. -ms-flex-align: center;
  345. align-items: center;
  346. border-left: 1px solid #e6e6e6;
  347. display: -ms-flexbox;
  348. display: flex;
  349. height: 25px;
  350. -ms-flex-pack: center;
  351. justify-content: center;
  352. width: 25px;
  353. cursor: pointer; }
  354.  
  355. .Tag__anml__17xIO {
  356. margin-top: -2px; }
  357.  
  358. .Tag__lanml__1MUaO {
  359. fill: #f7931e;
  360. margin-top: -2px; }
  361. .SearchBoxFeatured__featured__3rxm2 {
  362. margin: 0 auto;
  363. max-width: 1420px;
  364. padding: 25px 10px; }
  365.  
  366. .SearchBoxFeatured__featured__3rxm2 h2 {
  367. font-size: 1.125rem;
  368. line-height: 1.25rem;
  369. margin-bottom: 1.25rem;
  370. margin-top: 0;
  371. font-family: -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  372. text-rendering: optimizeLegibility;
  373. font-weight: bold; }
  374.  
  375. @media (min-width: 64em) {
  376. .SearchBoxFeatured__featured__3rxm2 {
  377. padding: 40px 20px 60px; }
  378. .SearchBoxFeatured__featured__3rxm2 h2 {
  379. font-size: 1.5rem;
  380. line-height: 1.875rem; } }
  381.  
  382. .SearchBoxFeatured__featured__3rxm2 .SearchBoxFeatured__featuredInTitle__2J0k5 {
  383. margin: 20px 0 0 22px; }
  384.  
  385. .SearchBoxFeatured__featured__3rxm2 .SearchBoxFeatured__featuredInTitle__2J0k5 h3 {
  386. font-size: 0.85rem; }
  387.  
  388. .SearchBoxFeatured__trendingIcon__2DRIr {
  389. margin-top: -4px;
  390. fill: #000000; }
  391.  
  392. .SearchBoxFeatured__tags__2Zhqo > a > div {
  393. border: 1px solid #cccccc;
  394. color: #000000;
  395. background: #f7f7f7; }
  396.  
  397. .SearchBoxFeatured__tags__2Zhqo > a.SearchBoxFeatured__featuredTag__USAkT > div {
  398. border: 1px solid #cccccc;
  399. color: #000000;
  400. background: #fcaf17; }
  401. .SearchBox__wrap__2L6Pm {
  402. color: #000000;
  403. cursor: default;
  404. left: 0;
  405. min-height: 100vh;
  406. position: absolute;
  407. top: 0;
  408. width: 100%;
  409. z-index: 9000; }
  410.  
  411. .SearchBox__overlay__1pbte {
  412. position: absolute;
  413. background-color: rgba(0, 0, 0, 0.3);
  414. top: 0;
  415. right: 0;
  416. bottom: 0;
  417. left: 0;
  418. opacity: 1;
  419. animation: SearchBox__fadeIn__1yzJt 0.25s; }
  420.  
  421. @keyframes SearchBox__fadeIn__1yzJt {
  422. 0% {
  423. opacity: 0; }
  424. 100% {
  425. opacity: 1; } }
  426.  
  427. .SearchBox__inner__2dNsA {
  428. height: 100vh;
  429. background: #fafafa;
  430. border-bottom: 6px solid #fcaf17;
  431. position: relative;
  432. animation: SearchBox__slideDown__3VP2j 0.35s ease-out; }
  433.  
  434. @media (min-width: 64em) {
  435. .SearchBox__inner__2dNsA {
  436. height: auto; } }
  437.  
  438. @keyframes SearchBox__slideDown__3VP2j {
  439. 0% {
  440. margin-top: -100%;
  441. @media (min-width: 64em) {
  442. margin-top: -400px; } }
  443. 100% {
  444. margin-top: 0; } }
  445.  
  446. .SearchBox__search__Ws_ao {
  447. background-color: #000000;
  448. color: #ffffff; }
  449.  
  450. .SearchBox__searchInner__11Pi7 {
  451. padding-top: 60px;
  452. position: relative; }
  453.  
  454. @media (min-width: 64em) {
  455. .SearchBox__searchInner__11Pi7 {
  456. padding-top: 20px; } }
  457.  
  458. @media screen and (max-width: 1024px) and (max-height: 400px) {
  459. .SearchBox__searchInner__11Pi7 {
  460. padding-top: 0;
  461. padding-right: 60px; } }
  462.  
  463. .SearchBox__searchInner__11Pi7::after {
  464. background: #666666;
  465. bottom: 0;
  466. content: '';
  467. height: 1px;
  468. left: 0;
  469. position: absolute;
  470. width: 100%; }
  471.  
  472. .SearchBox__inputWrap__3iGj- {
  473. position: relative;
  474. margin: 0 auto;
  475. max-width: 1420px; }
  476.  
  477. .SearchBox__inputWrap__3iGj- input:focus {
  478. border: 0; }
  479.  
  480. .SearchBox__input__1I7q6 {
  481. margin: auto;
  482. background-color: #000000;
  483. border-radius: 0;
  484. border: 0;
  485. color: #ffffff;
  486. display: block;
  487. font-family: -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  488. font-size: 1.875rem;
  489. padding: 0.625rem 45px 0.625rem 0.625rem;
  490. position: relative;
  491. width: 100%;
  492. font-weight: bold;
  493. letter-spacing: 1px;
  494. line-height: 35px; }
  495.  
  496. @media (min-width: 64em) {
  497. .SearchBox__input__1I7q6 {
  498. font-size: 3.375rem;
  499. padding: 1.25rem 90px 1.25rem 1.25rem;
  500. line-height: 62px; } }
  501.  
  502. .SearchBox__input__1I7q6::-webkit-input-placeholder {
  503. color: #cccccc;
  504. opacity: 1; }
  505.  
  506. .SearchBox__input__1I7q6:-ms-input-placeholder {
  507. color: #cccccc;
  508. opacity: 1; }
  509.  
  510. .SearchBox__input__1I7q6::placeholder {
  511. color: #cccccc;
  512. opacity: 1; }
  513.  
  514. .SearchBox__input__1I7q6:focus {
  515. outline: 0; }
  516.  
  517. .SearchBox__input__1I7q6::-ms-clear {
  518. display: none; }
  519.  
  520. .SearchBox__searchIcon__3arzs {
  521. cursor: pointer;
  522. position: absolute;
  523. right: 0;
  524. top: 4px;
  525. display: block; }
  526.  
  527. @media (min-width: 64em) {
  528. .SearchBox__searchIcon__3arzs {
  529. display: none; } }
  530.  
  531. .SearchBox__searchIcon__3arzs svg {
  532. box-sizing: content-box;
  533. fill: #fcaf17;
  534. padding: 16px; }
  535.  
  536. .SearchBox__errorMessage__1O44D {
  537. margin: 0 auto;
  538. max-width: 1420px;
  539. color: #bd0808;
  540. display: none;
  541. font-style: italic;
  542. padding: 16px 1.25rem 0; }
  543.  
  544. .SearchBox__errorState__1c_Zf .SearchBox__input__1I7q6,
  545. .SearchBox__errorState__1c_Zf .SearchBox__input__1I7q6:focus {
  546. border-bottom: 1px solid #bd0808; }
  547.  
  548. .SearchBox__errorState__1c_Zf .SearchBox__errorMessage__1O44D {
  549. display: block; }
  550.  
  551. .SearchBox__close__28bZg {
  552. box-sizing: content-box;
  553. height: 24px;
  554. padding: 12px;
  555. position: absolute;
  556. right: 0;
  557. top: -60px;
  558. width: 24px;
  559. z-index: 1; }
  560.  
  561. @media (min-width: 64em) {
  562. .SearchBox__close__28bZg {
  563. right: 20px;
  564. top: 20px;
  565. margin: 18px;
  566. padding: 0; } }
  567.  
  568. @media screen and (max-width: 1024px) and (max-height: 400px) {
  569. .SearchBox__close__28bZg {
  570. top: 4px;
  571. right: -60px; } }
  572.  
  573. .SearchBox__close__28bZg div {
  574. overflow: hidden;
  575. padding: 0;
  576. /* 1 */
  577. text-indent: 101%;
  578. white-space: nowrap; }
  579.  
  580. .SearchBox__closeIcon__34Viw {
  581. fill: #ffffff;
  582. display: block;
  583. height: 24px;
  584. width: 24px; }
  585.  
  586. .SearchBox__close__28bZg:hover .SearchBox__closeIcon__34Viw {
  587. fill: #fcaf17; }
  588.  
  589. .SearchBox__type__1nLwX {
  590. margin: 0 auto;
  591. max-width: 1420px;
  592. -ms-flex-align: center;
  593. align-items: center;
  594. display: -ms-flexbox;
  595. display: flex;
  596. -ms-flex-pack: start;
  597. justify-content: flex-start;
  598. padding: 1.25rem 0.625rem; }
  599.  
  600. .SearchBox__type__1nLwX::after {
  601. clear: both;
  602. content: '';
  603. display: table; }
  604.  
  605. @media (min-width: 64em) {
  606. .SearchBox__type__1nLwX {
  607. padding: 1.25rem; } }
  608.  
  609. .SearchBox__label__RW6ba {
  610. -ms-flex: 0 1 auto;
  611. flex: 0 1 auto;
  612. margin-right: 20px; }
  613.  
  614. @media (min-width: 31.25em) {
  615. .SearchBox__label__RW6ba {
  616. -ms-flex: 0 0 auto;
  617. flex: 0 0 auto; } }
  618.  
  619. .SearchBox__dropdown__2eqzk {
  620. border: 1px solid #ffffff;
  621. border-radius: 0; }
  622.  
  623. .SearchBox__dropdown__2eqzk select {
  624. background: #000000;
  625. color: #ffffff;
  626. font-weight: bold;
  627. letter-spacing: 1px; }
  628.  
  629. .SearchBox__dropdown__2eqzk::after {
  630. border-left-color: #ffffff;
  631. background-image: url(../../../images/react/ui/chevron-white.png); }
  632.  
  633. @media (min-width: 64em) {
  634. .SearchBox__dropdown__2eqzk {
  635. display: none; } }
  636.  
  637. .SearchBox__typeList__1BRBn {
  638. display: none;
  639. list-style: none;
  640. padding: 0;
  641. margin: 0; }
  642.  
  643. @media (min-width: 64em) {
  644. .SearchBox__typeList__1BRBn {
  645. display: block; } }
  646.  
  647. .SearchBox__typeList__1BRBn > li {
  648. display: inline-block; }
  649.  
  650. .SearchBox__typeList__1BRBn input[type=radio] {
  651. margin: 0;
  652. background: #333333;
  653. -webkit-appearance: none;
  654. -moz-appearance: none;
  655. appearance: none;
  656. border: 0;
  657. border-radius: 50%;
  658. height: 20px;
  659. width: 20px; }
  660.  
  661. .SearchBox__typeList__1BRBn input[type=radio]:hover {
  662. border: none; }
  663.  
  664. .SearchBox__typeList__1BRBn input[type=radio]:hover:not(:checked)::after {
  665. content: '';
  666. position: absolute;
  667. width: 10px;
  668. height: 10px;
  669. background: rgba(255, 255, 255, 0.4);
  670. display: block;
  671. border-radius: 50%;
  672. left: 5px;
  673. top: 5px; }
  674.  
  675. .SearchBox__typeList__1BRBn input[type=radio]:focus {
  676. outline: 1px auto #fcaf17; }
  677.  
  678. .SearchBox__typeList__1BRBn input[type=radio]:checked::after {
  679. content: '';
  680. position: absolute;
  681. width: 10px;
  682. height: 10px;
  683. background: #ffffff;
  684. display: block;
  685. border-radius: 50%;
  686. left: 5px;
  687. top: 5px; }
  688.  
  689. .SearchBox__typeList__1BRBn label {
  690. padding-left: 26px;
  691. margin-right: 30px;
  692. width: auto;
  693. color: #ffffff;
  694. font-size: 1rem;
  695. padding-top: 0;
  696. float: none; }
  697. .NavigationTop__wrap__fQdBR {
  698. font-size: 1rem;
  699. line-height: 1.25rem;
  700. background-color: rgba(0, 0, 0, 0.9);
  701. font-family: -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  702. height: 60px;
  703. position: fixed;
  704. top: 0;
  705. width: 100%;
  706. z-index: 8600; }
  707.  
  708. @media (min-width: 64em) {
  709. .NavigationTop__wrap__fQdBR {
  710. padding: 0 0.625rem; } }
  711.  
  712. .NavigationTop__inner__1LxZ7 {
  713. margin: 0 auto;
  714. max-width: 1420px;
  715. -ms-flex-align: center;
  716. align-items: center;
  717. display: -ms-flexbox;
  718. display: flex;
  719. height: 100%; }
  720.  
  721. @media (min-width: 88.75em) {
  722. .NavigationTop__inner__1LxZ7 {
  723. padding: 0 0.625rem; } }
  724.  
  725. .NavigationTop__icon__32Kg3 {
  726. display: block;
  727. padding: 14px 0.625rem;
  728. position: relative; }
  729.  
  730. .NavigationTop__icon__32Kg3:focus {
  731. outline: 0; }
  732.  
  733. .NavigationTop__icon__32Kg3 .NavigationTop__iconBg__3nlrW {
  734. -ms-flex-align: center;
  735. align-items: center;
  736. background-color: rgba(255, 255, 255, 0.1);
  737. border-radius: 50%;
  738. display: -ms-flexbox;
  739. display: flex;
  740. height: 32px;
  741. -ms-flex-pack: center;
  742. justify-content: center;
  743. padding: 8px;
  744. position: relative;
  745. width: 32px; }
  746.  
  747. .NavigationTop__iconBg__3nlrW svg {
  748. fill: #ffffff; }
  749.  
  750. .NavigationTop__icon__32Kg3:focus .NavigationTop__iconBg__3nlrW svg,
  751. .NavigationTop__icon__32Kg3:hover .NavigationTop__iconBg__3nlrW svg {
  752. fill: url("#gradient") #f7931e; }
  753.  
  754. .NavigationTop__hamburger__KU-ur {
  755. padding-left: 0.625rem; }
  756.  
  757. @media (min-width: 64em) {
  758. .NavigationTop__hamburger__KU-ur {
  759. display: none; } }
  760.  
  761. .NavigationTop__search__UDzfT {
  762. margin-right: auto; }
  763.  
  764. .NavigationTop__groupLeft__3lTQW {
  765. display: -ms-flexbox;
  766. display: flex;
  767. margin-right: auto; }
  768.  
  769. @media (min-width: 64em) {
  770. .NavigationTop__groupLeft__3lTQW {
  771. margin-left: auto;
  772. margin-right: 0; } }
  773.  
  774. .NavigationTop__groupRight__3UIqi {
  775. -ms-flex-align: center;
  776. align-items: center;
  777. display: -ms-flexbox;
  778. display: flex;
  779. -ms-flex-pack: end;
  780. justify-content: flex-end;
  781. margin-left: auto;
  782. min-width: 104px; }
  783.  
  784. @media (min-width: 64em) {
  785. .NavigationTop__groupRight__3UIqi {
  786. margin-left: 0;
  787. min-width: 0; } }
  788.  
  789. .NavigationTop__logo__3GmAs {
  790. -ms-flex: 0 0 auto;
  791. flex: 0 0 auto; }
  792.  
  793. @media (min-width: 64em) {
  794. .NavigationTop__logo__3GmAs {
  795. -ms-flex-order: -1;
  796. order: -1;
  797. margin-left: 10px; } }
  798.  
  799. .NavigationTop__logoRockstar__1m1Ou {
  800. background-image: url(../../../images/react/logo/rockstar_small.png);
  801. background-repeat: no-repeat;
  802. background-size: 100%;
  803. box-sizing: content-box;
  804. display: inline-block;
  805. height: 32px;
  806. position: relative;
  807. top: 1px;
  808. width: 34px; }
  809.  
  810. @media (max-width: 64.6875em) {
  811. .pl-PL .NavigationTop__logoSocialClub__1EfPy {
  812. display: none; } }
  813.  
  814. @media (max-width: 68.125em) {
  815. .pt-BR .NavigationTop__logoSocialClub__1EfPy {
  816. display: none; } }
  817.  
  818. @media (max-width: 69.375em) {
  819. .es-ES .NavigationTop__logoSocialClub__1EfPy,
  820. .es-MX .NavigationTop__logoSocialClub__1EfPy {
  821. display: none; } }
  822.  
  823. @media (max-width: 70.625em) {
  824. .fr-FR .NavigationTop__logoSocialClub__1EfPy,
  825. .ru-RU .NavigationTop__logoSocialClub__1EfPy {
  826. display: none; } }
  827.  
  828. .NavigationTop__logoSocialClub__1EfPy {
  829. background-image: url(../../../images/react/logo/socialclub_small.png);
  830. background-repeat: no-repeat;
  831. background-size: 100%;
  832. box-sizing: content-box;
  833. display: none;
  834. height: 36px;
  835. margin-left: 8px;
  836. width: 128px; }
  837.  
  838. @media (min-width: 64em) {
  839. .NavigationTop__logoSocialClub__1EfPy {
  840. display: inline-block; } }
  841.  
  842. .NavigationTop__logo__3GmAs:hover .NavigationTop__logoSocialClub__1EfPy {
  843. -webkit-filter: drop-shadow(0 0 5px rgba(252, 175, 23, 0.5));
  844. filter: drop-shadow(0 0 5px rgba(252, 175, 23, 0.5)); }
  845.  
  846. .NavigationTop__notifications__2lGKZ {
  847. color: #4d4d4d;
  848. cursor: pointer; }
  849.  
  850. @media (min-width: 64em) {
  851. .NavigationTop__notifications__2lGKZ {
  852. position: relative; } }
  853.  
  854. .NavigationTop__notifications__2lGKZ:focus {
  855. outline: 0; }
  856.  
  857. .NavigationTop__notifications__2lGKZ .NavigationTop__new__1FmP_ {
  858. font-size: 0.75rem;
  859. line-height: 1.25rem;
  860. -ms-flex-align: center;
  861. align-items: center;
  862. background-color: #bd0808;
  863. border-radius: 3px;
  864. color: #ffffff;
  865. display: -ms-flexbox;
  866. display: flex;
  867. font-weight: bold;
  868. -ms-flex-pack: center;
  869. justify-content: center;
  870. right: -5px;
  871. line-height: 1;
  872. padding: 3px 5px;
  873. position: absolute;
  874. top: -5px; }
  875.  
  876. .NavigationTop__nav__1InFQ {
  877. display: none;
  878. list-style: none;
  879. padding: 0; }
  880.  
  881. @media (max-width: 63.9375em) {
  882. .NavigationTop__nav__1InFQ {
  883. box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
  884. background-color: #ffffff;
  885. height: 100%;
  886. left: 0;
  887. margin: 0;
  888. padding-bottom: 60px;
  889. position: fixed;
  890. top: 60px;
  891. width: 50%; } }
  892.  
  893. @media (min-width: 64em) {
  894. .NavigationTop__nav__1InFQ {
  895. display: -ms-flexbox;
  896. display: flex;
  897. -ms-flex-wrap: wrap;
  898. flex-wrap: wrap;
  899. height: 60px;
  900. margin: 0 0 0 10px; } }
  901.  
  902. .NavigationTop__nav__1InFQ li {
  903. position: relative; }
  904.  
  905. .NavigationTop__navLink__k_LuP {
  906. -webkit-hyphens: auto;
  907. -ms-hyphens: auto;
  908. hyphens: auto;
  909. overflow-wrap: break-word;
  910. word-break: break-word;
  911. word-wrap: break-word;
  912. color: #000000;
  913. display: inline-block;
  914. font-size: 0.875rem;
  915. font-weight: bold;
  916. padding: 1.25rem;
  917. position: relative;
  918. text-decoration: none;
  919. text-transform: uppercase;
  920. width: 100%;
  921. z-index: 0; }
  922.  
  923. .NavigationTop__navLink__k_LuP:focus {
  924. outline: 0; }
  925.  
  926. .NavigationTop__navLink__k_LuP:hover {
  927. color: #000000; }
  928.  
  929. @media (min-width: 64em) {
  930. .NavigationTop__navLink__k_LuP {
  931. color: #ffffff; }
  932. .NavigationTop__navLink__k_LuP:hover {
  933. color: #ffffff; } }
  934.  
  935. .NavigationTop__navLink__k_LuP::after,
  936. .NavigationTop__navLinkSub__2QMkZ::after {
  937. background: linear-gradient(45deg, #f7931e, #fcaf17);
  938. border-bottom-left-radius: 3px;
  939. border-bottom-right-radius: 3px;
  940. content: ' ';
  941. display: none;
  942. height: 6px;
  943. left: 10px;
  944. position: absolute;
  945. top: 0;
  946. width: 88%;
  947. z-index: -1; }
  948.  
  949. @media (min-width: 64em) {
  950. .NavigationTop__navLink__k_LuP::after,
  951. .NavigationTop__navLinkSub__2QMkZ::after {
  952. left: 6%; } }
  953.  
  954. @media (min-width: 64em) {
  955. .NavigationTop__nav__1InFQ li:hover .NavigationTop__navLink__k_LuP::after,
  956. .NavigationTop__nav__1InFQ li .NavigationTop__navLink__k_LuP:focus::after {
  957. display: block; } }
  958.  
  959. .NavigationTop__navLink__k_LuP.NavigationTop__navLinkActive__1-yPY {
  960. color: #f7931e; }
  961.  
  962. @media (min-width: 64em) {
  963. .NavigationTop__navLink__k_LuP.NavigationTop__navLinkActive__1-yPY {
  964. color: #ffffff; } }
  965.  
  966. .NavigationTop__navLinkSub__2QMkZ.NavigationTop__navLinkActive__1-yPY {
  967. color: #fcaf17; }
  968.  
  969. @media (min-width: 64em) {
  970. .NavigationTop__navLink__k_LuP.NavigationTop__navLinkActive__1-yPY::after {
  971. background: linear-gradient(45deg, #f7931e, #fcaf17);
  972. display: block; } }
  973.  
  974. @media (max-width: 63.9375em) {
  975. .NavigationTop__navSub__3YEgK.NavigationTop__navSubOn__QIUAx,
  976. .NavigationTop__navSubSub__2Xm48.NavigationTop__navSubOn__QIUAx {
  977. display: block; } }
  978.  
  979. .NavigationTop__navSub__3YEgK::before,
  980. .NavigationTop__navSubSub__2Xm48::before {
  981. border-bottom: 6px solid #ffffff;
  982. border-left: 6px solid transparent;
  983. border-right: 6px solid transparent;
  984. content: '';
  985. -webkit-filter: drop-shadow(0 0 1px #999999);
  986. filter: drop-shadow(0 0 1px #999999);
  987. position: absolute;
  988. top: -6px; }
  989.  
  990. .NavigationTop__navSub__3YEgK::before {
  991. left: 30px; }
  992.  
  993. @media (min-width: 64em) {
  994. .NavigationTop__navSub__3YEgK::before {
  995. left: 60px; } }
  996.  
  997. .NavigationTop__navSubSub__2Xm48::before {
  998. left: 40px; }
  999.  
  1000. @media (min-width: 64em) {
  1001. .NavigationTop__navSubSub__2Xm48::before {
  1002. border-bottom: 6px solid transparent;
  1003. border-right: 6px solid #ffffff;
  1004. border-left: 0;
  1005. border-top: 6px solid transparent;
  1006. left: -6px;
  1007. top: 22px; } }
  1008.  
  1009. @media (min-width: 64em) {
  1010. .NavigationTop__nav__1InFQ li:hover > .NavigationTop__navSub__3YEgK,
  1011. .NavigationTop__nav__1InFQ li:hover > .NavigationTop__navSubSub__2Xm48,
  1012. .NavigationTop__nav__1InFQ li > .NavigationTop__navSub__3YEgK:focus,
  1013. .NavigationTop__nav__1InFQ li > .NavigationTop__navSubSub__2Xm48:focus {
  1014. visibility: visible; } }
  1015.  
  1016. .NavigationTop__navLinkSub__2QMkZ {
  1017. -webkit-hyphens: auto;
  1018. -ms-hyphens: auto;
  1019. hyphens: auto;
  1020. overflow-wrap: break-word;
  1021. word-break: break-word;
  1022. word-wrap: break-word;
  1023. background-color: #ffffff;
  1024. color: #000000;
  1025. display: inline-block;
  1026. font-size: 0.875rem;
  1027. font-weight: bold;
  1028. padding: 1.25rem 2.5rem 1.25rem 1.875rem;
  1029. position: relative;
  1030. text-decoration: none;
  1031. text-transform: uppercase;
  1032. width: 100%;
  1033. z-index: 0; }
  1034.  
  1035. @media (min-width: 64em) {
  1036. .NavigationTop__navLinkSub__2QMkZ:hover {
  1037. background: linear-gradient(45deg, #f7931e, #fcaf17);
  1038. color: #ffffff; } }
  1039.  
  1040. .NavigationTop__nav__1InFQ li ul li ul li .NavigationTop__navLinkSub__2QMkZ {
  1041. padding: 1.25rem 2.5rem; }
  1042.  
  1043. @media (max-width: 63.9375em) {
  1044. .NavigationTop__navLinkToggle__2zB_R {
  1045. box-sizing: content-box;
  1046. padding: 22px 16px;
  1047. position: absolute;
  1048. right: 0;
  1049. top: 0; } }
  1050.  
  1051. @media (min-width: 64em) {
  1052. .NavigationTop__navLinkToggle__2zB_R {
  1053. display: none; } }
  1054.  
  1055. .NavigationTop__navSub__3YEgK,
  1056. .NavigationTop__navSubSub__2Xm48 {
  1057. list-style: none;
  1058. margin: 0;
  1059. min-width: 300px;
  1060. padding: 0;
  1061. top: calc(100% + -1px); }
  1062.  
  1063. @media (max-width: 63.9375em) {
  1064. .NavigationTop__navSub__3YEgK,
  1065. .NavigationTop__navSubSub__2Xm48 {
  1066. border-bottom: 1px solid #e6e6e6;
  1067. border-top: 1px solid #e6e6e6;
  1068. display: none;
  1069. position: relative;
  1070. width: 100%;
  1071. left: 0; } }
  1072.  
  1073. @media (min-width: 64em) {
  1074. .NavigationTop__navSub__3YEgK {
  1075. box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
  1076. left: -25px;
  1077. position: absolute;
  1078. visibility: hidden; } }
  1079.  
  1080. @media (min-width: 64em) {
  1081. .NavigationTop__navSubSub__2Xm48 {
  1082. box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
  1083. left: 100%;
  1084. position: absolute;
  1085. top: 0;
  1086. visibility: hidden; } }
  1087.  
  1088. @media (max-width: 63.9375em) {
  1089. .NavigationTop__menuOpen__r1RJG {
  1090. height: 100%;
  1091. overflow-y: hidden;
  1092. position: fixed;
  1093. width: 100%; }
  1094. .NavigationTop__menuOpen__r1RJG body {
  1095. height: 100%;
  1096. overflow-y: hidden;
  1097. position: fixed;
  1098. width: 100%; } }
  1099.  
  1100. @media (max-width: 63.9375em) {
  1101. .NavigationTop__nav__1InFQ > li:nth-child(even) .NavigationTop__navLink__k_LuP {
  1102. background-color: #fafafa; } }
  1103.  
  1104. .NavigationTop__navSub__3YEgK > li:nth-child(even) .NavigationTop__navLinkSub__2QMkZ {
  1105. background-color: #fafafa; }
  1106.  
  1107. @media (min-width: 64em) {
  1108. .NavigationTop__overlay__h6uED {
  1109. background: rgba(0, 0, 0, 0.3);
  1110. height: calc(100vh - 60px);
  1111. left: 0;
  1112. opacity: 0;
  1113. pointer-events: none;
  1114. position: fixed;
  1115. top: 60px;
  1116. transition: 0.1s 0.2s;
  1117. visibility: hidden;
  1118. width: 100vw;
  1119. z-index: 5000; }
  1120. .NavigationTop__nav__1InFQ li:hover > .NavigationTop__overlay__h6uED {
  1121. opacity: 1;
  1122. transition-delay: 0s;
  1123. visibility: visible; } }
  1124.  
  1125. .NavigationTop__navLink__k_LuP.NavigationTop__navLinkHighlight__2uEEp,
  1126. .NavigationTop__navLinkSub__2QMkZ.NavigationTop__navLinkHighlight__2uEEp {
  1127. color: #fcaf17; }
  1128.  
  1129. .NavigationTop__navLink__k_LuP.NavigationTop__navLinkHighlight__2uEEp::after,
  1130. .NavigationTop__navLinkSub__2QMkZ.NavigationTop__navLinkHighlight__2uEEp::after {
  1131. color: #fcaf17; }
  1132.  
  1133. @media (min-width: 64em) {
  1134. .NavigationTop__signUp__15T16,
  1135. .NavigationTop__signIn__38Mfg {
  1136. display: none; } }
  1137.  
  1138. .NavigationTop__navSignedOut__2qibz {
  1139. display: none; }
  1140.  
  1141. @media (min-width: 83.125em) {
  1142. .NavigationTop__navSignedOut__2qibz {
  1143. display: -ms-flexbox;
  1144. display: flex; } }
  1145.  
  1146. .NavigationTop__avatar__2rxHG:hover::after {
  1147. border: 2px solid #f7931e; }
  1148.  
  1149. .NavigationTop__avatar__2rxHG {
  1150. display: block;
  1151. padding: 14px 0.625rem;
  1152. cursor: pointer; }
  1153.  
  1154. .NavigationTop__avatar__2rxHG img {
  1155. border-radius: 50%;
  1156. position: relative; }
  1157.  
  1158. .NavigationTop__avatar__2rxHG::after {
  1159. background: transparent;
  1160. border-radius: 50%;
  1161. content: ' ';
  1162. height: 36px;
  1163. left: 8px;
  1164. position: absolute;
  1165. top: 12px;
  1166. width: 36px;
  1167. z-index: -1; }
  1168.  
  1169. .NavigationTop__nav__1InFQ:hover .NavigationTop__avatar__2rxHG::after {
  1170. border: 2px solid #f7931e; }
  1171.  
  1172. .NavigationTop__navPlayer__2TGn7 {
  1173. position: relative; }
  1174.  
  1175. .NavigationTop__groupRight__3UIqi {
  1176. -ms-flex-align: center;
  1177. align-items: center;
  1178. display: -ms-flexbox;
  1179. display: flex;
  1180. -ms-flex-pack: end;
  1181. justify-content: flex-end;
  1182. margin-left: auto;
  1183. min-width: 104px; }
  1184.  
  1185. .LanguageSelector__dropdown__2uNdg select {
  1186. color: #000000;
  1187. display: inline-block;
  1188. font-weight: bold;
  1189. padding: 0.625rem 1.25rem;
  1190. text-transform: uppercase; }
  1191.  
  1192. .LanguageSelector__globe__lSZJt {
  1193. fill: url("#gradient") #f7931e;
  1194. height: 20px;
  1195. margin-top: -10px;
  1196. pointer-events: none;
  1197. position: absolute;
  1198. right: 40px;
  1199. top: 50%;
  1200. width: 1.25rem; }
  1201. .PlatformSwitcherLegacy__wrap__2-qY_ {
  1202. display: block;
  1203. overflow: hidden;
  1204. margin: 0 1.25rem 1.25rem;
  1205. position: relative; }
  1206.  
  1207. @media (min-width: 64em) {
  1208. .PlatformSwitcherLegacy__wrap__2-qY_ {
  1209. display: none; } }
  1210.  
  1211. .PlatformSwitcherLegacy__dropdown__3h4gt select {
  1212. color: #ffffff; }
  1213.  
  1214. .PlatformSwitcherLegacy__dropdown__3h4gt option {
  1215. color: #666666; }
  1216.  
  1217. .PlatformSwitcherLegacy__platform__YGvYo {
  1218. left: 20px;
  1219. pointer-events: none;
  1220. position: absolute;
  1221. top: 14px;
  1222. z-index: 1; }
  1223. .NavigationPlayer__icon__2-F5i {
  1224. display: block;
  1225. padding: 14px 0.625rem;
  1226. position: relative; }
  1227.  
  1228. .NavigationPlayer__icon__2-F5i:focus {
  1229. outline: 0; }
  1230.  
  1231. .NavigationPlayer__icon__2-F5i .NavigationPlayer__iconBg__1OTxa {
  1232. -ms-flex-align: center;
  1233. align-items: center;
  1234. background-color: rgba(255, 255, 255, 0.1);
  1235. border-radius: 50%;
  1236. display: -ms-flexbox;
  1237. display: flex;
  1238. height: 32px;
  1239. -ms-flex-pack: center;
  1240. justify-content: center;
  1241. padding: 8px;
  1242. position: relative;
  1243. width: 32px; }
  1244.  
  1245. .NavigationPlayer__icon__2-F5i svg {
  1246. fill: #ffffff; }
  1247.  
  1248. .NavigationPlayer__icon__2-F5i::after {
  1249. background: transparent;
  1250. border-radius: 50%;
  1251. content: ' ';
  1252. height: 36px;
  1253. left: 8px;
  1254. position: absolute;
  1255. top: 12px;
  1256. width: 36px;
  1257. z-index: -1; }
  1258.  
  1259. @media (max-width: 63.9375em) {
  1260. .NavigationPlayer__navSub__SIRkf,
  1261. .NavigationPlayer__navSubSub___vAFd {
  1262. border-bottom: 1px solid #e6e6e6; } }
  1263.  
  1264. @media (min-width: 64em) {
  1265. .NavigationPlayer__navSub__SIRkf li {
  1266. position: relative; } }
  1267.  
  1268. .NavigationPlayer__navSub__SIRkf::before {
  1269. border-bottom: 6px solid #ffffff;
  1270. border-left: 6px solid transparent;
  1271. border-right: 6px solid transparent;
  1272. content: '';
  1273. position: fixed;
  1274. right: 18px;
  1275. top: 54px;
  1276. z-index: 100000; }
  1277.  
  1278. @media (min-width: 64em) {
  1279. .NavigationPlayer__navSub__SIRkf::before {
  1280. position: absolute;
  1281. right: 17px;
  1282. top: -6px; } }
  1283.  
  1284. .NavigationPlayer__navSubSub___vAFd::before {
  1285. border-bottom: 6px solid #ffffff;
  1286. border-left: 6px solid transparent;
  1287. border-right: 6px solid transparent;
  1288. content: '';
  1289. -webkit-filter: drop-shadow(0 0 1px #999999);
  1290. filter: drop-shadow(0 0 1px #999999);
  1291. left: 40px;
  1292. position: absolute;
  1293. top: -6px; }
  1294.  
  1295. @media (min-width: 64em) {
  1296. .NavigationPlayer__navSubSub___vAFd::before {
  1297. left: auto;
  1298. right: -8px;
  1299. top: 30px;
  1300. transform: rotate(90deg); } }
  1301.  
  1302. @media (min-width: 64em) {
  1303. .NavigationPlayer__navSub__SIRkf li:hover > .NavigationPlayer__navSubSub___vAFd {
  1304. visibility: visible; } }
  1305.  
  1306. .NavigationPlayer__navLink__2oeuj {
  1307. -webkit-hyphens: auto;
  1308. -ms-hyphens: auto;
  1309. hyphens: auto;
  1310. overflow-wrap: break-word;
  1311. word-break: break-word;
  1312. word-wrap: break-word;
  1313. background-color: #ffffff;
  1314. color: #000000;
  1315. display: inline-block;
  1316. font-size: 0.875rem;
  1317. font-weight: bold;
  1318. padding: 1.25rem;
  1319. position: relative;
  1320. text-decoration: none;
  1321. text-transform: uppercase;
  1322. width: 100%; }
  1323.  
  1324. @media (min-width: 64em) {
  1325. .NavigationPlayer__navLink__2oeuj:hover {
  1326. background: linear-gradient(45deg, #f7931e, #fcaf17);
  1327. color: #ffffff; } }
  1328.  
  1329. .NavigationPlayer__navLink__2oeuj::after,
  1330. .NavigationPlayer__navLinkSub__N73_a::after {
  1331. background-color: #fcaf17;
  1332. border-bottom-left-radius: 3px;
  1333. border-bottom-right-radius: 3px;
  1334. content: ' ';
  1335. display: none;
  1336. height: 6px;
  1337. left: 10px;
  1338. position: absolute;
  1339. top: 0;
  1340. width: 88%;
  1341. z-index: -1; }
  1342.  
  1343. @media (min-width: 64em) {
  1344. .NavigationPlayer__navLink__2oeuj::after,
  1345. .NavigationPlayer__navLinkSub__N73_a::after {
  1346. left: 6%; } }
  1347.  
  1348. @media (min-width: 64em) {
  1349. .NavigationPlayer__nav__1GtYE li:hover .NavigationPlayer__navLink__2oeuj::after {
  1350. display: block; } }
  1351.  
  1352. .NavigationPlayer__nav__1GtYE li ul li .NavigationPlayer__navLink__2oeuj {
  1353. padding: 1.25rem 1.875rem; }
  1354.  
  1355. @media (max-width: 63.9375em) {
  1356. .NavigationPlayer__navLinkToggle__3u-8a {
  1357. box-sizing: content-box;
  1358. padding: 22px 16px;
  1359. position: absolute;
  1360. right: 0;
  1361. top: 0; } }
  1362.  
  1363. @media (min-width: 64em) {
  1364. .NavigationPlayer__navLinkToggle__3u-8a {
  1365. display: none; } }
  1366.  
  1367. .NavigationPlayer__navSubSub___vAFd {
  1368. list-style: none;
  1369. margin: 0;
  1370. padding: 0; }
  1371.  
  1372. @media (max-width: 63.9375em) {
  1373. .NavigationPlayer__navSubSub___vAFd {
  1374. display: none;
  1375. left: 0;
  1376. position: relative;
  1377. width: 100%;
  1378. border-bottom: 1px solid #e6e6e6;
  1379. border-top: 1px solid #e6e6e6; } }
  1380.  
  1381. @media (min-width: 64em) {
  1382. .NavigationPlayer__navSubSub___vAFd {
  1383. box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
  1384. min-width: 200px;
  1385. position: absolute;
  1386. right: 100%;
  1387. top: 0;
  1388. visibility: hidden; } }
  1389.  
  1390. .NavigationPlayer__crewTag__G0DQD {
  1391. position: absolute;
  1392. right: 20px;
  1393. top: 16px; }
  1394.  
  1395. .NavigationPlayer__signedOut__29qBl {
  1396. display: block;
  1397. padding: 14px 0.625rem; }
  1398.  
  1399. .NavigationPlayer__nav__1GtYE {
  1400. font-size: 1rem;
  1401. line-height: 1.25rem;
  1402. background: #ffffff;
  1403. font-family: -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  1404. min-height: calc(100vh - 60px); }
  1405.  
  1406. @media (max-width: 63.9375em) {
  1407. .NavigationPlayer__nav__1GtYE {
  1408. display: none; } }
  1409.  
  1410. @media (min-width: 64em) {
  1411. .NavigationPlayer__nav__1GtYE {
  1412. box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
  1413. left: auto;
  1414. position: absolute; } }
  1415.  
  1416. .NavigationPlayer__nav__1GtYE.NavigationPlayer__navOpen__kmIqC {
  1417. display: block; }
  1418.  
  1419. .NavigationPlayer__navSub__SIRkf {
  1420. background-color: #ffffff;
  1421. list-style: none;
  1422. margin: 0;
  1423. min-width: 300px;
  1424. padding: 0;
  1425. position: relative;
  1426. width: 100%;
  1427. z-index: 8500; }
  1428.  
  1429. @media (min-width: 64em) {
  1430. .NavigationPlayer__navSub__SIRkf {
  1431. box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
  1432. left: auto;
  1433. position: absolute;
  1434. right: calc(100% - 50px); } }
  1435.  
  1436. .NavigationPlayer__navSubOn__1g9V2 {
  1437. display: block; }
  1438.  
  1439. .NavigationPlayer__navSub__SIRkf > li:nth-child(even) > .NavigationPlayer__navLink__2oeuj {
  1440. background-color: #fafafa; }
  1441.  
  1442. .NavigationPlayer__navSubSub___vAFd > li:nth-child(even) > .NavigationPlayer__navLink__2oeuj {
  1443. background-color: #fafafa; }
  1444.  
  1445. @media (min-width: 64em) {
  1446. .NavigationPlayer__overlay__3nkye {
  1447. background: rgba(0, 0, 0, 0.3);
  1448. height: calc(100vh - 60px);
  1449. left: 0;
  1450. opacity: 0;
  1451. pointer-events: none;
  1452. position: fixed;
  1453. top: 60px;
  1454. transition: 0s 0.1s;
  1455. visibility: hidden;
  1456. width: 100vw;
  1457. z-index: 5000; } }
  1458.  
  1459. @media (min-width: 64em) {
  1460. .NavigationPlayer__navOpen__kmIqC .NavigationPlayer__overlay__3nkye {
  1461. opacity: 1;
  1462. visibility: visible; } }
  1463.  
  1464. .NavigationPlayer__highlight__2lzxA {
  1465. color: #fcaf17; }
  1466.  
  1467. .NavigationPlayer__navLink__2oeuj.NavigationPlayer__hightlight__1V_OD:hover {
  1468. color: #ffffff; }
  1469.  
  1470. .NavigationPlayer__navLink__2oeuj.NavigationPlayer__navLinkActive__3ZLDB {
  1471. color: #f7931e; }
  1472.  
  1473. @media (min-width: 64em) {
  1474. .NavigationPlayer__navLink__2oeuj.NavigationPlayer__navLinkActive__3ZLDB:hover {
  1475. color: #ffffff; } }
  1476.  
  1477. .NavigationPlayer__navLinkSub__N73_a.NavigationPlayer__navLinkActive__3ZLDB {
  1478. color: #fcaf17; }
  1479.  
  1480. @media (min-width: 64em) {
  1481. .NavigationPlayer__navLink__2oeuj.NavigationPlayer__navLinkActive__3ZLDB::after {
  1482. background: linear-gradient(45deg, #f7931e, #fcaf17);
  1483. display: block; } }
  1484.  
  1485. @media (min-width: 83.125em) {
  1486. .NavigationPlayer__signUp__2AOMK,
  1487. .NavigationPlayer__signIn__3qaVH {
  1488. display: none; } }
  1489.  
  1490. .NavigationPlayer__languageWrap__2jmcz {
  1491. background: #ffffff;
  1492. border-top: 1px solid #e6e6e6;
  1493. overflow: hidden;
  1494. padding: 1.25rem;
  1495. position: relative; }
  1496.  
  1497. .NavigationPlayer__nickname__1f0zr {
  1498. font-size: 0.75rem;
  1499. line-height: 1.25rem;
  1500. font-weight: normal; }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement