html, body { color: #e5e7eb; background-color: #000; } a:hover, .xabx6 .xc9r9 a:hover, .xabx6 .xt0q > a:hover { color: #ff3a3a; } header { background: #202020; } header .x953ik { padding: .75rem; } header .x953ik img { width: 150px; } @media (min-width: 1024px) { header .x953ik img { width: 200px } } header .x3xu4a { max-width: 1150px; margin-left: auto; margin-right: auto; padding-left: 0.25rem; padding-right: 0.25rem; border-bottom-width: 1px; border-color: #27272a; } @media (min-width: 768px) { header .x3xu4a { padding-left: 1rem; padding-right: 1rem; } } .xz4183 { font-size: 1.5rem; line-height: 2rem; cursor: pointer; } .xz4183 svg { width: 2rem; height: 2rem; } .xxsm { padding-bottom: 0.75rem; padding-top: 0.75rem; padding-left: 0.75rem; padding-right: 0.75rem; border-bottom-width: 1px; border-color: #27272a; align-items: center; z-index: 60; position: relative; } @media (min-width: 640px) { .xxsm { padding-left: 1rem; padding-right: 1rem; } } .xk4kxz { align-items: center; position: relative; } .xk4kxz .x682f { z-index: 50; width: 12rem; right: 0; top: 1.75rem; transform: translate(0, 0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1); transform-origin: top right; } @media (min-width: 640px) { .xk4kxz .x682f { width: 18rem; } } .xk4kxz .x682f input { display: block; padding: 0.5rem; width: 100%; z-index: 20; font-size: 0.875rem; line-height: 1.25rem; color: #e5e7eb; background-color: #18181b; border-radius: 0.5rem; border-width: 1px; border-color: #52525b; } .xk4kxz .x682f input:focus { border-color: #27272a; outline: 2px solid transparent; outline-offset: 2px; } .xk4kxz .x682f button, .x6nd2 .x682f button { position: absolute; top: 0; right: 0; padding: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; color: #fff; } .xk4kxz .x682f button svg, .x6nd2 .x682f button svg { width: 1.25rem; height: 1.25rem; } .xr446 { z-index: 50px; } .xr446 svg { width: 2rem; height: 2rem; padding-top: 0.25rem; } .xocv { position: absolute; width: 100%; text-align: center; padding: 0.5rem; background-color: #27272a; z-index: 50; } .xocv svg { animation: spin 1s linear infinite; margin: auto; height: 1.25rem; width: 1.25rem; color: #fff; } .xocv svg circle { opacity: 0.25; } .xocv svg path { opacity: 0.75; } .xocv .xhajv2 { padding-top: 0.5rem; } .xhajv2 a.x6tu { border-bottom-width: 1px; border-color: #3f3f46; align-items: center; margin-bottom: 0.5rem; } .xhajv2 a.x6tu:hover { background-color: #3f3f46; } .xhajv2 a.x6tu div { margin: 0.25rem; } .xhajv2 a.x6tu img { height: 4rem; width: 4rem; object-fit: cover; } .xhajv2 a.x6tu .xbu3u2 { display: block; font-weight: 500; color: #e5e7eb; font-size: 0.875rem; line-height: 1.25rem; } .xhajv2 a.x6tu .xs1s { font-size: 0.875rem; line-height: 1.25rem; color: #a1a1aa; } a.xozu { padding-bottom: 0.25rem; padding-top: 0.25rem; font-size: 0.875rem; line-height: 1.25rem; color: #dfcda2; text-align: center; width: 100%; display: block; } a.xozu:hover { background-color: #3f3f46; } .x6nd2 { z-index: 50; width: 100%; } .x6nd2 .xocv { background-color: rgba(0, 0, 0, 0.9); } .x6nd2 .x682f { position: relative; width: 100%; } .x6nd2 .x682f input { display: block; padding: 0.5rem; width: 100%; z-index: 20; font-size: 0.875rem; line-height: 1.25rem; color: #e4e4e7; background-color: #18181b; border-width: 1px; border-color: #27272a; } .x6nd2 .x682f input:focus { outline: 2px solid transparent; outline-offset: 2px; } .x4a16 { z-index: 50; position: relative; } .xabx6 { padding: 0.5rem; align-items: center; } .xabx6 .xt0q span, .xabx6 .xt0q > a { color: #eee; font-weight: normal; text-transform: uppercase; } .xabx6 .xt0q > a { align-items: center; padding: 0.5rem; white-space: nowrap; } @media (min-width: 1280px) { .xabx6 .xt0q > a { padding-left: 0.75rem; padding-right: 0.75rem; } } .xabx6 .xt0q a.xv7nee { border-bottom: 1px solid #e5e7eb; color: #dfcda2; font-weight: 600; } .xudur { cursor: pointer; align-items: center; color: #f3f4f6; padding: 0.5rem; white-space: nowrap; font-weight: 500; } .xudur:hover { color: #a1a1aa; } .xudur svg { width: 1.25rem; height: 1.25rem; margin-top: 0.25rem; } @media (min-width: 1280px) { .xudur { padding-left: 0.75rem; padding-right: 0.75rem; } } .xabx6 .xqpfox { position: absolute; background-color: #18181b; background-color: #09090b; opacity: 0; pointer-events: none; top: 85px; padding: 1.25rem 2.5rem; transition: all 0.2s linear; box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1); } .xabx6 .xqpfox:after { content: ""; height: 20px; left: 0; position: absolute; top: -20px; width: 100%; } .xabx6 .xqpfox li a { align-items: center; font-size: 1rem; line-height: 1.5rem; padding: 0.25rem 0.75rem; transition-property: all; transition-timing-function: linear; transition-duration: 0.1s; } .xabx6 .xqpfox li a:hover { color: #a1a1aa; } .xabx6 .xt0q:hover .xqpfox { opacity: 1; pointer-events: inherit; top: 65px; } .x0ipu { position: absolute; padding: 1rem 0.5rem 0.75rem 0.5rem; background-color: #000; width: 95%; margin-left: 0.5rem; right: 0.75rem; z-index: 20; height: auto; overflow-y: auto; } .x0ipu .x6tu { display: block; padding-left: 0.75rem; padding-right: 0.75rem; padding-bottom: 0.5rem; padding-top: 0.5rem; border-radius: 0.375rem; font-size: 1rem; line-height: 1.5rem; font-weight: 500; color: #e5e7eb; } .x0ipu .x6tu:hover { color: #fff; background-color: #3f3f46; } .xezv { padding: 0.5rem 0.75rem; border-radius: 0.375rem; font-size: 1rem; line-height: 1.5rem; font-weight: 500; color: #e5e7eb; vertical-align: middle; align-items: center; cursor: pointer; } .xezv:hover { color: #fff; } .xezv span { width: 5rem; } .xezv svg { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 0.3s; height: 1rem; width: 1rem; transform: translate(0, 0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1); } .xezv svg.xv7nee { transform: translate(0, 0) rotate(90deg) skewX(0) skewY(0) scaleX(1) scaleY(1); } .xbq1 { max-width: 1150px; margin-left: auto; margin-right: auto; } .xbq1 .xdeip { color: #d4d4d8; font-size: .875rem; line-height: 1.25rem; padding: 10px 15px; background-color: #000; border-color: #27272a; border-width: 1px; margin-bottom: .5rem; margin-top: .5rem; } .xc9r9 .xqpfox { margin-left: 1rem; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: linear; transition-duration: 0.3s; transform: translate(0, 0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1); } .xc9r9 .xqpfox a { display: block; padding-left: 0.75rem; padding-right: 0.75rem; padding-bottom: 0.5rem; padding-top: 0.5rem; border-radius: 0.375rem; font-size: 1rem; line-height: 1.5rem; font-weight: 500; color: #e5e7eb; background-color: #222; } .xc9r9 .xqpfox a:hover { color: #fff; background-color: #3f3f46; } .xq6n { background-color: #151515; max-width: 1150px; margin-left: auto; margin-right: auto; border-radius: 0.25rem; padding-left: 0.25rem; padding-right: 0.25rem; } @media (min-width: 768px) { .xq6n { padding-left: 1rem; padding-right: 1rem; } } main { padding: 0.75rem; } @media (min-width: 640px) { /*main { padding-left: 1rem; padding-right: 1rem; }*/ } .xym2, .x6x7cy { padding-top: 0.5rem; } .x6x7cy { border-top-width: 1px; border-color: #27272a; } .xa9z2 { padding-top: 1rem; padding-bottom: 1.5rem; } .xa9z2 ul { margin-bottom: 0.5rem; padding-top: 0.5rem; } .xa9z2 li { margin-bottom: -1px; margin-right: 0.5rem; cursor: pointer; text-align: center; } .xa9z2 li:last-child { margin-right: 0; } .xa9z2 li span { font-size: 14px; font-weight: 500; padding: 0.25rem 0.75rem; display: block; } .xa9z2 li span.xv7nee { background-color: #3f3f46; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1); } .xrutn { position: relative; border-radius: 0.25rem; box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); } .xrutn .xqpfox { padding: 0.5rem 0; } .xrutn .xqpfox a { align-items: center; padding-bottom: 0.5rem; transition-duration: 0.3s; padding: 3px 0; } .xrutn .xqpfox a:nth-child(even) { border-radius: .125rem; background: rgba(26, 26, 26, 0.9); } .xrutn .xqpfox a:hover { opacity: 0.8; transform: translate(0, 0) rotate(0) skewX(0) skewY(0) scaleX(1.05) scaleY(1.05); box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1); } .xrutn .xqpfox .xn5msu { padding-left: 5px; color: #e5e7eb; font-weight: 500; } .xrutn .xqpfox .x2wwx { background-color: #555e6d; color: #f9f9f9; font-size: .75rem; line-height: 1.75rem; text-align: center; border-radius: 9999px; width: 1.75rem; height: 1.75rem; display: inline-block; } .xrutn .xqpfox .xhea { margin-left: .75rem; padding-right: 5px; } @media (min-width: 1024px) { .xrutn .xqpfox .xhea { margin-left: .25rem; } } .xrutn .xhea .xbu3u2 { color: #e5e7eb; text-transform: capitalize; font-weight: 500; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; } .xrutn .xhea .xxxud { color: #9ca3af; font-size: .75rem; } .xfk0hv { padding-bottom: 1.5rem; } .xfk0hv .xqpfox { padding-top: 0.5rem; } .xfk0hv .xqpfox a { color: #d1d5db; background-color: #262626; text-align: center; font-weight: 500; font-size: 13px; padding: 0.125rem; border-radius: 0.125rem; } @media (min-width: 1024px) { .xfk0hv .xqpfox a { font-size: 14px; padding: 0.25rem; } } .xfk0hv .xqpfox a:hover { background-color: #525252; } .xivk .xqpfox, .x7ir .xqpfox { margin: 0.5rem -0.5rem 0 -0.5rem; } .xivk .x6tu, .x7ir .x6tu { padding: 0.25rem; } .xivk .xgury2, .x7ir .xgury2 { border-color: #27272a; border-width: 1px; padding: 0.5rem; border-radius: 0.125rem; } .xivk .xgury2 a, .x7ir .xgury2 a { width: 40%; height: 6rem; } .xivk .xgury2 a img, .x7ir .xgury2 a img { width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 0.375rem; } .xivk .xhea, .x7ir .xhea { width: 60%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .xivk .xhea a, .x7ir .xhea a { font-size: 14px; font-weight: 500; } .xivk .xhea span, .x7ir .xhea span { font-size: 14px; font-weight: 500; color: #d4d4d8; display: block; } .xivk .xlmj, .x7ir .xlmj { align-items: center; padding-top: 0.5rem; } .xivk .xlmj p, .x7ir .xlmj p { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; color: #a1a1aa; } .xzwan { width: 1rem; height: 1rem; color: #b4b4b4; margin-inline-end: 0.25rem; } .xn54 { width: 1rem; height: 1rem; color: #eab308; margin-inline-end: 0.25rem; } .star-outline { width: 1rem; color: #eab308; margin-right: 0.25rem; } .x90p { position: relative; padding-top: 0.25rem; } .x90p .x6tu { width: 50%; margin-right: 1rem; display: inline-block; vertical-align: top; } @media (min-width: 640px) { .x90p .x6tu { width: 25%; } } @media (min-width: 768px) { .x90p .x6tu { width: 20%; } } @media (min-width: 1280px) { .x90p .x6tu { width: 20%; } } .x90p article { max-width: 20rem; border-radius: 0.375rem; color: #f9fafb; position: relative; overflow: hidden; padding-bottom: 0.5rem; } .x90p .xhea { margin-top: 0.75rem; position: absolute; bottom: 0; left: 0; padding: 0.5rem; background-image: linear-gradient(to bottom, transparent, #000); width: 100%; } .x8ti { position: relative; padding-bottom: 0.5rem; padding-top: 0.5rem; } .x8ti .x9qn7 { padding-bottom: 0.5rem; } .x8ti .xqpfox { padding-top: 0.75rem; } .x8ti .xrbrje { padding-top: 1rem; } .x8ti .xrbrje a { font-weight: 500; color: #d4d4d8; background-color: #27272a; font-size: 0.875rem; line-height: 1.25rem; padding: 0.25rem 0.5rem; border-radius: 0.375rem; } .x8ti .xrbrje a:hover { opacity: 0.9; } .xblsvm { padding-bottom: 0.5rem; padding-top: 0.5rem; position: relative; } .xblsvm .xqpfox { padding-top: 0.75rem; } .xwcv { margin: 15px 0 0 0; border: 1px solid #3f682a; background: #000; padding: 10px; } .xnpk, .xgab h1 { color: #ff3a3a; font-size: 22px; font-weight: 300; text-transform: uppercase; } .xnpk.xml8 { font-size: 20px; } .xhv50 { overflow: hidden; background-color: #181818; margin-top: 0.75rem; } .xhv50 .x3o0n { margin-left: auto; margin-right: auto; border-bottom-width: 1px; border-color: #27272a; padding: 0.75rem; } .xhv50 .x3o0n .x0ltg { width: 41.666667%; position: relative; } @media (min-width: 768px) { .xhv50 .x3o0n .x0ltg { width: 33.333333%; } } .xhv50 .x3o0n .x0ltg img { object-fit: cover; object-position: center; width: 100%; margin-left: auto; margin-right: auto; border-radius: 0.375rem; } @media (min-width: 768px) { .xhv50 .x3o0n .x0ltg img { height: 20rem; display: block; } } .xhv50 .xur53 { align-items: center; } .xhv50 .xur53 .xl9uin { text-align: center; margin-top: 0.25rem; max-width: 180px; box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1); } .xhv50 .xur53 .xl9uin a { color: #fff; margin-left: auto; margin-right: auto; padding: 8px 0.75rem; font-weight: 500; border-radius: 0.25rem; background-color: #d9534f; } .xhv50 .xur53 .xl9uin a:hover { color: #a1a1aa; } .xhv50 .xur53 .xh150u { transform: translate(0, 2px) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1); align-items: center; padding: 8px 0.75rem; font-weight: 500; border-radius: 0.25rem; background-color: #52525b; color: #fff; } .xhv50 .xh150u:hover { opacity: 0.9; } .xhv50 .xh150u svg { width: 1.5rem; height: 1.5rem; } @media (min-width: 768px) { .xhv50 .xh150u svg { width: 1.25rem; height: 1.25rem; } } .xhv50 .xgury2 { width: 58.333333%; } @media (min-width: 768px) { .xhv50 .xgury2 { width: 66.666667%; } } .xhv50 .xgury2 h1, .x49lh { text-transform: uppercase; margin: 0 0 5px 0; font-size: 22px; font-weight: 400; color: #ff3a3a; } .xhv50 .xgury2 h2 { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; color: #71717a; } .xhv50 .xgury2 .xhea { margin: 15px 1% 0 0; padding: 10px; background: #222; border-radius:.25rem } .xhv50 .xgury2 .xs1s { color: #fff; background: #55873b; padding: 2px 5px; font-size: 13px; font-weight: bold; border-radius: .25rem; } .xhv50 .xgury2 .xqpfox { font-size: 0.875rem; line-height: 1.25rem; padding-top: 0.5rem; } .xhv50 .xgury2 .x6tu { padding-top: 2px; } .xhv50 .xgury2 .xqpfox > div { padding-top: 5pt; } .xhv50 .xgury2 span.x2k3 { color: #a1a1aa; } .xhv50 .xgury2 span.x2k3 { color: #a1a1aa; } .xhv50 .xgury2 time { display: block; padding-top: 0.5rem; color: #71717a; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; } .xhv50 .xgury2 .xlek4 { margin-bottom: 1rem; padding-top: 1rem; } .xhv50 .xgury2 .xlmj, .xgab .xlmj { color: #a1a1aa; font-size: 13px; padding-top: 0.25rem; font-weight: 500; } .xhv50 ul.x9qn7 { width: 100%; margin-bottom: 0; list-style-type: none; padding-top: 0.75rem; padding-bottom: 0.75rem; background-color: #222; margin-top: 1rem; margin-bottom: 1rem; } .xhv50 ul.x9qn7 li { margin-bottom: -1px; margin-right: 0.5rem; text-align: center; } .xhv50 ul.x9qn7 li:last-child { margin-right: 0; } .xhv50 ul.x9qn7 li:last-child span { color: #d1d5db; font-size: 0.75rem; line-height: 1rem; font-weight: 700; text-transform: uppercase; padding: 0.5rem 0.75rem; } .xhv50 .xdll5d { position: relative; min-width: 0; overflow-wrap: break-word; background-color: #222; width: 100%; margin-bottom: 1.5rem; box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1); border-radius: 0.25rem; padding: 1rem; } .xhv50 .x4f77 { padding-bottom: 1rem; color: #9ca3af; } .xhv50 .x4f77 h3.xbu3u2 { color: #d1d5db; font-size: 0.875rem; line-height: 1.25rem; text-transform: uppercase; font-weight: 700; display: inline-block; margin-bottom: 1rem; } .xhv50 h3.xnfv { color: #9ca3af; } .xhv50 .x7gnfz { color: #d1d5db; border-bottom-width: 1px; border-color: #27272a; padding-bottom: 1rem; font-size: 15px; } .xhv50 .xkr3tr, .xhv50 .xgu0rk { border-bottom-width: 1px; border-color: #27272a; padding-bottom: 1rem; margin-top: 1rem; } .xhv50 .xkr3tr > span, .xhv50 .xgu0rk > span { color: #d1d5db; display: inline-block; font-weight: 500; letter-spacing: 0.05em; padding-bottom: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; text-transform: uppercase; } .xhv50 .xkr3tr > div, .xhv50 .xgu0rk > div { margin-top: 0.5rem; } .xhv50 .xkr3tr a, .xhv50 .xgu0rk a { text-align: center; } .xhv50 .xkr3tr a:hover, .xhv50 .xgu0rk a:hover { opacity: 0.8; } .xhv50 .xkr3tr img, .xhv50 .xgu0rk img { display: inline-block; object-fit: cover; width: 2rem; height: 2rem; border-radius: 9999px; } .xhv50 .xkr3tr p, .xhv50 .xgu0rk p { text-align: left; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; color: #d1d5db; padding-top: 0.5rem; } .xiu4nq { align-items: center; background-color: #000; padding: 0.5rem; } .xiu4nq span { font-size: 0.875rem; line-height: 1.25rem; color: #a1a1aa; margin-right: 0.75rem; } .xiu4nq a { border-width: 2px; align-items: center; margin-bottom: 0.25rem; margin-right: 0.375rem; transition-duration: 0.2s; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); padding: 0.25rem; border-radius: 0.25rem; color: #fff; } .xiu4nq a:hover { opacity: 0.9; } .xiu4nq svg { width: 1rem; height: 1rem; } .xiu4nq .xsc3 { border-color: #1877f2; background-color: #1877f2; } .xiu4nq .xp2r { border-color: #1da1f2; background-color: #1da1f2; } .xiu4nq .x783t { border-color: #0a66c2; background-color: #0a66c2; } .xiu4nq .xlxg { border-color: #0088cc; background-color: #0088cc; } .xvlp8 { font-size: 20px; border-bottom: 3px solid #383838; color: #fff; } .xvlp8.xv7nee { border-bottom: 2px solid #e5e7eb; color: #ff3a3a; } .x8ti .x6tu, .xblsvm .x6tu, .xv9c .x6tu, .xhs3 .x6tu { color: #f9fafb; padding-bottom: .5rem; background-color: #181818; border-radius: .375rem; overflow: hidden; max-width: 20rem; position: relative; } .x8ti .x6tu .xhea, .xblsvm .x6tu .xhea, .xv9c .x6tu .xhea, .xhs3 .xhea { margin-top: 0.75rem; padding-left: 0.5rem; padding-right: 0.5rem; } .xv9c .x4pfk { font-size: 20px; } .xv9c .x4pfk { padding-top: 1rem; } .x49lh { text-align: center; padding-bottom: 0.5rem; padding-top: 0.5rem; } .xs0io2 { padding: 0.5rem 0.5rem 0.5rem 0.5rem; color: #374151; border-width: 1px; border-radius: 0.375rem; background-color: #181818; border-color: #18181b; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 0.75rem; padding-right: 0.75rem; box-shadow: 0 10px 15px -3px rgba(0,0,0,.2), 0 4px 6px -4px rgba(0,0,0,.2); } .xs0io2.xlbu7u { margin-top: 0.5rem; } .xs0io2 ol { align-items: center; } .xs0io2 a, .xs0io2 span { align-items: center; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; color: #a1a1aa; white-space: nowrap; } .xs0io2 svg { width: 1rem; height: 1rem; margin-right: 0.5rem; } .xs0io2 span { color: #e5e7eb; } .xs0io2 span:hover { color: #fff; } .xbctgw { text-align: center; padding-top: 0.75rem; padding-bottom: 1rem; } .xbctgw ul { list-style-type:none; padding-inline-start:0 } .xbctgw ul a { align-items:center; text-decoration:none } .x91d { background-color: #414144; border: 1px solid #414144; border-radius: 5px; color: #d8d8d8; cursor: pointer; font-size: 14px; height: 35px; width: 35px; } .x91d:hover { background-color: #18181b; } .xvr5so { border: 1px solid #55873b; color: #fff; } .xvr5so, .xvr5so:hover { background-color: #55873b; } .x7ir h2 { width: 100%; margin-bottom: 0.75rem; } .x7ir .xpqk { position: relative; } .x7ir .xpqk a { color: #d1d5db; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; } .x7ir .xpqk img { width: 100%; height: 9rem; object-fit: cover; object-position: center; border-radius: 0.375rem; padding: 0.25rem; } .x7ir .xpqk .xhea { position: absolute; bottom: 0.25rem; left: 0.25rem; padding: 0.5rem; background-image: linear-gradient(to bottom, transparent, #000); width: 100%; } .x7ir .xpqk .xhea h3 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #f3f4f6; } .x7ir .xpqk .xhea span { color: #a1a1aa; font-size: 0.875rem; line-height: 1.25rem; display: block; font-weight: 500; } .xaakgm { background-color: #171717; border-bottom-width: 1px; border-color: #27272a; padding-bottom: 0.5rem; } .xaakgm .x3o0n { margin: auto; width: 100%; margin-bottom: 0.5rem; margin-top: 0.5rem; } article a img { object-fit: cover; object-position: center; width: 100%; border-radius: .75rem; transition-timing-function: cubic-bezier(.4,0,1,1); transition-duration: .2s; background-color: #27272a; transform: translate(0, 0) rotate(0) skewX(0) skewY(0) scaleX(1.05) scaleY(1.05); height: 15rem; } article .xhea a h3, article .xhea a span.xbu3u2 { font-size: 14px; font-weight: 500; text-transform: capitalize; padding-top: 0.25rem; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } article .xhea a span.xbu3u2 { color: #fff; } article .xhea a span { font-size: 0.875rem; line-height: 1.25rem; color: #d1d5db; font-weight: 500; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } article span.xs1s { position: absolute; padding: 4px; color: #fff; background: #55873b; border-bottom: 2px solid #3f682a; top: 5px; z-index: 2; border-radius: 0 5px 5px 0; font-size: .75rem; line-height: 1rem; } article span.xydsac { position: absolute; background: #d52f2f; color: #fff; padding: 4px 3px; bottom: 70px; right: 0; border-radius: 5px 0 0 5px; font-size: .75rem; line-height: 1rem; } article span.xydsac:after { content: ""; border: 10px solid transparent; border-right: 10px solid #d52f2f; position: absolute; bottom: -8px; right: 0px; } article span.remove { font-size: 0.75rem; line-height: 1rem; font-weight: 500; padding-bottom: 4px; padding-top: 4px; padding-left: 0.25rem; padding-right: 0.25rem; display: block; background-color: #991b1b; position: absolute; top: 0; right: 0; box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1); cursor: pointer; } article:hover a img { transform: translate(0, 0) rotate(0) skewX(0) skewY(0) scaleX(1.1) scaleY(1.1); } .xd1qlj { position: relative; z-index: 30; transform: translate(0, 0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1); } .xd1qlj .xm4wp3 { z-index: 20; top: 50%; left: 50%; position: absolute; transform: translate(-50%, -50%); } .xaakgm .xstg { padding-top: 0.5rem; } .xaakgm .xwp4a { margin-right: 0.25rem; } .xaakgm .xstg button { align-items: center; background-color: #27272a; padding: 0.25rem 0.5rem; font-size: 0.75rem; font-weight: 500; line-height: 1.5rem; text-align: center; color: #e5e7eb; border-radius: 0.25rem; box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1); margin-left: 0.25rem; } .xaakgm .xstg button:hover { opacity: 0.8; } .xaakgm .x8ee svg { height: 1.5rem; width: 1.5rem; } .xaakgm .x8ee span { padding-left: 0.25rem; } .xaakgm .xt2as5 svg { width: 1rem; height: 1rem; margin-right: 0.25rem; } .xaakgm .xdeg2 { z-index: 30; } .xaakgm .xdeg2 svg { height: 1.25rem; width: 1.25rem; } .xaakgm .x8ery svg { width: 1rem; height: 1rem; } .xaakgm .x8ery span { padding-left: 0.25rem; } .xaakgm .x1aq { font-size: 0.875rem; line-height: 1.25rem; color: #dfcda2; padding: 0.5rem 0.25rem 0 0.25rem; display: block; } .xu704o { background-color: #000; position:relative; padding-bottom:56.25%; height:0; overflow:hidden; } .xhamm { text-align: center; } .xhamm span { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; padding-bottom: 0.5rem; display: block; text-transform: uppercase; } .xhamm .xqpfox { align-items: center; min-height: 50px; } .xhamm button { background-color: #27272a; color: #d1d5db; border-width: 1px; border-color: #3f3f46; padding: 0.5rem; font-size: 0.75rem; line-height: 1rem; font-weight: 500; border-radius: 0.25rem; } .xhamm button.xv7nee { background-color: #000; } .x01ks { background-color: #222; padding: 0.5rem; margin-top: 0.5rem; } .x01ks p { color: #e4e4e7; font-weight: 500; text-transform: uppercase; padding-bottom: 0.75rem; display: block; } .x01ks a { color: #d1d5db; background-color: #525252; text-align: center; font-weight: 500; min-width: 60px; font-size: 14px; padding: 0.375rem 0.5rem; margin-bottom: 0.5rem; margin-right: 0.375rem; border-radius: 0.125rem; } .x01ks a.xv7nee { background-color: #55873b; } .x01ks a:hover { opacity: 0.8; } .xgab { border-top-width: 1px; border-color: rgb(39 39 42 / 0.75); padding-top: 0.75rem; margin-top: 0.5rem; } .xgab h2 { padding-top: 0.25rem; } .xgab h3 { color: #a1a1aa; font-weight: 700; margin-bottom: 0.5rem; margin-top: 0.5rem; } .xgab .xlek4 { padding-bottom: 0.5rem; padding-top: 0.5rem; } .xgab .xa3rf { padding: 10px; margin-top: .5rem; color: #9ca3af; background-color: #222; border-radius: .25rem; font-size: 15px; text-align: justify; } .xgab .x3o0n { padding-top: 0.5rem; line-height: 1.625; display: inline-block; } .xgab .xa3rf a { color: #d4d4d8; font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; white-space: nowrap; } .xgab .xa3rf a:hover { color: #a1a1aa; opacity: 0.9; } .xgab .xiu4nq { margin-top: 0.5rem; } .block-page { align-items: center; height: 100%; padding: 4rem; color: #f3f4f6; } .block-page > div { text-align: center; margin-left: auto; margin-right: auto; } .block-page h2 { margin-bottom: 2rem; font-weight: 800; font-weight: 800; font-size: 8rem; color: #9ca3af; } .block-page .notice { font-size: 1.5rem; line-height: 2rem; font-weight: 600; } @media (min-width: 768px) { .block-page .notice { font-size: 1.875rem; line-height: 2.25rem; } } .block-page .xdeip { margin-top: 1rem; margin-bottom: 2rem; color: #9ca3af; } .block-page a { padding-left: 2rem; padding-right: 2rem; padding-bottom: 0.75rem; padding-top: 0.75rem; font-weight: 600; border-radius: 0.25rem; background-color: #55873b; color: #d1d5db; } .x0ght2 { overflow-y: auto; overflow-x: hidden; position: fixed; top: 0; right: 0; z-index: 100; align-items: center; width: 100%; inset: 0; height: 100%; max-height: 100%; background-color: rgba(0, 0, 0, 0.9); } .xjfa5 { position: absolute; left: 50%; transform: translate(-50%, 0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1); top: 3rem; gap: 1rem; width: 100%; max-width: 28rem; max-height: 100%; padding: 1rem; } .xjfa5 .x3o0n { position: relative; border-radius: 0.5rem; box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1); background-color: #27272a; } .xjfa5 .x3o0n > div { align-items: center; padding: 0.75rem; border-bottom-width: 1px; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; border-color: #4b5563; } .xjfa5 .xpxd5 { color: #a1a1aa; background-color: transparent; border-radius: 0.5rem; font-size: 0.875rem; line-height: 1.25rem; width: 2rem; height: 2rem; margin-inline-start: auto; align-items: center; } .xjfa5 .xpxd5:hover { background-color: #52525b; color: #fff; } .xjfa5 .x3o0n > div svg { width: 0.75rem; height: 0.75rem; } .xjfa5 .x3o0n .xbu3u2 { font-weight: 700; color: #e4e4e7; } .xjfa5 form { padding: 1rem; padding: 1.25rem; } .xjfa5 form .xdll5d { margin-bottom: 1rem; } .xjfa5 label { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; color: #fff; margin-bottom: 0.5rem; display: block; } .xjfa5 textarea { width: 100%; font-size: 0.875rem; line-height: 1.25rem; border-radius: 0.5rem; border-width: 1px; background-color: #52525b; border-color: #18181b; outline: 2px solid transparent; outline-offset: 2px; display: block; padding: 0.625rem; } .xjfa5 .xhn3 { text-align: right; } .xjfa5 .xhn3 button { padding: 0.375rem 1rem; border-radius: 0.375rem; } .xjfa5 .xhn3 button:hover { opacity: 0.9; } .xu9h3 { margin-top: 0.5rem; } .xu9h3 .xrp2wm { padding-bottom: 0.5rem; color: #d4d4d8; border-bottom-width: 1px; border-color: #27272a; margin-bottom: 0.25rem; } .xu9h3 .xrp2wm p { font-weight: 500; color: #fff; margin-bottom: 0.5rem; } .xu9h3 .xrp2wm span { font-size: 0.875rem; line-height: 1.25rem; } .xu9h3 section { background-color: #151515; padding: 0.75rem 1rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border-width: 1px; border-color: #27272a; margin-top: 0.5rem; margin-left: auto; margin-right: auto; } .xul1 { margin-top: 0.75rem; text-align: center; } .xul1 button { background-color: #3f3f46; color: #d4d4d8; padding: 0.375rem 0.625rem; border-radius: 0.375rem; font-weight: 500; } .xhs3 { max-width: 1150px; padding: 1rem; margin-left: auto; margin-right: auto; } .xco4 { padding-top: 1rem; padding-bottom: 1.5rem; white-space: nowrap; overflow: hidden; } .flickity-enabled { position: relative; } .flickity-enabled:focus { outline: none; } .flickity-viewport { overflow: hidden; position: relative; height: 100%; } .flickity-slider { position: absolute; width: 100%; height: 100%; } .flickity-enabled.is-draggable { -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab; } .flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing; } .flickity-button { position: absolute; background: rgba(0, 0, 0, 0.6); border: none; color: #fff; } .flickity-button:hover { background: rgba(0, 0, 0, 0.8); cursor: pointer; } .flickity-button:focus { outline: none; box-shadow: 0 0 0 5px #19F; } .flickity-button:active { opacity: 0.6; } .flickity-button:disabled { opacity: 0.3; cursor: auto; pointer-events: none; } .flickity-button-icon { fill: currentColor; } .flickity-prev-next-button { top: 50%; width: 44px; height: 44px; border-radius: 50%; transform: translateY(-50%); } .flickity-prev-next-button.previous { left: 10px; } .flickity-prev-next-button.next { right: 10px; } .flickity-rtl .flickity-prev-next-button.previous { left: auto; right: 10px; } .flickity-rtl .flickity-prev-next-button.next { right: auto; left: 10px; } .flickity-prev-next-button .flickity-button-icon { position: absolute; left: 20%; top: 20%; width: 60%; height: 60%; } .flickity-page-dots { position: absolute; width: 100%; bottom: -25px; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1; } .flickity-rtl .flickity-page-dots { direction: rtl; } .flickity-page-dots .dot { display: inline-block; width: 10px; height: 10px; margin: 0 8px; background: #333; border-radius: 50%; opacity: 0.25; cursor: pointer; } .flickity-page-dots .dot.is-selected { opacity: 1; } .x9ehj { margin-bottom: 1rem; margin-top: 0.5rem; } .xp9jmn { width: 100%; height: 1px; margin-bottom: 1.5rem; margin-top: 1rem; background-color: #27272a; } .xlp5ip { color: #e5e7eb; margin-bottom: 0.5rem; margin-top: 0.5rem; } .xlp5ip .xkom { position: relative; margin-top: 0.25rem; width: 50%; padding-right: 0.5rem; margin-bottom: 0.5rem; } @media (min-width: 640px) { .xlp5ip .xkom { width: 12rem; } } .xlp5ip .xkom select{ position: relative; width: 100%; border-radius: 0.5rem; background-color: #27272a; padding: 0.5rem 2.5rem 0.5rem 0.75rem; text-align: left; box-shadow: 0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1); font-size: 0.875rem; } .xlp5ip .xkom select:focus { outline: 2px solid transparent; outline-offset: 2px; } .xlp5ip .xrn5kd { text-align: center; width: 100%; padding-top: 0.25rem; } .xlp5ip .xrn5kd input, .xjfa5 .xhn3 button { font-size: 0.875rem; line-height: 1.25rem; font-weight: 500; background-color: #55873b; color: #fff; box-shadow: 0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1); } .xlp5ip .xrn5kd input:hover { opacity: 0.8; } .xlp5ip .xrn5kd input { border-radius: 0.5rem; margin-bottom: 0.5rem; margin-top: 0.25rem; padding: 0.5rem 1.25rem; } footer { background-color: #000; } footer .xu6kx8 { max-width: 1150px; margin-left: auto; margin-right: auto; color: #f3f4f6; margin-top: 0.5rem; } footer .xp4a { padding: 2.5rem 1.5rem; } .xiw1q { font-size: 1rem; line-height: 1.5rem; } @media (min-width: 1024px) { .xiw1q { width: 66.666667%; } } .xiw1q .xc9r9 span { letter-spacing: 0.025em; text-transform: uppercase; color: #f9fafb; } .xiw1q .xc9r9 li a { font-size: 0.875rem; line-height: 1.25rem; color: #9ca3af; } .xiw1q .xc9r9 li a:hover { color: #ff3a3a; } @media (min-width: 1024px) { .xr81 { width: 33.333333%; } } .xr81 .x953ik { align-items: center; padding-bottom: 0.5rem; } .xr81 .xqee { padding-top: 0.5rem; } .xr81 .xqee p { color: #d1d5db; font-size: 0.875rem; line-height: 1.25rem; } .xr81 .xqee a:hover { opacity: 0.9; } .xhwv { padding-bottom: 0.75rem; padding-top: 0.75rem; font-size: 0.875rem; line-height: 1.25rem; text-align: center; color: #9ca3af; position: relative; border-top-width: 1px; border-color: #18181b; } .x0vt3h { background-color: #3f3f46; padding: 0.375rem 0.75rem; position: absolute; right: 0.5rem; top: 0.25rem; border-radius: 0.125rem; } .x0vt3h svg { width: 1.25rem; height: 1.25rem; } .xih5qu { background-color: #000; transform: translate(0, 0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 20; }