.__nuxt-error-page {
  padding: 1rem;
  background: #F7F8FB;
  color: #47494E;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-family: sans-serif;
  font-weight: 100 !important;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.__nuxt-error-page .error {
  max-width: 450px;
}
.__nuxt-error-page .title {
  font-size: 1.5rem;
  margin-top: 15px;
  color: #47494E;
  margin-bottom: 8px;
}
.__nuxt-error-page .description {
  color: #7F828B;
  line-height: 21px;
  margin-bottom: 10px;
}
.__nuxt-error-page a {
  color: #7F828B !important;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.__nuxt-error-page .logo {
  position: fixed;
  left: 12px;
  bottom: 12px;
}


.nuxt-progress {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  height: 2px;
  width: 0%;
  opacity: 1;
  transition: width 0.1s, opacity 0.4s;
  background-color: #1f2125;
  z-index: 999999;
}
.nuxt-progress.nuxt-progress-notransition {
  transition: none;
}
.nuxt-progress-failed {
  background-color: red;
}


.nuxt__build_indicator[data-v-26c032d0] {
  box-sizing: border-box;
  position: fixed;
  font-family: monospace;
  padding: 5px 10px;
  border-radius: 5px;
  box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);
  width: 88px;
  z-index: 2147483647;
  font-size: 16px;
  line-height: 1.2rem;
}
.v-enter-active[data-v-26c032d0], .v-leave-active[data-v-26c032d0] {
  transition-delay: 0.2s;
  transition-property: all;
  transition-duration: 0.3s;
}
.v-leave-to[data-v-26c032d0] {
  opacity: 0;
  transform: translateY(20px);
}
svg[data-v-26c032d0] {
  display: inline-block;
  vertical-align: baseline;
  width: 1.1em;
  height: 0.825em;
  position: relative;
  top: 1px;
}

/* Bootstrap */

@font-face {
  font-family: "Icons";
  src: url(/_nuxt/assets/fonts/open-iconic.eot);
  src: url(/_nuxt/assets/fonts/open-iconic.eot?#iconic-sm) format("embedded-opentype"),
    url(/_nuxt/assets/fonts/open-iconic.woff) format("woff"),
    url(/_nuxt/assets/fonts/open-iconic.ttf) format("truetype"),
    url(/_nuxt/assets/fonts/open-iconic.otf) format("opentype"),
    url(/_nuxt/assets/fonts/open-iconic.svg#iconic-sm) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.oi {
  position: relative;
  top: 1px;
  display: inline-block;
  speak: none;
  font-family: "Icons";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.oi:empty:before {
  width: 1em;
  text-align: center;
  box-sizing: content-box;
}

.oi.oi-align-center:before {
  text-align: center;
}

.oi.oi-align-left:before {
  text-align: left;
}

.oi.oi-align-right:before {
  text-align: right;
}

.oi.oi-flip-horizontal:before {
  transform: scale(-1, 1);
}

.oi.oi-flip-vertical:before {
  transform: scale(1, -1);
}

.oi.oi-flip-horizontal-vertical:before {
  transform: scale(-1, -1);
}

.oi-account-login:before {
  content: "\e000";
}

.oi-account-logout:before {
  content: "\e001";
}

.oi-action-redo:before {
  content: "\e002";
}

.oi-action-undo:before {
  content: "\e003";
}

.oi-align-center:before {
  content: "\e004";
}

.oi-align-left:before {
  content: "\e005";
}

.oi-align-right:before {
  content: "\e006";
}

.oi-aperture:before {
  content: "\e007";
}

.oi-arrow-bottom:before {
  content: "\e008";
}

.oi-arrow-circle-bottom:before {
  content: "\e009";
}

.oi-arrow-circle-left:before {
  content: "\e00a";
}

.oi-arrow-circle-right:before {
  content: "\e00b";
}

.oi-arrow-circle-top:before {
  content: "\e00c";
}

.oi-arrow-left:before {
  content: "\e00d";
}

.oi-arrow-right:before {
  content: "\e00e";
}

.oi-arrow-thick-bottom:before {
  content: "\e00f";
}

.oi-arrow-thick-left:before {
  content: "\e010";
}

.oi-arrow-thick-right:before {
  content: "\e011";
}

.oi-arrow-thick-top:before {
  content: "\e012";
}

.oi-arrow-top:before {
  content: "\e013";
}

.oi-audio-spectrum:before {
  content: "\e014";
}

.oi-audio:before {
  content: "\e015";
}

.oi-badge:before {
  content: "\e016";
}

.oi-ban:before {
  content: "\e017";
}

.oi-bar-chart:before {
  content: "\e018";
}

.oi-basket:before {
  content: "\e019";
}

.oi-battery-empty:before {
  content: "\e01a";
}

.oi-battery-full:before {
  content: "\e01b";
}

.oi-beaker:before {
  content: "\e01c";
}

.oi-bell:before {
  content: "\e01d";
}

.oi-bluetooth:before {
  content: "\e01e";
}

.oi-bold:before {
  content: "\e01f";
}

.oi-bolt:before {
  content: "\e020";
}

.oi-book:before {
  content: "\e021";
}

.oi-bookmark:before {
  content: "\e022";
}

.oi-box:before {
  content: "\e023";
}

.oi-briefcase:before {
  content: "\e024";
}

.oi-british-pound:before {
  content: "\e025";
}

.oi-browser:before {
  content: "\e026";
}

.oi-brush:before {
  content: "\e027";
}

.oi-bug:before {
  content: "\e028";
}

.oi-bullhorn:before {
  content: "\e029";
}

.oi-calculator:before {
  content: "\e02a";
}

.oi-calendar:before {
  content: "\e02b";
}

.oi-camera-slr:before {
  content: "\e02c";
}

.oi-caret-bottom:before {
  content: "\e02d";
}

.oi-caret-left:before {
  content: "\e02e";
}

.oi-caret-right:before {
  content: "\e02f";
}

.oi-caret-top:before {
  content: "\e030";
}

.oi-cart:before {
  content: "\e031";
}

.oi-chat:before {
  content: "\e032";
}

.oi-check:before {
  content: "\e033";
}

.oi-chevron-bottom:before {
  content: "\e034";
}

.oi-chevron-left:before {
  content: "\e035";
}

.oi-chevron-right:before {
  content: "\e036";
}

.oi-chevron-top:before {
  content: "\e037";
}

.oi-circle-check:before {
  content: "\e038";
}

.oi-circle-x:before {
  content: "\e039";
}

.oi-clipboard:before {
  content: "\e03a";
}

.oi-clock:before {
  content: "\e03b";
}

.oi-cloud-download:before {
  content: "\e03c";
}

.oi-cloud-upload:before {
  content: "\e03d";
}

.oi-cloud:before {
  content: "\e03e";
}

.oi-cloudy:before {
  content: "\e03f";
}

.oi-code:before {
  content: "\e040";
}

.oi-cog:before {
  content: "\e041";
}

.oi-collapse-down:before {
  content: "\e042";
}

.oi-collapse-left:before {
  content: "\e043";
}

.oi-collapse-right:before {
  content: "\e044";
}

.oi-collapse-up:before {
  content: "\e045";
}

.oi-command:before {
  content: "\e046";
}

.oi-comment-square:before {
  content: "\e047";
}

.oi-compass:before {
  content: "\e048";
}

.oi-contrast:before {
  content: "\e049";
}

.oi-copywriting:before {
  content: "\e04a";
}

.oi-credit-card:before {
  content: "\e04b";
}

.oi-crop:before {
  content: "\e04c";
}

.oi-dashboard:before {
  content: "\e04d";
}

.oi-data-transfer-download:before {
  content: "\e04e";
}

.oi-data-transfer-upload:before {
  content: "\e04f";
}

.oi-delete:before {
  content: "\e050";
}

.oi-dial:before {
  content: "\e051";
}

.oi-document:before {
  content: "\e052";
}

.oi-dollar:before {
  content: "\e053";
}

.oi-double-quote-sans-left:before {
  content: "\e054";
}

.oi-double-quote-sans-right:before {
  content: "\e055";
}

.oi-double-quote-serif-left:before {
  content: "\e056";
}

.oi-double-quote-serif-right:before {
  content: "\e057";
}

.oi-droplet:before {
  content: "\e058";
}

.oi-eject:before {
  content: "\e059";
}

.oi-elevator:before {
  content: "\e05a";
}

.oi-ellipses:before {
  content: "\e05b";
}

.oi-envelope-closed:before {
  content: "\e05c";
}

.oi-envelope-open:before {
  content: "\e05d";
}

.oi-euro:before {
  content: "\e05e";
}

.oi-excerpt:before {
  content: "\e05f";
}

.oi-expand-down:before {
  content: "\e060";
}

.oi-expand-left:before {
  content: "\e061";
}

.oi-expand-right:before {
  content: "\e062";
}

.oi-expand-up:before {
  content: "\e063";
}

.oi-external-link:before {
  content: "\e064";
}

.oi-eye:before {
  content: "\e065";
}

.oi-eyedropper:before {
  content: "\e066";
}

.oi-file:before {
  content: "\e067";
}

.oi-fire:before {
  content: "\e068";
}

.oi-flag:before {
  content: "\e069";
}

.oi-flash:before {
  content: "\e06a";
}

.oi-folder:before {
  content: "\e06b";
}

.oi-fork:before {
  content: "\e06c";
}

.oi-fullscreen-enter:before {
  content: "\e06d";
}

.oi-fullscreen-exit:before {
  content: "\e06e";
}

.oi-globe:before {
  content: "\e06f";
}

.oi-graph:before {
  content: "\e070";
}

.oi-grid-four-up:before {
  content: "\e071";
}

.oi-grid-three-up:before {
  content: "\e072";
}

.oi-grid-two-up:before {
  content: "\e073";
}

.oi-hard-drive:before {
  content: "\e074";
}

.oi-header:before {
  content: "\e075";
}

.oi-headphones:before {
  content: "\e076";
}

.oi-heart:before {
  content: "\e077";
}

.oi-home:before {
  content: "\e078";
}

.oi-image:before {
  content: "\e079";
}

.oi-inbox:before {
  content: "\e07a";
}

.oi-infinity:before {
  content: "\e07b";
}

.oi-info:before {
  content: "\e07c";
}

.oi-italic:before {
  content: "\e07d";
}

.oi-justify-center:before {
  content: "\e07e";
}

.oi-justify-left:before {
  content: "\e07f";
}

.oi-justify-right:before {
  content: "\e080";
}

.oi-key:before {
  content: "\e081";
}

.oi-laptop:before {
  content: "\e082";
}

.oi-layers:before {
  content: "\e083";
}

.oi-lightbulb:before {
  content: "\e084";
}

.oi-link-broken:before {
  content: "\e085";
}

.oi-link-intact:before {
  content: "\e086";
}

.oi-list-rich:before {
  content: "\e087";
}

.oi-list:before {
  content: "\e088";
}

.oi-location:before {
  content: "\e089";
}

.oi-lock-locked:before {
  content: "\e08a";
}

.oi-lock-unlocked:before {
  content: "\e08b";
}

.oi-loop-circular:before {
  content: "\e08c";
}

.oi-loop-square:before {
  content: "\e08d";
}

.oi-loop:before {
  content: "\e08e";
}

.oi-magnifying-glass:before {
  content: "\e08f";
}

.oi-map-marker:before {
  content: "\e090";
}

.oi-map:before {
  content: "\e091";
}

.oi-media-pause:before {
  content: "\e092";
}

.oi-media-play:before {
  content: "\e093";
}

.oi-media-record:before {
  content: "\e094";
}

.oi-media-skip-backward:before {
  content: "\e095";
}

.oi-media-skip-forward:before {
  content: "\e096";
}

.oi-media-step-backward:before {
  content: "\e097";
}

.oi-media-step-forward:before {
  content: "\e098";
}

.oi-media-stop:before {
  content: "\e099";
}

.oi-medical-cross:before {
  content: "\e09a";
}

.oi-menu:before {
  content: "\e09b";
}

.oi-microphone:before {
  content: "\e09c";
}

.oi-minus:before {
  content: "\e09d";
}

.oi-monitor:before {
  content: "\e09e";
}

.oi-moon:before {
  content: "\e09f";
}

.oi-move:before {
  content: "\e0a0";
}

.oi-musical-note:before {
  content: "\e0a1";
}

.oi-paperclip:before {
  content: "\e0a2";
}

.oi-pencil:before {
  content: "\e0a3";
}

.oi-people:before {
  content: "\e0a4";
}

.oi-person:before {
  content: "\e0a5";
}

.oi-phone:before {
  content: "\e0a6";
}

.oi-pie-chart:before {
  content: "\e0a7";
}

.oi-pin:before {
  content: "\e0a8";
}

.oi-play-circle:before {
  content: "\e0a9";
}

.oi-plus:before {
  content: "\e0aa";
}

.oi-power-standby:before {
  content: "\e0ab";
}

.oi-print:before {
  content: "\e0ac";
}

.oi-project:before {
  content: "\e0ad";
}

.oi-pulse:before {
  content: "\e0ae";
}

.oi-puzzle-piece:before {
  content: "\e0af";
}

.oi-question-mark:before {
  content: "\e0b0";
}

.oi-rain:before {
  content: "\e0b1";
}

.oi-random:before {
  content: "\e0b2";
}

.oi-reload:before {
  content: "\e0b3";
}

.oi-resize-both:before {
  content: "\e0b4";
}

.oi-resize-height:before {
  content: "\e0b5";
}

.oi-resize-width:before {
  content: "\e0b6";
}

.oi-rss-alt:before {
  content: "\e0b7";
}

.oi-rss:before {
  content: "\e0b8";
}

.oi-script:before {
  content: "\e0b9";
}

.oi-share-boxed:before {
  content: "\e0ba";
}

.oi-share:before {
  content: "\e0bb";
}

.oi-shield:before {
  content: "\e0bc";
}

.oi-signal:before {
  content: "\e0bd";
}

.oi-signpost:before {
  content: "\e0be";
}

.oi-sort-ascending:before {
  content: "\e0bf";
}

.oi-sort-descending:before {
  content: "\e0c0";
}

.oi-spreadsheet:before {
  content: "\e0c1";
}

.oi-star:before {
  content: "\e0c2";
}

.oi-sun:before {
  content: "\e0c3";
}

.oi-tablet:before {
  content: "\e0c4";
}

.oi-tag:before {
  content: "\e0c5";
}

.oi-tags:before {
  content: "\e0c6";
}

.oi-target:before {
  content: "\e0c7";
}

.oi-task:before {
  content: "\e0c8";
}

.oi-terminal:before {
  content: "\e0c9";
}

.oi-text:before {
  content: "\e0ca";
}

.oi-thumb-down:before {
  content: "\e0cb";
}

.oi-thumb-up:before {
  content: "\e0cc";
}

.oi-timer:before {
  content: "\e0cd";
}

.oi-transfer:before {
  content: "\e0ce";
}

.oi-trash:before {
  content: "\e0cf";
}

.oi-underline:before {
  content: "\e0d0";
}

.oi-vertical-align-bottom:before {
  content: "\e0d1";
}

.oi-vertical-align-center:before {
  content: "\e0d2";
}

.oi-vertical-align-top:before {
  content: "\e0d3";
}

.oi-video:before {
  content: "\e0d4";
}

.oi-volume-high:before {
  content: "\e0d5";
}

.oi-volume-low:before {
  content: "\e0d6";
}

.oi-volume-off:before {
  content: "\e0d7";
}

.oi-warning:before {
  content: "\e0d8";
}

.oi-wifi:before {
  content: "\e0d9";
}

.oi-wrench:before {
  content: "\e0da";
}

.oi-x:before {
  content: "\e0db";
}

.oi-yen:before {
  content: "\e0dc";
}

.oi-zoom-in:before {
  content: "\e0dd";
}

.oi-zoom-out:before {
  content: "\e0de";
}


footer[data-v-5e037d04] {
  margin-top: 30px;
  margin-bottom: 100px;
}
p[data-v-5e037d04] {
  margin: 0px auto 50px auto;
  line-height: 2;
}
a[data-v-5e037d04],
a.link[data-v-5e037d04] {
  color: #48a961;
  cursor: pointer;
}
img[data-v-5e037d04] {
  height: 20px;
  width: 20px;
  margin: -2.5px 0 0 0px;
}
@media only screen and (min-width: 500px) {
}


nav[data-v-7f41330e] {
  /* position: sticky !important; */
  background: #131417 !important;
  padding-bottom: 30px;
}
.navbar a[data-v-7f41330e] {
  justify-content: space-around;
  color: #6c757d;
}
.nuxt-link-exact-active[data-v-7f41330e] {
  color: #48a961 !important;
}


.admin .container {
  margin-top: 50px;
}
.admin section {
  margin: 20px 0;
}
.admin h2 {
  font-size: 1.4rem;
  font-weight: 600;
  margin-bottom: 20px;
}
.admin form {
  height: 100vh;
}
.admin .form-control {
  border: none;
  outline: none;
}
.admin .buttonText {
  position: relative;
  margin-left: 5px;
}
.admin .pagination {
  clear: both;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin: 20px 0;
}


:root {
  --lightgrey: #6b747d;
  --darkgrey: #6b747d;
  --darkergrey: #1f2125;
  --green: #48a961;
  --red: #d84646;
  --yellow: #f8c00a;
}
html {
  font-size: 16px;
  word-spacing: 1px;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}
*,
*:before,
*:after {
  box-sizing: border-box;
  margin: 0;
}
body {
  font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  background: #1f2125;
  color: #dddddd;
  -webkit-user-select: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
.sticky {
  display: none;
}
.container {
  max-width: 900px;
}
.box {
  border: 1px solid #6b747d;
  border: 1px solid var(--lightgrey);
  margin: 50px 0 0 0;
  padding: 20px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-items: center;
  align-items: center;
  opacity: 0;
  transform: scale(1);
  animation: fadeIn 1s ease-in-out forwards 0s;
}
.status {
  margin-top: 20px;
  display: block;
}
.status p {
  margin-bottom: 10px;
}
.status strong {
  font-weight: bolder;
  top: 1px;
  position: relative;
  line-height: normal;
  font-size: 1.3rem;
  border-radius: 100px;
  padding: 0 5px;
  display: inline-block;
}
a,
a:hover {
  color: white;
  -webkit-text-decoration: none;
  text-decoration: none;
}
.boxTitle {
  font-size: 1rem;
  font-weight: 600;
  background: #1f2125;
  padding: 5px;
  color: #6b747d;
  color: var(--lightgrey);
  position: absolute;
  top: -1rem;
}
.boxSubheadline {
  font-size: 1rem;
  font-weight: 400;
  background: #1f2125;
  font-style: italic;
  color: #6b747d;
  color: var(--lightgrey);
  position: relative;
}
.boxContent {
  display: block;
  width: 100%;
}
.boxContent.horizontal {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}
.boxContent.horizontal p {
  margin: 0;
  max-width: 80%;
}
h1 {
  text-align: center;
  margin: 40px auto 20px auto;
  text-transform: uppercase;
  font-size: 2.2rem;
}
.animatedIcon {
  animation: colorFade 2s linear forwards 1s;
  top: 5px;
  color: #343a40;
}
@keyframes colorFade {
0% {
    color: #6b747d;
    color: var(--darkgrey);
}
100% {
    color: #48a961;
    color: var(--green);
}
}
@keyframes fadeIn {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
@keyframes fadeOut {
0% {
    opacity: 1;
}
100% {
    opacity: 0;
}
}
.svg-inline--fa {
  vertical-align: -0.25em;
  font-size: 1.2em;
}
.chevron {
  color: #6b747d;
  color: var(--darkgrey);
  cursor: pointer;
}
.chevron.active {
  color: #ddd;
}
ul.playerList {
  list-style: none;
  padding-left: 0;
  margin: 0 auto;
  max-width: 370px;
}
.buttons .btn {
  margin: 0;
  padding: 0.4rem 0.6rem;
  border: none !important;
}
.btn-grey,
.btn-grey:hover,
.btn-grey:active,
.btn-grey:not(:disabled):not(.disabled).active,
.btn-grey:not(:disabled):not(.disabled):active {
  color: #1f2125;
  color: var(--darkergrey);
  background-color: #6b747d;
  background-color: var(--darkgrey);
}
.btn-green {
  color: white;
  background-color: #48a961;
  background-color: var(--green);
  border-color: #48a961;
  border-color: var(--green);
}
.btn-red {
  color: white;
  background-color: #d84646;
  background-color: var(--red);
  border-color: #d84646;
  border-color: var(--red);
}
.btn-green:hover,
.btn-green:focus {
  background-color: #48a961;
  background-color: var(--green);
  border-color: #48a961;
  border-color: var(--green);
}
.btn-green:active {
  background-color: #6b747d;
  background-color: var(--darkgrey);
}
.btn-red:hover,
.btn-red:focus {
  color: white;
  background-color: #d84646;
  background-color: var(--red);
  border-color: #d84646;
  border-color: var(--red);
}
.btn:hover,
.btn:focus {
  border: none !important;
  box-shadow: none !important;
}
@media (hover: none) {
.btn-green:hover,
  .btn-green:focus {
    background-color: #48a961;
    background-color: var(--green);
    border-color: #48a961;
    border-color: var(--green);
}
.btn-red:hover,
  .btn-red:focus {
    background-color: #d84646;
    background-color: var(--red);
    border-color: #d84646;
    border-color: var(--red);
}
.btn :hover,
  .btn :focus {
    border: none;
}
}
.btn:disabled {
  color: #6b747d;
  color: var(--darkgrey);
  opacity: 0.3;
}
.btn .noSelection:disabled {
  opacity: 0.5;
}
.btn-committed:disabled {
  color: #48a961;
  color: var(--green);
  background-color: transparent;
  opacity: 1;
}
.btn-waiting:disabled {
  color: #f8c00a;
  color: var(--yellow);
  background-color: transparent;
  opacity: 1;
}
.btn-notCommitted,
.btn-notCommitted:disabled,
.btn-notCommitted:hover {
  color: #d84646;
  color: var(--red);
  background-color: transparent;
  opacity: 1;
}
.userEdit {
  color: #6b747d;
  color: var(--darkgrey);
}
.alert {
  margin: 10px 0;
  padding: 0.75rem;
  opacity: 0;
  border-color: #d84646;
  border-color: var(--red);
  background: #1e2024;
  color: white;
  border-radius: 5px;
  display: flex;
  animation: fadeIn 0.2s ease-in-out forwards 0.5s;
  justify-content: space-between;
  align-items: baseline;
}
.alert a {
  font-weight: 800;
  -webkit-text-decoration: underline;
  text-decoration: underline;
  cursor: pointer;
}
.alert-success {
  border-color: #48a961;
  border-color: var(--green);
}
li {
  padding: 0;
  margin: 5px 0;
}
li span .name {
  min-width: -moz-fit-content;
  min-width: fit-content;
  font-weight: bold;
}
li span .guestmark,
li span .minPlayers {
  color: #6b747d;
  color: var(--lightgrey);
  margin-left: 5px;
  font-weight: lighter;
}
.buttonText {
  margin-right: 5px;
}
.commitement {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.btn .oi {
  top: 3px;
  margin: 3px;
}
.mobile {
  display: none;
}
.guests {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  flex-direction: row;
}
.guests .boxContent {
  justify-content: center;
  align-items: center;
  display: flex;
  flex-direction: column;
}
.guests .minPlayers {
  margin-bottom: 8px;
  width: 100%;
  justify-content: space-between;
  display: flex;
  align-items: baseline;
}
.guests input,
.guests select {
  -webkit-appearance: none;
  background: #131417;
  border: 0;
  color: white;
  margin-bottom: 8px;
}
.guests input:focus,
.guests select:focus {
  -webkit-appearance: none;

  background: #131417;
  color: white;
}
.removeGuest {
  margin-left: 5px !important;
  cursor: pointer;
  color: #6b747d;
  color: var(--darkgrey);
}
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.5s;
  transition-delay: 0.6s;
}
.fade-enter,
.fade-leave-to {
  opacity: 0;
}
.list-move {
  transition: transform 1s;
  transition-delay: 0.2s;
}
.text-muted {
  color: #b5b5b5 !important;
  margin: 1rem 0 0.25rem 0;
}
@media only screen and (max-width: 600px) {
.sticky {
    display: block;
    position: fixed;
    height: 80px;
    top: 0px;
    margin: 0 auto;
    width: 100%;
    z-index: 100;
    background: -webkit-linear-gradient(
      top,
      rgba(30, 32, 36, 1) 0%,
      rgba(30, 32, 36, 1) 45%,
      rgba(30, 32, 36, 0) 100%
    );
}
h1 {
    margin-top: 70px;
}
li span.name {
    font-size: 1rem;
    min-width: -moz-fit-content;
    min-width: fit-content;
    line-height: 1;
}
.nextkick .h4 {
    white-space: pre-line;
}
.buttons .btn {
    padding: 0.6rem 0.9rem;
}
.buttonText {
    display: none;
}
.guests .buttonText {
    display: inline-block;
}
.mobile {
    display: inline;
}
.desktop {
    display: none;
}
li .oi {
    font-size: 1.1rem;
    line-height: 1.6rem;
    margin: 0;
    top: 1px;
    padding: 0;
}
}