Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .NavigationMain__nav__3NRm2 {
- font-size: 1rem;
- line-height: 1.25rem;
- display: none;
- font-family: -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- list-style: none;
- padding: 0;
- position: relative;
- z-index: 8500; }
- @media (max-width: 63.9375em) {
- .NavigationMain__nav__3NRm2 {
- box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
- background-color: #ffffff;
- margin: 0;
- min-height: calc(100vh - 60px); } }
- @media (min-width: 64em) {
- .NavigationMain__nav__3NRm2 {
- display: -ms-flexbox;
- display: flex;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- height: 60px;
- margin: 0 0 0 10px; } }
- @media (max-width: 63.9375em) {
- .NavigationMain__nav__3NRm2.NavigationMain__navOpen__1Dftm {
- display: block; } }
- @media (max-width: 63.9375em) {
- .NavigationMain__nav__3NRm2.NavigationMain__navOpen__1Dftm::before {
- border-bottom: 6px solid #ffffff;
- border-left: 6px solid transparent;
- border-right: 6px solid transparent;
- content: '';
- left: 20px;
- position: fixed;
- top: 54px;
- z-index: 100000; } }
- .NavigationMain__nav__3NRm2 li {
- position: relative; }
- .NavigationMain__navLink__1xmUY {
- -webkit-hyphens: auto;
- -ms-hyphens: auto;
- hyphens: auto;
- overflow-wrap: break-word;
- word-break: break-word;
- word-wrap: break-word;
- color: #000000;
- display: inline-block;
- font-size: 0.875rem;
- font-weight: bold;
- padding: 1.25rem;
- position: relative;
- text-decoration: none;
- text-transform: uppercase;
- width: 100%;
- z-index: 0; }
- .NavigationMain__navLink__1xmUY:focus {
- outline: 0; }
- .NavigationMain__navLink__1xmUY:hover {
- color: #000000; }
- @media (min-width: 64em) {
- .NavigationMain__navLink__1xmUY {
- color: #ffffff; }
- .NavigationMain__navLink__1xmUY:hover {
- color: #ffffff; } }
- .NavigationMain__navLink__1xmUY::after,
- .NavigationMain__navLinkSub__2T3V5::after {
- background: linear-gradient(45deg, #f7931e, #fcaf17);
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
- content: ' ';
- display: none;
- height: 6px;
- left: 10px;
- position: absolute;
- top: 0;
- width: 88%;
- z-index: -1; }
- @media (min-width: 64em) {
- .NavigationMain__navLink__1xmUY::after,
- .NavigationMain__navLinkSub__2T3V5::after {
- left: 6%; } }
- @media (min-width: 64em) {
- .NavigationMain__nav__3NRm2 li:hover .NavigationMain__navLink__1xmUY::after,
- .NavigationMain__nav__3NRm2 li .NavigationMain__navLink__1xmUY:focus::after {
- display: block; } }
- .NavigationMain__navLink__1xmUY.NavigationMain__navLinkActive__3VT3r {
- color: #f7931e; }
- @media (min-width: 64em) {
- .NavigationMain__navLink__1xmUY.NavigationMain__navLinkActive__3VT3r {
- color: #ffffff; } }
- .NavigationMain__navLinkSub__2T3V5.NavigationMain__navLinkActive__3VT3r {
- color: #fcaf17; }
- @media (min-width: 64em) {
- .NavigationMain__navLink__1xmUY.NavigationMain__navLinkActive__3VT3r::after {
- background: linear-gradient(45deg, #f7931e, #fcaf17);
- display: block; } }
- @media (max-width: 63.9375em) {
- .NavigationMain__navSub__3W27M.NavigationMain__navSubOn__OUDFx,
- .NavigationMain__navSubSub__2bkYi.NavigationMain__navSubOn__OUDFx {
- display: block; } }
- .NavigationMain__navSub__3W27M::before,
- .NavigationMain__navSubSub__2bkYi::before {
- border-bottom: 6px solid #ffffff;
- border-left: 6px solid transparent;
- border-right: 6px solid transparent;
- content: '';
- -webkit-filter: drop-shadow(0 0 1px #999999);
- filter: drop-shadow(0 0 1px #999999);
- position: absolute;
- top: -6px; }
- .NavigationMain__navSub__3W27M::before {
- left: 30px; }
- @media (min-width: 64em) {
- .NavigationMain__navSub__3W27M::before {
- left: 60px; } }
- .NavigationMain__navSubSub__2bkYi::before {
- left: 40px; }
- @media (min-width: 64em) {
- .NavigationMain__navSubSub__2bkYi::before {
- border-bottom: 6px solid transparent;
- border-right: 6px solid #ffffff;
- border-left: 0;
- border-top: 6px solid transparent;
- left: -6px;
- top: 22px; } }
- @media (min-width: 64em) {
- .NavigationMain__nav__3NRm2 li:hover > .NavigationMain__navSub__3W27M,
- .NavigationMain__nav__3NRm2 li:hover > .NavigationMain__navSubSub__2bkYi,
- .NavigationMain__nav__3NRm2 li > .NavigationMain__navSub__3W27M:focus,
- .NavigationMain__nav__3NRm2 li > .NavigationMain__navSubSub__2bkYi:focus {
- visibility: visible; } }
- .NavigationMain__navLinkSub__2T3V5 {
- -webkit-hyphens: auto;
- -ms-hyphens: auto;
- hyphens: auto;
- overflow-wrap: break-word;
- word-break: break-word;
- word-wrap: break-word;
- background-color: #ffffff;
- color: #000000;
- display: inline-block;
- font-size: 0.875rem;
- font-weight: bold;
- padding: 1.25rem 2.5rem 1.25rem 1.875rem;
- position: relative;
- text-decoration: none;
- text-transform: uppercase;
- width: 100%;
- z-index: 0; }
- @media (min-width: 64em) {
- .NavigationMain__navLinkSub__2T3V5:hover {
- background: linear-gradient(45deg, #f7931e, #fcaf17);
- color: #ffffff; } }
- .NavigationMain__nav__3NRm2 li ul li ul li .NavigationMain__navLinkSub__2T3V5 {
- padding: 1.25rem 2.5rem; }
- @media (max-width: 63.9375em) {
- .NavigationMain__navLinkToggle__2xOGg {
- box-sizing: content-box;
- padding: 22px 16px;
- position: absolute;
- right: 0;
- top: 0; } }
- @media (min-width: 64em) {
- .NavigationMain__navLinkToggle__2xOGg {
- display: none; } }
- .NavigationMain__navSub__3W27M,
- .NavigationMain__navSubSub__2bkYi {
- list-style: none;
- margin: 0;
- min-width: 300px;
- padding: 0;
- top: calc(100% + -1px); }
- @media (max-width: 63.9375em) {
- .NavigationMain__navSub__3W27M,
- .NavigationMain__navSubSub__2bkYi {
- border-bottom: 1px solid #e6e6e6;
- border-top: 1px solid #e6e6e6;
- display: none;
- position: relative;
- width: 100%;
- left: 0; } }
- .NavigationMain__navSub__3W27M {
- z-index: 8500; }
- @media (min-width: 64em) {
- .NavigationMain__navSub__3W27M {
- box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
- left: -25px;
- position: absolute;
- visibility: hidden; } }
- @media (min-width: 64em) {
- .NavigationMain__navSubSub__2bkYi {
- box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
- left: 100%;
- position: absolute;
- top: 0;
- visibility: hidden; } }
- @media (max-width: 63.9375em) {
- .NavigationMain__menuOpen__1c7gF {
- height: 100%;
- overflow-y: hidden;
- position: fixed;
- width: 100%; }
- .NavigationMain__menuOpen__1c7gF body {
- height: 100%;
- overflow-y: hidden;
- position: fixed;
- width: 100%; } }
- @media (max-width: 63.9375em) {
- .NavigationMain__nav__3NRm2 > li:nth-child(even) .NavigationMain__navLink__1xmUY {
- background-color: #fafafa; } }
- .NavigationMain__navSub__3W27M > li:nth-child(even) .NavigationMain__navLinkSub__2T3V5 {
- background-color: #fafafa; }
- @media (min-width: 64em) {
- .NavigationMain__overlay__3SibJ {
- background: rgba(0, 0, 0, 0.3);
- height: calc(100vh - 60px);
- left: 0;
- opacity: 0;
- pointer-events: none;
- position: fixed;
- top: 60px;
- transition: 0s 0.1s;
- visibility: hidden;
- width: 100vw;
- z-index: 5000; }
- .NavigationMain__nav__3NRm2 li:hover > .NavigationMain__overlay__3SibJ {
- opacity: 1;
- visibility: visible; } }
- .NavigationMain__navLink__1xmUY.NavigationMain__navLinkHighlight__pgt2K,
- .NavigationMain__navLinkSub__2T3V5.NavigationMain__navLinkHighlight__pgt2K {
- color: #fcaf17; }
- .NavigationMain__navLink__1xmUY.NavigationMain__navLinkHighlight__pgt2K::after,
- .NavigationMain__navLinkSub__2T3V5.NavigationMain__navLinkHighlight__pgt2K::after {
- color: #fcaf17; }
- @media (min-width: 64em) {
- .NavigationMain__signUp__2YtN8,
- .NavigationMain__signIn__3thGS {
- display: none; } }
- .NavigationMain__navSignedOut__1mRzb {
- display: none; }
- @media (min-width: 83.125em) {
- .NavigationMain__navSignedOut__1mRzb {
- display: -ms-flexbox;
- display: flex; } }
- .Tags__tags__3baRJ {
- clear: both;
- display: -ms-flexbox;
- display: flex;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- margin: -3px; }
- .Tags__tags__3baRJ::after {
- clear: both;
- content: '';
- display: table; }
- .Tags__tags__3baRJ > * {
- margin: 3px;
- text-decoration: none; }
- .Tag__tag__U8qfP {
- font-size: 0.75rem;
- line-height: 1.25rem;
- -webkit-hyphens: auto;
- -ms-hyphens: auto;
- hyphens: auto;
- overflow-wrap: break-word;
- word-break: break-word;
- word-wrap: break-word;
- -ms-flex-align: center;
- align-items: center;
- background-color: #f2f2f2;
- border-radius: 2px;
- color: #4d4d4d;
- cursor: default;
- display: -ms-flexbox;
- display: flex;
- -ms-flex: 0 1 auto;
- flex: 0 1 auto;
- line-height: 15px;
- z-index: 1; }
- a .Tag__tag__U8qfP, .Tag__tag__U8qfP.Tag__interactive__3XC6_ {
- cursor: pointer; }
- .Tag__tag__U8qfP span {
- display: -ms-flexbox;
- display: flex;
- -ms-flex-pack: center;
- justify-content: center;
- -ms-flex-align: center;
- align-items: center; }
- .Tag__text__BymVy {
- padding: 5px; }
- @media (min-width: 32.5em) {
- .Tag__text__BymVy {
- padding: 5px 10px; } }
- .Tag__close__32Wm2 {
- -ms-flex-align: center;
- align-items: center;
- border-left: 1px solid #e6e6e6;
- display: -ms-flexbox;
- display: flex;
- height: 25px;
- -ms-flex-pack: center;
- justify-content: center;
- width: 25px;
- cursor: pointer; }
- .Tag__anml__17xIO {
- margin-top: -2px; }
- .Tag__lanml__1MUaO {
- fill: #f7931e;
- margin-top: -2px; }
- .SearchBoxFeatured__featured__3rxm2 {
- margin: 0 auto;
- max-width: 1420px;
- padding: 25px 10px; }
- .SearchBoxFeatured__featured__3rxm2 h2 {
- font-size: 1.125rem;
- line-height: 1.25rem;
- margin-bottom: 1.25rem;
- margin-top: 0;
- font-family: -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- text-rendering: optimizeLegibility;
- font-weight: bold; }
- @media (min-width: 64em) {
- .SearchBoxFeatured__featured__3rxm2 {
- padding: 40px 20px 60px; }
- .SearchBoxFeatured__featured__3rxm2 h2 {
- font-size: 1.5rem;
- line-height: 1.875rem; } }
- .SearchBoxFeatured__featured__3rxm2 .SearchBoxFeatured__featuredInTitle__2J0k5 {
- margin: 20px 0 0 22px; }
- .SearchBoxFeatured__featured__3rxm2 .SearchBoxFeatured__featuredInTitle__2J0k5 h3 {
- font-size: 0.85rem; }
- .SearchBoxFeatured__trendingIcon__2DRIr {
- margin-top: -4px;
- fill: #000000; }
- .SearchBoxFeatured__tags__2Zhqo > a > div {
- border: 1px solid #cccccc;
- color: #000000;
- background: #f7f7f7; }
- .SearchBoxFeatured__tags__2Zhqo > a.SearchBoxFeatured__featuredTag__USAkT > div {
- border: 1px solid #cccccc;
- color: #000000;
- background: #fcaf17; }
- .SearchBox__wrap__2L6Pm {
- color: #000000;
- cursor: default;
- left: 0;
- min-height: 100vh;
- position: absolute;
- top: 0;
- width: 100%;
- z-index: 9000; }
- .SearchBox__overlay__1pbte {
- position: absolute;
- background-color: rgba(0, 0, 0, 0.3);
- top: 0;
- right: 0;
- bottom: 0;
- left: 0;
- opacity: 1;
- animation: SearchBox__fadeIn__1yzJt 0.25s; }
- @keyframes SearchBox__fadeIn__1yzJt {
- 0% {
- opacity: 0; }
- 100% {
- opacity: 1; } }
- .SearchBox__inner__2dNsA {
- height: 100vh;
- background: #fafafa;
- border-bottom: 6px solid #fcaf17;
- position: relative;
- animation: SearchBox__slideDown__3VP2j 0.35s ease-out; }
- @media (min-width: 64em) {
- .SearchBox__inner__2dNsA {
- height: auto; } }
- @keyframes SearchBox__slideDown__3VP2j {
- 0% {
- margin-top: -100%;
- @media (min-width: 64em) {
- margin-top: -400px; } }
- 100% {
- margin-top: 0; } }
- .SearchBox__search__Ws_ao {
- background-color: #000000;
- color: #ffffff; }
- .SearchBox__searchInner__11Pi7 {
- padding-top: 60px;
- position: relative; }
- @media (min-width: 64em) {
- .SearchBox__searchInner__11Pi7 {
- padding-top: 20px; } }
- @media screen and (max-width: 1024px) and (max-height: 400px) {
- .SearchBox__searchInner__11Pi7 {
- padding-top: 0;
- padding-right: 60px; } }
- .SearchBox__searchInner__11Pi7::after {
- background: #666666;
- bottom: 0;
- content: '';
- height: 1px;
- left: 0;
- position: absolute;
- width: 100%; }
- .SearchBox__inputWrap__3iGj- {
- position: relative;
- margin: 0 auto;
- max-width: 1420px; }
- .SearchBox__inputWrap__3iGj- input:focus {
- border: 0; }
- .SearchBox__input__1I7q6 {
- margin: auto;
- background-color: #000000;
- border-radius: 0;
- border: 0;
- color: #ffffff;
- display: block;
- font-family: -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- font-size: 1.875rem;
- padding: 0.625rem 45px 0.625rem 0.625rem;
- position: relative;
- width: 100%;
- font-weight: bold;
- letter-spacing: 1px;
- line-height: 35px; }
- @media (min-width: 64em) {
- .SearchBox__input__1I7q6 {
- font-size: 3.375rem;
- padding: 1.25rem 90px 1.25rem 1.25rem;
- line-height: 62px; } }
- .SearchBox__input__1I7q6::-webkit-input-placeholder {
- color: #cccccc;
- opacity: 1; }
- .SearchBox__input__1I7q6:-ms-input-placeholder {
- color: #cccccc;
- opacity: 1; }
- .SearchBox__input__1I7q6::placeholder {
- color: #cccccc;
- opacity: 1; }
- .SearchBox__input__1I7q6:focus {
- outline: 0; }
- .SearchBox__input__1I7q6::-ms-clear {
- display: none; }
- .SearchBox__searchIcon__3arzs {
- cursor: pointer;
- position: absolute;
- right: 0;
- top: 4px;
- display: block; }
- @media (min-width: 64em) {
- .SearchBox__searchIcon__3arzs {
- display: none; } }
- .SearchBox__searchIcon__3arzs svg {
- box-sizing: content-box;
- fill: #fcaf17;
- padding: 16px; }
- .SearchBox__errorMessage__1O44D {
- margin: 0 auto;
- max-width: 1420px;
- color: #bd0808;
- display: none;
- font-style: italic;
- padding: 16px 1.25rem 0; }
- .SearchBox__errorState__1c_Zf .SearchBox__input__1I7q6,
- .SearchBox__errorState__1c_Zf .SearchBox__input__1I7q6:focus {
- border-bottom: 1px solid #bd0808; }
- .SearchBox__errorState__1c_Zf .SearchBox__errorMessage__1O44D {
- display: block; }
- .SearchBox__close__28bZg {
- box-sizing: content-box;
- height: 24px;
- padding: 12px;
- position: absolute;
- right: 0;
- top: -60px;
- width: 24px;
- z-index: 1; }
- @media (min-width: 64em) {
- .SearchBox__close__28bZg {
- right: 20px;
- top: 20px;
- margin: 18px;
- padding: 0; } }
- @media screen and (max-width: 1024px) and (max-height: 400px) {
- .SearchBox__close__28bZg {
- top: 4px;
- right: -60px; } }
- .SearchBox__close__28bZg div {
- overflow: hidden;
- padding: 0;
- /* 1 */
- text-indent: 101%;
- white-space: nowrap; }
- .SearchBox__closeIcon__34Viw {
- fill: #ffffff;
- display: block;
- height: 24px;
- width: 24px; }
- .SearchBox__close__28bZg:hover .SearchBox__closeIcon__34Viw {
- fill: #fcaf17; }
- .SearchBox__type__1nLwX {
- margin: 0 auto;
- max-width: 1420px;
- -ms-flex-align: center;
- align-items: center;
- display: -ms-flexbox;
- display: flex;
- -ms-flex-pack: start;
- justify-content: flex-start;
- padding: 1.25rem 0.625rem; }
- .SearchBox__type__1nLwX::after {
- clear: both;
- content: '';
- display: table; }
- @media (min-width: 64em) {
- .SearchBox__type__1nLwX {
- padding: 1.25rem; } }
- .SearchBox__label__RW6ba {
- -ms-flex: 0 1 auto;
- flex: 0 1 auto;
- margin-right: 20px; }
- @media (min-width: 31.25em) {
- .SearchBox__label__RW6ba {
- -ms-flex: 0 0 auto;
- flex: 0 0 auto; } }
- .SearchBox__dropdown__2eqzk {
- border: 1px solid #ffffff;
- border-radius: 0; }
- .SearchBox__dropdown__2eqzk select {
- background: #000000;
- color: #ffffff;
- font-weight: bold;
- letter-spacing: 1px; }
- .SearchBox__dropdown__2eqzk::after {
- border-left-color: #ffffff;
- background-image: url(../../../images/react/ui/chevron-white.png); }
- @media (min-width: 64em) {
- .SearchBox__dropdown__2eqzk {
- display: none; } }
- .SearchBox__typeList__1BRBn {
- display: none;
- list-style: none;
- padding: 0;
- margin: 0; }
- @media (min-width: 64em) {
- .SearchBox__typeList__1BRBn {
- display: block; } }
- .SearchBox__typeList__1BRBn > li {
- display: inline-block; }
- .SearchBox__typeList__1BRBn input[type=radio] {
- margin: 0;
- background: #333333;
- -webkit-appearance: none;
- -moz-appearance: none;
- appearance: none;
- border: 0;
- border-radius: 50%;
- height: 20px;
- width: 20px; }
- .SearchBox__typeList__1BRBn input[type=radio]:hover {
- border: none; }
- .SearchBox__typeList__1BRBn input[type=radio]:hover:not(:checked)::after {
- content: '';
- position: absolute;
- width: 10px;
- height: 10px;
- background: rgba(255, 255, 255, 0.4);
- display: block;
- border-radius: 50%;
- left: 5px;
- top: 5px; }
- .SearchBox__typeList__1BRBn input[type=radio]:focus {
- outline: 1px auto #fcaf17; }
- .SearchBox__typeList__1BRBn input[type=radio]:checked::after {
- content: '';
- position: absolute;
- width: 10px;
- height: 10px;
- background: #ffffff;
- display: block;
- border-radius: 50%;
- left: 5px;
- top: 5px; }
- .SearchBox__typeList__1BRBn label {
- padding-left: 26px;
- margin-right: 30px;
- width: auto;
- color: #ffffff;
- font-size: 1rem;
- padding-top: 0;
- float: none; }
- .NavigationTop__wrap__fQdBR {
- font-size: 1rem;
- line-height: 1.25rem;
- background-color: rgba(0, 0, 0, 0.9);
- font-family: -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- height: 60px;
- position: fixed;
- top: 0;
- width: 100%;
- z-index: 8600; }
- @media (min-width: 64em) {
- .NavigationTop__wrap__fQdBR {
- padding: 0 0.625rem; } }
- .NavigationTop__inner__1LxZ7 {
- margin: 0 auto;
- max-width: 1420px;
- -ms-flex-align: center;
- align-items: center;
- display: -ms-flexbox;
- display: flex;
- height: 100%; }
- @media (min-width: 88.75em) {
- .NavigationTop__inner__1LxZ7 {
- padding: 0 0.625rem; } }
- .NavigationTop__icon__32Kg3 {
- display: block;
- padding: 14px 0.625rem;
- position: relative; }
- .NavigationTop__icon__32Kg3:focus {
- outline: 0; }
- .NavigationTop__icon__32Kg3 .NavigationTop__iconBg__3nlrW {
- -ms-flex-align: center;
- align-items: center;
- background-color: rgba(255, 255, 255, 0.1);
- border-radius: 50%;
- display: -ms-flexbox;
- display: flex;
- height: 32px;
- -ms-flex-pack: center;
- justify-content: center;
- padding: 8px;
- position: relative;
- width: 32px; }
- .NavigationTop__iconBg__3nlrW svg {
- fill: #ffffff; }
- .NavigationTop__icon__32Kg3:focus .NavigationTop__iconBg__3nlrW svg,
- .NavigationTop__icon__32Kg3:hover .NavigationTop__iconBg__3nlrW svg {
- fill: url("#gradient") #f7931e; }
- .NavigationTop__hamburger__KU-ur {
- padding-left: 0.625rem; }
- @media (min-width: 64em) {
- .NavigationTop__hamburger__KU-ur {
- display: none; } }
- .NavigationTop__search__UDzfT {
- margin-right: auto; }
- .NavigationTop__groupLeft__3lTQW {
- display: -ms-flexbox;
- display: flex;
- margin-right: auto; }
- @media (min-width: 64em) {
- .NavigationTop__groupLeft__3lTQW {
- margin-left: auto;
- margin-right: 0; } }
- .NavigationTop__groupRight__3UIqi {
- -ms-flex-align: center;
- align-items: center;
- display: -ms-flexbox;
- display: flex;
- -ms-flex-pack: end;
- justify-content: flex-end;
- margin-left: auto;
- min-width: 104px; }
- @media (min-width: 64em) {
- .NavigationTop__groupRight__3UIqi {
- margin-left: 0;
- min-width: 0; } }
- .NavigationTop__logo__3GmAs {
- -ms-flex: 0 0 auto;
- flex: 0 0 auto; }
- @media (min-width: 64em) {
- .NavigationTop__logo__3GmAs {
- -ms-flex-order: -1;
- order: -1;
- margin-left: 10px; } }
- .NavigationTop__logoRockstar__1m1Ou {
- background-image: url(../../../images/react/logo/rockstar_small.png);
- background-repeat: no-repeat;
- background-size: 100%;
- box-sizing: content-box;
- display: inline-block;
- height: 32px;
- position: relative;
- top: 1px;
- width: 34px; }
- @media (max-width: 64.6875em) {
- .pl-PL .NavigationTop__logoSocialClub__1EfPy {
- display: none; } }
- @media (max-width: 68.125em) {
- .pt-BR .NavigationTop__logoSocialClub__1EfPy {
- display: none; } }
- @media (max-width: 69.375em) {
- .es-ES .NavigationTop__logoSocialClub__1EfPy,
- .es-MX .NavigationTop__logoSocialClub__1EfPy {
- display: none; } }
- @media (max-width: 70.625em) {
- .fr-FR .NavigationTop__logoSocialClub__1EfPy,
- .ru-RU .NavigationTop__logoSocialClub__1EfPy {
- display: none; } }
- .NavigationTop__logoSocialClub__1EfPy {
- background-image: url(../../../images/react/logo/socialclub_small.png);
- background-repeat: no-repeat;
- background-size: 100%;
- box-sizing: content-box;
- display: none;
- height: 36px;
- margin-left: 8px;
- width: 128px; }
- @media (min-width: 64em) {
- .NavigationTop__logoSocialClub__1EfPy {
- display: inline-block; } }
- .NavigationTop__logo__3GmAs:hover .NavigationTop__logoSocialClub__1EfPy {
- -webkit-filter: drop-shadow(0 0 5px rgba(252, 175, 23, 0.5));
- filter: drop-shadow(0 0 5px rgba(252, 175, 23, 0.5)); }
- .NavigationTop__notifications__2lGKZ {
- color: #4d4d4d;
- cursor: pointer; }
- @media (min-width: 64em) {
- .NavigationTop__notifications__2lGKZ {
- position: relative; } }
- .NavigationTop__notifications__2lGKZ:focus {
- outline: 0; }
- .NavigationTop__notifications__2lGKZ .NavigationTop__new__1FmP_ {
- font-size: 0.75rem;
- line-height: 1.25rem;
- -ms-flex-align: center;
- align-items: center;
- background-color: #bd0808;
- border-radius: 3px;
- color: #ffffff;
- display: -ms-flexbox;
- display: flex;
- font-weight: bold;
- -ms-flex-pack: center;
- justify-content: center;
- right: -5px;
- line-height: 1;
- padding: 3px 5px;
- position: absolute;
- top: -5px; }
- .NavigationTop__nav__1InFQ {
- display: none;
- list-style: none;
- padding: 0; }
- @media (max-width: 63.9375em) {
- .NavigationTop__nav__1InFQ {
- box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
- background-color: #ffffff;
- height: 100%;
- left: 0;
- margin: 0;
- padding-bottom: 60px;
- position: fixed;
- top: 60px;
- width: 50%; } }
- @media (min-width: 64em) {
- .NavigationTop__nav__1InFQ {
- display: -ms-flexbox;
- display: flex;
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- height: 60px;
- margin: 0 0 0 10px; } }
- .NavigationTop__nav__1InFQ li {
- position: relative; }
- .NavigationTop__navLink__k_LuP {
- -webkit-hyphens: auto;
- -ms-hyphens: auto;
- hyphens: auto;
- overflow-wrap: break-word;
- word-break: break-word;
- word-wrap: break-word;
- color: #000000;
- display: inline-block;
- font-size: 0.875rem;
- font-weight: bold;
- padding: 1.25rem;
- position: relative;
- text-decoration: none;
- text-transform: uppercase;
- width: 100%;
- z-index: 0; }
- .NavigationTop__navLink__k_LuP:focus {
- outline: 0; }
- .NavigationTop__navLink__k_LuP:hover {
- color: #000000; }
- @media (min-width: 64em) {
- .NavigationTop__navLink__k_LuP {
- color: #ffffff; }
- .NavigationTop__navLink__k_LuP:hover {
- color: #ffffff; } }
- .NavigationTop__navLink__k_LuP::after,
- .NavigationTop__navLinkSub__2QMkZ::after {
- background: linear-gradient(45deg, #f7931e, #fcaf17);
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
- content: ' ';
- display: none;
- height: 6px;
- left: 10px;
- position: absolute;
- top: 0;
- width: 88%;
- z-index: -1; }
- @media (min-width: 64em) {
- .NavigationTop__navLink__k_LuP::after,
- .NavigationTop__navLinkSub__2QMkZ::after {
- left: 6%; } }
- @media (min-width: 64em) {
- .NavigationTop__nav__1InFQ li:hover .NavigationTop__navLink__k_LuP::after,
- .NavigationTop__nav__1InFQ li .NavigationTop__navLink__k_LuP:focus::after {
- display: block; } }
- .NavigationTop__navLink__k_LuP.NavigationTop__navLinkActive__1-yPY {
- color: #f7931e; }
- @media (min-width: 64em) {
- .NavigationTop__navLink__k_LuP.NavigationTop__navLinkActive__1-yPY {
- color: #ffffff; } }
- .NavigationTop__navLinkSub__2QMkZ.NavigationTop__navLinkActive__1-yPY {
- color: #fcaf17; }
- @media (min-width: 64em) {
- .NavigationTop__navLink__k_LuP.NavigationTop__navLinkActive__1-yPY::after {
- background: linear-gradient(45deg, #f7931e, #fcaf17);
- display: block; } }
- @media (max-width: 63.9375em) {
- .NavigationTop__navSub__3YEgK.NavigationTop__navSubOn__QIUAx,
- .NavigationTop__navSubSub__2Xm48.NavigationTop__navSubOn__QIUAx {
- display: block; } }
- .NavigationTop__navSub__3YEgK::before,
- .NavigationTop__navSubSub__2Xm48::before {
- border-bottom: 6px solid #ffffff;
- border-left: 6px solid transparent;
- border-right: 6px solid transparent;
- content: '';
- -webkit-filter: drop-shadow(0 0 1px #999999);
- filter: drop-shadow(0 0 1px #999999);
- position: absolute;
- top: -6px; }
- .NavigationTop__navSub__3YEgK::before {
- left: 30px; }
- @media (min-width: 64em) {
- .NavigationTop__navSub__3YEgK::before {
- left: 60px; } }
- .NavigationTop__navSubSub__2Xm48::before {
- left: 40px; }
- @media (min-width: 64em) {
- .NavigationTop__navSubSub__2Xm48::before {
- border-bottom: 6px solid transparent;
- border-right: 6px solid #ffffff;
- border-left: 0;
- border-top: 6px solid transparent;
- left: -6px;
- top: 22px; } }
- @media (min-width: 64em) {
- .NavigationTop__nav__1InFQ li:hover > .NavigationTop__navSub__3YEgK,
- .NavigationTop__nav__1InFQ li:hover > .NavigationTop__navSubSub__2Xm48,
- .NavigationTop__nav__1InFQ li > .NavigationTop__navSub__3YEgK:focus,
- .NavigationTop__nav__1InFQ li > .NavigationTop__navSubSub__2Xm48:focus {
- visibility: visible; } }
- .NavigationTop__navLinkSub__2QMkZ {
- -webkit-hyphens: auto;
- -ms-hyphens: auto;
- hyphens: auto;
- overflow-wrap: break-word;
- word-break: break-word;
- word-wrap: break-word;
- background-color: #ffffff;
- color: #000000;
- display: inline-block;
- font-size: 0.875rem;
- font-weight: bold;
- padding: 1.25rem 2.5rem 1.25rem 1.875rem;
- position: relative;
- text-decoration: none;
- text-transform: uppercase;
- width: 100%;
- z-index: 0; }
- @media (min-width: 64em) {
- .NavigationTop__navLinkSub__2QMkZ:hover {
- background: linear-gradient(45deg, #f7931e, #fcaf17);
- color: #ffffff; } }
- .NavigationTop__nav__1InFQ li ul li ul li .NavigationTop__navLinkSub__2QMkZ {
- padding: 1.25rem 2.5rem; }
- @media (max-width: 63.9375em) {
- .NavigationTop__navLinkToggle__2zB_R {
- box-sizing: content-box;
- padding: 22px 16px;
- position: absolute;
- right: 0;
- top: 0; } }
- @media (min-width: 64em) {
- .NavigationTop__navLinkToggle__2zB_R {
- display: none; } }
- .NavigationTop__navSub__3YEgK,
- .NavigationTop__navSubSub__2Xm48 {
- list-style: none;
- margin: 0;
- min-width: 300px;
- padding: 0;
- top: calc(100% + -1px); }
- @media (max-width: 63.9375em) {
- .NavigationTop__navSub__3YEgK,
- .NavigationTop__navSubSub__2Xm48 {
- border-bottom: 1px solid #e6e6e6;
- border-top: 1px solid #e6e6e6;
- display: none;
- position: relative;
- width: 100%;
- left: 0; } }
- @media (min-width: 64em) {
- .NavigationTop__navSub__3YEgK {
- box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
- left: -25px;
- position: absolute;
- visibility: hidden; } }
- @media (min-width: 64em) {
- .NavigationTop__navSubSub__2Xm48 {
- box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
- left: 100%;
- position: absolute;
- top: 0;
- visibility: hidden; } }
- @media (max-width: 63.9375em) {
- .NavigationTop__menuOpen__r1RJG {
- height: 100%;
- overflow-y: hidden;
- position: fixed;
- width: 100%; }
- .NavigationTop__menuOpen__r1RJG body {
- height: 100%;
- overflow-y: hidden;
- position: fixed;
- width: 100%; } }
- @media (max-width: 63.9375em) {
- .NavigationTop__nav__1InFQ > li:nth-child(even) .NavigationTop__navLink__k_LuP {
- background-color: #fafafa; } }
- .NavigationTop__navSub__3YEgK > li:nth-child(even) .NavigationTop__navLinkSub__2QMkZ {
- background-color: #fafafa; }
- @media (min-width: 64em) {
- .NavigationTop__overlay__h6uED {
- background: rgba(0, 0, 0, 0.3);
- height: calc(100vh - 60px);
- left: 0;
- opacity: 0;
- pointer-events: none;
- position: fixed;
- top: 60px;
- transition: 0.1s 0.2s;
- visibility: hidden;
- width: 100vw;
- z-index: 5000; }
- .NavigationTop__nav__1InFQ li:hover > .NavigationTop__overlay__h6uED {
- opacity: 1;
- transition-delay: 0s;
- visibility: visible; } }
- .NavigationTop__navLink__k_LuP.NavigationTop__navLinkHighlight__2uEEp,
- .NavigationTop__navLinkSub__2QMkZ.NavigationTop__navLinkHighlight__2uEEp {
- color: #fcaf17; }
- .NavigationTop__navLink__k_LuP.NavigationTop__navLinkHighlight__2uEEp::after,
- .NavigationTop__navLinkSub__2QMkZ.NavigationTop__navLinkHighlight__2uEEp::after {
- color: #fcaf17; }
- @media (min-width: 64em) {
- .NavigationTop__signUp__15T16,
- .NavigationTop__signIn__38Mfg {
- display: none; } }
- .NavigationTop__navSignedOut__2qibz {
- display: none; }
- @media (min-width: 83.125em) {
- .NavigationTop__navSignedOut__2qibz {
- display: -ms-flexbox;
- display: flex; } }
- .NavigationTop__avatar__2rxHG:hover::after {
- border: 2px solid #f7931e; }
- .NavigationTop__avatar__2rxHG {
- display: block;
- padding: 14px 0.625rem;
- cursor: pointer; }
- .NavigationTop__avatar__2rxHG img {
- border-radius: 50%;
- position: relative; }
- .NavigationTop__avatar__2rxHG::after {
- background: transparent;
- border-radius: 50%;
- content: ' ';
- height: 36px;
- left: 8px;
- position: absolute;
- top: 12px;
- width: 36px;
- z-index: -1; }
- .NavigationTop__nav__1InFQ:hover .NavigationTop__avatar__2rxHG::after {
- border: 2px solid #f7931e; }
- .NavigationTop__navPlayer__2TGn7 {
- position: relative; }
- .NavigationTop__groupRight__3UIqi {
- -ms-flex-align: center;
- align-items: center;
- display: -ms-flexbox;
- display: flex;
- -ms-flex-pack: end;
- justify-content: flex-end;
- margin-left: auto;
- min-width: 104px; }
- .LanguageSelector__dropdown__2uNdg select {
- color: #000000;
- display: inline-block;
- font-weight: bold;
- padding: 0.625rem 1.25rem;
- text-transform: uppercase; }
- .LanguageSelector__globe__lSZJt {
- fill: url("#gradient") #f7931e;
- height: 20px;
- margin-top: -10px;
- pointer-events: none;
- position: absolute;
- right: 40px;
- top: 50%;
- width: 1.25rem; }
- .PlatformSwitcherLegacy__wrap__2-qY_ {
- display: block;
- overflow: hidden;
- margin: 0 1.25rem 1.25rem;
- position: relative; }
- @media (min-width: 64em) {
- .PlatformSwitcherLegacy__wrap__2-qY_ {
- display: none; } }
- .PlatformSwitcherLegacy__dropdown__3h4gt select {
- color: #ffffff; }
- .PlatformSwitcherLegacy__dropdown__3h4gt option {
- color: #666666; }
- .PlatformSwitcherLegacy__platform__YGvYo {
- left: 20px;
- pointer-events: none;
- position: absolute;
- top: 14px;
- z-index: 1; }
- .NavigationPlayer__icon__2-F5i {
- display: block;
- padding: 14px 0.625rem;
- position: relative; }
- .NavigationPlayer__icon__2-F5i:focus {
- outline: 0; }
- .NavigationPlayer__icon__2-F5i .NavigationPlayer__iconBg__1OTxa {
- -ms-flex-align: center;
- align-items: center;
- background-color: rgba(255, 255, 255, 0.1);
- border-radius: 50%;
- display: -ms-flexbox;
- display: flex;
- height: 32px;
- -ms-flex-pack: center;
- justify-content: center;
- padding: 8px;
- position: relative;
- width: 32px; }
- .NavigationPlayer__icon__2-F5i svg {
- fill: #ffffff; }
- .NavigationPlayer__icon__2-F5i::after {
- background: transparent;
- border-radius: 50%;
- content: ' ';
- height: 36px;
- left: 8px;
- position: absolute;
- top: 12px;
- width: 36px;
- z-index: -1; }
- @media (max-width: 63.9375em) {
- .NavigationPlayer__navSub__SIRkf,
- .NavigationPlayer__navSubSub___vAFd {
- border-bottom: 1px solid #e6e6e6; } }
- @media (min-width: 64em) {
- .NavigationPlayer__navSub__SIRkf li {
- position: relative; } }
- .NavigationPlayer__navSub__SIRkf::before {
- border-bottom: 6px solid #ffffff;
- border-left: 6px solid transparent;
- border-right: 6px solid transparent;
- content: '';
- position: fixed;
- right: 18px;
- top: 54px;
- z-index: 100000; }
- @media (min-width: 64em) {
- .NavigationPlayer__navSub__SIRkf::before {
- position: absolute;
- right: 17px;
- top: -6px; } }
- .NavigationPlayer__navSubSub___vAFd::before {
- border-bottom: 6px solid #ffffff;
- border-left: 6px solid transparent;
- border-right: 6px solid transparent;
- content: '';
- -webkit-filter: drop-shadow(0 0 1px #999999);
- filter: drop-shadow(0 0 1px #999999);
- left: 40px;
- position: absolute;
- top: -6px; }
- @media (min-width: 64em) {
- .NavigationPlayer__navSubSub___vAFd::before {
- left: auto;
- right: -8px;
- top: 30px;
- transform: rotate(90deg); } }
- @media (min-width: 64em) {
- .NavigationPlayer__navSub__SIRkf li:hover > .NavigationPlayer__navSubSub___vAFd {
- visibility: visible; } }
- .NavigationPlayer__navLink__2oeuj {
- -webkit-hyphens: auto;
- -ms-hyphens: auto;
- hyphens: auto;
- overflow-wrap: break-word;
- word-break: break-word;
- word-wrap: break-word;
- background-color: #ffffff;
- color: #000000;
- display: inline-block;
- font-size: 0.875rem;
- font-weight: bold;
- padding: 1.25rem;
- position: relative;
- text-decoration: none;
- text-transform: uppercase;
- width: 100%; }
- @media (min-width: 64em) {
- .NavigationPlayer__navLink__2oeuj:hover {
- background: linear-gradient(45deg, #f7931e, #fcaf17);
- color: #ffffff; } }
- .NavigationPlayer__navLink__2oeuj::after,
- .NavigationPlayer__navLinkSub__N73_a::after {
- background-color: #fcaf17;
- border-bottom-left-radius: 3px;
- border-bottom-right-radius: 3px;
- content: ' ';
- display: none;
- height: 6px;
- left: 10px;
- position: absolute;
- top: 0;
- width: 88%;
- z-index: -1; }
- @media (min-width: 64em) {
- .NavigationPlayer__navLink__2oeuj::after,
- .NavigationPlayer__navLinkSub__N73_a::after {
- left: 6%; } }
- @media (min-width: 64em) {
- .NavigationPlayer__nav__1GtYE li:hover .NavigationPlayer__navLink__2oeuj::after {
- display: block; } }
- .NavigationPlayer__nav__1GtYE li ul li .NavigationPlayer__navLink__2oeuj {
- padding: 1.25rem 1.875rem; }
- @media (max-width: 63.9375em) {
- .NavigationPlayer__navLinkToggle__3u-8a {
- box-sizing: content-box;
- padding: 22px 16px;
- position: absolute;
- right: 0;
- top: 0; } }
- @media (min-width: 64em) {
- .NavigationPlayer__navLinkToggle__3u-8a {
- display: none; } }
- .NavigationPlayer__navSubSub___vAFd {
- list-style: none;
- margin: 0;
- padding: 0; }
- @media (max-width: 63.9375em) {
- .NavigationPlayer__navSubSub___vAFd {
- display: none;
- left: 0;
- position: relative;
- width: 100%;
- border-bottom: 1px solid #e6e6e6;
- border-top: 1px solid #e6e6e6; } }
- @media (min-width: 64em) {
- .NavigationPlayer__navSubSub___vAFd {
- box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
- min-width: 200px;
- position: absolute;
- right: 100%;
- top: 0;
- visibility: hidden; } }
- .NavigationPlayer__crewTag__G0DQD {
- position: absolute;
- right: 20px;
- top: 16px; }
- .NavigationPlayer__signedOut__29qBl {
- display: block;
- padding: 14px 0.625rem; }
- .NavigationPlayer__nav__1GtYE {
- font-size: 1rem;
- line-height: 1.25rem;
- background: #ffffff;
- font-family: -apple-system, BlinkMacSystemFont, Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
- min-height: calc(100vh - 60px); }
- @media (max-width: 63.9375em) {
- .NavigationPlayer__nav__1GtYE {
- display: none; } }
- @media (min-width: 64em) {
- .NavigationPlayer__nav__1GtYE {
- box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
- left: auto;
- position: absolute; } }
- .NavigationPlayer__nav__1GtYE.NavigationPlayer__navOpen__kmIqC {
- display: block; }
- .NavigationPlayer__navSub__SIRkf {
- background-color: #ffffff;
- list-style: none;
- margin: 0;
- min-width: 300px;
- padding: 0;
- position: relative;
- width: 100%;
- z-index: 8500; }
- @media (min-width: 64em) {
- .NavigationPlayer__navSub__SIRkf {
- box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
- left: auto;
- position: absolute;
- right: calc(100% - 50px); } }
- .NavigationPlayer__navSubOn__1g9V2 {
- display: block; }
- .NavigationPlayer__navSub__SIRkf > li:nth-child(even) > .NavigationPlayer__navLink__2oeuj {
- background-color: #fafafa; }
- .NavigationPlayer__navSubSub___vAFd > li:nth-child(even) > .NavigationPlayer__navLink__2oeuj {
- background-color: #fafafa; }
- @media (min-width: 64em) {
- .NavigationPlayer__overlay__3nkye {
- background: rgba(0, 0, 0, 0.3);
- height: calc(100vh - 60px);
- left: 0;
- opacity: 0;
- pointer-events: none;
- position: fixed;
- top: 60px;
- transition: 0s 0.1s;
- visibility: hidden;
- width: 100vw;
- z-index: 5000; } }
- @media (min-width: 64em) {
- .NavigationPlayer__navOpen__kmIqC .NavigationPlayer__overlay__3nkye {
- opacity: 1;
- visibility: visible; } }
- .NavigationPlayer__highlight__2lzxA {
- color: #fcaf17; }
- .NavigationPlayer__navLink__2oeuj.NavigationPlayer__hightlight__1V_OD:hover {
- color: #ffffff; }
- .NavigationPlayer__navLink__2oeuj.NavigationPlayer__navLinkActive__3ZLDB {
- color: #f7931e; }
- @media (min-width: 64em) {
- .NavigationPlayer__navLink__2oeuj.NavigationPlayer__navLinkActive__3ZLDB:hover {
- color: #ffffff; } }
- .NavigationPlayer__navLinkSub__N73_a.NavigationPlayer__navLinkActive__3ZLDB {
- color: #fcaf17; }
- @media (min-width: 64em) {
- .NavigationPlayer__navLink__2oeuj.NavigationPlayer__navLinkActive__3ZLDB::after {
- background: linear-gradient(45deg, #f7931e, #fcaf17);
- display: block; } }
- @media (min-width: 83.125em) {
- .NavigationPlayer__signUp__2AOMK,
- .NavigationPlayer__signIn__3qaVH {
- display: none; } }
- .NavigationPlayer__languageWrap__2jmcz {
- background: #ffffff;
- border-top: 1px solid #e6e6e6;
- overflow: hidden;
- padding: 1.25rem;
- position: relative; }
- .NavigationPlayer__nickname__1f0zr {
- font-size: 0.75rem;
- line-height: 1.25rem;
- font-weight: normal; }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement