/*
Theme Name: The Arsenal Review
Description: Restored original design of thearsenalreview.com (SiteForge sf:revive).
Version: 1.0.1793088925
Requires at least: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: thearsenalreview
*/

svg:not(:root).svg-inline--fa { overflow: visible; }
.svg-inline--fa { display: inline-block; font-size: inherit; height: 1em; overflow: visible; vertical-align: -0.125em; }
.svg-inline--fa.fa-lg { vertical-align: -0.225em; }
.svg-inline--fa.fa-w-1 { width: 0.0625em; }
.svg-inline--fa.fa-w-2 { width: 0.125em; }
.svg-inline--fa.fa-w-3 { width: 0.1875em; }
.svg-inline--fa.fa-w-4 { width: 0.25em; }
.svg-inline--fa.fa-w-5 { width: 0.3125em; }
.svg-inline--fa.fa-w-6 { width: 0.375em; }
.svg-inline--fa.fa-w-7 { width: 0.4375em; }
.svg-inline--fa.fa-w-8 { width: 0.5em; }
.svg-inline--fa.fa-w-9 { width: 0.5625em; }
.svg-inline--fa.fa-w-10 { width: 0.625em; }
.svg-inline--fa.fa-w-11 { width: 0.6875em; }
.svg-inline--fa.fa-w-12 { width: 0.75em; }
.svg-inline--fa.fa-w-13 { width: 0.8125em; }
.svg-inline--fa.fa-w-14 { width: 0.875em; }
.svg-inline--fa.fa-w-15 { width: 0.9375em; }
.svg-inline--fa.fa-w-16 { width: 1em; }
.svg-inline--fa.fa-w-17 { width: 1.0625em; }
.svg-inline--fa.fa-w-18 { width: 1.125em; }
.svg-inline--fa.fa-w-19 { width: 1.1875em; }
.svg-inline--fa.fa-w-20 { width: 1.25em; }
.svg-inline--fa.fa-pull-left { margin-right: 0.3em; width: auto; }
.svg-inline--fa.fa-pull-right { margin-left: 0.3em; width: auto; }
.svg-inline--fa.fa-border { height: 1.5em; }
.svg-inline--fa.fa-li { width: 2em; }
.svg-inline--fa.fa-fw { width: 1.25em; }
.fa-layers svg.svg-inline--fa { inset: 0px; margin: auto; position: absolute; }
.fa-layers { display: inline-block; height: 1em; position: relative; text-align: center; vertical-align: -0.125em; width: 1em; }
.fa-layers svg.svg-inline--fa { transform-origin: center center; }
.fa-layers-counter, .fa-layers-text { display: inline-block; position: absolute; text-align: center; }
.fa-layers-text { left: 50%; top: 50%; transform: translate(-50%, -50%); transform-origin: center center; }
.fa-layers-counter { background-color: rgb(255, 37, 58); border-radius: 1em; box-sizing: border-box; color: rgb(255, 255, 255); height: 1.5em; line-height: 1; max-width: 5em; min-width: 1.5em; overflow: hidden; padding: 0.25em; right: 0px; text-overflow: ellipsis; top: 0px; transform: scale(0.25); transform-origin: right top; }
.fa-layers-bottom-right { bottom: 0px; right: 0px; top: auto; transform: scale(0.25); transform-origin: right bottom; }
.fa-layers-bottom-left { inset: auto auto 0px 0px; transform: scale(0.25); transform-origin: left bottom; }
.fa-layers-top-right { right: 0px; top: 0px; transform: scale(0.25); transform-origin: right top; }
.fa-layers-top-left { left: 0px; right: auto; top: 0px; transform: scale(0.25); transform-origin: left top; }
.fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -0.0667em; }
.fa-xs { font-size: 0.75em; }
.fa-sm { font-size: 0.875em; }
.fa-1x { font-size: 1em; }
.fa-2x { font-size: 2em; }
.fa-3x { font-size: 3em; }
.fa-4x { font-size: 4em; }
.fa-5x { font-size: 5em; }
.fa-6x { font-size: 6em; }
.fa-7x { font-size: 7em; }
.fa-8x { font-size: 8em; }
.fa-9x { font-size: 9em; }
.fa-10x { font-size: 10em; }
.fa-fw { text-align: center; width: 1.25em; }
.fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0px; }
.fa-ul > li { position: relative; }
.fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; }
.fa-border { border: 0.08em solid rgb(238, 238, 238); border-radius: 0.1em; padding: 0.2em 0.25em 0.15em; }
.fa-pull-left { float: left; }
.fa-pull-right { float: right; }
.fa.fa-pull-left, .fas.fa-pull-left, .far.fa-pull-left, .fal.fa-pull-left, .fab.fa-pull-left { margin-right: 0.3em; }
.fa.fa-pull-right, .fas.fa-pull-right, .far.fa-pull-right, .fal.fa-pull-right, .fab.fa-pull-right { margin-left: 0.3em; }
.fa-spin { animation: 2s linear 0s infinite normal none running fa-spin; }
.fa-pulse { animation: 1s steps(8) 0s infinite normal none running fa-spin; }
@-webkit-keyframes fa-spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes fa-spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.fa-rotate-90 { transform: rotate(90deg); }
.fa-rotate-180 { transform: rotate(180deg); }
.fa-rotate-270 { transform: rotate(270deg); }
.fa-flip-horizontal { transform: scale(-1, 1); }
.fa-flip-vertical { transform: scale(1, -1); }
.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { transform: scale(-1, -1); }
:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-flip-both { filter: none; }
.fa-stack { display: inline-block; height: 2em; position: relative; width: 2.5em; }
.fa-stack-1x, .fa-stack-2x { inset: 0px; margin: auto; position: absolute; }
.svg-inline--fa.fa-stack-1x { height: 1em; width: 1.25em; }
.svg-inline--fa.fa-stack-2x { height: 2em; width: 2.5em; }
.fa-inverse { color: rgb(255, 255, 255); }
.sr-only { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; }
.sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0px; overflow: visible; position: static; width: auto; }
.svg-inline--fa .fa-primary { fill: var(--fa-primary-color, currentColor); opacity: var(--fa-primary-opacity, 1); }
.svg-inline--fa .fa-secondary { fill: var(--fa-secondary-color, currentColor); opacity: var(--fa-secondary-opacity, 0.4); }
.svg-inline--fa.fa-swap-opacity .fa-primary { opacity: var(--fa-secondary-opacity, 0.4); }
.svg-inline--fa.fa-swap-opacity .fa-secondary { opacity: var(--fa-primary-opacity, 1); }
.svg-inline--fa mask .fa-primary, .svg-inline--fa mask .fa-secondary { fill: black; }
.fad.fa-inverse { color: rgb(255, 255, 255); }
@font-face { font-family: Poppins; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/poppins/v19/pxiEyp8kv8JHgFVrFJA.ttf") format("truetype"); }
@font-face { font-family: Poppins; font-style: normal; font-weight: 600; src: url("https://fonts.gstatic.com/s/poppins/v19/pxiByp8kv8JHgFVrLEj6V1s.ttf") format("truetype"); }
@font-face { font-family: Poppins; font-style: normal; font-weight: 700; src: url("https://fonts.gstatic.com/s/poppins/v19/pxiByp8kv8JHgFVrLCz7V1s.ttf") format("truetype"); }
@font-face { font-family: Poppins; font-style: normal; font-weight: 800; src: url("https://fonts.gstatic.com/s/poppins/v19/pxiByp8kv8JHgFVrLDD4V1s.ttf") format("truetype"); }
@font-face { font-family: Poppins; font-style: normal; font-weight: 900; src: url("https://fonts.gstatic.com/s/poppins/v19/pxiByp8kv8JHgFVrLBT5V1s.ttf") format("truetype"); }
@font-face { font-family: Roboto; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu72xKOzY.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: Roboto; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu5mxKOzY.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: Roboto; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu7mxKOzY.woff2") format("woff2"); unicode-range: U+1F00-1FFF; }
@font-face { font-family: Roboto; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu4WxKOzY.woff2") format("woff2"); unicode-range: U+370-3FF; }
@font-face { font-family: Roboto; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu7WxKOzY.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: Roboto; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu7GxKOzY.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Roboto; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu4mxK.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
body { font-family: Roboto, "sans-serif"; margin: 0px; font-size: 16px; background: white; line-height: 1.5em; }
::-webkit-scrollbar { width: 0px; background: transparent; }
.hjFEOR { width: 100%; height: 60px; top: 0px; transition: 0.25s; background: rgb(230, 52, 52); display: flex; -webkit-box-pack: center; justify-content: center; z-index: 3; }
.hjFEOR .nav-inner { max-width: 900px; width: 100%; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }
.hjFEOR .nav-icon { width: 60px; height: 60px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; color: white; }
.hjFEOR .nav-icon .nav-icon-circle { width: 36px; height: 36px; border-radius: 50%; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; background: white; }
.hjFEOR .nav-icon .nav-icon-circle:hover { cursor: pointer; opacity: 0.9; }
.hjFEOR .nav-icon svg { color: rgb(241, 22, 53); width: 16px !important; height: 16px !important; }
@media only screen and (min-width: 600px) {
  .hjFEOR .nav-icon { width: 80px; height: 80px; }
}
.hjFEOR .nav-logo { width: 120px; }
@media only screen and (min-width: 600px) {
  .hjFEOR .nav-logo { width: 160px; }
}
@media only screen and (min-width: 600px) {
  .hjFEOR { height: 80px; left: auto !important; }
}
.hdMKc { width: 100%; min-height: 100px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; flex-direction: column; color: grey; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; }
.hmBDfs { width: 100%; }
.hmBDfs img { width: 100%; display: block; }
.hmBDfs img.true:hover { cursor: pointer; opacity: 0.9; }
.cphzFs { width: 100%; }
.bXSesf { position: fixed; width: 300px; height: 100%; top: 0px; bottom: 0px; left: -300px; z-index: 1; transition: 0.25s; background: rgb(57, 65, 75); display: flex; flex-direction: column; overflow-y: scroll; scroll-behavior: smooth; scrollbar-width: none; }
.bXSesf .logo { width: 160px; height: 60px; -webkit-box-pack: center; justify-content: center; margin: 40px auto 30px; display: flex; -webkit-box-align: center; align-items: center; }
.bXSesf .my-button-base { width: 100%; height: 60px; display: flex; -webkit-box-pack: justify; justify-content: space-between; color: white; font-size: 14px; text-transform: capitalize; }
.bXSesf .my-button-base .label { margin: 0px 0px 0px 20px; }
.bXSesf .my-button-base svg, .bXSesf .my-button-base .cloudinary { width: 20px; height: 20px; margin: 0px 20px 0px 0px; }
.bXSesf .my-button-base .MuiSwitch-root { margin: 0px 10px 0px 0px; }
.bXSesf .my-button-base.patron { background: rgb(255, 88, 0); }
.bXSesf .my-button-base.support.true { background: rgb(116, 158, 60); }
.bXSesf .my-button-base.support.false { background: rgb(165, 66, 61); }
.bXSesf.true { left: 0px; }
.kwdmyy { width: 40px; height: 40px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; position: relative; }
.kwdmyy .my-underlay { width: 40px; height: 40px; position: absolute; background: rgb(199, 199, 199); border-radius: 50%; transition: 0.25s; }
.kwdmyy .my-underlay.true { background: rgb(255, 88, 0); }
.kwdmyy .my-image { position: absolute; width: 36px; height: 36px; z-index: 1; }
.kwdmyy:hover.true { cursor: pointer; }
.kwdmyy:hover.true .my-underlay { background: rgb(230, 52, 52) !important; }
.cbwvVy { display: flex; -webkit-box-align: center; align-items: center; }
.cbwvVy .user-avatar { margin: 0px 10px 0px 0px; }
.cbwvVy .display-name { font-size: 14px; font-weight: bold; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid transparent; transition: color 0.25s; }
.cbwvVy .display-name.true { border-bottom: 4px solid rgb(230, 52, 52); }
.cbwvVy .display-name.true:hover { cursor: pointer; color: rgb(230, 52, 52); }
.hVzGPo { display: flex; -webkit-box-align: center; align-items: center; font-size: 14px; color: grey; }
.FzYJQ { max-width: 900px; width: 100%; margin: 0px auto; display: flex; flex-direction: column; -webkit-box-pack: center; justify-content: center; }
.kSwzmu { width: 8px; height: 8px; background: rgb(232, 232, 232); border-radius: 50%; margin: 0px 8px; }
.dWABFP { display: flex; -webkit-box-align: center; align-items: center; margin: 0px 20px; color: grey; }
.dWABFP .user-badge .display-name { font-size: 14px; }
.dWABFP .my-button-base { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; padding: 0px; border-radius: 50%; color: grey; background: white; transition: color 0.25s; border: none; width: 30px; height: 30px; }
.dWABFP .my-button-base svg { width: 16px; height: 16px; }
.dWABFP .my-button-base:hover { cursor: pointer; color: white; background: rgb(230, 52, 52); }
.ivibil { line-height: 1.5em; color: rgb(72, 72, 72); }
.ivibil h1, .ivibil h2, .ivibil h3 { line-height: 1.5em; }
.cMWbXJ { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.cMWbXJ .cloudinary { padding: 10px; }
@media only screen and (min-width: 600px) {
}
.dRlQHc { display: flex; flex-direction: column; }
.dRlQHc .av-banner { max-width: 900px; width: 100%; margin: 0px auto 30px; }
.dRlQHc .av-category { max-width: 900px; width: 100%; text-transform: uppercase; letter-spacing: 2px; font-weight: bold; margin: 0px auto 18px; color: rgb(230, 52, 52); }
.dRlQHc .av-category h2 { font-size: 16px; line-height: 1.5em; margin: 0px 20px; }
.dRlQHc .av-category h2 span:hover { cursor: pointer; }
.dRlQHc .av-title { max-width: 900px; width: 100%; margin: 0px auto 30px; }
.dRlQHc .av-title h1 { font-size: 30px; line-height: 1.5em; margin: 0px 20px; }
.dRlQHc .av-meta { max-width: 900px; width: 100%; margin: 0px auto 20px; }
.dRlQHc .av-content { max-width: 900px; width: 100%; margin: 0px auto 20px; }
.dRlQHc .av-content .my-html { margin: 0px 20px; }
.dRlQHc .av-content .embdscl0 { z-index: 0; }
@media only screen and (max-width: 599px) {
  .dRlQHc .av-content .embdscl0 { display: none; }
}
.dRlQHc .av-content img { max-width: 100%; }
.dRlQHc .av-interaction { background: whitesmoke; padding: 20px 0px; }
.dRlQHc .av-interaction .av-boxed { max-width: 900px; width: 100%; margin: 0px auto; }
.dRlQHc .av-interaction .av-boxed .article-interaction { margin: 0px 20px; }
.dRlQHc .av-tags { background: whitesmoke; padding: 0px 0px 20px; }
.dRlQHc .av-tags .av-boxed { max-width: 900px; width: 100%; margin: 0px auto; }
.dRlQHc .av-tags .av-boxed .article-tags { margin: 0px 20px; }
.dRlQHc .av-advert { margin: 0px; padding: 40px 0px; }
.dRlQHc .av-advert .av-boxed { max-width: 900px; width: 100%; margin: 0px auto; display: flex; }
@media only screen and (max-width: 599px) {
  .dRlQHc .av-advert .av-padding { width: 90%; margin: 0px auto; }
}
@media only screen and (min-width: 600px) {
  .dRlQHc .av-advert .av-padding { -webkit-box-flex: 1; flex-grow: 1; padding: 20px; }
}
.dRlQHc .av-advert .label { font-size: 16px; color: grey; margin: 0px 0px 20px; text-transform: uppercase; }
@media only screen and (min-width: 600px) {
  .dRlQHc .av-advert .label { color: white; }
}
@media only screen and (min-width: 600px) {
  .dRlQHc .av-advert { background: rgb(230, 52, 52); }
}
.dRlQHc .loading { width: 100%; height: 100px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.dRlQHc .av-comments { padding: 20px 0px; }
.dRlQHc .av-comments .av-boxed { max-width: 900px; width: 100%; margin: 0px auto; }
.dRlQHc .av-teasers { background: whitesmoke; }
.dRlQHc .av-teasers .av-boxed { max-width: 900px; width: 100%; margin: 0px auto; }
@media only screen and (min-width: 600px) {
  .dRlQHc { margin: 40px 0px 0px; }
}
.gOzpRF { width: 100%; -webkit-box-flex: 1; flex-grow: 1; }
.gOzpRF.true { padding: 60px 0px 0px; }
@media only screen and (min-width: 600px) {
  .gOzpRF.true { padding: 80px 0px 0px; }
}
.cTJCEO { width: 100%; color: white; }
.cTJCEO .footer-section { width: 100%; padding: 40px 0px; }
.cTJCEO .footer-section.blocks { background: rgb(33, 33, 33); }
.cTJCEO .footer-section.copyright { text-align: center; background: rgb(20, 20, 20); font-size: 14px; padding: 20px 0px; }
.cTJCEO .footer-section.copyright span { padding: 0px 20px; display: block; line-height: 30px; }
.cTJCEO .footer-inner { max-width: 900px; width: 100%; display: flex; flex-direction: column; justify-content: space-evenly; margin: 0px auto; }
@media only screen and (max-width: 599px) {
  .cTJCEO .footer-inner { -webkit-box-align: center; align-items: center; }
}
@media only screen and (min-width: 600px) {
  .cTJCEO .footer-inner { flex-direction: row; justify-content: space-evenly; }
}
.cTJCEO .footer-block { width: 140px; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; }
@media only screen and (min-width: 600px) {
  .cTJCEO .footer-block { margin-bottom: 0px !important; }
}
.cTJCEO .my-icon { width: 24px; height: 24px; margin: 0px 0px 15px; }
.cTJCEO .my-icon svg { width: 24px; height: 24px; }
.cTJCEO .footer-header { display: flex; -webkit-box-align: center; align-items: center; text-transform: uppercase; font-weight: bold; font-size: 16px; margin: 0px 0px 15px; }
.cTJCEO .footer-link { color: rgb(165, 165, 165); transition: 0.25s; font-size: 16px; line-height: 16px; margin: 0px 0px 8px; }
.cTJCEO .footer-link.rss { color: rgb(255, 141, 42); }
.cTJCEO .footer-link:hover { cursor: pointer; color: white !important; }
.cTJCEO .footer-icons { display: flex; }
.cTJCEO .footer-icons .footer-icon { margin: 5px; }
.cTJCEO .footer-icons .footer-icon img { transition: 0.25s; opacity: 0.5; }
.cTJCEO .footer-icons .footer-icon img:hover { opacity: 1; cursor: pointer; }
.cWDqoz { position: fixed; top: 0px; bottom: 0px; left: 0px; opacity: 0; width: 100%; height: 100%; transition: 0.25s; z-index: 3; pointer-events: none; }
.cWDqoz .my-button-base { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.88); }
.cWDqoz.true { left: 300px; opacity: 1; pointer-events: all; }
.ekiLZs { position: fixed; width: 100%; height: 100%; transition: 0.25s; scrollbar-width: none; overflow-y: scroll; scroll-behavior: smooth; left: 0px; display: flex; flex-direction: column; }
.ekiLZs .routes { -webkit-box-flex: 1; flex-grow: 1; }
.ekiLZs.true { left: 300px; }
.ekiLZs.false .nav { left: 0px; }
.dkwVfS { display: flex; flex-direction: column; margin: 20px; }
.dkwVfS .teaser { margin: 0px 0px 20px; }
.dkwVfS .teaser .title { font-size: 14px; font-weight: 700; color: rgb(0, 0, 0); padding: 10px 0px 10px 2px; }
@media only screen and (min-width: 600px) {
  .dkwVfS .teaser { width: 50%; padding: 10px; }
}
@media only screen and (min-width: 600px) {
  .dkwVfS { flex-direction: row; margin: 10px; }
}
.compose { padding: 0px 0px 100px; }
.compose .compose-header { font-size: 16px; text-align: center; margin: 30px 0px; color: grey; text-transform: uppercase; letter-spacing: 1px; }
.compose .compose-banner { margin: 0px 0px 30px; display: flex; justify-content: center; align-items: center; flex-direction: column; color: grey; text-transform: uppercase; letter-spacing: 1px; }
.compose .compose-banner .cloudinary { width: 50px; }
.compose .compose-banner img { width: 50px; height: 50px; margin: 0px 0px 10px; }
.compose .compose-label { display: flex; justify-content: space-between; align-items: center; margin: 30px 25px 10px; font-size: 12px; text-transform: uppercase; color: grey; border-radius: 5px; }
.compose .compose-label .label { color: grey; }
.compose .compose-label .status.ok { color: rgb(95, 247, 95); }
.compose .compose-label .status.error { color: rgb(241, 22, 53); }
@media only screen and (min-width: 600px) {
  .compose .compose-label { font-size: 14px; }
}
.compose .article-input { margin: 0px 20px 20px; padding: 10px; border-radius: 3px; }
.compose .article-input .my-input-base { color: grey; caret-color: rgb(241, 22, 53); line-height: 1.5em; }
.compose .article-input.true { box-shadow: rgb(136, 136, 136) 0px 0px 5px; }
.compose .article-input.white { background: white; }
.compose .article-input.smoke { background: whitesmoke; }
.compose .compose-item { margin: 20px; }
.compose .suggestions { margin: 20px; display: flex; justify-content: center; flex-direction: column; }
.compose .suggestions .suggestion { background: whitesmoke; border-radius: 2px; display: flex; align-items: center; width: 100%; }
.compose .suggestions .suggestion .image { min-width: 50px; width: 50px; padding: 20px; margin: 0px 10px 0px 0px; }
.compose .suggestions .suggestion .label { padding: 20px 20px 20px 0px; text-transform: capitalize; color: grey; }
@media only screen and (min-width: 600px) {
  .compose .suggestions .suggestion { width: 49%; margin-bottom: 0px !important; }
}
@media only screen and (max-width: 599px) {
  .compose .suggestions { display: none; }
}
@media only screen and (min-width: 600px) {
  .compose .suggestions { flex-direction: row; justify-content: space-between; }
}
.compose .fr-box .fr-wrapper { min-height: 600px; }
.compose .my-image { margin: 0px 20px 20px; }
.compose .control-buttons { display: flex; justify-content: center; }
.compose .control-buttons .my-button { width: 140px; height: 50px; display: flex; justify-content: center; align-items: center; margin: 20px; }
.compose .control-buttons .my-button:hover { cursor: pointer; }
.compose .control-buttons .my-button.reset { background: whitesmoke; color: grey; }
.compose .control-buttons .my-button.submit { background: rgb(241, 22, 53); color: white; }
.compose-category { display: flex; align-items: center; justify-content: space-between; }
.compose-category .compose-category-label { font-size: 12px; text-transform: uppercase; color: grey; }
.compose-category .my-button-base { background: rgb(245, 245, 245); width: 160px; height: 40px; color: grey; font-size: 12px; text-transform: uppercase; }
.compose-tags { display: flex; justify-content: space-between; flex-wrap: wrap; }
.compose-tags .compose-tags-label { font-size: 12px; text-transform: uppercase; color: grey; flex-grow: 1; display: flex; align-items: center; }
.compose-tags .my-button-base { background: rgb(245, 245, 245); width: 30px; height: 30px; color: grey; font-size: 20px; font-weight: bold; border-radius: 4px; }
.compose-tags .tag-list { display: flex; flex-wrap: wrap; overflow-y: scroll; scroll-behavior: smooth; width: 100%; margin: 20px 0px 0px; }
.tag-popup { width: 320px; height: 320px; padding: 20px; display: flex; flex-direction: column; }
.tag-popup .tag-popup-control { display: flex; justify-content: space-between; align-items: center; margin: 0px 0px 20px; }
.tag-popup .tag-popup-control .my-input-base { flex-grow: 1; height: 30px; padding: 5px 5px 5px 10px; margin: 0px 10px 0px 0px; background: whitesmoke; border-radius: 4px; }
.tag-popup .tag-popup-control .my-button-base { width: 30px; height: 30px; background: whitesmoke; border-radius: 4px; }
.tag-popup .tag-popup-list { display: flex; flex-wrap: wrap; overflow-y: scroll; scroll-behavior: smooth; }
.tag-popup .tag-popup-list .tag { height: 30px; padding: 4px 8px; background: whitesmoke; margin: 0px 5px 5px 0px; color: grey; transition: 0.25s; }
.tag-popup .tag-popup-list .tag:hover { background: rgb(241, 22, 53); color: white; }
.article-tag { color: rgb(241, 22, 53); margin: 0px 15px 15px 0px; font-weight: bold; }
.article-tag svg { width: 16px; height: 16px; }
.article-tag span { margin: 0px 0px 0px 5px; }
.article-tag span:hover { cursor: pointer; opacity: 0.9; }
.image-browser { margin: 40px 20px 20px; }
.image-browser .image-tags { width: 100%; display: flex; flex-wrap: wrap; }
.image-browser .image-tags .image-tag { flex-grow: 1; background: whitesmoke; color: grey; margin: 2px; height: 30px; border-radius: 4px; padding: 0px 8px; text-transform: capitalize; transition: 0.25s; }
.image-browser .image-tags .image-tag.true { background: rgb(241, 22, 53); color: white; }
@media only screen and (min-width: 600px) {
  .image-browser .image-tags { }
}
.image-browser .image-grid { display: flex; flex-wrap: wrap; }
.image-browser .image-grid .image { width: 50%; }
.image-browser .image-grid .image .margin { margin: 5px; flex-grow: 1; display: flex; }
.image-browser .image-grid .image .margin .cloudinary { border-radius: 2px; overflow: hidden; }
@media only screen and (min-width: 600px) {
  .image-browser .image-grid .image { width: 25%; }
}
.fr-box { width: 100%; font-size: 16px; }
.fr-box .fr-toolbar, .fr-box .fr-wrapper { background: transparent !important; border: none !important; }
.fr-box .second-toolbar { display: none; }
.fr-box .fr-btn { display: flex; justify-content: center; align-items: center; width: 24px !important; height: 24px !important; margin: 10px 4px !important; }
.fr-box .fr-btn .fr-svg { padding: 2px; width: 20px !important; height: 20px !important; margin: 0px !important; }
.fr-box .fr-btn svg { height: 20px !important; width: 20px !important; }
.fr-box .fr-btn img { width: 14px !important; height: 14px !important; margin: 0px !important; }
.fr-box .insert { color: white; border-radius: 2px; text-transform: uppercase; padding: 5px 10px; font-weight: bold; }
.fr-box .insert.my-game { background: rgb(249, 142, 64); }
.fr-box .insert.my-advert { background: rgb(71, 136, 244); }
.fr-box .fr-element { font-size: 16px !important; }
.fr-emoticon { font-size: inherit; height: 1em; width: 1em; min-height: 20px; min-width: 20px; display: inline-block; margin: -0.1em 0.1em 0.1em; line-height: 1; vertical-align: middle; background-repeat: no-repeat !important; }
.fr-embedly { margin: 0px 0px 20px; height: auto !important; }
@media only screen and (min-width: 600px) {
  .fr-embedly { background: whitesmoke; padding: 5px 10px; border-radius: 2px; }
}
.froala { border-radius: 2px; }
.article-interaction { display: flex; align-items: center; }
.article-interaction .article-interact-item { display: flex; align-items: center; height: 30px; width: 70px; border-radius: 4px; margin: 0px 10px 0px 0px; color: grey; transition: 0.25s; }
.article-interaction .article-interact-item svg { height: 18px; width: 18px; }
.article-interaction .article-interact-item .my-button-base { height: 32px; min-width: 32px; border-radius: 16px; margin: 0px 6px 0px 0px; background: whitesmoke; position: relative; transition: 0.25s; }
.article-interaction .article-interact-item .my-button-base:hover { background: rgb(241, 22, 53); color: white; }
.article-interaction .article-interact-item .emoticon { height: 20px; width: 20px; position: absolute; top: 6px; left: 6px; }
.article-interaction .article-interact-item .item-count { display: flex; align-items: center; font-size: 14px; color: grey; }
.article-interaction .article-interact-item.true svg { color: rgb(241, 22, 53); }
.buttons-popover { display: flex; flex-direction: column; padding: 10px; }
.buttons-popover .my-button-popover-base { width: 120px; height: 40px; display: flex; justify-content: space-between; align-items: center; padding: 8px; background: whitesmoke; border-radius: 4px; font-size: 10px; text-transform: uppercase; color: grey; letter-spacing: 1px; }
.buttons-popover .my-button-popover-base.spam, .buttons-popover .my-button-popover-base.abusive { background: rgb(241, 22, 53); color: white; }
.buttons-popover .my-button-popover-base.spam svg, .buttons-popover .my-button-popover-base.abusive svg { color: white; }
.buttons-popover .my-button-popover-base.facebook { background: rgb(66, 103, 178); color: white; }
.buttons-popover .my-button-popover-base.twitter { background: rgb(29, 161, 242); color: white; }
.buttons-popover .my-button-popover-base.link { background: whitesmoke; color: grey; }
.buttons-popover .my-button-popover-base.link svg { color: black; }
.buttons-popover .my-button-popover-base .my-icon { width: 20px; height: 20px; }
.buttons-popover .my-button-popover-base svg { width: 20px; height: 20px; }
.article-teaser-strip { display: flex; align-items: center; height: 80px; padding: 0px; width: 100%; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 2px 1px -1px; border-radius: 4px !important; justify-content: flex-start !important; }
.article-teaser-strip .strip-image { min-width: 54px; width: 54px; height: 54px; padding: 0px 0px 0px 20px; margin: 0px 10px 0px 0px; }
.article-teaser-strip .strip-title { flex-grow: 1; }
.article-teaser-strip .strip-label { color: rgb(241, 22, 53); font-size: 14px; font-weight: 700; padding: 0px 20px 0px 0px; margin: 0px 0px 0px 10px; }
.article-viewer-control-popover .sure-popover { display: flex; justify-content: center; align-items: center; height: 30px; width: 200px; padding: 5px; }
.article-viewer-control-popover .sure-popover .sure-popover-label { margin: 0px 10px; font-size: 14px; color: grey; }
.article-viewer-control-popover .sure-popover .sure-popover-icon { width: 24px; height: 24px; color: white; border-radius: 50%; }
.article-viewer-control-popover .sure-popover .sure-popover-icon.close { background: rgb(241, 22, 53); }
.article-viewer-control-popover .sure-popover .sure-popover-icon.done { background: rgb(63, 212, 63); }
.reaction-list { display: flex; padding: 10px; width: 220px; justify-content: space-between; border-radius: 5px; }
.reaction-list .reaction { width: 30px; height: 30px; color: rgb(255, 204, 77); }
.reaction-list .reaction svg { width: 30px; height: 30px; }
.reaction-list .reaction.thumbUp { display: flex; justify-content: center; align-items: center; color: white; border-radius: 50%; background: rgb(63, 140, 255); }
.reaction-list .reaction.thumbUp svg { width: 16px; height: 16px; }
.sure-popover { display: flex; align-items: center; justify-content: space-between; padding: 10px 20px; background: white; border-radius: 4px; }
.sure-popover .sure-icon { width: 30px; height: 30px; border-radius: 50%; color: white; }
.sure-popover .sure-icon svg { width: 16px; height: 16px; }
.sure-popover .sure-icon.close { background: rgb(241, 22, 53); }
.sure-popover .sure-icon.done { background: green; }
.sure-popover .sure-label { margin: 0px 20px; }
.pick-stats { position: relative; display: flex; flex-direction: column; }
.pick-stats .banner { position: absolute; top: 0px; z-index: 0; }
.pick-stats .banner .gradient { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.66); top: 0px; }
@media only screen and (min-width: 600px) {
  .pick-stats .banner { display: none; height: 100%; }
  .pick-stats .banner .cloudinary { height: 100%; }
  .pick-stats .banner img { height: 100%; }
}
.pick-stats .connector { position: relative; width: 100%; height: 0px; display: flex; align-items: center; justify-content: center; margin: 0px auto; z-index: 1; }
.pick-stats .connector .cube { width: 30px; height: 30px; position: absolute; transform: rotate(45deg); background: whitesmoke; z-index: 0; }
.pick-stats .connector .arrows { position: absolute; width: 20px; height: 20px; }
@media only screen and (min-width: 600px) {
  .pick-stats .connector { display: none; }
}
.pick-stats .pick-terms { width: 100%; text-align: center; color: grey; margin: 30px 0px; }
.pick-stats .pick-terms span:hover { cursor: pointer; color: white; }
.pick-stats .socials { background: rgb(33, 33, 33); margin: 0px; height: 50px; z-index: 1; }
.pick-stats .socials .social-label { display: none; }
@media only screen and (min-width: 600px) {
  .pick-stats { background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.8)), url("https://res.cloudinary.com/thearsenalreview/image/upload/q_100,f_auto,q_auto,f_auto,w_900,q_auto/dpr_auto/system/pick-leaderboards"); background-size: cover; background-repeat: no-repeat; background-position: center center; }
}
.user-stats { width: 100%; margin: 30px 0px 0px; }
.user-stats .table-row .table-column { background: rgb(241, 22, 53); color: white; }
.user-stats .table-row .table-column.display-name .name { color: white; }
.user-stats .table-row .table-column.display-name .trophy { color: white; }
.world-stats { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0px 0px 20px; background: whitesmoke; }
.world-stats svg { width: 16px; height: 16px; }
.world-stats .stats-header { display: flex; justify-content: center; align-items: center; margin: 30px 0px 0px; z-index: 1; }
.world-stats .stats-header .icon { color: gold; width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; }
.world-stats .stats-header .label { font-weight: bold; color: white; margin: 0px 20px; }
.world-stats .filter-tabs { width: 100%; display: flex; justify-content: center; align-items: center; font-weight: bold; z-index: 1; color: rgb(167, 167, 167); margin: 30px 0px 0px; }
.world-stats .filter-tabs .filter-tab { border-bottom: 2px solid transparent; transition: 0.25s; }
.world-stats .filter-tabs .filter-tab.true { border-bottom: 2px solid rgb(241, 22, 53); }
.world-stats .filter-tabs .filter-tab:hover { color: white; cursor: pointer; border-bottom: 2px solid rgb(241, 22, 53); }
.world-stats .stats-table { margin: 20px 0px 0px; }
.world-stats .pagination .my-button-base { color: white; }
@media only screen and (min-width: 600px) {
  .world-stats { background: transparent; padding: 0px; }
}
.stats-table { z-index: 2; display: inherit; flex-direction: inherit; width: 100%; font-size: 14px; }
.stats-table .wrapper { margin: 0px 20px; flex-grow: 1; }
@media only screen and (min-width: 600px) {
  .stats-table .wrapper { margin: 0px 40px; }
}
.stats-table .label { color: grey; text-align: center; padding: 10px 0px; }
@media only screen and (min-width: 600px) {
  .stats-table .label { color: white; }
}
.stats-table .table-row { display: flex; height: 40px; color: rgb(167, 167, 167); border-left: 5px solid transparent; }
.stats-table .table-row.data { color: grey; background: white; border-radius: 4px; box-shadow: rgb(136, 136, 136) 0px 0px 10px; overflow: hidden; }
.stats-table .table-row.data.my-table { background: rgb(241, 22, 53); }
.stats-table .table-column { width: 12%; display: flex; justify-content: center; align-items: center; background: white; }
.stats-table .table-column.info { display: flex; justify-content: center; align-items: center; margin: 0px; width: 5px; }
.stats-table .table-column.info:hover { cursor: pointer; color: white; }
.stats-table .table-column.display-name { flex-grow: 1; justify-content: flex-start; align-items: center; color: black; font-weight: bold; }
.stats-table .table-column.display-name .index { margin: 0px 5px; font-size: 12px; }
.stats-table .table-column.display-name .info-icon { margin: 0px; }
.stats-table .table-column.display-name .info-icon svg { width: 18px; height: 18px; position: relative; left: -10px; }
.stats-table .table-column.display-name .info-icon:hover { cursor: pointer; color: white; }
.stats-table .table-column.display-name .trophy { justify-content: center; align-items: center; width: 12px; height: 12px; margin: 0px 5px 0px 0px; display: none; }
.stats-table .table-column.display-name .trophy svg { width: 12px; height: 12px; }
.stats-table .table-column.display-name .name { font-size: 12px; }
.stats-table .table-column.display-name .name.hover span:hover { cursor: pointer; color: rgb(241, 22, 53); }
.stats-table .table-column.display-name.label { color: rgb(167, 167, 167); }
.stats-table .table-column.label { background: transparent; }
.stats-table .table-column.label.star { color: gold; }
.stats-table .table-column.label span { border-bottom: 2px solid transparent; width: 30px; display: flex; justify-content: center; align-items: center; height: 22px; }
.stats-table .table-column.label.true span { color: white; text-shadow: white 0px 0px 10px; border-bottom: 2px solid rgb(241, 22, 53); }
.stats-table .table-column.hover span:hover { cursor: pointer; color: white; }
.stats-table .table-column.smoke { background: whitesmoke; }
.stats-table .table-column.count { background: rgb(33, 33, 33); color: white; font-weight: bold; }
.stats-table .table-column.score { background: gold; color: black; font-weight: bold; }
.stats-table .table-column.true { font-weight: bold; }
@media only screen and (max-width: 599px) {
  .stats-table .pagination svg { color: rgb(241, 22, 53); }
}
.pick-share { max-width: 300px; background: rgb(20, 20, 20); border-radius: 10px; display: flex; flex-direction: column; position: relative; outline: none; }
.pick-share .close { position: absolute; top: -12px; right: -12px; border-radius: 50%; display: flex; justify-content: center; align-items: center; background: rgb(241, 22, 53); color: white; width: 30px; height: 30px; padding: 0px; z-index: 2; }
.pick-share .close:hover { background: rgb(243, 52, 79); }
.pick-share .match-verses { height: 40px; font-size: 10px; color: white; background: transparent; position: relative !important; top: auto !important; }
.pick-share .match-verses .team { margin: 0px 5px; }
.pick-share .match-verses .team .club-logo { width: 24px; height: 24px; }
.pick-share .match-verses .team .club-short-name { color: white; margin: 0px 5px; }
.pick-share .pitch .image { min-height: auto; }
.pick-share .pitch .pitch-marker { width: 50px; height: 50px; }
.pick-share .pitch .pitch-marker .my-button-base { width: 50px; height: 50px; }
.pick-share .pitch .pitch-marker .my-button-base .avatar { width: 50px; height: 50px; }
.pick-share .pitch .pitch-marker .underlay { width: 50px; height: 50px; }
.pick-share .pitch .short-name { font-size: 12px; }
.pick-share .share-control { display: flex; flex-direction: column; align-items: center; padding: 10px 0px; }
.pick-share .share-control .info { display: flex; align-items: center; margin: 0px 0px 10px; color: white; }
.pick-share .share-control .icons { display: flex; align-items: center; }
.pick-share .share-control .icons .my-icon { width: 28px; height: 28px; margin: 0px 5px; }
.pick-share .share-control .icons .my-icon:hover { cursor: pointer; opacity: 0.9; }
.user-picks { background: rgb(20, 20, 20); padding: 20px 40px; display: flex; flex-direction: column; font-size: 10px; letter-spacing: 0.5px; }
.user-picks .header { width: 100%; height: 30px; display: flex; justify-content: center; align-items: center; color: white; font-size: 12px; text-transform: uppercase; }
.user-picks .info { display: flex; align-items: center; color: white; height: 20px; }
.user-picks .info .item { height: inherit; }
.user-picks .info .opponent { flex-grow: 1; padding-left: 10px; }
.user-picks .info .date { width: 30%; display: flex; justify-content: center; }
.user-picks .info .score { width: 20%; display: flex; justify-content: center; }
.user-picks .user-pick { flex-grow: 1; height: 40px; display: flex; justify-content: space-between; align-items: center; background: white; border-radius: 4px; overflow: hidden; font-size: 14px; margin-bottom: 10px; color: rgb(20, 20, 20); }
.user-picks .user-pick .item { display: flex; justify-content: center; align-items: center; height: inherit; }
.user-picks .user-pick .opponent { width: 60%; justify-content: flex-start; }
.user-picks .user-pick .avatar { width: 30px; height: 30px; padding: 5px 5px 5px 10px; }
.user-picks .user-pick .name { padding: 0px 0px 0px 10px; }
.user-picks .user-pick .date { width: 30%; }
.user-picks .user-pick .score { width: 20%; background: rgb(232, 232, 232); }
.user-picks .block { width: 100%; height: 40px; margin-bottom: 10px; background: rgb(14, 14, 14); border-radius: 4px; }
.user-picks .pagination .my-button-base svg { color: white; }
@media only screen and (max-width: 599px) {
  .user-picks { padding: 20px; }
}
.player-list-menu { transition: 1s; display: flex !important; justify-content: center !important; align-items: center !important; }
.player-list-menu .player-list-menu-item { padding: 0px; display: flex; min-height: 70px; background-color: rgba(0, 0, 0, 0) !important; }
.my-pick-modal { display: flex; justify-content: center; align-items: center; }
.my-pick-modal .my-modal-wrap { max-width: 320px; max-height: 600px; width: 90%; height: 98%; border-radius: 20px; display: flex; flex-direction: column; outline: none; }
.my-pick-modal .my-modal-wrap .modal-row.match { background: rgb(18, 21, 19); width: 100%; border-top-left-radius: 15px; border-top-right-radius: 15px; color: grey; display: flex; padding: 6px 0px; }
.my-pick-modal .my-modal-wrap .modal-row.match .col { font-size: 10px; }
.my-pick-modal .my-modal-wrap .modal-row.match .col img { width: 25px; }
.my-pick-modal .my-modal-wrap .modal-row.match .col.my-verses { display: flex; justify-content: center; align-items: center; width: 85%; }
.my-pick-modal .my-modal-wrap .modal-row.match .col.my-verses .vs { flex-grow: 1; display: flex; justify-content: center; align-items: center; color: white; }
.my-pick-modal .my-modal-wrap .modal-row.match .col.exit { width: 15%; display: flex; justify-content: center; align-items: center; color: grey; }
.my-pick-modal .my-modal-wrap .modal-row.match .col.exit svg:hover { opacity: 0.75; color: rgb(241, 22, 53); cursor: pointer; }
.my-pick-modal .my-modal-wrap .modal-row.pitch-control { background-image: url("https://res.cloudinary.com/thearsenalreview/image/upload/v1558108676/system/pitch-mobile.png"); width: 100%; background-position: center center; background-size: contain; display: flex; justify-content: space-evenly; flex-direction: column-reverse; }
.my-pick-modal .my-modal-wrap .modal-row.pitch-control .row { flex-grow: 1; width: 100%; display: flex; justify-content: center; align-items: center; }
.my-pick-modal .my-modal-wrap .modal-row.pitch-control .row .col { width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; margin: 4px; position: relative; }
.my-pick-modal .my-modal-wrap .modal-row.share-icons { background: white; color: grey; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 2px 0px; border-bottom-left-radius: 14px; border-bottom-right-radius: 14px; }
.my-pick-modal .my-modal-wrap .modal-row.share-icons .info { font-size: 12px; margin-top: 10px; }
.my-pick-modal .my-modal-wrap .modal-row.share-icons .icons { display: flex; }
.my-pick-modal .my-modal-wrap .modal-row.share-icons .icons .icon { width: 30px; height: 30px; margin: 10px; }
.my-pick-modal .my-modal-wrap .modal-row.share-icons .icons .icon svg { width: 30px; height: 30px; }
.my-pick-modal .my-modal-wrap .modal-row.share-icons .icons .icon svg:hover { cursor: pointer; opacity: 0.75; }
.my-pick-modal .my-modal-wrap .modal-row.share-icons .icons .icon.facebook svg path { fill: rgb(59, 87, 157); height: 100%; width: 100%; }
.my-pick-modal .my-modal-wrap .modal-row.share-icons .icons .icon.twitter svg path { fill: rgb(30, 161, 243); height: 100%; width: 100%; }
.my-pick-modal .my-modal-wrap .modal-row.share-icons .icons .icon.instagram svg g circle { fill: white; height: 100%; width: 100%; }
.my-pick-modal .my-modal-wrap .modal-row.share-icons .icons .icon.instagram svg g path { fill: rgb(253, 33, 81); height: 100%; width: 100%; }
.pick-stats-info { max-width: 520px; padding: 20px; font-size: 14px; line-height: 18px; letter-spacing: 1px; }
.player-list-menu .label { width: 100%; display: flex; justify-content: center; color: rgb(84, 80, 80); font-weight: bold; text-transform: uppercase; font-size: 16px; margin: 10px 0px; }
.player-list-menu .menu-item.Mui-selected { background: white; }
.player-list-menu .menu-item.true .player-menu-item .avatar .icon-overlay.done { opacity: 1; }
.player-list-menu .menu-item:hover.true .icon-overlay.clear { opacity: 1; }
.player-list-menu .menu-item:hover.true .icon-overlay.done { opacity: 0; }
.player-list-menu .menu-item.disabled { opacity: 0.25; }
.player-list-menu .menu-item.disabled:hover { cursor: default; background: white !important; }
.player-menu-item { display: flex; align-items: center; }
.player-menu-item .avatar { position: relative; display: flex; justify-content: center; align-items: center; width: 66px; height: 66px; }
.player-menu-item .avatar .underlay { position: absolute; z-index: 0; width: 66px; height: 66px; border-radius: 50%; }
.player-menu-item .avatar .image { width: 60px; height: 60px; position: absolute; background: rgb(195, 106, 45); overflow: hidden; border-radius: 50%; }
.player-menu-item .avatar .icon-overlay { position: absolute; width: 60px; height: 60px; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: white; opacity: 0; }
.player-menu-item .avatar .icon-overlay.done { background: rgba(139, 195, 74, 0.52); }
.player-menu-item .avatar .icon-overlay.clear { background: rgba(241, 22, 53, 0.54); }
.player-menu-item .short-name { margin: 0px 0px 0px 10px; }
.player-control { background: rgb(12, 12, 12); padding: 20px; display: flex; flex-direction: column; width: 300px; }
.player-control .player-input { display: flex; align-items: center; margin: 0px 0px 10px; }
.player-control .player-input .my-icon { width: 60px; height: 60px; background: rgb(20, 20, 20); display: flex; align-items: center; justify-content: center; color: white; }
.player-control .player-input .my-input { height: 60px; flex-grow: 1; background: rgb(29, 29, 29); padding: 0px 10px; display: flex; align-items: center; color: white; font-size: 14px; }
.player-control .player-input .my-input .my-input-base { color: white; caret-color: white; flex-grow: 1; font-size: 14px; }
.player-control .player-input .my-input.my-button { padding: 0px; color: white; }
.player-control .my-clone-base { padding: 0px; height: 100%; width: 100%; color: white; }
.player-control .my-clone-base .label { flex-grow: 1; padding: 0px 10px; text-align: left !important; }
.player-control .my-button-base { background: rgb(241, 22, 53); width: 100%; height: 60px; color: white; }
.player-control .my-button-base:hover { background: rgb(241, 22, 53); opacity: 0.9; }
.match-action-strip { width: 100%; height: 80px; display: flex; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 2px 1px -1px; border-radius: 4px !important; justify-content: space-between !important; }
.match-action-strip .match-action-details { display: flex; flex-direction: column; justify-content: space-evenly; padding: 0px 0px 0px 20px; height: 80px; }
.match-action-strip .match-action-details .match-verses .club-logo { width: 20px; height: 20px; }
.match-action-strip .match-action-details .match-verses .club-short-name { margin: 0px 5px; }
.match-action-strip .match-action-label { padding: 0px 20px 0px 0px; color: rgb(241, 22, 53); font-weight: bold; text-transform: capitalize; font-size: 12px; }
.rate-teasers { display: flex; flex-direction: column; padding: 10px; border-radius: 5px; }
.rate-teasers .rate-teasers-title { margin: 0px 0px 10px 5px; display: flex; font-weight: 700; }
.rate-teasers .rate-teasers-block .match-action-strip .match-action-details .match-verses { display: flex; justify-content: center; align-items: center; }
@media only screen and (max-width: 599px) {
  .rate-teasers { background: whitesmoke; }
}
.gallery { display: flex; flex-wrap: wrap; justify-content: space-between; }
.gallery .image { width: 49%; margin: 0px 0px 10px; }
@media only screen and (min-width: 600px) {
  .gallery .image { width: 24%; margin: 0px 0px 20px; }
}
.show-case { margin: 0px 20px; }
.show-case .showcase-text { color: grey; line-height: 20px; }
.front-image-strip { display: flex; flex-direction: column; justify-content: space-between; align-items: center; margin: 0px 20px; }
.front-image-strip .my-strip-image { border-radius: 2px; overflow: hidden; }
@media only screen and (max-width: 599px) {
  .front-image-strip .my-strip-image { margin: 0px 0px 20px; width: 100% !important; }
  .front-image-strip .my-strip-image.false { margin: 0px; }
}
@media only screen and (min-width: 600px) {
  .front-image-strip { flex-direction: row; }
}
.my-snackbar { min-width: 300px; height: 50px; display: flex; border-radius: 2px; color: white; }
.my-snackbar svg { width: 20px; height: 20px; }
.my-snackbar .snack-wrapper { display: flex; flex-grow: 1; }
.my-snackbar .snack-icon { width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; background: rgba(0, 0, 0, 0.22); }
.my-snackbar .snack-icon svg { width: 20px; height: 20px; }
.my-snackbar .snack-message { flex-grow: 1; display: flex; align-items: center; padding: 0px 10px; font-size: 14px; }
.date-selector { display: flex; background: white; }
.date-selector .wrapper { display: flex; flex-grow: 1; justify-content: center; align-items: center; padding: 30px 20px; }
.date-selector .column { display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0px 10px; }
.date-selector .column .my-span { font-size: 18px; margin: 10px 0px; }
.date-selector .column .my-info { font-size: 10px; margin: 0px 0px 10px; }
.date-selector .column .my-button-base { width: 30px; height: 30px; border-radius: 4px; }
.date-selector .column .my-button-base svg { width: 24px; height: 24px; }
.cc { display: flex; justify-content: center; align-items: center; }
.full-scroll { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background: white; overflow-y: scroll; scroll-behavior: smooth; }
.my-simple-menu .my-menu-item { color: grey; text-transform: capitalize; padding: 0px 10px; max-height: 30px; min-height: 40px; height: 30px; min-width: 120px; font-size: 14px !important; }
.my-simple-popover { display: flex; flex-direction: column; min-width: 160px; }
.my-simple-popover .item { display: flex; align-items: center; height: 30px; padding: 10px; }
.my-simple-popover .item:hover { background: whitesmoke; cursor: pointer; }
.my-simple-popover .allow { display: flex; align-items: center; flex-direction: column; justify-content: center; width: 300px; padding: 20px; }
.my-simple-popover .allow .allow-info { width: 100%; margin: 0px 0px 20px; display: flex; align-items: center; color: grey; text-transform: uppercase; font-size: 14px; font-weight: bold; }
.my-simple-popover .allow .allow-action { background: whitesmoke; width: 100%; border-radius: 5px; }
.my-simple-popover .allow .allow-action .allow-padding { padding: 5px 0px 5px 15px; }
.my-simple-popover .allow svg { width: 30px; height: 20px; color: rgb(241, 22, 53); margin: 0px 10px 0px 0px; }
.my-simple-breakdown { padding: 20px; }
.my-simple-breakdown .breakdown-item { display: flex; justify-content: space-between; align-items: center; }
.my-simple-breakdown .breakdown-item .breakdown-label { margin: 0px 30px 0px 0px; color: grey; font-size: 16px; text-transform: capitalize; }
.my-simple-breakdown .breakdown-item .breakdown-count { font-size: 16px; }
.my-match-filter-item { display: flex; align-items: center; }
.my-match-filter-item .filter-image { width: 20px; height: 20px; margin: 0px 10px 0px 0px; }
.my-match-filter-item .filter-short-name { color: grey; margin: 0px 10px 0px 0px; font-size: 16px; }
.my-match-filter-item .filter-date { color: rgb(173, 173, 173); font-size: 14px; font-weight: bold; }
.my-game-modal { max-width: 90%; width: 420px; background: white; border-radius: 6px; }
.signal { padding: 20px; background: white; border-radius: 4px; }
.signal .opt .opt-info { color: grey; margin: 0px 0px 20px; }
.signal .opt .opt-info svg { color: rgb(241, 22, 53); margin: 0px 10px 0px 0px; }
.signal .enable { display: flex; flex-direction: column; color: grey; text-transform: uppercase; font-size: 14px; font-weight: bold; }
.signal .enable .my-prompt-base { height: 40px; width: 100%; border-radius: 4px; background: rgb(241, 22, 53); color: white; margin: 20px 0px 0px; }
.signal .enable .my-prompt-base svg { margin: 0px 0px 0px 5px; }
.modal-wrapper { outline: none; background: white; }
.my-meta-settings { padding: 10px 15px; }
.user-card { background: white; width: 100%; margin: 0px auto; display: flex; flex-direction: column; align-items: center; }
.user-card .close { width: 100%; height: 50px; background: whitesmoke; display: flex; justify-content: flex-end; align-items: center; margin: 0px 0px 40px; }
.user-card .close .my-button-base { width: 50px; height: 50px; background: rgb(209, 52, 52); color: white; }
.user-card .user-section { max-width: 680px; width: 100%; display: flex; flex-direction: column; margin: 0px 0px 40px; }
.user-card .user-section .section-block { display: flex; flex-grow: 1; margin: 0px 20px 40px; }
@media only screen and (max-width: 599px) {
  .user-card .user-section .section-block.no-margin { margin: 0px 20px; }
}
@media only screen and (min-width: 600px) {
  .user-card .user-section .section-block { width: 50%; margin: 0px; }
}
@media only screen and (min-width: 600px) {
  .user-card .user-section { flex-direction: row; margin: 0px 0px 60px; }
}
.user-card .user-meta-block { display: flex; flex-direction: column; justify-content: center; flex-grow: 1; }
.user-card .user-meta-block .user-avatar-meta-block { display: flex; flex-direction: column; align-items: center; margin: 0px 0px 20px; }
.user-card .user-meta-block .user-avatar-meta-block .user-avatar { margin: 0px 0px 20px; }
@media only screen and (min-width: 600px) {
  .user-card .user-meta-block .user-avatar-meta-block .user-avatar { margin: 0px 20px 0px 0px; }
}
.user-card .user-meta-block .user-avatar-meta-block .user-avatar, .user-card .user-meta-block .user-avatar-meta-block .my-underlay, .user-card .user-meta-block .user-avatar-meta-block .my-image { width: 80px; height: 80px; }
.user-card .user-meta-block .user-avatar-meta-block .user-meta { display: flex; flex-direction: column; margin: 0px 0px 10px; }
.user-card .user-meta-block .user-avatar-meta-block .user-meta .user-display-name { letter-spacing: 1px; color: rgb(56, 56, 56); font-weight: bold; font-size: 22px; margin: 0px 0px 8px; }
.user-card .user-meta-block .user-avatar-meta-block .user-meta .user-since { display: flex; align-items: center; font-size: 12px; color: grey; }
.user-card .user-meta-block .user-avatar-meta-block .user-meta .user-since svg { width: 14px; height: 14px; margin: 0px 5px 1px 0px; }
@media only screen and (max-width: 599px) {
  .user-card .user-meta-block .user-avatar-meta-block .user-meta { align-items: center; }
}
@media only screen and (min-width: 600px) {
  .user-card .user-meta-block .user-avatar-meta-block .user-meta { margin: 0px; }
}
@media only screen and (min-width: 600px) {
  .user-card .user-meta-block .user-avatar-meta-block { flex-direction: row; }
}
.user-card .user-meta-block .user-bio { width: 100%; min-height: 180px; background: whitesmoke; border-radius: 2px; display: flex; font-size: 14px; letter-spacing: 1px; line-height: 18px; color: grey; margin: 0px; flex-grow: 1; }
.user-card .user-meta-block .user-bio .wrapper { flex-grow: 1; display: flex; flex-direction: column; padding: 20px; }
.user-card .user-meta-block .user-bio .bio-label { color: black; font-size: 14px; font-weight: bold; margin: 0px 0px 10px; }
@media only screen and (max-width: 599px) {
  .user-card .user-meta-block { margin: 0px !important; }
}
.user-card .user-ratings { width: 100%; height: 350px; flex-grow: 1; }
@media only screen and (max-width: 599px) {
  .user-card .user-ratings { margin: 0px !important; }
}
.user-card .patron-supporter { display: flex; align-items: center; justify-content: flex-start; background: rgb(239, 99, 71); border-radius: 2px; padding: 10px; flex-grow: 1; color: white; }
.user-card .patron-supporter .cloudinary { width: 30px; height: 30px; margin: 0px 10px 0px 0px; }
.user-card .my-top-article { width: 100%; height: 480px; background: rgb(209, 52, 52); border-radius: 4px; }
.user-card .my-top-article .my-top-filters { display: flex; justify-content: space-evenly; align-items: center; width: 100%; height: 0px; }
.user-card .my-top-article .my-top-filters .my-top-icon { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; padding: 0px; background: white; color: rgb(209, 52, 52); border: 4px solid rgb(209, 52, 52); border-radius: 50%; transition: 0.25s; }
.user-card .my-top-article .my-top-filters .my-top-icon.true { background: rgb(209, 52, 52); color: white; }
.user-card .my-top-article .read-me { width: 80px; height: 40px; background: white; border-radius: 4px; color: grey; margin: 20px 0px 0px; }
@media only screen and (max-width: 599px) {
  .user-card .my-top-article { margin: 0px !important; }
}
.user-card .user-acievements { width: 100%; height: 100%; display: flex; background: whitesmoke; border-radius: 4px; }
.user-card .user-acievements .padding { display: flex; flex-grow: 1; padding: 20px; }
@media only screen and (min-width: 600px) {
  .user-card .user-acievements .padding { flex-direction: row; justify-content: center; align-items: center; }
}
@media only screen and (max-width: 599px) {
  .user-card .user-acievements { margin: 0px !important; }
}
.user-card .view-all { max-width: 760px; flex-grow: 1; height: 50px; display: flex; }
.user-card .view-all .my-button-base { flex-grow: 1; border-radius: 4px; display: flex; justify-content: center; align-items: center; background: rgb(209, 52, 52); color: white; font-size: 16px; }
.user-card .view-all:hover { cursor: pointer; opacity: 0.9; }
@media only screen and (max-width: 599px) {
  .user-card .view-all { margin: 0px 20px; }
}
.leaderboards { display: flex; flex-wrap: wrap; padding: 20px; }
.leaderboards .lb-header { flex-grow: 1; margin: 0px 4px 10px; display: flex; justify-content: space-between; align-items: center; font-weight: bold; }
.leaderboards .lb-header .my-link { color: rgb(241, 22, 53); text-decoration: underline; }
.leaderboards .lb-header .my-link:hover { cursor: pointer; opacity: 0.9; }
.leaderboards .lb-list { display: flex; justify-content: space-between; align-items: center; width: 100%; }
.leaderboard-card { width: 32%; height: 150px; background: whitesmoke; border-radius: 6px; display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; border-bottom: 5px solid grey; }
.leaderboard-card.true { border-bottom: 5px solid rgb(241, 22, 53); }
.leaderboard-card .leader-avatar { width: 50px; height: 50px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.leaderboard-card .lb-label { font-size: 12px; color: grey; text-transform: capitalize; }
.update-guest { display: flex; flex-direction: column; align-items: center; color: grey; background: white; width: 260px; }
.update-guest .who { margin: 10px 0px 20px; font-size: 18px; }
.update-guest .who svg { width: 20px; height: 20px; color: rgb(243, 34, 34); margin: 0px 0px 0px 5px; }
.update-guest .my-input-base { flex-grow: 1; background: whitesmoke; margin: 0px 0px 20px; border-radius: 3px; padding: 5px 10px; }
.update-guest .control { display: flex; justify-content: center; margin: 0px 0px 20px; }
.update-guest .control .my-button-base { width: 40px; height: 40px; color: white; border-radius: 50%; margin: 5px; }
.update-guest .control .my-button-base.login { background: rgb(203, 152, 51); }
.update-guest .control .my-button-base.update { background: rgb(243, 34, 34); }
.update-guest .control .my-button-base svg { width: 20px; height: 20px; }
.create-poll { flex-grow: 1; display: flex; flex-direction: column; }
.create-poll .input-box { margin: 0px 0px 20px; }
.create-poll .cp-label { font-size: 14px; margin: 0px 0px 10px; display: flex; align-items: center; }
.create-poll .cp-label .plus { height: 12px; width: 12px; margin: 0px 0px 1px 5px; color: grey; display: flex; align-items: center; justify-content: center; }
.create-poll .cp-label .plus:hover { cursor: pointer; color: rgb(241, 22, 53); }
.create-poll .answers { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin: 0px 0px 10px; }
.create-poll .answers .answer { position: relative; width: 100%; margin: 0px 0px 10px; }
@media only screen and (min-width: 600px) {
  .create-poll .answers .answer { width: 48%; }
}
.create-poll .answers .answer .my-input-base { border-radius: 4px; background: whitesmoke; width: 100%; padding: 5px 10px; caret-color: grey; color: grey; font-size: 12px; }
.create-poll .answers .answer .my-icon-base { position: absolute; margin: 0px; background: rgb(241, 22, 53); color: white; top: -8px; left: -8px; padding: 2px; opacity: 0.4; border-radius: 50%; }
.create-poll .answers .answer .my-icon-base svg { width: 12px; height: 12px; }
.create-poll .my-insert-base { background: rgb(241, 22, 53); color: white; width: 80px; height: 30px; display: flex; justify-content: center; align-items: center; border-radius: 5px; }
.create-quiz .input-box { margin: 0px 0px 20px; }
.create-quiz .quiz-control { display: flex; justify-content: space-between; align-items: center; }
.create-quiz .quiz-control .icons { display: flex; }
.create-quiz .quiz-control .icons .my-icon-button { width: 20px; height: 20px; padding: 0px; display: flex; justify-content: center; align-items: center; margin: 2px; border-radius: 50%; font-size: 10px; }
.create-quiz .quiz-control .icons .my-icon-button.count { background: rgb(51, 51, 51); color: white; border: 1px solid rgb(51, 51, 51); }
.create-quiz .quiz-control .icons .my-icon-button.plus { background: white; color: rgb(51, 51, 51); border: 1px solid rgb(51, 51, 51); }
.create-quiz .quiz-control .insert .my-button-base { width: 80px; height: 30px; background: rgb(241, 22, 53); border-radius: 5px; color: white; }
.single-poll { background: whitesmoke; border-radius: 5px; max-width: 500px; margin: 0px auto; }
.single-poll .padding { padding: 20px 10px 10px; }
.single-poll .question { color: black; font-size: 16px; padding: 0px 10px 10px; font-weight: bold; }
.single-poll .meta-data { font-size: 12px; padding: 0px 10px 10px; }
.single-poll .my-button-base { padding: 0px; width: 100%; margin-bottom: 10px; border-radius: 5px; overflow: hidden; text-align: left !important; }
.single-poll .answer-wrapper { overflow: hidden; width: 100%; color: grey; margin-bottom: 10px; display: flex; flex-wrap: wrap; padding: 5px 10px; flex-grow: 1; }
.single-poll .answer-wrapper .answer { width: 100%; display: flex; align-items: center; justify-content: space-between; height: 40px; }
.single-poll .answer-wrapper .loading-bar { width: 100%; height: 6px; border-radius: 3px; background: rgb(234, 232, 232); overflow: hidden; }
.single-poll .answer-wrapper .loading-bar .grow { height: 100%; background: rgb(202, 201, 201); }
.single-poll .answer-wrapper .loading-bar .grow.true { background: rgb(241, 22, 53); }
.single-quiz { background: whitesmoke; border-radius: 5px; max-width: 500px; margin: 0px auto; }
.single-quiz .padding { padding: 10px; }
.single-quiz .flex { flex-grow: 1; }
.single-quiz .quiz-meta { margin-bottom: 10px; text-transform: uppercase; font-size: 14px; padding: 2px; display: flex; align-items: center; }
.single-quiz .quiz-meta .meta-item { display: flex; justify-content: center; align-items: center; margin-right: 5px; }
.single-quiz .quiz-meta .meta-item.spacer { height: 10px; width: 10px; }
.single-quiz .quiz-meta .meta-item .icon { width: 14px; height: 14px; display: flex; justify-content: center; align-items: center; margin: 0px 5px 2px 0px; }
.single-quiz .quiz-meta .meta-item .icon svg { height: 14px; width: 14px; }
.single-quiz .quiz-meta .meta-item .medal { width: 14px; height: 14px; margin-left: 5px; }
.single-quiz .quiz-meta .meta-item .avg { font-weight: bold; margin: 0px 5px 0px 0px; }
.single-quiz .quiz-meta .my-button-base { padding: 5px; display: flex; justify-content: center; align-items: center; border-radius: 5px; transition: 0.25s; }
.single-quiz .quiz-meta .my-button-base:hover { cursor: pointer; background: rgb(241, 22, 53); color: white; }
.single-quiz .quiz-meta .my-button-base:hover svg { color: white; }
.single-quiz .questions .question-wrapper { padding: 2px; flex-grow: 1; display: flex; }
.single-quiz .questions .question-wrapper .label { margin-bottom: 10px; }
.single-quiz .questions .question-wrapper .question { color: black; font-size: 16px; font-weight: bold; flex-grow: 1; margin-bottom: 10px; }
.single-quiz .questions .question-wrapper .question .answers { display: flex; flex-direction: column; }
.single-quiz .questions .question-wrapper .question .answers .answer { display: flex; width: 100%; height: 40px; background: rgb(239, 238, 238); border-radius: 5px; }
.single-quiz .questions .question-wrapper .question .answers .answer .my-button-base { background: rgb(236, 233, 233); height: 40px; padding: 0px 10px; flex-grow: 1; display: flex; align-items: center; justify-content: space-between; border-radius: 5px; text-align: left !important; }
.single-quiz .questions .question-wrapper .question .answers .answer .my-button-base.true { background: rgb(241, 22, 53); color: white; }
.single-quiz .control { display: flex; justify-content: space-between; align-items: center; font-size: 12px; width: 100%; }
.single-quiz .control .my-button-base { padding: 5px 8px; border-radius: 5px; }
.single-quiz .control .my-button-base svg { width: 18px; height: 18px; }
.single-quiz .control .my-button-base.true { opacity: 0.25; }
.create-type { background: white; flex-grow: 1; display: flex; flex-direction: column; padding: 20px; border-radius: 5px; }
.create-type .controls { display: flex; justify-content: space-between; align-items: center; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; font-weight: bold; margin-bottom: 15px; min-width: 30px; min-height: 30px; }
.create-type .controls .my-icon-button { padding: 5px; }
.create-type .controls svg { width: 20px; height: 20px; color: grey; }
.input-box { width: 100%; }
.input-box .my-input-base { border-radius: 4px; background: whitesmoke; width: 100%; padding: 5px 10px; margin: 10px 0px 0px; caret-color: grey; color: grey; font-size: 12px; }
.play-game { margin: 20px 0px; }
.info-label { display: flex; justify-content: space-between; align-items: center; flex-grow: 1; margin: 0px 4px; }
.info-label .label { font-size: 14px; }
.info-label .info { display: flex; align-items: center; }
.info-label .info svg { width: 14px; height: 14px; color: rgb(210, 208, 208); margin: 0px 5px 0px 0px; }
.info-label .info span { font-size: 12px; color: rgb(150, 150, 150); font-style: italic; }
.quiz-question .info-label { margin: 0px 5px 10px; }
.quiz-question .answers { display: flex; flex-wrap: wrap; margin: 0px 0px 20px; }
.quiz-question .answers .answer { width: 50%; }
.quiz-question .answers .answer .padding { padding: 5px; display: flex; }
.quiz-question .answers .answer .radio { width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; }
.quiz-question .answers .answer .radio .my-radio { padding: 0px; }
.quiz-question .answers .answer .label { height: 30px; display: flex; flex-grow: 1; border: 1px solid whitesmoke; border-radius: 5px; overflow: hidden; }
.quiz-question .answers .answer .label .my-input-base { padding: 5px 8px; flex-grow: 1; font-size: 12px; color: grey; }
.quiz-question .answers .answer .label.add-new { background: white; border-radius: 0px; display: flex; align-items: center; color: grey; font-size: 12px; border: 1px solid transparent; }
.quiz-question .answers .answer .label.add-new .my-add-base { background: white; border: 1px solid grey; display: flex; justify-content: center; align-items: center; font-size: 12px; width: 30px; height: 30px; border-radius: 5px; margin-right: 10px; }
.quiz-question .answers .answer .label.add-new .my-add-base svg { width: 12px; height: 12px; }
.select-game-type { display: flex; flex-wrap: wrap; justify-content: center; padding: 20px; width: 220px; }
.select-game-type .label { font-size: 14px; text-transform: uppercase; font-weight: 700; color: rgb(88, 88, 88); text-align: center; width: 100%; margin: 0px 0px 10px; }
.select-game-type .my-button-base { width: 100px; height: 80px; display: flex; flex-direction: column; justify-content: center; align-items: center; border: 2px solid rgb(88, 88, 88); border-radius: 6px; transition: 0.25s; color: grey; }
.select-game-type .my-button-base svg { color: grey; width: 20px; height: 20px; margin: 0px 0px 5px; }
.select-game-type .my-button-base:hover { border: 2px solid rgb(241, 22, 53); color: rgb(241, 22, 53); }
.select-game-type .my-seperator { width: 20px; height: 20px; }
.my-quiz-share-icons { display: flex; padding: 10px; }
.my-quiz-share-icons .my-icon { margin: 10px; width: 30px; height: 30px; cursor: pointer; }
.chat-room { display: flex; flex-direction: column; width: 100%; padding: 0px; }
.chat-room .active { display: flex; flex-wrap: wrap; justify-content: center; margin: 20px 20px 0px; }
.chat-room .active .header { width: 100%; text-transform: capitalize; text-align: center; margin: 0px 0px 20px; }
.chat-room .active .user { display: flex; align-items: center; background: whitesmoke; color: grey; border-radius: 25px; margin: 0px 10px 10px 0px; }
.chat-room .active .user .my-button-base { min-width: 30px; height: 30px; background: rgb(20, 20, 20); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; transform: scale(1.1); }
.chat-room .active .user .my-button-base:hover { cursor: pointer; }
.chat-room .active .user .name { margin: 0px 10px; }
.chat-room .room-count { height: 50px; border-radius: 3px; display: flex; justify-content: center; align-items: center; color: grey; }
.chat-room .room-count .cloudinary { width: 50px; }
.chat-room .be-the-first { display: flex; justify-content: center; align-items: center; font-weight: bold; letter-spacing: 1px; color: grey; text-transform: uppercase; font-size: 12px; margin: 0px 70px 10px 20px; }
.chat-room .be-the-first svg { width: 26px; height: 26px; margin: 0px 0px 0px 10px; }
@media only screen and (min-width: 600px) {
  .chat-room .be-the-first { font-size: 14px; margin: 0px 20px 10px 70px; }
}
.chat-room .comment-filter { height: 50px; display: flex; align-items: center; justify-content: center; color: grey; margin: 0px 20px 20px 70px; border-radius: 4px; text-transform: uppercase; font-size: 12px; overflow: hidden; }
.chat-room .comment-filter .my-button-base { height: 50px; padding: 0px 15px; border-bottom: 2px solid transparent; transition: 0.25s; }
.chat-room .comment-filter .my-button-base svg { width: 20px; height: 20px; }
.chat-room .comment-filter .my-button-base .label { font-size: 10px; font-weight: bold; text-transform: uppercase; margin: 0px 5px; }
@media only screen and (max-width: 599px) {
  .chat-room .comment-filter .my-button-base .label { display: none; }
}
.chat-room .comment-filter .my-button-base .count { color: black; }
@media only screen and (max-width: 599px) {
  .chat-room .comment-filter .my-button-base .count { margin: 0px 0px 0px 5px; }
}
.chat-room .comment-filter .my-button-base.true { color: rgb(241, 22, 53); border-bottom: 2px solid rgb(241, 22, 53); }
@media only screen and (max-width: 599px) {
  .chat-room .comment-filter .my-button-base { flex-grow: 1; }
}
@media only screen and (max-width: 599px) {
  .chat-room .comment-filter { margin: 0px 20px 20px; background: whitesmoke; }
}
.chat-room .show-more { height: 40px; background: whitesmoke; color: grey; margin: 40px 20px 0px; border-radius: 2px; border: none; padding: 0px; text-transform: uppercase; font-size: 12px; }
.chat-room-header { font-size: 16px; font-weight: bold; color: black; margin: 20px 0px; text-align: center; }
@media only screen and (min-width: 600px) {
  .chat-room-header { font-size: 18px; margin: 30px 20px; }
}
.comment-compose { display: flex; margin: 0px 20px 20px; }
.comment-compose .compose-avatar { min-width: 50px; width: 50px; margin-right: 5px; position: relative; }
.comment-compose .compose-avatar .user-avatar { width: 50px; height: 50px; border-radius: 50%; position: relative; top: 0px; }
.comment-compose .compose-avatar .user-avatar .my-underlay { position: absolute; width: 50px; height: 50px; border-radius: 50%; }
.comment-compose .compose-avatar .user-avatar .my-underlay.true { background: rgb(255, 88, 0); }
.comment-compose .compose-avatar .user-avatar .my-image { position: absolute; width: 46px; height: 46px; z-index: 1; }
@media only screen and (max-width: 599px) {
  .comment-compose .compose-avatar { display: none; }
}
.comment-compose .compose-control { display: flex; flex-grow: 1; }
.comment-compose .compose-control .compose-meta { display: flex; justify-content: space-between; align-items: center; margin: 10px 0px 5px; }
.comment-compose .compose-control .compose-meta .compose-name { display: flex; justify-content: space-between; align-items: center; color: rgb(0, 0, 0); font-size: 14px; letter-spacing: 1px; font-weight: 700; margin: 0px 0px 0px 10px; }
.comment-compose .compose-control .compose-meta .compose-name span, .comment-compose .compose-control .compose-meta .compose-name svg { transition: color 0.25s; }
.comment-compose .compose-control .compose-meta .compose-name span:hover { cursor: pointer; color: rgb(241, 22, 53); }
.comment-compose .compose-control .compose-meta .compose-name svg { width: 12px; height: 12px; color: grey; margin: 0px 0px 0px 10px; }
.comment-compose .compose-control .compose-meta .compose-name svg:hover { color: rgb(241, 22, 53); cursor: pointer; }
.comment-compose .compose-control .compose-meta .compose-name svg.true { color: green; }
.comment-compose .compose-control .compose-meta .compose-name .writing { display: flex; align-items: center; font-size: 10px; margin: 0px 0px 0px 10px; }
.comment-compose .compose-control .compose-meta .compose-name .writing span { margin: 0px 0px 0px 10px; }
.comment-compose .compose-control .compose-meta .compose-name .writing .cloudinary { width: 24px; }
@media only screen and (max-width: 599px) {
  .comment-compose .compose-control .compose-meta .compose-name { display: none; }
}
.comment-compose .compose-control .compose-meta .compose-subscribe { display: flex; justify-content: center; align-items: center; font-family: monospace; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; margin: 0px 4px 0px 0px; font-size: 12px; color: grey; }
.comment-compose .compose-control .compose-meta .compose-subscribe .my-check-box { padding: 0px; }
@media only screen and (max-width: 599px) {
  .comment-compose .compose-control .compose-meta .compose-subscribe { display: none; }
}
.comment-compose .compose-control .compose-block { display: flex; flex-direction: column; align-items: flex-end; border: 1px solid rgb(228, 226, 226); border-radius: 10px; padding: 0px; position: relative; }
.comment-compose .compose-control .compose-block .my-button-base { width: 120px; height: 30px; background: rgb(241, 22, 53); border-radius: 5px; color: rgb(255, 255, 255); margin: 0px 20px 20px 0px; }
@media only screen and (max-width: 599px) {
  .comment-compose .compose-control .compose-block .my-button-base { display: none; }
}
@media only screen and (max-width: 599px) {
  .comment-compose .compose-control .compose-block { padding: 0px; flex-grow: 1; margin: 0px 10px 0px 0px; }
}
.comment-compose .compose-control .compose-icons { display: flex; flex-direction: column; }
.comment-compose .compose-control .compose-icons .my-button-base { width: 30px; height: 30px; padding: 1px; border-radius: 50%; margin: 5px 0px 0px; border: 2px solid transparent; }
.comment-compose .compose-control .compose-icons .my-button-base svg { width: 16px; height: 16px; }
.comment-compose .compose-control .compose-icons .my-button-base.my-post { background: rgb(241, 22, 53); color: rgb(255, 255, 255); }
.comment-compose .compose-control .compose-icons .my-button-base.my-subscribe { background: white; color: rgb(241, 22, 53); border: 2px solid rgb(241, 22, 53); }
.comment-compose .compose-control .compose-icons .twist { width: 30px; height: 30px; margin: 5px 0px 0px; }
@media only screen and (min-width: 600px) {
  .comment-compose .compose-control .compose-icons { display: none; }
}
@media only screen and (min-width: 600px) {
  .comment-compose .compose-control { flex-direction: column; }
}
.comment-compose .fr-wrapper { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.comment-compose .fr-element { padding: 10px 20px !important; }
.comment-compose.true { margin: 0px 0px 20px; }
@media only screen and (min-width: 600px) {
  .comment-compose.true { margin: 0px 0px 20px 60px; }
}
@media only screen and (min-width: 600px) {
  .comments { margin: 0px 20px; }
}
.comments .show-more { display: flex; justify-content: center; margin: 20px 0px 0px; }
.comments .show-more .label { width: 160px; height: 20px; background: rgb(241, 22, 53); color: white; border-radius: 4px; display: flex; justify-content: center; align-items: center; font-size: 10px; text-transform: uppercase; transition: 0.25s; letter-spacing: 1px; }
.comments .show-more .label:hover { cursor: pointer; opacity: 0.9; }
.comments .popular-comment { background: whitesmoke; margin: 40px 0px 0px; font-weight: bold; padding: 0px 0px 10px; }
@media only screen and (min-width: 600px) {
  .comments .popular-comment { padding: 0px 10px 10px; border-radius: 4px; }
  .comments .popular-comment .comment-control { padding: 10px 0px 0px; }
}
.comments .popular-comment .popular-comment-star { display: flex; justify-content: center; align-items: center; height: 0px; width: 100%; }
.comments .popular-comment .popular-comment-star .cloudinary { width: 30px; margin: 0px 5px 0px 0px; }
.comment-control { display: flex; flex-direction: column; }
.comment-control.true { background: whitesmoke; }
@media only screen and (min-width: 600px) {
  .comment-control.true { background: transparent; }
}
@media only screen and (max-width: 599px) {
  .comment-control { padding: 0px 20px; }
}
.comment { display: flex; flex-direction: column; margin: 0px 0px 20px; padding: 20px 0px 0px; }
.comment .comment-avatar { min-width: 50px; min-height: 50px; width: 50px; margin: 0px 5px 0px 0px; }
.comment .comment-avatar .user-avatar { width: 50px; height: 50px; border-radius: 50%; }
.comment .comment-avatar .user-avatar .my-underlay { position: absolute; width: 50px; height: 50px; background: rgb(200, 199, 196); border-radius: 50%; }
.comment .comment-avatar .user-avatar .my-underlay.true { background: rgb(255, 88, 0); }
.comment .comment-avatar .user-avatar .my-image { position: absolute; width: 46px; height: 46px; z-index: 1; }
@media only screen and (min-width: 600px) {
  .comment .comment-avatar { margin: 0px 5px 0px 0px; }
}
.comment .comment-content { display: flex; flex-direction: column; flex-grow: 1; }
.comment .comment-content .comment-meta { display: flex; align-items: center; margin: 16px 0px 0px; }
.comment .comment-content .comment-meta .comment-name { display: flex; align-items: center; color: rgb(0, 0, 0); font-size: 14px; letter-spacing: 1px; font-weight: 700; margin: 0px 10px 0px 0px; }
.comment .comment-content .comment-meta .comment-name .cloudinary { margin: 0px 0px 1px 5px; width: 16px; height: 16px; }
.comment .comment-content .comment-meta .comment-name span, .comment .comment-content .comment-meta .comment-name .my-svg { transition: color 0.25s; }
.comment .comment-content .comment-meta .comment-name span:hover { cursor: pointer; color: rgb(241, 22, 53); }
.comment .comment-content .comment-meta .comment-name .my-svg { width: 12px; height: 12px; color: grey; margin: 0px 0px 0px 10px; }
.comment .comment-content .comment-meta .comment-name .my-svg:hover { cursor: pointer; }
.comment .comment-content .comment-meta .comment-name .my-svg.true { color: green; }
.comment .comment-content .comment-meta .comment-name .my-svg.false:hover { color: rgb(241, 22, 53); }
.comment .comment-content .comment-meta .comment-name .my-svg.true:hover { color: green; }
@media only screen and (min-width: 600px) {
  .comment .comment-content .comment-meta .comment-name { margin: 0px 10px; }
}
.comment .comment-content .comment-meta .comment-ago { display: flex; align-items: center; color: grey; font-size: 12px; margin: 0px 10px 0px 0px; }
@media only screen and (min-width: 600px) {
  .comment .comment-content .comment-meta { margin: 16px 0px 8px; justify-content: space-between; }
}
.comment .comment-content .comment-block { display: flex; flex-direction: column; border-radius: 10px; flex-grow: 1; }
.comment .comment-content .comment-block .comment-body { font-size: 14px; color: rgb(119, 119, 119); font-family: Verdana, Geneva, sans-serif; line-height: 22px; margin-bottom: 2px; }
.comment .comment-content .comment-block .comment-action { display: flex; align-items: center; padding: 0px; border-radius: 4px; }
.comment .comment-content .comment-block .comment-action .dot { width: 3px; height: 3px; background: rgb(216, 216, 216); border-radius: 50%; margin: 0px 5px; }
.comment .comment-content .comment-block .comment-action .my-action { padding: 2px 4px; border-radius: 4px; font-size: 12px; color: grey; font-weight: bold; }
.comment .comment-content .comment-block .comment-action .my-action.thumb.true, .comment .comment-content .comment-block .comment-action .my-action.thumb:hover { color: rgb(66, 103, 178); }
.comment .comment-content .comment-block .comment-action .my-action.reply { color: rgb(132, 128, 128); }
.comment .comment-content .comment-block .comment-action .my-action.report.reported { color: rgb(241, 22, 53); }
.comment .comment-content .comment-block .comment-action .my-action.my-subscribe.true { color: rgb(241, 22, 53); }
.comment .comment-content .comment-block .comment-action .my-action:hover { color: rgb(241, 22, 53); }
@media only screen and (min-width: 600px) {
  .comment .comment-content .comment-block { padding: 0px 15px 15px; box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 8px 0px; }
}
@media only screen and (min-width: 600px) {
  .comment { flex-direction: row; padding: 0px; }
  .comment.true { margin-left: 60px; }
}
.more { width: 100%; display: flex; justify-content: center; margin: 20px 0px; }
.more .my-button-base { color: rgb(241, 22, 53); height: 40px; padding: 0px 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 5px; text-decoration: none; }
.more .my-button-base svg { margin: 5px 0px 0px; width: 16px; height: 16px; }
@media only screen and (min-width: 600px) {
  .more.reply { margin: 20px 0px 20px 60px; }
}
.supported { position: fixed; left: 0px; bottom: 0px; z-index: 9; display: flex; }
.supported .spot { width: 20px; height: 20px; margin: 0px 0px 5px 5px; background: rgb(241, 22, 53); border-radius: 50%; display: flex; justify-content: center; align-items: center; color: white; font-size: 10px; text-transform: uppercase; }
.supported .spot.true { background: green; }
.shout-out { border-top-left-radius: 5px; display: flex; align-items: center; justify-content: center; position: fixed; bottom: 0px; right: 0px; padding: 5px 15px; background: rgb(255, 87, 0); color: white; font-weight: bold; text-transform: uppercase; font-size: 14px; z-index: 10; }
.shout-out .cloudinary { width: 20px; }
.shout-out span { margin: 0px 0px 0px 10px; }
.club-selector { width: 100%; min-height: 200px; max-height: 400px; overflow-y: scroll; scroll-behavior: smooth; background: white; }
.club-selector .club-badge { margin: 0px auto 20px; }
.club-query { width: 280px; background: white; }
.club-query .query-input { width: 100%; height: 100px; display: flex; font-size: 16px; }
.club-query .query-input .my-input-base { flex-grow: 1; padding: 20px; margin: 20px; caret-color: rgb(241, 22, 53); background: whitesmoke; border-radius: 2px; color: grey; }
.manage-notifications { display: flex; flex-wrap: wrap; }
.manage-notifications .disable { width: 100%; font-size: 20px; display: flex; justify-content: space-between; align-items: center; margin: 0px 20px 20px; font-weight: bold; }
.manage-notifications .cocoon { display: flex; width: 100%; }
.manage-notifications .cocoon .rubber { flex-grow: 1; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background: rgb(33, 33, 33); border-radius: 30px; color: white; padding: 10px; margin: 10px; height: 40px; }
.manage-notifications .cocoon .rubber .check { background: whitesmoke; border-radius: 50%; }
@media only screen and (min-width: 600px) {
  .manage-notifications .cocoon { width: 50%; }
}
h1, h2, h3, h4, h5 { margin: 0px; }
.MuiCircularProgress-root { display: inline-block; }
.MuiCircularProgress-static { transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1); }
.MuiCircularProgress-indeterminate { animation: 1.4s linear 0s infinite normal none running MuiCircularProgress-keyframes-circular-rotate; }
.MuiCircularProgress-determinate { transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1); }
.MuiCircularProgress-colorPrimary { color: rgb(63, 81, 181); }
.MuiCircularProgress-colorSecondary { color: rgb(245, 0, 87); }
.MuiCircularProgress-svg { display: block; }
.MuiCircularProgress-circle { stroke: currentcolor; }
.MuiCircularProgress-circleStatic { transition: stroke-dashoffset 300ms cubic-bezier(0.4, 0, 0.2, 1); }
.MuiCircularProgress-circleIndeterminate { animation: 1.4s ease-in-out 0s infinite normal none running MuiCircularProgress-keyframes-circular-dash; stroke-dasharray: 80px, 200px; stroke-dashoffset: 0px; }
.MuiCircularProgress-circleDeterminate { transition: stroke-dashoffset 300ms cubic-bezier(0.4, 0, 0.2, 1); }
@-webkit-keyframes MuiCircularProgress-keyframes-circular-rotate { 
  0% { transform-origin: 50% 50%; }
  100% { transform: rotate(360deg); }
}
@-webkit-keyframes MuiCircularProgress-keyframes-circular-dash { 
  0% { stroke-dasharray: 1px, 200px; stroke-dashoffset: 0px; }
  50% { stroke-dasharray: 100px, 200px; stroke-dashoffset: -15px; }
  100% { stroke-dasharray: 100px, 200px; stroke-dashoffset: -125px; }
}
.MuiCircularProgress-circleDisableShrink { animation: auto ease 0s 1 normal none running none; }
.MuiTouchRipple-root { inset: 0px; z-index: 0; overflow: hidden; position: absolute; border-radius: inherit; pointer-events: none; }
.MuiTouchRipple-ripple { opacity: 0; position: absolute; }
.MuiTouchRipple-rippleVisible { opacity: 0.3; animation: 550ms cubic-bezier(0.4, 0, 0.2, 1) 0s 1 normal none running MuiTouchRipple-keyframes-enter; transform: scale(1); }
.MuiTouchRipple-ripplePulsate { animation-duration: 200ms; }
.MuiTouchRipple-child { width: 100%; height: 100%; display: block; opacity: 1; border-radius: 50%; background-color: currentcolor; }
.MuiTouchRipple-childLeaving { opacity: 0; animation: 550ms cubic-bezier(0.4, 0, 0.2, 1) 0s 1 normal none running MuiTouchRipple-keyframes-exit; }
.MuiTouchRipple-childPulsate { top: 0px; left: 0px; position: absolute; animation: 2500ms cubic-bezier(0.4, 0, 0.2, 1) 200ms infinite normal none running MuiTouchRipple-keyframes-pulsate; }
@-webkit-keyframes MuiTouchRipple-keyframes-enter { 
  0% { opacity: 0.1; transform: scale(0); }
  100% { opacity: 0.3; transform: scale(1); }
}
@-webkit-keyframes MuiTouchRipple-keyframes-exit { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@-webkit-keyframes MuiTouchRipple-keyframes-pulsate { 
  0% { transform: scale(1); }
  50% { transform: scale(0.92); }
  100% { transform: scale(1); }
}
.MuiButtonBase-root { color: inherit; border: 0px; cursor: pointer; margin: 0px; display: inline-flex; outline: 0px; padding: 0px; position: relative; align-items: center; user-select: none; border-radius: 0px; vertical-align: middle; justify-content: center; text-decoration: none; background-color: transparent; appearance: none; -webkit-tap-highlight-color: transparent; }
.MuiButtonBase-root.Mui-disabled { cursor: default; pointer-events: none; }
@media print {
  .MuiButtonBase-root { -webkit-print-color-adjust: exact; }
}
.MuiIconButton-root { flex: 0 0 auto; color: rgba(0, 0, 0, 0.54); padding: 12px; overflow: visible; font-size: 1.5rem; text-align: center; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1); border-radius: 50%; }
.MuiIconButton-root:hover { background-color: rgba(0, 0, 0, 0.04); }
.MuiIconButton-root.Mui-disabled { color: rgba(0, 0, 0, 0.26); background-color: transparent; }
@media (hover: none) {
  .MuiIconButton-root:hover { background-color: transparent; }
}
.MuiIconButton-edgeStart { margin-left: -12px; }
.MuiIconButton-sizeSmall.MuiIconButton-edgeStart { margin-left: -3px; }
.MuiIconButton-edgeEnd { margin-right: -12px; }
.MuiIconButton-sizeSmall.MuiIconButton-edgeEnd { margin-right: -3px; }
.MuiIconButton-colorInherit { color: inherit; }
.MuiIconButton-colorPrimary { color: rgb(63, 81, 181); }
.MuiIconButton-colorPrimary:hover { background-color: rgba(63, 81, 181, 0.04); }
@media (hover: none) {
  .MuiIconButton-colorPrimary:hover { background-color: transparent; }
}
.MuiIconButton-colorSecondary { color: rgb(245, 0, 87); }
.MuiIconButton-colorSecondary:hover { background-color: rgba(245, 0, 87, 0.04); }
@media (hover: none) {
  .MuiIconButton-colorSecondary:hover { background-color: transparent; }
}
.MuiIconButton-sizeSmall { padding: 3px; font-size: 1.125rem; }
.MuiIconButton-label { width: 100%; display: flex; align-items: inherit; justify-content: inherit; }
.jss312 { padding: 9px; }
.jss315 { top: 0px; left: 0px; width: 100%; cursor: inherit; height: 100%; margin: 0px; opacity: 0; padding: 0px; z-index: 1; position: absolute; }
.MuiSwitch-root { width: 58px; height: 38px; display: inline-flex; padding: 12px; z-index: 0; overflow: hidden; position: relative; box-sizing: border-box; flex-shrink: 0; vertical-align: middle; }
@media print {
  .MuiSwitch-root { -webkit-print-color-adjust: exact; }
}
.MuiSwitch-edgeStart { margin-left: -8px; }
.MuiSwitch-edgeEnd { margin-right: -8px; }
.MuiSwitch-switchBase { top: 0px; left: 0px; color: rgb(250, 250, 250); z-index: 1; position: absolute; transition: left 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1); }
.MuiSwitch-switchBase.Mui-checked { transform: translateX(20px); }
.MuiSwitch-switchBase.Mui-disabled { color: rgb(189, 189, 189); }
.MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track { opacity: 0.5; }
.MuiSwitch-switchBase.Mui-disabled + .MuiSwitch-track { opacity: 0.12; }
.MuiSwitch-colorPrimary.Mui-checked { color: rgb(63, 81, 181); }
.MuiSwitch-colorPrimary.Mui-disabled { color: rgb(189, 189, 189); }
.MuiSwitch-colorPrimary.Mui-checked + .MuiSwitch-track { background-color: rgb(63, 81, 181); }
.MuiSwitch-colorPrimary.Mui-disabled + .MuiSwitch-track { background-color: rgb(0, 0, 0); }
.MuiSwitch-colorPrimary.Mui-checked:hover { background-color: rgba(63, 81, 181, 0.04); }
@media (hover: none) {
  .MuiSwitch-colorPrimary.Mui-checked:hover { background-color: transparent; }
}
.MuiSwitch-colorSecondary.Mui-checked { color: rgb(245, 0, 87); }
.MuiSwitch-colorSecondary.Mui-disabled { color: rgb(189, 189, 189); }
.MuiSwitch-colorSecondary.Mui-checked + .MuiSwitch-track { background-color: rgb(245, 0, 87); }
.MuiSwitch-colorSecondary.Mui-disabled + .MuiSwitch-track { background-color: rgb(0, 0, 0); }
.MuiSwitch-colorSecondary.Mui-checked:hover { background-color: rgba(245, 0, 87, 0.04); }
@media (hover: none) {
  .MuiSwitch-colorSecondary.Mui-checked:hover { background-color: transparent; }
}
.MuiSwitch-sizeSmall { width: 40px; height: 24px; padding: 7px; }
.MuiSwitch-sizeSmall .MuiSwitch-thumb { width: 16px; height: 16px; }
.MuiSwitch-sizeSmall .MuiSwitch-switchBase { padding: 4px; }
.MuiSwitch-sizeSmall .MuiSwitch-switchBase.Mui-checked { transform: translateX(16px); }
.MuiSwitch-input { left: -100%; width: 300%; }
.MuiSwitch-thumb { width: 20px; height: 20px; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px; border-radius: 50%; background-color: currentcolor; }
.MuiSwitch-track { width: 100%; height: 100%; opacity: 0.38; z-index: -1; transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1), background-color 150ms cubic-bezier(0.4, 0, 0.2, 1); border-radius: 7px; background-color: rgb(0, 0, 0); }
.jss309 { color: grey; }
.jss309.jss310 { color: rgb(241, 22, 53); }
.jss309.jss310 + .jss311 { background-color: rgb(241, 22, 53); }
.MuiPopover-paper { outline: 0px; position: absolute; max-width: calc(100% - 32px); min-width: 16px; max-height: calc(100% - 32px); min-height: 16px; overflow: hidden auto; }
.MuiSnackbar-root { left: 8px; right: 8px; display: flex; z-index: 1400; position: fixed; align-items: center; justify-content: center; }
.MuiSnackbar-anchorOriginTopCenter { top: 8px; }
@media (min-width: 600px) {
  .MuiSnackbar-anchorOriginTopCenter { top: 24px; left: 50%; right: auto; transform: translateX(-50%); }
}
.MuiSnackbar-anchorOriginBottomCenter { bottom: 8px; }
@media (min-width: 600px) {
  .MuiSnackbar-anchorOriginBottomCenter { left: 50%; right: auto; bottom: 24px; transform: translateX(-50%); }
}
.MuiSnackbar-anchorOriginTopRight { top: 8px; justify-content: flex-end; }
@media (min-width: 600px) {
  .MuiSnackbar-anchorOriginTopRight { top: 24px; left: auto; right: 24px; }
}
.MuiSnackbar-anchorOriginBottomRight { bottom: 8px; justify-content: flex-end; }
@media (min-width: 600px) {
  .MuiSnackbar-anchorOriginBottomRight { left: auto; right: 24px; bottom: 24px; }
}
.MuiSnackbar-anchorOriginTopLeft { top: 8px; justify-content: flex-start; }
@media (min-width: 600px) {
  .MuiSnackbar-anchorOriginTopLeft { top: 24px; left: 24px; right: auto; }
}
.MuiSnackbar-anchorOriginBottomLeft { bottom: 8px; justify-content: flex-start; }
@media (min-width: 600px) {
  .MuiSnackbar-anchorOriginBottomLeft { left: 24px; right: auto; bottom: 24px; }
}
svg:not(:root).svg-inline--fa { overflow: visible; }
.svg-inline--fa { display: inline-block; font-size: inherit; height: 1em; overflow: visible; vertical-align: -0.125em; }
.svg-inline--fa.fa-lg { vertical-align: -0.225em; }
.svg-inline--fa.fa-w-1 { width: 0.0625em; }
.svg-inline--fa.fa-w-2 { width: 0.125em; }
.svg-inline--fa.fa-w-3 { width: 0.1875em; }
.svg-inline--fa.fa-w-4 { width: 0.25em; }
.svg-inline--fa.fa-w-5 { width: 0.3125em; }
.svg-inline--fa.fa-w-6 { width: 0.375em; }
.svg-inline--fa.fa-w-7 { width: 0.4375em; }
.svg-inline--fa.fa-w-8 { width: 0.5em; }
.svg-inline--fa.fa-w-9 { width: 0.5625em; }
.svg-inline--fa.fa-w-10 { width: 0.625em; }
.svg-inline--fa.fa-w-11 { width: 0.6875em; }
.svg-inline--fa.fa-w-12 { width: 0.75em; }
.svg-inline--fa.fa-w-13 { width: 0.8125em; }
.svg-inline--fa.fa-w-14 { width: 0.875em; }
.svg-inline--fa.fa-w-15 { width: 0.9375em; }
.svg-inline--fa.fa-w-16 { width: 1em; }
.svg-inline--fa.fa-w-17 { width: 1.0625em; }
.svg-inline--fa.fa-w-18 { width: 1.125em; }
.svg-inline--fa.fa-w-19 { width: 1.1875em; }
.svg-inline--fa.fa-w-20 { width: 1.25em; }
.svg-inline--fa.fa-pull-left { margin-right: 0.3em; width: auto; }
.svg-inline--fa.fa-pull-right { margin-left: 0.3em; width: auto; }
.svg-inline--fa.fa-border { height: 1.5em; }
.svg-inline--fa.fa-li { width: 2em; }
.svg-inline--fa.fa-fw { width: 1.25em; }
.fa-layers svg.svg-inline--fa { inset: 0px; margin: auto; position: absolute; }
.fa-layers { display: inline-block; height: 1em; position: relative; text-align: center; vertical-align: -0.125em; width: 1em; }
.fa-layers svg.svg-inline--fa { transform-origin: center center; }
.fa-layers-counter, .fa-layers-text { display: inline-block; position: absolute; text-align: center; }
.fa-layers-text { left: 50%; top: 50%; transform: translate(-50%, -50%); transform-origin: center center; }
.fa-layers-counter { background-color: rgb(255, 37, 58); border-radius: 1em; box-sizing: border-box; color: rgb(255, 255, 255); height: 1.5em; line-height: 1; max-width: 5em; min-width: 1.5em; overflow: hidden; padding: 0.25em; right: 0px; text-overflow: ellipsis; top: 0px; transform: scale(0.25); transform-origin: right top; }
.fa-layers-bottom-right { bottom: 0px; right: 0px; top: auto; transform: scale(0.25); transform-origin: right bottom; }
.fa-layers-bottom-left { inset: auto auto 0px 0px; transform: scale(0.25); transform-origin: left bottom; }
.fa-layers-top-right { right: 0px; top: 0px; transform: scale(0.25); transform-origin: right top; }
.fa-layers-top-left { left: 0px; right: auto; top: 0px; transform: scale(0.25); transform-origin: left top; }
.fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -0.0667em; }
.fa-xs { font-size: 0.75em; }
.fa-sm { font-size: 0.875em; }
.fa-1x { font-size: 1em; }
.fa-2x { font-size: 2em; }
.fa-3x { font-size: 3em; }
.fa-4x { font-size: 4em; }
.fa-5x { font-size: 5em; }
.fa-6x { font-size: 6em; }
.fa-7x { font-size: 7em; }
.fa-8x { font-size: 8em; }
.fa-9x { font-size: 9em; }
.fa-10x { font-size: 10em; }
.fa-fw { text-align: center; width: 1.25em; }
.fa-ul { list-style-type: none; margin-left: 2.5em; padding-left: 0px; }
.fa-ul > li { position: relative; }
.fa-li { left: -2em; position: absolute; text-align: center; width: 2em; line-height: inherit; }
.fa-border { border: 0.08em solid rgb(238, 238, 238); border-radius: 0.1em; padding: 0.2em 0.25em 0.15em; }
.fa-pull-left { float: left; }
.fa-pull-right { float: right; }
.fa.fa-pull-left, .fas.fa-pull-left, .far.fa-pull-left, .fal.fa-pull-left, .fab.fa-pull-left { margin-right: 0.3em; }
.fa.fa-pull-right, .fas.fa-pull-right, .far.fa-pull-right, .fal.fa-pull-right, .fab.fa-pull-right { margin-left: 0.3em; }
.fa-spin { animation: 2s linear 0s infinite normal none running fa-spin; }
.fa-pulse { animation: 1s steps(8) 0s infinite normal none running fa-spin; }
@-webkit-keyframes fa-spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes fa-spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.fa-rotate-90 { transform: rotate(90deg); }
.fa-rotate-180 { transform: rotate(180deg); }
.fa-rotate-270 { transform: rotate(270deg); }
.fa-flip-horizontal { transform: scale(-1, 1); }
.fa-flip-vertical { transform: scale(1, -1); }
.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { transform: scale(-1, -1); }
:root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-flip-both { filter: none; }
.fa-stack { display: inline-block; height: 2em; position: relative; width: 2.5em; }
.fa-stack-1x, .fa-stack-2x { inset: 0px; margin: auto; position: absolute; }
.svg-inline--fa.fa-stack-1x { height: 1em; width: 1.25em; }
.svg-inline--fa.fa-stack-2x { height: 2em; width: 2.5em; }
.fa-inverse { color: rgb(255, 255, 255); }
.sr-only { border: 0px; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; }
.sr-only-focusable:active, .sr-only-focusable:focus { clip: auto; height: auto; margin: 0px; overflow: visible; position: static; width: auto; }
.svg-inline--fa .fa-primary { fill: var(--fa-primary-color, currentColor); opacity: var(--fa-primary-opacity, 1); }
.svg-inline--fa .fa-secondary { fill: var(--fa-secondary-color, currentColor); opacity: var(--fa-secondary-opacity, 0.4); }
.svg-inline--fa.fa-swap-opacity .fa-primary { opacity: var(--fa-secondary-opacity, 0.4); }
.svg-inline--fa.fa-swap-opacity .fa-secondary { opacity: var(--fa-primary-opacity, 1); }
.svg-inline--fa mask .fa-primary, .svg-inline--fa mask .fa-secondary { fill: black; }
.fad.fa-inverse { color: rgb(255, 255, 255); }
@font-face { font-family: Poppins; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/poppins/v19/pxiEyp8kv8JHgFVrFJA.ttf") format("truetype"); }
@font-face { font-family: Poppins; font-style: normal; font-weight: 600; src: url("https://fonts.gstatic.com/s/poppins/v19/pxiByp8kv8JHgFVrLEj6V1s.ttf") format("truetype"); }
@font-face { font-family: Poppins; font-style: normal; font-weight: 700; src: url("https://fonts.gstatic.com/s/poppins/v19/pxiByp8kv8JHgFVrLCz7V1s.ttf") format("truetype"); }
@font-face { font-family: Poppins; font-style: normal; font-weight: 800; src: url("https://fonts.gstatic.com/s/poppins/v19/pxiByp8kv8JHgFVrLDD4V1s.ttf") format("truetype"); }
@font-face { font-family: Poppins; font-style: normal; font-weight: 900; src: url("https://fonts.gstatic.com/s/poppins/v19/pxiByp8kv8JHgFVrLBT5V1s.ttf") format("truetype"); }
@font-face { font-family: Roboto; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu72xKOzY.woff2") format("woff2"); unicode-range: U+460-52F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }
@font-face { font-family: Roboto; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu5mxKOzY.woff2") format("woff2"); unicode-range: U+400-45F, U+490-491, U+4B0-4B1, U+2116; }
@font-face { font-family: Roboto; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu7mxKOzY.woff2") format("woff2"); unicode-range: U+1F00-1FFF; }
@font-face { font-family: Roboto; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu4WxKOzY.woff2") format("woff2"); unicode-range: U+370-3FF; }
@font-face { font-family: Roboto; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu7WxKOzY.woff2") format("woff2"); unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+1EA0-1EF9, U+20AB; }
@font-face { font-family: Roboto; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu7GxKOzY.woff2") format("woff2"); unicode-range: U+100-24F, U+259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: Roboto; font-style: normal; font-weight: 400; src: url("https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Mu4mxK.woff2") format("woff2"); unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
.swiper-container { margin: 0px auto; position: relative; overflow: hidden; list-style: none; padding: 0px; z-index: 1; }
.swiper-container-no-flexbox .swiper-slide { float: left; }
.swiper-container-vertical > .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform, -webkit-transform; box-sizing: content-box; }
.swiper-container-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0px, 0px); }
.swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap; }
.swiper-container-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0px auto; }
.swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform, -webkit-transform; }
.swiper-slide-invisible-blank { visibility: hidden; }
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; }
.swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; align-items: flex-start; transition-property: transform, height, -webkit-transform; }
.swiper-container-3d { perspective: 1200px; }
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { transform-style: preserve-3d; }
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; pointer-events: none; z-index: 10; }
.swiper-container-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper { touch-action: pan-y; }
.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper { touch-action: pan-x; }
.swiper-button-next, .swiper-button-prev { position: absolute; top: 50%; width: 27px; height: 44px; margin-top: -22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center center; background-repeat: no-repeat; }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; }
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E"); }
.swiper-button-lock { display: none; }
.swiper-pagination { position: absolute; text-align: center; transition: opacity 0.3s; transform: translate3d(0px, 0px, 0px); z-index: 10; }
.swiper-pagination.swiper-pagination-hidden { opacity: 0; }
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0px; width: 100%; }
.swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0px; }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); }
.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: rgb(0, 0, 0); opacity: 0.2; }
button.swiper-pagination-bullet { border: none; margin: 0px; padding: 0px; box-shadow: none; appearance: none; }
.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }
.swiper-pagination-bullet-active { opacity: 1; background: rgb(0, 122, 255); }
.swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0px); }
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0px; display: block; }
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; }
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: transform 0.2s, top 0.2s, -webkit-transform 0.2s; }
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0px 4px; }
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; }
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s, left 0.2s, -webkit-transform 0.2s; }
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: transform 0.2s, right 0.2s, -webkit-transform 0.2s; }
.swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: rgb(0, 122, 255); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; }
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; }
.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0px; top: 0px; }
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar { width: 4px; height: 100%; left: 0px; top: 0px; }
.swiper-pagination-white .swiper-pagination-bullet-active { background: rgb(255, 255, 255); }
.swiper-pagination-progressbar.swiper-pagination-white { background: rgba(255, 255, 255, 0.25); }
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill { background: rgb(255, 255, 255); }
.swiper-pagination-black .swiper-pagination-bullet-active { background: rgb(0, 0, 0); }
.swiper-pagination-progressbar.swiper-pagination-black { background: rgba(0, 0, 0, 0.25); }
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill { background: rgb(0, 0, 0); }
.swiper-pagination-lock { display: none; }
.swiper-scrollbar { border-radius: 10px; position: relative; background: rgba(0, 0, 0, 0.1); }
.swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; }
.swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; }
.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0px; top: 0px; }
.swiper-scrollbar-cursor-drag { cursor: move; }
.swiper-scrollbar-lock { display: none; }
.swiper-zoom-container { width: 100%; height: 100%; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; text-align: center; }
.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; object-fit: contain; }
.swiper-slide-zoomed { cursor: move; }
.swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50% center; animation: 1s steps(12) 0s infinite normal none running swiper-preloader-spin; }
.swiper-lazy-preloader::after { display: block; content: ""; width: 100%; height: 100%; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-position: 50% center; background-size: 100%; background-repeat: no-repeat; }
.swiper-lazy-preloader-white::after { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }
@-webkit-keyframes swiper-preloader-spin { 
  100% { transform: rotate(360deg); }
}
@keyframes swiper-preloader-spin { 
  100% { transform: rotate(360deg); }
}
.swiper-container .swiper-notification { position: absolute; left: 0px; top: 0px; pointer-events: none; opacity: 0; z-index: -1000; }
.swiper-container-fade.swiper-container-free-mode .swiper-slide { transition-timing-function: ease-out; }
.swiper-container-fade .swiper-slide { pointer-events: none; transition-property: opacity; }
.swiper-container-fade .swiper-slide .swiper-slide { pointer-events: none; }
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }
.swiper-container-cube { overflow: visible; }
.swiper-container-cube .swiper-slide { pointer-events: none; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0px 0px; width: 100%; height: 100%; }
.swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none; }
.swiper-container-cube.swiper-container-rtl .swiper-slide { transform-origin: 100% 0px; }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; }
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev { pointer-events: auto; visibility: visible; }
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top { z-index: 0; backface-visibility: hidden; }
.swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 100%; background: rgb(0, 0, 0); opacity: 0.6; filter: blur(50px); z-index: 0; }
.swiper-container-flip { overflow: visible; }
.swiper-container-flip .swiper-slide { pointer-events: none; backface-visibility: hidden; z-index: 1; }
.swiper-container-flip .swiper-slide .swiper-slide { pointer-events: none; }
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; }
.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top { z-index: 0; backface-visibility: hidden; }
.swiper-container-coverflow .swiper-wrapper { }
body { font-family: Roboto, "sans-serif"; margin: 0px; font-size: 16px; background: white; line-height: 1.5em; }
::-webkit-scrollbar { width: 0px; background: transparent; }
.hjFEOR { width: 100%; height: 60px; top: 0px; transition: 0.25s; background: rgb(230, 52, 52); display: flex; -webkit-box-pack: center; justify-content: center; z-index: 3; }
.hjFEOR .nav-inner { max-width: 900px; width: 100%; display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; }
.hjFEOR .nav-icon { width: 60px; height: 60px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; color: white; }
.hjFEOR .nav-icon .nav-icon-circle { width: 36px; height: 36px; border-radius: 50%; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; background: white; }
.hjFEOR .nav-icon .nav-icon-circle:hover { cursor: pointer; opacity: 0.9; }
.hjFEOR .nav-icon svg { color: rgb(241, 22, 53); width: 16px !important; height: 16px !important; }
@media only screen and (min-width: 600px) {
  .hjFEOR .nav-icon { width: 80px; height: 80px; }
}
.hjFEOR .nav-logo { width: 120px; }
@media only screen and (min-width: 600px) {
  .hjFEOR .nav-logo { width: 160px; }
}
@media only screen and (min-width: 600px) {
  .hjFEOR { height: 80px; left: auto !important; }
}
.hmBDfs { width: 100%; }
.hmBDfs img { width: 100%; display: block; }
.hmBDfs img.true:hover { cursor: pointer; opacity: 0.9; }
.dnGqAc { width: 100%; display: flex; -webkit-box-pack: center; justify-content: center; min-height: 60px; background-color: whitesmoke; }
.dnGqAc .tabs-inner { max-width: 900px; width: 100%; display: flex; justify-content: space-evenly; -webkit-box-align: center; align-items: center; }
.dnGqAc .home-tab { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.dnGqAc .home-tab .wrap { display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; }
.dnGqAc .home-tab .wrap .text { text-decoration: none; color: rgb(122, 125, 141); font-weight: 700; font-size: 16px; text-transform: uppercase; border-bottom: 2px solid transparent; letter-spacing: 1px; }
.dnGqAc .home-tab .wrap .text:hover { opacity: 0.75; cursor: pointer; color: rgb(241, 22, 53); }
.dnGqAc .home-tab .wrap .text.true { color: rgb(241, 22, 53); border-bottom: 2px solid rgb(241, 22, 53); }
.dnGqAc.true { padding: 60px 0px 0px; }
@media only screen and (min-width: 600px) {
  .dnGqAc.true { padding: 80px 0px 0px; }
}
@media only screen and (min-width: 600px) {
  .dnGqAc { height: 60px; }
}
.cphzFs { width: 100%; }
.bXSesf { position: fixed; width: 300px; height: 100%; top: 0px; bottom: 0px; left: -300px; z-index: 1; transition: 0.25s; background: rgb(57, 65, 75); display: flex; flex-direction: column; overflow-y: scroll; scroll-behavior: smooth; scrollbar-width: none; }
.bXSesf .logo { width: 160px; height: 60px; -webkit-box-pack: center; justify-content: center; margin: 40px auto 30px; display: flex; -webkit-box-align: center; align-items: center; }
.bXSesf .my-button-base { width: 100%; height: 60px; display: flex; -webkit-box-pack: justify; justify-content: space-between; color: white; font-size: 14px; text-transform: capitalize; }
.bXSesf .my-button-base .label { margin: 0px 0px 0px 20px; }
.bXSesf .my-button-base svg, .bXSesf .my-button-base .cloudinary { width: 20px; height: 20px; margin: 0px 20px 0px 0px; }
.bXSesf .my-button-base .MuiSwitch-root { margin: 0px 10px 0px 0px; }
.bXSesf .my-button-base.patron { background: rgb(255, 88, 0); }
.bXSesf .my-button-base.support.true { background: rgb(116, 158, 60); }
.bXSesf .my-button-base.support.false { background: rgb(165, 66, 61); }
.bXSesf.true { left: 0px; }
.kwdmyy { width: 40px; height: 40px; display: flex; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; position: relative; }
.kwdmyy .my-underlay { width: 40px; height: 40px; position: absolute; background: rgb(199, 199, 199); border-radius: 50%; transition: 0.25s; }
.kwdmyy .my-underlay.true { background: rgb(255, 88, 0); }
.kwdmyy .my-image { position: absolute; width: 36px; height: 36px; z-index: 1; }
.kwdmyy:hover.true { cursor: pointer; }
.kwdmyy:hover.true .my-underlay { background: rgb(230, 52, 52) !important; }
.cbwvVy { display: flex; -webkit-box-align: center; align-items: center; }
.cbwvVy .user-avatar { margin: 0px 10px 0px 0px; }
.cbwvVy .display-name { font-size: 14px; font-weight: bold; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid transparent; transition: color 0.25s; }
.cbwvVy .display-name.true { border-bottom: 4px solid rgb(230, 52, 52); }
.cbwvVy .display-name.true:hover { cursor: pointer; color: rgb(230, 52, 52); }
.hVzGPo { display: flex; -webkit-box-align: center; align-items: center; font-size: 14px; color: grey; }
.gOmVUd { width: 100%; display: flex; flex-direction: column; border-radius: 2px; background: whitesmoke; overflow: hidden; }
.gOmVUd .banner { padding: 4px; }
.gOmVUd .banner-padding { display: flex; -webkit-box-pack: justify; justify-content: space-between; flex-wrap: wrap; padding: 15px 15px 0px; }
.gOmVUd .category { -webkit-box-flex: 1; flex-grow: 1; height: 20px; width: 10%; margin: 0px 0px 10px; display: flex; -webkit-box-align: center; align-items: center; text-transform: capitalize; color: rgb(230, 52, 52); font-weight: bold; font-size: 14px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; }
.gOmVUd .small-badge { width: 60%; }
.gOmVUd .small-badge .user-avatar { width: 30px; height: 30px; }
.gOmVUd .unix-date { width: 20%; height: 20px; display: flex; -webkit-box-pack: end; justify-content: flex-end; -webkit-box-align: center; align-items: center; font-size: 14px; font-weight: bold; color: grey; white-space: nowrap; margin: 0px 0px 10px; border-top: 4px solid transparent; border-bottom: 4px solid transparent; }
.gOmVUd .unix-date svg { width: 14px; height: 14px; margin: 0px 0px 0px 5px; }
.gOmVUd .unix-date .middot { font-size: 60px; color: rgb(222, 222, 222); text-align: center; padding: 4px 4px 0px; }
.gOmVUd .title { width: 100%; margin: 0px 0px 10px; font-size: 22px; font-weight: bold; line-height: 28px; }
.gOmVUd .user-badge { margin: 0px 0px 10px; color: rgb(20, 20, 20); }
.gOmVUd .body { width: 100%; color: grey; margin: 0px 0px 10px; }
.gOmVUd:hover { cursor: pointer; opacity: 0.95; }
.gOmVUd.dark { background: rgb(20, 20, 20); }
.gOmVUd.dark .category, .gOmVUd.dark .date, .gOmVUd.dark .title, .gOmVUd.dark .user-badge, .gOmVUd.dark .body { color: white; }
.gOmVUd.blocked .banner-padding .user-badge { order: 1; -webkit-box-flex: 1; flex-grow: 1; }
.gOmVUd.blocked .banner-padding .user-badge .user-avatar, .gOmVUd.blocked .banner-padding .user-badge .my-underlay { width: 30px !important; height: 30px !important; }
.gOmVUd.blocked .banner-padding .user-badge .my-image { width: 28px !important; height: 28px !important; }
.gOmVUd.blocked .banner-padding .unix-date { order: 2; height: 30px; width: auto; }
.gOmVUd.blocked .banner-padding .title { order: 3; }
.dhBqmj { display: flex; flex-direction: column; }
@media only screen and (max-width: 599px) {
  .dhBqmj .section.first { margin: 0px 0px 10px; }
}
.dhBqmj .padding { padding: 0px 10px; }
@media only screen and (min-width: 600px) {
  .dhBqmj .padding.left { padding: 0px 5px 0px 10px; }
  .dhBqmj .padding.right { padding: 0px 10px 0px 5px; }
}
@media only screen and (min-width: 600px) {
  .dhBqmj { flex-direction: row; }
  .dhBqmj .section { width: 50%; }
}
.FzYJQ { max-width: 900px; width: 100%; margin: 0px auto; display: flex; flex-direction: column; -webkit-box-pack: center; justify-content: center; }
.jwgJoU { width: 100%; height: 40px; }
.jwgJoO { width: 100%; height: 20px; }
.huWteG { font-family: Poppins; font-style: normal; font-weight: 600; font-size: 30px; line-height: 30px; letter-spacing: 1px; color: rgb(255, 255, 255); text-transform: none; text-align: left; }
.iSkEZn { max-width: 100%; font-family: Poppins; font-size: 16px; font-weight: 400; line-height: 22px; text-transform: none; color: rgb(255, 255, 255); text-align: left; margin: 0px; }
.iSkEZn a:hover { color: rgb(230, 52, 52); }
.MiycN { background: rgb(255, 255, 255); }
.dFtREm { background: whitesmoke; }
.bGTFbm { background: rgb(20, 20, 20); padding: 20px; margin: 10px; }
.gOzpRF { width: 100%; -webkit-box-flex: 1; flex-grow: 1; }
.gOzpRF.true { padding: 60px 0px 0px; }
@media only screen and (min-width: 600px) {
  .gOzpRF.true { padding: 80px 0px 0px; }
}
.cTJCEO { width: 100%; color: white; }
.cTJCEO .footer-section { width: 100%; padding: 40px 0px; }
.cTJCEO .footer-section.blocks { background: rgb(33, 33, 33); }
.cTJCEO .footer-section.copyright { text-align: center; background: rgb(20, 20, 20); font-size: 14px; padding: 20px 0px; }
.cTJCEO .footer-section.copyright span { padding: 0px 20px; display: block; line-height: 30px; }
.cTJCEO .footer-inner { max-width: 900px; width: 100%; display: flex; flex-direction: column; justify-content: space-evenly; margin: 0px auto; }
@media only screen and (max-width: 599px) {
  .cTJCEO .footer-inner { -webkit-box-align: center; align-items: center; }
}
@media only screen and (min-width: 600px) {
  .cTJCEO .footer-inner { flex-direction: row; justify-content: space-evenly; }
}
.cTJCEO .footer-block { width: 140px; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; }
@media only screen and (min-width: 600px) {
  .cTJCEO .footer-block { margin-bottom: 0px !important; }
}
.cTJCEO .my-icon { width: 24px; height: 24px; margin: 0px 0px 15px; }
.cTJCEO .my-icon svg { width: 24px; height: 24px; }
.cTJCEO .footer-header { display: flex; -webkit-box-align: center; align-items: center; text-transform: uppercase; font-weight: bold; font-size: 16px; margin: 0px 0px 15px; }
.cTJCEO .footer-link { color: rgb(165, 165, 165); transition: 0.25s; font-size: 16px; line-height: 16px; margin: 0px 0px 8px; }
.cTJCEO .footer-link.rss { color: rgb(255, 141, 42); }
.cTJCEO .footer-link:hover { cursor: pointer; color: white !important; }
.cTJCEO .footer-icons { display: flex; }
.cTJCEO .footer-icons .footer-icon { margin: 5px; }
.cTJCEO .footer-icons .footer-icon img { transition: 0.25s; opacity: 0.5; }
.cTJCEO .footer-icons .footer-icon img:hover { opacity: 1; cursor: pointer; }
.cWDqoz { position: fixed; top: 0px; bottom: 0px; left: 0px; opacity: 0; width: 100%; height: 100%; transition: 0.25s; z-index: 3; pointer-events: none; }
.cWDqoz .my-button-base { width: 100%; height: 100%; background: rgba(0, 0, 0, 0.88); }
.cWDqoz.true { left: 300px; opacity: 1; pointer-events: all; }
.ekiLZs { position: fixed; width: 100%; height: 100%; transition: 0.25s; scrollbar-width: none; overflow-y: scroll; scroll-behavior: smooth; left: 0px; display: flex; flex-direction: column; }
.ekiLZs .routes { -webkit-box-flex: 1; flex-grow: 1; }
.ekiLZs.true { left: 300px; }
.ekiLZs.false .nav { left: 0px; }
.gZotPn { padding: 0px 20px; flex-direction: column; justify-content: space-evenly; overflow: hidden; display: flex; }
.gZotPn .swiper-container { overflow: visible; width: 100%; }
@media only screen and (min-width: 600px) {
  .gZotPn .swiper-wrapper { -webkit-box-pack: justify; justify-content: space-between; }
}
.gZotPn .swiper-slide { margin: 0px 20px 0px 0px; }
@media only screen and (min-width: 600px) {
  .gZotPn .swiper-slide { width: 31.8%; }
}
.gZotPn .swiper-pagination { position: relative; top: 0px; height: 20px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; margin: 40px 0px 0px; }
@media only screen and (min-width: 600px) {
  .gZotPn .swiper-pagination { top: -60px; }
}
.gZotPn .swiper-pagination .swiper-pagination-bullet { width: 18px; height: 18px; background: rgb(20, 20, 20); }
@media only screen and (max-width: 599px) {
  .gZotPn .single-card { width: 100% !important; }
}
@media only screen and (min-width: 600px) {
  .gZotPn { flex-direction: row; }
}
@media only screen and (min-width: 600px) {
  .gZotPn.false .swiper-pagination { display: none; }
}
.lotkCa { max-width: 100%; font-family: Poppins; font-style: normal; font-weight: 600; font-size: 26px; line-height: 26px; letter-spacing: 1px; color: rgb(5, 24, 55); text-transform: none; text-align: center; }
.compose { padding: 0px 0px 100px; }
.compose .compose-header { font-size: 16px; text-align: center; margin: 30px 0px; color: grey; text-transform: uppercase; letter-spacing: 1px; }
.compose .compose-banner { margin: 0px 0px 30px; display: flex; justify-content: center; align-items: center; flex-direction: column; color: grey; text-transform: uppercase; letter-spacing: 1px; }
.compose .compose-banner .cloudinary { width: 50px; }
.compose .compose-banner img { width: 50px; height: 50px; margin: 0px 0px 10px; }
.compose .compose-label { display: flex; justify-content: space-between; align-items: center; margin: 30px 25px 10px; font-size: 12px; text-transform: uppercase; color: grey; border-radius: 5px; }
.compose .compose-label .label { color: grey; }
.compose .compose-label .status.ok { color: rgb(95, 247, 95); }
.compose .compose-label .status.error { color: rgb(241, 22, 53); }
@media only screen and (min-width: 600px) {
  .compose .compose-label { font-size: 14px; }
}
.compose .article-input { margin: 0px 20px 20px; padding: 10px; border-radius: 3px; }
.compose .article-input .my-input-base { color: grey; caret-color: rgb(241, 22, 53); line-height: 1.5em; }
.compose .article-input.true { box-shadow: rgb(136, 136, 136) 0px 0px 5px; }
.compose .article-input.white { background: white; }
.compose .article-input.smoke { background: whitesmoke; }
.compose .compose-item { margin: 20px; }
.compose .suggestions { margin: 20px; display: flex; justify-content: center; flex-direction: column; }
.compose .suggestions .suggestion { background: whitesmoke; border-radius: 2px; display: flex; align-items: center; width: 100%; }
.compose .suggestions .suggestion .image { min-width: 50px; width: 50px; padding: 20px; margin: 0px 10px 0px 0px; }
.compose .suggestions .suggestion .label { padding: 20px 20px 20px 0px; text-transform: capitalize; color: grey; }
@media only screen and (min-width: 600px) {
  .compose .suggestions .suggestion { width: 49%; margin-bottom: 0px !important; }
}
@media only screen and (max-width: 599px) {
  .compose .suggestions { display: none; }
}
@media only screen and (min-width: 600px) {
  .compose .suggestions { flex-direction: row; justify-content: space-between; }
}
.compose .fr-box .fr-wrapper { min-height: 600px; }
.compose .my-image { margin: 0px 20px 20px; }
.compose .control-buttons { display: flex; justify-content: center; }
.compose .control-buttons .my-button { width: 140px; height: 50px; display: flex; justify-content: center; align-items: center; margin: 20px; }
.compose .control-buttons .my-button:hover { cursor: pointer; }
.compose .control-buttons .my-button.reset { background: whitesmoke; color: grey; }
.compose .control-buttons .my-button.submit { background: rgb(241, 22, 53); color: white; }
.compose-category { display: flex; align-items: center; justify-content: space-between; }
.compose-category .compose-category-label { font-size: 12px; text-transform: uppercase; color: grey; }
.compose-category .my-button-base { background: rgb(245, 245, 245); width: 160px; height: 40px; color: grey; font-size: 12px; text-transform: uppercase; }
.compose-tags { display: flex; justify-content: space-between; flex-wrap: wrap; }
.compose-tags .compose-tags-label { font-size: 12px; text-transform: uppercase; color: grey; flex-grow: 1; display: flex; align-items: center; }
.compose-tags .my-button-base { background: rgb(245, 245, 245); width: 30px; height: 30px; color: grey; font-size: 20px; font-weight: bold; border-radius: 4px; }
.compose-tags .tag-list { display: flex; flex-wrap: wrap; overflow-y: scroll; scroll-behavior: smooth; width: 100%; margin: 20px 0px 0px; }
.tag-popup { width: 320px; height: 320px; padding: 20px; display: flex; flex-direction: column; }
.tag-popup .tag-popup-control { display: flex; justify-content: space-between; align-items: center; margin: 0px 0px 20px; }
.tag-popup .tag-popup-control .my-input-base { flex-grow: 1; height: 30px; padding: 5px 5px 5px 10px; margin: 0px 10px 0px 0px; background: whitesmoke; border-radius: 4px; }
.tag-popup .tag-popup-control .my-button-base { width: 30px; height: 30px; background: whitesmoke; border-radius: 4px; }
.tag-popup .tag-popup-list { display: flex; flex-wrap: wrap; overflow-y: scroll; scroll-behavior: smooth; }
.tag-popup .tag-popup-list .tag { height: 30px; padding: 4px 8px; background: whitesmoke; margin: 0px 5px 5px 0px; color: grey; transition: 0.25s; }
.tag-popup .tag-popup-list .tag:hover { background: rgb(241, 22, 53); color: white; }
.article-tag { color: rgb(241, 22, 53); margin: 0px 15px 15px 0px; font-weight: bold; }
.article-tag svg { width: 16px; height: 16px; }
.article-tag span { margin: 0px 0px 0px 5px; }
.article-tag span:hover { cursor: pointer; opacity: 0.9; }
.image-browser { margin: 40px 20px 20px; }
.image-browser .image-tags { width: 100%; display: flex; flex-wrap: wrap; }
.image-browser .image-tags .image-tag { flex-grow: 1; background: whitesmoke; color: grey; margin: 2px; height: 30px; border-radius: 4px; padding: 0px 8px; text-transform: capitalize; transition: 0.25s; }
.image-browser .image-tags .image-tag.true { background: rgb(241, 22, 53); color: white; }
@media only screen and (min-width: 600px) {
  .image-browser .image-tags { }
}
.image-browser .image-grid { display: flex; flex-wrap: wrap; }
.image-browser .image-grid .image { width: 50%; }
.image-browser .image-grid .image .margin { margin: 5px; flex-grow: 1; display: flex; }
.image-browser .image-grid .image .margin .cloudinary { border-radius: 2px; overflow: hidden; }
@media only screen and (min-width: 600px) {
  .image-browser .image-grid .image { width: 25%; }
}
.fr-box { width: 100%; font-size: 16px; }
.fr-box .fr-toolbar, .fr-box .fr-wrapper { background: transparent !important; border: none !important; }
.fr-box .second-toolbar { display: none; }
.fr-box .fr-btn { display: flex; justify-content: center; align-items: center; width: 24px !important; height: 24px !important; margin: 10px 4px !important; }
.fr-box .fr-btn .fr-svg { padding: 2px; width: 20px !important; height: 20px !important; margin: 0px !important; }
.fr-box .fr-btn svg { height: 20px !important; width: 20px !important; }
.fr-box .fr-btn img { width: 14px !important; height: 14px !important; margin: 0px !important; }
.fr-box .insert { color: white; border-radius: 2px; text-transform: uppercase; padding: 5px 10px; font-weight: bold; }
.fr-box .insert.my-game { background: rgb(249, 142, 64); }
.fr-box .insert.my-advert { background: rgb(71, 136, 244); }
.fr-box .fr-element { font-size: 16px !important; }
.fr-emoticon { font-size: inherit; height: 1em; width: 1em; min-height: 20px; min-width: 20px; display: inline-block; margin: -0.1em 0.1em 0.1em; line-height: 1; vertical-align: middle; background-repeat: no-repeat !important; }
.fr-embedly { margin: 0px 0px 20px; height: auto !important; }
@media only screen and (min-width: 600px) {
  .fr-embedly { background: whitesmoke; padding: 5px 10px; border-radius: 2px; }
}
.froala { border-radius: 2px; }
.article-interaction { display: flex; align-items: center; }
.article-interaction .article-interact-item { display: flex; align-items: center; height: 30px; width: 70px; border-radius: 4px; margin: 0px 10px 0px 0px; color: grey; transition: 0.25s; }
.article-interaction .article-interact-item svg { height: 18px; width: 18px; }
.article-interaction .article-interact-item .my-button-base { height: 32px; min-width: 32px; border-radius: 16px; margin: 0px 6px 0px 0px; background: whitesmoke; position: relative; transition: 0.25s; }
.article-interaction .article-interact-item .my-button-base:hover { background: rgb(241, 22, 53); color: white; }
.article-interaction .article-interact-item .emoticon { height: 20px; width: 20px; position: absolute; top: 6px; left: 6px; }
.article-interaction .article-interact-item .item-count { display: flex; align-items: center; font-size: 14px; color: grey; }
.article-interaction .article-interact-item.true svg { color: rgb(241, 22, 53); }
.buttons-popover { display: flex; flex-direction: column; padding: 10px; }
.buttons-popover .my-button-popover-base { width: 120px; height: 40px; display: flex; justify-content: space-between; align-items: center; padding: 8px; background: whitesmoke; border-radius: 4px; font-size: 10px; text-transform: uppercase; color: grey; letter-spacing: 1px; }
.buttons-popover .my-button-popover-base.spam, .buttons-popover .my-button-popover-base.abusive { background: rgb(241, 22, 53); color: white; }
.buttons-popover .my-button-popover-base.spam svg, .buttons-popover .my-button-popover-base.abusive svg { color: white; }
.buttons-popover .my-button-popover-base.facebook { background: rgb(66, 103, 178); color: white; }
.buttons-popover .my-button-popover-base.twitter { background: rgb(29, 161, 242); color: white; }
.buttons-popover .my-button-popover-base.link { background: whitesmoke; color: grey; }
.buttons-popover .my-button-popover-base.link svg { color: black; }
.buttons-popover .my-button-popover-base .my-icon { width: 20px; height: 20px; }
.buttons-popover .my-button-popover-base svg { width: 20px; height: 20px; }
.article-teaser-strip { display: flex; align-items: center; height: 80px; padding: 0px; width: 100%; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 2px 1px -1px; border-radius: 4px !important; justify-content: flex-start !important; }
.article-teaser-strip .strip-image { min-width: 54px; width: 54px; height: 54px; padding: 0px 0px 0px 20px; margin: 0px 10px 0px 0px; }
.article-teaser-strip .strip-title { flex-grow: 1; }
.article-teaser-strip .strip-label { color: rgb(241, 22, 53); font-size: 14px; font-weight: 700; padding: 0px 20px 0px 0px; margin: 0px 0px 0px 10px; }
.article-viewer-control-popover .sure-popover { display: flex; justify-content: center; align-items: center; height: 30px; width: 200px; padding: 5px; }
.article-viewer-control-popover .sure-popover .sure-popover-label { margin: 0px 10px; font-size: 14px; color: grey; }
.article-viewer-control-popover .sure-popover .sure-popover-icon { width: 24px; height: 24px; color: white; border-radius: 50%; }
.article-viewer-control-popover .sure-popover .sure-popover-icon.close { background: rgb(241, 22, 53); }
.article-viewer-control-popover .sure-popover .sure-popover-icon.done { background: rgb(63, 212, 63); }
.reaction-list { display: flex; padding: 10px; width: 220px; justify-content: space-between; border-radius: 5px; }
.reaction-list .reaction { width: 30px; height: 30px; color: rgb(255, 204, 77); }
.reaction-list .reaction svg { width: 30px; height: 30px; }
.reaction-list .reaction.thumbUp { display: flex; justify-content: center; align-items: center; color: white; border-radius: 50%; background: rgb(63, 140, 255); }
.reaction-list .reaction.thumbUp svg { width: 16px; height: 16px; }
.sure-popover { display: flex; align-items: center; justify-content: space-between; padding: 10px 20px; background: white; border-radius: 4px; }
.sure-popover .sure-icon { width: 30px; height: 30px; border-radius: 50%; color: white; }
.sure-popover .sure-icon svg { width: 16px; height: 16px; }
.sure-popover .sure-icon.close { background: rgb(241, 22, 53); }
.sure-popover .sure-icon.done { background: green; }
.sure-popover .sure-label { margin: 0px 20px; }
.pick-stats { position: relative; display: flex; flex-direction: column; }
.pick-stats .banner { position: absolute; top: 0px; z-index: 0; }
.pick-stats .banner .gradient { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.66); top: 0px; }
@media only screen and (min-width: 600px) {
  .pick-stats .banner { display: none; height: 100%; }
  .pick-stats .banner .cloudinary { height: 100%; }
  .pick-stats .banner img { height: 100%; }
}
.pick-stats .connector { position: relative; width: 100%; height: 0px; display: flex; align-items: center; justify-content: center; margin: 0px auto; z-index: 1; }
.pick-stats .connector .cube { width: 30px; height: 30px; position: absolute; transform: rotate(45deg); background: whitesmoke; z-index: 0; }
.pick-stats .connector .arrows { position: absolute; width: 20px; height: 20px; }
@media only screen and (min-width: 600px) {
  .pick-stats .connector { display: none; }
}
.pick-stats .pick-terms { width: 100%; text-align: center; color: grey; margin: 30px 0px; }
.pick-stats .pick-terms span:hover { cursor: pointer; color: white; }
.pick-stats .socials { background: rgb(33, 33, 33); margin: 0px; height: 50px; z-index: 1; }
.pick-stats .socials .social-label { display: none; }
@media only screen and (min-width: 600px) {
  .pick-stats { background-image: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.8)), url("https://res.cloudinary.com/thearsenalreview/image/upload/q_100,f_auto,q_auto,f_auto,w_900,q_auto/dpr_auto/system/pick-leaderboards"); background-size: cover; background-repeat: no-repeat; background-position: center center; }
}
.user-stats { width: 100%; margin: 30px 0px 0px; }
.user-stats .table-row .table-column { background: rgb(241, 22, 53); color: white; }
.user-stats .table-row .table-column.display-name .name { color: white; }
.user-stats .table-row .table-column.display-name .trophy { color: white; }
.world-stats { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 0px 0px 20px; background: whitesmoke; }
.world-stats svg { width: 16px; height: 16px; }
.world-stats .stats-header { display: flex; justify-content: center; align-items: center; margin: 30px 0px 0px; z-index: 1; }
.world-stats .stats-header .icon { color: gold; width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; }
.world-stats .stats-header .label { font-weight: bold; color: white; margin: 0px 20px; }
.world-stats .filter-tabs { width: 100%; display: flex; justify-content: center; align-items: center; font-weight: bold; z-index: 1; color: rgb(167, 167, 167); margin: 30px 0px 0px; }
.world-stats .filter-tabs .filter-tab { border-bottom: 2px solid transparent; transition: 0.25s; }
.world-stats .filter-tabs .filter-tab.true { border-bottom: 2px solid rgb(241, 22, 53); }
.world-stats .filter-tabs .filter-tab:hover { color: white; cursor: pointer; border-bottom: 2px solid rgb(241, 22, 53); }
.world-stats .stats-table { margin: 20px 0px 0px; }
.world-stats .pagination .my-button-base { color: white; }
@media only screen and (min-width: 600px) {
  .world-stats { background: transparent; padding: 0px; }
}
.stats-table { z-index: 2; display: inherit; flex-direction: inherit; width: 100%; font-size: 14px; }
.stats-table .wrapper { margin: 0px 20px; flex-grow: 1; }
@media only screen and (min-width: 600px) {
  .stats-table .wrapper { margin: 0px 40px; }
}
.stats-table .label { color: grey; text-align: center; padding: 10px 0px; }
@media only screen and (min-width: 600px) {
  .stats-table .label { color: white; }
}
.stats-table .table-row { display: flex; height: 40px; color: rgb(167, 167, 167); border-left: 5px solid transparent; }
.stats-table .table-row.data { color: grey; background: white; border-radius: 4px; box-shadow: rgb(136, 136, 136) 0px 0px 10px; overflow: hidden; }
.stats-table .table-row.data.my-table { background: rgb(241, 22, 53); }
.stats-table .table-column { width: 12%; display: flex; justify-content: center; align-items: center; background: white; }
.stats-table .table-column.info { display: flex; justify-content: center; align-items: center; margin: 0px; width: 5px; }
.stats-table .table-column.info:hover { cursor: pointer; color: white; }
.stats-table .table-column.display-name { flex-grow: 1; justify-content: flex-start; align-items: center; color: black; font-weight: bold; }
.stats-table .table-column.display-name .index { margin: 0px 5px; font-size: 12px; }
.stats-table .table-column.display-name .info-icon { margin: 0px; }
.stats-table .table-column.display-name .info-icon svg { width: 18px; height: 18px; position: relative; left: -10px; }
.stats-table .table-column.display-name .info-icon:hover { cursor: pointer; color: white; }
.stats-table .table-column.display-name .trophy { justify-content: center; align-items: center; width: 12px; height: 12px; margin: 0px 5px 0px 0px; display: none; }
.stats-table .table-column.display-name .trophy svg { width: 12px; height: 12px; }
.stats-table .table-column.display-name .name { font-size: 12px; }
.stats-table .table-column.display-name .name.hover span:hover { cursor: pointer; color: rgb(241, 22, 53); }
.stats-table .table-column.display-name.label { color: rgb(167, 167, 167); }
.stats-table .table-column.label { background: transparent; }
.stats-table .table-column.label.star { color: gold; }
.stats-table .table-column.label span { border-bottom: 2px solid transparent; width: 30px; display: flex; justify-content: center; align-items: center; height: 22px; }
.stats-table .table-column.label.true span { color: white; text-shadow: white 0px 0px 10px; border-bottom: 2px solid rgb(241, 22, 53); }
.stats-table .table-column.hover span:hover { cursor: pointer; color: white; }
.stats-table .table-column.smoke { background: whitesmoke; }
.stats-table .table-column.count { background: rgb(33, 33, 33); color: white; font-weight: bold; }
.stats-table .table-column.score { background: gold; color: black; font-weight: bold; }
.stats-table .table-column.true { font-weight: bold; }
@media only screen and (max-width: 599px) {
  .stats-table .pagination svg { color: rgb(241, 22, 53); }
}
.pick-share { max-width: 300px; background: rgb(20, 20, 20); border-radius: 10px; display: flex; flex-direction: column; position: relative; outline: none; }
.pick-share .close { position: absolute; top: -12px; right: -12px; border-radius: 50%; display: flex; justify-content: center; align-items: center; background: rgb(241, 22, 53); color: white; width: 30px; height: 30px; padding: 0px; z-index: 2; }
.pick-share .close:hover { background: rgb(243, 52, 79); }
.pick-share .match-verses { height: 40px; font-size: 10px; color: white; background: transparent; position: relative !important; top: auto !important; }
.pick-share .match-verses .team { margin: 0px 5px; }
.pick-share .match-verses .team .club-logo { width: 24px; height: 24px; }
.pick-share .match-verses .team .club-short-name { color: white; margin: 0px 5px; }
.pick-share .pitch .image { min-height: auto; }
.pick-share .pitch .pitch-marker { width: 50px; height: 50px; }
.pick-share .pitch .pitch-marker .my-button-base { width: 50px; height: 50px; }
.pick-share .pitch .pitch-marker .my-button-base .avatar { width: 50px; height: 50px; }
.pick-share .pitch .pitch-marker .underlay { width: 50px; height: 50px; }
.pick-share .pitch .short-name { font-size: 12px; }
.pick-share .share-control { display: flex; flex-direction: column; align-items: center; padding: 10px 0px; }
.pick-share .share-control .info { display: flex; align-items: center; margin: 0px 0px 10px; color: white; }
.pick-share .share-control .icons { display: flex; align-items: center; }
.pick-share .share-control .icons .my-icon { width: 28px; height: 28px; margin: 0px 5px; }
.pick-share .share-control .icons .my-icon:hover { cursor: pointer; opacity: 0.9; }
.user-picks { background: rgb(20, 20, 20); padding: 20px 40px; display: flex; flex-direction: column; font-size: 10px; letter-spacing: 0.5px; }
.user-picks .header { width: 100%; height: 30px; display: flex; justify-content: center; align-items: center; color: white; font-size: 12px; text-transform: uppercase; }
.user-picks .info { display: flex; align-items: center; color: white; height: 20px; }
.user-picks .info .item { height: inherit; }
.user-picks .info .opponent { flex-grow: 1; padding-left: 10px; }
.user-picks .info .date { width: 30%; display: flex; justify-content: center; }
.user-picks .info .score { width: 20%; display: flex; justify-content: center; }
.user-picks .user-pick { flex-grow: 1; height: 40px; display: flex; justify-content: space-between; align-items: center; background: white; border-radius: 4px; overflow: hidden; font-size: 14px; margin-bottom: 10px; color: rgb(20, 20, 20); }
.user-picks .user-pick .item { display: flex; justify-content: center; align-items: center; height: inherit; }
.user-picks .user-pick .opponent { width: 60%; justify-content: flex-start; }
.user-picks .user-pick .avatar { width: 30px; height: 30px; padding: 5px 5px 5px 10px; }
.user-picks .user-pick .name { padding: 0px 0px 0px 10px; }
.user-picks .user-pick .date { width: 30%; }
.user-picks .user-pick .score { width: 20%; background: rgb(232, 232, 232); }
.user-picks .block { width: 100%; height: 40px; margin-bottom: 10px; background: rgb(14, 14, 14); border-radius: 4px; }
.user-picks .pagination .my-button-base svg { color: white; }
@media only screen and (max-width: 599px) {
  .user-picks { padding: 20px; }
}
.player-list-menu { transition: 1s; display: flex !important; justify-content: center !important; align-items: center !important; }
.player-list-menu .player-list-menu-item { padding: 0px; display: flex; min-height: 70px; background-color: rgba(0, 0, 0, 0) !important; }
.my-pick-modal { display: flex; justify-content: center; align-items: center; }
.my-pick-modal .my-modal-wrap { max-width: 320px; max-height: 600px; width: 90%; height: 98%; border-radius: 20px; display: flex; flex-direction: column; outline: none; }
.my-pick-modal .my-modal-wrap .modal-row.match { background: rgb(18, 21, 19); width: 100%; border-top-left-radius: 15px; border-top-right-radius: 15px; color: grey; display: flex; padding: 6px 0px; }
.my-pick-modal .my-modal-wrap .modal-row.match .col { font-size: 10px; }
.my-pick-modal .my-modal-wrap .modal-row.match .col img { width: 25px; }
.my-pick-modal .my-modal-wrap .modal-row.match .col.my-verses { display: flex; justify-content: center; align-items: center; width: 85%; }
.my-pick-modal .my-modal-wrap .modal-row.match .col.my-verses .vs { flex-grow: 1; display: flex; justify-content: center; align-items: center; color: white; }
.my-pick-modal .my-modal-wrap .modal-row.match .col.exit { width: 15%; display: flex; justify-content: center; align-items: center; color: grey; }
.my-pick-modal .my-modal-wrap .modal-row.match .col.exit svg:hover { opacity: 0.75; color: rgb(241, 22, 53); cursor: pointer; }
.my-pick-modal .my-modal-wrap .modal-row.pitch-control { background-image: url("https://res.cloudinary.com/thearsenalreview/image/upload/v1558108676/system/pitch-mobile.png"); width: 100%; background-position: center center; background-size: contain; display: flex; justify-content: space-evenly; flex-direction: column-reverse; }
.my-pick-modal .my-modal-wrap .modal-row.pitch-control .row { flex-grow: 1; width: 100%; display: flex; justify-content: center; align-items: center; }
.my-pick-modal .my-modal-wrap .modal-row.pitch-control .row .col { width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; margin: 4px; position: relative; }
.my-pick-modal .my-modal-wrap .modal-row.share-icons { background: white; color: grey; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 2px 0px; border-bottom-left-radius: 14px; border-bottom-right-radius: 14px; }
.my-pick-modal .my-modal-wrap .modal-row.share-icons .info { font-size: 12px; margin-top: 10px; }
.my-pick-modal .my-modal-wrap .modal-row.share-icons .icons { display: flex; }
.my-pick-modal .my-modal-wrap .modal-row.share-icons .icons .icon { width: 30px; height: 30px; margin: 10px; }
.my-pick-modal .my-modal-wrap .modal-row.share-icons .icons .icon svg { width: 30px; height: 30px; }
.my-pick-modal .my-modal-wrap .modal-row.share-icons .icons .icon svg:hover { cursor: pointer; opacity: 0.75; }
.my-pick-modal .my-modal-wrap .modal-row.share-icons .icons .icon.facebook svg path { fill: rgb(59, 87, 157); height: 100%; width: 100%; }
.my-pick-modal .my-modal-wrap .modal-row.share-icons .icons .icon.twitter svg path { fill: rgb(30, 161, 243); height: 100%; width: 100%; }
.my-pick-modal .my-modal-wrap .modal-row.share-icons .icons .icon.instagram svg g circle { fill: white; height: 100%; width: 100%; }
.my-pick-modal .my-modal-wrap .modal-row.share-icons .icons .icon.instagram svg g path { fill: rgb(253, 33, 81); height: 100%; width: 100%; }
.pick-stats-info { max-width: 520px; padding: 20px; font-size: 14px; line-height: 18px; letter-spacing: 1px; }
.player-list-menu .label { width: 100%; display: flex; justify-content: center; color: rgb(84, 80, 80); font-weight: bold; text-transform: uppercase; font-size: 16px; margin: 10px 0px; }
.player-list-menu .menu-item.Mui-selected { background: white; }
.player-list-menu .menu-item.true .player-menu-item .avatar .icon-overlay.done { opacity: 1; }
.player-list-menu .menu-item:hover.true .icon-overlay.clear { opacity: 1; }
.player-list-menu .menu-item:hover.true .icon-overlay.done { opacity: 0; }
.player-list-menu .menu-item.disabled { opacity: 0.25; }
.player-list-menu .menu-item.disabled:hover { cursor: default; background: white !important; }
.player-menu-item { display: flex; align-items: center; }
.player-menu-item .avatar { position: relative; display: flex; justify-content: center; align-items: center; width: 66px; height: 66px; }
.player-menu-item .avatar .underlay { position: absolute; z-index: 0; width: 66px; height: 66px; border-radius: 50%; }
.player-menu-item .avatar .image { width: 60px; height: 60px; position: absolute; background: rgb(195, 106, 45); overflow: hidden; border-radius: 50%; }
.player-menu-item .avatar .icon-overlay { position: absolute; width: 60px; height: 60px; border-radius: 50%; display: flex; justify-content: center; align-items: center; color: white; opacity: 0; }
.player-menu-item .avatar .icon-overlay.done { background: rgba(139, 195, 74, 0.52); }
.player-menu-item .avatar .icon-overlay.clear { background: rgba(241, 22, 53, 0.54); }
.player-menu-item .short-name { margin: 0px 0px 0px 10px; }
.player-control { background: rgb(12, 12, 12); padding: 20px; display: flex; flex-direction: column; width: 300px; }
.player-control .player-input { display: flex; align-items: center; margin: 0px 0px 10px; }
.player-control .player-input .my-icon { width: 60px; height: 60px; background: rgb(20, 20, 20); display: flex; align-items: center; justify-content: center; color: white; }
.player-control .player-input .my-input { height: 60px; flex-grow: 1; background: rgb(29, 29, 29); padding: 0px 10px; display: flex; align-items: center; color: white; font-size: 14px; }
.player-control .player-input .my-input .my-input-base { color: white; caret-color: white; flex-grow: 1; font-size: 14px; }
.player-control .player-input .my-input.my-button { padding: 0px; color: white; }
.player-control .my-clone-base { padding: 0px; height: 100%; width: 100%; color: white; }
.player-control .my-clone-base .label { flex-grow: 1; padding: 0px 10px; text-align: left !important; }
.player-control .my-button-base { background: rgb(241, 22, 53); width: 100%; height: 60px; color: white; }
.player-control .my-button-base:hover { background: rgb(241, 22, 53); opacity: 0.9; }
.match-action-strip { width: 100%; height: 80px; display: flex; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 8px 1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 2px 1px -1px; border-radius: 4px !important; justify-content: space-between !important; }
.match-action-strip .match-action-details { display: flex; flex-direction: column; justify-content: space-evenly; padding: 0px 0px 0px 20px; height: 80px; }
.match-action-strip .match-action-details .match-verses .club-logo { width: 20px; height: 20px; }
.match-action-strip .match-action-details .match-verses .club-short-name { margin: 0px 5px; }
.match-action-strip .match-action-label { padding: 0px 20px 0px 0px; color: rgb(241, 22, 53); font-weight: bold; text-transform: capitalize; font-size: 12px; }
.rate-teasers { display: flex; flex-direction: column; padding: 10px; border-radius: 5px; }
.rate-teasers .rate-teasers-title { margin: 0px 0px 10px 5px; display: flex; font-weight: 700; }
.rate-teasers .rate-teasers-block .match-action-strip .match-action-details .match-verses { display: flex; justify-content: center; align-items: center; }
@media only screen and (max-width: 599px) {
  .rate-teasers { background: whitesmoke; }
}
.gallery { display: flex; flex-wrap: wrap; justify-content: space-between; }
.gallery .image { width: 49%; margin: 0px 0px 10px; }
@media only screen and (min-width: 600px) {
  .gallery .image { width: 24%; margin: 0px 0px 20px; }
}
.show-case { margin: 0px 20px; }
.show-case .showcase-text { color: grey; line-height: 20px; }
.front-image-strip { display: flex; flex-direction: column; justify-content: space-between; align-items: center; margin: 0px 20px; }
.front-image-strip .my-strip-image { border-radius: 2px; overflow: hidden; }
@media only screen and (max-width: 599px) {
  .front-image-strip .my-strip-image { margin: 0px 0px 20px; width: 100% !important; }
  .front-image-strip .my-strip-image.false { margin: 0px; }
}
@media only screen and (min-width: 600px) {
  .front-image-strip { flex-direction: row; }
}
.my-snackbar { min-width: 300px; height: 50px; display: flex; border-radius: 2px; color: white; }
.my-snackbar svg { width: 20px; height: 20px; }
.my-snackbar .snack-wrapper { display: flex; flex-grow: 1; }
.my-snackbar .snack-icon { width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; background: rgba(0, 0, 0, 0.22); }
.my-snackbar .snack-icon svg { width: 20px; height: 20px; }
.my-snackbar .snack-message { flex-grow: 1; display: flex; align-items: center; padding: 0px 10px; font-size: 14px; }
.date-selector { display: flex; background: white; }
.date-selector .wrapper { display: flex; flex-grow: 1; justify-content: center; align-items: center; padding: 30px 20px; }
.date-selector .column { display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0px 10px; }
.date-selector .column .my-span { font-size: 18px; margin: 10px 0px; }
.date-selector .column .my-info { font-size: 10px; margin: 0px 0px 10px; }
.date-selector .column .my-button-base { width: 30px; height: 30px; border-radius: 4px; }
.date-selector .column .my-button-base svg { width: 24px; height: 24px; }
.cc { display: flex; justify-content: center; align-items: center; }
.full-scroll { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background: white; overflow-y: scroll; scroll-behavior: smooth; }
.my-simple-menu .my-menu-item { color: grey; text-transform: capitalize; padding: 0px 10px; max-height: 30px; min-height: 40px; height: 30px; min-width: 120px; font-size: 14px !important; }
.my-simple-popover { display: flex; flex-direction: column; min-width: 160px; }
.my-simple-popover .item { display: flex; align-items: center; height: 30px; padding: 10px; }
.my-simple-popover .item:hover { background: whitesmoke; cursor: pointer; }
.my-simple-popover .allow { display: flex; align-items: center; flex-direction: column; justify-content: center; width: 300px; padding: 20px; }
.my-simple-popover .allow .allow-info { width: 100%; margin: 0px 0px 20px; display: flex; align-items: center; color: grey; text-transform: uppercase; font-size: 14px; font-weight: bold; }
.my-simple-popover .allow .allow-action { background: whitesmoke; width: 100%; border-radius: 5px; }
.my-simple-popover .allow .allow-action .allow-padding { padding: 5px 0px 5px 15px; }
.my-simple-popover .allow svg { width: 30px; height: 20px; color: rgb(241, 22, 53); margin: 0px 10px 0px 0px; }
.my-simple-breakdown { padding: 20px; }
.my-simple-breakdown .breakdown-item { display: flex; justify-content: space-between; align-items: center; }
.my-simple-breakdown .breakdown-item .breakdown-label { margin: 0px 30px 0px 0px; color: grey; font-size: 16px; text-transform: capitalize; }
.my-simple-breakdown .breakdown-item .breakdown-count { font-size: 16px; }
.my-match-filter-item { display: flex; align-items: center; }
.my-match-filter-item .filter-image { width: 20px; height: 20px; margin: 0px 10px 0px 0px; }
.my-match-filter-item .filter-short-name { color: grey; margin: 0px 10px 0px 0px; font-size: 16px; }
.my-match-filter-item .filter-date { color: rgb(173, 173, 173); font-size: 14px; font-weight: bold; }
.my-game-modal { max-width: 90%; width: 420px; background: white; border-radius: 6px; }
.signal { padding: 20px; background: white; border-radius: 4px; }
.signal .opt .opt-info { color: grey; margin: 0px 0px 20px; }
.signal .opt .opt-info svg { color: rgb(241, 22, 53); margin: 0px 10px 0px 0px; }
.signal .enable { display: flex; flex-direction: column; color: grey; text-transform: uppercase; font-size: 14px; font-weight: bold; }
.signal .enable .my-prompt-base { height: 40px; width: 100%; border-radius: 4px; background: rgb(241, 22, 53); color: white; margin: 20px 0px 0px; }
.signal .enable .my-prompt-base svg { margin: 0px 0px 0px 5px; }
.modal-wrapper { outline: none; background: white; }
.my-meta-settings { padding: 10px 15px; }
.user-card { background: white; width: 100%; margin: 0px auto; display: flex; flex-direction: column; align-items: center; }
.user-card .close { width: 100%; height: 50px; background: whitesmoke; display: flex; justify-content: flex-end; align-items: center; margin: 0px 0px 40px; }
.user-card .close .my-button-base { width: 50px; height: 50px; background: rgb(209, 52, 52); color: white; }
.user-card .user-section { max-width: 680px; width: 100%; display: flex; flex-direction: column; margin: 0px 0px 40px; }
.user-card .user-section .section-block { display: flex; flex-grow: 1; margin: 0px 20px 40px; }
@media only screen and (max-width: 599px) {
  .user-card .user-section .section-block.no-margin { margin: 0px 20px; }
}
@media only screen and (min-width: 600px) {
  .user-card .user-section .section-block { width: 50%; margin: 0px; }
}
@media only screen and (min-width: 600px) {
  .user-card .user-section { flex-direction: row; margin: 0px 0px 60px; }
}
.user-card .user-meta-block { display: flex; flex-direction: column; justify-content: center; flex-grow: 1; }
.user-card .user-meta-block .user-avatar-meta-block { display: flex; flex-direction: column; align-items: center; margin: 0px 0px 20px; }
.user-card .user-meta-block .user-avatar-meta-block .user-avatar { margin: 0px 0px 20px; }
@media only screen and (min-width: 600px) {
  .user-card .user-meta-block .user-avatar-meta-block .user-avatar { margin: 0px 20px 0px 0px; }
}
.user-card .user-meta-block .user-avatar-meta-block .user-avatar, .user-card .user-meta-block .user-avatar-meta-block .my-underlay, .user-card .user-meta-block .user-avatar-meta-block .my-image { width: 80px; height: 80px; }
.user-card .user-meta-block .user-avatar-meta-block .user-meta { display: flex; flex-direction: column; margin: 0px 0px 10px; }
.user-card .user-meta-block .user-avatar-meta-block .user-meta .user-display-name { letter-spacing: 1px; color: rgb(56, 56, 56); font-weight: bold; font-size: 22px; margin: 0px 0px 8px; }
.user-card .user-meta-block .user-avatar-meta-block .user-meta .user-since { display: flex; align-items: center; font-size: 12px; color: grey; }
.user-card .user-meta-block .user-avatar-meta-block .user-meta .user-since svg { width: 14px; height: 14px; margin: 0px 5px 1px 0px; }
@media only screen and (max-width: 599px) {
  .user-card .user-meta-block .user-avatar-meta-block .user-meta { align-items: center; }
}
@media only screen and (min-width: 600px) {
  .user-card .user-meta-block .user-avatar-meta-block .user-meta { margin: 0px; }
}
@media only screen and (min-width: 600px) {
  .user-card .user-meta-block .user-avatar-meta-block { flex-direction: row; }
}
.user-card .user-meta-block .user-bio { width: 100%; min-height: 180px; background: whitesmoke; border-radius: 2px; display: flex; font-size: 14px; letter-spacing: 1px; line-height: 18px; color: grey; margin: 0px; flex-grow: 1; }
.user-card .user-meta-block .user-bio .wrapper { flex-grow: 1; display: flex; flex-direction: column; padding: 20px; }
.user-card .user-meta-block .user-bio .bio-label { color: black; font-size: 14px; font-weight: bold; margin: 0px 0px 10px; }
@media only screen and (max-width: 599px) {
  .user-card .user-meta-block { margin: 0px !important; }
}
.user-card .user-ratings { width: 100%; height: 350px; flex-grow: 1; }
@media only screen and (max-width: 599px) {
  .user-card .user-ratings { margin: 0px !important; }
}
.user-card .patron-supporter { display: flex; align-items: center; justify-content: flex-start; background: rgb(239, 99, 71); border-radius: 2px; padding: 10px; flex-grow: 1; color: white; }
.user-card .patron-supporter .cloudinary { width: 30px; height: 30px; margin: 0px 10px 0px 0px; }
.user-card .my-top-article { width: 100%; height: 480px; background: rgb(209, 52, 52); border-radius: 4px; }
.user-card .my-top-article .my-top-filters { display: flex; justify-content: space-evenly; align-items: center; width: 100%; height: 0px; }
.user-card .my-top-article .my-top-filters .my-top-icon { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; padding: 0px; background: white; color: rgb(209, 52, 52); border: 4px solid rgb(209, 52, 52); border-radius: 50%; transition: 0.25s; }
.user-card .my-top-article .my-top-filters .my-top-icon.true { background: rgb(209, 52, 52); color: white; }
.user-card .my-top-article .read-me { width: 80px; height: 40px; background: white; border-radius: 4px; color: grey; margin: 20px 0px 0px; }
@media only screen and (max-width: 599px) {
  .user-card .my-top-article { margin: 0px !important; }
}
.user-card .user-acievements { width: 100%; height: 100%; display: flex; background: whitesmoke; border-radius: 4px; }
.user-card .user-acievements .padding { display: flex; flex-grow: 1; padding: 20px; }
@media only screen and (min-width: 600px) {
  .user-card .user-acievements .padding { flex-direction: row; justify-content: center; align-items: center; }
}
@media only screen and (max-width: 599px) {
  .user-card .user-acievements { margin: 0px !important; }
}
.user-card .view-all { max-width: 760px; flex-grow: 1; height: 50px; display: flex; }
.user-card .view-all .my-button-base { flex-grow: 1; border-radius: 4px; display: flex; justify-content: center; align-items: center; background: rgb(209, 52, 52); color: white; font-size: 16px; }
.user-card .view-all:hover { cursor: pointer; opacity: 0.9; }
@media only screen and (max-width: 599px) {
  .user-card .view-all { margin: 0px 20px; }
}
.leaderboards { display: flex; flex-wrap: wrap; padding: 20px; }
.leaderboards .lb-header { flex-grow: 1; margin: 0px 4px 10px; display: flex; justify-content: space-between; align-items: center; font-weight: bold; }
.leaderboards .lb-header .my-link { color: rgb(241, 22, 53); text-decoration: underline; }
.leaderboards .lb-header .my-link:hover { cursor: pointer; opacity: 0.9; }
.leaderboards .lb-list { display: flex; justify-content: space-between; align-items: center; width: 100%; }
.leaderboard-card { width: 32%; height: 150px; background: whitesmoke; border-radius: 6px; display: flex; flex-direction: column; justify-content: space-evenly; align-items: center; border-bottom: 5px solid grey; }
.leaderboard-card.true { border-bottom: 5px solid rgb(241, 22, 53); }
.leaderboard-card .leader-avatar { width: 50px; height: 50px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.leaderboard-card .lb-label { font-size: 12px; color: grey; text-transform: capitalize; }
.update-guest { display: flex; flex-direction: column; align-items: center; color: grey; background: white; width: 260px; }
.update-guest .who { margin: 10px 0px 20px; font-size: 18px; }
.update-guest .who svg { width: 20px; height: 20px; color: rgb(243, 34, 34); margin: 0px 0px 0px 5px; }
.update-guest .my-input-base { flex-grow: 1; background: whitesmoke; margin: 0px 0px 20px; border-radius: 3px; padding: 5px 10px; }
.update-guest .control { display: flex; justify-content: center; margin: 0px 0px 20px; }
.update-guest .control .my-button-base { width: 40px; height: 40px; color: white; border-radius: 50%; margin: 5px; }
.update-guest .control .my-button-base.login { background: rgb(203, 152, 51); }
.update-guest .control .my-button-base.update { background: rgb(243, 34, 34); }
.update-guest .control .my-button-base svg { width: 20px; height: 20px; }
.create-poll { flex-grow: 1; display: flex; flex-direction: column; }
.create-poll .input-box { margin: 0px 0px 20px; }
.create-poll .cp-label { font-size: 14px; margin: 0px 0px 10px; display: flex; align-items: center; }
.create-poll .cp-label .plus { height: 12px; width: 12px; margin: 0px 0px 1px 5px; color: grey; display: flex; align-items: center; justify-content: center; }
.create-poll .cp-label .plus:hover { cursor: pointer; color: rgb(241, 22, 53); }
.create-poll .answers { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin: 0px 0px 10px; }
.create-poll .answers .answer { position: relative; width: 100%; margin: 0px 0px 10px; }
@media only screen and (min-width: 600px) {
  .create-poll .answers .answer { width: 48%; }
}
.create-poll .answers .answer .my-input-base { border-radius: 4px; background: whitesmoke; width: 100%; padding: 5px 10px; caret-color: grey; color: grey; font-size: 12px; }
.create-poll .answers .answer .my-icon-base { position: absolute; margin: 0px; background: rgb(241, 22, 53); color: white; top: -8px; left: -8px; padding: 2px; opacity: 0.4; border-radius: 50%; }
.create-poll .answers .answer .my-icon-base svg { width: 12px; height: 12px; }
.create-poll .my-insert-base { background: rgb(241, 22, 53); color: white; width: 80px; height: 30px; display: flex; justify-content: center; align-items: center; border-radius: 5px; }
.create-quiz .input-box { margin: 0px 0px 20px; }
.create-quiz .quiz-control { display: flex; justify-content: space-between; align-items: center; }
.create-quiz .quiz-control .icons { display: flex; }
.create-quiz .quiz-control .icons .my-icon-button { width: 20px; height: 20px; padding: 0px; display: flex; justify-content: center; align-items: center; margin: 2px; border-radius: 50%; font-size: 10px; }
.create-quiz .quiz-control .icons .my-icon-button.count { background: rgb(51, 51, 51); color: white; border: 1px solid rgb(51, 51, 51); }
.create-quiz .quiz-control .icons .my-icon-button.plus { background: white; color: rgb(51, 51, 51); border: 1px solid rgb(51, 51, 51); }
.create-quiz .quiz-control .insert .my-button-base { width: 80px; height: 30px; background: rgb(241, 22, 53); border-radius: 5px; color: white; }
.single-poll { background: whitesmoke; border-radius: 5px; max-width: 500px; margin: 0px auto; }
.single-poll .padding { padding: 20px 10px 10px; }
.single-poll .question { color: black; font-size: 16px; padding: 0px 10px 10px; font-weight: bold; }
.single-poll .meta-data { font-size: 12px; padding: 0px 10px 10px; }
.single-poll .my-button-base { padding: 0px; width: 100%; margin-bottom: 10px; border-radius: 5px; overflow: hidden; text-align: left !important; }
.single-poll .answer-wrapper { overflow: hidden; width: 100%; color: grey; margin-bottom: 10px; display: flex; flex-wrap: wrap; padding: 5px 10px; flex-grow: 1; }
.single-poll .answer-wrapper .answer { width: 100%; display: flex; align-items: center; justify-content: space-between; height: 40px; }
.single-poll .answer-wrapper .loading-bar { width: 100%; height: 6px; border-radius: 3px; background: rgb(234, 232, 232); overflow: hidden; }
.single-poll .answer-wrapper .loading-bar .grow { height: 100%; background: rgb(202, 201, 201); }
.single-poll .answer-wrapper .loading-bar .grow.true { background: rgb(241, 22, 53); }
.single-quiz { background: whitesmoke; border-radius: 5px; max-width: 500px; margin: 0px auto; }
.single-quiz .padding { padding: 10px; }
.single-quiz .flex { flex-grow: 1; }
.single-quiz .quiz-meta { margin-bottom: 10px; text-transform: uppercase; font-size: 14px; padding: 2px; display: flex; align-items: center; }
.single-quiz .quiz-meta .meta-item { display: flex; justify-content: center; align-items: center; margin-right: 5px; }
.single-quiz .quiz-meta .meta-item.spacer { height: 10px; width: 10px; }
.single-quiz .quiz-meta .meta-item .icon { width: 14px; height: 14px; display: flex; justify-content: center; align-items: center; margin: 0px 5px 2px 0px; }
.single-quiz .quiz-meta .meta-item .icon svg { height: 14px; width: 14px; }
.single-quiz .quiz-meta .meta-item .medal { width: 14px; height: 14px; margin-left: 5px; }
.single-quiz .quiz-meta .meta-item .avg { font-weight: bold; margin: 0px 5px 0px 0px; }
.single-quiz .quiz-meta .my-button-base { padding: 5px; display: flex; justify-content: center; align-items: center; border-radius: 5px; transition: 0.25s; }
.single-quiz .quiz-meta .my-button-base:hover { cursor: pointer; background: rgb(241, 22, 53); color: white; }
.single-quiz .quiz-meta .my-button-base:hover svg { color: white; }
.single-quiz .questions .question-wrapper { padding: 2px; flex-grow: 1; display: flex; }
.single-quiz .questions .question-wrapper .label { margin-bottom: 10px; }
.single-quiz .questions .question-wrapper .question { color: black; font-size: 16px; font-weight: bold; flex-grow: 1; margin-bottom: 10px; }
.single-quiz .questions .question-wrapper .question .answers { display: flex; flex-direction: column; }
.single-quiz .questions .question-wrapper .question .answers .answer { display: flex; width: 100%; height: 40px; background: rgb(239, 238, 238); border-radius: 5px; }
.single-quiz .questions .question-wrapper .question .answers .answer .my-button-base { background: rgb(236, 233, 233); height: 40px; padding: 0px 10px; flex-grow: 1; display: flex; align-items: center; justify-content: space-between; border-radius: 5px; text-align: left !important; }
.single-quiz .questions .question-wrapper .question .answers .answer .my-button-base.true { background: rgb(241, 22, 53); color: white; }
.single-quiz .control { display: flex; justify-content: space-between; align-items: center; font-size: 12px; width: 100%; }
.single-quiz .control .my-button-base { padding: 5px 8px; border-radius: 5px; }
.single-quiz .control .my-button-base svg { width: 18px; height: 18px; }
.single-quiz .control .my-button-base.true { opacity: 0.25; }
.create-type { background: white; flex-grow: 1; display: flex; flex-direction: column; padding: 20px; border-radius: 5px; }
.create-type .controls { display: flex; justify-content: space-between; align-items: center; text-transform: uppercase; font-size: 16px; letter-spacing: 1px; font-weight: bold; margin-bottom: 15px; min-width: 30px; min-height: 30px; }
.create-type .controls .my-icon-button { padding: 5px; }
.create-type .controls svg { width: 20px; height: 20px; color: grey; }
.input-box { width: 100%; }
.input-box .my-input-base { border-radius: 4px; background: whitesmoke; width: 100%; padding: 5px 10px; margin: 10px 0px 0px; caret-color: grey; color: grey; font-size: 12px; }
.play-game { margin: 20px 0px; }
.info-label { display: flex; justify-content: space-between; align-items: center; flex-grow: 1; margin: 0px 4px; }
.info-label .label { font-size: 14px; }
.info-label .info { display: flex; align-items: center; }
.info-label .info svg { width: 14px; height: 14px; color: rgb(210, 208, 208); margin: 0px 5px 0px 0px; }
.info-label .info span { font-size: 12px; color: rgb(150, 150, 150); font-style: italic; }
.quiz-question .info-label { margin: 0px 5px 10px; }
.quiz-question .answers { display: flex; flex-wrap: wrap; margin: 0px 0px 20px; }
.quiz-question .answers .answer { width: 50%; }
.quiz-question .answers .answer .padding { padding: 5px; display: flex; }
.quiz-question .answers .answer .radio { width: 30px; height: 30px; display: flex; justify-content: center; align-items: center; }
.quiz-question .answers .answer .radio .my-radio { padding: 0px; }
.quiz-question .answers .answer .label { height: 30px; display: flex; flex-grow: 1; border: 1px solid whitesmoke; border-radius: 5px; overflow: hidden; }
.quiz-question .answers .answer .label .my-input-base { padding: 5px 8px; flex-grow: 1; font-size: 12px; color: grey; }
.quiz-question .answers .answer .label.add-new { background: white; border-radius: 0px; display: flex; align-items: center; color: grey; font-size: 12px; border: 1px solid transparent; }
.quiz-question .answers .answer .label.add-new .my-add-base { background: white; border: 1px solid grey; display: flex; justify-content: center; align-items: center; font-size: 12px; width: 30px; height: 30px; border-radius: 5px; margin-right: 10px; }
.quiz-question .answers .answer .label.add-new .my-add-base svg { width: 12px; height: 12px; }
.select-game-type { display: flex; flex-wrap: wrap; justify-content: center; padding: 20px; width: 220px; }
.select-game-type .label { font-size: 14px; text-transform: uppercase; font-weight: 700; color: rgb(88, 88, 88); text-align: center; width: 100%; margin: 0px 0px 10px; }
.select-game-type .my-button-base { width: 100px; height: 80px; display: flex; flex-direction: column; justify-content: center; align-items: center; border: 2px solid rgb(88, 88, 88); border-radius: 6px; transition: 0.25s; color: grey; }
.select-game-type .my-button-base svg { color: grey; width: 20px; height: 20px; margin: 0px 0px 5px; }
.select-game-type .my-button-base:hover { border: 2px solid rgb(241, 22, 53); color: rgb(241, 22, 53); }
.select-game-type .my-seperator { width: 20px; height: 20px; }
.my-quiz-share-icons { display: flex; padding: 10px; }
.my-quiz-share-icons .my-icon { margin: 10px; width: 30px; height: 30px; cursor: pointer; }
.chat-room { display: flex; flex-direction: column; width: 100%; padding: 0px; }
.chat-room .active { display: flex; flex-wrap: wrap; justify-content: center; margin: 20px 20px 0px; }
.chat-room .active .header { width: 100%; text-transform: capitalize; text-align: center; margin: 0px 0px 20px; }
.chat-room .active .user { display: flex; align-items: center; background: whitesmoke; color: grey; border-radius: 25px; margin: 0px 10px 10px 0px; }
.chat-room .active .user .my-button-base { min-width: 30px; height: 30px; background: rgb(20, 20, 20); color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; transform: scale(1.1); }
.chat-room .active .user .my-button-base:hover { cursor: pointer; }
.chat-room .active .user .name { margin: 0px 10px; }
.chat-room .room-count { height: 50px; border-radius: 3px; display: flex; justify-content: center; align-items: center; color: grey; }
.chat-room .room-count .cloudinary { width: 50px; }
.chat-room .be-the-first { display: flex; justify-content: center; align-items: center; font-weight: bold; letter-spacing: 1px; color: grey; text-transform: uppercase; font-size: 12px; margin: 0px 70px 10px 20px; }
.chat-room .be-the-first svg { width: 26px; height: 26px; margin: 0px 0px 0px 10px; }
@media only screen and (min-width: 600px) {
  .chat-room .be-the-first { font-size: 14px; margin: 0px 20px 10px 70px; }
}
.chat-room .comment-filter { height: 50px; display: flex; align-items: center; justify-content: center; color: grey; margin: 0px 20px 20px 70px; border-radius: 4px; text-transform: uppercase; font-size: 12px; overflow: hidden; }
.chat-room .comment-filter .my-button-base { height: 50px; padding: 0px 15px; border-bottom: 2px solid transparent; transition: 0.25s; }
.chat-room .comment-filter .my-button-base svg { width: 20px; height: 20px; }
.chat-room .comment-filter .my-button-base .label { font-size: 10px; font-weight: bold; text-transform: uppercase; margin: 0px 5px; }
@media only screen and (max-width: 599px) {
  .chat-room .comment-filter .my-button-base .label { display: none; }
}
.chat-room .comment-filter .my-button-base .count { color: black; }
@media only screen and (max-width: 599px) {
  .chat-room .comment-filter .my-button-base .count { margin: 0px 0px 0px 5px; }
}
.chat-room .comment-filter .my-button-base.true { color: rgb(241, 22, 53); border-bottom: 2px solid rgb(241, 22, 53); }
@media only screen and (max-width: 599px) {
  .chat-room .comment-filter .my-button-base { flex-grow: 1; }
}
@media only screen and (max-width: 599px) {
  .chat-room .comment-filter { margin: 0px 20px 20px; background: whitesmoke; }
}
.chat-room .show-more { height: 40px; background: whitesmoke; color: grey; margin: 40px 20px 0px; border-radius: 2px; border: none; padding: 0px; text-transform: uppercase; font-size: 12px; }
.chat-room-header { font-size: 16px; font-weight: bold; color: black; margin: 20px 0px; text-align: center; }
@media only screen and (min-width: 600px) {
  .chat-room-header { font-size: 18px; margin: 30px 20px; }
}
.comment-compose { display: flex; margin: 0px 20px 20px; }
.comment-compose .compose-avatar { min-width: 50px; width: 50px; margin-right: 5px; position: relative; }
.comment-compose .compose-avatar .user-avatar { width: 50px; height: 50px; border-radius: 50%; position: relative; top: 0px; }
.comment-compose .compose-avatar .user-avatar .my-underlay { position: absolute; width: 50px; height: 50px; border-radius: 50%; }
.comment-compose .compose-avatar .user-avatar .my-underlay.true { background: rgb(255, 88, 0); }
.comment-compose .compose-avatar .user-avatar .my-image { position: absolute; width: 46px; height: 46px; z-index: 1; }
@media only screen and (max-width: 599px) {
  .comment-compose .compose-avatar { display: none; }
}
.comment-compose .compose-control { display: flex; flex-grow: 1; }
.comment-compose .compose-control .compose-meta { display: flex; justify-content: space-between; align-items: center; margin: 10px 0px 5px; }
.comment-compose .compose-control .compose-meta .compose-name { display: flex; justify-content: space-between; align-items: center; color: rgb(0, 0, 0); font-size: 14px; letter-spacing: 1px; font-weight: 700; margin: 0px 0px 0px 10px; }
.comment-compose .compose-control .compose-meta .compose-name span, .comment-compose .compose-control .compose-meta .compose-name svg { transition: color 0.25s; }
.comment-compose .compose-control .compose-meta .compose-name span:hover { cursor: pointer; color: rgb(241, 22, 53); }
.comment-compose .compose-control .compose-meta .compose-name svg { width: 12px; height: 12px; color: grey; margin: 0px 0px 0px 10px; }
.comment-compose .compose-control .compose-meta .compose-name svg:hover { color: rgb(241, 22, 53); cursor: pointer; }
.comment-compose .compose-control .compose-meta .compose-name svg.true { color: green; }
.comment-compose .compose-control .compose-meta .compose-name .writing { display: flex; align-items: center; font-size: 10px; margin: 0px 0px 0px 10px; }
.comment-compose .compose-control .compose-meta .compose-name .writing span { margin: 0px 0px 0px 10px; }
.comment-compose .compose-control .compose-meta .compose-name .writing .cloudinary { width: 24px; }
@media only screen and (max-width: 599px) {
  .comment-compose .compose-control .compose-meta .compose-name { display: none; }
}
.comment-compose .compose-control .compose-meta .compose-subscribe { display: flex; justify-content: center; align-items: center; font-family: monospace; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; margin: 0px 4px 0px 0px; font-size: 12px; color: grey; }
.comment-compose .compose-control .compose-meta .compose-subscribe .my-check-box { padding: 0px; }
@media only screen and (max-width: 599px) {
  .comment-compose .compose-control .compose-meta .compose-subscribe { display: none; }
}
.comment-compose .compose-control .compose-block { display: flex; flex-direction: column; align-items: flex-end; border: 1px solid rgb(228, 226, 226); border-radius: 10px; padding: 0px; position: relative; }
.comment-compose .compose-control .compose-block .my-button-base { width: 120px; height: 30px; background: rgb(241, 22, 53); border-radius: 5px; color: rgb(255, 255, 255); margin: 0px 20px 20px 0px; }
@media only screen and (max-width: 599px) {
  .comment-compose .compose-control .compose-block .my-button-base { display: none; }
}
@media only screen and (max-width: 599px) {
  .comment-compose .compose-control .compose-block { padding: 0px; flex-grow: 1; margin: 0px 10px 0px 0px; }
}
.comment-compose .compose-control .compose-icons { display: flex; flex-direction: column; }
.comment-compose .compose-control .compose-icons .my-button-base { width: 30px; height: 30px; padding: 1px; border-radius: 50%; margin: 5px 0px 0px; border: 2px solid transparent; }
.comment-compose .compose-control .compose-icons .my-button-base svg { width: 16px; height: 16px; }
.comment-compose .compose-control .compose-icons .my-button-base.my-post { background: rgb(241, 22, 53); color: rgb(255, 255, 255); }
.comment-compose .compose-control .compose-icons .my-button-base.my-subscribe { background: white; color: rgb(241, 22, 53); border: 2px solid rgb(241, 22, 53); }
.comment-compose .compose-control .compose-icons .twist { width: 30px; height: 30px; margin: 5px 0px 0px; }
@media only screen and (min-width: 600px) {
  .comment-compose .compose-control .compose-icons { display: none; }
}
@media only screen and (min-width: 600px) {
  .comment-compose .compose-control { flex-direction: column; }
}
.comment-compose .fr-wrapper { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.comment-compose .fr-element { padding: 10px 20px !important; }
.comment-compose.true { margin: 0px 0px 20px; }
@media only screen and (min-width: 600px) {
  .comment-compose.true { margin: 0px 0px 20px 60px; }
}
@media only screen and (min-width: 600px) {
  .comments { margin: 0px 20px; }
}
.comments .show-more { display: flex; justify-content: center; margin: 20px 0px 0px; }
.comments .show-more .label { width: 160px; height: 20px; background: rgb(241, 22, 53); color: white; border-radius: 4px; display: flex; justify-content: center; align-items: center; font-size: 10px; text-transform: uppercase; transition: 0.25s; letter-spacing: 1px; }
.comments .show-more .label:hover { cursor: pointer; opacity: 0.9; }
.comments .popular-comment { background: whitesmoke; margin: 40px 0px 0px; font-weight: bold; padding: 0px 0px 10px; }
@media only screen and (min-width: 600px) {
  .comments .popular-comment { padding: 0px 10px 10px; border-radius: 4px; }
  .comments .popular-comment .comment-control { padding: 10px 0px 0px; }
}
.comments .popular-comment .popular-comment-star { display: flex; justify-content: center; align-items: center; height: 0px; width: 100%; }
.comments .popular-comment .popular-comment-star .cloudinary { width: 30px; margin: 0px 5px 0px 0px; }
.comment-control { display: flex; flex-direction: column; }
.comment-control.true { background: whitesmoke; }
@media only screen and (min-width: 600px) {
  .comment-control.true { background: transparent; }
}
@media only screen and (max-width: 599px) {
  .comment-control { padding: 0px 20px; }
}
.comment { display: flex; flex-direction: column; margin: 0px 0px 20px; padding: 20px 0px 0px; }
.comment .comment-avatar { min-width: 50px; min-height: 50px; width: 50px; margin: 0px 5px 0px 0px; }
.comment .comment-avatar .user-avatar { width: 50px; height: 50px; border-radius: 50%; }
.comment .comment-avatar .user-avatar .my-underlay { position: absolute; width: 50px; height: 50px; background: rgb(200, 199, 196); border-radius: 50%; }
.comment .comment-avatar .user-avatar .my-underlay.true { background: rgb(255, 88, 0); }
.comment .comment-avatar .user-avatar .my-image { position: absolute; width: 46px; height: 46px; z-index: 1; }
@media only screen and (min-width: 600px) {
  .comment .comment-avatar { margin: 0px 5px 0px 0px; }
}
.comment .comment-content { display: flex; flex-direction: column; flex-grow: 1; }
.comment .comment-content .comment-meta { display: flex; align-items: center; margin: 16px 0px 0px; }
.comment .comment-content .comment-meta .comment-name { display: flex; align-items: center; color: rgb(0, 0, 0); font-size: 14px; letter-spacing: 1px; font-weight: 700; margin: 0px 10px 0px 0px; }
.comment .comment-content .comment-meta .comment-name .cloudinary { margin: 0px 0px 1px 5px; width: 16px; height: 16px; }
.comment .comment-content .comment-meta .comment-name span, .comment .comment-content .comment-meta .comment-name .my-svg { transition: color 0.25s; }
.comment .comment-content .comment-meta .comment-name span:hover { cursor: pointer; color: rgb(241, 22, 53); }
.comment .comment-content .comment-meta .comment-name .my-svg { width: 12px; height: 12px; color: grey; margin: 0px 0px 0px 10px; }
.comment .comment-content .comment-meta .comment-name .my-svg:hover { cursor: pointer; }
.comment .comment-content .comment-meta .comment-name .my-svg.true { color: green; }
.comment .comment-content .comment-meta .comment-name .my-svg.false:hover { color: rgb(241, 22, 53); }
.comment .comment-content .comment-meta .comment-name .my-svg.true:hover { color: green; }
@media only screen and (min-width: 600px) {
  .comment .comment-content .comment-meta .comment-name { margin: 0px 10px; }
}
.comment .comment-content .comment-meta .comment-ago { display: flex; align-items: center; color: grey; font-size: 12px; margin: 0px 10px 0px 0px; }
@media only screen and (min-width: 600px) {
  .comment .comment-content .comment-meta { margin: 16px 0px 8px; justify-content: space-between; }
}
.comment .comment-content .comment-block { display: flex; flex-direction: column; border-radius: 10px; flex-grow: 1; }
.comment .comment-content .comment-block .comment-body { font-size: 14px; color: rgb(119, 119, 119); font-family: Verdana, Geneva, sans-serif; line-height: 22px; margin-bottom: 2px; }
.comment .comment-content .comment-block .comment-action { display: flex; align-items: center; padding: 0px; border-radius: 4px; }
.comment .comment-content .comment-block .comment-action .dot { width: 3px; height: 3px; background: rgb(216, 216, 216); border-radius: 50%; margin: 0px 5px; }
.comment .comment-content .comment-block .comment-action .my-action { padding: 2px 4px; border-radius: 4px; font-size: 12px; color: grey; font-weight: bold; }
.comment .comment-content .comment-block .comment-action .my-action.thumb.true, .comment .comment-content .comment-block .comment-action .my-action.thumb:hover { color: rgb(66, 103, 178); }
.comment .comment-content .comment-block .comment-action .my-action.reply { color: rgb(132, 128, 128); }
.comment .comment-content .comment-block .comment-action .my-action.report.reported { color: rgb(241, 22, 53); }
.comment .comment-content .comment-block .comment-action .my-action.my-subscribe.true { color: rgb(241, 22, 53); }
.comment .comment-content .comment-block .comment-action .my-action:hover { color: rgb(241, 22, 53); }
@media only screen and (min-width: 600px) {
  .comment .comment-content .comment-block { padding: 0px 15px 15px; box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 8px 0px; }
}
@media only screen and (min-width: 600px) {
  .comment { flex-direction: row; padding: 0px; }
  .comment.true { margin-left: 60px; }
}
.more { width: 100%; display: flex; justify-content: center; margin: 20px 0px; }
.more .my-button-base { color: rgb(241, 22, 53); height: 40px; padding: 0px 20px; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 5px; text-decoration: none; }
.more .my-button-base svg { margin: 5px 0px 0px; width: 16px; height: 16px; }
@media only screen and (min-width: 600px) {
  .more.reply { margin: 20px 0px 20px 60px; }
}
.supported { position: fixed; left: 0px; bottom: 0px; z-index: 9; display: flex; }
.supported .spot { width: 20px; height: 20px; margin: 0px 0px 5px 5px; background: rgb(241, 22, 53); border-radius: 50%; display: flex; justify-content: center; align-items: center; color: white; font-size: 10px; text-transform: uppercase; }
.supported .spot.true { background: green; }
.shout-out { border-top-left-radius: 5px; display: flex; align-items: center; justify-content: center; position: fixed; bottom: 0px; right: 0px; padding: 5px 15px; background: rgb(255, 87, 0); color: white; font-weight: bold; text-transform: uppercase; font-size: 14px; z-index: 10; }
.shout-out .cloudinary { width: 20px; }
.shout-out span { margin: 0px 0px 0px 10px; }
.club-selector { width: 100%; min-height: 200px; max-height: 400px; overflow-y: scroll; scroll-behavior: smooth; background: white; }
.club-selector .club-badge { margin: 0px auto 20px; }
.club-query { width: 280px; background: white; }
.club-query .query-input { width: 100%; height: 100px; display: flex; font-size: 16px; }
.club-query .query-input .my-input-base { flex-grow: 1; padding: 20px; margin: 20px; caret-color: rgb(241, 22, 53); background: whitesmoke; border-radius: 2px; color: grey; }
.manage-notifications { display: flex; flex-wrap: wrap; }
.manage-notifications .disable { width: 100%; font-size: 20px; display: flex; justify-content: space-between; align-items: center; margin: 0px 20px 20px; font-weight: bold; }
.manage-notifications .cocoon { display: flex; width: 100%; }
.manage-notifications .cocoon .rubber { flex-grow: 1; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background: rgb(33, 33, 33); border-radius: 30px; color: white; padding: 10px; margin: 10px; height: 40px; }
.manage-notifications .cocoon .rubber .check { background: whitesmoke; border-radius: 50%; }
@media only screen and (min-width: 600px) {
  .manage-notifications .cocoon { width: 50%; }
}
h1, h2, h3, h4, h5 { margin: 0px; }
.MuiTouchRipple-root { inset: 0px; z-index: 0; overflow: hidden; position: absolute; border-radius: inherit; pointer-events: none; }
.MuiTouchRipple-ripple { opacity: 0; position: absolute; }
.MuiTouchRipple-rippleVisible { opacity: 0.3; animation: 550ms cubic-bezier(0.4, 0, 0.2, 1) 0s 1 normal none running MuiTouchRipple-keyframes-enter; transform: scale(1); }
.MuiTouchRipple-ripplePulsate { animation-duration: 200ms; }
.MuiTouchRipple-child { width: 100%; height: 100%; display: block; opacity: 1; border-radius: 50%; background-color: currentcolor; }
.MuiTouchRipple-childLeaving { opacity: 0; animation: 550ms cubic-bezier(0.4, 0, 0.2, 1) 0s 1 normal none running MuiTouchRipple-keyframes-exit; }
.MuiTouchRipple-childPulsate { top: 0px; left: 0px; position: absolute; animation: 2500ms cubic-bezier(0.4, 0, 0.2, 1) 200ms infinite normal none running MuiTouchRipple-keyframes-pulsate; }
@-webkit-keyframes MuiTouchRipple-keyframes-enter { 
  0% { opacity: 0.1; transform: scale(0); }
  100% { opacity: 0.3; transform: scale(1); }
}
@-webkit-keyframes MuiTouchRipple-keyframes-exit { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
@-webkit-keyframes MuiTouchRipple-keyframes-pulsate { 
  0% { transform: scale(1); }
  50% { transform: scale(0.92); }
  100% { transform: scale(1); }
}
.MuiButtonBase-root { color: inherit; border: 0px; cursor: pointer; margin: 0px; display: inline-flex; outline: 0px; padding: 0px; position: relative; align-items: center; user-select: none; border-radius: 0px; vertical-align: middle; justify-content: center; text-decoration: none; background-color: transparent; appearance: none; -webkit-tap-highlight-color: transparent; }
.MuiButtonBase-root.Mui-disabled { cursor: default; pointer-events: none; }
@media print {
  .MuiButtonBase-root { -webkit-print-color-adjust: exact; }
}
.MuiIconButton-root { flex: 0 0 auto; color: rgba(0, 0, 0, 0.54); padding: 12px; overflow: visible; font-size: 1.5rem; text-align: center; transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1); border-radius: 50%; }
.MuiIconButton-root:hover { background-color: rgba(0, 0, 0, 0.04); }
.MuiIconButton-root.Mui-disabled { color: rgba(0, 0, 0, 0.26); background-color: transparent; }
@media (hover: none) {
  .MuiIconButton-root:hover { background-color: transparent; }
}
.MuiIconButton-edgeStart { margin-left: -12px; }
.MuiIconButton-sizeSmall.MuiIconButton-edgeStart { margin-left: -3px; }
.MuiIconButton-edgeEnd { margin-right: -12px; }
.MuiIconButton-sizeSmall.MuiIconButton-edgeEnd { margin-right: -3px; }
.MuiIconButton-colorInherit { color: inherit; }
.MuiIconButton-colorPrimary { color: rgb(63, 81, 181); }
.MuiIconButton-colorPrimary:hover { background-color: rgba(63, 81, 181, 0.04); }
@media (hover: none) {
  .MuiIconButton-colorPrimary:hover { background-color: transparent; }
}
.MuiIconButton-colorSecondary { color: rgb(245, 0, 87); }
.MuiIconButton-colorSecondary:hover { background-color: rgba(245, 0, 87, 0.04); }
@media (hover: none) {
  .MuiIconButton-colorSecondary:hover { background-color: transparent; }
}
.MuiIconButton-sizeSmall { padding: 3px; font-size: 1.125rem; }
.MuiIconButton-label { width: 100%; display: flex; align-items: inherit; justify-content: inherit; }
.jss4 { padding: 9px; }
.jss7 { top: 0px; left: 0px; width: 100%; cursor: inherit; height: 100%; margin: 0px; opacity: 0; padding: 0px; z-index: 1; position: absolute; }
.MuiSwitch-root { width: 58px; height: 38px; display: inline-flex; padding: 12px; z-index: 0; overflow: hidden; position: relative; box-sizing: border-box; flex-shrink: 0; vertical-align: middle; }
@media print {
  .MuiSwitch-root { -webkit-print-color-adjust: exact; }
}
.MuiSwitch-edgeStart { margin-left: -8px; }
.MuiSwitch-edgeEnd { margin-right: -8px; }
.MuiSwitch-switchBase { top: 0px; left: 0px; color: rgb(250, 250, 250); z-index: 1; position: absolute; transition: left 150ms cubic-bezier(0.4, 0, 0.2, 1), transform 150ms cubic-bezier(0.4, 0, 0.2, 1); }
.MuiSwitch-switchBase.Mui-checked { transform: translateX(20px); }
.MuiSwitch-switchBase.Mui-disabled { color: rgb(189, 189, 189); }
.MuiSwitch-switchBase.Mui-checked + .MuiSwitch-track { opacity: 0.5; }
.MuiSwitch-switchBase.Mui-disabled + .MuiSwitch-track { opacity: 0.12; }
.MuiSwitch-colorPrimary.Mui-checked { color: rgb(63, 81, 181); }
.MuiSwitch-colorPrimary.Mui-disabled { color: rgb(189, 189, 189); }
.MuiSwitch-colorPrimary.Mui-checked + .MuiSwitch-track { background-color: rgb(63, 81, 181); }
.MuiSwitch-colorPrimary.Mui-disabled + .MuiSwitch-track { background-color: rgb(0, 0, 0); }
.MuiSwitch-colorPrimary.Mui-checked:hover { background-color: rgba(63, 81, 181, 0.04); }
@media (hover: none) {
  .MuiSwitch-colorPrimary.Mui-checked:hover { background-color: transparent; }
}
.MuiSwitch-colorSecondary.Mui-checked { color: rgb(245, 0, 87); }
.MuiSwitch-colorSecondary.Mui-disabled { color: rgb(189, 189, 189); }
.MuiSwitch-colorSecondary.Mui-checked + .MuiSwitch-track { background-color: rgb(245, 0, 87); }
.MuiSwitch-colorSecondary.Mui-disabled + .MuiSwitch-track { background-color: rgb(0, 0, 0); }
.MuiSwitch-colorSecondary.Mui-checked:hover { background-color: rgba(245, 0, 87, 0.04); }
@media (hover: none) {
  .MuiSwitch-colorSecondary.Mui-checked:hover { background-color: transparent; }
}
.MuiSwitch-sizeSmall { width: 40px; height: 24px; padding: 7px; }
.MuiSwitch-sizeSmall .MuiSwitch-thumb { width: 16px; height: 16px; }
.MuiSwitch-sizeSmall .MuiSwitch-switchBase { padding: 4px; }
.MuiSwitch-sizeSmall .MuiSwitch-switchBase.Mui-checked { transform: translateX(16px); }
.MuiSwitch-input { left: -100%; width: 300%; }
.MuiSwitch-thumb { width: 20px; height: 20px; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px -1px, rgba(0, 0, 0, 0.14) 0px 1px 1px 0px, rgba(0, 0, 0, 0.12) 0px 1px 3px 0px; border-radius: 50%; background-color: currentcolor; }
.MuiSwitch-track { width: 100%; height: 100%; opacity: 0.38; z-index: -1; transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1), background-color 150ms cubic-bezier(0.4, 0, 0.2, 1); border-radius: 7px; background-color: rgb(0, 0, 0); }
.jss1 { color: grey; }
.jss1.jss2 { color: rgb(241, 22, 53); }
.jss1.jss2 + .jss3 { background-color: rgb(241, 22, 53); }
.MuiPopover-paper { outline: 0px; position: absolute; max-width: calc(100% - 32px); min-width: 16px; max-height: calc(100% - 32px); min-height: 16px; overflow: hidden auto; }
.MuiSnackbar-root { left: 8px; right: 8px; display: flex; z-index: 1400; position: fixed; align-items: center; justify-content: center; }
.MuiSnackbar-anchorOriginTopCenter { top: 8px; }
@media (min-width: 600px) {
  .MuiSnackbar-anchorOriginTopCenter { top: 24px; left: 50%; right: auto; transform: translateX(-50%); }
}
.MuiSnackbar-anchorOriginBottomCenter { bottom: 8px; }
@media (min-width: 600px) {
  .MuiSnackbar-anchorOriginBottomCenter { left: 50%; right: auto; bottom: 24px; transform: translateX(-50%); }
}
.MuiSnackbar-anchorOriginTopRight { top: 8px; justify-content: flex-end; }
@media (min-width: 600px) {
  .MuiSnackbar-anchorOriginTopRight { top: 24px; left: auto; right: 24px; }
}
.MuiSnackbar-anchorOriginBottomRight { bottom: 8px; justify-content: flex-end; }
@media (min-width: 600px) {
  .MuiSnackbar-anchorOriginBottomRight { left: auto; right: 24px; bottom: 24px; }
}
.MuiSnackbar-anchorOriginTopLeft { top: 8px; justify-content: flex-start; }
@media (min-width: 600px) {
  .MuiSnackbar-anchorOriginTopLeft { top: 24px; left: 24px; right: auto; }
}
.MuiSnackbar-anchorOriginBottomLeft { bottom: 8px; justify-content: flex-start; }
@media (min-width: 600px) {
  .MuiSnackbar-anchorOriginBottomLeft { left: 24px; right: auto; bottom: 24px; }
}
a.revive-link,a.revive-link:hover{color:inherit;text-decoration:none;cursor:pointer}
.revive-loop .wp-block-post-title a,.revive-loop .wp-block-post-featured-image a{color:inherit;text-decoration:none}
.wp-block-post-featured-image img{width:100%;height:100%;object-fit:cover}
.revive-loop{display:contents}
.revive-inline a{color:inherit;text-decoration:none}
.revive-contents{list-style:none;margin:0;padding:0;display:contents}
.revive-contents>li{display:contents}
[hidden].revive-byline{display:none!important}


/* --- sf:revive compatibility (block markup inside the original layout) --- */
.wp-site-blocks{padding:0!important;margin:0}
.wp-site-blocks>*{margin-block-start:0}
.revive-inline,.revive-inline.wp-block-post-date,.revive-inline.wp-block-post-author-name{display:inline!important;margin:0!important}
.wp-block-post-template.revive-cards,.revive-cards{list-style:none;margin:0;padding:0}
.revive-cards>li{margin:0;padding:0}
.wp-block-post-title a{color:inherit;text-decoration:inherit;display:inline}
.wp-block-latest-posts,.wp-block-categories,.wp-block-archives{padding-left:0}
.wp-block-post-content img{max-width:100%;height:auto}
/* featured image block = transparent wrapper: the original <a><img> keeps its own layout + stacking */
figure.wp-block-post-featured-image{display:contents;margin:0}
.wp-block-query-pagination{display:flex;justify-content:space-between;margin:1.5em 0}