* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }

body, main, #mainContainer, #meatAndPotatoes, .contentContainer {
    transition: all 0.3s ease-out !important;
}
html, body { overflow-x: hidden; cursor: default; background-color: #000000; }
body { width: 100%; position: relative; display: block; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; color: #ffffff; font-family: 'Open Sans';
  --c1: #000000;
  --c2: #0a0a0a;
  --size: 4vw;
  --angle: 135deg;

  background: repeating-linear-gradient(
    var(--angle),
    var(--c1) 0,
    var(--c1) var(--size),
    var(--c2) var(--size),
    var(--c2) calc(var(--size) * 2)
  );
}
h1, h2, h3, h4, h5, h6 { float: left; width: 100%; position: relative; display: table; font-family: 'Headline'; line-height: 140%; margin: 0vw 0vw 2vw 0vw; padding: 0vw 0vw 0vw 0vw; }
h1 { font-size: 6vw; }
h2 { font-size: 5.5vw; }
h3 { font-size: 5vw; }
h4 { font-size: 4.5vw; }
h5 { font-size: 4vw; }
h6 { font-size: 3.5vw; }
p { float: left; width: 100%; position: relative; display: table; font-family: 'Open Sans'; font-size: 4vw; line-height: 140%; margin: 0vw 0vw 4vw 0vw; padding: 0vw 0vw 0vw 0vw; font-weight: normal; }
.fontBorder {
  text-shadow:
    -0.1vw -0.1vw 0 black,
     0.1vw -0.1vw 0 black,
    -0.1vw  0.1vw 0 black,
     0.1vw  0.1vw 0 black;
}
.fontBorder-thick {
  text-shadow:
    -0.2vw -0.2vw 0 black,
     0.2vw -0.2vw 0 black,
    -0.2vw  0.2vw 0 black,
     0.2vw  0.2vw 0 black;
}
label, li { font-family: 'Open Sans'; font-size: 4vw; line-height: 140%; font-weight: bolder; }
label:hover { cursor: pointer; }

a, a:link, a:visited, a:hover, li, li:hover, input[type="submit"], input[type="submit"]:hover, .simulateSubmit, .simulateSubmit:link, .simulateSubmit:visited, .simulateSubmit:active, .simulateSubmit:focus, button, button[type="submit"], span, span:hover { transition: all 0.3s ease; }

.ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.uppercase { text-transform: uppercase; }
.bold { font-weight: bolder; }
.borderRadius { border-radius: 2vw; }

.needTopMargin { margin: 6vw auto 0vw auto !important; }
.needBottomMargin { margin: 0vw 0vw 6vw 0vw !important; }

.needTopPadding { padding: 6vw auto 0vw auto !important; }
.needBottomPadding { padding: 0vw 0vw 6vw 0vw !important; }

.needBothMargin { margin: 7vw auto 5vw auto !important; }
.needBothPadding { padding: 7vw 0vw 5vw 0vw; }

.subButtons { float: left; width: 100%; position: relative; display: table; margin: 6vw auto 6vw auto; padding: 0vw 0vw 0vw 0vw; }

.opacitySeventyFive { opacity: 0.75; }
.opacityFifty { opacity: 0.5; }

hr { float: left; width: 100%; position: relative; display: table; margin: 0vw 0vw 4vw 0vw; padding: 0vw; height: 0vw; background: transparent; border-top: 0.25vw solid #4b5563; border-right: 0vw solid; border-bottom: 0vw solid; border-left: 0vw solid; }
.hrExtraAbove { margin: 4vw 0vw 4vw 0vw; }

ul { list-style-type: none; margin: 0vw auto 4vw auto; padding: 0vw 0vw 0vw 0vw; }

fieldset { float: left; width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; border: 0vw solid; }
fieldset legend { float: left; width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }

.hiddenForm, .hiddenDiv { display: none; }

/* root font colors — dark theme optimized */
.red, #passwordHelp.invalid, #confirmHelp.invalid { color: #f43f5e; }   /* alert, error, config NOPE */
.orange-darker { color: #4a1505; }   /* deep burn, heavy weight, config INTENSE */
.orange-dark { color: #7f2a0f; }   /* smolder, grounded warmth, config SERIOUS */
.orange { color: #e07f32; }   /* arcade, games, action, config PLAY */
.orange-light { color: #f0a060; }   /* friendly glow, approachable, config WARM */
.orange-lighter { color: #fac898; }   /* soft highlight, subtle accent, config GENTLE */
.coral-darker { color: #b91c3b; }
.coral-dark { color: #e11d48; }
.coral { color: #fb7185; }   /* friendly, social, config JOIN */
.coral-light { color: #fda4af; }
.coral-lighter { color: #fecdd3; }
.yellow { color: #e6c637; }   /* highlight, attention, config LOOK */
.green-darker { color: #14532d; }
.green-dark { color: #15803d; }
.green, #passwordHelp.valid, #confirmHelp.valid { color: #5cb85c; }
.green-light { color: #86efac; }
.green-lighter { color: #bbf7d0; }
.lime { color: #84cc16; }   /* vitality, play, config JOIN */
.blue-darker { color: #1a3478; }
.blue-dark { color: #2563eb; }
.blue   { color: #4f94e0; }   /* calm, trust, config FEELS */
.blue-light { color: #93c5fd; }
.blue-lighter { color: #bfdbfe; }
.teal-deep { color: #0b3c38; }
.teal-darker { color: #115e59 !important; }
.teal-dark { color: #0d9488 !important; }
.teal { color: #2dd4bf !important; }   /* connection, collaboration, config JOIN */
.teal-light { color: #5eead4 !important; }
.teal-lighter { color: #99f6e4 !important; }
.cyan { color: #22d3ee; }   /* fresh, inviting, config JOIN */
.purple { color: #a86ae4; }   /* rarity, magic, config SPECIAL */
.black { color: #000000; }
.gray-light, .light-gray { color: #ffffff; opacity: 0.75 !important; }
.gray   { color: #ffffff; opacity: 0.5 !important; } /* ambient, whisper, config ACCENT */
.charcoal { color: #2a2a2a; }
.brown { color: #8b4513; }   /* earthy, grounded, config STABLE */
.tan { color: #a0826d; }   /* warm, natural, config COMFORT */
.pink { color: #ec4899; }   /* playful, energetic, config FUN */
.magenta { color: #d946ef; }   /* vibrant, bold, config WILD */
.crimson { color: #dc2626; }   /* intense, powerful, config FIERCE */
.gold { color: #f59e0b; }   /* prestige, wealth, config ELITE */
.navy { color: #1e3a8a; }   /* deep, professional, config SERIOUS */
.emerald { color: #10b981; }   /* rich, luxurious, config PREMIUM */
.white { color: #ffffff; }   /* pure, clean, config CLEAR */

.bg-red {
  background: linear-gradient(145deg, #d93752, #7f1616) !important;
  color: #fff;
}

.bg-orange-darker {
  background: linear-gradient(145deg, #7f2a0f, #4a1505) !important;
  color: #fff;
}

.bg-orange-dark {
  background: linear-gradient(145deg, #b85a1a, #7f2a0f) !important;
  color: #fff;
}

.bg-orange {
  background: linear-gradient(145deg, #e07f32, #7f2a0f) !important;
  color: #fff;
}

.bg-orange-light {
  background: linear-gradient(145deg, #f0a060, #e07f32) !important;
  color: #fff;
}

.bg-orange-lighter {
  background: linear-gradient(145deg, #fac898, #f0a060) !important;
  color: #fff;
}

.bg-coral-darker { background: linear-gradient(145deg, #b91c3b, #7f1027) !important; color: #fff; }
.bg-coral-dark { background: linear-gradient(145deg, #e11d48, #9f1239) !important; color: #fff; }
.bg-coral {
  background: linear-gradient(145deg, #fb7185, #9f1239) !important;
  color: #fff;
}
.bg-coral-light { background: linear-gradient(145deg, #fda4af, #fb7185) !important; color: #fff; }
.bg-coral-lighter { background: linear-gradient(145deg, #fecdd3, #fda4af) !important; color: #fff; }

.bg-yellow {
  background: linear-gradient(145deg, #e6c637, #78350f) !important;
  color: #fff;
}

.bg-green-darker { background: linear-gradient(145deg, #14532d, #0c3a1f) !important; color: #fff; }
.bg-green-dark { background: linear-gradient(145deg, #15803d, #14532d) !important; color: #fff; }
.bg-green {
  background: linear-gradient(145deg, #34c46a, #14532d) !important;
  color: #fff;
}
.bg-green-light { background: linear-gradient(145deg, #86efac, #34c46a) !important; color: #fff; }
.bg-green-lighter { background: linear-gradient(145deg, #bbf7d0, #86efac) !important; color: #fff; }

.bg-lime {
  background: linear-gradient(145deg, #84cc16, #365314) !important;
  color: #fff;
}

.bg-blue-darker { background: linear-gradient(145deg, #1a3478, #10204d) !important; color: #fff; }
.bg-blue-dark { background: linear-gradient(145deg, #2563eb, #1a3478) !important; color: #fff; }
.bg-blue {
  background: linear-gradient(145deg, #4f94e0, #1a3478) !important;
  color: #fff;
}
.bg-blue-light { background: linear-gradient(145deg, #93c5fd, #4f94e0) !important; color: #fff; }
.bg-blue-lighter { background: linear-gradient(145deg, #bfdbfe, #93c5fd) !important; color: #fff; }

.bg-cyan {
  background: linear-gradient(145deg, #22d3ee, #0e7490) !important;
  color: #fff;
}

.bg-teal-deep { background: linear-gradient(145deg, #0b3c38, #062c29) !important; color: #fff; }
.bg-teal-darker { background: linear-gradient(145deg, #115e59, #0b3c38) !important; color: #fff; }
.bg-teal-dark { background: linear-gradient(145deg, #0d9488, #0f766e) !important; color: #fff; }
.bg-teal {
  background: linear-gradient(145deg, #2dd4bf, #0f766e) !important;
  color: #fff;
}
.bg-teal-light { background: linear-gradient(145deg, #5eead4, #2dd4bf) !important; color: #fff; }
.bg-teal-lighter { background: linear-gradient(145deg, #99f6e4, #5eead4) !important; color: #fff; }

.bg-purple {
  background: linear-gradient(145deg, #a86ae4, #4a176f) !important;
  color: #fff;
}

.bg-indigo { 
  background: linear-gradient(145deg, #6366f1, #312e81) !important; 
  color: #fff; 
}

.bg-indigo-light { 
  background: linear-gradient(145deg, #818cf8, #6366f1) !important; 
  color: #fff; 
}

.bg-indigo-lighter { 
  background: linear-gradient(145deg, #a5b4fc, #818cf8) !important; 
  color: #fff; 
}

.bg-indigo-dark { 
  background: linear-gradient(145deg, #312e81, #1e1b4b) !important; 
  color: #fff; 
}

.bg-indigo-darker { 
  background: linear-gradient(145deg, #1e1b4b, #0f0e27) !important; 
  color: #fff; 
}

.bg-gray {
  background: linear-gradient(145deg, #4b5563, #1f2937) !important;
  color: #fff;
}

.bg-glass {
  background: linear-gradient(145deg, rgba(75, 85, 99, 0.75), rgba(31, 41, 55, 0.75)) !important;
  color: #fff;
}

.bg-ultra-glass {
  background: linear-gradient(145deg, rgba(75, 85, 99, 0.15), rgba(31, 41, 55, 0.15)) !important;
  color: #fff;
}

.bg-black {
	background: linear-gradient(145deg, #2e2e2e, #000000) !important; color: #fff;
}

.bg-charcoal {
	background: linear-gradient(145deg, #3a3a3a, #1a1a1a) !important; color: #fff;
}

.bg-brown {
  background: linear-gradient(145deg, #8b4513, #3e2723) !important;
  color: #fff;
}

.bg-tan {
  background: linear-gradient(145deg, #a0826d, #5d4e37) !important;
  color: #fff;
}

.bg-pink {
  background: linear-gradient(145deg, #ec4899, #831843) !important;
  color: #fff;
}

.bg-magenta {
  background: linear-gradient(145deg, #d946ef, #701a75) !important;
  color: #fff;
}

.bg-crimson {
  background: linear-gradient(145deg, #dc2626, #7f1d1d) !important;
  color: #fff;
}

.bg-gold {
  background: linear-gradient(145deg, #ffe566, #92400e) !important;
  color: #fff;
}

.bg-silver {
  background: linear-gradient(145deg, #6b7f94, #2a3a4a) !important;
  color: #fff;
}
.bg-bronze {
  background: linear-gradient(145deg, #a0632a, #4a2010) !important;
  color: #fff;
}

.bg-navy {
  background: linear-gradient(145deg, #1e3a8a, #0c1844) !important;
  color: #fff;
}

.bg-emerald {
  background: linear-gradient(145deg, #10b981, #065f46) !important;
  color: #fff;
}

.bg-white {
  background: linear-gradient(145deg, #ffffff, #d1d5db) !important;
  color: #111;
}

.bg-offwhite {
    background: linear-gradient(145deg, #f0f0f0, #b8bcc4) !important;
    color: #111;
}

.bg-offwhite-forinvert {
    background: linear-gradient(145deg, #b8bcc4, #f0f0f0) !important;
    color: #111;
}

/* ================================
   SELECTED STATE BG VARIANTS
   Pair with matching border-x.selected
   for full selected treatment.
================================ */

.bg-red.selected { background: linear-gradient(145deg, #b85555, #5f1010) !important; }

.bg-orange-darker.selected { background: linear-gradient(145deg, #8a4313, #5f1f0a) !important; }
.bg-orange-dark.selected { background: linear-gradient(145deg, #a85f25, #8a4313) !important; }
.bg-orange.selected { background: linear-gradient(145deg, #b06048, #5f1f0a) !important; }
.bg-orange-light.selected { background: linear-gradient(145deg, #bb7848, #b06048) !important; }
.bg-orange-lighter.selected { background: linear-gradient(145deg, #be9648, #bb7848) !important; }

.bg-coral-darker.selected { background: linear-gradient(145deg, #a8152c, #8a0c1f) !important; }
.bg-coral-dark.selected { background: linear-gradient(145deg, #bc5463, #a8152c) !important; }
.bg-coral.selected { background: linear-gradient(145deg, #be7b83, #bc5463) !important; }
.bg-coral-light.selected { background: linear-gradient(145deg, #be9ba3, #be7b83) !important; }
.bg-coral-lighter.selected { background: linear-gradient(145deg, #bfb49e, #be9ba3) !important; }

.bg-yellow.selected { background: linear-gradient(145deg, #beab29, #5a280b) !important; }

.bg-green-darker.selected { background: linear-gradient(145deg, #0f3e22, #093018) !important; }
.bg-green-dark.selected { background: linear-gradient(145deg, #27934f, #0f3e22) !important; }
.bg-green.selected { background: linear-gradient(145deg, #64b381, #27934f) !important; }
.bg-green-light.selected { background: linear-gradient(145deg, #8db981, #64b381) !important; }
.bg-green-lighter.selected { background: linear-gradient(145deg, #a5be98, #8db981) !important; }

.bg-lime.selected { background: linear-gradient(145deg, #639910, #273d0f) !important; }

.bg-blue-darker.selected { background: linear-gradient(145deg, #132756, #0c1839) !important; }
.bg-blue-dark.selected { background: linear-gradient(145deg, #1c4ab0, #132756) !important; }
.bg-blue.selected { background: linear-gradient(145deg, #3b6fa8, #1c4ab0) !important; }
.bg-blue-light.selected { background: linear-gradient(145deg, #6e94be, #3b6fa8) !important; }
.bg-blue-lighter.selected { background: linear-gradient(145deg, #8fa4be, #6e94be) !important; }

.bg-cyan.selected { background: linear-gradient(145deg, #4daeb3, #0a5769) !important; }

.bg-teal-deep.selected { background: linear-gradient(145deg, #082d2a, #04211e) !important; }
.bg-teal-darker.selected { background: linear-gradient(145deg, #0d4743, #082d2a) !important; }
.bg-teal-dark.selected { background: linear-gradient(145deg, #0a6f65, #0d5a53) !important; }
.bg-teal.selected { background: linear-gradient(145deg, #229f8f, #0a6f65) !important; }
.bg-teal-light.selected { background: linear-gradient(145deg, #47b09f, #229f8f) !important; }
.bg-teal-lighter.selected { background: linear-gradient(145deg, #99bcb5, #47b09f) !important; }

.bg-purple.selected { background: linear-gradient(145deg, #9050be, #7a3ab0) !important; }

.bg-indigo.selected { background: linear-gradient(145deg, #6164b4, #4a4ab0) !important; }
.bg-indigo-light.selected { background: linear-gradient(145deg, #7b85be, #6164b4) !important; }
.bg-indigo-lighter.selected { background: linear-gradient(145deg, #9ba3be, #7b85be) !important; }
.bg-indigo-dark.selected { background: linear-gradient(145deg, #4a4ab0, #25246a) !important; }
.bg-indigo-darker.selected { background: linear-gradient(145deg, #25246a, #120f38) !important; }

.bg-gray.selected { background: linear-gradient(145deg, #757c83, #384148) !important; }
.bg-glass.selected { background: linear-gradient(145deg, rgba(117, 124, 131, 0.75), rgba(56, 65, 72, 0.75)) !important; }
.bg-ultra-glass.selected { background: linear-gradient(145deg, rgba(117, 124, 131, 0.15), rgba(56, 65, 72, 0.15)) !important; }

.bg-black.selected { background: linear-gradient(145deg, #383f47, #232323) !important; }
.bg-charcoal.selected { background: linear-gradient(145deg, #505560, #2c2c2c) !important; }

.bg-brown.selected { background: linear-gradient(145deg, #935b2b, #682f0e) !important; }
.bg-tan.selected { background: linear-gradient(145deg, #937e62, #785851) !important; }

.bg-pink.selected { background: linear-gradient(145deg, #be7e9f, #be2870) !important; }
.bg-magenta.selected { background: linear-gradient(145deg, #ae5bbe, #a334b3) !important; }
.bg-crimson.selected { background: linear-gradient(145deg, #be5454, #a31c1c) !important; }

.bg-gold.selected { background: linear-gradient(145deg, #be7708, #5a270b) !important; }
.bg-silver.selected { background: linear-gradient(145deg, #a0aec0, #4a5568) !important; }
.bg-bronze.selected { background: linear-gradient(145deg, #a05f28, #4a2010) !important; }

.bg-navy.selected { background: linear-gradient(145deg, #2c4790, #162b68) !important; }
.bg-emerald.selected { background: linear-gradient(145deg, #278b61, #04472f) !important; }

.bg-white.selected { background: linear-gradient(145deg, #bfbfbf, #b6b8bc) !important; }
.bg-offwhite.selected { background: linear-gradient(145deg, #b4b4b4, #b4b6b8) !important; }
.bg-offwhite-forinvert.selected { background: linear-gradient(145deg, #b4b6b8, #bfbfbf) !important; }

.border-red {
  border-top: 0.25vw solid #d93752;
  border-left: 0.25vw solid #d93752;
  border-bottom: 0.25vw solid #7f1616;
  border-right: 0.25vw solid #7f1616;
}

.border-orange-darker { border-top: 0.25vw solid #7f2a0f; border-left: 0.25vw solid #7f2a0f; border-bottom: 0.25vw solid #4a1505; border-right: 0.25vw solid #4a1505; }
.border-orange-dark { border-top: 0.25vw solid #b85a1a; border-left: 0.25vw solid #b85a1a; border-bottom: 0.25vw solid #7f2a0f; border-right: 0.25vw solid #7f2a0f; }
.border-orange {
  border-top: 0.25vw solid #e07f32;
  border-left: 0.25vw solid #e07f32;
  border-bottom: 0.25vw solid #7f2a0f;
  border-right: 0.25vw solid #7f2a0f;
}
.border-orange-light { border-top: 0.25vw solid #f0a060; border-left: 0.25vw solid #f0a060; border-bottom: 0.25vw solid #e07f32; border-right: 0.25vw solid #e07f32; }
.border-orange-lighter { border-top: 0.25vw solid #fac898; border-left: 0.25vw solid #fac898; border-bottom: 0.25vw solid #f0a060; border-right: 0.25vw solid #f0a060; }

.border-coral-darker { border-top: 0.25vw solid #b91c3b; border-left: 0.25vw solid #b91c3b; border-bottom: 0.25vw solid #7f1027; border-right: 0.25vw solid #7f1027; }
.border-coral-dark { border-top: 0.25vw solid #e11d48; border-left: 0.25vw solid #e11d48; border-bottom: 0.25vw solid #9f1239; border-right: 0.25vw solid #9f1239; }
.border-coral {
  border-top: 0.25vw solid #fb7185;
  border-left: 0.25vw solid #fb7185;
  border-bottom: 0.25vw solid #9f1239;
  border-right: 0.25vw solid #9f1239;
}
.border-coral-light { border-top: 0.25vw solid #fda4af; border-left: 0.25vw solid #fda4af; border-bottom: 0.25vw solid #fb7185; border-right: 0.25vw solid #fb7185; }
.border-coral-lighter { border-top: 0.25vw solid #fecdd3; border-left: 0.25vw solid #fecdd3; border-bottom: 0.25vw solid #fda4af; border-right: 0.25vw solid #fda4af; }

.border-yellow {
  border-top: 0.25vw solid #e6c637;
  border-left: 0.25vw solid #e6c637;
  border-bottom: 0.25vw solid #78350f;
  border-right: 0.25vw solid #78350f;
}
/* I don't think this is used
.border-gold {
  border-top: 0.25vw solid #ffe566;
  border-left: 0.25vw solid #ffe566;
  border-bottom: 0.25vw solid #92400e;
  border-right: 0.25vw solid #92400e;
}
*/
.border-silver {
  border-top: 0.25vw solid #6b7f94;
  border-left: 0.25vw solid #6b7f94;
  border-bottom: 0.25vw solid #2a3a4a;
  border-right: 0.25vw solid #2a3a4a;
}

.border-bronze {
  border-top: 0.25vw solid #a0632a;
  border-left: 0.25vw solid #a0632a;
  border-bottom: 0.25vw solid #4a2010;
  border-right: 0.25vw solid #4a2010;
}

.border-green-darker { border-top: 0.25vw solid #14532d; border-left: 0.25vw solid #14532d; border-bottom: 0.25vw solid #0c3a1f; border-right: 0.25vw solid #0c3a1f; }
.border-green-dark { border-top: 0.25vw solid #15803d; border-left: 0.25vw solid #15803d; border-bottom: 0.25vw solid #14532d; border-right: 0.25vw solid #14532d; }
.border-green, input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, select:focus, input[type="number"]:focus {
  border-top: 0.25vw solid #34c46a;
  border-left: 0.25vw solid #34c46a;
  border-bottom: 0.25vw solid #14532d;
  border-right: 0.25vw solid #14532d;
}
.border-green-light { border-top: 0.25vw solid #86efac; border-left: 0.25vw solid #86efac; border-bottom: 0.25vw solid #34c46a; border-right: 0.25vw solid #34c46a; }
.border-green-lighter { border-top: 0.25vw solid #bbf7d0; border-left: 0.25vw solid #bbf7d0; border-bottom: 0.25vw solid #86efac; border-right: 0.25vw solid #86efac; }

input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, select:focus, select:active, div.checkboxGroup label:focus, div.checkboxGroup label:active, textarea:focus, input[type="number"], input[type="datetime-local"]:focus {
  border-top: 0.25vw solid #34c46a !important;
  border-left: 0.25vw solid #34c46a !important;
  border-bottom: 0.25vw solid #14532d !important;
  border-right: 0.25vw solid #14532d !important;
}

.border-lime {
  border-top: 0.25vw solid #84cc16;
  border-left: 0.25vw solid #84cc16;
  border-bottom: 0.25vw solid #365314;
  border-right: 0.25vw solid #365314;
}

.border-blue-darker { border-top: 0.25vw solid #1a3478; border-left: 0.25vw solid #1a3478; border-bottom: 0.25vw solid #10204d; border-right: 0.25vw solid #10204d; }
.border-blue-dark { border-top: 0.25vw solid #2563eb; border-left: 0.25vw solid #2563eb; border-bottom: 0.25vw solid #1a3478; border-right: 0.25vw solid #1a3478; }
.border-blue {
  border-top: 0.25vw solid #4f94e0;
  border-left: 0.25vw solid #4f94e0;
  border-bottom: 0.25vw solid #1a3478;
  border-right: 0.25vw solid #1a3478;
}
.border-blue-light { border-top: 0.25vw solid #93c5fd; border-left: 0.25vw solid #93c5fd; border-bottom: 0.25vw solid #4f94e0; border-right: 0.25vw solid #4f94e0; }
.border-blue-lighter { border-top: 0.25vw solid #bfdbfe; border-left: 0.25vw solid #bfdbfe; border-bottom: 0.25vw solid #93c5fd; border-right: 0.25vw solid #93c5fd; }

.border-teal-deep { border-top: 0.25vw solid #0b3c38; border-left: 0.25vw solid #0b3c38; border-bottom: 0.25vw solid #062c29; border-right: 0.25vw solid #062c29; }
.border-teal-darker { border-top: 0.25vw solid #115e59; border-left: 0.25vw solid #115e59; border-bottom: 0.25vw solid #0b3c38; border-right: 0.25vw solid #0b3c38; }
.border-teal-dark { border-top: 0.25vw solid #0d9488; border-left: 0.25vw solid #0d9488; border-bottom: 0.25vw solid #0f766e; border-right: 0.25vw solid #0f766e; }
.border-teal {
  border-top: 0.25vw solid #2dd4bf;
  border-left: 0.25vw solid #2dd4bf;
  border-bottom: 0.25vw solid #0f766e;
  border-right: 0.25vw solid #0f766e;
}
.border-teal-light { border-top: 0.25vw solid #5eead4; border-left: 0.25vw solid #5eead4; border-bottom: 0.25vw solid #2dd4bf; border-right: 0.25vw solid #2dd4bf; }
.border-teal-lighter { border-top: 0.25vw solid #99f6e4; border-left: 0.25vw solid #99f6e4; border-bottom: 0.25vw solid #5eead4; border-right: 0.25vw solid #5eead4; }

.border-cyan {
  border-top: 0.25vw solid #22d3ee;
  border-left: 0.25vw solid #22d3ee;
  border-bottom: 0.25vw solid #0e7490;
  border-right: 0.25vw solid #0e7490;
}

.border-purple {
  border-top: 0.25vw solid #a86ae4;
  border-left: 0.25vw solid #a86ae4;
  border-bottom: 0.25vw solid #4a176f;
  border-right: 0.25vw solid #4a176f;
}

.border-indigo { 
  border-top: 0.25vw solid #6366f1; 
  border-left: 0.25vw solid #6366f1; 
  border-bottom: 0.25vw solid #312e81; 
  border-right: 0.25vw solid #312e81; 
}

.border-indigo { 
  border-top: 0.25vw solid #6366f1; 
  border-left: 0.25vw solid #6366f1; 
  border-bottom: 0.25vw solid #312e81; 
  border-right: 0.25vw solid #312e81; 
}

.border-indigo-light { 
  border-top: 0.25vw solid #818cf8; 
  border-left: 0.25vw solid #818cf8; 
  border-bottom: 0.25vw solid #6366f1; 
  border-right: 0.25vw solid #6366f1; 
}

.border-indigo-lighter { 
  border-top: 0.25vw solid #a5b4fc; 
  border-left: 0.25vw solid #a5b4fc; 
  border-bottom: 0.25vw solid #818cf8; 
  border-right: 0.25vw solid #818cf8; 
}

.border-indigo-dark { 
  border-top: 0.25vw solid #312e81; 
  border-left: 0.25vw solid #312e81; 
  border-bottom: 0.25vw solid #1e1b4b; 
  border-right: 0.25vw solid #1e1b4b; 
}

.border-indigo-darker { 
  border-top: 0.25vw solid #1e1b4b; 
  border-left: 0.25vw solid #1e1b4b; 
  border-bottom: 0.25vw solid #0f0e27; 
  border-right: 0.25vw solid #0f0e27; 
}

.border-gray {
  border-top: 0.25vw solid #4b5563;
  border-left: 0.25vw solid #4b5563;
  border-bottom: 0.25vw solid #1f2937;
  border-right: 0.25vw solid #1f2937;
}

.border-glass {
  border-top: 0.25vw solid #4b5563;
  border-left: 0.25vw solid #4b5563;
  border-bottom: 0.25vw solid #1f2937;
  border-right: 0.25vw solid #1f2937;
}

.border-ultra-glass {
  border-top: 0.25vw solid rgba(75, 85, 99, 0.3);
  border-left: 0.25vw solid rgba(75, 85, 99, 0.3);
  border-bottom: 0.25vw solid rgba(31, 41, 55, 0.3);
  border-right: 0.25vw solid rgba(31, 41, 55, 0.3);
}

.border-black {
	border-top: 0.25vw solid #2e2e2e; border-left: 0.25vw solid #2e2e2e; border-bottom: 0.25vw solid #000000; border-right: 0.25vw solid #000000;
}

.border-charcoal {
	border-top: 0.25vw solid #3a3a3a; border-left: 0.25vw solid #3a3a3a; border-bottom: 0.25vw solid #1a1a1a; border-right: 0.25vw solid #1a1a1a;
}

.border-brown {
  border-top: 0.25vw solid #8b4513;
  border-left: 0.25vw solid #8b4513;
  border-bottom: 0.25vw solid #3e2723;
  border-right: 0.25vw solid #3e2723;
}

.border-tan {
  border-top: 0.25vw solid #a0826d;
  border-left: 0.25vw solid #a0826d;
  border-bottom: 0.25vw solid #5d4e37;
  border-right: 0.25vw solid #5d4e37;
}

.border-pink {
  border-top: 0.25vw solid #ec4899;
  border-left: 0.25vw solid #ec4899;
  border-bottom: 0.25vw solid #831843;
  border-right: 0.25vw solid #831843;
}

.border-magenta {
  border-top: 0.25vw solid #d946ef;
  border-left: 0.25vw solid #d946ef;
  border-bottom: 0.25vw solid #701a75;
  border-right: 0.25vw solid #701a75;
}

.border-crimson {
  border-top: 0.25vw solid #dc2626;
  border-left: 0.25vw solid #dc2626;
  border-bottom: 0.25vw solid #7f1d1d;
  border-right: 0.25vw solid #7f1d1d;
}

.border-gold {
  border-top: 0.25vw solid #f59e0b;
  border-left: 0.25vw solid #f59e0b;
  border-bottom: 0.25vw solid #78350f;
  border-right: 0.25vw solid #78350f;
}

.border-navy {
  border-top: 0.25vw solid #1e3a8a;
  border-left: 0.25vw solid #1e3a8a;
  border-bottom: 0.25vw solid #0c1844;
  border-right: 0.25vw solid #0c1844;
}

.border-emerald {
  border-top: 0.25vw solid #10b981;
  border-left: 0.25vw solid #10b981;
  border-bottom: 0.25vw solid #065f46;
  border-right: 0.25vw solid #065f46;
}

.border-white {
  border-top: 0.25vw solid #ffffff;
  border-left: 0.25vw solid #ffffff;
  border-bottom: 0.25vw solid #d1d5db;
  border-right: 0.25vw solid #d1d5db;
}

.border-offwhite {
    border-top: 0.25vw solid #f0f0f0;
    border-left: 0.25vw solid #f0f0f0;
    border-bottom: 0.25vw solid #b8bcc4;
    border-right: 0.25vw solid #b8bcc4;
}

.border-offwhite-forinvert {
    border-top: 0.25vw solid #b8bcc4;
    border-left: 0.25vw solid #b8bcc4;
    border-bottom: 0.25vw solid #f0f0f0;
    border-right: 0.25vw solid #f0f0f0;
}

/* ================================
   SELECTED STATE VARIANTS
   Works on any element using a
   border- class. Use alongside
   the matching bg- class for best
   results.
================================ */

.border-red.selected { border-top: 0.25vw solid #ff6b7a; border-left: 0.25vw solid #ff6b7a; border-bottom: 0.25vw solid #d93752; border-right: 0.25vw solid #d93752; }

.border-orange-darker.selected { border-top: 0.25vw solid #b85a1a; border-left: 0.25vw solid #b85a1a; border-bottom: 0.25vw solid #7f2a0f; border-right: 0.25vw solid #7f2a0f; }
.border-orange-dark.selected { border-top: 0.25vw solid #e07f32; border-left: 0.25vw solid #e07f32; border-bottom: 0.25vw solid #b85a1a; border-right: 0.25vw solid #b85a1a; }
.border-orange.selected { border-top: 0.25vw solid #f0a060; border-left: 0.25vw solid #f0a060; border-bottom: 0.25vw solid #e07f32; border-right: 0.25vw solid #e07f32; }
.border-orange-light.selected { border-top: 0.25vw solid #fac898; border-left: 0.25vw solid #fac898; border-bottom: 0.25vw solid #f0a060; border-right: 0.25vw solid #f0a060; }
.border-orange-lighter.selected { border-top: 0.25vw solid #fde0c0; border-left: 0.25vw solid #fde0c0; border-bottom: 0.25vw solid #fac898; border-right: 0.25vw solid #fac898; }

.border-coral-darker.selected { border-top: 0.25vw solid #e11d48; border-left: 0.25vw solid #e11d48; border-bottom: 0.25vw solid #b91c3b; border-right: 0.25vw solid #b91c3b; }
.border-coral-dark.selected { border-top: 0.25vw solid #fb7185; border-left: 0.25vw solid #fb7185; border-bottom: 0.25vw solid #e11d48; border-right: 0.25vw solid #e11d48; }
.border-coral.selected { border-top: 0.25vw solid #fda4af; border-left: 0.25vw solid #fda4af; border-bottom: 0.25vw solid #fb7185; border-right: 0.25vw solid #fb7185; }
.border-coral-light.selected { border-top: 0.25vw solid #fecdd3; border-left: 0.25vw solid #fecdd3; border-bottom: 0.25vw solid #fda4af; border-right: 0.25vw solid #fda4af; }
.border-coral-lighter.selected { border-top: 0.25vw solid #fff0f2; border-left: 0.25vw solid #fff0f2; border-bottom: 0.25vw solid #fecdd3; border-right: 0.25vw solid #fecdd3; }

.border-yellow.selected { border-top: 0.25vw solid #fde68a; border-left: 0.25vw solid #fde68a; border-bottom: 0.25vw solid #e6c637; border-right: 0.25vw solid #e6c637; }

.border-green-darker.selected { border-top: 0.25vw solid #15803d; border-left: 0.25vw solid #15803d; border-bottom: 0.25vw solid #14532d; border-right: 0.25vw solid #14532d; }
.border-green-dark.selected { border-top: 0.25vw solid #34c46a; border-left: 0.25vw solid #34c46a; border-bottom: 0.25vw solid #15803d; border-right: 0.25vw solid #15803d; }
.border-green.selected { border-top: 0.25vw solid #86efac; border-left: 0.25vw solid #86efac; border-bottom: 0.25vw solid #34c46a; border-right: 0.25vw solid #34c46a; }
.border-green-light.selected { border-top: 0.25vw solid #bbf7d0; border-left: 0.25vw solid #bbf7d0; border-bottom: 0.25vw solid #86efac; border-right: 0.25vw solid #86efac; }
.border-green-lighter.selected { border-top: 0.25vw solid #dcfce7; border-left: 0.25vw solid #dcfce7; border-bottom: 0.25vw solid #bbf7d0; border-right: 0.25vw solid #bbf7d0; }

.border-lime.selected { border-top: 0.25vw solid #bef264; border-left: 0.25vw solid #bef264; border-bottom: 0.25vw solid #84cc16; border-right: 0.25vw solid #84cc16; }

.border-blue-darker.selected { border-top: 0.25vw solid #2563eb; border-left: 0.25vw solid #2563eb; border-bottom: 0.25vw solid #1a3478; border-right: 0.25vw solid #1a3478; }
.border-blue-dark.selected { border-top: 0.25vw solid #4f94e0; border-left: 0.25vw solid #4f94e0; border-bottom: 0.25vw solid #2563eb; border-right: 0.25vw solid #2563eb; }
.border-blue.selected { border-top: 0.25vw solid #93c5fd; border-left: 0.25vw solid #93c5fd; border-bottom: 0.25vw solid #4f94e0; border-right: 0.25vw solid #4f94e0; }
.border-blue-light.selected { border-top: 0.25vw solid #bfdbfe; border-left: 0.25vw solid #bfdbfe; border-bottom: 0.25vw solid #93c5fd; border-right: 0.25vw solid #93c5fd; }
.border-blue-lighter.selected { border-top: 0.25vw solid #dbeafe; border-left: 0.25vw solid #dbeafe; border-bottom: 0.25vw solid #bfdbfe; border-right: 0.25vw solid #bfdbfe; }

.border-teal-deep.selected { border-top: 0.25vw solid #0b3c38; border-left: 0.25vw solid #0b3c38; border-bottom: 0.25vw solid #062c29; border-right: 0.25vw solid #062c29; }
.border-teal-darker.selected { border-top: 0.25vw solid #0d9488; border-left: 0.25vw solid #0d9488; border-bottom: 0.25vw solid #115e59; border-right: 0.25vw solid #115e59; }
.border-teal-dark.selected { border-top: 0.25vw solid #2dd4bf; border-left: 0.25vw solid #2dd4bf; border-bottom: 0.25vw solid #0d9488; border-right: 0.25vw solid #0d9488; }
.border-teal.selected { border-top: 0.25vw solid #5eead4; border-left: 0.25vw solid #5eead4; border-bottom: 0.25vw solid #2dd4bf; border-right: 0.25vw solid #2dd4bf; }
.border-teal-light.selected { border-top: 0.25vw solid #99f6e4; border-left: 0.25vw solid #99f6e4; border-bottom: 0.25vw solid #5eead4; border-right: 0.25vw solid #5eead4; }
.border-teal-lighter.selected { border-top: 0.25vw solid #ccfbf1; border-left: 0.25vw solid #ccfbf1; border-bottom: 0.25vw solid #99f6e4; border-right: 0.25vw solid #99f6e4; }

.border-cyan.selected { border-top: 0.25vw solid #67e8f9; border-left: 0.25vw solid #67e8f9; border-bottom: 0.25vw solid #22d3ee; border-right: 0.25vw solid #22d3ee; }

.border-purple.selected { border-top: 0.25vw solid #c084fc; border-left: 0.25vw solid #c084fc; border-bottom: 0.25vw solid #a86ae4; border-right: 0.25vw solid #a86ae4; }

.border-indigo.selected { border-top: 0.25vw solid #818cf8; border-left: 0.25vw solid #818cf8; border-bottom: 0.25vw solid #6366f1; border-right: 0.25vw solid #6366f1; }
.border-indigo-light.selected { border-top: 0.25vw solid #a5b4fc; border-left: 0.25vw solid #a5b4fc; border-bottom: 0.25vw solid #818cf8; border-right: 0.25vw solid #818cf8; }
.border-indigo-lighter.selected { border-top: 0.25vw solid #c7d2fe; border-left: 0.25vw solid #c7d2fe; border-bottom: 0.25vw solid #a5b4fc; border-right: 0.25vw solid #a5b4fc; }
.border-indigo-dark.selected { border-top: 0.25vw solid #6366f1; border-left: 0.25vw solid #6366f1; border-bottom: 0.25vw solid #312e81; border-right: 0.25vw solid #312e81; }
.border-indigo-darker.selected { border-top: 0.25vw solid #312e81; border-left: 0.25vw solid #312e81; border-bottom: 0.25vw solid #1e1b4b; border-right: 0.25vw solid #1e1b4b; }

.border-gray.selected { border-top: 0.25vw solid #9ca3af; border-left: 0.25vw solid #9ca3af; border-bottom: 0.25vw solid #4b5563; border-right: 0.25vw solid #4b5563; }
.border-glass.selected { border-top: 0.25vw solid #9ca3af; border-left: 0.25vw solid #9ca3af; border-bottom: 0.25vw solid #4b5563; border-right: 0.25vw solid #4b5563; }

.border-black.selected { border-top: 0.25vw solid #4b5563; border-left: 0.25vw solid #4b5563; border-bottom: 0.25vw solid #2e2e2e; border-right: 0.25vw solid #2e2e2e; }
.border-charcoal.selected { border-top: 0.25vw solid #6b7280; border-left: 0.25vw solid #6b7280; border-bottom: 0.25vw solid #3a3a3a; border-right: 0.25vw solid #3a3a3a; }

.border-brown.selected { border-top: 0.25vw solid #c47a3a; border-left: 0.25vw solid #c47a3a; border-bottom: 0.25vw solid #8b4513; border-right: 0.25vw solid #8b4513; }
.border-tan.selected { border-top: 0.25vw solid #c4a882; border-left: 0.25vw solid #c4a882; border-bottom: 0.25vw solid #a0826d; border-right: 0.25vw solid #a0826d; }

.border-pink.selected { border-top: 0.25vw solid #f9a8d4; border-left: 0.25vw solid #f9a8d4; border-bottom: 0.25vw solid #ec4899; border-right: 0.25vw solid #ec4899; }
.border-magenta.selected { border-top: 0.25vw solid #e879f9; border-left: 0.25vw solid #e879f9; border-bottom: 0.25vw solid #d946ef; border-right: 0.25vw solid #d946ef; }
.border-crimson.selected { border-top: 0.25vw solid #f87171; border-left: 0.25vw solid #f87171; border-bottom: 0.25vw solid #dc2626; border-right: 0.25vw solid #dc2626; }

.border-gold.selected { border-top: 0.25vw solid #fcd34d; border-left: 0.25vw solid #fcd34d; border-bottom: 0.25vw solid #f59e0b; border-right: 0.25vw solid #f59e0b; }
.border-navy.selected { border-top: 0.25vw solid #3b5fc0; border-left: 0.25vw solid #3b5fc0; border-bottom: 0.25vw solid #1e3a8a; border-right: 0.25vw solid #1e3a8a; }
.border-emerald.selected { border-top: 0.25vw solid #34d399; border-left: 0.25vw solid #34d399; border-bottom: 0.25vw solid #10b981; border-right: 0.25vw solid #10b981; }

.border-white.selected { border-top: 0.25vw solid #ffffff; border-left: 0.25vw solid #ffffff; border-bottom: 0.25vw solid #e5e7eb; border-right: 0.25vw solid #e5e7eb; }
.border-offwhite.selected { border-top: 0.25vw solid #ffffff; border-left: 0.25vw solid #ffffff; border-bottom: 0.25vw solid #f0f0f0; border-right: 0.25vw solid #f0f0f0; }
.border-offwhite-forinvert.selected { border-top: 0.25vw solid #f0f0f0; border-left: 0.25vw solid #f0f0f0; border-bottom: 0.25vw solid #ffffff; border-right: 0.25vw solid #ffffff; }

/* Styles for notification buttons */
a.individual-notification-styles:link, a.individual-notification-styles:visited, a.individual-notification-styles:hover { text-transform: uppercase; font-size: 3vw; }

.bg-positive {
  background: linear-gradient(145deg, #4f94e0, #1a3478) !important;
  color: #fff;
}
.border-positive {
  border-top: 0.25vw solid #4f94e0;
  border-left: 0.25vw solid #4f94e0;
  border-bottom: 0.25vw solid #1a3478;
  border-right: 0.25vw solid #1a3478;
}

.bg-neutral {
  background: linear-gradient(145deg, #4b5563, #1f2937) !important;
  color: #fff;
}
.border-neutral {
  border-top: 0.25vw solid #4b5563;
  border-left: 0.25vw solid #4b5563;
  border-bottom: 0.25vw solid #1f2937;
  border-right: 0.25vw solid #1f2937;
}

.bg-negative {
  background: linear-gradient(145deg, #d93752, #7f1616) !important;
  color: #fff;
}
.border-negative {
  border-top: 0.25vw solid #d93752;
  border-left: 0.25vw solid #d93752;
  border-bottom: 0.25vw solid #7f1616;
  border-right: 0.25vw solid #7f1616;
}

.bg-warning {
  background: linear-gradient(145deg, #e07f32, #7f2a0f) !important;
  color: #fff;
}
.border-warning {
  border-top: 0.25vw solid #e07f32;
  border-left: 0.25vw solid #e07f32;
  border-bottom: 0.25vw solid #7f2a0f;
  border-right: 0.25vw solid #7f2a0f;
}

.bg-premium {
  background: linear-gradient(145deg, #a86ae4, #4a176f) !important;
  color: #fff;
}
.border-premium {
  border-top: 0.25vw solid #a86ae4;
  border-left: 0.25vw solid #a86ae4;
  border-bottom: 0.25vw solid #4a176f;
  border-right: 0.25vw solid #4a176f;
}

.small { font-size: 3vw !important; }

.xsmall { font-size: 2.5vw !important; }

.letterspacing-1 { letter-spacing: 0.1vw; }
.letterspacing-2 { letter-spacing: 0.2vw; }
.letterspacing-3 { letter-spacing: 0.3vw; }
.letterspacing-4 { letter-spacing: 0.4vw; }
.letterspacing-5 { letter-spacing: 0.5vw; }
.letterspacing-6 { letter-spacing: 0.6vw; }
.letterspacing-7 { letter-spacing: 0.7vw; }
.letterspacing-8 { letter-spacing: 0.8vw; }
.letterspacing-9 { letter-spacing: 0.9vw; }
.letterspacing-10 { letter-spacing: 1vw; }

small.warning {
    color: #ffa500 !important;
}

.invert { filter: invert(1); }

.mono { font-family: 'Bitstream' !important; }
.condensed { font-family: 'Open Sans Condensed' !important; }
.comic { font-family: 'Comic'; }
.textShadow { text-shadow: 0.5vw 0.5vw 2vw rgba(0, 0, 0, 0.75); }
.dropShadow { box-shadow: 1vw 1vw 2vw 0vw rgba(0, 0, 0, 0.5); }
.dropShadow-pinnedRight { box-shadow: -1vw 1vw 2vw 0vw rgba(0, 0, 0, 0.5); }

.zTop { z-index: 99999; }
.zMid { z-index: 5000; }
.zBot { z-index: 1; }

header, main, footer { opacity: 0; }
header { float: left; width: 100%; height: 13vw; position: fixed; top: 0vw; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; background-color: #111; z-index: 9000; }
div#headerContainer { float: left; width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; z-index: 8900; }
header div#logo { float: left; width: 65%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
header div#logo p { font-size: 1vw; }
header div#logo h1 { float: left; width: auto; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; top: 2.5vw; left: 4vw; }
header div#logo h1 a:link, header div#logo h1 a:visited { text-decoration: none; }
header div#logo h1 a:hover { text-decoration: none; }
header div#roomCode {
    float: left;
    width: 20%;
    position: relative;
    margin: 0;
    padding: 0;
    top: 1.1vw;
}

/* Box */
header div#roomCode ul {
    width: 100%; height: 10vw;
    margin: 0 auto;
    padding: 0.6vw 0 0.8vw 0; /* add a little vertical padding */
    list-style: none;
    text-align: center;
    background: linear-gradient(
        135deg,
        rgba(20, 20, 20, 0.6),
        rgba(10, 10, 10, 0.8),
        rgba(2, 2, 2, 0.95)
    );
    border-radius: 2vw;
    border-top: 0.25vw solid #000;
    border-right: 0.25vw solid #222;
    border-bottom: 0.25vw solid #222;
    border-left: 0.25vw solid #000;

    /* You don’t need table here; let it be block */
    display: block;
}

/* Items */
header div#roomCode ul li {
    width: 100%;
    margin: 0;
    padding: 0;
    /* no need for float/display:table here either */
    display: block;
}

/* Paragraphs */
header div#roomCode ul li p {
    margin: 0;
    padding: 0;
    display: block;
}

/* Label: "Room Code" */
header div#roomCode ul li:first-of-type p {
    text-transform: uppercase;
    font-weight: bolder;
    font-size: 2.75vw;
    line-height: 1.1; /* restore readable line height */
}

/* Code: "ASDF" */
header div#roomCode ul li:last-of-type p {
    text-transform: uppercase;
    font-size: 6vw;
    line-height: 1; /* keeps it compact but not crushed */
	letter-spacing: -0.25vw;
}

/* Remove this — it was killing vertical alignment */
header div#roomCode p {
    /* font-size: 1vw; */
    /* line-height: 0vw; */
}
header div#nav { float: left; width: 15%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; text-align: center; }

.hamburger {
  width: 11vw;
  height: 11vw;
  position: relative;
  cursor: pointer;
  transition: transform 0.3s ease;
}
.hamburger img.emoji {
  width: 100%;
  height: auto;
  top: 1vw;
  right: -2vw;
  transform: scale(1); /* Enforces baseline scale */
  transform-origin: center;
  transition: transform 0.3s ease, filter 0.3s ease;
}
.hamburger.spin img.emoji {
  transform: rotate(180deg);
  filter: drop-shadow(0 0 0 #f43f5e);
}

#navDrop { position: relative; z-index: 9100; }
div#navDrop ul li:hover { opacity: 0.75; }

/* Streamlined scrollbar for WebKit browsers */
.menu::-webkit-scrollbar {
  width: 8px;              /* slim width */
}

.menu::-webkit-scrollbar-track {
  background: rgba(20,20,20,0.6);  /* subtle track */
  border-radius: 4px;
}

.menu::-webkit-scrollbar-thumb {
  background: rgba(120,120,120,0.8); /* muted thumb */
  border-radius: 4px;
  transition: background 0.3s ease;
}

.menu::-webkit-scrollbar-thumb:hover {
  background: rgba(180,180,180,0.9); /* lighter on hover */
}

/* Firefox scrollbar */
.menu {
  scrollbar-width: thin;              /* slim */
  scrollbar-color: rgba(120,120,120,0.8) rgba(20,20,20,0.6); /* thumb + track */
}
.menu {
  position: fixed;
  top: 0;
  left: -100%;          /* start hidden off-screen on the left */
  height: 100vh;
  width: 65vw; text-align: center;
  overflow-y: auto;
  background: linear-gradient(135deg, rgba(20,20,20,1), rgba(10,10,10,1), rgba(2,2,2,1));
  transition: left 0.3s ease;
  z-index: 9100;
  display: block;
}
.menu.open {
  left: 0;   /* slide into view */
}

div.menu ul#menu-top { width: 100%; list-style-type: none; position: relative; display: table; margin: 0vw auto 0vw auto; padding: 0vw; opacity: 1; }
div.menu ul#menu-top li:last-of-type { margin: 0vw 0vw 4vw 0vw; }
div.menu ul#menu-top li:hover { opacity: 0.75; }

div.menu ul#menu-main { width: 100%; list-style-type: none; position: relative; display: table; margin: 0vw auto 0vw auto; padding: 0vw; }
div.menu ul#menu-main a:link, div.menu ul#menu-main a:visited { color: #ffffff; text-decoration: none; position: relative; display: table; margin: 0vw auto; padding: 3vw 0vw 3vw 0vw; }
div.menu ul#menu-main a:hover { text-decoration: none; }
div.menu ul#menu-main li { background-color: #000000; margin: 0vw 4vw 0vw 4vw; padding: 0vw 0vw 0vw 0vw; opacity: 1; }
div.menu ul#menu-main li:first-of-type { border-radius: 2vw 2vw 0vw 0vw; }
div.menu ul#menu-main li:last-of-type { border-radius: 0vw 0vw 2vw 2vw; margin: 0vw 4vw 4vw 4vw; }
div.menu ul#menu-main ul#menu-bot li:last-of-type { margin: 0vw auto 0vw auto; }
div.menu ul#menu-main li p { position: relative; display: table; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; }
div.menu ul#menu-main li p:first-of-type { font-size: 5vw; }
div.menu ul#menu-main li:hover { opacity: 0.75; }
div.menu ul#menu-main li ul li { width: 100%; margin: 0vw auto 0vw auto; border-radius: 0vw 0vw 0vw 0vw !important; }
div.menu ul#menu-main li ul li:last-of-type { width: 100%; margin: 0vw auto 0vw auto; }
div.menu ul#menu-main li ul li a:link, divmenu.ul#menu-main li ul li a:visited, div.menu ul#menu-main li ul li a:hover { padding: 2vw 0vw 2vw 0vw; }

div.menu ul#menu-arcade { width: 87.5% !important; margin: 4vw auto 4vw auto !important; }

div.menu ul#menu-mid, div.menu ul#menu-arcade { width: 100%; list-style-type: none; position: relative; display: table; margin: 0vw auto 0vw auto; padding: 0vw; }
div.menu ul#menu-mid p, ul#menu-arcade li ul li p { float: none; }

div.menu ul#menu-arcade { margin: 4vw 0vw 0vw 0vw; }
div.menu ul#menu-arcade li:first-of-type { border-radius: 2vw 2vw 2vw 2vw; }
div.menu ul#menu-arcade li ul li:first-of-type { border-radius: 0vw 0vw 0vw 0vw !important; }
div.menu ul#menu-arcade li ul li:last-of-type { border-radius: 0vw 0vw 2vw 2vw !important; }

.menu ul#menu-top li, .menu ul#menu-main li, .menu ul#menu-mid li, .menu ul#menu-arcade li {
padding: 0vw 0vw 0vw 0vw; background: linear-gradient(-135deg, rgba(20, 20, 20, 1), rgba(10, 10, 10, 1), rgba(2, 2, 2, 1)); border-bottom: 0.25vw solid #111;
}
div.menu ul#menu-mid li, div.menu ul#menu-arcade { opacity: 1; }
div.menu ul#menu-mid li:hover, div.menu ul#menu-arcade li:hover { opacity: 0.75; }
.menu ul#menu-top li:last-of-type, .menu ul#menu-main li:last-of-type, .menu ul#menu-mid li:last-of-type { border-bottom: 0vw solid #111; }

.menu ul#menu-top a:link, .menu ul#menu-top a:visited, .menu ul#menu-top a:link, .menu ul#menu-top a:visited, .menu ul#menu-mid a:link, .menu ul#menu-mid a:visited, .menu ul#menu-mid a:link, .menu ul#menu-mid a:visited, ul#menu-arcade a:link, ul#menu-arcade a:visited {
color: #ffffff; text-decoration: none; width: 100%; position: relative; display: table; padding: 3vw 0vw 3vw 0vw; font-size: 4vw;
}
.menu ul#menu-top a:hover, .menu ul#menu-mid a:hover, ul#menu-arcade a:hover { text-decoration: none; }

div.menu ul#menu-bot { width: 76%; position: relative; display: table; margin: 0vw auto 4vw auto; padding: 0vw 0vw 0vw 0vw; list-style-type: none; text-align: center; }
div.menu ul#menu-bot li { width: 100%; margin: 1vw auto 1vw auto; padding: 0vw 0vw 0vw 0vw; position: relative; display: table; opacity: 1; }
div.menu ul#menu-bot li:hover { opacity: 0.75; }
div.menu ul#menu-bot li:first-of-type { margin: 0vw auto 1vw auto; }
div.menu ul#menu-bot a:link, div.menu ul#menu-bot a:visited { width: 100%; font-size: 3vw; color: #ffffff; text-decoration: none; text-align: center; padding: 1vw 0vw; border-radius: 2vw; position: relative; display: table; }
div.menu ul#menu-bot a:hover { text-decoration: none; }

/* Hide sub-menu initially */
.expandableHeaderMenu ul {
display: none;
}
li.expandableHeaderMenu ul { list-style-type: none; border-radius: 0vw; margin: 0vw auto; padding: 0vw; }
li.expandableHeaderMenu ul li p { width: 100%; position: relative; display: table; margin: 0vw auto; padding: 0vw 0vw 0vw 0vw; }

main { float: left; width: 100%; position: relative; display: block; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 4vw 0vw; background: linear-gradient(145deg, #2a2a2a, #111827); top: 0vw; text-align: center; z-index: 8000; }

#subHeader-container { width: 94%; position: relative; display: table; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; }

#subHeader-container .subItem { float: left; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; left: 1vw; }
#subHeader-container .subItem:first-of-type { text-align: left; width: 43%; }
#subHeader-container .subItem:last-of-type, #subHeader-container .rootSubHeaderItem { float: right; width: 57%; }
#subHeader-container div.subItem p { margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }

div.menu ul#menu-arcade li:first-of-type { border-radius: 2vw 2vw 2vw 2vw; }
div.menu ul#menu-arcade li ul li:last-of-type { border-radius: 0vw 0vw 2vw 2vw !important; }

section#rootSubHeader {
  width: 100%;
  position: fixed;
  margin: 13vw 0vw 0vw 0vw;
  padding: 3.75vw 0vw 3vw 0vw;
  z-index: 8500;
  text-align: center;
  /* overflow: hidden; */
}
section#rootSubHeader #subHeader-container {
  overflow: visible;
}

div.subHeader-username a:hover span.username-text { text-decoration: underline; opacity: 0.75; }

#twelveVw {
    display: block;
    width: 100%;
    position: relative;
    margin: 0;
    padding: 9vw 0 0 0;
    background: linear-gradient(to bottom, rgba(17,17,17,1), rgba(17,17,17,0)); clear: both;
}

div#mainContainer { width: 92%; position: relative; display: block; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; }
div#meatAndPotatoes { width: 100%; display: block; position: relative; margin: 0vw 0vw 0vw 0vw; padding: 4vw 0vw 0vw 0vw; clear: both; transition: all 0.5s ease-out !important; }
h1#homepageLogo { font-size: 8vw; }
h1#homepageLogo a:link, h1#homepageLogo a:visited { text-decoration: none; }
h1#homepageLogo a:hover { text-decoration: none; }
ul.rootLinkList { 
    width: 100%; 
    position: relative; 
    display: table; 
    margin: 0vw auto 7vw auto; 
    padding: 0vw 0vw 0vw 0vw; 
    list-style-type: none; 
}

ul.rootLinkList li { 
    width: 100%; 
    position: relative; 
    display: table; 
    margin: 0vw auto 0vw auto; 
    padding: 0vw 0vw 0vw 0vw; 
}

ul.rootLinkList li p { 
    margin: 0vw auto; 
    padding: 0vw 0vw 0vw 0vw; 
}

ul.rootLinkList li a:link, 
ul.rootLinkList li a:visited { 
    width: 70%; 
    position: relative; 
    display: table; 
    margin: 0vw auto; 
    padding: 3.5vw 0vw 1.75vw 0vw; 
    text-decoration: none; 
    color: #ffffff; 
    border-bottom: 0.25vw solid #111111; 
    font-size: 5vw; 
}

ul.rootLinkList li:last-of-type a:link, 
ul.rootLinkList li:last-of-type a:visited, 
ul.rootLinkList li:last-of-type a:hover { 
    border-bottom: 0vw solid #111; 
}

ul.rootLinkList li a:hover { 
    text-decoration: none; 
    opacity: 0.75; 
}

ul.rootLinkList-solo li a:link, ul.rootLinkList-solo li a:visited, ul.rootLinkList-solo li:hover { border-radius: 2vw 2vw 2vw 2vw !important; }

ul.rootLinkList li:nth-of-type(1) a:link, 
ul.rootLinkList li:nth-of-type(1) a:visited, 
ul.rootLinkList li:nth-of-type(1) a:hover { 
    border-radius: 2vw 2vw 0vw 0vw; 
}

ul.rootLinkList li:last-of-type a:link, 
ul.rootLinkList li:last-of-type a:visited, 
ul.rootLinkList li:last-of-type a:hover { 
    border-radius: 0vw 0vw 2vw 2vw; 
}

ul.rootLinkList small { 
    display: block; 
    position: relative; 
    margin: 0vw auto 0vw auto; 
    padding: 0vw 0vw 0vw 0vw; 
}

ul.rootLinkList-onlyOne li:last-of-type a:link, ul.rootLinkList-onlyOne li:last-of-type a:visited, ul.rootLinkList-onlyOne li:last-of-type a:hover { border-radius: 2vw 2vw 2vw 2vw; }

.hrSecondList { margin: -0.5vw 0vw 0vw 0vw; }

.contentContainer { width: 100%; position: relative; display: table; margin: 0vw auto 6vw auto; padding: 4vw 2vw 0vw 2vw; border-radius: 2vw; }
.containerNeedsBottom { padding: 0vw 2vw 4vw 0vw; }

footer { float: left; width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 4vw 0vw 4vw 0vw; text-align: center; z-index: 7000; }
footer p { position: relative; display: table; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; }
footer span { opacity: 0.5; }
footer p a:link, footer p a:visited { text-decoration: underline; }
footer p a:hover { text-decoration: underline; }
/* Contact Page & Form Styles */
form {
  width: 100%; 
  position: relative; 
  display: table; 
  margin: 0vw auto 4vw auto;
  padding: 0;
}
.simulateForm { margin: 0vw auto 4vw auto !important; }

.formFullWidth { 
  float: left; 
  width: 100%; 
  position: relative; 
  display: table; 
}

.hidden { display: none !important; }

label { 
  width: 100%; 
  display: table; position: relative; margin: 4vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw;
}

input[type="text"], 
input[type="email"], 
input[type="password"],
input[type="datetime-local"],
input[type="number"] { 
  width: 100%; 
  display: table; 
  margin: 0 auto 2vw; 
  padding: 2vw 4vw; 
  color: #fff; 
  font-family: 'Open Sans'; 
  font-size: 3.5vw; 
  border-radius: 2vw; 
  outline: 0; 
  text-align: center; 
}

select { 
  width: 100%; 
  display: table; 
  margin: 0 auto 2vw; 
  padding: 2vw 0; 
  color: #fff; 
  font-family: 'Open Sans'; 
  font-size: 3.5vw; 
  border-radius: 2vw; 
  outline: 0; 
  text-align: center;
  background-color: #000;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

select option { 
  font-family: 'Open Sans'; 
  font-size: 3.5vw; 
  background-color: #000; 
  color: #fff; 
  text-align: center; 
}

textarea { 
  width: 100%; 
  min-height: 10vw; 
  height: 35vw; 
  display: block; 
  margin: 0 auto 2vw; 
  padding: 2vw 4vw; 
  color: #fff; 
  font-family: 'Open Sans'; 
  font-size: 3.5vw; 
  border-radius: 2vw; 
  outline: 0; 
  text-align: center; 
  resize: vertical; 
  box-sizing: border-box; 
}

.checkboxGroup, 
.radioGroup { 
  width: auto !important; 
  display: inline-block; 
}

.checkboxGroup label, 
.radioGroup label { 
  display: inline-block; width: auto;
  margin: 0 auto 2vw; 
  padding: 2vw 2vw; 
  outline: 0; 
}

input[type="submit"], button,
.simulateSubmit {
  font-family: 'Open Sans';
  font-size: 4vw;
  color: #fff;
  text-align: center;
  margin: 2vw auto;
  padding: 2vw 4vw;
  border-radius: 2vw;
  outline: 0;
  cursor: pointer;
  text-decoration: none;
  transition: transform 0.1s ease, opacity 0.1s ease;
}
.simulateSubmit:link, .simulateSubmit:visited { color: #ffffff; text-decoration: none; position: relative; font-weight: normal; }
.simulateSubmit:hover { text-decoration: none; }

/* .simulateSubmit:link img.emoji, .simulateSubmit:visited img.emoji, .simulateSubmit:hover img.emoji { width: 4.75vw; } */

.simulateSubmit-table:link, .simulateSubmit-table:visited { display: table; }
.simualteSubmit-table:hover { display: table; }

.simulateSubmit-inline:link, .simulateSubmit-inline:visited { display: inline; }
.simulateSubmit-inline:hover { display: inline; }

.simulateSubmit-inlineBlock:link, .simulateSubmit-inlineblock:visited { display: inline-block; }
.simulateSubmit-inlineBlock:hover { display: inline-block; }

.simulateSubmit-block:link, .simulateSubmit-block:visited { display: block; }
.simulateSubmit-block:hover { display: block; }

input[type="submit"]:hover, button:hover, .simulateSubmit:hover {
  opacity: 0.75;
  transform: scale(1.10);
}
input[type="submit"]:active, button:active, .simulateSubmit:active {
  transform: scale(0.90);
}

/* Disabled state styling */
.disabled {
    cursor: not-allowed;
}

/* Disable hover/active ONLY for NOT READY button */
#notReadyBtn {
    transition: none !important;
}

#notReadyBtn:hover,
#notReadyBtn:active {
    opacity: 0.75 !important; /* Keep it at 75% */
    transform: none !important; /* No scale */
}

/* Helper text colors */
.valid {
    color: #34c759 !important;
}
.invalid {
    color: #ff3b30 !important;
}

button img { width: 4vw !important; height: 4vw; }
button img.small, a img.small { width: 3vw !important; height: 3vw; }

ul.buttonsSBS { float: left; width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
ul.buttonsSBS li { position: relative; display: inline-block; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
ul.buttonsSBS li:last-of-type { margin: 0vw 0vw 0vw 2vw; }
div.wizardNav ul.buttonsSBS li:nth-of-type(2) { margin: 0vw 0vw 0vw 2vw; }

.svg_view { position: relative; display: inline-block; width: 4vw; height: 4vw; line-height: 0%; margin: -1vw 0.75vw 0vw -0.25vw; filter: invert(1); top: 1vw; }

.blurOut-small { filter: blur(0.25vw); padding: 0.5vw 2vw; display: inline-block; border-radius: 2vw; margin: 2vw auto; }

/* Override Email Input to show on Page load */
#emailSection { display: block; }

/* Ensure hidden sections start invisible */
#contactMethodSection,
#phoneSection,
#extSection,
#address1Section,
#address2Section,
#citySection,
#stateSection,
#zipSection {
  display: none;
}
/* Loading Spinner - Just slap the class 'spinner' on a div! */
.spinner {
  border: 2vw solid rgba(255, 255, 255, 0.1);
  border-left-color: #fff;
  border-radius: 50%;
  width: 10vw;
  height: 10vw;
  animation: spin 1s linear infinite;
  margin: 0vw auto; display: block; clear: both;
}
.spinner-lessBottomMargin { margin: 0vw auto 2vw auto !important; }
.spinner-bottomMargin { margin: 0vw auto 4vw auto !important; }

@keyframes spin {
  to { transform: rotate(360deg); }
}
/* The hidden redirect link. Use this ID for page navigation */
#redirectLink { display: none !important; }

/* Form validation messages */
small {
display: block;
margin: -1.5vw 0vw 1.5vw 0vw; color: #ccc;
}
/* Positioning of icons over avatar blocks */
/* OpenMoji Emoji Content Reset */
/* div#logo h1 img.emoji { top: -1vw; } */

/* h1.headlines img.emoji { top: -1.5vw; } */

.emoji { position: relative; display: inline-block; padding: 0vw; transform: scale(1.75);
  width: 6vw; margin: 0vw 1.75vw 0vw 0vw; vertical-align: middle; top: -0.4vw;
  aspect-ratio: 1 / 1;
  object-fit: contain;
}
.emoji-right { position: relative; display: inline-block; padding: 0vw; transform: scale(1.75);
  width: 6vw; margin: 0vw 0vw 0vw 1.75vw; vertical-align: middle; top: -0.4vw;
  aspect-ratio: 1 / 1;
  object-fit: contain;
}

.emoji-solo {
    margin: 0vw 0vw 0vw 0vw; top: 0.05vw;
}

h1#homepageLogo img { width: 8vw; height: 8vw; margin: 0vw 4vw 0vw 0vw; }
ul#rootLinkList li img { width: 4vw; height: 4vw; }
ul#menu-main li a img { width: 5vw; height: 5vw; }
ul#menu-mid li a img, ul#menu-arcade li a img { width: 4vw; height: 4vw; }
ul#menu-mid li ul li img, ul#menu-arcade li ul li img { width: 3vw; height: 3vw; }
ul#menu-bot li a img { width: 3vw; height: 3vw; }
header div#logo h1 img { width: 6vw; height: 6vw; }
h1 img.emoji { width: 6vw; height: 6vw; }
h2 img.emoji { width: 5.5vw; height: 5.5vw; }
h3 img.emoji { width: 5vw; height: 5vw; }
h4 img.emoji { width: 4.5vw; height: 4.5vw; }
h5 img.emoji { width: 4vw; height: 4vw; }
h6 img.emoji { width: 3.5vw; height: 3.5vw; }
p img.emoji { width: 4vw; height: 4vw; margin: 0vw 1.25vw 0vw 0vw; }
p.small img.emoji { width: 3vw; height: 3vw; margin: 0vw 1.25vw 0vw 0vw; }
p.mono img.emoji { width: 4vw; height: 4vw; margin: 0vw 1.25vw 0vw 0vw; }
label img.emoji { width: 4vw; height: 4vw; margin: 0vw 1.25vw 0vw 0vw; }
/* OpenMoji Emoji Username and Avatar Reset */
h1 span.username img { margin: 0vw 4vw 0vw 0vw !important; }
h2 span.username img { margin: 0vw 3.8vw 0vw 0vw !important; }
h3 span.username img { margin: 0vw 3.6vw 0vw 0vw !important; }
h4 span.username img { margin: 0vw 3.4vw 0vw 0vw !important; }
h5 span.username img { margin: 0vw 3.2vw 0vw 0vw !important; }
h6 span.username img { margin: 0vw 3vw 0vw 0vw !important; }
p span.username img { margin: 0vw 3vw 0vw 0vw !important; }
label span.username img { margin: 0vw 3vw 0vw 0vw !important; }
p.small span.username img { margin: 0vw 3vw 0vw 0vw !important; }
/* OpenMoji Avatar Container Reset */
span.avatarIcons { position: relative; display: inline-block; z-index: 999999; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
/* OpenMoji Emoji Top Had Host Reset (Top Left) */
span.emoji_host { position: absolute; display: inline-block; transform: rotate(-40deg); /* filter: invert(1); */ z-index: 1000; }
span.emoji_user { z-index: 90; }
h1 span.emoji_host { top: -10vw; left: -2.5vw; }
h1 span.emoji_host img { width: 2.5vw; height: 2.5vw; }
h2 span.emoji_host { top: -9vw; left: -2.25vw; }
h2 span.emoji_host img { width: 2.4vw; height: 2.4vw; }
h3 span.emoji_host { top: -8.5vw; left: -2.25vw; }
h3 span.emoji_host img { width: 2.3vw; height: 2.3vw; }
h4 span.emoji_host { top: -8vw; left: -2vw; }
h4 span.emoji_host img { width: 2.4vw; height: 2.4vw; }
h5 span.emoji_host { top: -7.25vw; left: -1.75vw; }
h5 span.emoji_host img { width: 2.3vw; height: 2.3vw; }
h6 span.emoji_host { top: -6.75vw; left: -2vw; }
h6 span.emoji_host img { width: 2.2vw; height: 2.2vw; }
p span.emoji_host, label span.emoji_host { top: -6.5vw ; left: -2.25vw ; }
p span.emoji_host img, label span.emoji_host img { width: 2.3vw ; height: 2.3vw; }
p.small span.emoji_host, label.small span.emoji_host { top: -6vw; left: -1.75vw; }
p.small span.emoji_host img, label.small span.emoji_host img { width: 2vw; height: 2vw; }
div#subHeader-container p span.emoji_host { top: -6.75vw; left: -0.15vw; }
div#subHeader-container p span.emoji_host img { width: 2vw; height: 2vw; }
/* OpenMoji Emoji Crown Winner (Top Middle) */
span.emoji_crown { position: absolute; display: inline-block; z-index: 900; }
span.emoji_crown img { width: 4vw; height: 4vw; }
h1 span.emoji_crown { top: -12vw; left: 1.75vw; }
h1 span.emoji_crown img { width: 5.5vw; height: 5.5vw; }
h2 span.emoji_crown { top: -11.25vw; left: 1.25vw; }
h2 span.emoji_crown img { width: 5.25vw; height: 5.25vw; }
h3 span.emoji_crown { top: -10.5vw; left: 1.1vw; }
h3 span.emoji_crown img { width: 5vw; height: 5vw; }
h4 span.emoji_crown { top: -9.5vw; left: 1.15vw; }
h4 span.emoji_crown img { width: 4.75vw; height: 4.75vw; }
h5 span.emoji_crown { top: -8.75vw; left: 0.75vw; }
h5 span.emoji_crown img { width: 4.5vw; height: 4.5vw; }
h6 span.emoji_crown { top: -8vw; left: 0.5vw; }
h6 span.emoji_crown img { width: 4.25vw; height: 4.25vw; }
p span.emoji_crown, label span.emoji_crown { top: -8vw; left: 1vw; }
p span.emoji_crown img, label span.emoji_crown img { width: 3.75vw; height: 3.75vw; }
p.small span.emoji_crown, label.small span.emoji_crown { top: -6.75vw; left: 0.5vw; }
p.small span.emoji_crown img, label.small span.emoji_crown img { width: 3.5vw; height: 3.5vw; }
div#subHeader-container p span.emoji_crown { top: -7.25vw; left: 2.5vw; }
div#subHeader-container p span.emoji_crown img { width: 3.5vw; height: 3.5vw; }
/* OpenMoji Up Arrow Increase the Ranks (Top Right) */
span.emoji_up { position: absolute; display: inline-block; z-index: 800; }
span.emoji_up img { width: 4vw; height: 4vw; }
h1 span.emoji_up { top: -9.5vw; left: 7vw; }
h1 span.emoji_up img { width: 5vw; height: 5vw; }
h2 span.emoji_up { top: -9vw; left: 6.3vw; }
h2 span.emoji_up img { width: 4.9vw; height: 4.9vw; }
h3 span.emoji_up { top: -8.425vw; left: 5.4vw; }
h3 span.emoji_up img { width: 4.8vw; height: 4.8vw; }
h4 span.emoji_up { top: -7.8vw; left: 4.9vw; }
h4 span.emoji_up img { width: 4.7vw; height: 4.7vw; }
h5 span.emoji_up { top: -7.15vw; left: 4vw; }
h5 span.emoji_up img { width: 4.6vw ; height: 4.6vw; }
h6 span.emoji_up { top: -6.45vw; left: 3.4vw; }
h6 span.emoji_up img { width: 4.5vw; height: 4.5vw; }
p span.emoji_up, label span.emoji_up { top: -7.15vw; left: 4vw; }
p span.emoji_up img, label span.emoji_up img { width: 4.6vw; height: 4.6vw; }
p.small span.emoji_up { top: -6vw; left: 2.75vw; }
p.small span.emoji_up img { width: 4vw; height: 4vw; }
div#subHeader-container p span.emoji_up { top: -6.5vw; left: 5.5vw; }
div#subHeader-container p span.emoji_up img { width: 3vw; height: 3vw; }
/* OpenMoji Down Arrow Decrease the Ranks (Top Right) */
span.emoji_down { position: absolute; display: inline-block; z-index: 700; }
span.emoji_down img { width: 4vw; height: 4vw; }
h1 span.emoji_down { top: -9.5vw; left: 7vw; }
h1 span.emoji_down img { width: 5vw; height: 5vw; }
h2 span.emoji_down { top: -9vw; left: 6.3vw; }
h2 span.emoji_down img { width: 4.9vw; height: 4.9vw; }
h3 span.emoji_down { top: -8.425vw; left: 5.4vw; }
h3 span.emoji_down img { width: 4.8vw; height: 4.8vw; }
h4 span.emoji_down { top: -7.8vw; left: 4.9vw; }
h4 span.emoji_down img { width: 4.7vw; height: 4.7vw; }
h5 span.emoji_down { top: -7.15vw; left: 4vw; }
h5 span.emoji_down img { width: 4.6vw ; height: 4.6vw; }
h6 span.emoji_down { top: -6.45vw; left: 3.4vw; }
h6 span.emoji_down img { width: 4.5vw; height: 4.5vw; }
p span.emoji_down, label span.emoji_down { top: -7.15vw; left: 4vw; }
p span.emoji_down img, label span.emoji_down img { width: 4.6vw ; height: 4.6vw; }
p.small span.emoji_down { top: -6vw; left: 2.75vw; }
p.small span.emoji_down img { width: 4vw; height: 4vw; }
div#subHeader-container p span.emoji_down { top: -6.5vw; left: 5.5vw; }
div#subHeader-container p span.emoji_down img { width: 3vw; height: 3vw; }
/* OpenMoji Star (Buff) (Bottom Right) */
span.emoji_star { position: absolute; display: inline-block; transform-origin: center center; z-index: 600; }
span.emoji_star img { width: 4vw; height: 4vw; }
h1 span.emoji_star { top: 0.4vw; left: 7.1vw; }
h1 span.emoji_star img { width: 5vw; height: 5vw; }
h2 span.emoji_star { top: 0.35vw; left: 6.8vw; }
h2 span.emoji_star img { width: 4.75vw; height: 4.75vw; }
h3 span.emoji_star { top: 0.2vw; left: 6vw; }
h3 span.emoji_star img { width: 4.5vw; height: 4.5vw; }
h4 span.emoji_star { top: 0.1vw; left: 5vw; }
h4 span.emoji_star img { width: 4.25vw; height: 4.25vw; }
h5 span.emoji_star { top: 0vw; left: 4.5vw; }
h5 span.emoji_star img { width: 4vw ; height: 4vw; }
h6 span.emoji_star { top: -0.25vw; left: 4vw; }
h6 span.emoji_star img { width: 3.75vw; height: 3.75vw; }
p span.emoji_star, label span.emoji_star { top: 0vw; left: 4.5vw; }
p span.emoji_star img, label span.emoji_star img { width: 4vw ; height: 4vw; }
p.small span.emoji_star { top: -0.25vw; left: 3.75vw; }
p.small span.emoji_star img { width: 3vw; height: 3vw; }
div#subHeader-container p span.emoji_star { top: 1vw; left: 6.5vw; }
div#subHeader-container p span.emoji_star img { width: 3vw; height: 3vw; }
/* OpenMoji Poop (Debuff) (Bottom Left) */
span.emoji_poop { position: absolute; display: inline-block; z-index: 500; }
span.emoji_poop img { width: 4vw; height: 4vw; }
h1 span.emoji_poop { top: 0vw; left: -4vw; }
h1 span.emoji_poop img { width: 6vw; height: 6vw; }
h2 span.emoji_poop { top: -0.1vw; left: -4vw; }
h2 span.emoji_poop img { width: 5.9vw; height: 5.9vw; }
h3 span.emoji_poop { top: -0.25vw; left: -4vw; }
h3 span.emoji_poop img { width: 5.8vw; height: 5.8vw; }
h4 span.emoji_poop { top: -0.5vw; left: -4vw; }
h4 span.emoji_poop img { width: 5.7vw; height: 5.7vw; }
h5 span.emoji_poop { top: -0.75vw; left: -3.6vw; }
h5 span.emoji_poop img { width: 5.6vw; height: 5.6vw; }
h6 span.emoji_poop { top: -1vw; left: -3.6vw; }
h6 span.emoji_poop img { width: 5.5vw; height: 5.5vw; }
p span.emoji_poop, label span.emoji_poop { top: -0.75vw; left: -3.3vw; }
p span.emoji_poop img, label span.emoji_poop img { width: 5.6vw; height: 5.6vw; }
p.small span.emoji_poop { top: -1vw; left: -2.9vw; }
p.small span.emoji_poop img { width: 4.75vw; height: 4.75vw; }
div#subHeader-container p span.emoji_poop { top: -0.5vw; left: -2.25vw; }
div#subHeader-container p span.emoji_poop img { width: 5vw; height: 5vw; }
/* OpenMoji Poop (Debuff) (Bottom Left) */
/* OpenMoji Avatar background */
img.avatar {
  border-radius: 1vw;
}
img.avatarCrew { border-radius: 100%; }

img.avatarGame { border-radius: 1.5vw; }

/* Registration Page */
#emoji-categories {
  display: flex;              /* turn into flex container */
  justify-content: space-evenly; /* distribute evenly */
  width: 100%;                /* full horizontal width */
  margin: 1.5vw 0vw 0vw 0vw;
  padding: 0;
  list-style: none;           /* remove bullets */
	border-radius: 2vw 2vw 0vw 0vw;
}

#emoji-categories li {
  flex: 1;                    /* each tab takes equal width */
  text-align: center;         /* center emoji + text */
  padding: 2vw;
  cursor: pointer;
	font-weight: bolder;
	border-right: 0.25vw solid #000;
}
#emoji-categories li:last-of-type { border-right: 0vw solid #000; }
#emoji-categories li:hover {
  opacity: 0.75;
}
#emoji-categories li span { font-size: 6vw; }

#emoji-categories li.active {
  background: #222;   /* highlight active tab */
  color: #fff;
}
#emoji-categories li:first-of-type.active { border-radius: 2vw 0vw 0vw 0vw; }
#emoji-categories li:last-of-type.active { border-radius: 0vw 2vw 0vw 0vw; }

#emoji-categories li img.emoji { width: 6vw; height: 9vw; margin: 0vw auto 0vw auto; }

ul.emoji-options {
  width: 100%;
  text-align: center;
  list-style-type: none;
  margin: 0vw auto 2vw auto;
  padding: 0;
	border-radius: 2vw;
	min-height: 60vw; max-height: 60vw;
	overflow-y: auto;
	display: none;
	border-radius: 0vw 0vw 2vw 2vw;
}
#emojiContainer { width: 100%; }

li.tier-section h3 { position: relative; display: table; margin: 2vw auto 1vw auto; padding: 0vw 0vw 0vw 0vw; }
ul.tier-group { float: left; width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 2vw 0vw 2vw 0vw; border-radius: 2vw; }

ul.emoji-options.active { display: block; }

ul.emoji-options li {
  display: inline-block;
margin: 1vw; padding: 0vw;
}

ul.emoji-options li input[type="radio"] {
  display: none; /* hide the actual radio */
}

ul.emoji-options li label {
  width: 12vw;              /* fixed tile width */
  height: 12vw;             /* fixed tile height */
  display: flex;            /* center emoji inside */
  align-items: center;
  justify-content: center; border-radius: 1vw;
	margin: 0vw 0vw 0vw 0vw;

  font-size: 10vw;           /* emoji size inside tile */
  cursor: pointer;
  border-radius: 1vw;
  transition: all 0.3s ease;

  /* invisible border baseline so layout never shifts */
  border: 0.5vw solid transparent;
}

/* hover preview: darker gray */
ul.emoji-options li label:hover {
  border-color: #444; /* darker gray border */
  box-shadow: 0 0 1vw rgba(68,68,68,0.6); /* subtle gray glow */
}

/* highlight when selected: golden flare */
ul.emoji-options li input[type="radio"]:checked + label {
  border: 0.5vw solid transparent; /* keep thickness stable */
  border-top-color: #e6c637;
  border-left-color: #e6c637;
  border-bottom-color: #78350f;
  border-right-color: #78350f;

  /* flaring golden shadow */
  box-shadow: 0 0 2vw rgba(230,198,55,0.8),
              0 0 4vw rgba(120,53,15,0.6);
}

ul.personaLegend { float: left; width: 100%; position: relative; display: table; margin: 0vw 0vw 1vw 0vw; padding: 0vw 0vw 0vw 0vw; list-style-type: none; text-align: center; text-transform: uppercase; }
ul.personaLegend li { position: relative; display: inline-block; margin: 0vw 2vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
ul.personaLegend li:last-of-type { margin: 0vw 0vw 0vw 0vw !important; }
ul.personaLegend li label { position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 1vw 1vw 1vw 1vw; border-radius: 2vw;  }
/* Hide the raw checkbox */
ul.personaLegend li input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

/* Style the label when the checkbox is checked */
ul.personaLegend li input[type="checkbox"]:checked + label {
    border: 0.5vw solid transparent;
    border-top-color: #e6c637;
    border-left-color: #e6c637;
    border-bottom-color: #78350f;
    border-right-color: #78350f;
    box-shadow: 0 0 2vw rgba(230, 198, 55, 0.8),
                0 0 4vw rgba(120, 53, 15, 0.6);
}
ul.personaLegend label img.emoji { width: 3vw; height: 3vw; }

.tier.core, .tier.premium {
  position: relative;
}

.premium-overlay {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background: repeating-linear-gradient(
    135deg,                          /* angle of the stripes */
    rgba(0,0,0,0.4) 0vw,            /* dark stripe start */
    rgba(0,0,0,0.4) 2vw,           /* dark stripe end */
    rgba(0,0,0,0.2) 4vw,     /* light stripe start */
    rgba(0,0,0,0.2) 8vw      /* light stripe end */
  );
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center; border-radius: 2vw;
}

.premium-overlay:hover { cursor: not-allowed; }

.overlay-message {
  background: rgba(0,0,0,0.75);
  padding: 0vw 0vw 0vw 0vw;
  border-radius: 2vw; width: 90%;
}
div.overlay-message h4 { margin: 4vw 0vw 0vw 0vw; }

div.overlay-message button { margin: -2vw 0vw 6vw 0vw; }

input#joinRoomCode { text-transform: uppercase; }
ul#loggedIn-joinAvatarBox { list-style-type: none; width: 100%; height: auto; position: relative; display: table; margin: 0vw auto 0vw auto; padding: 3vw 0vw 3vw 0vw; }
ul#loggedIn-joinAvatarBox li { float: left; width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
ul#loggedIn-joinAvatarBox li:last-of-type { margin: 2vw 0vw 0vw 0vw; }
ul#loggedIn-joinAvatarBox li p { position: relative; display: table; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; text-align: center; }

ul#loggedIn-hostAvatarBox { list-style-type: none; width: 100%; height: auto; position: relative; display: table; margin: 0vw auto 4vw auto; padding: 3vw 0vw 1vw 0vw; }
ul#loggedIn-hostAvatarBox li { float: left; width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
ul#loggedIn-hostAvatarBox li:last-of-type { margin: 2vw 0vw 0vw 0vw; }
ul#loggedIn-hostAvatarBox li p { position: relative; display: table; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; text-align: center; }

/* Members List Styles */
ul.members-list ul li:last-of-type p { top: -0.4vw; }
div#crew-members-list ul li ul li:nth-of-type(1) a:link, div#crew-members-list ul li ul li:nth-of-type(1) a:visited { color: #ffffff; text-decoration: none; }
div#crew-members-list ul li ul li:nth-of-type(1) a:hover p span { text-decoration: underline !important; }
div#crew-members-list ul li ul li:nth-of-type(2) p { top: 0vw; }
ul.members-list li:last-of-type p span.badge, span.user-status { padding: 0.5vw 2vw; border-radius: 2vw; text-transform: uppercase; }
span.user-status { display: inline-block; }

.badge-user-links { font-family: 'Open Sans Condensed' !important; margin: 0vw auto 0vw auto !important; }

.suggestionsBox {
  position: absolute !important;
  width: 100% !important; 
  left: 0 !important;
  top: 100% !important;  /* Right below the input */
  background: #111;
  list-style: none;
  margin: 0.5vw 0 0 0 !important;
  padding: 0 !important;
  border-radius: 2vw;
  max-height: 40vh;
  overflow-y: auto;
}
.suggestionsBox li { width: 100% !important; display: table !important; margin: 0vw 0vw 0vw 0vw !important; text-align: center;
  padding: 1vw 0vw 1vw 0vw !important; border-bottom: 1px solid #222;
  cursor: pointer;
}
.suggestionsBox li:last-of-type { border-bottom: 0vw solid; }
.suggestionsBox li:hover {
  opacity: 0.75;
}

ul.members-list-headline, ul.variants-list-headline {
    float: left; 
    width: 100%; 
    position: relative; 
    display: table; 
    margin: 0vw 0vw 0vw 0vw; 
    padding: 2vw 0vw 1.25vw 0vw; 
    list-style-type: none; 
    border-radius: 2vw 2vw 0vw 0vw; 
}
ul.members-list-headline li:first-of-type, ul.variants-list-headline li:first-of-type {
    float: left; 
    width: 46%; 
    position: relative; 
    display: table; 
    margin: 0vw 0vw 0vw 0vw; 
    padding: 0vw 0vw 0vw 0vw; 
    text-align: left; 
}
ul.members-list-headline li:first-of-type p, ul.variants-list-headline li:first-of-type p {
    text-align: left; 
}
ul.members-list-headline li:nth-of-type(2), ul.variants-list-headline li:nth-of-type(2) {
    float: left; 
    width: 34%; 
    position: relative; 
    display: table; 
    margin: 0vw 0vw 0vw 0vw; 
    padding: 0vw 0vw 0vw 0vw; 
    text-align: center; 
}
ul.members-list-headline li:nth-of-type(3), ul.variants-list-headline li:nth-of-type(3) {
    float: left; 
    width: 20%; 
    position: relative; 
    display: table; 
    margin: 0vw 0vw 0vw 0vw; 
    padding: 0vw 0vw 0vw 0vw; 
    text-align: center; 
}
ul.members-list-headline li:nth-of-type(2) p, ul.variants-list-headline li:nth-of-type(2) p {
    text-align: center; 
    margin: 0vw auto 0vw auto; 
}
ul.members-list-headline p, ul.variants-list-headline p {
    position: relative; 
    display: table; 
    margin: 0vw 0vw 0vw 0vw; 
    padding: 0vw 0vw 0vw 0vw; 
}
ul.members-list-headline li:nth-of-type(3) p, ul.variants-list-headline li:nth-of-type(3) p { margin: 0vw auto; }
ul.members-list, ul.variants-list {
    float: left; 
    width: 100%; 
    position: relative; 
    display: table; 
    margin: 0vw 0vw 0vw 0vw; 
    padding: 0vw 0vw 0vw 0vw; 
    list-style-type: none; 
    border-radius: 0vw 0vw 2vw 2vw; 
}
ul.members-list li, ul.variants-list li {
    float: left; 
    width: 100%; 
    position: relative; 
    display: table; 
    margin: 0vw 0vw 0vw 0vw; 
    padding: 0vw 0vw 0vw 0vw; 
}
.usernameList:link, .usernameList:visited, .usernameList { 
    float: left; 
    width: 100%; 
    position: relative; 
    display: table; 
    margin: 0vw 0vw 0vw 0vw; 
    padding: 3vw 0vw 2vw 0vw; 
    color: #ffffff; 
    text-decoration: none; 
    transition: all 0.3s ease; 
}
.usernameList:hover { 
    color: #ffffff; 
    text-decoration: none; 
    background-color: rgba(0,0,0,0.3); 
    transition: all 0.3s ease; 
}
.usernameList:hover { border-radius: 0vw 0vw 0vw 0vw; }
ul.members-list li:last-of-type .usernameList:hover { border-radius: 0vw 0vw 2vw 2vw; }
ul.members-list li:nth-of-type(even), ul.variants-list li:nth-of-type(even) {
    background-image: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)); 
}
ul.members-list li ul, ul.variants-list li ul {
    float: left; 
    width: 100%; 
    position: relative; 
    display: table; 
    margin: 0vw 0vw 0vw 0vw; 
    padding: 0vw 0vw 0vw 0vw; 
    list-style-type: none; 
}
ul.members-list li ul li:nth-of-type(even), ul.variants-list li ul li:nth-of-type(even) { 
    background-image: linear-gradient(rgba(0,0,0,0.2),rgba(0,0,0,0.2)) !important; 
    margin: -3vw 0vw -3vw 0vw !important; 
    padding: 0vw 0vw 0vw 0vw !important; 
}
div.crew-members-list-readonly ul.members-list ul li:nth-of-type(even) { padding: 2vw 0vw 2vw 0vw !important; }
ul.members-list li ul li:first-of-type, ul.variants-list li ul li:first-of-type { 
    float: left; 
    width: 46%; 
    position: relative; 
    display: table; 
    margin: 0vw 0vw 0vw 0vw; 
    padding: 0vw 0vw 0vw 0vw; 
    text-align: left; 
}
ul.members-list li ul li p, ul.variants-list li ul li p { 
    float: left; 
    width: 100%; 
    position: relative; 
    display: table; 
    margin: 0vw 0vw 0vw 0vw; 
    padding: 0vw 0vw 0vw 0vw; 
}
ul.members-list li ul li:nth-of-type(2) p, ul.variants-list li ul li:nth-of-type(2) p { padding: 2.5vw 0vw 2.5vw 0vw; }
div#crew-members-list ul li ul li:nth-of-type(2) p { padding: 0vw 0vw 0vw 0vw; }
ul.members-list li ul li p span.username, ul.variants-list li ul li p span.username { 
    position: relative; 
    left: 3vw; 
}
ul.members-list li ul li:nth-of-type(2), ul.variants-list li ul li:nth-of-type(2) { 
    float: left; 
    width: 34%; 
    position: relative; 
    display: table; 
    margin: 0vw 0vw 0vw 0vw; 
    padding: 0vw 0vw 0vw 0vw; 
}
ul.members-list li ul li:nth-of-type(3), ul.variants-list li ul li:nth-of-type(3) { 
    float: left; 
    width: 20%; 
    position: relative; 
    display: table; 
    margin: 0vw 0vw 0vw 0vw; 
    padding: 0vw 0vw 0vw 0vw; 
}

ul.variants-list { margin: 0vw 0vw 6vw 0vw; }
/* ul.variants-list-headline li:first-of-type { width: 80%; }
ul.variants-list li ul li:first-of-type { width: 80%; }
ul.variants-list-headline li:nth-of-type(2) { width: 20%; }
ul.variants-list li ul li:nth-of-type(2) { width: 20%; } */

ul.crew-list-headline li:first-of-type { 
    width: 80%;
}
ul.crew-list li ul li:first-of-type { 
    width: 80%;
}
ul.crew-list-headline li:nth-of-type(2) { 
    width: 20%;
}
ul.crew-list li ul li:nth-of-type(2) { 
    width: 20%; 
}

.badge { padding: 0.5vw 2vw; border-radius: 2vw; top: -0.4vw; position: relative; }

.pagination { float: left; width: 100%; position: relative; display: table; margin: 6vw 0vw 8vw 0vw; padding: 0vw 0vw 0vw 0vw; text-align: center; font-family: 'Bitstream' !important; }
.pagination a:link, .pagination a:visited, .pagination a:hover, .pagination span { margin: 0vw 0.5vw 0vw 0.5vw; padding: 2vw  2vw; }
.pagination a:link, .pagination a:visited { color: #ffffff; text-decoration: none; }
.pagination a:hover { text-decoration: none; opacity: 0.75 !important; }
.pagination .ellipsis { opacity: 0.5; }

#taglineContainer { width: 100%; }

/* Category radios inline-block as tiles */
#taglineContainer-cats { float: left; width: 100%; position: relative; display: table; margin: 1.5vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; border-radius: 2vw 2vw 0vw 0vw; }

ul#taglinePicker {
  display: table;
	position: relative;
  width: 100%;
  margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw;
  list-style-type: none;
}

ul#taglinePicker li {
  position: relative; display: inline-block; margin: 1vw 1vw 1vw 1vw; width: auto;
}
/*
ul#taglinePicker li:first-of-type { margin: 1vw 1vw 1vw 0vw; }
ul#taglinePicker li:last-of-type { margin: 1vw 0vw 1vw 1vw; }
*/

ul#taglinePicker input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

ul#taglinePicker label {
  display: inline-block;        /* chip-like buttons */
  cursor: pointer;
  background: rgba(255,255,255,0.15);
  border-radius: 2vw;
	padding: 2vw 0vw;
	margin: 0vw 0vw 0vw 0vw;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}

ul#taglinePicker label:hover {
  background: rgba(255,255,255,0.25);
}

ul#taglinePicker input[type="radio"]:checked + label {
  background: rgba(34, 34, 34, 1);
}

ul#taglinePicker label:hover {
}

ul#taglinePicker input[type="radio"]:checked + label { background: rgba(34, 34, 34, 1); border-radius: 2vw; }

#taglineChoices input[type="radio"] {
  display: none; /* hide native radio */
}

ul#taglineChoices { width: 100%; margin: 0vw 0vw 2.5vw 0vw; padding: 0vw 2vw 0vw 2vw; border-radius: 0vw 0vw 2vw 2vw; list-style-type: none; }

#taglineChoices label {
  display: inline-block;
  border-radius: 2vw;
	padding: 1vw 0vw 1vw 0vw; margin: 1vw 0vw 1vw 0vw;
  background: rgba(255,255,255,0.1);
  cursor: pointer;
  transition: background 0.3s ease, box-shadow 0.3s ease;
}
ul#taglineChoices li:first-of-type label { margin: 2vw 0vw 1vw 0vw; }
ul#taglineChoices li:last-of-type label { margin: 1vw 0vw 2vw 0vw; }

#taglineChoices input[type="radio"]:checked + label {
  background: rgba(102,204,255,0.2);
  box-shadow: 0 0 0 0.2vw rgba(102,204,255,0.4) inset;
}
/* Tagline locked state */
.taglineOption.locked {
    position: relative;
    opacity: 0.25;
    pointer-events: none;
}

.taglineOption.locked input[disabled] + label {
    cursor: not-allowed;
}

.tagline-overlay { 
    height: auto; 
    position: relative; 
    display: table; 
    width: 100%; 
    border-radius: 0vw;
    -webkit-backdrop-filter: blur(0.35vw);
    backdrop-filter: blur(0.35vw);
}

.tagline-overlay-core { padding: 10vw 0vw; }
.tagline-overlay-register { padding: 11vw 0vw; }
.tagline-overlay-premium { padding: 6vw 0vw; }

/* Single overlay covering ALL locked taglines */
.tagline-overlay-all {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    border-radius: 0vw;
    padding: 0vw 0vw 0vw 0vw;
}
.tagline-overlay-all:hover { cursor: not-allowed; }

.tagline-overlay-all .tagline-overlay { 
    text-align: center; 
}

.tagline-overlay-all .tagline-overlay p { 
    margin: 0vw auto 0vw auto; 
    padding: 0vw 0vw 0vw 0vw; 
}

#deleteAccount { float: left; width: 100%; position: relative; display: table; margin: 0vw 0vw 4vw 0vw; padding: 0vw 0vw 0vw 0vw; text-align: center; }
p#deleteAccount a:link, p#deleteAccount a:visited { display: table; padding: 1vw 2vw; font-size: 3vw !important; }
p#deleteAccount a:hover { text-decoration: none; }

.horizontalChoices label { width: auto; position: relative; display: inline-block; margin: 2vw 2vw 2vw 2vw; padding: 0vw 0vw 0vw 0vw; }

/* Hide the native checkbox */
.customCheckbox {
  display: none;
}

/* Base mark (unselected) */
.checkbox-mark {
  width: 4vw;
  height: 4vw;
  border-radius: 0.5vw; /* slight rounding for square feel */
  border: 0.2vw solid #4b5563; /* gray border */
  background: linear-gradient(145deg, #1a1a1a, #000000); /* black base */
  display: inline-block;
  margin-right: 0.5vw;
  vertical-align: middle;
  position: relative;
  transition: all 0.3s ease;
	top: -0.4vw;
}

/* Checked state (green variant) */
.customCheckbox:checked + .checkbox-mark {
  border-color: #34c46a;
  background: linear-gradient(145deg, #34c46a, #14532d);
}

/* Inner check glyph */
.checkbox-mark::after {
  content: "✔"; /* checkmark character */
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 2vw;
  color: white;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: opacity 0.3s ease;
}

.customCheckbox:checked + .checkbox-mark::after {
  opacity: 1;
}

.radioOption { margin: 2vw 0vw 2vw 0vw; }

/* Hide the native radio */
.customRadio {
  display: none;
}

/* Base mark (unselected) */
.radio-mark {
  width: 4vw;
  height: 4vw;
  border-radius: 50%;
  border: 0.2vw solid #4b5563; /* gray border */
  background: linear-gradient(145deg, #1a1a1a, #000000); /* black base */
  display: inline-block;
  margin-right: 0.5vw;
  vertical-align: middle;
  position: relative;
  transition: all 0.3s ease;
	top: -0.4vw;
}

/* Checked state (green variant) */
.customRadio:checked + .radio-mark {
  border-color: #34c46a;
  background: linear-gradient(145deg, #34c46a, #14532d);
}

/* Inner dot */
.radio-mark::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1vw;
  height: 1vw;
  border-radius: 50%;
  background: white;
  opacity: 0;
  transform: translate(-50%, -50%); /* centers perfectly */
  transition: opacity 0.3s ease;
}

.customRadio:checked + .radio-mark::after {
  opacity: 1;
}

/* User Profile Styles */
#member-details { padding: 4vw 0vw 4vw 0vw; }
.member-details-tagline { float: left; width: 100%; position: relative; display: table; margin: -2vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; text-align: center; }
#shareLink { width: 95%; }
hr.user-hr-actions { margin: 4vw auto 8vw auto; }
hr.hrBetweenButtons { margin: 4vw auto 4vw auto; }
ul.user-actions { float: left; width: 100%; position: relative; display: table; margin: 2vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; list-style-type: none; }
ul.user-actions li { position: relative; display: inline-block; margin: 0vw 2vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
ul.user-actions li:last-of-type { margin: 0vw 0vw 0vw 0vw; }
ul.user-actions li p { position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
ul.user-actions li p a:link, ul.user-actions li p a:visited { width: auto; position: relative; display: inline-block; margin: 0vw 0vw 0vw 0vw; padding: 1vw 2vw 1vw 2vw; border-radius: 2vw 2vw 2vw 2vw; }
ul.user-actions li p a:hover {}
ul.user-actions li p span { width: auto; position: relative; display: inline-block; margin: 0vw 0vw 0vw 0vw; padding: 1vw 2vw 1vw 2vw; border-radius: 2vw 2vw 2vw 2vw; }

ul.user-status { float: left; width: 100%; position: relative; display: table; margin: 2vw 0vw 2vw 0vw; padding: 0vw 0vw 0vw 0vw; list-style-type: none; }
ul.user-status li { float: left; width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 1vw 0vw 1vw 0vw; }
ul.user-status li p { position: relative; display: table; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; text-align: center; }
p.user-details-joined { position: relative; display: table; width: 100%; margin: 0vw 0vw 2vw 0vw; padding: 1vw 0vw 1vw 0vw; }

ul.user-actions-additional { float: left; width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; list-style-type: none; }
ul.user-actions-additional li { width: auto; position: relative; display: inline-block; margin: 0vw 1vw 0vw 1vw; padding: 0vw 0vw 0vw 0vw; text-align: center; }
ul.user-actions-additional li a:link, ul.user-actions-additional li a:visited { font-size: 3vw; padding: 1vw 2vw; }
ul.user-actions-additional li a:hover {}

.skinnyButtons { padding: 1vw 2vw; }
.emoji_skinnyButtons { width: 4vw; height: 4vw; margin: 0vw 1vw 0vw 0vw; }

/* Notification Bell */
header div#notificationBell { float: left; width: 20%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; top: 1.1vw; }
ul#theBell { width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw auto; padding: 0vw 0vw 0vw 0vw; }
ul#theBell li { float: right; position: relative; display: table; margin: 0vw 0vw 0vw auto; padding: 0vw 0vw 0vw 0vw; }
ul#theBell li p { position: relative; display: table; margin: 0vw 0vw 0vw auto; padding: 0vw 0vw 0vw 0vw; line-height: 0%; }
ul#theBell li a:link, ul#theBell a:visited { text-decoration: none; /* opacity: 1; */ }
ul#theBell li a:hover { text-decoration: none; /* opacity: 0.75; */ }
ul#theBell li img { width: 5vw; height: 5vw; margin: 0vw 0vw 0vw auto; top: 2.75vw; }
.notificationBadge { position: absolute; top: -0.25vw; right: -2vw; border-radius: 50%; padding: 0vw 0vw 0vw 0vw; width: 4.25vw; height: 4.25vw; line-height: 4.25vw; text-align: center; font-size: 2vw; }
/* Unseen notification in dropdown */
li.notif-unseen div.notificationInside {
    background: rgba(230,198,55,0.15) !important; border-radius: 2vw 2vw 0vw 0vw;
}

/* Bell Dropdown notification styles */
#bellDropdown { position: absolute; top: 11.5vw; width: 66vw; right: -3vw; border-radius: 0vw 0vw 2vw 2vw; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; z-index: 9999; }
#bellDropdown li:first-of-type { margin: 2vw auto 0vw auto; border-radius: 2vw 2vw 0vw 0vw; }
#bellDropdown li.singleNotification { border-radius: 2vw 2vw 2vw 2vw !important; }
#bellDropdown li { width: 92%; position: relative; display: table; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; }
#bellDropdown li:hover { opacity: 0.75; transform: scale(1.10); }
#bellDropdown li:active { transform: scale(0.90); }
div.notificationInside { float: left; width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
li.notification-dropdown-item:first-of-type div.notificationInside { border-radius: 2vw 2vw 0vw 0vw; }
#bellDropdown li:nth-last-child(2) { padding: 0vw 0vw 0vw 0vw; border-radius: 0vw 0vw 2vw 2vw; }
#bellDropdown li:nth-of-type(odd) div.notificationInside { background: rgba(255,255,255,0.055); }
#bellDropdown li:nth-last-child(2), #bellDropdown li:nth-last-child(2) div.notificationInside { border-radius: 0vw 0vw 2vw 2vw; }
#bellDropdown li a:link, #bellDropdown a:visited { text-decoration: none; width: 100%; position: relative; display: table; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; color: #ffffff; z-index: 10; }
#bellDropdown li a:hover { text-decoration: none; z-index: 20; }
#bellDropdown p { width: 100%; position: relative; display: table; margin: 0vw auto 0vw auto; padding: 3vw 0vw 2.25vw 0vw; text-align: center; }
ul#bellDropdown li a div.notificationInside p span.notification-message { width: 95%; }
#bellDropdown p span.notification-actor { position: relative; display: block; margin: 0vw auto -2vw auto; padding: 0vw 0vw 0vw 0vw; font-family: 'Bitstream'; }
#bellDropdown p span.notification-message { position: relative; display: block; padding: 0vw 0vw 0vw 0vw; font-family: 'Open Sans Condensed'; opacity: 0.75; font-size: 3.5vw; }
#bellDropdown p span.notification-crew { position: relative; display: block; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; }
li.notification-dropdown-item:first-of-type p span.notification-timestamp { border-radius: 0vw 2vw 0vw 2vw !important; }
#bellDropdown p span.notification-timestamp { position: absolute; display: table; margin: 0vw 0vw 0vw auto; padding: 0.5vw 2vw 0.5vw 2vw; top: 0vw; right: 0vw; border-radius: 0vw 0vw 0vw 2vw; font-size: 2.5vw; background-image: linear-gradient(rgba(255,255,255,0.2),rgba(255,255,255,0.2)); }
#bellDropdown li:last-of-type a:link, #bellDropdown li:last-of-type a:visited { padding: 2vw 0vw 2vw 0vw; }

p.notification-display { margin: 4vw auto 2vw auto; padding: 3vw 0vw 3vw 0vw; }
p.notification-display span.notification-message a { margin: 4vw 2vw 0vw 0vw; }
p.notification-display span.notification-message a:last-of-type { margin: 0vw 0vw 0vw 0vw; }
span.notification-actor { position: relative; display: block; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; }
span.notification-message { position: relative; display: block; margin: 2vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; font-family: 'Open Sans Condensed'; }
span.notification-crew { position: relative; display: block; margin: 2vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; }
div.notification-actions { float: left; width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
form.notification-action-form { width: 100%; position: relative; display: table; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; text-align: center; }

#singleNotification-container { width: 95%; position: relative; display: table; margin: 0vw auto 0vw auto; padding: 4vw 0vw 4vw 0vw; }
div#singleNotification-container p.notification-display { margin: 0vw auto 0vw auto; }
div#singleNotification-container span.notification-message { width: 95%; }
p.individual-notification-timestamp { float: none; width: auto; position: absolute; margin: 0vw 0vw 0vw auto; padding: 1.5vw 2vw 1.5vw 2vw; background-image: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)); border-radius: 0vw 2vw 0vw 2vw; right: 0vw; top: 0vw; font-size: 2.5vw !important; z-index: 1000; opacity: 0.5 !important; }

div#singleNotification-container div.notification-actions a:link, div#singleNotification-container div.notification-actions a:visited { margin: 0vw 2vw 0vw 0vw; }
div#singleNotification-container div.notification-actions a:last-of-type:link, div#singleNotification-container div.notification-actions a:last-of-type:visited { margin: 0vw 0vw 0vw 0vw; }
div#singleNotification-container div.notifiaction-actions a:hover {}

/* Notification page notification styles */
div#newNotificationBanner {}
div#newNotificationBanner p:first-of-type { margin: 0vw 0vw 0vw 0vw; }
div#notifPageList, div#feedList { width: 100%; margin: 0vw auto; position: relative; display: table; padding: 0vw 0vw 2vw 0vw; }
div#notifPageList ul, div#feedList ul { float: left; width: 100%; position: relative; margin: 2vw auto 2vw auto; padding: 0vw 0vw 0vw 0vw; overflow: hidden; border-radius: 2vw; }
div#notifPageList ul li, div#feedList ul li { float: left; width: 100%; position: relative; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; border-radius: 0vw 0vw 0vw 0vw }
div#notifPageList ul li:first-of-type, div#feedList ul li:first-of-type { border-radius: 2vw 2vw 0vw 0vw !important; }
div#notifPageList ul li.singleNotification { border-radius: 2vw 2vw 2vw 2vw !important; }
div#notifPageList ul li.singleNotification a:link, div#notifPageList ul li.singleNotification a:visited { border-radius: 2vw 2vw 2vw 2vw !important; }
div#notifPageList ul li:last-of-type a:link, div#notifPageList ul li:last-of-type a:visited { border-radius: 0vw 0vw 2vw 2vw; }
div#notifPageList ul li:last-of-type, div#feedList ul li:last-of-type { border-radius: 0vw 0vw 2vw 2vw; }
/* div#notifPageList ul li:hover { opacity: 0.75; transform: scale(1.10); z-index: 9999; } */
/* div#notifPageList ul li:active { transform: scale(0.90); } */
div#notifPageList ul li a:link, div#notifPageList ul li a:visited { width: 100%; display: table; position: relative; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; color: #ffffff; text-decoration: none; box-shadow: 1vw 1vw 2vw 0vw rgba(0, 0, 0, 0.5); border-radius: 0vw 0vw 0vw 0vw; }
div#notifPageList ul li a:hover { text-decoration: none; }
div#notifPageList ul li p, div#feedList ul li p { float: none; position: relative; display: block; margin: 0vw auto 0vw auto; padding: 3vw 0vw 3vw 0vw; }
div#notifPageList ul li span.notification-actor { position: relative; display: block; margin: 0vw auto 2vw auto; padding: 0vw 0vw 0vw 0vw; }
div#notifPageList ul li span.notification-message { position: relative; display: block; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; font-family: 'Open Sans Condensed'; opacity: 0.75; }
div#notifPageList ul li span.notification-crew { position: relative; display: inline-block; margin: 2vw auto 0vw auto; padding: 0vw 0vw 0vw 2vw; }
div#notifPageList ul li:first-of-type span.notification-timestamp, div#feedList ul li:first-of-type span.feed-timestamp { border-radius: 0vw 2vw 0vw 2vw !important; }
div#notifPageList ul li span.notification-timestamp, div#feedList ul li span.feed-timestamp { font-family: 'Open Sans'; position: absolute; margin: 0px 0px 0px auto; padding: 0.5vw 2vw 0.5vw 2vw; top: 0vw; right: 0vw; background-image: linear-gradient(rgba(255,255,255,0.2),rgba(255,255,255,0.2)); color: #ffffff; border-radius: 0vw 0vw 0vw 2vw; font-size: 2.5vw; right: -2.15vw; }
div#notifPageList ul li:first-of-type span.notif-move-to-action { border-radius: 2vw 0vw 2vw 0vw !important; }
div#notifPageList ul li span.notif-move-to-active { font-family: 'Open Sans'; position: absolute; margin: 0px auto 0px 0px; padding: 0.5vw 2vw 0.5vw 2vw; top: 0vw; left: -2.15vw; background-image: linear-gradient(rgba(255,255,255,0.2),rgba(255,255,255,0.2)); color: #ffffff; border-radius: 0vw 0vw 2vw 0vw; font-size: 2.5vw; cursor: pointer; }
div#notifPageList ul li span.notif-move-to-active:hover { opacity: 1 !important; }
div#notifPageList ul li span.notif-move-to-active:hover span { text-decoration: underline; }
div#notifPageList ul ul.notification-actions { float: left; width: 100%; position: relative; display: table; margin: -3vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; list-style-type: none; text-align: center; }
div#notifPageList ul ul.notification-actions li { float: none; width: auto; position: relative; display: inline-block; margin: 0vw 2vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
div#notifPageList ul ul.notification-actions li p { width: 100%; }
div#notifPageList ul ul.notification-actions li:last-of-type { margin: 0vw 0vw 0vw 0vw; }
div#notifPageList ul ul.notification-actions li a:link, div#notifPageList ul ul.notification-actions li:visited { border-radius: 2vw; padding: 2vw 4vw; }
div#notifPageList ul ul.notification-actions li a:hover {}
div#notifPageList li.notification-item p, div#feedList p { width: 95%; }

.feed-redacted { filter: blur(1vw); user-select: none; cursor: default; text-transform: uppercase; font-weight: bolder; }

/* Social Feed Styles */
div#feedList ul li p { padding: 8vw 0vw 8vw 0vw; }
div#feedList ul li a:link, div#feedList ul li a:visited { color: #ffffff; text-decoration: none; white-space: nowrap; }
div#feedList ul li a:hover { color: #ffffff; text-decoration: none; opacity: 1; transition: all 0.3s ease; }
div#feedList ul li a:hover strong { text-decoration: underline; opacity: 0.75; transition: all 0.3s ease; }

/* Notification Settings */
ul.interactiveList { float: left; width: 100%; position: relative; display: table; margin: 2vw 0vw 2vw 0vw; padding: 0vw 0vw 0vw 0vw; }
ul.interactiveList li { margin: 0vw 0vw -0.1vw 0vw; }
ul.interactiveList li:first-of-type { border-radius: 2vw 2vw 0vw 0vw; }
ul.interactiveList li:last-of-type { border-radius: 0vw 0vw 2vw 2vw; }
ul.interactiveList li label { width: 100%; position: relative; display: table; margin: 0vw auto; padding: 2vw 0vw; }
ul.interactiveList li:hover { opacity: 0.75; }

/* ───────────────────────────────────────────────
   EXPANDING FILTER WRAPPER
   (applies to any filter section on any page)
   ─────────────────────────────────────────────── */
.expandingFilterForms {
    padding: 0 0 2vw 0; z-index: 99999;
}

.expandingFilterForms h2 {
    margin: 2vw auto 0 auto;
}

.expandingFilterHeadline a {
    width: 100%;
    display: table;
    position: relative;
    text-decoration: none;
}

.expandingFilterHeadline a:hover {
    text-decoration: none;
}

/* Collapsible form body */
.expandingFilterForm {
    width: 95%;
    display: inline-block;
    margin: 2vw auto 0vw auto;
    padding: 2vw 2vw 2vw 2vw;
    position: relative; border-radius: 2vw 2vw 2vw 2vw;
}

/* ───────────────────────────────────────────────
   FILTER ROWS (generic layout system)
   ─────────────────────────────────────────────── */

/* Base row */
.filterRow {
    width: 100%;
    display: flex;
    gap: 1vw;
    align-items: center;
    margin: 0 0 1.5vw 0;
}

/* 1 column that goes full width */
.filterRow-1col { display: table; }

/* 2 equal columns */
.filterRow-2col > div {
    flex: 1;
    min-width: 0;
}

/* 3 equal columns */
.filterRow-3col > div {
    flex: 1;
    min-width: 0;
}

/* Block layout (single column stacked) */
.filterRow-block {
    display: block;
}

.filterRow-block > div {
    width: 100%;
    margin-bottom: 1.5vw;
}

/* ───────────────────────────────────────────────
   BUTTON ROWS (Reset + Search)
   ─────────────────────────────────────────────── */
.expandingFilterForm ul {
    width: 100%;
    display: table;
    margin: 0;
    padding: 0;
    text-align: center;
}

.expandingFilterForm li {
    display: inline-block;
    margin: 0 2vw 0 0;
    padding: 0;
}
.expandingFilterForm li:last-of-type { margin: 0vw 0vw 0vw 0vw; }

.expandingFilterForm li p { float: none;
    display: inline-block;
    margin: 0;
    padding: 0;
}

/* ───────────────────────────────────────────────
   ICON ANIMATION
   ─────────────────────────────────────────────── */
.toggle-icon.rotate {
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}

#gameList {
  display: flex; width: 100%; text-align: center;
  flex-wrap: wrap;         /* allow multiple rows */
  gap: 0%;                 /* space between cards */
  margin: 0;
  padding: 0;
  list-style: none; margin: 0vw 0vw 4vw 0vw; padding: 0vw 0vw 0vw 0vw;
}

ul.gameCards { float: left; width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; list-style-type: none; }
ul.gameCards li.gameCard:last-of-type { margin: 0vw auto 4vw auto; }
.gameCard-name { float: left; width: 100%; position: relative; display: table; margin: -2vw 0vw 0vw 0vw; padding: 3vw 0vw 1vw 0vw; border-radius: 2vw 2vw 2vw 2vw; }
div.gameCard-name img.avatarGame { margin: 0vw 2.5vw 0vw 0vw; }
div.gameCard-name span.emoji_star { top: 3vw; left: 4.4vw; }
div.gameCard-name span.emoji_fire { top: 3vw; left: -4.4vw; }
.gameCard-details { float: left; width: 100%; position: relative; display: table; margin: 2vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
.gameCard-details-left { float: left; width: 28%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; text-align: left; }
div.gameCard-details-left p { position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
.gameCard-details-right { float: left; width: 72%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; text-align: right; }
div.gameCard-details-right p { position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
.gameCard-description { float: left; width: 100%; position: relative; display: table; margin: 2vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }

/* Hide arrows in Chrome, Edge, Brave, Opera */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Hide arrows in Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.customNumberInput {
    transition: color 0.3s ease;
}

#roundWarning {
    transition: color 0.3s ease;
}

.colorPicker { 
    float: left; 
    width: 100%; 
    position: relative; 
    display: table; 
    margin: 0vw 0vw 6vw 0vw; 
    padding: 0vw 0vw 0vw 0vw; 
    text-align: center; 
}
div.colorPicker label { 
    width: auto; 
    height: auto; 
    display: inline-block; 
    margin: 1vw 1vw 1vw 1vw; 
    padding: 1vw 2vw 1vw 2vw;
    cursor: pointer;
    transition: all 0.3s ease;
    border: 0.5vw solid transparent;
}
/* Hide radio buttons */
div.colorPicker input[type="radio"] {
    display: none;
}
/* Hover preview */
div.colorPicker label:hover {
    border-color: #444;
    box-shadow: 0 0 1vw rgba(68,68,68,0.6);
}
/* Selected: golden flare */
div.colorPicker input[type="radio"]:checked + label {
    border: 0.5vw solid transparent;
    border-top-color: #e6c637;
    border-left-color: #e6c637;
    border-bottom-color: #78350f;
    border-right-color: #78350f;
    box-shadow: 0 0 2vw rgba(230,198,55,0.8),
                0 0 4vw rgba(120,53,15,0.6);
}

/* Locked color styling for free users */
.colorPicker-locked .locked-color {
    display: inline-block;
    position: relative;
}

.colorPicker-locked .locked-color label.locked {
    opacity: 0.33;
    cursor: not-allowed;
    position: relative;
}

/* Remove the ::after entirely */
.colorPicker-locked .locked-color label.locked::after {
    display: none;
}

/* Container for any radio-based selection UI */
.radioPicker {
    float: left;
    width: 100%;
    position: relative;
    display: table;
    margin: 0vw 0vw 6vw 0vw;
    padding: 0vw 0vw 0vw 0vw;
    text-align: center;
}

/* Each option label */
div.radioPicker label {
    width: auto;
    height: auto;
    display: inline-block;
    margin: 1vw 1vw 1vw 1vw;
    padding: 1vw 2vw 1vw 2vw;
    cursor: pointer;
    border: 0.5vw solid transparent;
    transition: all 0.3s ease;
}

/* Hide the actual radio inputs */
div.radioPicker input[type="radio"] {
    display: none;
}

/* Hover preview */
div.radioPicker label:hover {
    border-color: #444;
    box-shadow: 0 0 1vw rgba(68,68,68,0.6);
}

/* Selected state (using the golden-yellow highlight) */
div.radioPicker input[type="radio"]:checked + label {
    border: 0.5vw solid transparent;
    border-top-color: #e6c637;   /* golden yellow */
    border-left-color: #e6c637;  /* golden yellow */
    border-bottom-color: #78350f; /* deep gold/brown */
    border-right-color: #78350f;  /* deep gold/brown */
    box-shadow: 0 0 2vw rgba(230,198,55,0.8),
                0 0 4vw rgba(120,53,15,0.6);
}

/* Container for any checkbox-based selection UI */
.checkboxPicker {
    float: left;
    width: 100%;
    position: relative;
    display: table;
    margin: 0vw 0vw 6vw 0vw;
    padding: 0vw 0vw 0vw 0vw;
    text-align: center;
}

/* Each option label */
div.checkboxPicker label {
    width: auto;
    height: auto;
    display: inline-block;
    margin: 1vw 1vw 1vw 1vw;
    padding: 1vw 2vw 1vw 2vw;
    cursor: pointer;
    border: 0.5vw solid transparent;
    transition: all 0.3s ease;
}

/* Hide the actual checkbox inputs */
div.checkboxPicker input[type="checkbox"] {
    display: none;
}

/* Hover preview */
div.checkboxPicker label:hover {
    border-color: #444;
    box-shadow: 0 0 1vw rgba(68,68,68,0.6);
}

/* Selected state */
div.checkboxPicker input[type="checkbox"]:checked + label {
    border: 0.5vw solid transparent;
    border-top-color: #e6c637;
    border-left-color: #e6c637;
    border-bottom-color: #78350f;
    border-right-color: #78350f;
    box-shadow: 0 0 2vw rgba(230,198,55,0.8),
                0 0 4vw rgba(120,53,15,0.6);
}

/* Upgrade link styling */
.upgrade-link {
    color: #b794f4;
    font-weight: bold;
    text-decoration: underline;
}

.upgrade-link:hover {
    color: #9f7aea;
}

.crewHeader { width: 100%; padding: 0vw 0vw 0vw 0vw; margin: -4vw 0vw 4vw 0vw; border-radius: 2vw 2vw 0vw 0vw; }
.crew-header-emoji { width: 100%; position: relative; display: table; margin: 6vw 0vw 4vw 0vw; padding: 0vw 0vw 0vw 0vw; text-align: center; }
.user-header-emoji { width: 100%; position: relative; display: table; margin: 6vw 0vw 4vw 0vw; padding: 0vw 0vw 0vw 0vw; text-align: center; }
.manage-crew-error { margin: 6vw auto 0vw auto; }
div.crew-header-emoji h2 { width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; text-align: center; }
div.user-header-emoji h2 { width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; text-align: center; }
div.crew-header-emoji h2 img { width: 10vw; height: auto; position: relative; display: table; margin: 0vw auto; padding: 0vw 0vw 0vw 0vw; }
div.user-header-emoji h2 img { width: 10vw; height: auto; position: relative; display: table; margin: 0vw auto; padding: 0vw 0vw 0vw 0vw; z-index: 10; }
p.crew-details-tagline { width: 100%; position: relative; display: table; margin: -3vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; }
p.crew-details-since { width: 100%; position: relative; display: table; margin: 1vw auto -1vw auto; padding: 0vw 0vw 0vw 0vw; }
.crew-details-joinDate { width: 100%; position: relative; display: table; margin: 0vw auto 1vw auto; padding: 0vw 0vw 0vw 0vw; }

span#user-header-emoji-onlineStatus { position: relative; display: inline-block; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; z-index: 20; top: 14.5vw; right: -8.5vw; }
span#user-header-emoji-onlineStatus img { width: 2.5vw; height: auto; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
/* span#user-header-the-emoji { position: relative; display: inline-block; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; } */

div.adminNewsUpdates textarea#title { height: 13vw; }
div.adminNewsUpdates textarea#short_story { height: 21vw; }

div.newsAdminCategoryRadios { float: left; width: 100%; position: relative; display: table; margin: 0vw 0vw 6vw 0vw; padding: 4vw 0vw 2vw 0vw; text-align: center; }
div.newsAdminCategoryRadios label { width: auto; position: relative; display: inline-block; margin: 0vw 1vw 2vw 1vw; padding: 1vw 2vw; }

.newsAdminContent { height: 80vw; }

ul.newsAdminButtons { width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; text-align: center; list-style-type: none; }
ul.newsAdminButtons li { width: auto; position: relative; display: inline-block; margin: 0vw 2vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
ul.newsAdminButtons li:last-of-type { margin: 0vw 0vw 0vw 0vw; }

div.news-adminActions { float: left; width: 100%; position: relative; display: table; margin: -4vw 0vw -2vw 0vw; padding: 0vw 0vw 0vw 0vw; }
div.news-adminActions ul { float: left; width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; list-style-type: none; text-align: center; }
div.news-adminActions ul li { width: auto; position: relative; display: inline-block; margin: 0vw 2vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
div.news-adminActions ul li:last-of-type { margin: 0vw 0vw 0vw 0vw; }
div.news-adminActions p {}

form.filterForm label { margin: 0vw 0vw 0vw 0vw; }

label.checkboxWithDescription { float: left; width: 100%; position: relative; display: table; margin: 2vw 0vw 1vw 0vw; padding: 0vw 0vw 0vw 0vw; text-align: center; }

p.smallButton { position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }

ul.newsList { width: 100%; position: relative; display: table; margin: -2vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; list-style-type: none; }
ul.newsList li { float: left; width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
ul.newsList li a:link, ul.newsList li a:visited { padding: 4vw 0vw 4vw 0vw; }
ul.newsList li a:hover {}
ul.newsList li a:hover h3 span { text-decoration: underline; }
ul.newsList h3 { float: none; width: 92%; position: relative; display: table; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; text-align: center; }
ul.newsList-details { width: 100%; position: relative; display: table; margin: 2vw auto 3vw auto; padding: 0vw 0vw 0vw 0vw; text-align: center; list-style-type:none; }
ul.newsList-details li { float: none; width: auto; position: relative; display: inline-block; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; }
ul.newsList-details li:after { content: '\00a0\00a0\00a0\00a0\00a0/\00a0\00a0\00a0\00a0\00a0'; font-family: 'Open Sans'; font-size: 3vw; color: #ffffff; opacity: 0.25; position: relative; top: -0.75vw; }
ul.newsList-details li:last-of-type:after { display: none; }
ul.newsList-details li p { position: relative; width: auto; display: inline-block; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; }
ul.newsList p.newsList-excerpt { float: none; width: 92%; position: relative; display: table; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; text-align: center; }
ul.newsList li.newsItem a:link, ul.newsList li.newsItem a:visited { text-decoration: none; }
ul.newsList li.newsItem a:hover {}
ul.newsList li.newsItem:hover { transform: scale(1.05); opacity: 0.75; }
ul.newsList p.newsList-excerpt { color: #ffffff; }

.newsArticleMeta { margin: -2vw auto 0vw auto; }
/* .newsArticleContent { margin: 4vw auto 4vw auto; padding: 4vw 2vw 0vw 2vw; } */

.newsList-edit { float: left; width: 100%; position: relative; display: table; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; list-style-type: none; }
.newsList-edit li { padding: 4vw 0vw 4vw 0vw !important; }
.newsList-edit ul li { padding: 0vw 0vw 0vw 0vw !important; }
.newsList-edit h3 { float: none; width: 92%; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; }
.newsList-edit ul.newsList-details { float: none; width: 100%; position: relative; display: table; margin: 2vw 0vw 1vw 0vw; padding: 0vw 0vw 0vw 0vw; list-style-type: none; }
.newsList-edit p.newsList-excerpt { float: none; width: 92%; margin: 0vw auto 0vw auto; text-align: center; }

div.newsEditing-postDetails p { padding: 2vw 0vw 2vw 0vw; font-size: 3.5vw; opacity: 0.5; }
.notAllowed, .notAllowed:hover { cursor: not-allowed; }

.faq-question {
    display: flex;
    align-items: center;          /* vertical centering */
    justify-content: space-between;
    padding: 2vw 0vw 2vw 0vw;
    cursor: pointer;
}

.faq-question-left {
    flex: 1;                      /* takes all available space */
}

.faq-question-left h4 { float: none;
    margin: 0vw 0vw 0vw auto; width: 96%;
}

.faq-question-right {
    flex: 0.05 0 auto;               /* only as wide as needed */
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 0vw;
}
.faq-question-right h4 { margin: 0vw 2vw 0vw auto; }

.faq-toggle-icon {
    pointer-events: none;         /* ensures clicks hit the container */
    transition: opacity 150ms ease;
}

div.faqContainer { padding: 2vw 2vw 2vw 2vw; }
div.faq-item:first-of-type div.faq-question { border-radius: 2vw 2vw 0vw 0vw; }
/* Default: last question has rounded bottom corners */
div.faq-item:last-of-type .faq-question {
    border-radius: 0vw 0vw 2vw 2vw;
    /* transition removed so opening snaps instantly */
}

/* When open: remove rounding from question */
div.faq-item.open:last-of-type .faq-question {
    border-radius: 0vw 0vw 0vw 0vw;
}

/* Closing animation handled here */
div.faq-item.open:last-of-type .faq-answer {
    border-radius: 0vw 0vw 2vw 2vw;
    transition: border-radius 300ms ease;
}
div.faq-answer { float: left; width: 100%; position: relative; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; }
div.faq-answer p { float: none; width: 92%; position: relative; display: table; margin: 4vw auto; padding: 0vw 0vw 0vw 0vw; text-align: center; }

div#notificationPrefContainer { float: left; width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
div#notificationPrefContainer h3:first-of-type { margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; }
div#notificationPrefContainer h3 { float: left; width: 100%; position: relative; display: table; margin: 2vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; }
div#notificationPrefContainer ul li { float: left; width: 100%; position: relative; display: table; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; border-bottom: 0.25vw solid #1f2937; }
div#notificationPrefContainer ul li:last-of-type { border-bottom: 0vw solid; }
div#notificationPrefContainer div.notifPref-header p { float: left; width: 100%; position: relative; display: table; margin: 2vw auto 2vw auto; padding: 0vw 0vw 0vw 0vw; font-weight: bolder; }
div#notificationPrefContainer ul li ul { float: left; width: 100%; position: relative; display: table; margin: 0vw auto 2vw auto; padding: 0vw 0vw 0vw 0vw; text-align: center; }
div#notificationPrefContainer ul li ul li { float: none; width: auto; position: relative; display: inline-block; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; border-bottom: 0vw solid; }
div#notificationPrefContainer ul li ul li:first-of-type label:after { float: none; width: auto; content: '/'; position: relative; display: inline-block; margin: 0vw 4vw 0vw 3vw; padding: 0vw 0vw 0vw 0vw; color: #1f2937; font-weight: normal; }
div#notificationPrefContainer ul li ul.notifPref-oneOption li:first-of-type label:after { content: ''; display: none; }
div#notificationPrefContainer ul li ul li label { margin: 0vw 0vw 0vw 0vw; font-weight: normal; }

ul.manageMembers ul li a:link, ul.manageMembers ul li a:visited { color: #ffffff; }
ul.manageMembers ul li a:hover {}
ul.manageMembers ul li a:hover span span { text-decoration: underline; }

div.rootSubHeaderItem { position: relative; float: right; }
div.rootSubHeaderItem > ul { list-style-type: none; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; text-align: right; }
div.rootSubHeaderItem ul li { display: inline-block; margin: 0; padding: 0; }
div.rootSubHeaderItem ul li p { margin: 0; padding: 0; }

a.quickLinksTrigger:link, a.quickLinksTrigger:visited { border-radius: 2vw 2vw 2vw 2vw; text-decoration: none; color: #ffffff; padding: 1vw 1vw 1vw 2vw; opacity: 1; }
a.quickLinksTrigger:hover { opacity: 0.75; }

/* POP-OUT MENU */
.quickLinks { position: absolute; width: 48vw; display: none; top: 5vw; right: 0vw; border-radius: 0vw 0vw 2vw 2vw; top: 9vw; z-index: 9999; }
.quickLinks ul { float: left; width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; text-align: center; list-style-type: none; }
.quickLinks ul li { float: left; width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; text-align: center;     border-bottom: 0.25vw solid #111; }
.quickLinks ul li:last-of-type { border-bottom: 0vw solid; }
.quickLinks ul li a:link, .quickLinks ul li a:visited { width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 2vw 0vw 2vw 0vw; text-decoration: none; color: #ffffff; opacity: 1; }
.quickLinks ul li a:hover { opacity: 0.75; }
.quickLinks ul li:first-of-type a:hover {}
.quickLinks ul li:last-of-type a:link, .quickLinks ul li:last-of-type a:visited { border-radius: 0vw 0vw 2vw 2vw; }
.quickLinks ul li:last-of-type a:hover {}
.quickLinks .signout {}

div.rootSubHeaderItem { margin: -2vw 0vw 0vw 0vw; }
div.rootSubHeaderItem ul { float: right; width: auto; position: relative; display: table; margin: 0vw 0vw 0vw auto; padding: 0vw 0vw 0vw 0vw; text-align: right; }
div.rootSubHeaderItem ul:last-of-type { margin: 0vw 0vw 0vw 0vw; }
div.rootSubHeaderItem ul li { float: left; width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
div.rootSubHeaderItem ul li img.quickLinksToggleIcon { width: 5vw; height: 5vw; top: 1vw; position: relative; }
div.rootSubHeaderItem ul.subHeader-button:first-of-type a { border-radius: 0vw 2vw 2vw 0vw; }
div.rootSubHeaderItem ul.subHeader-button:nth-of-type(2) { border-radius: 0vw 0vw 0vw 0vw; }
div.rootSubHeaderItem ul.subHeader-button:nth-of-type(2) a { border-radius: 0vw 0vw 0vw 0vw; }
div.rootSubHeaderItem ul.subHeader-button:last-of-type a { border-radius: 2vw 0vw 0vw 2vw; }

div.registerNotifPref small { margin: 0vw 0vw 1.5vw 0vw; }
div.registerNotifPref label:last-of-type { padding-bottom: 3.5vw; }

.simplified-crew-header-headline { margin-bottom: 1vw; }

ul.memberListRules { margin: 4vw auto 4vw auto; list-style-type: none; padding: 0vw 0vw 0vw 0vw; }
ul.memberListRules li { width: 100%; position: relative; display: table; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; }
ul.memberListRules li p { margin: 1vw auto 1vw auto; }
ul.memberListRules li p img { width: 3.5vw !important; height: 3.5vw !important; }

.crew-options { float: left; width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
div.crew-options ul { float: left; width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; list-style-type: none; text-align: center; }

/* When only one button, make it full width and centered */
div.crew-options.single-button ul li { 
    float: none; 
    display: block; 
    margin: 0 auto; 
}
div.crew-options.single-button ul li p { 
    text-align: center; 
}
div.crew-options.single-button ul li a {
    display: inline-block;
}

/* When multiple buttons, keep them inline */
div.crew-options.multiple-buttons ul li { 
    display: inline-block; 
    margin: 0vw 2vw 0vw 0vw;
}
div.crew-options.multiple-buttons ul li:last-of-type { margin: 0vw 0vw 0vw 0vw; }

/* Fixed height container with internal scrolling */
.crew-members-scroll { float: left; width: 100%; position: relative; display: block; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; border-radius: 0vw 0vw 2vw 2vw;
}

.crew-member-mod-container { float: left; width: 100%; position: relative; display: table; margin: -1vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }

ul.main-crew-members-list li ul li span.badge { top: 0.3vw; }

div.crew-member-info { width: 95%; position: relative; display: table; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; z-index: 20; }
div#crew-members-list { width: 98%; position: relative; display: table; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; z-index: 10; }
div#crew-members-list ul li ul li span.badge { display: inline-block; }

div.startCrewEmojiList li.tier-section ul.tier-group label { border-radius: 100%; }

ul#subPageButtons { width: 100%; position: relative; display: table; padding: 0vw 0vw 4vw 0vw; }
ul#subPageButtons li { display: inline-block; position: relative; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }

div#user-stats-list, div#game-stats-list, div#arcade-stats-list { width: 98%; position: relative; display: table; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; z-index: 10; }
ul.user-stats-headline { float: left; width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 2vw 0vw 1.25vw 0vw; list-style-type: none; border-radius: 2vw 2vw 0vw 0vw; }
ul.user-stats-headline li:first-of-type { float: left; width: 44%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
ul.user-stats-headline li:first-of-type p { text-align: left; }
ul.user-stats-headline li:nth-of-type(2) { float: left; width: 26%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
ul.user-stats-headline li:nth-of-type(3) { float: left; width: 30%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
ul.user-stats-headline li p { margin: 0vw 0vw 0vw 0vw; }

.user-stats { width: 100%; padding: 0vw 0vw 0vw 0vw; margin: 0vw auto 2vw auto; }
div#user-stats-list div.user-stats, div#game-stats-list div.user-stats, div#arcade-stats-list div.user-stats { border-radius: 0vw 0vw 2vw 2vw; }
div.user-stats ul { float: left; width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; list-style-type: none; }
div.user-stats ul li { float: left; width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
div.user-stats ul li ul { float: left; width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; list-style-type: none; }
div.user-stats ul li ul li { float: left; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
div.user-stats ul li ul li:first-of-type { width: 44%; }
div.user-stats ul li ul li:first-of-type p { text-align: left; left: 2vw; position: relative; }
div.user-stats ul li ul li:nth-of-type(2) { width: 26%; }
div.user-stats ul li ul li:first-of-type, div.user-stats ul li ul li:nth-of-type(2) { margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
div.user-stats ul li ul li:first-of-type p { margin: 2.7vw 0vw 0vw 0vw; }
div.user-stats ul li ul li:nth-of-type(2) p { margin: 3.2vw auto 2.2vw auto; }
div.user-stats ul li ul li:last-of-type { width: 30%; }
div.user-stats ul li ul li:last-of-type p { margin: 0vw auto 0vw auto; }
div.user-stats ul li ul li:last-of-type p a { padding: 0.5vw 2vw; }
div.user-stats ul li:nth-of-type(even) { background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); }

/* ═══════════════════════════════════════════════════════════
   GAME LIST STYLES
   Cloned from members-list but scoped to games-list classes.
   Tweak freely without affecting members/crews lists.
   ═══════════════════════════════════════════════════════════ */

/* ── Headline row (column labels) ── */
ul.games-list-headline {
    float: left;
    width: 100%;
    position: relative;
    display: table;
    margin: 0vw 0vw 0vw 0vw;
    padding: 2vw 0vw 1.25vw 0vw;
    list-style-type: none;
    border-radius: 2vw 2vw 0vw 0vw;
}
ul.games-list-headline li:first-of-type {
    float: left;
    width: 50%;
    position: relative;
    display: table;
    margin: 0vw 0vw 0vw 0vw;
    padding: 0vw 0vw 0vw 0vw;
    text-align: left;
}
ul.games-list-headline li:first-of-type p {
    text-align: left;
}
ul.games-list-headline li:nth-of-type(2) {
    float: left;
    width: 33%;
    position: relative;
    display: table;
    margin: 0vw 0vw 0vw 0vw;
    padding: 0vw 0vw 0vw 0vw;
    text-align: center;
}
ul.games-list-headline li:nth-of-type(3) {
    float: left;
    width: 17%;
    position: relative;
    display: table;
    margin: 0vw 0vw 0vw 0vw;
    padding: 0vw 0vw 0vw 0vw;
    text-align: center;
}
ul.games-list-headline li:nth-of-type(2) p {
    text-align: center;
    margin: 0vw auto 0vw auto;
}
ul.games-list-headline p {
    position: relative;
    display: table;
    margin: 0vw 0vw 0vw 0vw;
    padding: 0vw 0vw 0vw 0vw;
}
ul.games-list-headline li:nth-of-type(3) p {
    margin: 0vw auto;
}

/* ── List container ── */
ul.games-list {
    float: left;
    width: 100%;
    position: relative;
    display: table;
    margin: 0vw 0vw 0vw 0vw;
    padding: 0vw 0vw 0vw 0vw;
    list-style-type: none;
    border-radius: 0vw 0vw 2vw 2vw;
}

/* ── Each row ── */
ul.games-list li {
    float: left;
    width: 100%;
    position: relative;
    display: table;
    margin: 0vw 0vw 0vw 0vw;
    padding: 0vw 0vw 0vw 0vw;
}

/* ── Alternating row shading ── */
ul.games-list > li:nth-of-type(even) {
    background-image: linear-gradient(rgba(0,0,0,0.15), rgba(0,0,0,0.15));
}

/* ── The anchor that fills each row ── */
.gameList-link:link,
.gameList-link:visited,
.gameList-link {
    float: left;
    width: 100%;
    position: relative;
    display: table;
    margin: 0vw 0vw 0vw 0vw;
    padding: 3.5vw 0vw 2.5vw 0vw;
    color: #ffffff;
    text-decoration: none;
    transition: all 0.3s ease;
}
.gameList-link:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: rgba(0,0,0,0.3);
    transition: all 0.3s ease;
}

/* ── Inner column list ── */
ul.games-list li ul {
    float: left;
    width: 100%;
    position: relative;
    display: table;
    margin: 0vw 0vw 0vw 0vw;
    padding: 0vw 0vw 0vw 0vw;
    list-style-type: none;
}

/* ── Inner row even shading override ── */
ul.games-list li ul li:nth-of-type(even) {
    background-image: linear-gradient(rgba(0,0,0,0.15), rgba(0,0,0,0.15)) !important;
    margin: -3.5vw 0vw -2.5vw 0vw !important;
    padding: 3.5vw 0vw 2.5vw 0vw !important;
}

/* ── Column 1: Game name ── */
ul.games-list li ul li:first-of-type {
    float: left;
    width: 50%;
    position: relative;
    display: table;
    margin: 0vw 0vw 0vw 0vw;
    padding: 0vw 0vw 0vw 0vw;
    text-align: left;
}

/* ── Column 2: Genre ── */
ul.games-list li ul li:nth-of-type(2) {
    float: left;
    width: 33%;
    position: relative;
    display: table;
    margin: 0vw 0vw 0vw 0vw;
    padding: 0vw 0vw 0vw 0vw;
    text-align: center;
}

/* ── Column 3: Players ── */
ul.games-list li ul li:nth-of-type(3) {
    float: left;
    width: 17%;
    position: relative;
    display: table;
    margin: 0vw 0vw 0vw 0vw;
    padding: 0vw 0vw 0vw 0vw;
    text-align: center;
}

/* ── Cell paragraphs ── */
ul.games-list li ul li p {
    float: left;
    width: 100%;
    position: relative;
    display: table;
    margin: 0vw 0vw 0vw 0vw;
    padding: 0vw 0vw 0vw 0vw;
}

/* ── Game name span (offset like username) ── */
ul.games-list li ul li p span.game-title {
    position: relative;
    left: 3vw;
}

ul.games-list li ul li p span.game-title span.emoji_fire { top: 1vw; }
ul.games-list li ul li p span.game-title span.emoji_star { top: 2.75vw; }

/* ── Fire icon (hot game) — bottom-left of avatar, rises up on entrance ── */
span.emoji_fire {
    position: absolute;
    display: inline-block;
    z-index: 500;
    top: -1vw;
    left: -2.9vw;
}
span.emoji_fire img {
    width: 4.75vw;
    height: 4.75vw;
}


ul.gameList-colorKey { float: left; width: 100%; position: relative; display: table; margin: 0vw 0vw 4vw 0vw; padding: 0vw 0vw 0vw 0vw; list-style-type: none; text-align: center; }
ul.gameList-colorKey li { position: relative; display: inline-block; margin: 0vw 8vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
ul.gameList-colorKey li:last-of-type { margin: 0vw 0vw 0vw 0vw; }
.gameList-keySwatchFree,
.gameList-keySwatchPremium,
.gameList-keySwatchStar {
    display: inline-block;
    width: 3vw;
    height: 3vw;
    border-radius: 0.25vw;
}
.gameList-keySwatchFree, .gameList-keySwatchPremium { top: 0.5vw; position: relative; }
.gameList-keySwatchStar { top: 0.75vw; position: relative; }
.gameList-keySwatchFree      { background: linear-gradient(145deg, #34c46a, #14532d); }
.gameList-keySwatchPremium   { background: linear-gradient(145deg, #a86ae4, #4a176f); }
.gameList-keySwatchStar img  { width: 3vw; height: 3vw; display: block; }

ul.crewUserManagement-list li ul li:nth-of-type(3) { margin: -2vw 0vw 0vw 0vw; }
form.crewUserManagement-form { width: auto; position: relative; display: inline-block; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; height: 0vw; }
form.crewUserManagement-form button { width: auto; height: auto; position: relative; font-size: 0vw; margin: 0vw 0vw 0vw 0vw; padding: 1vw 1.25vw; top: 0.5vw; }
form.crewUserManagement-form button img { width: 4vw !important; height: 4vw; }
a.crewUserManagement-link:link, a.crewUserManagement-link:visited { width: auto; position: relative; display: inline-block; margin: 0vw 0vw 0vw 0vw; padding: 1vw 1.25vw 0.5vw 1.25vw; text-transform: uppercase; font-family: 'Open Sans Condensed'; font-size: 2.5vw; line-height: 0%; top: 0.6vw; }
a.crewUserManagement-link:hover {}
a.crewUserManagement-link img { width: 4vw !important; height: 4vw; }
p.crewUserManagement-none { top: 1.25vw !important; }

#newsRotatingBanner { background-color: rgba(0,0,0,0.4);
    position: relative; 
    display: block; 
    width: 100%; 
    margin: -0.6vw 0vw 0vw 0vw; 
    overflow: hidden; border-radius: 0vw 0vw 2vw 2vw;
}

p.crewUserManagement-pointer {
    width: 100% !important;
    position: relative !important;
    text-align: left;
    display: table !important;
    margin: 2vw 0vw 0vw 0vw !important;
    padding: 0vw 0vw 0vw 0vw !important;
}
div#newsRotatingBanner button.bannerNav { position: absolute; transform: translateY(-50%); background: rgba(0,0,0,0.75); border: 0vw solid; color: #ffffff; font-size: 4vw; line-height: 0vw; font-weight: bolder; padding: 3.5vw 2.5vw; cursor: pointer; bottom: -4.5vw; border-radius: 50%; z-index: 7500; }
div#newsRotatingBanner button#bannerPrev { left: 0.75vw; }
div#newsRotatingBanner button#bannerNext { right: 0.75vw; }
div#bannerSlidesContainer { width: 100%; position: relative; display: block; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
div#bannerSlidesContainer div.banner-slide { top: 0vw; left: 0vw; width: 100%; border-radius: 0vw 0vw 2vw 2vw; padding: 0vw 0vw 0vw 0vw; margin: 0vw 0vw 0vw 0vw; }
div#bannerSlidesContainer div.banner-counter { width: 9.1vw; height: auto; position: absolute; top: 0vw; left: -0.1vw; background: rgba(0,0,0,0.5); border-radius: 0vw 0vw 2vw 0vw; }
div#bannerSlidesContainer div.banner-counter p { font-size: 3vw; line-height: 0vw; color: #ffffff; padding: 3vw 0vw 0vw 0vw; }
div#bannerSlidesContainer button.banner-markAsRead { width: 9.1vw; height: auto; position: absolute; top: -2vw; right: 0.1vw; background: rgba(244, 63, 94, 1); border-radius: 0vw 0vw 0vw 2vw; font-size: 3vw; line-height: 0vw; color: #ffffff; padding: 3.85vw 0vw; border: 0vw solid; font-weight: bolder; }
div#bannerSlidesContainer button.banner-markAsRead:hover { background: rgba(244, 63, 94, 0.75); }
div#bannerSlidesContainer a.banner-content-link:link, div#bannerSlidesContainer a.banner-content-link:visited { width: 76%; height: 8.4vw; position: relative; display: flex; align-items: center; justify-content: center; margin: 8vw auto 0vw auto; padding: 0vw 0vw 8vw 0vw; color: #ffffff; text-decoration: none; opacity: 1; }
div#bannerSlidesContainer a.banner-content-link:hover { text-decoration: none; opacity: 0.75; }
div#bannerSlidesContainer div.banner-content { width: 100%; position: relative; display: table; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; text-align: center; }
div#bannerSlidesContainer div.banner-content p { width: 100%; position: relative; display: table; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; }
div#bannerSlidesContainer a.banner-content-link:hover div.banner-content span { text-decoration: underline; }

/* ── Arcade Leaderboard List ── */
ul.arcade-leaderboard-headline {
    float: left; width: 100%; position: relative; display: table;
    margin: 0; padding: 2vw 0 1.25vw 0;
    list-style-type: none; border-radius: 2vw 2vw 0 0;
}
ul.arcade-leaderboard-headline li:first-of-type {
    float: left; width: 50%; position: relative; display: table;
    margin: 0; padding: 0; text-align: left;
}
ul.arcade-leaderboard-headline li:first-of-type p { text-align: left; }
ul.arcade-leaderboard-headline li:nth-of-type(2) {
    float: left; width: 30%; position: relative; display: table;
    margin: 0; padding: 0; text-align: center;
}
ul.arcade-leaderboard-headline li:nth-of-type(2) p { text-align: center; margin: 0 auto; }
ul.arcade-leaderboard-headline li:nth-of-type(3) {
    float: left; width: 20%; position: relative; display: table;
    margin: 0; padding: 0; text-align: center;
}
ul.arcade-leaderboard-headline li:nth-of-type(3) p { margin: 0 auto; }
ul.arcade-leaderboard-headline p { position: relative; display: table; margin: 0; padding: 0; }

ul.arcade-leaderboard-list {
    float: left; width: 100%; position: relative; display: table;
    margin: 0; padding: 0; list-style-type: none; border-radius: 0 0 0vw 2vw;
}
ul.arcade-leaderboard-list li {
    float: left; width: 100%; position: relative; display: table; margin: 0; padding: 0;
}
ul.arcade-leaderboard-list li:nth-of-type(even) {
    background-image: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2));
}
ul.arcade-leaderboard-list li ul {
    float: left; width: 100%; position: relative; display: table;
    margin: 0; padding: 0; list-style-type: none;
}
ul.arcade-leaderboard-list li ul li:nth-of-type(even) {
    background-image: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)) !important;
    margin: -3vw 0 -2vw 0 !important; padding: 3vw 0 2vw 0 !important;
}
ul.arcade-leaderboard-list .usernameList {
    float: left; width: 100%; position: relative; display: table;
    margin: 0; padding: 3vw 0 2vw 0; color: #fff; text-decoration: none;
}
ul.arcade-leaderboard-list li ul li:first-of-type {
    float: left; width: 50%; position: relative; display: table; margin: 0; padding: 0; text-align: left;
}
ul.arcade-leaderboard-list li ul li:nth-of-type(2) {
    float: left; width: 30%; position: relative; display: table; margin: 0; padding: 0; text-align: center;
}
ul.arcade-leaderboard-list li ul li:nth-of-type(3) {
    float: left; width: 20%; position: relative; display: table; margin: 0; padding: 0; text-align: center;
}
ul.arcade-leaderboard-list li ul li p {
    float: left; width: 100%; position: relative; display: table; margin: 0; padding: 0;
}
ul.arcade-leaderboard-list li ul li p span.username { position: relative; left: 3vw; }

.arcade-leaderboard-list li { cursor: default; }
ul.arcade-leaderboard-list div.userNameList:hover { background: none !important; box-shadow: none !important; transform: none !important; }

.wantYourNameUpHere {}
.wantYourNameUpHere p:first-of-type { width: 100%; position: relative; display: table; margin: 4vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; }
.wantYourNameUpHere p:nth-of-type(2) { width: 100%; position: relative; display: table; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; }
.wantYourNameUpHere p:last-of-type { width: 100%; position: relative; display: table; margin: 0vw auto 4vw auto; padding: 0vw 0vw 0vw 0vw; }

.arcadeTop3-header { width: 100%; margin: 0vw 0vw 0vw 0vw; padding: 2vw 0vw 2vw 0vw; border-radius: 2vw 2vw 0vw 0vw; }
.arcadeTop-header-container { width: 92%; position: relative; display: table; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; }
.arcadeTop-header-left { float: left; width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; text-align: left; z-index: 1; }
div.arcadeTop-header-left h4 { margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
div.arcadeTop-header-left h4 a:link, div.aracdeTop-header-left h4 a:visited { text-decoration: none; }
div.arcadeTop-header-left h4 a:hover {}
div.arcadeTop-header-left h4:hover span { text-decoration: underline; }
.arcadeTop-header-right { width: 100%; position: absolute; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; text-align: right; top: -1vw; }
div.arcadeTop-header-right p { margin: 0vw 0vw 0vw 0vw; position: absolute; right: 0vw; }
div.arcadeTop-header-right p span:first-of-type { position: relative; display: block; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
div.arcadeTop-header-right p span:last-of-type { position: relative; display: block; margin: -2vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; font-size: 2.5vw; }
.arcadeTop3-content { float: left; width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
div.arcadeTop3-content ul.arcade-leaderboard-headline { border-radius: 0vw 0vw 0vw 0vw; }
p.arcadeLeaderboards-noScore-play { margin: -4vw auto 2vw auto; padding: 0vw 0vw 0vw 0vw; }
ul.arcade-leaderboard-list li ul li p.arcadeLeaderboards-date { width: 100%; position: relative; display: table; margin: 2.5vw 0vw 0vw 3.5vw; padding: 0vw 0vw 0vw 0vw; }
ul.arcade-leaderboard-list li ul li.arcadeLeaderboards-score p { margin: 2.65vw auto; padding: 0vw 0vw 0vw 0vw; }
ul.arcade-leaderboard-list li ul li.arcadeLeaderboards-rank p { margin: 3.45vw auto; padding: 0vw 0vw 0vw 0vw; }

.arcadeLeaderboards-full { float: left; width: 100%; position: relative; display: table; margin: 0vw 0vw 6vw 0vw; padding: 0vw 0vw 0vw 0vw; text-align: right; }
.arcadeLeaderboards-full p { float: left; width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
div.arcadeLeaderboards-full p a:link, div.arcadeLeaderboards-full p a:visited { width: auto !important; margin: 0vw 0vw 0vw auto !important; border-radius: 0vw 0vw 2vw 2vw; }
div.arcadeLeaderboards-full p a:hover {}

ul.arcade-leaderboard-list div.usernameList ul li a:link, ul.arcade-leaderboard-list div.usernameList ul li a:visited { text-decoration: none; color: #ffffff; }
ul.arcade-leaderboard-list div.usernameList ul li a:hover { text-decoration: none; color: #ffffff; }
ul.arcade-leaderboard-list div.usernameList ul li a:hover span.username-text { text-decoration: underline; opacity: 0.75; }

.admin-score-edit-form { list-style: none; }
.admin-score-edit-anim { float: left; width: 100%; }
.admin-score-edit-inner { float: left; width: 100%; position: relative; display: table; text-align: center; }
.admin-score-edit-row { width: 25%; position: relative; display: inline-block; margin: 0vw auto 0vw auto; }
.admin-score-edit-row label {}
.admin-score-edit-row input,
.admin-score-edit-row select { margin: 0vw 0vw 0vw 0vw; }
.admin-score-edit-actions { float: left; width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 2vw 0vw 2vw 0vw; }
.ase-msg { color: #ff4444; }

.privacy-settings { padding: 2vw 0vw 3vw 0vw; }
/* div#customPrivacySettings div.contentContainer { padding: 4vw 0vw 0vw 0vw; } */

.user-account-options-buttons { margin: 0vw 0vw 4vw 0vw !important; }
ul.premiumReasons { float: left; width: 100%; position: relative; display: table; margin: 0vw auto 0vw auto; padding: 4vw 0vw 4vw 0vw; text-align: center; }
ul.premiumReasons li { font-weight: normal; }
ul.premiumReasons li p:first-of-type { margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; }
ul.premiumRaesons li p:last-of-type { margin: 0vw auto 2vw auto; padding: 0vw 0vw 0vw 0vw; }
ul.premiumReasons li:last-of-type p:last-of-type { margin: 0vw auto 0vw auto; }
.premiumPricing {}
.premiumPricing-top { margin: 0vw auto -1.5vw auto; }
.premiumPricing-button { margin: 0vw auto -1.5vw auto; }
.premiumPricing-bot {}
.noPadding { padding: 0vw 0vw 0vw 0vw; }
.contentContainer-noTopPadding { padding: 0vw 2vw 0vw 2vw !important; }
.contentContainer-medTopPadding { padding: 2vw 2vw 0vw 2vw !important; }
.contentContainer-fullTopPadding { padding: 4vw 2vw 0vw 2vw !important; }

a.notification-invite-join-link:link, a.notification-invite-join-link:visited {}
a.notification-invite-join-link:hover {}

.djrc-wants { margin: -3vw auto 1vw auto; padding: 0vw 0vw 0vw 0vw; }

div.emailChangePending div h2 { margin: 0vw auto 4vw auto; padding: 0vw 0vw 0vw 0vw; }
div.emailChangePending div p { margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; }
div.emailChangePending p.emailChangePending-verification { margin: 0vw auto 0vw auto; }

ul.user-actions li.userBlocked p span { margin: 0vw auto 2vw auto; }

div#pendingRequestsBanner { padding: 0vw 2vw 0vw 2vw; }
div#pendingRequestsBanner p { margin: 0vw auto 0vw auto; }

div.arcadeLeaderboards-full a:link, div.arcadeLeaderboards-full a:visited {}
div.arcadeLeaderboards-full a:hover { opacity: 0.75; }
div.arcadeLeaderboards-full a span:hover { text-decoration: underline; }

span.globalPresence-dot { top: 0vw; position: relative; display: inline-block; margin: 0vw 0.5vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
span.globalPresence-dot img { width: 1.7vw !important; height: auto !important; }
span.globalPresence-text { position: relative; display: inline-block; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }

.friendshipBadge { border-radius: 2vw 2vw 2vw 2vw; padding: 2vw 4vw; }

#friendship-status-headline { margin: 0vw 0vw 0vw 0vw; }
#friendship-status-text {}

#notification-toggle-tabs { float: left; width: 100%; position: relative; display: table; margin: 0vw 0vw 2vw 0vw; padding: 0vw 0vw 0vw 0vw; }
div#notification-toggle-tabs ul { width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; text-align: center; list-style-type: none; }
div#notification-toggle-tabs ul li { display: inline-block; margin: 0vw 2vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
div#notification-toggle-tabs ul li:last-of-type { margin: 0vw 0vw 0vw 0vw; }

.crew-member-total { position: relative; display: table; margin: -2vw auto 4vw auto; padding: 0vw 0vw 0vw 0vw; }

/* Back Button */
.backButton a { margin: auto 0vw 0vw 0vw; font-size: 3vw !important; padding: 1vw 2vw; }
/* End of Back Button, probably not going to use this but nice to have in case */

form.manage-member-form { width: auto; margin: 0vw 2vw 0vw 0vw; display: inline-block; }
form.manage-member-form:last-of-type { margin: 0vw 0vw 0vw 0vw; }

.promotion-banner-headline { margin: 0vw auto 0vw auto; }
.promotion-banner-subtext-inner { margin: 0vw auto 0vw auto; }

#promotionBanner { width: 95%; position: relative; display: table; margin: 0vw auto 0vw auto; padding: 2vw 0vw 0vw 0vw; }
div#promotionBanner div.contentContainer { padding: 2vw 2vw 0vw 2vw; }
div#promotionBanner a:link, div#promotionBanner a:visited, div#promotionBanner a:hover { margin: -2vw auto 2vw auto; }

div#meatAndPotatoes .buttonInvertEmoji { width: 3.5vw !important; height: 2.5vw; border-radius: 2vw; top: -0.2vw; }

.suggestionsBox li.suggestions-active {
    background: rgba(255,255,255,0.1);
    cursor: pointer; border-radius: 2vw; z-index: 99999;
}

/* ================================
   HOST WIZARD - ADD TO styles.css
   Suggested location: after .horizontalChoices (line 1825)
================================ */

/* Progress Bar */
.wizardProgress { float: left; width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
.wizardProgress-track { width: 100%; height: 1.5vw; background: linear-gradient(145deg, #2e2e2e, #000000); border-radius: 2vw; overflow: hidden; }
.wizardProgress hr { width: 100%; position: relative; display: table; margin: 3vw 0vw 3vw 0vw; padding: 0vw 0vw 0vw 0vw; }
.wizardProgress-fill { height: 100%; background: linear-gradient(145deg, #34c46a, #14532d); border-radius: 2vw; transition: width 0.3s ease; width: 0%; }
.wizardProgress-label { text-align: right; margin: 1vw 0vw 0vw 0vw; display: block; }
/* Wizard Steps */
.wizardStep { display: none; }
.wizardStep.active { display: block; }
/* Big choice cards (Step 1 & 2) */
.wizardChoices { float: left; width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
.wizardChoice { cursor: pointer; transition: all 0.3s ease; }
div.wizardChoice h1, div.wizardChoice h2, div.wizardChoice h3, div.wizardChoice h4, div.wizardChoice h5, div.wizardChoice h6 { margin: 0vw 0vw 1vw 0vw; }
/* .wizardChoice:last-child { margin-bottom: 0vw; } */
/* Wizard nav buttons */
.wizardNav { float: left; width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
.wizardNav-root { margin: -4vw 0vw 2vw 0vw !important; }
/* Wizard summary screen */
.wizardSummary-row { float: left; width: 100%; position: relative; display: table; padding: 0vw 0vw 0vw 0vw; margin: -1vw 0vw 0vw 0vw; }
p.wizardSummary-label {  margin: 0vw 0vw 0vw 0vw; }
.wizardSummary-value { margin: 0vw 0vw 2vw 0vw; }
#miniGamePickerWrap { float: left; width: 100%; position: relative; display: table; margin: 2vw 0vw 2vw 0vw; padding: 0vw 0vw 0vw 0vw; }
ul.hostMiniGameList { float: left; width: 100%; position: relative; display: table; margin: 0vw 0vw 4vw 0vw; padding: 0vw 0vw 0vw 0vw; text-align: center; list-style-type: none; }
ul.hostMiniGameList li { width: auto; height: auto; display: inline-block; position: relative; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; }
ul.hostMiniGameList li label { width: auto; height: auto; display: inline-block; position: relative; margin: 1vw 1vw 1vw 1vw; padding: 1vw 2vw 1vw 2vw; border-radius: 2vw; }
.wizardChoice-count { float: left; width: 100%; position: relative; display: table; margin: -2vw 0vw 4vw 0vw; padding: 0vw 0vw 0vw 0vw; }
.wizardChoice-unavailable {
    opacity: 0.35;
    cursor: not-allowed;
}
@keyframes shake-no {
    0%   { transform: translateX(0); }
    15%  { transform: translateX(-4px); }
    30%  { transform: translateX(4px); }
    45%  { transform: translateX(-4px); }
    60%  { transform: translateX(4px); }
    75%  { transform: translateX(-3px); }
    90%  { transform: translateX(3px); }
    100% { transform: translateX(0); }
}
.shake-no {
    animation: shake-no 0.4s ease;
}

ul.games-list span.ellipsis { position: relative; display: inline-block; width: 34vw; margin: -2vw 0vw 0vw 0vw; top: 1.25vw; }

#gameSettingsTab { position: fixed; right: 3.5vw; top: 40%; transform: translateY(-50%) rotate(-90deg); transform-origin: right center; z-index: 9500; border-radius: 2vw 2vw 0 0; white-space: nowrap; }
div#gameSettingsTab:hover { cursor: pointer; }
#gameSettingsTab p { line-height: 0vw; position: relative; margin: 0vw 0vw 0vw 0vw; padding: 2vw 4vw 2vw 4vw; letter-spacing: 0.25vw; }
#gameSettingsOverlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 9501; }
#gameSettingsDrawer { position: fixed; top: 0; right: -100%; width: 85vw; height: 100%; z-index: 9502; overflow-y: auto; overflow-x: hidden; transition: right 0.35s cubic-bezier(0.4, 0, 0.2, 1); scrollbar-width: thin; scrollbar-color: rgba(120, 120, 120, 0.8) rgba(20, 20, 20, 0.6); }
#gameSettingsDrawer-header { position: sticky; top: 0; z-index: 10; display: flex; align-items: center; justify-content: space-between; padding: 0vw 4vw 0vw 4vw; }
#gameSettings-header-left { width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; text-align: left; }
#gameSettingsDrawer-header h1 { color: #ffffff; top: 1vw; }
#gameSettings-header-right { position: absolute; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; right: 3.5vw; }
#gameSettingsDrawer-inner { text-align: center; padding: 5vw 4vw 0vw 4vw; }
#gameSettingsDrawer.open { right: 0; }
.lobbySetting { width: 100%; position: relative; display: table; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; }
div#lobbySettings-modes hr:last-of-type { display: none; }
.numberPicker { width: 100%; position: relative; display: table; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; text-align: center; }
ul.numberPicker-options { width: 100%; position: relative; display: table; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; list-style-type: none; }
li.numberPicker-minus { position: relative; display: inline-block; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
li.numberPicker-minus button { border-radius: 2vw 0vw 0vw 2vw; }
li.numberPicker-input { position: relative; display: inline-block; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
li.numberPicker-input input { width: 30vw; }
li.numberPicker-input input { border-radius: 0vw; }
li.numberPicker-plus { position: relative; display: inline-block; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
li.numberPicker-plus button { border-radius: 0vw 2vw 2vw 0vw; }
.numberPicker-unlimited { width: 100%; position: relative; display: table; margin: 0vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; text-align: center; }

div#lobbySettings-advanced hr:last-of-type { display: none; }

p.profileFavGame { margin: -4vw auto 4vw auto; z-index: 20; }
p.profileFavGame a:link, p.profileFavGame a:visited { color: #ffffff; text-decoration: none; }
p.profileFavGame a:hover { color: #ffffff; text-decoration: none; }
p.profileFavGame a:hover span { text-decoration: underline; opacity: 0.75; }

ul.arcade-leaderboard-list li.leaderboard-highlight { background-color: rgba(255, 215, 0, 0.12); border-left: 0.5vw solid gold; }
ul.arcade-leaderboard-list li.leaderboard-highlight-orange { background: linear-gradient(145deg, rgba(127, 42, 15, 0.18), rgba(74, 21, 5, 0.18)); border-left: 0.5vw solid #7f2a0f; }

div#downloadLink { width: auto; position: absolute; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; left: 57vw; top: -0.5vw; border-radius: 0vw 0vw 2vw 2vw; z-index: 9000; }
div#downloadLink a:link, div#downloadLink a:visited { position: relative; display: table; font-size: 3vw; text-decoration: none; color: #ffffff; font-weight: bolder; font-family: 'Open Sans Condensed'; padding: 1.5vw 1.5vw 1vw 1.5vw; }
div#downloadLink a:hover { text-decoration: none; color: #ffffff; }
div#downloadLink img { width: 3vw; height: 3vw; }
div#downloadLink span {}
div#downloadlink:hover span {}

#downloadModalOverlay {	display: none; position: fixed; inset: 0; background: rgba(0, 0, 0, 0.7); z-index: 9998; align-items: center; justify-content: center; box-sizing: border-box; }
#downloadModalOverlay.active { display: flex; }
.downloadModal { display: none; width: 92%; position: relative; z-index: 9999; overflow-y: auto; }
.downloadModalClose { display: block; text-align: right; }
a.downloadModalClose:link, a.downloadModalClose:visited { position: absolute; display: table; top: 3vw; right: 1vw; z-index: 9000; }
a.downloadModalClose:hover { cursor: pointer; }
.downloadModalClose .emoji { width: 4vw; height: 4vw; }
.downloadModalClose .emoji:hover { cursor: pointer; }

div.downloadChoiceList ul { float: left; width: 100%; position: relative; display: table; margin: 0vw 0vw 0vw 0vw; padding: 0vw 0vw 0vw 0vw; }
div.downloadChoiceList ul li { position: relative; width: 45%; display: inline-block; margin: 0vw 2vw 0vw 2vw; padding: 0vw 0vw 0vw 0vw; }
div.downloadChoiceList ul li h3 { font-size: 3.5vw; color: #ffffff; margin: 2vw auto 4vw auto; }
div.downloadChoiceList li img { width: 8vw; height: auto; }
div.downloadList ul { float: left; width: 100%; position: relative; margin: 2vw auto 0vw auto; padding: 0vw 0vw 0vw 0vw; }
div.downloadList ul li { position: relative; width: 44%; display: inline-block; margin: 0vw 2vw 4vw 2vw; padding: 0vw 0vw 0vw 0vw; }
div.downloadList ul li h3 { font-size: 3.5vw; color: #ffffff; margin: 2vw 0vw 2vw 0vw; }
div.downloadList h3 img { width: 6vw; height: auto; position: relative; top: 1.5vw; margin: 0vw 1vw 0vw 0vw; }
div.downloadList ul li p { position: relative; display: table; margin: 0vw auto -2vw auto; padding: 0vw 0vw 0vw 0vw; }
div.downloadList ul li p a:link, div.downloadList ul li p a:visited { width: 80%; position: relative; text-decoration: none; color: #ffffff; padding: 1vw 0vw 1vw 0vw; }
div.downloadList ul li p a:hover { text-decoration: none; }
div.downloadList ul li p a:hover span { text-decoration: none; }

p.downloads-comingSoon { float: none; width: 80%; margin: 0vw auto 4vw auto !important; padding: 1vw 0vw 1vw 0vw !important; font-size: 4vw; }
/* ===========================
   TABLET (768px and up)
   iPad, larger tablets, small laptops
   =========================== */
@media (min-width: 768px) {
	body { --size: 24px; }
	h1 { font-size: 34px; margin: 0px 0px 16px 0px; }
	h1 img.emoji { width: 34px; height: 34px; margin: 0px 8px 0px 0px; }
	h2 { font-size: 30px; margin: 0px 0px 16px 0px; }
	h2 img.emoji { width: 30px; height: 30px; margin: 0px 8px 0px 0px; }
	h3 { font-size: 26px; margin: 0px 0px 16px 0px;  }
	h3 img.emoji { width: 26px; height: 26px; margin: 0px 8px 0px 0px; }
	h4 { font-size: 23px; margin: 0px 0px 16px 0px; }
	h4 img.emoji { width: 23px; height: 23px; margin: 0px 8px 0px 0px; }
	h5 { font-size: 20px; margin: 0px 0px 16px 0px; }
	h5 img.emoji { width: 20px; height: 20px; margin: 0px 8px 0px 0px; }
	h6 { font-size: 18px; margin: 0px 0px 16px 0px; }
	h6 img.emoji { width: 18px; height: 18px; margin: 0px 8px 0px 0px; }
	p { font-size: 19px; margin: 0px 0px 16px 0px; }
	p img.emoji { width: 19px; height: 19px; margin: 0px 8px 0px 0px; }
	small { margin: 6px 0px 6px 0px; }
	main { padding: 0px 0px 32px 0px; }
	div#meatAndPotatoes { padding: 24px 0px 0px 0px; }
	label { margin: 16px 0px 0px 0px; }

	h1 span.emoji_host { top: -60px; left: -16px; }
	h1 span.emoji_host img { width: 16px; height: 16px; }
	h1 span.emoji_crown { top: -67px; left: 7px; }
	h1 span.emoji_crown img { width: 32px; height: 32px; }
	h1 span.emoji_up { top: -54px; left: 40px; }
	h1 span.emoji_up img { width: 28px; height: 28px; }
	h1 span.emoji_down { top: -52px; left: 40px; }
	h1 span.emoji_down img { width: 28px; height: 28px; }
	h1 span.emoji_star { top: 0px; left: 39px; }
	h1 span.emoji_star img { width: 28px; height: 28px; }
	h1 span.emoji_poop { top: 0px; left: -19px; }
	h1 span.emoji_poop img { width: 28px; height: 28px; }
	h1 span.username img { margin: 0px 24px 0px 0px !important; }

	h2 span.emoji_host { top: -54px; left: -16px; }
	h2 span.emoji_host img { width: 16px; height: 16px; }
	h2 span.emoji_crown { top: -60px; left: 7px; }
	h2 span.emoji_crown img { width: 28px; height: 28px; }
	h2 span.emoji_up { top: -50px; left: 32px; }
	h2 span.emoji_up img { width: 28px; height: 28px; }
	h2 span.emoji_down { top: -48px; left: 32px; }
	h2 span.emoji_down img { width: 28px; height: 28px; }
	h2 span.emoji_star { top: 0px; left: 32px; }
	h2 span.emoji_star img { width: 28px; height: 28px; }
	h2 span.emoji_poop { top: 0px; left: -19px; }
	h2 span.emoji_poop img { width: 28px; height: 28px; }
	h2 span.username img { margin: 0px 22px 0px 0px !important; }

	h3 span.emoji_host { top: -48px; left: -14px; }
	h3 span.emoji_host img { width: 15px; height: 15px; }
	h3 span.emoji_crown { top: -53px; left: 6px; }
	h3 span.emoji_crown img { width: 26px; height: 26px; }
	h3 span.emoji_up { top: -44px; left: 30px; }
	h3 span.emoji_up img { width: 26px; height: 26px; }
	h3 span.emoji_down { top: -44px; left: 30px; }
	h3 span.emoji_down img { width: 26px; height: 26px; }
	h3 span.emoji_star { top: -2px; left: 28px; }
	h3 span.emoji_star img { width: 26px; height: 26px; }
	h3 span.emoji_poop { top: -2px; left: -18px; }
	h3 span.emoji_poop img { width: 26px; height: 26px; }
	h3 span.username img { margin: 0px 20px 0px 0px !important; }

	h4 span.emoji_host { top: -42px; left: -12px; }
	h4 span.emoji_host img { width: 14px; height: 14px; }
	h4 span.emoji_crown { top: -50px; left: 4px; }
	h4 span.emoji_crown img { width: 26px; height: 26px; }
	h4 span.emoji_up { top: -44px; left: 26px; }
	h4 span.emoji_up img { width: 26px; height: 26px; }
	h4 span.emoji_down { top: -44px; left: 26px; }
	h4 span.emoji_down img { width: 26px; height: 26px; }
	h4 span.emoji_star { top: -4px; left: 22px; }
	h4 span.emoji_star img { width: 26px; height: 26px; }
	h4 span.emoji_poop { top: -4px; left: -16px; }
	h4 span.emoji_poop img { width: 26px; height: 26px; }
	h4 span.username img { margin: 0px 18px 0px 0px !important; }

	h5 span.emoji_host { top: -38px; left: -12px; }
	h5 span.emoji_host img { width: 13px; height: 13px; }
	h5 span.emoji_crown { top: -43px; left: 3px; }
	h5 span.emoji_crown img { width: 22px; height: 22px; }
	h5 span.emoji_up { top: -40px; left: 22px; }
	h5 span.emoji_up img { width: 24px; height: 24px; }
	h5 span.emoji_down { top: -38px; left: 22px; }
	h5 span.emoji_down img { width: 24px; height: 24px; }
	h5 span.emoji_star { top: -4px; left: 17px; }
	h5 span.emoji_star img { width: 24px; height: 24px; }
	h5 span.emoji_poop { top: -4px; left: -16px; }
	h5 span.emoji_poop img { width: 24px; height: 24px; }
	h5 span.username img { margin: 0px 17px 0px 0px !important; }

	h6 span.emoji_host { top: -34px; left: -11px; }
	h6 span.emoji_host img { width: 13px; height: 13px; }
	h6 span.emoji_crown { top: -41px; left: 2px; }
	h6 span.emoji_crown img { width: 22px; height: 22px; }
	h6 span.emoji_up { top: -36px; left: 18px; }
	h6 span.emoji_up img { width: 24px; height: 24px; }
	h6 span.emoji_down { top: -36px; left: 18px; }
	h6 span.emoji_down img { width: 24px; height: 24px; }
	h6 span.emoji_star { top: -4px; left: 15px; }
	h6 span.emoji_star img { width: 24px; height: 24px; }
	h6 span.emoji_poop { top: -4px; left: -16px; }
	h6 span.emoji_poop img { width: 24px; height: 24px; }
	h6 span.username img { margin: 0px 16px 0px 0px !important; }

	p span.emoji_host { top: -36px; left: -10px; }
	p span.emoji_host img { width: 12px; height: 12px; }
	p span.emoji_crown { top: -42px; left: 3px; }
	p span.emoji_crown img { width: 22px; height: 22px; }
	p span.emoji_up { top: -36px; left: 20px; }
	p span.emoji_up img { width: 24px; height: 24px; }
	p span.emoji_down { top: -34px; left: 20px; }
	p span.emoji_down img { width: 24px; height: 24px; }
	p span.emoji_star { top: -4px; left: 16px; }
	p span.emoji_star img { width: 24px; height: 24px; }
	p span.emoji_poop { top: -4px; left: -14px; }
	p span.emoji_poop img { width: 24px; height: 24px; }
	p span.username img { margin: 0px 16px 0px 0px !important; }

	p.small span.emoji_host { top: -32px; left: -10px; }
	p.small span.emoji_host img { width: 12px; height: 12px; }
	p.small span.emoji_crown { top: -35px; left: 3px; }
	p.small span.emoji_crown img { width: 20px; height: 20px; }
	p.small span.emoji_up { top: -36px; left: 20px; }
	p.small span.emoji_up img { width: 24px; height: 24px; }
	p.small span.emoji_down { top: -34px; left: 20px; }
	p.small span.emoji_down img { width: 24px; height: 24px; }
	p.small span.emoji_star { top: -4px; left: 12px; }
	p.small span.emoji_star img { width: 24px; height: 24px; }
	p.small span.emoji_poop { top: -4px; left: -14px; }
	p.small span.emoji_poop img { width: 24px; height: 24px; }
	p.small span.username img { margin: 0px 16px 0px 0px !important; }

	label span.emoji_host { top: -36px; left: -10px; }
	label span.emoji_host img { width: 12px; height: 12px; }
	label span.emoji_crown { top: -42px; left: 3px; }
	label span.emoji_crown img { width: 22px; height: 22px; }
	label span.emoji_up { top: -36px; left: 20px; }
	label span.emoji_up img { width: 24px; height: 24px; }
	label span.emoji_down { top: -34px; left: 20px; }
	label span.emoji_down img { width: 24px; height: 24px; }
	label span.emoji_star { top: -4px; left: 16px; }
	label span.emoji_star img { width: 24px; height: 24px; }
	label span.emoji_poop { top: -4px; left: -14px; }
	label span.emoji_poop img { width: 24px; height: 24px; }
	label span.username img { margin: 0px 16px 0px 0px !important; }

	label, li { font-size: 19px; }
	form { margin: 0px auto 16px 0px; }
	select { margin: 0px auto 0px auto; font-size: 18px; border-radius: 12px; padding: 12px 16px 12px 16px; }
	select option { font-size:  18px; }
	button img { height: 24px; width: 24px !important; }
	button img.small, a img.small { width: 16px !important; height: 16px; }
	textarea { height: 175px; margin: 0px auto 16px auto; font-size: 18px; }
	.borderRadius { border-radius: 12px 12px 12px 12px; }
	#mainContainer { max-width: 1140px; overflow: hidden; }
	.checkboxGroup label, .radioGroup label { margin: 0px auto 0px auto; padding: 12px 16px 12px 16px; }
	.fontBorder { text-shadow: 1px -1px 0 black, 1px 1px 0 black, -1px 1px 0 black, 1px 1px 0 black; }
	.fontBorder-thick { text-shadow: -2px -2px 0 black, 2px -2px 0 black, -2px 2px 0 black, 2px 2px 0 black; }
	p.small img.emoji { width: 16px; height: 16px; margin: 0px 8px 0px 0px; top: 0px; }
	p.mono img.emoji { width: 19px; height: 19px; margin: 0px 8px 0px 0px; top: 0px; }
	.emoji { width: 24px; margin: 0px 12px 0px 0px; top: -2px; }
	.emoji-right { width: 24px !important; margin: 0px 0px 0px 12px; top: -2px; }
	.small { font-size: 15px !important; }
	.xmall { font-size: 14px !important; }
	.contentContainer { margin: 0px auto 24px auto; border-radius: 12px; padding: 16px 16px 0px 16px; }
	.contentContainer-noTopPadding { padding: 0px 16px 0px 16px !important; }
	.contentContainer-medTopPadding { padding: 16px 16px 0px 16px !important; }
	.contentContainer-fullTopPadding { padding: 24px 16px 0vw 16px !important; }
	/* .contentContainer-desktop { width: 42%; } */
	.contentContainer-tablet { max-width: 470px; }
	.expandingFilterForms-tablet { max-width: 470px; }
	.maxTabletWidth { max-width: 700px; }
	.contentInside-tabletWidth { max-width: 470px; }
	header { height: auto; border-bottom: 1px solid #000 !important; border-top: 4px solid #1E3988 !important; }
	header div#logo { width: 90%; top: 10px; left: 16px; }
	header div#logo h1 { top: 0px; left: 0px; }
	header div#logo h1 img { width: 32px; height: 32px; top: -4px; margin: 0px 8px 0px 0px;; }
	header div#notificationBell { float: none; position: absolute; width: auto; top: 16px; right: 96px; z-index: 9000 }
	header div#notificationBell ul#theBell { margin: auto 0px 0px 0px; text-align: left; }
	header div#notificationBell ul#theBell li { float: left; margin: auto 0px 0px 0px; text-align: left; }
	header div#notificationBell ul#theBell li p { margin: auto 0px 0px 0px; text-align: left; }
	header div#notificationBell ul#theBell li p a { margin: auto 0px 0px 0px; text-align: left; }
	header div#notificationBell ul#theBell li p a img { margin: auto 0px 0px 0px; text-align: left; }
	header div#nav { width: 10%; }
	.textShadow { text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.75); }
	.dropShadow { box-shadow: 6px 6px 12px 0px rgba(0, 0, 0, 0.5); }
	.dropShadow-pinnedRight { box-shadow: -6px 6px 12px 0px rgba(0, 0, 0, 0.5); }
	.menu { width: 325px; }
	div.menu ul#menu-top img { width: 24px; height: 24px; }
	.menu ul#menu-top a:link, .menu ul#menu-top a:visited, .menu ul#menu-top a:link, .menu ul#menu-top a:visited, .menu ul#menu-mid a:link, .menu ul#menu-mid a:visited, .menu ul#menu-mid a:link, .menu ul#menu-mid a:visited, ul#menu-arcade a:link, ul#menu-arcade a:visited { padding: 16px 0px 16px 0px; font-size: 19px; }
	div.menu ul#menu-top li:last-of-type { margin: 0px 0px 16px 0px; }
	ul#menu-main li a img { width: 24px; height: 24px; margin: 0px 12px 0px 0px; }
	div.menu ul#menu-main li p:first-of-type { font-size: 24px; }
	div.menu ul#menu-main li:first-of-type { border-radius: 12px 12px 0px 0px; }
	div.menu ul#menu-main li { width: 88%; margin: 0px auto 0px auto !important; }
	div.menu ul#menu-main li:last-of-type { border-radius: 0px 0px 12px 12px; }
	div.menu ul#menu-main { margin: 0px 0px 16px 0px; }
	.menu ul#menu-top li, .menu ul#menu-main li, .menu ul#menu-mid li, .menu ul#menu-arcade li { border-bottom: 1px solid #111; }
	div.menu ul#menu-main a:link, div.menu ul#menu-main a:visited { padding: 16px 0px 16px 0px; }
	ul#menu-mid li a img, ul#menu-arcade li a img { width: 24px; height: 24px; }
	ul#menu-mid li ul li img, ul#menu-arcade li ul li img { width: 20px; height: 20px; margin: 0px 12px 0px 0px; }
	div.menu ul#menu-arcade { width: 88% !important; margin: 16px auto 16px auto !important; }
	div.menu ul#menu-arcade li:first-of-type { border-radius: 12px 12px 12px 12px; }
	div.menu ul#menu-arcade li { border-radius: 12px 12px 12px 12px; }
	div.menu ul#menu-arcade li ul li:last-of-type { border-radius: 0px 0px 12px 12px !important; }
	div.menu h3.header-additionalResources { margin: -8px auto 16px auto !important; }
	div.menu ul#menu-bot { width: 76%; margin: 0px auto 24px auto; }
	div.menu ul#menu-bot li:first-of-type { margin: 0px auto 16px auto; }
	div.menu ul#menu-bot li { margin: 0px auto 16px auto; }
	ul#menu-bot li a img { width: 16px; height: 16px; margin: 0px 8px 0px 0px; top: 0px; }
	div.menu ul#menu-bot a:link, div.menu ul#menu-bot a:visited { font-size: 15px; padding: 8px 0px 8px 0px; margin:  0px 0px -8px 0px; border-radius: 12px; }
	section#rootSubHeader { margin: 69px 0px 0px 0px; padding: 14px 0px 6px 0px; }
	div.rootSubHeaderItem { margin: 0px 0px 0px 0px; }
	ul#theBell li img { width: 32px; height: 32px; top: -12px !important; right: 0px; transform-origin: 0% 0% !important; }
	img.avatar { border-radius: 4px; }
	#subHeader-container { width: 97%; }
	div.rootSubHeaderItem ul.subHeader-button:last-of-type a { border-radius: 12px 0px 0px 12px; }
	div.rootSubHeaderItem ul.subHeader-button:first-of-type a { border-radius: 0px 12px 12px 0px; }
	a.quickLinksTrigger:link, a.quickLinksTrigger:visited { padding: 8px 16px 8px 16px; }
	div.rootSubHeaderItem ul li img.quickLinksToggleIcon { width: 24px; height: 24px; top: 4px; }
	#twelveVw { padding: 47px 0px 0px 0px; }
	input[type="text"], input[type="email"], input[type="password"], input[type="datetime-local"], input[type="number"] { margin: 0px auto 8px auto; padding: 12px 16px 12px 16px; font-size: 18px; border-radius: 12px; }
	div.maxTabletWidth input[type="text"], input[type="email"], div.maxTabletWidth input[type="password"], div.maxTabletWidth input[type="datetime-local"], div.maxTabletWidth input[type="number"] { max-width: 470px }
	div.maxTabletWidth select { max-width: 470px; }
	input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, select:focus, select:active, div.checkboxGroup label:focus, div.checkboxGroup label:active, textarea:focus, input[type="number"], input[type="datetime-local"]:focus { border-top: 1px solid #34c46a !important; border-left: 1px solid #34c46a !important; border-bottom: 1px solid #14532d !important; border-right: 1px solid #14532d !important; }
	div.checkboxGroup label { margin: 0px auto 8px auto; }
	form#contactForm textarea { width: 100% !important; }
	.spinner { border: 16px inset rgba(255, 255, 255, 0.5); animation: spin 3s linear infinite; width: 96px; height: 96px; }
	.spinner-lessBottomMargin { margin: 0px auto 8px auto !important; }
	.spinner-bottomMargin { margin: 0px auto 16px auto !important; }
	.checkbox-mark { font-size: 18px; width: 0px; height: 0px; border: 12px solid #4b5563; top: -1px; border-radius: 4px; margin-right: 2px; }
	.checkbox-mark::after { font-size: 18px; }
	.border-red { border-top: 1px solid #d93752; border-left: 1px solid #d93752; border-bottom: 1px solid #7f1616; border-right: 1px solid #7f1616; }
	.border-orange-darker { border-top: 1px solid #7f2a0f; border-left: 1px solid #7f2a0f; border-bottom: 1px solid #4a1505; border-right: 1px solid #4a1505; }
	.border-orange-dark { border-top: 1px solid #b85a1a; border-left: 1px solid #b85a1a; border-bottom: 1px solid #7f2a0f; border-right: 1px solid #7f2a0f; }
	.border-orange { border-top: 1px solid #e07f32; border-left: 1px solid #e07f32; border-bottom: 1px solid #7f2a0f; border-right: 1px solid #7f2a0f; }
	.border-orange-light { border-top: 1px solid #f0a060; border-left: 1px solid #f0a060; border-bottom: 1px solid #e07f32; border-right: 1px solid #e07f32; }
	.border-orange-lighter { border-top: 1px solid #fac898; border-left: 1px solid #fac898; border-bottom: 1px solid #f0a060; border-right: 1px solid #f0a060; }
	.border-coral-darker { border-top: 1px solid #b91c3b; border-left: 1px solid #b91c3b; border-bottom: 1px solid #7f1027; border-right: 1px solid #7f1027; }
	.border-coral-dark { border-top: 1px solid #e11d48; border-left: 1px solid #e11d48; border-bottom: 1px solid #9f1239; border-right: 1px solid #9f1239; }
	.border-coral { border-top: 1px solid #fb7185; border-left: 1px solid #fb7185; border-bottom: 1px solid #9f1239; border-right: 1px solid #9f1239; }
	.border-orange-darker { border-top: 1px solid #7f2a0f; border-left: 1px solid #7f2a0f; border-bottom: 1px solid #4a1505; border-right: 1px solid #4a1505; }
	.border-orange-dark { border-top: 1px solid #b85a1a; border-left: 1px solid #b85a1a; border-bottom: 1px solid #7f2a0f; border-right: 1px solid #7f2a0f; }
	.border-orange { border-top: 1px solid #e07f32; border-left: 1px solid #e07f32; border-bottom: 1px solid #7f2a0f; border-right: 1px solid #7f2a0f; }
	.border-orange-light { border-top: 1px solid #f0a060; border-left: 1px solid #f0a060; border-bottom: 1px solid #e07f32; border-right: 1px solid #e07f32; }
	.border-orange-lighter { border-top: 1px solid #fac898; border-left: 1px solid #fac898; border-bottom: 1px solid #f0a060; border-right: 1px solid #f0a060; }
	.border-coral-darker { border-top: 1px solid #b91c3b; border-left: 1px solid #b91c3b; border-bottom: 1px solid #7f1027; border-right: 1px solid #7f1027; }
	.border-coral-dark { border-top: 1px solid #e11d48; border-left: 1px solid #e11d48; border-bottom: 1px solid #9f1239; border-right: 1px solid #9f1239; }
	.border-coral { border-top: 1px solid #fb7185; border-left: 1px solid #fb7185; border-bottom: 1px solid #9f1239; border-right: 1px solid #9f1239; }
	.border-coral-light { border-top: 1px solid #fda4af; border-left: 1px solid #fda4af; border-bottom: 1px solid #fb7185; border-right: 1px solid #fb7185; }
	.border-coral-lighter { border-top: 1px solid #fecdd3; border-left: 1px solid #fecdd3; border-bottom: 1px solid #fda4af; border-right: 1px solid #fda4af; }
	.border-yellow { border-top: 1px solid #e6c637; border-left: 1px solid #e6c637; border-bottom: 1px solid #78350f; border-right: 1px solid #78350f; }
	.border-gold { border-top: 1px solid #ffe566; border-left: 1px solid #ffe566; border-bottom: 1px solid #92400e; border-right: 1px solid #92400e; }
	.border-silver { border-top: 1px solid #6b7f94; border-left: 1px solid #6b7f94; border-bottom: 1px solid #2a3a4a; border-right: 1px solid #2a3a4a; }
	.border-bronze { border-top: 1px solid #a0632a; border-left: 1px solid #a0632a; border-bottom: 1px solid #4a2010; border-right: 1px solid #4a2010; }
	.border-green-darker { border-top: 1px solid #14532d; border-left: 1px solid #14532d; border-bottom: 1px solid #0c3a1f; border-right: 1px solid #0c3a1f; }
	.border-green-dark { border-top: 1px solid #15803d; border-left: 1px solid #15803d; border-bottom: 1px solid #14532d; border-right: 1px solid #14532d; }
	.border-green, input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, select:focus, input[type="number"]:focus { border-top: 1px solid #34c46a; border-left: 1px solid #34c46a; border-bottom: 1px solid #14532d; border-right: 1px solid #14532d; }
	.border-green-light { border-top: 1px solid #86efac; border-left: 1px solid #86efac; border-bottom: 1px solid #34c46a; border-right: 1px solid #34c46a; }
	.border-green-lighter { border-top: 1px solid #bbf7d0; border-left: 1px solid #bbf7d0; border-bottom: 1px solid #86efac; border-right: 1px solid #86efac; }
	input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, select:focus, select:active, div.checkboxGroup label:focus, div.checkboxGroup label:active, textarea:focus, input[type="number"], input[type="datetime-local"]:focus { border-top: 1px solid #34c46a !important; border-left: 1px solid #34c46a !important; border-bottom: 1px solid #14532d !important; border-right: 1px solid #14532d !important; }
	.border-lime { border-top: 1px solid #84cc16; border-left: 1px solid #84cc16; border-bottom: 1px solid #365314; border-right: 1px solid #365314; }
	.border-blue-darker { border-top: 1px solid #1a3478; border-left: 1px solid #1a3478; border-bottom: 1px solid #10204d; border-right: 1px solid #10204d; }
	.border-blue-dark { border-top: 1px solid #2563eb; border-left: 1px solid #2563eb; border-bottom: 1px solid #1a3478; border-right: 1px solid #1a3478; }
	.border-blue { border-top: 1px solid #4f94e0; border-left: 1px solid #4f94e0; border-bottom: 1px solid #1a3478; border-right: 1px solid #1a3478; }
	.border-blue-light { border-top: 1px solid #93c5fd; border-left: 1px solid #93c5fd; border-bottom: 1px solid #4f94e0; border-right: 1px solid #4f94e0; }
	.border-blue-lighter { border-top: 1px solid #bfdbfe; border-left: 1px solid #bfdbfe; border-bottom: 1px solid #93c5fd; border-right: 1px solid #93c5fd; }
	.border-teal-deep { border-top: 1px solid #0b3c38; border-left: 1px solid #0b3c38; border-bottom: 1px solid #062c29; border-right: 1px solid #062c29; }
	.border-teal-darker { border-top: 1px solid #115e59; border-left: 1px solid #115e59; border-bottom: 1px solid #0b3c38; border-right: 1px solid #0b3c38; }
	.border-teal-dark { border-top: 1px solid #0d9488; border-left: 1px solid #0d9488; border-bottom: 1px solid #0f766e; border-right: 1px solid #0f766e; }
	.border-teal { border-top: 1px solid #2dd4bf; border-left: 1px solid #2dd4bf; border-bottom: 1px solid #0f766e; border-right: 1px solid #0f766e; }
	.border-teal-light { border-top: 1px solid #5eead4; border-left: 1px solid #5eead4; border-bottom: 1px solid #2dd4bf; border-right: 1px solid #2dd4bf; }
	.border-teal-lighter { border-top: 1px solid #99f6e4; border-left: 1px solid #99f6e4; border-bottom: 1px solid #5eead4; border-right: 1px solid #5eead4; }
	.border-cyan { border-top: 1px solid #22d3ee; border-left: 1px solid #22d3ee; border-bottom: 1px solid #0e7490; border-right: 1px solid #0e7490; }
 	.border-purple { border-top: 1px solid #a86ae4; border-left: 1px solid #a86ae4; border-bottom: 1px solid #4a176f; border-right: 1px solid #4a176f; }
	.border-indigo { border-top: 1px solid #6366f1; border-left: 1px solid #6366f1; border-bottom: 1px solid #312e81; border-right: 1px solid #312e81; }
	.border-indigo-light { border-top: 1px solid #818cf8; border-left: 1px solid #818cf8; border-bottom: 1px solid #6366f1; border-right: 1px solid #6366f1; }
	.border-indigo-lighter { border-top: 1px solid #a5b4fc; border-left: 1px solid #a5b4fc; border-bottom: 1px solid #818cf8; border-right: 1px solid #818cf8; }
	.border-indigo-dark { border-top: 1px solid #312e81; border-left: 1px solid #312e81; border-bottom: 1px solid #1e1b4b; border-right: 1px solid #1e1b4b; }
	.border-indigo-darker { border-top: 1px solid #1e1b4b; border-left: 1px solid #1e1b4b; border-bottom: 1px solid #0f0e27; border-right: 1px solid #0f0e27; }
	.border-gray { border-top: 1px solid #4b5563; border-left: 1px solid #4b5563; border-bottom: 1px solid #1f2937; border-right: 1px solid #1f2937; }
	.border-glass { border-top: 1px solid #4b5563; border-left: 1px solid #4b5563; border-bottom: 1px solid #1f2937; border-right: 1px solid #1f2937; }
	.border-ultra-glass { border-top: 1px solid rgba(75, 85, 99, 0.3); border-left: 1px solid rgba(75, 85, 99, 0.3); border-bottom: 1px solid rgba(31, 41, 55, 0.3); border-right: 1px solid rgba(31, 41, 55, 0.3); }
	.border-black { border-top: 1px solid #2e2e2e; border-left: 1px solid #2e2e2e; border-bottom: 1px solid #000000; border-right: 1px solid #000000; }
	.border-charcoal { border-top: 1px solid #3a3a3a; border-left: 1px solid #3a3a3a; border-bottom: 1px solid #1a1a1a; border-right: 1px solid #1a1a1a; }
	.border-brown { border-top: 1px solid #8b4513; border-left: 1px solid #8b4513; border-bottom: 1px solid #3e2723; border-right: 1px solid #3e2723; }
	.border-tan { border-top: 1px solid #a0826d; border-left: 1px solid #a0826d; border-bottom: 1px solid #5d4e37; border-right: 1px solid #5d4e37; }
	.border-pink { border-top: 1px solid #ec4899; border-left: 1px solid #ec4899; border-bottom: 1px solid #831843; border-right: 1px solid #831843; }
	.border-magenta { border-top: 1px solid #d946ef; border-left: 1px solid #d946ef; border-bottom: 1px solid #701a75; border-right: 1px solid #701a75; }
	.border-crimson { border-top: 1px solid #dc2626; border-left: 1px solid #dc2626; border-bottom: 1px solid #7f1d1d; border-right: 1px solid #7f1d1d; }
	.border-gold { border-top: 1px solid #f59e0b; border-left: 1px solid #f59e0b; border-bottom: 1px solid #78350f; border-right: 1px solid #78350f; }
	.border-navy { border-top: 1px solid #1e3a8a; border-left: 1px solid #1e3a8a; border-bottom: 1px solid #0c1844; border-right: 1px solid #0c1844; }
	.border-emerald { border-top: 1px solid #10b981; border-left: 1px solid #10b981; border-bottom: 1px solid #065f46; border-right: 1px solid #065f46; }
	.border-white { border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; border-bottom: 1px solid #d1d5db; border-right: 1px solid #d1d5db; }
	.border-offwhite { border-top: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0; border-bottom: 1px solid #b8bcc4; border-right: 1px solid #b8bcc4; }
	.border-offwhite-forinvert { border-top: 1px solid #b8bcc4; border-left: 1px solid #b8bcc4; border-bottom: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; }
	.border-red.selected { border-top: 1px solid #ff6b7a; border-left: 1px solid #ff6b7a; border-bottom: 1px solid #d93752; border-right: 1px solid #d93752; }
	.border-orange-darker.selected { border-top: 1px solid #b85a1a; border-left: 1px solid #b85a1a; border-bottom: 1px solid #7f2a0f; border-right: 1px solid #7f2a0f; }
	.border-orange-dark.selected { border-top: 1px solid #e07f32; border-left: 1px solid #e07f32; border-bottom: 1px solid #b85a1a; border-right: 1px solid #b85a1a; }
	.border-orange.selected { border-top: 1px solid #f0a060; border-left: 1px solid #f0a060; border-bottom: 1px solid #e07f32; border-right: 1px solid #e07f32; }
	.border-orange-light.selected { border-top: 1px solid #fac898; border-left: 1px solid #fac898; border-bottom: 1px solid #f0a060; border-right: 1px solid #f0a060; }
	.border-orange-lighter.selected { border-top: 1px solid #fde0c0; border-left: 1px solid #fde0c0; border-bottom: 1px solid #fac898; border-right: 1px solid #fac898; }
	.border-coral-darker.selected { border-top: 1px solid #e11d48; border-left: 1px solid #e11d48; border-bottom: 1px solid #b91c3b; border-right: 1px solid #b91c3b; }
	.border-coral-dark.selected { border-top: 1px solid #fb7185; border-left: 1px solid #fb7185; border-bottom: 1px solid #e11d48; border-right: 1px solid #e11d48; }
	.border-coral.selected { border-top: 1px solid #fda4af; border-left: 1px solid #fda4af; border-bottom: 1px solid #fb7185; border-right: 1px solid #fb7185; }
	.border-coral-light.selected { border-top: 1px solid #fecdd3; border-left: 1px solid #fecdd3; border-bottom: 1px solid #fda4af; border-right: 1px solid #fda4af; }
	.border-coral-lighter.selected { border-top: 1px solid #fff0f2; border-left: 1px solid #fff0f2; border-bottom: 1px solid #fecdd3; border-right: 1px solid #fecdd3; }
	.border-yellow.selected { border-top: 1px solid #fde68a; border-left: 1px solid #fde68a; border-bottom: 1px solid #e6c637; border-right: 1px solid #e6c637; }
	.border-green-darker.selected { border-top: 1px solid #15803d; border-left: 1px solid #15803d; border-bottom: 1px solid #14532d; border-right: 1px solid #14532d; }
	.border-green-dark.selected { border-top: 1px solid #34c46a; border-left: 1px solid #34c46a; border-bottom: 1px solid #15803d; border-right: 1px solid #15803d; }
	.border-green.selected { border-top: 1px solid #86efac; border-left: 1px solid #86efac; border-bottom: 1px solid #34c46a; border-right: 1px solid #34c46a; }
	.border-green-light.selected { border-top: 1px solid #bbf7d0; border-left: 1px solid #bbf7d0; border-bottom: 1px solid #86efac; border-right: 1px solid #86efac; }
	.border-green-lighter.selected { border-top: 1px solid #dcfce7; border-left: 1px solid #dcfce7; border-bottom: 1px solid #bbf7d0; border-right: 1px solid #bbf7d0; }
	.border-lime.selected { border-top: 1px solid #bef264; border-left: 1px solid #bef264; border-bottom: 1px solid #84cc16; border-right: 1px solid #84cc16; }
	.border-blue-darker.selected { border-top: 1px solid #2563eb; border-left: 1px solid #2563eb; border-bottom: 1px solid #1a3478; border-right: 1px solid #1a3478; }
	.border-blue-dark.selected { border-top: 1px solid #4f94e0; border-left: 1px solid #4f94e0; border-bottom: 1px solid #2563eb; border-right: 1px solid #2563eb; }
	.border-blue.selected { border-top: 1px solid #93c5fd; border-left: 1px solid #93c5fd; border-bottom: 1px solid #4f94e0; border-right: 1px solid #4f94e0; }
	.border-blue-light.selected { border-top: 1px solid #bfdbfe; border-left: 1px solid #bfdbfe; border-bottom: 1px solid #93c5fd; border-right: 1px solid #93c5fd; }
	.border-blue-lighter.selected { border-top: 1px solid #dbeafe; border-left: 1px solid #dbeafe; border-bottom: 1px solid #bfdbfe; border-right: 1px solid #bfdbfe; }
	.border-teal-deep.selected { border-top: 1px solid #0b3c38; border-left: 1px solid #0b3c38; border-bottom: 1px solid #062c29; border-right: 1px solid #062c29; }
	.border-teal-darker.selected { border-top: 1px solid #0d9488; border-left: 1px solid #0d9488; border-bottom: 1px solid #115e59; border-right: 1px solid #115e59; }
	.border-teal-dark.selected { border-top: 1px solid #2dd4bf; border-left: 1px solid #2dd4bf; border-bottom: 1px solid #0d9488; border-right: 1px solid #0d9488; }
	.border-teal.selected { border-top: 1px solid #5eead4; border-left: 1px solid #5eead4; border-bottom: 1px solid #2dd4bf; border-right: 1px solid #2dd4bf; }
	.border-teal-light.selected { border-top: 1px solid #99f6e4; border-left: 1px solid #99f6e4; border-bottom: 1px solid #5eead4; border-right: 1px solid #5eead4; }
	.border-teal-lighter.selected { border-top: 1px solid #ccfbf1; border-left: 1px solid #ccfbf1; border-bottom: 1px solid #99f6e4; border-right: 1px solid #99f6e4; }
	.border-cyan.selected { border-top: 1px solid #67e8f9; border-left: 1px solid #67e8f9; border-bottom: 1px solid #22d3ee; border-right: 1px solid #22d3ee; }
	.border-purple.selected { border-top: 1px solid #c084fc; border-left: 1px solid #c084fc; border-bottom: 1px solid #a86ae4; border-right: 1px solid #a86ae4; }
	.border-indigo.selected { border-top: 1px solid #818cf8; border-left: 1px solid #818cf8; border-bottom: 1px solid #6366f1; border-right: 1px solid #6366f1; }
	.border-indigo-light.selected { border-top: 1px solid #a5b4fc; border-left: 1px solid #a5b4fc; border-bottom: 1px solid #818cf8; border-right: 1px solid #818cf8; }
	.border-indigo-lighter.selected { border-top: 1px solid #c7d2fe; border-left: 1px solid #c7d2fe; border-bottom: 1px solid #a5b4fc; border-right: 1px solid #a5b4fc; }
	.border-indigo-dark.selected { border-top: 1px solid #6366f1; border-left: 1px solid #6366f1; border-bottom: 1px solid #312e81; border-right: 1px solid #312e81; }
	.border-indigo-darker.selected { border-top: 1px solid #312e81; border-left: 1px solid #312e81; border-bottom: 1px solid #1e1b4b; border-right: 1px solid #1e1b4b; }
	.border-gray.selected { border-top: 1px solid #9ca3af; border-left: 1px solid #9ca3af; border-bottom: 1px solid #4b5563; border-right: 1px solid #4b5563; }
	.border-glass.selected { border-top: 1px solid #9ca3af; border-left: 1px solid #9ca3af; border-bottom: 1px solid #4b5563; border-right: 1px solid #4b5563; }
	.border-black.selected { border-top: 1px solid #4b5563; border-left: 1px solid #4b5563; border-bottom: 1px solid #2e2e2e; border-right: 1px solid #2e2e2e; }
	.border-charcoal.selected { border-top: 1px solid #6b7280; border-left: 1px solid #6b7280; border-bottom: 1px solid #3a3a3a; border-right: 1px solid #3a3a3a; }
	.border-brown.selected { border-top: 1px solid #c47a3a; border-left: 1px solid #c47a3a; border-bottom: 1px solid #8b4513; border-right: 1px solid #8b4513; }
	.border-tan.selected { border-top: 1px solid #c4a882; border-left: 1px solid #c4a882; border-bottom: 1px solid #a0826d; border-right: 1px solid #a0826d; }
	.border-pink.selected { border-top: 1px solid #f9a8d4; border-left: 1px solid #f9a8d4; border-bottom: 1px solid #ec4899; border-right: 1px solid #ec4899; }
	.border-magenta.selected { border-top: 1px solid #e879f9; border-left: 1px solid #e879f9; border-bottom: 1px solid #d946ef; border-right: 1px solid #d946ef; }
	.border-crimson.selected { border-top: 1px solid #f87171; border-left: 1px solid #f87171; border-bottom: 1px solid #dc2626; border-right: 1px solid #dc2626; }
	.border-gold.selected { border-top: 1px solid #fcd34d; border-left: 1px solid #fcd34d; border-bottom: 1px solid #f59e0b; border-right: 1px solid #f59e0b; }
	.border-navy.selected { border-top: 1px solid #3b5fc0; border-left: 1px solid #3b5fc0; border-bottom: 1px solid #1e3a8a; border-right: 1px solid #1e3a8a; }
	.border-emerald.selected { border-top: 1px solid #34d399; border-left: 1px solid #34d399; border-bottom: 1px solid #10b981; border-right: 1px solid #10b981; }
	.border-white.selected { border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; border-bottom: 1px solid #e5e7eb; border-right: 1px solid #e5e7eb; }
	.border-offwhite.selected { border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; border-bottom: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; }
	.border-offwhite-forinvert.selected { border-top: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0; border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff; }
	.border-positive { border-top: 1px solid #4f94e0; border-left: 1px solid #4f94e0; border-bottom: 1px solid #1a3478; border-right: 1px solid #1a3478; }
	.border-neutral { border-top: 1px solid #4b5563; border-left: 1px solid #4b5563; border-bottom: 1px solid #1f2937; border-right: 1px solid #1f2937; }
	.border-negative { border-top: 1px solid #d93752; border-left: 1px solid #d93752; border-bottom: 1px solid #7f1616; border-right: 1px solid #7f1616; }
	.border-warning { border-top: 1px solid #e07f32; border-left: 1px solid #e07f32; border-bottom: 1px solid #7f2a0f; border-right: 1px solid #7f2a0f; }
	.border-premium { border-top: 1px solid #a86ae4; border-left: 1px solid #a86ae4; border-bottom: 1px solid #4a176f; border-right: 1px solid #4a176f; }
	.border-coral-light { border-top: 1px solid #fda4af; border-left: 1px solid #fda4af; border-bottom: 1px solid #fb7185; border-right: 1px solid #fb7185; }
	.border-coral-lighter { border-top: 1px solid #fecdd3; border-left: 1px solid #fecdd3; border-bottom: 1px solid #fda4af; border-right: 1px solid #fda4af; }
	.border-yellow { border-top: 1px solid #e6c637; border-left: 1px solid #e6c637; border-bottom: 1px solid #78350f; border-right: 1px solid #78350f; }
	.border-gold { border-top: 1px solid #ffe566; border-left: 1px solid #ffe566; border-bottom: 1px solid #92400e; border-right: 1px solid #92400e; }
	.border-silver { border-top: 1px solid #6b7f94; border-left: 1px solid #6b7f94; border-bottom: 1px solid #2a3a4a; border-right: 1px solid #2a3a4a; }
	.border-bronze { border-top: 1px solid #a0632a; border-left: 1px solid #a0632a; border-bottom: 1px solid #4a2010; border-right: 1px solid #4a2010; }
	.border-green-darker { border-top: 1px solid #14532d; border-left: 1px solid #14532d; border-bottom: 1px solid #0c3a1f; border-right: 1px solid #0c3a1f; }
	.border-green-dark { border-top: 1px solid #15803d; border-left: 1px solid #15803d; border-bottom: 1px solid #14532d; border-right: 1px solid #14532d; }
	.border-green, input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, select:focus, input[type="number"]:focus { border-top: 1px solid #34c46a; border-left: 1px solid #34c46a; border-bottom: 1px solid #14532d; border-right: 1px solid #14532d; }
	.border-green-light { border-top: 1px solid #86efac; border-left: 1px solid #86efac; border-bottom: 1px solid #34c46a; border-right: 1px solid #34c46a; }
	.border-green-lighter { border-top: 1px solid #bbf7d0; border-left: 1px solid #bbf7d0; border-bottom: 1px solid #86efac; border-right: 1px solid #86efac; }
	input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, select:focus, select:active, div.checkboxGroup label:focus, div.checkboxGroup label:active, textarea:focus, input[type="number"], input[type="datetime-local"]:focus { border-top: 1px solid #34c46a !important; border-left: 1px solid #34c46a !important; border-bottom: 1px solid #14532d !important; border-right: 1px solid #14532d !important; }
	.border-lime { border-top: 1px solid #84cc16; border-left: 1px solid #84cc16; border-bottom: 1px solid #365314; border-right: 1px solid #365314; }
	.border-blue-darker { border-top: 1px solid #1a3478; border-left: 1px solid #1a3478; border-bottom: 1px solid #10204d; border-right: 1px solid #10204d; }
	.border-blue-dark { border-top: 1px solid #2563eb; border-left: 1px solid #2563eb; border-bottom: 1px solid #1a3478; border-right: 1px solid #1a3478; }
	.border-blue { border-top: 1px solid #4f94e0; border-left: 1px solid #4f94e0; border-bottom: 1px solid #1a3478; border-right: 1px solid #1a3478; }
	.border-blue-light { border-top: 1px solid #93c5fd; border-left: 1px solid #93c5fd; border-bottom: 1px solid #4f94e0; border-right: 1px solid #4f94e0; }
	.border-blue-lighter { border-top: 1px solid #bfdbfe; border-left: 1px solid #bfdbfe; border-bottom: 1px solid #93c5fd; border-right: 1px solid #93c5fd; }
	.border-teal-deep { border-top: 1px solid #0b3c38; border-left: 1px solid #0b3c38; border-bottom: 1px solid #062c29; border-right: 1px solid #062c29; }
	.border-teal-darker { border-top: 1px solid #115e59; border-left: 1px solid #115e59; border-bottom: 1px solid #0b3c38; border-right: 1px solid #0b3c38; }
	.border-teal-dark { border-top: 1px solid #0d9488; border-left: 1px solid #0d9488; border-bottom: 1px solid #0f766e; border-right: 1px solid #0f766e; }
	.border-teal { border-top: 1px solid #2dd4bf; border-left: 1px solid #2dd4bf; border-bottom: 1px solid #0f766e; border-right: 1px solid #0f766e; }
	.border-teal-light { border-top: 1px solid #5eead4; border-left: 1px solid #5eead4; border-bottom: 1px solid #2dd4bf; border-right: 1px solid #2dd4bf; }
	.border-teal-lighter { border-top: 1px solid #99f6e4; border-left: 1px solid #99f6e4; border-bottom: 1px solid #5eead4; border-right: 1px solid #5eead4; }
	.border-cyan { border-top: 1px solid #22d3ee; border-left: 1px solid #22d3ee; border-bottom: 1px solid #0e7490; border-right: 1px solid #0e7490; }
	.border-purple { border-top: 1px solid #a86ae4; border-left: 1px solid #a86ae4; border-bottom: 1px solid #4a176f; border-right: 1px solid #4a176f; }
	.border-indigo { border-top: 1px solid #6366f1; border-left: 1px solid #6366f1; border-bottom: 1px solid #312e81; border-right: 1px solid #312e81; }
	.border-indigo { border-top: 1px solid #6366f1; border-left: 1px solid #6366f1; border-bottom: 1px solid #312e81; border-right: 1px solid #312e81; }
	.border-indigo-light { border-top: 1px solid #818cf8; border-left: 1px solid #818cf8; border-bottom: 1px solid #6366f1; border-right: 1px solid #6366f1; }
	.border-indigo-lighter { border-top: 1px solid #a5b4fc; border-left: 1px solid #a5b4fc; border-bottom: 1px solid #818cf8; border-right: 1px solid #818cf8; }
	.border-indigo-dark { border-top: 1px solid #312e81; border-left: 1px solid #312e81; border-bottom: 1px solid #1e1b4b; border-right: 1px solid #1e1b4b; }
	.border-indigo-darker { border-top: 1px solid #1e1b4b; border-left: 1px solid #1e1b4b; border-bottom: 1px solid #0f0e27; border-right: 1px solid #0f0e27; }
	.border-gray { border-top: 1px solid #4b5563; border-left: 1px solid #4b5563; border-bottom: 1px solid #1f2937; border-right: 1px solid #1f2937; }
	.border-glass { border-top: 1px solid #4b5563; border-left: 1px solid #4b5563; border-bottom: 1px solid #1f2937; border-right: 1px solid #1f2937; }
	.border-ultra-glass { border-top: 1px solid rgba(75, 85, 99, 0.3); border-left: 1px solid rgba(75, 85, 99, 0.3); border-bottom: 1px solid rgba(31, 41, 55, 0.3); border-right: 1px solid rgba(31, 41, 55, 0.3); }
	.border-black { border-top: 1px solid #2e2e2e; border-left: 1px solid #2e2e2e; border-bottom: 1px solid #000000; border-right: 1px solid #000000; }
	.border-charcoal { border-top: 1px solid #3a3a3a; border-left: 1px solid #3a3a3a; border-bottom: 1px solid #1a1a1a; border-right: 1px solid #1a1a1a; }
	.border-brown { border-top: 1px solid #8b4513; border-left: 1px solid #8b4513; border-bottom: 1px solid #3e2723; border-right: 1px solid #3e2723; }
	.border-tan { border-top: 1px solid #a0826d; border-left: 1px solid #a0826d; border-bottom: 1px solid #5d4e37; border-right: 1px solid #5d4e37; }
	.border-pink { border-top: 1px solid #ec4899; border-left: 1px solid #ec4899; border-bottom: 1px solid #831843; border-right: 1px solid #831843; }
	.border-magenta { border-top: 1px solid #d946ef; border-left: 1px solid #d946ef; border-bottom: 1px solid #701a75; border-right: 1px solid #701a75; }
	.border-crimson { border-top: 1px solid #dc2626; border-left: 1px solid #dc2626; border-bottom: 1px solid #7f1d1d; border-right: 1px solid #7f1d1d; }
	.border-gold { border-top: 1px solid #f59e0b; border-left: 1px solid #f59e0b; border-bottom: 1px solid #78350f; border-right: 1px solid #78350f; }
	.border-navy { border-top: 1px solid #1e3a8a; border-left: 1px solid #1e3a8a; border-bottom: 1px solid #0c1844; border-right: 1px solid #0c1844; }
	.border-emerald { border-top: 1px solid #10b981; border-left: 1px solid #10b981; border-bottom: 1px solid #065f46; border-right: 1px solid #065f46; }
	.border-white { border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; border-bottom: 1px solid #d1d5db; border-right: 1px solid #d1d5db; }
	.border-offwhite { border-top: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0; border-bottom: 1px solid #b8bcc4; border-right: 1px solid #b8bcc4; }
	.border-offwhite-forinvert { border-top: 1px solid #b8bcc4; border-left: 1px solid #b8bcc4; border-bottom: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; }
	.border-red.selected { border-top: 1px solid #ff6b7a; border-left: 1px solid #ff6b7a; border-bottom: 1px solid #d93752; border-right: 1px solid #d93752; }
	.border-orange-darker.selected { border-top: 1px solid #b85a1a; border-left: 1px solid #b85a1a; border-bottom: 1px solid #7f2a0f; border-right: 1px solid #7f2a0f; }
	.border-orange-dark.selected { border-top: 1px solid #e07f32; border-left: 1px solid #e07f32; border-bottom: 1px solid #b85a1a; border-right: 1px solid #b85a1a; }
	.border-orange.selected { border-top: 1px solid #f0a060; border-left: 1px solid #f0a060; border-bottom: 1px solid #e07f32; border-right: 1px solid #e07f32; }
	.border-orange-light.selected { border-top: 1px solid #fac898; border-left: 1px solid #fac898; border-bottom: 1px solid #f0a060; border-right: 1px solid #f0a060; }
	.border-orange-lighter.selected { border-top: 1px solid #fde0c0; border-left: 1px solid #fde0c0; border-bottom: 1px solid #fac898; border-right: 1px solid #fac898; }
	.border-coral-darker.selected { border-top: 1px solid #e11d48; border-left: 1px solid #e11d48; border-bottom: 1px solid #b91c3b; border-right: 1px solid #b91c3b; }
	.border-coral-dark.selected { border-top: 1px solid #fb7185; border-left: 1px solid #fb7185; border-bottom: 1px solid #e11d48; border-right: 1px solid #e11d48; }
	.border-coral.selected { border-top: 1px solid #fda4af; border-left: 1px solid #fda4af; border-bottom: 1px solid #fb7185; border-right: 1px solid #fb7185; }
	.border-coral-light.selected { border-top: 1px solid #fecdd3; border-left: 1px solid #fecdd3; border-bottom: 1px solid #fda4af; border-right: 1px solid #fda4af; }
	.border-coral-lighter.selected { border-top: 1px solid #fff0f2; border-left: 1px solid #fff0f2; border-bottom: 1px solid #fecdd3; border-right: 1px solid #fecdd3; }
	.border-yellow.selected { border-top: 1px solid #fde68a; border-left: 1px solid #fde68a; border-bottom: 1px solid #e6c637; border-right: 1px solid #e6c637; }
	.border-green-darker.selected { border-top: 1px solid #15803d; border-left: 1px solid #15803d; border-bottom: 1px solid #14532d; border-right: 1px solid #14532d; }
	.border-green-dark.selected { border-top: 1px solid #34c46a; border-left: 1px solid #34c46a; border-bottom: 1px solid #15803d; border-right: 1px solid #15803d; }
	.border-green.selected { border-top: 1px solid #86efac; border-left: 1px solid #86efac; border-bottom: 1px solid #34c46a; border-right: 1px solid #34c46a; }
	.border-green-light.selected { border-top: 1px solid #bbf7d0; border-left: 1px solid #bbf7d0; border-bottom: 1px solid #86efac; border-right: 1px solid #86efac; }
	.border-green-lighter.selected { border-top: 1px solid #dcfce7; border-left: 1px solid #dcfce7; border-bottom: 1px solid #bbf7d0; border-right: 1px solid #bbf7d0; }
	.border-lime.selected { border-top: 1px solid #bef264; border-left: 1px solid #bef264; border-bottom: 1px solid #84cc16; border-right: 1px solid #84cc16; }
	.border-blue-darker.selected { border-top: 1px solid #2563eb; border-left: 1px solid #2563eb; border-bottom: 1px solid #1a3478; border-right: 1px solid #1a3478; }
	.border-blue-dark.selected { border-top: 1px solid #4f94e0; border-left: 1px solid #4f94e0; border-bottom: 1px solid #2563eb; border-right: 1px solid #2563eb; }
	.border-blue.selected { border-top: 1px solid #93c5fd; border-left: 1px solid #93c5fd; border-bottom: 1px solid #4f94e0; border-right: 1px solid #4f94e0; }
	.border-blue-light.selected { border-top: 1px solid #bfdbfe; border-left: 1px solid #bfdbfe; border-bottom: 1px solid #93c5fd; border-right: 1px solid #93c5fd; }
	.border-blue-lighter.selected { border-top: 1px solid #dbeafe; border-left: 1px solid #dbeafe; border-bottom: 1px solid #bfdbfe; border-right: 1px solid #bfdbfe; }
	.border-teal-deep.selected { border-top: 1px solid #0b3c38; border-left: 1px solid #0b3c38; border-bottom: 1px solid #062c29; border-right: 1px solid #062c29; }
	.border-teal-darker.selected { border-top: 1px solid #0d9488; border-left: 1px solid #0d9488; border-bottom: 1px solid #115e59; border-right: 1px solid #115e59; }
	.border-teal-dark.selected { border-top: 1px solid #2dd4bf; border-left: 1px solid #2dd4bf; border-bottom: 1px solid #0d9488; border-right: 1px solid #0d9488; }
	.border-teal.selected { border-top: 1px solid #5eead4; border-left: 1px solid #5eead4; border-bottom: 1px solid #2dd4bf; border-right: 1px solid #2dd4bf; }
	.border-teal-light.selected { border-top: 1px solid #99f6e4; border-left: 1px solid #99f6e4; border-bottom: 1px solid #5eead4; border-right: 1px solid #5eead4; }
	.border-teal-lighter.selected { border-top: 1px solid #ccfbf1; border-left: 1px solid #ccfbf1; border-bottom: 1px solid #99f6e4; border-right: 1px solid #99f6e4; }
	.border-cyan.selected { border-top: 1px solid #67e8f9; border-left: 1px solid #67e8f9; border-bottom: 1px solid #22d3ee; border-right: 1px solid #22d3ee; }
	.border-purple.selected { border-top: 1px solid #c084fc; border-left: 1px solid #c084fc; border-bottom: 1px solid #a86ae4; border-right: 1px solid #a86ae4; }
	.border-indigo.selected { border-top: 1px solid #818cf8; border-left: 1px solid #818cf8; border-bottom: 1px solid #6366f1; border-right: 1px solid #6366f1; }
	.border-indigo-light.selected { border-top: 1px solid #a5b4fc; border-left: 1px solid #a5b4fc; border-bottom: 1px solid #818cf8; border-right: 1px solid #818cf8; }
	.border-indigo-lighter.selected { border-top: 1px solid #c7d2fe; border-left: 1px solid #c7d2fe; border-bottom: 1px solid #a5b4fc; border-right: 1px solid #a5b4fc; }
	.border-indigo-dark.selected { border-top: 1px solid #6366f1; border-left: 1px solid #6366f1; border-bottom: 1px solid #312e81; border-right: 1px solid #312e81; }
	.border-indigo-darker.selected { border-top: 1px solid #312e81; border-left: 1px solid #312e81; border-bottom: 1px solid #1e1b4b; border-right: 1px solid #1e1b4b; }
	.border-gray.selected { border-top: 1px solid #9ca3af; border-left: 1px solid #9ca3af; border-bottom: 1px solid #4b5563; border-right: 1px solid #4b5563; }
	.border-glass.selected { border-top: 1px solid #9ca3af; border-left: 1px solid #9ca3af; border-bottom: 1px solid #4b5563; border-right: 1px solid #4b5563; }
	.border-black.selected { border-top: 1px solid #4b5563; border-left: 1px solid #4b5563; border-bottom: 1px solid #2e2e2e; border-right: 1px solid #2e2e2e; }
	.border-charcoal.selected { border-top: 1px solid #6b7280; border-left: 1px solid #6b7280; border-bottom: 1px solid #3a3a3a; border-right: 1px solid #3a3a3a; }
	.border-brown.selected { border-top: 1px solid #c47a3a; border-left: 1px solid #c47a3a; border-bottom: 1px solid #8b4513; border-right: 1px solid #8b4513; }
	.border-tan.selected { border-top: 1px solid #c4a882; border-left: 1px solid #c4a882; border-bottom: 1px solid #a0826d; border-right: 1px solid #a0826d; }
	.border-pink.selected { border-top: 1px solid #f9a8d4; border-left: 1px solid #f9a8d4; border-bottom: 1px solid #ec4899; border-right: 1px solid #ec4899; }
	.border-magenta.selected { border-top: 1px solid #e879f9; border-left: 1px solid #e879f9; border-bottom: 1px solid #d946ef; border-right: 1px solid #d946ef; }
	.border-crimson.selected { border-top: 1px solid #f87171; border-left: 1px solid #f87171; border-bottom: 1px solid #dc2626; border-right: 1px solid #dc2626; }
	.border-gold.selected { border-top: 1px solid #fcd34d; border-left: 1px solid #fcd34d; border-bottom: 1px solid #f59e0b; border-right: 1px solid #f59e0b; }
	.border-navy.selected { border-top: 1px solid #3b5fc0; border-left: 1px solid #3b5fc0; border-bottom: 1px solid #1e3a8a; border-right: 1px solid #1e3a8a; }
	.border-emerald.selected { border-top: 1px solid #34d399; border-left: 1px solid #34d399; border-bottom: 1px solid #10b981; border-right: 1px solid #10b981; }
	.border-white.selected { border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; border-bottom: 1px solid #e5e7eb; border-right: 1px solid #e5e7eb; }
	.border-offwhite.selected { border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; border-bottom: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; }
	.border-offwhite-forinvert.selected { border-top: 1px solid #f0f0f0; border-left: 1px solid #f0f0f0; border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff; }
	.border-positive { border-top: 1px solid #4f94e0; border-left: 1px solid #4f94e0; border-bottom: 1px solid #1a3478; border-right: 1px solid #1a3478; }
	.border-neutral { border-top: 1px solid #4b5563; border-left: 1px solid #4b5563; border-bottom: 1px solid #1f2937; border-right: 1px solid #1f2937; }
	.border-negative { border-top: 1px solid #d93752; border-left: 1px solid #d93752; border-bottom: 1px solid #7f1616; border-right: 1px solid #7f1616; }
	.border-warning { border-top: 1px solid #e07f32; border-left: 1px solid #e07f32; border-bottom: 1px solid #7f2a0f; border-right: 1px solid #7f2a0f; }
	.border-premium { border-top: 1px solid #a86ae4; border-left: 1px solid #a86ae4; border-bottom: 1px solid #4a176f; border-right: 1px solid #4a176f; }
	hr { margin: 0vw 0vw 24px 0vw; border-top: 1px solid #4b5563; }
	input[type="submit"], button, .simulateSubmit { font-size: 19px; margin: 12px auto 12px auto; padding: 12px 16px 12px 16px; border-radius: 12px; }
	/* .star { width: 8px; height: 8px; } */
	.star { width: 6px !important; height: 6px !important; }
	h1#homepageLogo img { width: 48px; height: 48px; margin: 0px 16px 0px 0px; }
	h1#homepageLogo { font-size: 48px; }
	.hamburger { float: right; position: relative; display: table; width: 64px; height: 64px; margin: 0px 8px 0px 0px; }
	.hamburger img.emoji { top: 0px; right: 0px; }
	ul.rootLinkList { margin: 0px auto 16px auto; }
	ul.rootLinkList li { float: none; display: inline-block; line-height: 40%; width: 50%; }
	ul.rootLinkList li:first-of-type a { border-radius: 12px !important; }
	ul.rootLinkList li a:link, ul.rootLinkList li a:visited { width: 94%; position: relative; display: table; margin: 0px auto 24px auto; padding: 24px 0px 16px 0px; text-decoration: none; color: #ffffff; border-bottom: 1px solid #111111; font-size: 28px; border-radius: 12px; }
	ul.rootLinkList li:last-of-type a { border-radius: 12px !important; }
	ul.rootLinkList img.emoji { width: 32px; height: 32px; }
	ul.rootLinkList small { line-height: 140%; }
	/* div#homepageNews ul.newsList { display: flex; margin: 0px auto 16px auto; } */
	ul.newsList { display: table; margin: 0px auto 0px auto; }
	/* div#homepageNews ul.newsList li a:link, div#homepageNews ul.newsList li a:visited { padding: 24px 0px 16px 0px; height: 320px; display: flex; flex-direction: column; justify-content: center; } */
	ul.newsList li a:link, div#homepageNews ul.newsList li a:visited { padding: 24px 0px 16px 0px; height: 32px; display: table; }
	/* div#homepageNews ul.newsList li.newsItem { width: 30%; margin: 0px auto 0px auto; position: relative; display: inline-block; } */
	div#homepageNews ul.newsList li.newsItem { width: 100%; margin: 0px 0px 0px 0px; }
	ul.newsList li.newsItem { width: 100%; margin: 0px 0px 24px 0px; }
	ul.newsList-details { margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; line-height: 0%; }
	ul.newsList-details li { font-size: 19px; line-height: 0%; }
	ul.newsList-details li:after { content: '\00a0\00a0\00a0/\00a0\00a0\00a0'; font-size: 19px; top: 8px; }
	ul.newsList-details li:last-of-type { top: 12px; }
	p.small span.username img { margin: 0px 16px 0px 0px !important; }
	#bellDropdown { top: 48px; width: 330px; border-radius: 0px 0px 12px 12px; }
	#bellDropdown li:first-of-type { margin: 10px auto 0px auto; border-radius: 12px 12px 0px 0px; }
	li.notification-dropdown-item:first-of-type div.notificationInside { border-radius: 12px 12px 0px 0px; }
	#bellDropdown p { padding: 20px 0px 12px 0px; }
	#bellDropdown p span.notification-actor { margin: 0px auto 0px auto; }
	#bellDropdown p span.notification-message { font-size: 18px; }
	span.notification-message { margin: 4px auto 4px auto; }
	li.notification-dropdown-item:first-of-type p span.notification-timestamp { border-radius: 0px 12px 0px 12px !important; }
	#bellDropdown p span.notification-timestamp { padding: 4px 10px 4px 10px; font-size: 13px; border-radius: 0px 0px 0px 12px; }
	#bellDropdown li:last-of-type a:link, #bellDropdown li:last-of-type a:visited { padding: 12px 16px 12px 16px; }
	ul#bellDropdown li:last-of-type p a img { top: 0px; }
	div#subHeader-container div.subItem span.username-text { top: 2px; position: relative; }
	div.rootSubHeaderItem ul.subHeader-button li p img:first-of-type { width: 16px; height: 16px; top: -2px; margin: 0px 8px 0px 4px; }
	div.rootSubHeaderItem ul.subHeader-button li p img:last-of-type { top: 6px; }
	.quickLinks { width: 252px; top: 43px; border-radius: 0px 0px 12px 12px; }
	.quickLinks ul li a:link, .quickLinks ul li a:visited { padding: 12px 0px 12px 0px; }
	.quickLinks ul li:last-of-type a:link, .quickLinks ul li:last-of-type a:visited { border-radius: 0px 0px 12px 12px; }
	#subHeader-container .subItem { left: 8px; }
	#subHeader-container .subItem:last-of-type, #subHeader-container .rootSubHeaderItem { top: -8px; }
	.quickLinks ul li { border-bottom: 1px solid #111; }
	/* .expandingFilterForms { width: 50%; padding: 0px 0px 0px 0px; } */
	.expandingFilterForms { padding: 0px 0px 0px 0px; }
	.expandingFilterForms h2 { margin: 0px auto 0px auto; }
	div.expandingFilterForms a { padding: 12px 16px 12px 16px; }
	.filterRow { margin: 0px 0px 8px 0px; }
	.expandingFilterForm { margin: 0px auto 16px auto; padding: 8px 8px 8px 8px; border-radius: 12px 12px 12px 12px; }
	.expandingFilterForm li { margin: 0px 16px 0px 0px; }
	ul.FilterButtons button { padding: 12px 16px 12px 16px; }
	ul.newsList { margin: 0px auto 0px auto; }
	#emoji-categories { margin: 16px 0px 0px 0px; border-radius: 12px 12px 0px 0px; }
	#emoji-categories li:first-of-type.active { border-radius: 12px 0px 0px 0px; }
	#emoji-categories li { border-right: 1px solid #000; padding: 16px 16px 16px 16px; }
	#emoji-categories li:last-of-type.active { border-radius: 0px 16px 0px 0px; }
	#emoji-categories li img.emoji { width: 32px; height: 48px; display: block; margin: 0px auto 0px auto; }
	ul.emoji-options { margin: 0px auto 8px auto; min-height: 300px; max-height: 300px; border-radius: 0px 0px 12px 12px; }
	ul.emoji-options li { margin: 4px; }
	li.tier-section h3 { margin: 8px auto 4px auto; }
	ul.tier-group { float: none; width: 65%; margin: 0px auto 0px auto; padding: 8px 0px 8px 0px; border-radius: 12px 12px 12px 12px; }
	.premium-overlay { border-radius: 0px 0px 0px 0px; }
	.overlay-message { border-radius: 12px; }
	div.overlay-message h4 { margin: 24px auto 0px auto; }
	div.overlay-message button { margin: 0px auto 32px auto; }
	ul.emoji-options li label { width: 64px; height: 64px; font-size: 19px; border-radius: 12px; border: 1px solid transparent; }
	ul.emoji-options li label:hover { box-shadow: 0 0 8px rgba(68,68,68,0.6); /* subtle gray glow */ }
	ul.emoji-options li input[type="radio"]:checked + label { border: 1px solid transparent; box-shadow: 0 0 16px rgba(230, 198, 55, 1), 0 0 32px rgba(120, 53, 15, 1); }
	ul.personaLegend { margin: 0px 0px 4px 0px; }
	ul.personaLegend li { margin: 0px 8px 0px 0px; }
	ul.personaLegend li label { padding: 4px 8px 4px 8px; border-radius: 12px; }
	ul.personaLegend label img.emoji { width: 16px; height: 16px; top: -4px; }
	#taglineContainer-cats { margin: 16px 0px 0px 0px; border-radius: 12px 12px 0px 0px; }
	label img.emoji { width: 20px; height: 20px; margin: 8px 8px 0px 0px; }
	ul.personaLegend li input[type="checkbox"]:checked + label { border: 1px solid transparent; }
	ul#taglinePicker { margin: 4px auto 4px auto; }
	ul#taglinePicker li { margin: 4px; }
	ul#taglinePicker label { border-radius: 12px; padding: 8px 0px; }
	ul#taglinePicker input[type="radio"]:checked + label { border-radius: 12px 12px 12px 12px; }
	ul#taglineChoices { margin: 0px 0px 8px 0px; padding: 0px 8px 0px 8px; border-radius: 0px 0px 12px 12px; }
	ul#taglineChoices li:first-of-type label { margin: 8px 0px 0px 0px; }
	#taglineChoices label { border-radius: 12px; padding: 8px 0px 8px 0px; margin: 8px 0px 0px 0px; }
	ul#taglineChoices li:last-of-type label { margin: 8px 0px 8px 0px; }
	.tagline-overlay-register { padding: 64px 0px; border-radius: 0px; }
	#taglineChoices input[type="radio"]:checked + label { box-shadow: 0 0 0 1px rgba(102, 204, 255, 0.4) inset; }
	.tagline-overlay-core { padding: 54px 0px; border-radius: 0px; }
	div.maxTabletWidth #taglineChoices label { max-width: 470px; }
	div.maxTabletWidth #taglineChoices input[type="radio"]:checked + label { max-width: 470px; }
	.horizontalChoices label { margin: 12px 8px -4px 8px; }
	.radio-mark { width: 20px; height: 20px; top: -1px; }
	.radio-mark::after { width: 0px; height: 0px; }
	/* div.newsUpdates-list ul.newsList { display: flex !important; flex-wrap: wrap; gap: 32px; }
	div.newsUpdates-list ul.newsList li.newsItem { flex: 0 0 calc(48.5% - 0px); box-sizing: border-box; } */
	div.newsUpdates-list ul.newsList li.newsItem a { color: #ffffff; text-decoration: none; }
	/* div.newsUpdates-list ul.newsList li a:link, div.newsUpdates-list ul.newsList li a:visited { height: 256px; margin: 0px auto 0px auto; padding: 16px 0px 16px 0px; display: flex; flex-direction: column; justify-content: center; } */
	div.newsUpdates-list ul.newsList li a:link, div.newsUpdates-list ul.newsList li a:visited { height: auto; margin: 0px auto 0px auto; padding: 16px 0px 16px 0px; display: flex; flex-direction: column; justify-content: center; }
	#notification-toggle-tabs { margin: 0px 0px 24px 0px; }
	div#notification-toggle-tabs ul li:first-of-type a img { top: -10px !important; }
	div#meatAndPotatoes div.notifications-archive-page ul li:first-of-type a img { top: -2px !important; }
	/* div#notifPageList, div#feedList { padding: 0px 0px 0px 0px; } */
	div#notifPageList, div#feedList { width: 100%; padding: 0px 0px 0px 0px; }
	/* div#notifPageList ul, div#feedList ul { display: flex !important; margin: 0px auto 0px auto; padding: 0px 0px 24px 0px; flex-wrap: wrap; gap: 0px; } */
	div#notifPageList ul, div#feedList ul { float: none; border-radius: 16px; margin: 0px auto 0px auto; }
	/* #meatAndPotatoes div#notifPageList ul li, div#meatAndPotatoes div#feedList ul li { border-radius: 12px 12px 12px 12px !important; box-shadow: 8px 8px 16px 0px rgba(0, 0, 0, 0.5); float: none; flex: 0 0 calc(47% - 0%); box-sizing: border-box; margin: 0px auto 32px auto; } */
	#meatAndPotatoes div#notifPageList ul li, div#meatAndPotatoes div#feedList ul li {}
	div#notifPageList div.notificationInside { padding: 16px 0px 0px 0px; }
	/* div#notifPageList ul.dropShadow { box-shadow: 8px 8px 16px 0px rgba(0, 0, 0, 0); } */
	div#notifPageList ul li p, div#feedList ul li p { padding: 0px 0px 16px 0px; }
	div#notifPageList ul li span.notification-actor { margin: 0px auto 8px 0px; }
	div#notifPageList ul li span.notification-crew { margin: 8px auto 0px auto; padding: 0px 0px 0px 0px; }
	div#notifPageList ul li:first-of-type span.notification-timestamp, div#feedList ul li:first-of-type span.feed-timestamp { border-radius: 0px 12px 0px 12px !important; }
	div#notifPageList ul li span.notification-timestamp, div#feedList ul li span.feed-timestamp { padding: 4px 10px 4px 10px; border-radius: 0px 0px 0px 12px !important; font-size: 13px; right: -17px; top: -16px; }
	div#notifPageList ul ul.notification-actions { margin: -24px auto 0px auto; border-radius: 12px 12px 12px 12px; padding: 24px 64px 0px 64px; }
	div#notifPageList ul ul.notification-actions li { position: relative; display: inline-block; margin: 0px 8px 0px 8px !important; padding: 0px 0px 0px 0px; }
	div#notifPageList ul ul.notification-actions li p { width: auto; }
	div#notifPageList ul ul.notification-actions li { box-shadow: 8px 8px 16px 0px rgba(0, 0, 0, 0) !important; }
	div#notifPageList ul ul.notification-actions li a:link, div#notifPageList ul ul.notification-actions li:visited { border-radius: 12px 12px 12px 12px; padding: 12px 16px 12px 16px; }
	div#notifPageList ul li ul li:first-of-type img { top: -2px; }
	div#notifPageList ul li ul li:last-of-type img { top: 0px; }
	.pagination { margin: 48px 0px 32px 0px; }
	.pagination a:link, .pagination a:visited, .pagination a:hover, .pagination span { margin: 0px 4px 0px 4px; padding: 16px 16px; }
	p.notifications-moveAll { margin: 24px auto 0px auto; }
	div#meatAndPotatoes .buttonInvertEmoji { width: 24px !important; height: 16px; border-radius: 12px 12px 12px 12px; top: 0px; }
	div#notifPageList ul li:first-of-type span.notif-move-to-active { border-radius: 12px 0px 12px 0px !important; }
	div#notifPageList ul li span.notif-move-to-active { padding: 4px 10px 4px 10px; left: -16px; border-radius: 0px 0px 12px 0px !important; top: -16px; font-size: 13px; }
	.newsArticleMeta { margin: 0px auto 0px auto; }
	div.newsArticleMeta ul.newsList-details { float: left; margin: -24px 0px 16px 0px; }
	#newsRotatingBanner { margin: 0px auto 0px auto; border-radius: 0px 0px 16px 16px; }
	div#bannerSlidesContainer { margin: 0px auto 0px auto; }
	div#bannerSlidesContainer div.banner-counter { width: 64px; left: 0px; border-radius: 0px 0px 12px 0px; }
	div#bannerSlidesContainer div.banner-counter p { font-size: 15px; padding: 16px 0px 4px 0px; }
	div#bannerSlidesContainer button.banner-markAsRead { width: 64px; top: -12px; right: 0px; border-radius: 0px 0px 0px 12px; font-size: 15px; padding: 18px 0px; }
	div#bannerSlidesContainer a.banner-content-link:link, div#bannerSlidesContainer a.banner-content-link:visited { width: 78%; height: auto; margin: 32px auto 0px auto; padding: 0px 0px 32px 0px; }
	div#newsRotatingBanner button#bannerPrev { left: 8px; }
	div#newsRotatingBanner button.bannerNav { bottom: -22px; font-size: 24px; padding: 16px 10px; }
	div#newsRotatingBanner button#bannerNext { right: 8px; }
	div#bannerSlidesContainer div.banner-content p img { width: 24px; height: 24px !important; margin: 0px 16px 0px 0px; top: -2px; }
	div#bannerSlidesContainer div.banner-slide { border-radius: 0px 0px 12px 12px; margin: 0px 0px 0px 0px; }
	ul.gameCards { float: none; margin: 0px auto 0px auto; }
	.gameCard-name { margin: 0px auto 0px auto; padding: 16px 8px 0px 8px; }
	div.gameCard-name img.avatarGame { margin: 0px 16px 0px 0px; border-radius: 8px; }
	div.gameCard-name span.emoji_star { top: 18px; left: 20px; }
	.gameCard-description { margin: 16px auto 0px auto; }
	span#gameHomepage-slogan img { left: 0px; width: 18px; height: 18px; margin: 0px 16px 0px 0px; top: 0px; }
	div#gameHomepage-tags p.gameHomepage-free { margin: -16px auto 16px auto !important; }
	ul.members-list-headline { float: none; margin: 0px auto 0px auto; padding: 16px 0px 10px 0px; border-radius: 12px 12px 0px 0px; }
	ul.members-list { float: none; margin: 0px auto 16px auto; padding: 0px 0px 0px 0px; border-radius: 0px 0px 12px 12px; }
	.usernameList:link, .usernameList:visited, .usernameList { padding: 12px 0px; }
	.usernameList:hover { border-radius: 0px 0px 0px 0px; }
	ul.members-list li:last-of-type .usernameList:hover { border-radius: 0px 0px 12px 12px; }
	ul.members-list li ul li:nth-of-type(even)  { margin: -12px 0px -12px 0px !important; }
	ul.members-list li ul li:nth-of-type(2) p { padding: 11px 0px 11px 0px; }
	ul.members-list li:last-of-type ul li:nth-of-type(2) p { padding: 13px 0px 13px 0px; }
	.badge { padding: 4px 16px 4px 16px; border-radius: 12px; top: 0px; }
	.badge img { top: -2px !important; }
	ul.members-list li ul li p span.username { left: 16px; }
	ul.members-list ul li:last-of-type p { top: 1px; }
	ul.members-list ul li:last-of-type p img { width: 8px !important; height: 8px !important; top: -1px; }
	.feed-redacted { filter: blur(8px); }
	#member-details { padding: 0px 0px 24px 0px; }
	div#member-details div.crew-header { border-radius: 12px 12px 0px 0px; }
	.user-header-emoji { margin: 24px auto 24px auto; }
	div.user-header-emoji h2 img { width: 64px; height: 64px; }
	span#user-header-emoji-onlineStatus { top: 90px; right: -54px; }
	span#user-header-emoji-onlineStatus img { width: 12px; height: 12px; }
	p.crew-details-tagline { margin: -24px auto 0px auto; }
	p.crew-details-since { margin: 4px auto 0px auto; }
	.crew-details-joinDate { margin: 0px auto 16px auto; }
	div.crew-member-info { margin: -24px auto -24px auto; }
	ul.user-stats-headline { padding: 16px 0px 10px 0px; border-radius: 12px 12px 0px 0px; }
	div#user-stats-list div.user-stats, div#game-stats-list div.user-stats, div#arcade-stats-list div.user-stats { border-radius: 0px 0px 12px 12px; }
	.needBottomMargin { margin: 0px 0px 24px 0px !important; }
	.user-stats { padding: 0px 0px 0px 0px; }
	div.user-stats ul li ul li:first-of-type p { margin: 31px 0px 0px 0px; left: 8px; }
	div.user-stats ul li ul li:nth-of-type(2) p { margin: 0px auto 0px auto; padding: 33px 0px 26px 0px; }
	.svg_view { width: 20px; height: 20px; margin: 0px 4px 0px 0px; top: 5px; }
	p.profileFavGame { margin: -16px auto 24px auto; }
	div.user-stats ul li ul li:last-of-type p a { padding: 2px 20px 6px 16px; top: 10px; }
	div#user-stats-list, div#game-stats-list, div#arcade-stats-list { width: 94%; }
	.privacy-settings { padding: 16px 16px 16px 16px; }
	div.faq-item:first-of-type div.faq-question { border-radius: 12px 12px 0px 0px; }
	div.faq-item:last-of-type div.faq-question { border-radius: 0px 0px 12px 12px; }
	div.faqContainer { padding: 16px 16px 16px 16px; }
	.faq-question-right h4 { margin: 0px 0px 0px auto; }
	div.faq-answer p { margin: 24px auto; }
	.premiumPricing-top { margin: 0px auto -8px auto; }
	.premiumPricing-button { margin: 0px auto -8px auto; }
	.user-account-options-buttons { margin: 0px auto 16px auto !important; }
	div#notificationPrefContainer div.notifPref-header p { margin: 24px auto 8px auto; }
	div#notificationPrefContainer ul li ul { margin: 0px auto 16px auto; }
	.checkboxPicker { margin: 0px 0px 16px 0px; }
	div.checkboxPicker label { margin: 8px 8px 8px 8px; padding: 8px 24px; border: 1px solid transparent; }
	div.checkboxPicker label:hover { box-shadow: 0 0 8px rgba(68, 68, 68, 0.6); }
	div.checkboxPicker input[type="checkbox"]:checked + label { border: 1px solid transparent; box-shadow: 0 0 8px rgba(230, 198, 55, 0.8), 0 0 8px rgba(120, 53, 15, 0.6); }
	.colorPicker { margin: 0px 0px 16px 0px; }
	div.colorPicker label { border: 1px solid transparent; margin: 8px 8px 8px 8px; padding: 8px 13px; border: 1px solid transparent; }
	div.colorPicker input[type="radio"]:checked + label { border: 1px solid transparent; box-shadow: 0 0 8px rgba(230, 198, 55, 0.8), 0 0 8px rgba(120, 53, 15, 0.6); }
	div#notificationPrefContainer ul li ul li { margin: 0px -32px 0px -32px; }
	.crew-header-emoji { margin: 32px 0px 24px 0px; }
	div.crew-header-emoji h2 img { width: 64px; height: 64px; }
	div.crew-options.multiple-buttons ul li { margin: 0px 16px 0px 0px; }
	div.crew-options ul { margin: 0px 0px -24px 0px; }
	.crew-member-total { margin: -16px auto 8px auto; }
	div#crew-members-list { width: 94%; margin: 24px auto 32px auto; }
	div#crew-members-list ul.members-list li ul li:nth-of-type(even) { margin: 0px 0px 0px 0px !important; }
	.crew-members-scroll { border-radius: 0px 0px 12px 12px; }
	div#crew-members-list ul.members-list span.usernameList { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
	div#crew-members-list ul.members-list span.usernameList li:first-of-type a p { margin: 12px 0px 0px 0px; }
	div#crew-members-list ul.members-list li:nth-of-type(2) p a { margin: 8px auto 8px auto; }
	div#crew-members-list ul.members-list li:last-of-type p { margin: 12px auto -12px auto; }
	span.globalPresence-dot { margin: 0px 4px 0px 0px; }
	div#crew-members-list ul li:last-of-type ul li:nth-of-type(2) p a { top: -12px; }
	div.crew-member-info-secondary { margin: 0px auto 0px auto; }
	.arcadeTop3-content { float: none; margin: 0px auto 0px auto; }
	.arcadeLeaderboards-full { float: none; margin: 0px auto 32px auto; }
	.arcadeTop3-header { margin: 0px auto 0px auto; padding: 12px 0px 12px 0px; border-radius: 12px 12px 0px 0px; }
	.arcadeTop-header-right { top: -4px; }
	div.arcadeTop-header-right p span:last-of-type { margin: -8px 0px 0px 0px; font-size: 15px; }
	ul.arcade-leaderboard-headline { float: none; padding: 12px 0px 8px 0px; margin: 0px auto 0px auto; border-radius: 12px 12px 0px 0px; }
	ul.arcade-leaderboard-list { float: none; border-radius: 0px 0px 0px 12px; margin: 0px auto 0px auto; }
	ul.arcade-leaderboard-list .usernameList { padding: 0px 0px 0px 0px; }
	ul.arcade-leaderboard-list li.leaderboard-highlight { border-left: 3px solid gold; }
	ul.arcade-leaderboard-list li ul li p span.username { left: 24px; margin: 12px 0px 0px 0px; position: relative; display: block; }
	ul.arcade-leaderboard-list li ul li p.arcadeLeaderboards-date { margin: 0px 0px 0px 0px; padding: 10px 0px 0px 0px; left: 26px; }
	ul.arcade-leaderboard-list li ul li:nth-of-type(even) { margin: 0px 0px 0px 0px !important; padding: 24px 0px 24px 0px !important; }
	ul.arcade-leaderboard-list li ul li.arcadeLeaderboards-score p { margin: 0px auto; }
	ul.arcade-leaderboard-list li ul li.arcadeLeaderboards-rank p { margin: 26px auto 0px auto; }
	ul.arcade-leaderboard-list p.arcadeLeaderboards-noScore-play a { margin: 32px auto 0px auto; }
	div#notifPageList ul li p, div#feedList ul li p { width: 75%; padding: 16px 0px 16px 0px; }
	div#socialFeedPage div#feedList ul li span.feed-timestamp { top: 0px; right: -88px; }
	ul.games-list-headline { float: none; margin: 0px auto 0px auto; padding: 16px 0px 12px 0px; border-radius: 12px 12px 0px 0px; }
	ul.games-list { float: none; margin: 0px auto 0px auto; }
	.gameList-link:link, .gameList-link:visited, .gameList-link { padding: 0px 0px 0px 0px; }
	ul.games-list li ul li:nth-of-type(even) { margin: 0px 0px 0px 0px !important; padding: 16px 0px 16px 0px !important; }
	ul.games-list li a ul li:first-of-type { margin: 16px 0px 0px 0px; }
	ul.games-list li a ul li:last-of-type { margin: 16px 0px 0px 0px; }
	div.mg-arena { float: none; zoom: 0.5; position: relative; display: block; margin: 0vw auto 0vw auto; width: 92vw; }
	.notificationBadge { top: -16px; right: -22px; width: 24px; height: 24px; line-height: 22px; font-size: 12px; }
	/* Admin */
	#adminBarToggle { right: 12px !important; bottom: 12px !important; width: 48px !important; height: 48px !important; }
	#adminBarToggle img { width: 32px !important; height: 32px !important; }
	#adminBar { border-top: 1px solid #2e2e2e !important; box-shadow: 8px 8px 16px 0px rgba(0, 0, 0, 0.5) !important; padding: 8px 16px 8px 16px !important; }
	#adminBar-inner { gap: 12px !important; }
	.adminBar-pill { width: 55px !important; height: 55px !important; }
	.adminBar-pill img { width: 32px !important; height: 32px !important; }
	.adminBar-floatMenu { left: 16px !important; gap: 8px !important; bottom: 80px !important; }
	.adminBar-floatMenu li a { gap: 8px !important; padding: 8px 12px !important; border-radius: 12px !important; font-size: 15px !important; }
	.adminBar-devMenu { width: 470px !important; border: 1px solid #2e2e2e !important; border-radius: 12px !important; padding: 8px !important; box-shadow: 8px 8px 16px 0px rgba(0, 0, 0, 0.5) !important;  }
	.devMenu-field { gap: 4px !important; }
	.devMenu-field label { font-size: 15px !important; }
	.devMenu-field select { border: 1px solid #2e2e2e !important; border-radius: 12px !important; font-size: 18px !important; padding: 12px 16px 12px 16px !important; }
	.adminBar-devMenu input[type="number"] { border: 1px solid #2e2e2e !important; border: 12px !important; font-size: 18px !important; padding: 12px 16px 12px 16px !important; }
	.devMenu-hint { font-size: 15px !important; margin-top: 0px !important; }
	.devMenu-go { gap: 8px !important; padding: 12px 16px !important; font-size: 18px !important; }
	.devMenu-go img { width: auto !important; height: 24px !important; }

	div.gameFormField label#gameFormField-title { margin: 16px 0px 0px 0px; }
	div.setupCarousel button#setupCarouselPrev { left: -12px; }
	div.setupCarousel button { top: -4px; }
	div.setupCarousel button#setupCarouselNext { right: -24px; }
	div.setupCarousel h3 { width: 80%; margin: 0px auto 8px auto; }
	#setupCarouselDots { margin: 0px 0px 16px 0px; }
	div#setupCarouselDots span.setupCarouselDot { width: 8px; height: 8px; margin: 0px 4px 0px 4px; }

	div#downloadLink { left: auto; right: 128px; top: -4px; border-radius: 0px 0px 12px 12px; }
	div.downloadList ul { margin: 0px auto 0px auto; }

	div.downloadChoiceList ul li { width: 46%; margin: 0px 8px 0px 8px; }
	div.downloadChoiceList li img { width: 48px; }
	div.downloadChoiceList ul li h3 { font-size: 18px; margin: 8px auto 12px auto; }
	.downloadModal { max-width: 470px; }
	a.downloadModalClose:link, a.downloadModalClose:visited { top: 16px; right: 0px; }
	.downloadModalClose .emoji { width: 24px; height: 24px; }
	div.downloadList ul li { width: 45%; margin: 0px 8px 16px 8px; }
	div.downloadList h3 img { width: 24px; top: 4px; margin: 0px 4px 0px 0px; }
	div.downloadList ul li h3 { font-size: 18px; margin: 8px 0px 8px 0px; }
	div.downloadList ul li p { margin: 0px auto -8px auto; }
	div#downloadLink img { width: 24px; height: 24px; }
	div#downloadLink a:link, div#downloadLink a:visited { font-size: 20px; padding: 8px 16px 8px 18px; }
	div.downloadList ul li p a:link, div.downloadList ul li p a:visited { padding: 8px 0px 8px 0px; }

	p.downloads-comingSoon { margin: 0px auto 16px auto !important; padding: 8px 0px 8px 0px !important; font-size: 19px; }

	/* Footer */
	footer { padding: 32px 0px 32px 0px; }
}

/* ===========================
   DESKTOP (1140px and up)
   Standard laptops (1366x768), desktops, large screens
   =========================== */
@media (min-width: 1140px) {

}