/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-9sa5enmfj7] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-9sa5enmfj7] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Pages/Components/BulletinEditor.razor.rz.scp.css */
.bulletin-editor-root[b-5zacihoebx] {
  display: flex;
  flex-direction: column;
}

  .bulletin-editor-root[b-5zacihoebx]  .bulletin-editor-toolbox {
    display: flex;
    justify-content: center;
  }

    .bulletin-editor-root[b-5zacihoebx]  .bulletin-editor-toolbox .bulletin-editor-toolbox-add {
      align-self: center;
    }

    .bulletin-editor-root[b-5zacihoebx]  .bulletin-editor-toolbox .bulletin-editor-toolbox-emoji {
      justify-content: space-between;
      flex-basis: auto;
    }

  .bulletin-editor-root[b-5zacihoebx]  .bulletin-editor-drop-container {
    overflow-y: auto;
  }

  .bulletin-editor-root[b-5zacihoebx]  .bulletin-editor {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    min-height: 160px;
  }

    .bulletin-editor-root[b-5zacihoebx]  .bulletin-editor .mud-dropitem-placeholder:first-child {
      position: relative;
    }

    .bulletin-editor-root[b-5zacihoebx]  .bulletin-editor .mud-dropitem-placeholder {
      width: 2px;
      padding: 0 !important;
    }

    .bulletin-editor-root[b-5zacihoebx]  .bulletin-editor .mud-drop-item-preview-start {
      left: 10px;
      position: relative;
      flex-basis: 10px;
      height: auto;
      margin-left: -21px;
    }

    .bulletin-editor-root[b-5zacihoebx]  .bulletin-editor .bulletin-item {
      display: flex;
      min-width: 110px;
      cursor: pointer;
    }

      .bulletin-editor-root[b-5zacihoebx]  .bulletin-editor .bulletin-item .bulletin-item-check {
        position: relative;
        left: -8px;
        height: 30px;
        width: 30px;
      }

      .bulletin-editor-root[b-5zacihoebx]  .bulletin-editor .bulletin-item .bulletin-item-remove {
        cursor: pointer;
      }

      .bulletin-editor-root[b-5zacihoebx]  .bulletin-editor .bulletin-item .bulletin-item-value {
        cursor: inherit;
        flex-grow: 1;
        flex-shrink: 0;
      }

        .bulletin-editor-root[b-5zacihoebx]  .bulletin-editor .bulletin-item .bulletin-item-value .bulletin-item-value-editor {
          border: none;
          background: transparent;
          outline: none;
          text-align: center;
        }
/* /Components/Pages/Components/PokerCard.razor.rz.scp.css */
.poker-card[b-mpr6yi4x3u] {
  position: relative;
  display: inline-block;
  width: 132px;
  height: 172px;
  border-radius: 4px;
  cursor: pointer;
}

  .poker-card[b-mpr6yi4x3u]:before,
  .poker-card[b-mpr6yi4x3u]:after {
    content: attr(value);
    position: absolute;
    width: 12px;
    text-align: center;
  }

  .poker-card[b-mpr6yi4x3u]:before {
    top: 4px;
    left: 4px;
  }

  .poker-card[b-mpr6yi4x3u]:after {
    bottom: 4px;
    right: 4px;
    transform: rotate(180deg);
  }

  .poker-card:hover[b-mpr6yi4x3u] {
    background: #ffe4c442;
  }

.poker-card--heart[b-mpr6yi4x3u] {
  color: #e44145;
}

  .poker-card--heart[b-mpr6yi4x3u]:before,
  .poker-card--heart[b-mpr6yi4x3u]:after {
    content: attr(value) ' ♥';
  }

.poker-card--selected[b-mpr6yi4x3u] {
  background: #FFE0B2;
}

  .poker-card--selected:hover[b-mpr6yi4x3u] {
    background: #fbd3a3 !important;
  }

.poker-card--heart[b-mpr6yi4x3u] {
  content: '♥';
}

.poker-card--value[b-mpr6yi4x3u] {

}

@media (width < 600px) {
  .poker-card[b-mpr6yi4x3u] {
    width: 72px;
    height: 96px;
  }

  [b-mpr6yi4x3u] .poker-card--value {
    font-size: 30px;
  }

  .poker-card--heart[b-mpr6yi4x3u] {
    line-height: 14px;
    font-size: 10px;
  }
}
/* /Components/Pages/Components/PokerCardDeck.razor.rz.scp.css */
[b-7kj8f1ahbx] .poker-card-container {
  display: flex;
}

@media (width > 600px) {
  [b-7kj8f1ahbx] .poker-card-container {
    max-width: unset;
    flex-basis: unset;
    padding: 12px 16px;
  }
}
/* /Components/Pages/Components/SessionStatusPrompt.razor.rz.scp.css */
.session-status-promt[b-1lzs5q45oh]  .mud-alert.mud-alert-width-100 > .mud-alert-position > .mud-alert-message {
  width: 100%
}
/* /Components/Shared/EditParticipantInfoDialog.razor.rz.scp.css */
[b-wk5ozi91tb] .avatar {
}

[b-wk5ozi91tb] .avatar--selected {
  border: 2px solid lightskyblue;
}

[b-wk5ozi91tb] .avatar:hover {
  border: 1px solid lightskyblue;
}

.upload-avatar-label[b-wk5ozi91tb] {
  cursor: pointer;
}
/* /Components/Shared/OnlineStatusBadge.razor.rz.scp.css */
.online-status[b-dkj22b56em]  .mud-badge-medium .mud-badge {
  height: 14px;
  min-width: 14px;
}

.online-status[b-dkj22b56em]  .mud-badge-small .mud-badge {
  left: 21px;
  top: 17px;
}
/* /Components/Shared/Snowflakes.razor.rz.scp.css */
/* https://github.com/pajasevi/CSSnowflakes */
/* customizable snowflake styling */
.snowflake[b-spuel9r452] {
  color: #fff;
  font-size: 1em;
  font-family: Arial, sans-serif;
  text-shadow: 0 0 5px #000;
}

@-webkit-keyframes snowflakes-fall {
  0% {
    top: -10%
  }

  100% {
    top: 100%
  }
}

@-webkit-keyframes snowflakes-shake {
  0%,100% {
    -webkit-transform: translateX(0);
    transform: translateX(0)
  }

  50% {
    -webkit-transform: translateX(80px);
    transform: translateX(80px)
  }
}

@keyframes snowflakes-fall-b-spuel9r452 {
  0% {
    top: -10%
  }

  100% {
    top: 100%
  }
}

@keyframes snowflakes-shake-b-spuel9r452 {
  0%,100% {
    transform: translateX(0)
  }

  50% {
    transform: translateX(80px)
  }
}

.snowflake[b-spuel9r452] {
  position: fixed;
  top: -10%;
  z-index: 9999;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  -webkit-animation-name: snowflakes-fall,snowflakes-shake;
  -webkit-animation-duration: 10s,3s;
  -webkit-animation-timing-function: linear,ease-in-out;
  -webkit-animation-iteration-count: infinite,infinite;
  -webkit-animation-play-state: running,running;
  animation-name: snowflakes-fall-b-spuel9r452,snowflakes-shake-b-spuel9r452;
  animation-duration: 10s,3s;
  animation-timing-function: linear,ease-in-out;
  animation-iteration-count: infinite,infinite;
  animation-play-state: running,running
}

  .snowflake:nth-of-type(0)[b-spuel9r452] {
    left: 1%;
    -webkit-animation-delay: 0s,0s;
    animation-delay: 0s,0s
  }

  .snowflake:nth-of-type(1)[b-spuel9r452] {
    left: 10%;
    -webkit-animation-delay: 1s,1s;
    animation-delay: 1s,1s
  }

  .snowflake:nth-of-type(2)[b-spuel9r452] {
    left: 20%;
    -webkit-animation-delay: 6s,.5s;
    animation-delay: 6s,.5s
  }

  .snowflake:nth-of-type(3)[b-spuel9r452] {
    left: 30%;
    -webkit-animation-delay: 4s,2s;
    animation-delay: 4s,2s
  }

  .snowflake:nth-of-type(4)[b-spuel9r452] {
    left: 40%;
    -webkit-animation-delay: 2s,2s;
    animation-delay: 2s,2s
  }

  .snowflake:nth-of-type(5)[b-spuel9r452] {
    left: 50%;
    -webkit-animation-delay: 8s,3s;
    animation-delay: 8s,3s
  }

  .snowflake:nth-of-type(6)[b-spuel9r452] {
    left: 60%;
    -webkit-animation-delay: 6s,2s;
    animation-delay: 6s,2s
  }

  .snowflake:nth-of-type(7)[b-spuel9r452] {
    left: 70%;
    -webkit-animation-delay: 2.5s,1s;
    animation-delay: 2.5s,1s
  }

  .snowflake:nth-of-type(8)[b-spuel9r452] {
    left: 80%;
    -webkit-animation-delay: 1s,0s;
    animation-delay: 1s,0s
  }

  .snowflake:nth-of-type(9)[b-spuel9r452] {
    left: 90%;
    -webkit-animation-delay: 3s,1.5s;
    animation-delay: 3s,1.5s
  }

  .snowflake:nth-of-type(10)[b-spuel9r452] {
    left: 25%;
    -webkit-animation-delay: 2s,0s;
    animation-delay: 2s,0s
  }

  .snowflake:nth-of-type(11)[b-spuel9r452] {
    left: 65%;
    -webkit-animation-delay: 4s,2.5s;
    animation-delay: 4s,2.5s
  }

.snowflakes-background[b-spuel9r452] {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: -1;
}
/* /Components/Welcome/Components/Sections/WhoUse.razor.rz.scp.css */
[b-tf5kv2stvq] .brand {
}

  [b-tf5kv2stvq] .brand:hover {
    color: var(--mud-palette-text-primary);
  }