/* -------------------------------- 
Primary style
-------------------------------- */

h1 {
  font-size: var(--font-size-3xl);
  margin: var(--space-xs);
}
h2 {
  font-size: var(--font-size-2xl);
  margin: var(--space-xs);
}
h3 {
  font-size: var(--v3-font-size-lg);
  margin: var(--space-xs);
}
h4 {
  font-size: var(--font-size-lg);
  margin: var(--space-xs);
}
p {
  color: var(--color-contrast-higher);
  font-size: var(--font-size-lg);
  margin: var(--space-xs);
}
.big h2 {
  color: var(--color-primary);
  font-size: var(--font-size-2xl);
  margin: var(--space-xs);
  font-weight: 800;
}

.margin-xs {
  margin: var(--space-xs);
}

.margin-sm {
  margin: var(--space-sm);
}

.margin-md {
  margin: var(--space-md);
}

.margin-lg {
  margin: var(--space-lg);
}

.width-100 {
  width: 100%;
}

.width-50 {
  width: 50%;
}


/* Color class options */
.bg-none {
  background: none!important;
}
.bg-primary-darker {
  background-color: var(--color-primary-darker);
}

.color-primary-darker {
  color: var(--color-primary-darker);
}

.bg-primary {
  background-color: var(--color-primary);
}

.color-primary {
  color: var(--color-primary);
}

.bg-secondary {
  background-color: var(--color-secondary);
}

.color-secondary {
  color: var(--color-secondary);
}

.bg-black {
  background-color: var(--color-back);
}

.color-black {
  color: var(--color-back);
}

.bg-white {
  background-color: var(--color-white);
}

.color-white {
  color: var(--color-white);
}

.bg-contrast-higher {
  background-color: var(--color-contrast-higher);
}

.color-contrast-higher {
  color: var(--color-contrast-higher);
}

.bg-contrast-high {
  background-color: var(--color-contrast-high);
}

.color-contrast-high {
  color: var(--color-contrast-high);
}

.bg-error-light {
  background-color: var(--color-error-light);
}

.color-error-light {
  color: var(--color-error-light);
}

.bg-error-lighter {
  background-color: var(--color-error-lighter);
}

.color-error-lighter {
  color: var(--color-error-lighter);
}

.bg-contrast-medium {
  background-color: var(--color-contrast-medium);
}

.color-contrast-medium {
  color: var(--color-contrast-medium);
}

.color-error-darker {
  color: var(--color-error-darker);
}

.bg-error-darker {
  background: var(--color-error-darker);
}

.color-error {
  color: var(--color-error);
}

.bg-error-darker {
  background: var(--color-error);
}
/* -------------------------------- 
End primary style
-------------------------------- */



/* adjust dart angle */
img#draggable13 {
  transform: rotate(12deg);
  width: 65px;
}
#game-container {
  height: 0;
}

body::after {
  /* dark overlay layer - visible when we fire .cd-quick-view */
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(25, 25, 25, 0.8);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
@media only screen and (min-width: 1024px) {
  body.overlay-layer::after {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
  }
  .cd-item.empty-box::after {
    /* box visible as placeholder when the .cd-quick-view zooms in */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-contrast-lower);
    transition: .15s ease-in-out;
  }
}

img {
  max-width: 100%;
}
#databaseBanner {
  margin: calc(32px + 1em) auto 0 auto;
}
.banner {
  padding: 2rem;
  background: var(--color-error-darker);
  color: var(--color-white);
  border-radius: var(--radius-base);
  border: none;
  margin: 0 auto;
  width: 530px;
  line-height: 1.7;
}
.alertBanner {
  padding: 2rem;
  background: var(--color-error-darker);
  color: var(--color-white);
  border-radius: var(--radius-base);
  border: none;
  margin: var(--container-margin-x);
  line-height: 1.7;
}
.rulez {
  line-height: 1.5;
  padding: 1rem;
  background: #f2f2f4;
  border-radius: var(--radius-base);
  margin-bottom: 2rem;
  color: var(--color-primary-darker);
  /*border: 2px solid #c2cdd9;*/
}
.rulez h2 {
  text-align: left;
  line-height: 1.5;
  font-size: var(--v3-font-size-lg);
}
.rulez.database {
  max-width: 680px;
  width: 80%;
  max-height: 800px;
  overflow: scroll;
  margin: 1em auto;
  border: none;
  padding: 0;
}
.socials.flex {
  display: flex;
  justify-content: center;
  align-items: center;
}
.social-icon {
  width: 30px;
  line-height: 8px;
  margin: 0 .75em;
}
.coming-soon img {
  height: 130px;
}
.coming-soon-image {
  padding: 1em;
  max-width: 300px;
}
#menu-list {
  font-size: var(--font-size-lg);
}
.settingsOptn {
  background: #f2f2f4;
  border: none;
  color: var(--color-contrast-high);
  font-weight: bold;
  justify-content: flex-start;
  border-radius: var(--radius-base);
  display: flex;
  align-items: center;
  align-content: flex-start;
  flex-wrap: wrap;
  line-height: 30px;
}
.settingsOptn::placeholder {
  color: #64798f!important;
}
.settingsOptn:disabled {
  background: #f1d7d5;
  border-color: #c3584f;
}
.cd-signin-modal__input.settingsOptn {
  text-transform: inherit;
}
.settingsPanel {
  background: #d5dce5!important;
  border: 2px solid #c2cdd9!important;
  height: auto;
  padding: 1em;
  border-radius: var(--radius-md)!important;
  text-transform: uppercase;
  color: #184773!important;
  font-weight: bold!important;
  transition: .25s ease-in-out;
  margin: 10px 0 2em 0;
}
.shrink-animation {
  animation: shrink .5s forwards;
}

.appear-animation {
  animation: appear .5s forwards;
}

.disappear-animation {
  animation: disappear .5s forwards;
}
.contact-label {
  margin: 2px 0!important;
  border-radius: var(--radius-md)!important;
  background: #d5dce5!important;
  border: 2px solid #c2cdd9!important;
}
.pickle {
  padding: 8px;
  min-width: 100px;
  border: none;
  background: #0476e2;
  border-radius: var(--radius-md);
  color: white;
  font-weight: bold;
  cursor: pointer;
  line-height: 26px;
  font-size: var(--font-size-lg);
}
#accountSignOutBtn.pickle {
  line-height: 26px;
}
#accountDeleteBtn {
  background: #d64e4d;
  line-height: 26px;
  float: right;
}
#settingsSaveContainer {
  justify-content: center;
  display: flex;
  margin-bottom: 0;
}
#accountDeleteBtn::after {
  background-image: url(data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iMjU2cHgiIGhlaWdodD0iMjU2cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMS42Nzk5OTk5OTk5OTk5OTk3Ij4KDTxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIi8+Cg08ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KDTxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4gPHBhdGggZD0iTTQgNy41QzQgNy4yNjQzIDQgNy4xNDY0NSA0LjA3MzIyIDcuMDczMjJDNC4xNDY0NSA3IDQuMjY0MyA3IDQuNSA3SDE5LjVDMTkuNzM1NyA3IDE5Ljg1MzYgNyAxOS45MjY4IDcuMDczMjJDMjAgNy4xNDY0NSAyMCA3LjI2NDMgMjAgNy41VjcuNzUxNTVDMjAgNy44NDI0OSAyMCA3Ljg4Nzk3IDE5Ljk4NiA3LjkyODA2QzE5Ljk3NCA3Ljk2MjMzIDE5Ljk1NDcgNy45OTM1OCAxOS45Mjk0IDguMDE5NjNDMTkuODk5OCA4LjA1MDEgMTkuODU5MSA4LjA3MDQ0IDE5Ljc3NzggOC4xMTExMUMxOS4xMjcgOC40MzY0OSAxOC44MDE3IDguNTk5MTcgMTguNTY1IDguODQyOThDMTguMzYyNiA5LjA1MTQgMTguMjA4MiA5LjMwMTM4IDE4LjExMjIgOS41NzU1NEMxOCA5Ljg5NjI3IDE4IDEwLjI2MDEgMTggMTAuOTg3NlYxNkMxOCAxNy44ODU2IDE4IDE4LjgyODQgMTcuNDE0MiAxOS40MTQyQzE2LjgyODQgMjAgMTUuODg1NiAyMCAxNCAyMEgxMEM4LjExNDM4IDIwIDcuMTcxNTcgMjAgNi41ODU3OSAxOS40MTQyQzYgMTguODI4NCA2IDE3Ljg4NTYgNiAxNlYxMC45ODc2QzYgMTAuMjYwMSA2IDkuODk2MjcgNS44ODc3OCA5LjU3NTU0QzUuNzkxODUgOS4zMDEzOCA1LjYzNzM1IDkuMDUxNCA1LjQzNTAzIDguODQyOThDNS4xOTgzNSA4LjU5OTE3IDQuODcyOTcgOC40MzY0OSA0LjIyMjIyIDguMTExMTFDNC4xNDA4OCA4LjA3MDQ0IDQuMTAwMjEgOC4wNTAxIDQuMDcwNjIgOC4wMTk2M0M0LjA0NTMzIDcuOTkzNTggNC4wMjYwMiA3Ljk2MjMzIDQuMDE0MDMgNy45MjgwNkM0IDcuODg3OTcgNCA3Ljg0MjQ5IDQgNy43NTE1NVY3LjVaIiBmaWxsPSIjZmZmZmZmIiBmaWxsLW9wYWNpdHk9IjAuMjQiLz4gPHBhdGggZD0iTTEwLjA2ODEgNC4zNzA1OUMxMC4xODIxIDQuMjY0MjcgMTAuNDMzMiA0LjE3MDMzIDEwLjc4MjUgNC4xMDMzMkMxMS4xMzE4IDQuMDM2MzIgMTEuNTU5NyA0IDEyIDRDMTIuNDQwMyA0IDEyLjg2ODIgNC4wMzYzMiAxMy4yMTc1IDQuMTAzMzJDMTMuNTY2OCA0LjE3MDMzIDEzLjgxNzkgNC4yNjQyNyAxMy45MzE5IDQuMzcwNTkiIHN0cm9rZT0iI2ZmZmZmZmZmZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4gPHJlY3QgeD0iMTQiIHk9IjExIiB3aWR0aD0iMSIgaGVpZ2h0PSI2IiByeD0iMC41IiBmaWxsPSIjZmZmZmZmZmZmZmYiLz4gPHJlY3QgeD0iOSIgeT0iMTEiIHdpZHRoPSIxIiBoZWlnaHQ9IjYiIHJ4PSIwLjUiIGZpbGw9IiNmZmZmZmZmZmZmZiIvPiA8L2c+Cg08L3N2Zz4=);
  content: url();
  display: block;
  background-size: 24px 24px!important;
  height: 24px;
  width: 24px;
  background-repeat: no-repeat;
  float: left;
  margin-top: 0px;
}
#accountSaveBtn::after {
  background-image: url(data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iMjU2cHgiIGhlaWdodD0iMjU2cHgiIHZpZXdCb3g9IjAgMCAyNC4wMCAyNC4wMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KDTxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIi8+Cg08ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KDTxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4gPGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iOCIgZmlsbD0iIzJBNDE1NyIgZmlsbC1vcGFjaXR5PSIwLjI0Ii8+IDxwYXRoIGQ9Ik04LjUgMTFMMTAuNzkyOSAxMy4yOTI5QzExLjE4MzQgMTMuNjgzNCAxMS44MTY2IDEzLjY4MzQgMTIuMjA3MSAxMy4yOTI5TDE5LjUgNiIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjEuOTIwMDAwMDAwMDAwMDAwNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+IDwvZz4KDTwvc3ZnPg==);
  content: url();
  display: block;
  background-size: 26px 26px!important;
  height: 26px;
  width: 26px;
  margin-right: -14px;
  background-repeat: no-repeat;
  float: left;
  margin-top: 0px;
}
#settingsSaveBtn::after {
  background-image: url(data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iMjU2cHgiIGhlaWdodD0iMjU2cHgiIHZpZXdCb3g9IjAgMCAyNC4wMCAyNC4wMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KDTxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIi8+Cg08ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KDTxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4gPGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iOCIgZmlsbD0iIzJBNDE1NyIgZmlsbC1vcGFjaXR5PSIwLjI0Ii8+IDxwYXRoIGQ9Ik04LjUgMTFMMTAuNzkyOSAxMy4yOTI5QzExLjE4MzQgMTMuNjgzNCAxMS44MTY2IDEzLjY4MzQgMTIuMjA3MSAxMy4yOTI5TDE5LjUgNiIgc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjEuOTIwMDAwMDAwMDAwMDAwNCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+IDwvZz4KDTwvc3ZnPg==);
  content: url();
  display: block;
  background-size: 26px 26px!important;
  height: 26px;
  width: 26px;
  margin-right: -14px;
  background-repeat: no-repeat;
  float: left;
  margin-top: 0px;
}
#savedIcon {
  margin: 0 auto;
}
#trashIcon {
  margin: 0 auto;
}
/* -------------------------------- 

Modules - reusable parts of our design

-------------------------------- */
.cd-container {
  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
  width: 90%;
  margin: 0 auto;
}
.cd-container:after {
  content: "";
  display: table;
  clear: both;
}
.shadow {
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

/* -------------------------------- 

Main components 

-------------------------------- */

.horse {
  width: 50%;
}
.tranq {
  width: 6em;
}
.horse-logo {
  width: 50px;
  margin: 16px;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.horse-logo-3x {
  width: 75px;
  height: auto;
  margin: 16px;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.horseplay-background {
  background-position: center;
  background-size: cover;
  background-image: url('./img/games/horsplay/backgrounds/mood-bg-1.png');
  transition: opacity 0.3s ease-out;
  will-change: opacity;
  position: relative;
}

.horseplay-background::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: inherit;
  background-position: center;
  background-size: cover;
  opacity: 0;
  transition: opacity 0.3s ease-out;
  z-index: -1;
}

@media only screen and (max-width: 800px) {
  .horse-logo-3x {
    width: 80px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
  }
  body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
  }
  .horseplay-background {
    background-position: left;
  }
  .label {
    display: none;
  }
  li.placeholder::after {
    content: "BETA";
    display: inline;
    padding: 4px;
    margin: 0 3.5em 0 1em;
    position: fixed;
    right: 10%;
    top: calc(2em + 12px);
    font-weight: bold;
    border-radius: var(--radius-sm);
    background: var(--color-error);
    color: var(--color-white);
    float: right;
  }
  .cd-tab-filter-wrapper {
    width: 80%!important;
  }
  .cd-filter.filter-is-visible {
    left: auto!important;
    top: 2em!important;
    width: 90%!important;
    margin: 0 auto;
    position: relative!important;
    margin-top: 2em!important;
  }
  div#score {
    line-height: 32px;
  }

  /* Score container mobile styles moved to style-v3.css */

  .rulez.database {
    width: 90%;
    max-height: 550px;
    overflow: scroll;
    margin: 1em auto;
    border: none;
    padding: 1em 1em 2em 1em;
    overflow-x: hidden;
  }
  #databaseBanner {
    width: 90%;
    margin: 3em auto 0 auto;
  }
  iframe#jsd-widget {
    display: none;
  }
  .subscribe .subscribe-container {
    max-width: 140px;
    float: left;
    margin: 4px;
    padding: 0;
  }
  .subscribe .cd-pricing-footer {
    height: 90px;
  }
  .subscribe .cd-pricing-footer::after {
    bottom: calc(50% - 20px);
  }
  #gameSelectModal {
    margin-top: calc(2em + 50px)!important;
  }
}

.float-left {
  float:left;
}
.float-right {
  float:right;
}

.cd-item {
  position: relative;
  margin: 0 0 1em;
}
.cd-item > img {
  display: block;
  width: 100%;
}
.cd-trigger {
  position: absolute;
  height: 50px;
  line-height: 50px;
  width: 100%;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.1);
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--color-white);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.2s, background-color 0.2s;
  -moz-transition: opacity 0.2s, background-color 0.2s;
  transition: opacity 0.2s, background-color 0.2s;
}
.no-touch .cd-trigger:hover {
  background: rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 1024px) {
  .cd-trigger {
    /* always visible on small devices */
    visibility: visible;
    opacity: 1;
  }
}
.cd-quick-view {
  /* quick view non available on small devices */
  display: none;
}
@media only screen and (min-width: 1024px) {
  .cd-quick-view {
    display: block;
    position: fixed;
    max-width: 900px;
    visibility: hidden;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: left, top, width;
    z-index: 1;
  }
  .cd-quick-view:after {
    content: "";
    display: table;
    clear: both;
  }
  .cd-quick-view.is-visible {
    /* class added when user clicks on .cd-trigger */
    visibility: visible;
  }
  .cd-quick-view.animate-width {
    /* class added at the end of the first zoom-in animation */
    background-color: var(--color-white);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    -webkit-transition: box-shadow 0.3s;
    -moz-transition: box-shadow 0.3s;
    transition: box-shadow 0.3s;
  }
}


.cd-item-info {
  position: absolute;
  padding: 3em 3em 3em 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s, visibility 0s;
  -moz-transition: opacity .3s, visibility 0s;
  transition: opacity .3s, visibility 0s;
}
.cd-item-info h2 {
  font-size: var(--v3-font-size-lg);
}
.cd-item-info p {
  line-height: 1.6;
  margin: 1em 0;
  color: #67919c;
}
.bold {
  font-weight: bold;
}
.big-bold {
  font-weight: 800!important;
}
.cd-item-info .cd-item-action li {
  display: inline-block;
  margin-right: 1em;
}
.cd-item-info .cd-item-action li:first-child {
  margin-left: -4px;
}
.cd-item-info .add-to-cart {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border-radius: 0.var(--radius-sm);
  border: none;
  padding: .6em 1.2em;
  background-color: #f82f53;
  color: var(--color-white);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "PT Sans", sans-serif;
  font-size: var(--font-size-md);
  cursor: pointer;
}
.add-content .cd-item-info {
  /* class added at the end of the width animation, used to show the content */
  position: relative;
  visibility: visible;
  opacity: 1;
}
.add-content .cd-item-info h2 {
  -webkit-animation: cd-slide-in 0.3s;
  -moz-animation: cd-slide-in 0.3s;
  animation: cd-slide-in 0.3s;
}
.add-content .cd-item-info p {
  -webkit-animation: cd-slide-in 0.4s;
  -moz-animation: cd-slide-in 0.4s;
  animation: cd-slide-in 0.4s;
}
.add-content .cd-item-info .cd-item-action {
  -webkit-animation: cd-slide-in 0.5s;
  -moz-animation: cd-slide-in 0.5s;
  animation: cd-slide-in 0.5s;
}


@keyframes move {
  0% { right: -100px; }
  100% { right: 100%; }
}
@-webkit-keyframes cd-slide-in {
  0% {
    -webkit-transform: translate3d(-40px, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@-moz-keyframes cd-slide-in {
  0% {
    -moz-transform: translate3d(-40px, 0, 0);
  }
  100% {
    -moz-transform: translate3d(0, 0, 0);
  }
}
@keyframes cd-slide-in {
  0% {
    -webkit-transform: translate3d(-40px, 0, 0);
    -moz-transform: translate3d(-40px, 0, 0);
    -ms-transform: translate3d(-40px, 0, 0);
    -o-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.cd-close {
  position: absolute;
  top: 10px;
  right: 10px;
  display: inline-block;
  width: 30px;
  height: 30px;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  visibility: hidden;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: -webkit-transform .3s 0s, visibility 0s .3s;
  -moz-transition: -moz-transform .3s 0s, visibility 0s .3s;
  transition: transform .3s 0s, visibility 0s .3s;
}
.cd-close::before, .cd-close::after {
  /* close icon in css */
  position: absolute;
  top: 12px;
  left: 5px;
  display: inline-block;
  height: 4px;
  width: 20px;
  background: #47374e;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cd-close::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cd-close::after {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.no-touch .cd-close:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.add-content .cd-close {
  visibility: visible;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform .3s 0s, visibility 0s 0s;
  -moz-transition: -moz-transform .3s 0s, visibility 0s 0s;
  transition: transform .3s 0s, visibility 0s 0s;
}


/* -------------------------------- 

Main Components 

-------------------------------- */

.cd-main-content {
  position: relative;
  min-height: calc(100vh - env(safe-area-inset-bottom));
  min-width: 100vw;
  overflow: hidden;
}
.cd-main-content:after {
  content: "";
  display: table;
  clear: both;
}
.cd-tab-filter-wrapper {
  border-radius: var(--radius-base);
  top: 2em;
  margin: 0 auto;
  width: max-content;
}
.cd-main-content.is-fixed .cd-gallery {
  padding-top: 76px;
}
.cd-filter.filter-is-visible {
  position: absolute;
  top: calc(50px + 4em);
  left: calc(50% - 270px);
  width: 540px;
}
@media only screen and (min-width: 768px) {
  .cd-main-content.is-fixed .cd-gallery {
    padding-top: 90px;
  }
}
/* -------------------------------- 

xtab-filter 

-------------------------------- */
.cd-tab-filter-wrapper {
  background-color: var(--color-white);
  z-index: 1;
  position: sticky;
  z-index: 9999;
  margin: 4em auto;
}
.cd-tab-filter-wrapper:after {
  content: "";
  display: table;
  clear: both;
}

.cd-tab-filter {
  /* tabbed navigation style on mobile - dropdown */
  position: relative;
  height: 50px;
  width: 100%;
  margin: 0 auto;
  z-index: 1;
}
.cd-tab-filter::after {
  /* small arrow icon */
  content: '';
  position: absolute;
  right: 14px;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("/static/img/ui/icons/icon-arrow.svg") no-repeat center center;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  pointer-events: none;
}
.overlay-layer .cd-tab-filter {
  position: inherit!important;
}
.cd-tab-filter ul {
  position: absolute;
  width: 100%;
  top: 0;
  background: var(--color-white);
  border-radius: var(--radius-base);
}
.cd-tab-filter li {
  display: none;
}
.cd-tab-filter li:first-child {
  /* this way the placehodler is alway visible */
  display: block;
}
.cd-tab-filter a {
  color: var(--color-primary-darker);
  display: block;
  font-weight: 800;
  /* set same size of the .cd-tab-filter */
  height: 50px;
  width: 100%;
  line-height: 50px;
  padding-left: 14px;
  text-transform: uppercase;
  text-decoration: none;
}
.no-margin {
  margin: 0!important;
}
.cd-tab-filter a.selected {
  color: var(--color-primary);
}
.cd-tab-filter.is-open::after {
  /* small arrow rotation */
  -webkit-transform: translateY(-50%) rotate(-180deg);
  -moz-transform: translateY(-50%) rotate(-180deg);
  -ms-transform: translateY(-50%) rotate(-180deg);
  -o-transform: translateY(-50%) rotate(-180deg);
  transform: translateY(-50%) rotate(-180deg);
}
.cd-tab-filter.is-open ul li {
  display: block;
}
.cd-tab-filter.is-open ul li:last-child {
  margin-bottom: 10px;
}
.cd-tab-filter.is-open .placeholder a {
  /* reduces the opacity of the placeholder on mobile when the menu is open */
  opacity: .4;
}
label {
  font-size: var(--font-size-lg);
}
.title-wrapper.flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 800;
}
.title-wrapper.flex.settings.transparent {
  background: transparent;
}
.title-wrapper.settings h4 {
  color: var(--color-contrast-high);
  font-weight: 800;
}
.game-hero-container .project-info {
  position: absolute;
  top: 0;
}
.game-hero-container img {
  border-radius: 6px;
  box-shadow: var(--shadow-base);
}
#accountTools {
  justify-content: center;
  margin-bottom: 0;
}

.title-container h2 {
  font-size: var(--v3-font-size-lg);
  width: max-content;
  padding: 10px;
  color: var(--color-primary);
}
.title-container p {
  color: white;
  border-radius: var(--radius-sm);
  box-shadow: none;
  font-size: var(--v3-font-size-md);
  font-weight: 800;
}

.product-buy {
  color: var(--color-primary);
  border-radius: var(--radius-base);
  font-weight: bold;
  padding: 10px;
  width: auto;
  cursor: pointer;
  z-index: var(--z-index-fixed-element);
}
.subscribe-container img {
  border-radius: var(--radius-lg);
}
.store-wrapper {
  position: absolute;
  margin-top: 2em;
  width: 100%;
}
.flex-container.merch {
  width: 100vw;
}
.flex-container {
  display: inherit;
}
.flex-left {
  margin-right: auto;
}
.flex-right {
  margin-left: auto;
}
.center {
  text-align: center;
}
.store-flex-container {
  display: inherit;
  justify-content: space-around;
  max-width: max-content;
  margin: 6em auto;
  padding-bottom: 2em;
  flex-wrap: wrap;
  overflow: scroll;
}
@media only screen and (max-width: 800px) {
  .store-flex-container {
    margin: 2em auto;
  }
  .title-container.slider h2 {
    font-size: var(--v3-font-size-lg);
    margin: 0;
  }
  .title-container.slider {
    flex-direction: column;
  }
  .title-container.slider p {
    display: none;
  }
}
.subscribe-container {
  padding: 1em;
  max-width: 300px;
  text-align: center;
}
/* Score container and button styles moved to style-v3.css */
/* Legacy styles moved to style-v3.css */

@media only screen and (min-width: 768px) {
  .cd-tab-filter {
    /* tabbed navigation style on medium devices */
    width: auto;
    cursor: auto;
  }
  .cd-tab-filter::after {
    /* hide the arrow */
    display: none;
  }
  .cd-tab-filter ul {
    background: transparent;
    position: static;
    box-shadow: none;
    text-align: center;
  }
  .cd-tab-filter li {
    display: inline-block;
  }
  .cd-tab-filter li.placeholder {
    display: none !important;
  }
  .cd-tab-filter a {
    display: inline-block;
    padding: 0 1em;
    width: auto;
    color: var(--color-primary-darker); /* was #d6d6d6 */
    text-transform: uppercase;
    font-weight: 800;
    font-size: var(--font-size-lg);
    cursor: pointer !important; /* Override tranq cursor */
  }
  .no-touch .cd-tab-filter a:hover {
    color: var(--color-primary); /* was #fff */
    cursor: pointer !important; /* Override tranq cursor */
  }
  .cd-tab-filter a.selected {
    background: transparent;
    color: var(--color-primary);
  }
  .cd-tab-filter.is-open ul li {
    display: inline-block;
  }
}

/* -------------------------------- 

xgallery 

-------------------------------- */
.block {
  width:100%;
  padding:5px 15px;
  font-size: var(--font-size-sm);
  float:left;
}
.block-section > .header {
  color: #757575;
  font-weight: bold;
  float:left;
}
.block-section > .data {
  color: #777777;
  margin-left: 8px;
  float:left;
}
.cd-gallery {
  padding: 26px 5%;
  width: 100%;
}
.cd-gallery li {
  margin-bottom: 1.6em;
  display:none;
  background: #3a4a49;
  height: 310px;
  width: 100%;
}
.cd-gallery li:hover {
  box-shadow: 0 10px 20px rgba(0,0,0,0.10), 0 6px 6px rgba(0,0,0,0.13);
}
.cd-gallery li.gap {
  /* used in combination with text-align: justify to align gallery elements */
  opacity: 0;
  height: 0;
  display: inline-block;
}
.cd-gallery img {
  display: block;
  padding: 16px;
  width: 100%;
  transition: .25s ease-in-out;
  margin-top: 50%;
}
.cd-gallery .cd-fail-message {
  display: none;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .cd-gallery {
    padding: 40px 3%;
  }
  .cd-gallery ul {
    text-align: justify;
  }
  .cd-gallery ul:after {
    content: "";
    display: table;
    clear: both;
  }
  .cd-gallery li {
    width: 31%;
    margin-bottom: 2em;
  }
}

/* -------------------------------- 

xfilter 

-------------------------------- */

/* Settings overlay specific styling */
#settingsOverlay {
  z-index: 1000 !important; /* Behind settings modal but above game content */
  cursor: default !important; /* Force normal cursor */
}

#settingsModal {
  z-index: 1001 !important; /* Above settings overlay */
  cursor: default !important; /* Force normal cursor in modal */
}

#settingsModal * {
  cursor: default !important; /* Force normal cursor on all elements inside modal */
}
.sticky {
  position: sticky;
}
.cd-filter .cd-close-filter {
  padding: 0;
  position: absolute;
  right: 1em;
  top: calc(50% - 18px);
  z-index: 3;
}
.no-touch .cd-filter .cd-close:hover {
  margin-right:5px;
}
.cd-filter.filter-is-visible {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.cd-filter.filter-is-visible .cd-close-filter {
  opacity: 1;
}

#aboutBtn::before {
  background-image: url(data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iMjU2cHgiIGhlaWdodD0iMjU2cHgiIHZpZXdCb3g9IjAgMCAyNC4wMCAyNC4wMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiMwMjc2ZTIiIHN0cm9rZS13aWR0aD0iMS42Nzk5OTk5OTk5OTk5OTk3Ij4KDTxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIi8+Cg08ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KDTxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4gPGNpcmNsZSByPSI4IiB0cmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAxMiAxMikiIGZpbGw9IiMwMjc2ZTIiIGZpbGwtb3BhY2l0eT0iMC4yNCIvPiA8cGF0aCBkPSJNMTEgMTAuNUgxMS41QzExLjc3NjEgMTAuNSAxMiAxMC43MjM5IDEyIDExVjE1QzEyIDE1LjI3NjEgMTIuMjIzOSAxNS41IDEyLjUgMTUuNUgxM00xMiA4LjVIMTIuMDEiIHN0cm9rZT0iIzAyNzZlMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+IDwvZz4KDTwvc3ZnPg==);
  content: url();
  display: block;
  background-size: 32px 32px!important;
  height: 32px;
  width: 32px;
  margin-right: 4px;
  background-repeat: no-repeat;
  float: left;
  margin-top: 8px;
}
#missionBtn::before {
  background-image: url(data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iMjU2cHgiIGhlaWdodD0iMjU2cHgiIHZpZXdCb3g9Ii0xLjkyIC0xLjkyIDI3Ljg0IDI3Ljg0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgoNPGcgaWQ9IlNWR1JlcG9fYmdDYXJyaWVyIiBzdHJva2Utd2lkdGg9IjAiLz4KDTxnIGlkPSJTVkdSZXBvX3RyYWNlckNhcnJpZXIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgoNPGcgaWQ9IlNWR1JlcG9faWNvbkNhcnJpZXIiPiA8cGF0aCBvcGFjaXR5PSIwLjE1IiBkPSJNNC4zMzE0IDEyLjA0NzRMMTIgMjBMMTkuNjY4NiAxMi4wNDc0QzIwLjUyMTEgMTEuMTYzMyAyMSA5Ljk2NDI5IDIxIDguNzE0MDVDMjEgNi4xMTA1NSAxOC45NjQ4IDQgMTYuNDU0MyA0QzE1LjI0ODcgNCAxNC4wOTI1IDQuNDk2NjYgMTMuMjQgNS4zODA3MUwxMiA2LjY2NjY3TDEwLjc2IDUuMzgwNzFDOS45MDc0OSA0LjQ5NjY2IDguNzUxMjggNCA3LjU0NTY5IDRDNS4wMzUxNyA0IDMgNi4xMTA1NSAzIDguNzE0MDVDMyA5Ljk2NDI5IDMuNDc4OTIgMTEuMTYzMyA0LjMzMTQgMTIuMDQ3NFoiIGZpbGw9IiMwMjc2ZTMiLz4gPHBhdGggZD0iTTQuMzMxNCAxMi4wNDc0TDEyIDIwTDE5LjY2ODYgMTIuMDQ3NEMyMC41MjExIDExLjE2MzMgMjEgOS45NjQyOSAyMSA4LjcxNDA1QzIxIDYuMTEwNTUgMTguOTY0OCA0IDE2LjQ1NDMgNEMxNS4yNDg3IDQgMTQuMDkyNSA0LjQ5NjY2IDEzLjI0IDUuMzgwNzFMMTIgNi42NjY2N0wxMC43NiA1LjM4MDcxQzkuOTA3NDkgNC40OTY2NiA4Ljc1MTI4IDQgNy41NDU2OSA0QzUuMDM1MTcgNCAzIDYuMTEwNTUgMyA4LjcxNDA1QzMgOS45NjQyOSAzLjQ3ODkyIDExLjE2MzMgNC4zMzE0IDEyLjA0NzRaIiBzdHJva2U9IiMwMjc2ZTMiIHN0cm9rZS13aWR0aD0iMi40IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4gPC9nPgoNPC9zdmc+);
  content: url();
  display: block;
  background-size: 32px 32px!important;
  height: 32px;
  width: 32px;
  margin-right: 4px;
  background-repeat: no-repeat;
  float: left;
  margin-top: 8px;
}
#missionBtn:hover::before {
  background-image: url(data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iMjU2cHgiIGhlaWdodD0iMjU2cHgiIHZpZXdCb3g9Ii0xLjkyIC0xLjkyIDI3Ljg0IDI3Ljg0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgoNPGcgaWQ9IlNWR1JlcG9fYmdDYXJyaWVyIiBzdHJva2Utd2lkdGg9IjAiLz4KDTxnIGlkPSJTVkdSZXBvX3RyYWNlckNhcnJpZXIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlPSIjQ0NDQ0NDIiBzdHJva2Utd2lkdGg9IjAuMDQ4Ii8+Cg08ZyBpZD0iU1ZHUmVwb19pY29uQ2FycmllciI+IDxwYXRoIG9wYWNpdHk9IjAuMTUiIGQ9Ik00LjMzMTQgMTIuMDQ3NEwxMiAyMEwxOS42Njg2IDEyLjA0NzRDMjAuNTIxMSAxMS4xNjMzIDIxIDkuOTY0MjkgMjEgOC43MTQwNUMyMSA2LjExMDU1IDE4Ljk2NDggNCAxNi40NTQzIDRDMTUuMjQ4NyA0IDE0LjA5MjUgNC40OTY2NiAxMy4yNCA1LjM4MDcxTDEyIDYuNjY2NjdMMTAuNzYgNS4zODA3MUM5LjkwNzQ5IDQuNDk2NjYgOC43NTEyOCA0IDcuNTQ1NjkgNEM1LjAzNTE3IDQgMyA2LjExMDU1IDMgOC43MTQwNUMzIDkuOTY0MjkgMy40Nzg5MiAxMS4xNjMzIDQuMzMxNCAxMi4wNDc0WiIgZmlsbD0iI2ZmYWZiZCIvPiA8cGF0aCBkPSJNNC4zMzE0IDEyLjA0NzRMMTIgMjBMMTkuNjY4NiAxMi4wNDc0QzIwLjUyMTEgMTEuMTYzMyAyMSA5Ljk2NDI5IDIxIDguNzE0MDVDMjEgNi4xMTA1NSAxOC45NjQ4IDQgMTYuNDU0MyA0QzE1LjI0ODcgNCAxNC4wOTI1IDQuNDk2NjYgMTMuMjQgNS4zODA3MUwxMiA2LjY2NjY3TDEwLjc2IDUuMzgwNzFDOS45MDc0OSA0LjQ5NjY2IDguNzUxMjggNCA3LjU0NTY5IDRDNS4wMzUxNyA0IDMgNi4xMTA1NSAzIDguNzE0MDVDMyA5Ljk2NDI5IDMuNDc4OTIgMTEuMTYzMyA0LjMzMTQgMTIuMDQ3NFoiIHN0cm9rZT0iI2ZmYWZiZCIgc3Ryb2tlLXdpZHRoPSIyLjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L2c+Cg08L3N2Zz4=);
}
#menu-list > li > a:hover::before {
  transition: .25s ease-in-out;
}

#horsplayBtn::before {
  background-image: url(data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iMjU2cHgiIGhlaWdodD0iMjU2cHgiIHZpZXdCb3g9IjAgMCAyNC4wMCAyNC4wMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KDTxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIi8+Cg08ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KDTxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4gPHBhdGggZD0iTTE2LjIxMTEgMTEuMTA1Nkw5LjczNjY2IDcuODY4MzNDOC45Mzg3OCA3LjQ2OTM5IDggOC4wNDk1OCA4IDguOTQxNjRWMTUuMDU4NEM4IDE1Ljk1MDQgOC45Mzg3OCAxNi41MzA2IDkuNzM2NjYgMTYuMTMxN0wxNi4yMTExIDEyLjg5NDRDMTYuOTQ4MiAxMi41MjU5IDE2Ljk0ODIgMTEuNDc0MSAxNi4yMTExIDExLjEwNTZaIiBmaWxsPSIjMDI3NmUyIiBmaWxsLW9wYWNpdHk9IjAuMjQiIHN0cm9rZT0iIzAyNzZlMiIgc3Ryb2tlLXdpZHRoPSIxLjY3OTk5OTk5OTk5OTk5OTciIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L2c+Cg08L3N2Zz4=);
  background-image: url(data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iMjU2cHgiIGhlaWdodD0iMjU2cHgiIHZpZXdCb3g9IjAgMCAyNC4wMCAyNC4wMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiMwMjc2ZTMiIHN0cm9rZS13aWR0aD0iMC4wMDAyNDAwMDAwMDAwMDAwMDAwMyI+Cg08ZyBpZD0iU1ZHUmVwb19iZ0NhcnJpZXIiIHN0cm9rZS13aWR0aD0iMCIvPgoNPGcgaWQ9IlNWR1JlcG9fdHJhY2VyQ2FycmllciIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cg08ZyBpZD0iU1ZHUmVwb19pY29uQ2FycmllciI+IDxwYXRoIGQ9Ik01IDE0LjA1ODVDNSAxMy4wNDk0IDUgMTIuNTQ0OCA1LjIyMTY2IDEyLjExNDFDNS40NDMzMyAxMS42ODMzIDUuODUzOSAxMS4zOTAxIDYuNjc1MDUgMTAuODAzNUwxMC44Mzc1IDcuODMwMzRDMTEuMzk4OSA3LjQyOTM4IDExLjY3OTUgNy4yMjg5IDEyIDcuMjI4OUMxMi4zMjA1IDcuMjI4OSAxMi42MDExIDcuNDI5MzggMTMuMTYyNSA3LjgzMDM0TDE3LjMyNSAxMC44MDM1QzE4LjE0NjEgMTEuMzkwMSAxOC41NTY3IDExLjY4MzMgMTguNzc4MyAxMi4xMTQxQzE5IDEyLjU0NDggMTkgMTMuMDQ5NCAxOSAxNC4wNTg1VjE5QzE5IDE5Ljk0MjggMTkgMjAuNDE0MiAxOC43MDcxIDIwLjcwNzFDMTguNDE0MiAyMSAxNy45NDI4IDIxIDE3IDIxSDdDNi4wNTcxOSAyMSA1LjU4NTc5IDIxIDUuMjkyODkgMjAuNzA3MUM1IDIwLjQxNDIgNSAxOS45NDI4IDUgMTlWMTQuMDU4NVoiIGZpbGw9IiMwMjc2ZTMiIGZpbGwtb3BhY2l0eT0iMC4yNCIvPiA8cGF0aCBkPSJNMyAxMi4zODY2QzMgMTIuNjUzNSAzIDEyLjc4NjkgMy4wODQxIDEyLjgyODFDMy4xNjgxOSAxMi44NjkyIDMuMjczNTIgMTIuNzg3MyAzLjQ4NDE4IDEyLjYyMzRMMTAuNzcyMSA2Ljk1NTAyQzExLjM2MiA2LjQ5NjI1IDExLjY1NjkgNi4yNjY4NiAxMiA2LjI2Njg2QzEyLjM0MzEgNi4yNjY4NiAxMi42MzggNi40OTYyNSAxMy4yMjc5IDYuOTU1MDJMMjAuNTE1OCAxMi42MjM0QzIwLjcyNjUgMTIuNzg3MyAyMC44MzE4IDEyLjg2OTIgMjAuOTE1OSAxMi44MjgxQzIxIDEyLjc4NjkgMjEgMTIuNjUzNSAyMSAxMi4zODY2VjExLjk3ODJDMjEgMTEuNDk3OCAyMSAxMS4yNTc2IDIwLjg5ODMgMTEuMDQ5N0MyMC43OTY2IDEwLjg0MTggMjAuNjA3IDEwLjY5NDQgMjAuMjI3OSAxMC4zOTk1TDEzLjIyNzkgNC45NTUwMkMxMi42MzggNC40OTYyNSAxMi4zNDMxIDQuMjY2ODYgMTIgNC4yNjY4NkMxMS42NTY5IDQuMjY2ODYgMTEuMzYyIDQuNDk2MjUgMTAuNzcyMSA0Ljk1NTAyTDMuNzcyMTIgMTAuMzk5NUMzLjM5Mjk1IDEwLjY5NDQgMy4yMDMzNyAxMC44NDE4IDMuMTAxNjggMTEuMDQ5N0MzIDExLjI1NzYgMyAxMS40OTc4IDMgMTEuOTc4MlYxMi4zODY2WiIgZmlsbD0iIzAyNzZlMyIvPiA8cGF0aCBkPSJNMTIuNSAxNUgxMS41QzEwLjM5NTQgMTUgOS41IDE1Ljg5NTQgOS41IDE3VjIwLjg1QzkuNSAyMC45MzI4IDkuNTY3MTYgMjEgOS42NSAyMUgxNC4zNUMxNC40MzI4IDIxIDE0LjUgMjAuOTMyOCAxNC41IDIwLjg1VjE3QzE0LjUgMTUuODk1NCAxMy42MDQ2IDE1IDEyLjUgMTVaIiBmaWxsPSIjMDI3NmUzIi8+IDxyZWN0IHg9IjE2IiB5PSI1IiB3aWR0aD0iMiIgaGVpZ2h0PSI0IiByeD0iMC41IiBmaWxsPSIjMDI3NmUzIi8+IDwvZz4KDTwvc3ZnPg==);
  background: url(data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iMjU2cHgiIGhlaWdodD0iMjU2cHgiIHZpZXdCb3g9IjAgMCAyNC4wMCAyNC4wMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiMxODQ2NzIiIHN0cm9rZS13aWR0aD0iMC45ODQiPgoNPGcgaWQ9IlNWR1JlcG9fYmdDYXJyaWVyIiBzdHJva2Utd2lkdGg9IjAiLz4KDTxnIGlkPSJTVkdSZXBvX3RyYWNlckNhcnJpZXIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlPSIjMTg0NjcyIiBzdHJva2Utd2lkdGg9IjAuMjg4Ii8+Cg08ZyBpZD0iU1ZHUmVwb19pY29uQ2FycmllciI+IDxwYXRoIGQ9Ik01IDE0LjA1ODVDNSAxMy4wNDk0IDUgMTIuNTQ0OCA1LjIyMTY2IDEyLjExNDFDNS40NDMzMyAxMS42ODMzIDUuODUzOSAxMS4zOTAxIDYuNjc1MDUgMTAuODAzNUwxMC44Mzc1IDcuODMwMzRDMTEuMzk4OSA3LjQyOTM4IDExLjY3OTUgNy4yMjg5IDEyIDcuMjI4OUMxMi4zMjA1IDcuMjI4OSAxMi42MDExIDcuNDI5MzggMTMuMTYyNSA3LjgzMDM0TDE3LjMyNSAxMC44MDM1QzE4LjE0NjEgMTEuMzkwMSAxOC41NTY3IDExLjY4MzMgMTguNzc4MyAxMi4xMTQxQzE5IDEyLjU0NDggMTkgMTMuMDQ5NCAxOSAxNC4wNTg1VjE5QzE5IDE5Ljk0MjggMTkgMjAuNDE0MiAxOC43MDcxIDIwLjcwNzFDMTguNDE0MiAyMSAxNy45NDI4IDIxIDE3IDIxSDdDNi4wNTcxOSAyMSA1LjU4NTc5IDIxIDUuMjkyODkgMjAuNzA3MUM1IDIwLjQxNDIgNSAxOS45NDI4IDUgMTlWMTQuMDU4NVoiIGZpbGw9IiMxODQ2NzIiIGZpbGwtb3BhY2l0eT0iMC4yNCIvPiA8cGF0aCBkPSJNMyAxMi4zODY2QzMgMTIuNjUzNSAzIDEyLjc4NjkgMy4wODQxIDEyLjgyODFDMy4xNjgxOSAxMi44NjkyIDMuMjczNTIgMTIuNzg3MyAzLjQ4NDE4IDEyLjYyMzRMMTAuNzcyMSA2Ljk1NTAyQzExLjM2MiA2LjQ5NjI1IDExLjY1NjkgNi4yNjY4NiAxMiA2LjI2Njg2QzEyLjM0MzEgNi4yNjY4NiAxMi42MzggNi40OTYyNSAxMy4yMjc5IDYuOTU1MDJMMjAuNTE1OCAxMi42MjM0QzIwLjcyNjUgMTIuNzg3MyAyMC44MzE4IDEyLjg2OTIgMjAuOTE1OSAxMi44MjgxQzIxIDEyLjc4NjkgMjEgMTIuNjUzNSAyMSAxMi4zODY2VjExLjk3ODJDMjEgMTEuNDk3OCAyMSAxMS4yNTc2IDIwLjg5ODMgMTEuMDQ5N0MyMC43OTY2IDEwLjg0MTggMjAuNjA3IDEwLjY5NDQgMjAuMjI3OSAxMC4zOTk1TDEzLjIyNzkgNC45NTUwMkMxMi42MzggNC40OTYyNSAxMi4zNDMxIDQuMjY2ODYgMTIgNC4yNjY4NkMxMS42NTY5IDQuMjY2ODYgMTEuMzYyIDQuNDk2MjUgMTAuNzcyMSA0Ljk1NTAyTDMuNzcyMTIgMTAuMzk5NUMzLjM5Mjk1IDEwLjY5NDQgMy4yMDMzNyAxMC44NDE4IDMuMTAxNjggMTEuMDQ5N0MzIDExLjI1NzYgMyAxMS40OTc4IDMgMTEuOTc4MlYxMi4zODY2WiIgZmlsbD0iIzE4NDY3MiIvPiA8cGF0aCBkPSJNMTIuNSAxNUgxMS41QzEwLjM5NTQgMTUgOS41IDE1Ljg5NTQgOS41IDE3VjIwLjg1QzkuNSAyMC45MzI4IDkuNTY3MTYgMjEgOS42NSAyMUgxNC4zNUMxNC40MzI4IDIxIDE0LjUgMjAuOTMyOCAxNC41IDIwLjg1VjE3QzE0LjUgMTUuODk1NCAxMy42MDQ2IDE1IDEyLjUgMTVaIiBmaWxsPSIjMTg0NjcyIi8+IDxyZWN0IHg9IjE2IiB5PSI1IiB3aWR0aD0iMiIgaGVpZ2h0PSI0IiByeD0iMC41IiBmaWxsPSIjMTg0NjcyIi8+IDwvZz4KDTwvc3ZnPg==);
  background-image: url(data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iMjU2cHgiIGhlaWdodD0iMjU2cHgiIHZpZXdCb3g9IjAgMCAyNC4wMCAyNC4wMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiMxODQ2NzIiIHN0cm9rZS13aWR0aD0iMC4wMDAyNDAwMDAwMDAwMDAwMDAwMyI+Cg08ZyBpZD0iU1ZHUmVwb19iZ0NhcnJpZXIiIHN0cm9rZS13aWR0aD0iMCIvPgoNPGcgaWQ9IlNWR1JlcG9fdHJhY2VyQ2FycmllciIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2U9IiMxODQ2NzIiIHN0cm9rZS13aWR0aD0iMC4yODgiLz4KDTxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4gPHBhdGggZD0iTTUgMTQuMDU4NUM1IDEzLjA0OTQgNSAxMi41NDQ4IDUuMjIxNjYgMTIuMTE0MUM1LjQ0MzMzIDExLjY4MzMgNS44NTM5IDExLjM5MDEgNi42NzUwNSAxMC44MDM1TDEwLjgzNzUgNy44MzAzNEMxMS4zOTg5IDcuNDI5MzggMTEuNjc5NSA3LjIyODkgMTIgNy4yMjg5QzEyLjMyMDUgNy4yMjg5IDEyLjYwMTEgNy40MjkzOCAxMy4xNjI1IDcuODMwMzRMMTcuMzI1IDEwLjgwMzVDMTguMTQ2MSAxMS4zOTAxIDE4LjU1NjcgMTEuNjgzMyAxOC43NzgzIDEyLjExNDFDMTkgMTIuNTQ0OCAxOSAxMy4wNDk0IDE5IDE0LjA1ODVWMTlDMTkgMTkuOTQyOCAxOSAyMC40MTQyIDE4LjcwNzEgMjAuNzA3MUMxOC40MTQyIDIxIDE3Ljk0MjggMjEgMTcgMjFIN0M2LjA1NzE5IDIxIDUuNTg1NzkgMjEgNS4yOTI4OSAyMC43MDcxQzUgMjAuNDE0MiA1IDE5Ljk0MjggNSAxOVYxNC4wNTg1WiIgZmlsbD0iIzE4NDY3MiIgZmlsbC1vcGFjaXR5PSIwLjI0Ii8+IDxwYXRoIGQ9Ik0zIDEyLjM4NjZDMyAxMi42NTM1IDMgMTIuNzg2OSAzLjA4NDEgMTIuODI4MUMzLjE2ODE5IDEyLjg2OTIgMy4yNzM1MiAxMi43ODczIDMuNDg0MTggMTIuNjIzNEwxMC43NzIxIDYuOTU1MDJDMTEuMzYyIDYuNDk2MjUgMTEuNjU2OSA2LjI2Njg2IDEyIDYuMjY2ODZDMTIuMzQzMSA2LjI2Njg2IDEyLjYzOCA2LjQ5NjI1IDEzLjIyNzkgNi45NTUwMkwyMC41MTU4IDEyLjYyMzRDMjAuNzI2NSAxMi43ODczIDIwLjgzMTggMTIuODY5MiAyMC45MTU5IDEyLjgyODFDMjEgMTIuNzg2OSAyMSAxMi42NTM1IDIxIDEyLjM4NjZWMTEuOTc4MkMyMSAxMS40OTc4IDIxIDExLjI1NzYgMjAuODk4MyAxMS4wNDk3QzIwLjc5NjYgMTAuODQxOCAyMC42MDcgMTAuNjk0NCAyMC4yMjc5IDEwLjM5OTVMMTMuMjI3OSA0Ljk1NTAyQzEyLjYzOCA0LjQ5NjI1IDEyLjM0MzEgNC4yNjY4NiAxMiA0LjI2Njg2QzExLjY1NjkgNC4yNjY4NiAxMS4zNjIgNC40OTYyNSAxMC43NzIxIDQuOTU1MDJMMy43NzIxMiAxMC4zOTk1QzMuMzkyOTUgMTAuNjk0NCAzLjIwMzM3IDEwLjg0MTggMy4xMDE2OCAxMS4wNDk3QzMgMTEuMjU3NiAzIDExLjQ5NzggMyAxMS45NzgyVjEyLjM4NjZaIiBmaWxsPSIjMTg0NjcyIi8+IDxwYXRoIGQ9Ik0xMi41IDE1SDExLjVDMTAuMzk1NCAxNSA5LjUgMTUuODk1NCA5LjUgMTdWMjAuODVDOS41IDIwLjkzMjggOS41NjcxNiAyMSA5LjY1IDIxSDE0LjM1QzE0LjQzMjggMjEgMTQuNSAyMC45MzI4IDE0LjUgMjAuODVWMTdDMTQuNSAxNS44OTU0IDEzLjYwNDYgMTUgMTIuNSAxNVoiIGZpbGw9IiMxODQ2NzIiLz4gPHJlY3QgeD0iMTYiIHk9IjUiIHdpZHRoPSIyIiBoZWlnaHQ9IjQiIHJ4PSIwLjUiIGZpbGw9IiMxODQ2NzIiLz4gPC9nPgoNPC9zdmc+);
  background-image: url(data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iMjU2cHgiIGhlaWdodD0iMjU2cHgiIHZpZXdCb3g9IjAgMCAyNC4wMCAyNC4wMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiMwMjc2ZTMiIHN0cm9rZS13aWR0aD0iMC45ODQiPgoNPGcgaWQ9IlNWR1JlcG9fYmdDYXJyaWVyIiBzdHJva2Utd2lkdGg9IjAiLz4KDTxnIGlkPSJTVkdSZXBvX3RyYWNlckNhcnJpZXIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlPSIjMDI3NmUzIiBzdHJva2Utd2lkdGg9IjAuMjg4Ii8+Cg08ZyBpZD0iU1ZHUmVwb19pY29uQ2FycmllciI+IDxwYXRoIGQ9Ik01IDE0LjA1ODVDNSAxMy4wNDk0IDUgMTIuNTQ0OCA1LjIyMTY2IDEyLjExNDFDNS40NDMzMyAxMS42ODMzIDUuODUzOSAxMS4zOTAxIDYuNjc1MDUgMTAuODAzNUwxMC44Mzc1IDcuODMwMzRDMTEuMzk4OSA3LjQyOTM4IDExLjY3OTUgNy4yMjg5IDEyIDcuMjI4OUMxMi4zMjA1IDcuMjI4OSAxMi42MDExIDcuNDI5MzggMTMuMTYyNSA3LjgzMDM0TDE3LjMyNSAxMC44MDM1QzE4LjE0NjEgMTEuMzkwMSAxOC41NTY3IDExLjY4MzMgMTguNzc4MyAxMi4xMTQxQzE5IDEyLjU0NDggMTkgMTMuMDQ5NCAxOSAxNC4wNTg1VjE5QzE5IDE5Ljk0MjggMTkgMjAuNDE0MiAxOC43MDcxIDIwLjcwNzFDMTguNDE0MiAyMSAxNy45NDI4IDIxIDE3IDIxSDdDNi4wNTcxOSAyMSA1LjU4NTc5IDIxIDUuMjkyODkgMjAuNzA3MUM1IDIwLjQxNDIgNSAxOS45NDI4IDUgMTlWMTQuMDU4NVoiIGZpbGw9IiMwMjc2ZTMiIGZpbGwtb3BhY2l0eT0iMC4yNCIvPiA8cGF0aCBkPSJNMyAxMi4zODY2QzMgMTIuNjUzNSAzIDEyLjc4NjkgMy4wODQxIDEyLjgyODFDMy4xNjgxOSAxMi44NjkyIDMuMjczNTIgMTIuNzg3MyAzLjQ4NDE4IDEyLjYyMzRMMTAuNzcyMSA2Ljk1NTAyQzExLjM2MiA2LjQ5NjI1IDExLjY1NjkgNi4yNjY4NiAxMiA2LjI2Njg2QzEyLjM0MzEgNi4yNjY4NiAxMi42MzggNi40OTYyNSAxMy4yMjc5IDYuOTU1MDJMMjAuNTE1OCAxMi42MjM0QzIwLjcyNjUgMTIuNzg3MyAyMC44MzE4IDEyLjg2OTIgMjAuOTE1OSAxMi44MjgxQzIxIDEyLjc4NjkgMjEgMTIuNjUzNSAyMSAxMi4zODY2VjExLjk3ODJDMjEgMTEuNDk3OCAyMSAxMS4yNTc2IDIwLjg5ODMgMTEuMDQ5N0MyMC43OTY2IDEwLjg0MTggMjAuNjA3IDEwLjY5NDQgMjAuMjI3OSAxMC4zOTk1TDEzLjIyNzkgNC45NTUwMkMxMi42MzggNC40OTYyNSAxMi4zNDMxIDQuMjY2ODYgMTIgNC4yNjY4NkMxMS42NTY5IDQuMjY2ODYgMTEuMzYyIDQuNDk2MjUgMTAuNzcyMSA0Ljk1NTAyTDMuNzcyMTIgMTAuMzk5NUMzLjM5Mjk1IDEwLjY5NDQgMy4yMDMzNyAxMC44NDE4IDMuMTAxNjggMTEuMDQ5N0MzIDExLjI1NzYgMyAxMS40OTc4IDMgMTEuOTc4MlYxMi4zODY2WiIgZmlsbD0iIzAyNzZlMyIvPiA8cGF0aCBkPSJNMTIuNSAxNUgxMS41QzEwLjM5NTQgMTUgOS41IDE1Ljg5NTQgOS41IDE3VjIwLjg1QzkuNSAyMC45MzI4IDkuNTY3MTYgMjEgOS42NSAyMUgxNC4zNUMxNC40MzI4IDIxIDE0LjUgMjAuOTMyOCAxNC41IDIwLjg1VjE3QzE0LjUgMTUuODk1NCAxMy42MDQ2IDE1IDEyLjUgMTVaIiBmaWxsPSIjMDI3NmUzIi8+IDxyZWN0IHg9IjE2IiB5PSI1IiB3aWR0aD0iMiIgaGVpZ2h0PSI0IiByeD0iMC41IiBmaWxsPSIjMDI3NmUzIi8+IDwvZz4KDTwvc3ZnPg==);
  content: url();
  display: block;
  background-size: 32px 32px!important;
  height: 32px;
  width: 32px;
  margin-right: 4px;
  background-repeat: no-repeat;
  float: left;
  margin-top: 7px;
}
#storeBtn::before {
  background-image: url(data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iMjU2cHgiIGhlaWdodD0iMjU2cHgiIHZpZXdCb3g9Ii0wLjQ4IC0wLjQ4IDI0Ljk2IDI0Ljk2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgoNPGcgaWQ9IlNWR1JlcG9fYmdDYXJyaWVyIiBzdHJva2Utd2lkdGg9IjAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMuODQsMy44NCksIHNjYWxlKDAuNjgpIj4KDTxyZWN0IHg9Ii0wLjQ4IiB5PSItMC40OCIgd2lkdGg9IjI0Ljk2IiBoZWlnaHQ9IjI0Ljk2IiByeD0iNS43NDA4IiBmaWxsPSIjY2ZkZWY3IiBzdHJva2V3aWR0aD0iMCIvPgoNPC9nPgoNPGcgaWQ9IlNWR1JlcG9fdHJhY2VyQ2FycmllciIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2U9IiNDQ0NDQ0MiIHN0cm9rZS13aWR0aD0iMC4yODgiLz4KDTxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4gPHBhdGggZD0iTTQgNy42NTY4NkM0IDYuODM5MzUgNCA2LjQzMDYgNC4xNTIyNCA2LjA2MzA2QzQuMzA0NDggNS42OTU1MiA0LjU5MzUxIDUuNDA2NDkgNS4xNzE1NyA0LjgyODQzTDUuODI4NDMgNC4xNzE1N0M2LjQwNjQ5IDMuNTkzNTEgNi42OTU1MiAzLjMwNDQ4IDcuMDYzMDYgMy4xNTIyNEM3LjQzMDYgMyA3LjgzOTM1IDMgOC42NTY4NSAzSDE1LjM0MzFDMTYuMTYwNiAzIDE2LjU2OTQgMyAxNi45MzY5IDMuMTUyMjRDMTcuMzA0NSAzLjMwNDQ4IDE3LjU5MzUgMy41OTM1MSAxOC4xNzE2IDQuMTcxNTdMMTguODI4NCA0LjgyODQzQzE5LjQwNjUgNS40MDY0OSAxOS42OTU1IDUuNjk1NTIgMTkuODQ3OCA2LjA2MzA2QzIwIDYuNDMwNiAyMCA2LjgzOTM1IDIwIDcuNjU2ODVWMTdDMjAgMTguODg1NiAyMCAxOS44Mjg0IDE5LjQxNDIgMjAuNDE0MkMxOC44Mjg0IDIxIDE3Ljg4NTYgMjEgMTYgMjFIOEM2LjExNDM4IDIxIDUuMTcxNTcgMjEgNC41ODU3OSAyMC40MTQyQzQgMTkuODI4NCA0IDE4Ljg4NTYgNCAxN1Y3LjY1Njg2WiIgc3Ryb2tlPSIjMDI3NmUyIiBzdHJva2Utd2lkdGg9IjEuNjc5OTk5OTk5OTk5OTk5NyIvPiA8cGF0aCBkPSJNNCA3SDIwIiBzdHJva2U9IiMwMjc2ZTIiIHN0cm9rZS13aWR0aD0iMS42Nzk5OTk5OTk5OTk5OTk3IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4gPHBhdGggZD0iTTkgMTFDOSAxMS43OTU2IDkuMzE2MDcgMTIuNTU4NyA5Ljg3ODY4IDEzLjEyMTNDMTAuNDQxMyAxMy42ODM5IDExLjIwNDQgMTQgMTIgMTRDMTIuNzk1NiAxNCAxMy41NTg3IDEzLjY4MzkgMTQuMTIxMyAxMy4xMjEzQzE0LjY4MzkgMTIuNTU4NyAxNSAxMS43OTU3IDE1IDExIiBzdHJva2U9IiMwMjc2ZTIiIHN0cm9rZS1vcGFjaXR5PSIwLjI0IiBzdHJva2Utd2lkdGg9IjEuNjc5OTk5OTk5OTk5OTk5NyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+IDwvZz4KDTwvc3ZnPg==);
  content: url();
  display: block;
  background-size: 32px 32px!important;
  height: 32px;
  width: 32px;
  margin-right: 4px;
  background-repeat: no-repeat;
  float: left;
  margin-top: 8px;
}
#accountBtn::before {
  background-image: url(data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iMjU2cHgiIGhlaWdodD0iMjU2cHgiIHZpZXdCb3g9Ii0xLjQ0IC0xLjQ0IDI2Ljg4IDI2Ljg4IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0cm9rZT0iIzAyNzZlMiIgc3Ryb2tlLXdpZHRoPSIwLjAwMDI0MDAwMDAwMDAwMDAwMDAzIj4KDTxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIi8+Cg08ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZT0iIzAyNzZlIiBzdHJva2Utd2lkdGg9IjEuMiI+IDxwYXRoIGQ9Ik0zIDEyQzMgNy4wMjk0NCA3LjAyOTQ0IDMgMTIgM0MxNi45NzA2IDMgMjEgNy4wMjk0NCAyMSAxMkMyMSAxNi45NzA2IDE2Ljk3MDYgMjEgMTIgMjFDNy4wMjk0NCAyMSAzIDE2Ljk3MDYgMyAxMloiIGZpbGw9IiMwMjc2ZTIiIGZpbGwtb3BhY2l0eT0iMC4yNCIvPiA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEwIiByPSI0IiBmaWxsPSIjMDI3NmUyIi8+IDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTguMjIwOSAxOC4yNDYyQzE4LjI3OTEgMTguMzQyNiAxOC4yNjEzIDE4LjQ2NiAxOC4xNzk1IDE4LjU0MzJDMTYuNTY3NCAyMC4wNjYyIDE0LjM5MjggMjEgMTIgMjFDOS42MDcyOCAyMSA3LjQzMjY0IDIwLjA2NjMgNS44MjA1NyAxOC41NDMzQzUuNzM4NzcgMTguNDY2IDUuNzIxMDEgMTguMzQyNyA1Ljc3OTE4IDE4LjI0NjNDNi45NDMzNyAxNi4zMTggOS4yOTIxNSAxNSAxMi4wMDAxIDE1QzE0LjcwNzkgMTUgMTcuMDU2NyAxNi4zMTc5IDE4LjIyMDkgMTguMjQ2MloiIGZpbGw9IiMwMjc2ZTIiLz4gPC9nPgoNPGcgaWQ9IlNWR1JlcG9faWNvbkNhcnJpZXIiPiA8cGF0aCBkPSJNMyAxMkMzIDcuMDI5NDQgNy4wMjk0NCAzIDEyIDNDMTYuOTcwNiAzIDIxIDcuMDI5NDQgMjEgMTJDMjEgMTYuOTcwNiAxNi45NzA2IDIxIDEyIDIxQzcuMDI5NDQgMjEgMyAxNi45NzA2IDMgMTJaIiBmaWxsPSIjMDI3NmUyIiBmaWxsLW9wYWNpdHk9IjAuMjQiLz4gPGNpcmNsZSBjeD0iMTIiIGN5PSIxMCIgcj0iNCIgZmlsbD0iIzAyNzZlMiIvPiA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE4LjIyMDkgMTguMjQ2MkMxOC4yNzkxIDE4LjM0MjYgMTguMjYxMyAxOC40NjYgMTguMTc5NSAxOC41NDMyQzE2LjU2NzQgMjAuMDY2MiAxNC4zOTI4IDIxIDEyIDIxQzkuNjA3MjggMjEgNy40MzI2NCAyMC4wNjYzIDUuODIwNTcgMTguNTQzM0M1LjczODc3IDE4LjQ2NiA1LjcyMTAxIDE4LjM0MjcgNS43NzkxOCAxOC4yNDYzQzYuOTQzMzcgMTYuMzE4IDkuMjkyMTUgMTUgMTIuMDAwMSAxNUMxNC43MDc5IDE1IDE3LjA1NjcgMTYuMzE3OSAxOC4yMjA5IDE4LjI0NjJaIiBmaWxsPSIjMDI3NmUyIi8+IDwvZz4KDTwvc3ZnPg==);
  content: url();
  display: block;
  background-size: 36px 36px!important;
  height: 36px;
  width: 36px;
  margin-right: 3px;
  background-repeat: no-repeat;
  float: left;
  margin-top: 6px;
  margin-left: -3px;
}
#myAccountBtn::before {
  content: '';
  display: block;
  background-size: 28px 28px !important;
  height: 28px;
  width: 28px;
  margin-right: 4px;
  background-repeat: no-repeat;
  float: left;
  margin-top: 10px;
  margin-left: -3px;
  border-radius: 50%;
  border: 2px solid #0476e2;
}
.cd-close-filter::before {
  background-image: url(data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iMjU2cHgiIGhlaWdodD0iMjU2cHgiIHZpZXdCb3g9IjAgMCAyNC4wMCAyNC4wMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBzdHJva2U9IiNkNTRkNGQiPgoNPGcgaWQ9IlNWR1JlcG9fYmdDYXJyaWVyIiBzdHJva2Utd2lkdGg9IjAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwLjA4LDEwLjA4KSwgc2NhbGUoMC4xNikiLz4KDTxnIGlkPSJTVkdSZXBvX3RyYWNlckNhcnJpZXIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlPSIjQ0NDQ0NDIiBzdHJva2Utd2lkdGg9IjAuMDQ4Ii8+Cg08ZyBpZD0iU1ZHUmVwb19pY29uQ2FycmllciI+IDxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjkiIGZpbGw9IiNkNTRkNGQiIGZpbGwtb3BhY2l0eT0iMC4yNCIvPiA8cGF0aCBkPSJNOSA5TDE1IDE1IiBzdHJva2U9IiNkNTRkNGQiIHN0cm9rZS13aWR0aD0iMS42Nzk5OTk5OTk5OTk5OTk3IiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4gPHBhdGggZD0iTTE1IDlMOSAxNSIgc3Ryb2tlPSIjZDU0ZDRkIiBzdHJva2Utd2lkdGg9IjEuNjc5OTk5OTk5OTk5OTk5NyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+IDwvZz4KDTwvc3ZnPg==);
  content: url();
  display: block;
  background-size: 32px 32px!important;
  height: 32px;
  width: 32px;
  background-repeat: no-repeat;
  float: left;
  margin: 2px 0;
}
#gameSelectModal .cd-close-filter {
  display: none;
}
.label {
  padding: 4px;
  margin: 0 2em 0 1em;
  height: 20px;
  font-weight: bold;
  border-radius: var(--radius-sm);
}
.label a {
  color: inherit;
  font-weight: 800;
}
.settings .label {
  padding: 4px 10px;
  height: 24px;
  line-height: 18px;
  display: inline;
  margin: 0;
}
.label.beta {
  color: var(--color-white);
  background: var(--color-error);
}
.label.one {
  color: var(--color-white);
  background: linear-gradient(to right, #34a853, #1c5e2d);
}
.label.plus {
  color: var(--color-white);
  background: linear-gradient(to top, #0275e0, #194875);
}
.label.max {
  color: var(--color-white);
  background: linear-gradient(to right, #a904f6, #2f4b99);
}
.label.free {
  color: var(--color-primary);
  background: var(--color-bg-darker);
}

.cd-filter-trigger.filter-is-visible {
  pointer-events: none;
}
@media only screen and (min-width: 1170px) {
  .cd-filter-trigger {
    width: auto;
    text-indent: 0;
    color: var(--color-primary-darker); /* was #d6d6d6*/
    text-transform: uppercase;
    font-size: var(--font-size-lg);
    font-weight: 700;
    padding-left: 24px;
    background-position: left center;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s;
    transition:.25s ease-in-out;
  }
  .no-touch .cd-filter-trigger:hover {
    color: var(--color-white);
  }
  .cd-filter-trigger.filter-is-visible, .cd-filter-trigger.filter-is-visible:hover {
    color: var(--color-white);
  }
  .cd-filter {
    width: 20%;
  }
  #filter-open {
    position: relative;
    left: inherit;
    top: inherit;
  }
  .cd-gallery {
    padding: 50px 2%;
    float: right;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
  }
  .cd-gallery li {
    width: 15%;
  }
  .cd-gallery.filter-is-visible {
    /* reduce width when filter is visible */
    width: 80%;
  }
  .cd-tab-filter {
    /* tabbed navigation on big devices */
    width: 100%;
    float: right;
    margin: 0;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    transition: width 0.3s;
  }
  .cd-main-content.is-fixed .cd-gallery {
    padding-top: 100px;
  }
  .no-touch .cd-item:hover .cd-trigger {
    opacity: 1;
  }
  .touch .cd-item .cd-trigger {
    opacity: 1;
  }
  .cd-trigger {
    /* only visible on hover on big devices */
    opacity: 0;
  }
}

/* -------------------------------- 

xcustom form elements 

-------------------------------- */

.cd-filter-block h4 {
  position: relative;
  padding: 0.4rem 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cd-filter-block:last-child {
  margin-bottom: 0;
}
#filter-close {
  -webkit-transform: translateY(20%) rotate(90deg);
  -moz-transform: translateY(20%) rotate(90deg);
  -ms-transform: translateY(20%) rotate(90deg);
  -o-transform: translateY(20%) rotate(90deg);
  transform: translateY(20%) rotate(90deg);
}
#filter-open {
  position: absolute;
  top: 13px;
  left: 20%;
  -webkit-transform: translateY(20%) rotate(-90deg);
  -moz-transform: translateY(20%) rotate(-90deg);
  -ms-transform: translateY(20%) rotate(-90deg);
  -o-transform: translateY(20%) rotate(-90deg);
  transform: translateY(20%) rotate(-90deg);
  transition:.1s ease-in-out;
}
.cd-filter-trigger.filter-is-visible > #filter-open {
  opacity:0;
}
.cd-filter-block h4.closed::before {
  -webkit-transform: translateY(-50%) rotate(-90deg);
  -moz-transform: translateY(-50%) rotate(-90deg);
  -ms-transform: translateY(-50%) rotate(-90deg);
  -o-transform: translateY(-50%) rotate(-90deg);
  transform: translateY(-50%) rotate(-90deg);
}
.cd-filter-block input[type='search'],
.cd-filter-block input[type='text'],
.cd-filter-block select {
  width: 100%;
  padding: 0.8rem 1.4rem;
  transition: .25s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  box-shadow: none;
}
.cd-filter-block input[type='search']:focus,
.cd-filter-block input[type='text']:focus,
.cd-filter-block select:focus {
  border-color: #cecece;
}
.cd-filter-block input[type='search'] {
  /* custom style for the search element */
  outline: none;
  background-color: #d5dce5;
  height: 36px;
  border-color: #c2cdd9;
  border-radius: var(--radius-md);
  font-weight: bold;
  color: #070920;
  /* prevent jump - ios devices */
  font-size: var(--font-size-lg)!important;
}
.cd-filter-block input[type='search']::-webkit-search-cancel-button {
  display: none;
}
.cd-filter-block .cd-select {
  /* select element wrapper */
  position: relative;
}
.cd-filter-block .cd-select::after {
  /* switcher arrow for select element */
  content: '';
  position: absolute;
  z-index: 1;
  right: 14px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  width: 16px;
  height: 16px;
  background: url("/static/img/ui/icons/icon-arrow.svg") no-repeat center center;
  pointer-events: none;
}
.cd-filter-block select {
  cursor: pointer;
  font-size: var(--font-size-lg);
}
.cd-filter-block select::-ms-expand {
  display: none;
}
.cd-filter-block .list li {
  position: relative;
  margin-bottom: .8em;
}
.cd-filter-block .list li:last-of-type {
  margin-bottom: 0;
}
.cd-filter-block input[type=radio],
.cd-filter-block input[type=checkbox] {
  /* hide original check and radio buttons */
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0;
  opacity: 0;
  z-index: 2;
}
.cd-filter-block .checkbox-label,
.cd-filter-block .radio-label {
  padding-left: 24px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cd-filter-block .checkbox-label::before, .cd-filter-block .checkbox-label::after,
.cd-filter-block .radio-label::before,
.cd-filter-block .radio-label::after {
  /* custom radio and check boxes */
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.cd-filter-block .checkbox-label::before,
.cd-filter-block .radio-label::before {
  width: 16px;
  height: 16px;
  left: 0;
}
.cd-filter-block .checkbox-label::after,
.cd-filter-block .radio-label::after {
  /* check mark - hidden */
  display: none;
}
.cd-filter-block .checkbox-label::after {
  /* check mark style for check boxes */
  width: 16px;
  height: 16px;
  background: url("/static/img/ui/icons/icon-check.svg") no-repeat center center;
}
.cd-filter-block .radio-label::before,
.cd-filter-block .radio-label::after {
  border-radius: 50%;
}
.cd-filter-block .radio-label::after {
  /* check mark style for radio buttons */
  width: 6px;
  height: 6px;
  background-color: var(--color-white);
  left: 5px;
}
.cd-filter-block input[type=radio]:checked + label::before,
.cd-filter-block input[type=checkbox]:checked + label::before {
  border-color: #3a4a49;
  background-color: #3a4a49;
}
.cd-filter-block input[type=radio]:checked + label::after,
.cd-filter-block input[type=checkbox]:checked + label::after {
  display: block;
}

@-moz-document url-prefix() {
  /* hide custom arrow on Firefox - select element */
  .cd-filter-block .cd-select::after {
    display: none;
  }
}

/* -------------------------------- 

Login/Signup modal window - by CodyHouse.co

-------------------------------- */
.cd-main-header {
  position: relative;
  z-index: 1;
  height: 50px;
  background: #343642;
}

.cd-main-header::after {
  /* clearfix */
  content: '';
  display: table;
  clear: both;
}

.cd-main-header__logo {
  float: left;
  margin: 4px 0 0 5%;
  /* reduce logo size on mobile and make sure it is left aligned with the transform-origin property */
  -webkit-transform-origin: 0 50%;
      -ms-transform-origin: 0 50%;
          transform-origin: 0 50%;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}

.cd-main-header__logo img {
  display: block;
}

@media only screen and (min-width: 768px) {
  .cd-main-header {
    height: 80px;
  }
  .cd-main-header__logo {
    margin: 20px 0 0 5%;
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
  }
}

.cd-main-nav {
  float: right;
  margin-right: 5%;
  width: 44px;
  height: 100%;
  background: url("/static/img/ui/icons/icon-menu.svg") no-repeat center center;
  cursor: pointer;
}


@media only screen and (min-width: 768px) {
  .cd-main-nav {
    /* reset style */
    width: auto;
    height: auto;
    background: none;
    cursor: auto;
  }
  .cd-main-nav__item {
    display: inline-block;
    height: auto;
    line-height: normal;
    background: transparent;
  }
  .cd-main-nav__item.cd-main-nav__item--signin, .cd-main-nav__item.cd-main-nav__item--signup {
    border-radius: 50em;
  }
  .cd-main-nav__item.cd-main-nav__item--signup {
    background: #2f889a;
  }
}

/* -------------------------------- 

Pricing table and plans

-------------------------------- */
.cd-pricing-footer {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  /* on mobile it covers the .cd-pricing-header */
  height: 80px;
  width: 100%;
}
.cd-pricing-footer::after {
  /* right arrow visible on mobile */
  content: '';
  position: absolute;
  right: 1em;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 20px;
  width: 20px;
  background: url("/static/img/ui/icons/icon-arrow-small.svg");
}
.product.merch .cd-pricing-footer::after {
  background: url("/static/img/ui/icons/icon-arrow-small-dark.svg");
}

@media only screen and (min-width: 768px) {
  .cd-pricing-footer {
    position: relative;
    height: auto;
    padding: 0 0 1em 0;
    text-align: center;
  }
  .cd-pricing-footer::after {
    /* hide arrow */
    display: none;
  }
  .cd-has-margins .cd-pricing-footer {
    padding-bottom: 0;
  }
  .product.merch footer a {
    background: var(--color-accent-darker);
  }
}

.cd-pricing-body {
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .cd-pricing-body {
    overflow-x: visible;
  }
}
.cd-pricing-features {
  width: max-content;
}
.cd-pricing-features.merch img {
  width: 140px;
  border-radius: 20px;
}
.cd-pricing-features.merch li {
  display: flex;
  flex-direction: column;
}
.cd-pricing-features a {
  color: inherit;
}
.cd-pricing-features:after {
  content: "";
  display: table;
  clear: both;
}
.cd-pricing-features li {
  width: 100px;
  float: left;
  padding: 1.2em 1em;
  font-size: var(--v3-font-size-lg);
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cd-pricing-features em {
  display: block;
  margin-bottom: 5px;
}
.cd-pricing-features.merch {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.cd-pricing-features.merch.nowrap {
  flex-wrap: nowrap;
}
#stor-title {
  margin: 0;
  width: 100%;
}
.description-text {
  margin-top: 1em;
  padding: 1em;
  line-height: 1.4;
  font-weight: bold;
  color: white;
  font-size: var(--v3-font-size-lg);
}
@media only screen and (min-width: 768px) {
  .cd-pricing-features {
    width: auto;
  }
  .cd-pricing-features li {
    float: none;
    width: auto;
    padding: 1em;
  }
  .cd-popular .cd-pricing-features li {
    margin: 0 3px;
  }
  .cd-pricing-features em {
    display: inline-block;
    margin-bottom: 0;
  }
  .cd-has-margins .cd-popular .cd-pricing-features li, .cd-secondary-theme .cd-popular .cd-pricing-features li {
    margin: 0;
  }
  .cd-secondary-theme .cd-pricing-features li {
    color: #FFFFFF;
  }
  .cd-secondary-theme .cd-pricing-features li:nth-of-type(2n+1) {
    background-color: transparent;
  }
}
.cd-pricing-header {
  position: relative;
  text-align: center;
  z-index: 1;
  padding: 1em;
  pointer-events: none;
  color: var(--color-primary-darker);
  border-radius: var(--radius-lg);
}
.cd-popular .cd-pricing-header {
  background-color: #e97d68;
}
@media only screen and (min-width: 768px) {
  .cd-pricing-header {
    height: auto;
    padding: 1.9em 0.9em 1.6em;
    pointer-events: auto;
    text-align: center;
    color: var(--color-warning);
    background-color: transparent;
  }
  .cd-popular .cd-pricing-header {
    color: #e97d68;
    background-color: transparent;
  }
  .cd-secondary-theme .cd-pricing-header {
    color: #FFFFFF;
  }
}
/** CD-SELECT **/
.cd-select.product-buy {
  position: relative;
  z-index: 1;
  display: block;
  height: 100%;
  /* hide button text on mobile */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  color: transparent;
  box-shadow: none;
}
.flex-container.section {
  margin: 0;
  border-top: 2px solid rgba(255,255,255,0.2);
  border-bottom: 2px solid rgba(255,255,255,0.2);
  background: rgba(255,255,255,0.4);
  z-index: 2;
  overflow: hidden;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}
.flex-container.wrapper {
  width: 100vw;
}
@media only screen and (min-width: 768px) {
  .store-flex-container {
    display: flex;
  }
  .flex-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .cd-select.product-buy {
    position: static;
    display: inline-block;
    height: auto;
    padding: 1.3em 3em;
    border-radius: 2px;
    font-size: var(--v3-font-size-lg);
    text-indent: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: var(--color-primary);
    color: var(--color-white);
    border-radius: var(--radius-base);
    transition: .1s ease-in-out;
    box-shadow: var(--shadow-base);
  }
  .no-touch .product-buy.cd-select:hover {
    background-color: var(--color-primary-dark);
    box-shadow: var(--shadow-lg);
  }
  .cd-popular .cd-select {
    background-color: #e97d68;
  }
  .no-touch .cd-popular .cd-select:hover {
    background-color: #ec907e;
  }
  .cd-secondary-theme .cd-popular .cd-select {
    background-color: #0c1f28;
  }
  .no-touch .cd-secondary-theme .cd-popular .cd-select:hover {
    background-color: #112e3c;
  }
  .cd-has-margins .cd-select {
    display: block;
    padding: 1.7em 0;
    border-radius: 0 0 4px 4px;
  }
}

/* -------------------------------- 
Title: Table
Descr: Data tables used to organize and display information in rows and columns
Usage: codyhouse.co/license

-------------------------------- */
.table {
  position: relative;
  z-index: 1;
}

.table:not(.table--expanded) {
  border-collapse: separate;
  border-spacing: 0 var(--space-md);
  margin-top: calc(-2 * var(--space-md));
  table-layout: fixed;
}
.table:not(.table--expanded) .table__header {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
}
.table:not(.table--expanded) .table__row .table__cell:first-child {
  border-radius: var(--radius-md) var(--radius-md) 0 0;
}
.table:not(.table--expanded) .table__row .table__cell:last-child {
  border-radius: 0 0 var(--radius-md) var(--radius-md);
}
.table:not(.table--expanded) .table__row .table__cell:last-child::after {
  display: none;
}
.table:not(.table--expanded) .table__cell {
  position: relative;
  display: flex;
  justify-content: left;
  text-align: right;
  padding: var(--space-sm);
  background-color: var(--color-bg-light);
  overflow-x: scroll;
}
.table:not(.table--expanded) .table__cell::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: var(--space-md);
  width: calc(100% - 2 * var(--space-md));
  height: 1px;
}
.table:not(.table--expanded) td, .table:not(.table--expanded) th {
  width: 100%;
}
.table:not(.table--expanded) .table__label {
  font-weight: bold;
  text-align: left;
  color: var(--color-contrast-higher);
  margin-right: var(--space-md);
}

.table--expanded {
  border-bottom: 1px solid var(--color-contrast-lower);
}
.table--expanded .table__header .table__cell {
  position: relative;
  z-index: 10;
  background-color: var(--color-bg);
  border-bottom: 1px solid var(--color-contrast-lower);
  font-weight: bold;
  color: var(--color-contrast-higher);
}
/* ADMIN HIDE */
.table--expanded .table__body .table__row:nth-child(1) {
  display: none;
}
.table--expanded .table__body .table__row:nth-child(odd) {
  background-color: hsla(var(--color-bg-dark-h), var(--color-bg-dark-s), var(--color-bg-dark-l), 0.85);
}
.table--expanded .table__cell {
  padding: var(--space-md);
}
.table--expanded .table__label {
  display: none;
}
.table--expanded .table__header--sticky .table__cell {
  position: sticky;
  top: 0;
}

.table {
  opacity: 0;
}

.table--loaded {
  opacity: 1;
  width: 100%;
}

[class*=table--expanded]::before {
  display: none;
}

.table--expanded\@xs::before {
  content: "collapsed";
}
@media (min-width: 32rem) {
  .table--expanded\@xs::before {
    content: "expanded";
  }
}

.table--expanded\@sm::before {
  content: "collapsed";
}
@media (min-width: 48rem) {
  .table--expanded\@sm::before {
    content: "expanded";
  }
}

.table--expanded\@md::before {
  content: "collapsed";
}
@media (min-width: 64rem) {
  .table--expanded\@md::before {
    content: "expanded";
  }
}

.table--expanded\@lg::before {
  content: "collapsed";
}
@media (min-width: 80rem) {
  .table--expanded\@lg::before {
    content: "expanded";
  }
}

.table--expanded\@xl::before {
  content: "collapsed";
}
@media (min-width: 90rem) {
  .table--expanded\@xl::before {
    content: "expanded";
  }
}

.optn-select, .option {
  padding: 0.8rem 1.4rem;
  cursor: pointer;
  font-size: var(--font-size-lg);
}

.custom-select .options {
  display: none;
  position: relative;
}

.optn-select {
  border: none;
  color: var(--color-contrast-high);
  font-size: var(--font-size-lg);
  font-weight: 800;
  justify-content: flex-start;
  border-radius: var(--radius-base);
  display: flex;
  align-items: center;
  align-content: flex-start;
  flex-wrap: wrap;
  line-height: 30px;
  width: 100%;
  transition: .1s ease-in-out;
}
.optn-select:hover {
  background: var(--color-bg-darker);
}

.optn-select::after {
  content: '';
  position: absolute;
  z-index: 1;
  right: 14px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  width: 16px;
  height: 16px;
  background: url("/static/img/ui/icons/icon-arrow.svg") no-repeat center center;
  pointer-events: none;
}

.option {
  min-width: 100px;
  padding: 1.4em;
  font-weight: 800;
  color: var(--color-contrast-higher);
}

.option.disabled {
  pointer-events: none;
  color: var(--color-contrast-medium);
  width: 100%;
}

.option-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.option-flex .label {
  display: inline-block;
  position: absolute;
  right: 0;
}
.custom-select .option-flex .option {
  width: 100%;
}
.option:hover {
  background-color: var(--color-bg-darker);
}

/* Avatar Selection Dropdown Styles */
.avatar-option-text {
  flex: 1;
  margin-right: var(--space-sm);
}

.avatar-option-image {
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid var(--color-contrast-lower);
}

.option .avatar-option-image {
  margin-left: auto;
}

#avatar-selector {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
  gap: 10px;
  border: 1px solid var(--color-bg-darker);
}

#avatar-selector-wrapper {
  width: 100%;
}

#avatar-selector-wrapper .option {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
}

/* Loading screen removed - now using slide-up animation */

/* CSS-based loading spinner alternative (much lighter than GIFs) */
.css-spinner {
  width: 120px;
  height: 120px;
  border: 8px solid rgba(255,255,255,0.3);
  border-top: 8px solid var(--color-primary);
  border-radius: 50%;
  animation: spin 1s linear infinite;
  /* Hardware acceleration */
  transform: translateZ(0);
  will-change: transform;
  /* Better visibility on background */
  filter: drop-shadow(0 0 10px rgba(0,0,0,0.1));
}

.horse-spinner {
  width: 120px;
  height: 120px;
  position: relative;
  animation: bounce 1.5s ease-in-out infinite;
  /* Hardware acceleration */
  transform: translateZ(0);
  will-change: transform;
}

.horse-spinner::before {
  content: "🐎";
  font-size: 60px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: rotate 2s linear infinite;
  /* Better visibility */
  filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.3));
}

/* Subtle background animation for loading screen */
#loadingScreen::before {
  content: '';
  position: absolute;
  top: -10%;
  left: -10%;
  right: -10%;
  bottom: -10%;
  background: inherit;
  animation: subtleZoom 8s ease-in-out infinite alternate;
  z-index: -1;
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-20px);
  }
  60% {
    transform: translateY(-10px);
  }
}

@keyframes rotate {
  0% { transform: translate(-50%, -50%) rotate(0deg); }
  100% { transform: translate(-50%, -50%) rotate(360deg); }
}

@keyframes subtleZoom {
  0% { transform: scale(1) translateZ(0); }
  100% { transform: scale(1.05) translateZ(0); }
}


/* LEMON DROP GAME */
/* LEMON DROP GAME */
/* LEMON DROP GAME */
#lemon-game-container {
  margin: 0 auto;
  background: url("../../static/img/games/lemondrop/backgrounds/background.png");
  background-size: contain;
  background-size: cover;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100vw;
  height: 100vh;
}
@media only screen and (max-width: 800px) {
  #lemon-game-container > * {
    scale: .75;
  }
  .cd-main-content .lemon-flex-container {
    margin: 2em auto 0;
  }
}
.title-container.lemon {
  margin: 2em auto;
}
.lemon-flex-container {
  justify-content: space-around;
  max-width: max-content;
  margin: 6em auto 0 auto;
  flex-wrap: wrap;
  overflow: scroll;
}
#lemon {
  height: 100px;
  position: relative;
  top: calc(50% - 50px);
  left: 5%;
  transform-origin: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#bear {
  height: 100px;
  position: relative;
  top: calc(50% - 50px);
  left: 100%;
  animation: bear 2.5s infinite linear;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.game-message {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 136px;
  text-align:center;
  transform: translate(-50%, -50%);
  background: white;
  padding: 2em 1em;
  border-radius: 10px;
  font-weight: 800;
  box-shadow: var(--shadow-base);
  font-size: var(--v3-font-size-lg);
}

.animate {
  animation: jump 750ms;
}
/* lemon drop object */
@keyframes bear {
  0% { left: calc(100%); }
  100% { left: calc(-100% - 70px); }
}
/* lemon drop character jump */
/* lemon drop character jump */
@keyframes jump {
  0% { top: calc(50% - 50px); }
  50% { top: calc(25% - 50px); } 
  100% { top: calc(50% - 50px); }
}

/* lemon lose animation - grow */
@keyframes grow {
  0% { transform: scale(1); } /* Start at normal size */
  100% { transform: scale(3); } /* Grow to 3x the size */
}
/* utility classes */
.mv0-max-width-lg {
  max-width: 80rem;
}

.mv0-container {
  width: calc(100% - 2*var(--mv0-space-md));
  margin-left: auto;
  margin-right: auto;
}

.mv0-padding-y-lg {
  padding-top: var(--mv0-space-lg);
  padding-bottom: var(--mv0-space-lg);
}

.footer-legal {
  font-size: var(--font-size-lg);
  width: calc(100% - 2*var(--mv0-space-md));
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  font-weight: bold;
}
.footer-legal p {
  color: var(--color-primary-darker);
  padding-top: var(--space-sm);
}

.footer-v3__nav-item::after {
  content: "";
  display: inline-block;
  position: absolute;
  height: 0.8em;
  width: 1px;
  right: 0;
  top: calc(50% - 0.4em);
  background-color: hsl(var(--mv0-color-contrast-lower-hsl));
}

/* Username Editing Styles */
.username-editable {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  flex-wrap: wrap;
}

.username-display {
  margin: 0;
  flex: 1;
  min-width: 0;
}

.username-edit-controls {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  flex: 1;
}

.username-input {
  flex: 1;
  padding: var(--space-xs) var(--space-sm);
  border-radius: var(--radius-sm);
  font-size: var(--font-size-lg);
  font-weight: bold;
  color: var(--color-contrast-higher);
  background: var(--color-white);
  min-width: 120px;
}

.username-input:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 2px var(--color-primary-lighter);
}

.btn-small {
  padding: var(--space-xs) var(--space-sm);
  float: right;
  border: none;
  border-radius: var(--radius-sm);
  font-size: var(--font-size-lg);
  font-weight: bold;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}

/* Avatar Container and Hide Avatar Checkbox Styles */
.avatar-container {
  display: flex;
  align-items: flex-start;
  gap: var(--space-md);
  flex-wrap: wrap;
}

.hide-avatar-checkbox {
  display: flex;
  align-items: center;
}

.checkbox-label {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: var(--font-size-lg);
  font-weight: bold;
  color: var(--color-contrast-higher);
  user-select: none;
  gap: var(--space-xs);
  margin: var(--space-xs);
}

.checkbox-label input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  height: 20px;
  width: 20px;
  background-color: var(--color-white);
  border: 2px solid var(--color-contrast-lower);
  border-radius: var(--radius-sm);
  position: relative;
  transition: all 0.2s ease;
}

.checkbox-label:hover input ~ .checkmark {
  border-color: var(--color-primary);
}

.checkbox-label input:checked ~ .checkmark {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.checkbox-label input:checked ~ .checkmark:after {
  display: block;
}

.checkbox-label .checkmark:after {
  left: 6px;
  top: 2px;
  width: 6px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}