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;
}