/* /Layout/Components/ActionItem.razor.rz.scp.css */
.action-item[b-8q4fqt4icr] {
  display: flex;
  min-width: 128px;
  flex-direction: row;
  cursor: pointer;
  padding: 2px;
  border-bottom: 1px solid var(--bg-secondary);
  transition: background-color linear 0.3s;
  opacity: 0.8;
  backdrop-filter: blur(5px);
  background-color: transparent;
  align-items: center;
  user-select: none;
}
.action-item:first-child[b-8q4fqt4icr] {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.action-item:last-child[b-8q4fqt4icr] {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom: none;
}
.action-item:hover[b-8q4fqt4icr] {
  background-color: var(--bg);
  opacity: 1;
}
.action-item .label[b-8q4fqt4icr] {
  white-space: nowrap;
  padding: 8px 16px;
  flex: 1;
  color: var(--primary);
}
.action-item .icon[b-8q4fqt4icr] {
  display: flex;
  align-items: center;
  padding-right: 8px;
}
.action-item .icon img[b-8q4fqt4icr] {
  width: 16px;
  max-height: 16px;
}
/* /Layout/Components/AgentSelector.razor.rz.scp.css */
.agent-selector[b-87h8urvsnl] {
  flex: 1;
  display: flex;
  position: relative;
  flex-direction: column;
}
.agent-selector .arrow[b-87h8urvsnl] {
  width: 32px;
  height: 32px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0.6;
  cursor: pointer;
  z-index: 100;
}
.agent-selector .arrow img[b-87h8urvsnl] {
  width: 32px;
  height: 32px;
}
.agent-selector .arrow:hover[b-87h8urvsnl] {
  opacity: 1;
}
.agent-selector .arrow.right[b-87h8urvsnl] {
  right: 16px;
}
.agent-selector .arrow.left[b-87h8urvsnl] {
  left: 16px;
}
.agent-selector .selector-dots[b-87h8urvsnl] {
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 4px;
}
.agent-selector .selector-dots .dot[b-87h8urvsnl] {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background-color: var(--secondary);
}
.agent-selector .selector-dots .dot.active[b-87h8urvsnl] {
  background-color: var(--accent);
}
.agent-selector .agent[b-87h8urvsnl] {
  display: flex;
  padding: 32px;
  flex-direction: column;
  gap: 8px;
  justify-content: center;
  text-align: center;
  position: relative;
}
.agent-selector .agent .avatar[b-87h8urvsnl] {
  position: relative;
  justify-content: center;
}
.agent-selector .agent .avatar img[b-87h8urvsnl] {
  width: 75%;
  border-radius: 50%;
  box-shadow: var(--bg) 0 0 36px;
  border: var(--bg-secondary-transparent) solid 8px;
}
.agent-selector .agent .avatar .player[b-87h8urvsnl] {
  position: absolute;
  left: 15%;
  bottom: 15%;
  transform: translate(-15px, 15px);
}
.agent-selector .agent .avatar .player[b-87h8urvsnl]  .audio-player-wrapper {
  padding: 0;
}
.agent-selector .agent .avatar .player[b-87h8urvsnl]  .audio-player-wrapper .play-container {
  width: auto;
}
.agent-selector .agent .avatar .gender[b-87h8urvsnl] {
  background-color: var(--primary);
  color: var(--bg);
  font-weight: bold;
  font-size: 0.8rem;
  text-transform: uppercase;
  padding: 4px 8px;
  border-radius: 6px;
  position: absolute;
  right: 15%;
  bottom: 15%;
}
.agent-selector .agent-content[b-87h8urvsnl] {
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
}
.agent-selector .agent-content .title[b-87h8urvsnl] {
  font-size: 1.4rem;
  font-weight: bold;
  color: var(--primary);
}
.agent-selector .agent-content .description[b-87h8urvsnl] {
  font-size: 0.9rem;
  color: var(--secondary);
}
.agent-selector .action[b-87h8urvsnl] {
  display: flex;
  padding-bottom: 24px;
  justify-content: center;
}
.agent-selector .action button[b-87h8urvsnl] {
  border: 1px solid var(--bg-transparent);
  color: var(--bg);
  background-color: var(--accent);
  font-size: 0.8rem;
  text-transform: uppercase;
  padding: 12px 24px;
  text-align: center;
  border-radius: 8px;
  cursor: pointer;
  transition: all linear 0.3s;
}
.agent-selector .action button:hover[b-87h8urvsnl] {
  background-color: var(--bg-secondary);
}
/* /Layout/Components/AudioPlayer.razor.rz.scp.css */
.audio-player-wrapper[b-k2p4c2bhbt] {
  padding: 16px 24px;
}
.audio-player-wrapper.simple[b-k2p4c2bhbt] {
  padding: 4px;
}
.audio-player-wrapper.simple .audio-player[b-k2p4c2bhbt] {
  position: relative;
  height: 48px;
}
.audio-player-wrapper.simple .audio-player .audio-time[b-k2p4c2bhbt] {
  padding-left: 32px;
}
.audio-player-wrapper.simple .audio-player .timeline[b-k2p4c2bhbt] {
  position: absolute;
  left: 38px;
  right: 0px;
  top: 28px;
}
.audio-player-wrapper.simple .audio-player .controls[b-k2p4c2bhbt] {
  position: absolute;
  top: 16px;
  left: -8px;
}
.audio-player-wrapper.simple .audio-player .controls .volume-container[b-k2p4c2bhbt],
.audio-player-wrapper.simple .audio-player .controls .downoad-container[b-k2p4c2bhbt] {
  display: none;
}
.audio-player-wrapper.simple .audio-player .controls .play-container[b-k2p4c2bhbt] {
  width: 42px;
  height: 32px;
}
.audio-player-wrapper.simple .audio-player .controls .play-container .toggle-play[b-k2p4c2bhbt] {
  width: 24px;
  height: 24px;
}
.audio-player-wrapper .audio-player[b-k2p4c2bhbt] {
  flex: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 48px;
}
.audio-player-wrapper .audio-player .audio-time[b-k2p4c2bhbt] {
  padding: 0 4px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.audio-player-wrapper .audio-player .audio-time div[b-k2p4c2bhbt] {
  padding: 4px;
  font-size: 0.8rem;
  color: var(--secondary);
}
.audio-player-wrapper .audio-player .timeline[b-k2p4c2bhbt] {
  background: var(--bg-secondary);
  border: 1px solid var(--bg-secondary);
  border-radius: 4px;
  height: 8px;
  position: relative;
  cursor: pointer;
  margin: 0 8px;
}
.audio-player-wrapper .audio-player .timeline .progress[b-k2p4c2bhbt] {
  border-radius: 4px;
  background: var(--accent);
  width: 0%;
  height: 100%;
  transition: 0.25s;
  position: relative;
}
.audio-player-wrapper .audio-player .timeline .progress[b-k2p4c2bhbt]:after {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: var(--primary);
  position: absolute;
  right: -8px;
  top: -4px;
  outline: 2px solid var(--bg);
}
.audio-player-wrapper .audio-player .controls[b-k2p4c2bhbt] {
  padding: 0 4px;
  display: flex;
  flex-direction: row;
}
.audio-player-wrapper .audio-player .controls > *[b-k2p4c2bhbt] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.audio-player-wrapper .audio-player .controls .play-container[b-k2p4c2bhbt] {
  width: 20%;
  justify-content: center;
}
.audio-player-wrapper .audio-player .controls .play-container .toggle-play[b-k2p4c2bhbt] {
  width: 32px;
  height: 32px;
  cursor: pointer;
  position: relative;
  transition: outline linear 0.3s;
  background-size: cover;
  border-radius: 50%;
  margin: 2px;
  background-color: var(--bg);
  padding: 8px;
}
.audio-player-wrapper .audio-player .controls .play-container .toggle-play.play[b-k2p4c2bhbt] {
  background-image: url('/assets/icons/play.svg');
}
.audio-player-wrapper .audio-player .controls .play-container .toggle-play.pause[b-k2p4c2bhbt] {
  background-image: url('/assets/icons/pause.svg');
}
.audio-player-wrapper .audio-player .controls .play-container .toggle-play:hover[b-k2p4c2bhbt] {
  background-color: var(--bg-secondary);
}
.audio-player-wrapper .audio-player .controls .time[b-k2p4c2bhbt] {
  display: flex;
}
.audio-player-wrapper .audio-player .controls .time > *[b-k2p4c2bhbt] {
  padding: 2px;
}
.audio-player-wrapper .audio-player .controls .download-container[b-k2p4c2bhbt] {
  width: 40%;
  justify-content: end;
}
.audio-player-wrapper .audio-player .controls .download-container .download[b-k2p4c2bhbt] {
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: relative;
  opacity: 0.8;
  transition: opacity linear 0.3s;
  background-size: cover;
  display: flex;
  background-image: url('/assets/icons/download.svg');
}
.audio-player-wrapper .audio-player .controls .volume-container[b-k2p4c2bhbt] {
  width: 40%;
  cursor: pointer;
  padding: 8px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  justify-content: start;
}
.audio-player-wrapper .audio-player .controls .volume-container .volume-button[b-k2p4c2bhbt] {
  width: 20px;
  height: 20px;
  cursor: pointer;
  position: relative;
  opacity: 0.8;
  transition: opacity linear 0.3s;
  background-size: cover;
  display: flex;
}
.audio-player-wrapper .audio-player .controls .volume-container .volume-button.volume[b-k2p4c2bhbt] {
  background-image: url('/assets/icons/speaker.svg');
}
.audio-player-wrapper .audio-player .controls .volume-container .volume-button.muted[b-k2p4c2bhbt] {
  background-image: url('/assets/icons/muted.svg');
}
.audio-player-wrapper .audio-player .controls .volume-container:hover .volume-slider[b-k2p4c2bhbt] {
  display: block;
}
.audio-player-wrapper .audio-player .controls .volume-container .volume-slider[b-k2p4c2bhbt] {
  display: none;
  width: 100px;
  height: 6px;
  border-radius: 3px;
  background: var(--bg-secondary);
}
.audio-player-wrapper .audio-player .controls .volume-container .volume-slider .volume-percentage[b-k2p4c2bhbt] {
  border-radius: 3px;
  background: var(--accent);
  height: 100%;
  width: 75%;
}
/* /Layout/Components/AvatarUpload.razor.rz.scp.css */
.avatar-upload[b-g97z38anrr] {
  flex: 1;
  display: flex;
  justify-content: center;
  padding: 24px;
}
.avatar-upload .avatar-wrapper[b-g97z38anrr] {
  display: flex;
  width: 75%;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  box-shadow: var(--bg) 0 0 36px;
  border: var(--bg-secondary-transparent) solid 8px;
  align-items: center;
  justify-content: center;
}
.avatar-upload .avatar-wrapper .icon[b-g97z38anrr] {
  width: 100%;
  opacity: 0.05;
}
/* /Layout/Components/CardView.razor.rz.scp.css */
.card-view[b-ymjn9e5o8t] {
  flex: 1;
  display: grid;
  grid-auto-columns: minmax(25%, 50%);
  grid-auto-flow: column;
  grid-template-columns: auto auto auto;
  background-color: var(--bg-secondary-transparent);
  padding: 32px;
}
/* /Layout/Components/CardViewItem.razor.rz.scp.css */
.card[b-xoqvv8f42w] {
  height: 196px;
  padding: 24px;
  border-radius: 16px;
  background-color: var(--bg-transparent);
  box-shadow: var(--bg-secondary) 0 0 32px;
  border: 1px solid var(--bg);
  backdrop-filter: blur(5px);
  position: relative;
  display: flex;
}
.card .card-content[b-xoqvv8f42w] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.card .card-content .label[b-xoqvv8f42w] {
  font-size: 0.7rem;
  text-transform: uppercase;
  color: var(--secondary);
  flex: 1;
}
.card .card-content .title[b-xoqvv8f42w] {
  font-size: 2rem;
  color: var(--primary);
}
.card .card-content .description[b-xoqvv8f42w] {
  font-size: 0.8rem;
  color: var(--text);
  opacity: 0.6;
}
.card .card-content .date[b-xoqvv8f42w] {
  font-size: 0.9rem;
}
.card .card-content .avatar[b-xoqvv8f42w] {
  position: absolute;
  right: 24px;
  bottom: 24px;
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.card .card-content .avatar .avatar-image img[b-xoqvv8f42w] {
  border-radius: 50%;
  width: 24px;
}
.card .card-content .actions[b-xoqvv8f42w] {
  position: absolute;
  top: 24px;
  right: 24px;
  display: flex;
  flex-direction: row;
  gap: 8px;
}
/* /Layout/Components/Chart.razor.rz.scp.css */
.chart[b-6x2ecpx7z3] {
  padding: 8px 28px 28px 28px;
  position: relative;
  display: flex;
  flex: 1;
}
.chart .chart-content[b-6x2ecpx7z3] {
  position: relative;
  flex: 1;
  background-color: var(--bg-transparent);
  border: 1px solid var(--bg);
  border-radius: 8px;
}
.chart .chart-content .y-labels[b-6x2ecpx7z3] {
  left: 0;
  top: 0;
  width: 50px;
  bottom: 50px;
  flex-direction: column;
}
.chart .chart-content .y-labels label span[b-6x2ecpx7z3] {
  transform: translate(0%, 0);
}
.chart .chart-content .x-labels[b-6x2ecpx7z3] {
  left: 50px;
  right: 0;
  bottom: 0;
  height: 50px;
  flex-direction: row;
}
.chart .chart-content .x-labels label span[b-6x2ecpx7z3] {
  transform: translate(0, -50%);
}
.chart .chart-content .y-labels[b-6x2ecpx7z3],
.chart .chart-content .x-labels[b-6x2ecpx7z3] {
  position: absolute;
  display: flex;
  align-items: center;
}
.chart .chart-content .y-labels label[b-6x2ecpx7z3],
.chart .chart-content .x-labels label[b-6x2ecpx7z3] {
  flex: 1;
  color: var(--primary);
  font-size: 0.8rem;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  /*span {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                }*/
}
.chart .chart-content .chart-view[b-6x2ecpx7z3] {
  position: absolute;
  left: 50px;
  top: 0;
  bottom: 50px;
  right: 0;
}
.chart .chart-content .chart-view .point[b-6x2ecpx7z3] {
  position: absolute;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  margin-left: -4px;
  margin-top: -4px;
  cursor: pointer;
  border: 2px solid var(--bg-transparent);
  box-shadow: var(--bg) 0 0 16px;
}
.chart .chart-content .chart-view .point:hover[b-6x2ecpx7z3] {
  border: 2px solid var(--bg);
  animation: pulse-animation-b-6x2ecpx7z3 1s ease-in-out infinite;
}
.chart .chart-content .chart-view .point:hover .details[b-6x2ecpx7z3] {
  visibility: visible;
  opacity: 1;
}
.chart .chart-content .chart-view .point .details[b-6x2ecpx7z3] {
  cursor: default;
  visibility: hidden;
  opacity: 0;
  display: flex;
  position: absolute;
  top: 50%;
  right: 22px;
  background-color: var(--bg-transparent);
  border: 1px solid var(--bg);
  backdrop-filter: blur(20px);
  min-width: 360px;
  min-height: 64px;
  flex-direction: column;
  box-shadow: var(--bg-secondary) 0 0 64px;
  border-radius: 8px;
  transition: all linear 0.3s;
  padding: 16px;
  gap: 8px;
  z-index: 10000;
  transform: translateY(-50%);
}
.chart .chart-content .chart-view .point .details[b-6x2ecpx7z3]:before {
  content: "";
  position: absolute;
  right: -16px;
  top: 50%;
  width: 0;
  border-left: 16px solid var(--bg-transparent);
  border-right: none;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  transform: translateY(-50%);
}
.chart .chart-content .chart-view .point .details[b-6x2ecpx7z3]:after {
  content: "";
  position: absolute;
  right: -15px;
  top: 50%;
  width: 0;
  border-left: 16px solid var(--bg);
  border-right: none;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  transform: translateY(-50%);
}
.chart .chart-content .chart-view .point .details .header[b-6x2ecpx7z3] {
  display: flex;
  flex-direction: row;
}
.chart .chart-content .chart-view .point .details .header .info[b-6x2ecpx7z3] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.chart .chart-content .chart-view .point .details .header .info div.customer-name[b-6x2ecpx7z3] {
  font-weight: bold;
  color: var(--primary);
  font-size: 1.6rem;
}
.chart .chart-content .chart-view .point .details .header .info div.phone-number[b-6x2ecpx7z3] {
  color: var(--placeholder);
  font-size: 1rem;
  font-weight: bold;
}
.chart .chart-content .chart-view .point .details .header .info div.state[b-6x2ecpx7z3] {
  font-size: 0.7rem;
  font-weight: bold;
  text-transform: uppercase;
}
.chart .chart-content .chart-view .point .details .header .info div.state span[b-6x2ecpx7z3] {
  display: inline-block;
  border-right: 1px solid var(--bg-secondary);
  padding-right: 8px;
  margin-right: 8px;
  color: var(--primary);
}
.chart .chart-content .chart-view .point .details .header .info div.state span:last-child[b-6x2ecpx7z3] {
  border-right: none;
}
.chart .chart-content .chart-view .point .details .header .date[b-6x2ecpx7z3] {
  width: 96px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: center;
  justify-content: left;
  background-color: var(--bg-secondary);
  border-radius: 8px;
  padding: 8px;
}
.chart .chart-content .chart-view .point .details .header .date .day-time[b-6x2ecpx7z3] {
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
}
.chart .chart-content .chart-view .point .details .header .date .day-name[b-6x2ecpx7z3] {
  font-size: 0.8rem;
  font-weight: bold;
  text-transform: uppercase;
}
.chart .chart-content .chart-view .point .details .header .date .day-date[b-6x2ecpx7z3] {
  font-size: 0.8rem;
}
.chart .chart-content .chart-view .point .details .controls[b-6x2ecpx7z3] {
  display: flex;
}
.chart .chart-content .chart-view .point .details .controls button[b-6x2ecpx7z3] {
  flex: 1;
  border: 1px solid var(--bg-secondary);
  color: var(--secondary);
  background-color: var(--bg-secondary-transparent);
  font-size: 0.7rem;
  font-weight: bold;
  text-transform: uppercase;
  padding: 8px;
  text-align: center;
  border-radius: 4px;
  cursor: pointer;
  transition: all linear 0.3s;
  text-shadow: 0 0 4px var(--bg);
}
.chart .chart-content .chart-view .point .details .controls button:hover[b-6x2ecpx7z3] {
  background-color: var(--bg-secondary);
}
@keyframes pulse-animation-b-6x2ecpx7z3 {
  0% {
    box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 0 0 16px rgba(0, 0, 0, 0);
  }
}
/* /Layout/Components/Favorite.razor.rz.scp.css */
.favorite img[b-9iaoc596eb] {
  width: 24px;
}
/* /Layout/Components/FormCheckbox.razor.rz.scp.css */
.form-row[b-7lb4j4nlzi] {
  display: flex;
  padding: 4px 0;
}
.form-row label[b-7lb4j4nlzi] {
  flex: 1;
  display: flex;
  flex-direction: row;
  position: relative;
  align-items: center;
}
.form-row label .label[b-7lb4j4nlzi] {
  flex: 1;
  color: var(--form-label);
  padding: 4px 8px;
  user-select: none;
}
.form-row .switch[b-7lb4j4nlzi] {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 24px;
}
.form-row .switch input[b-7lb4j4nlzi] {
  opacity: 0;
  width: 0;
  height: 0;
}
.form-row .switch .slider[b-7lb4j4nlzi] {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--placeholder);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 12px;
}
.form-row .switch .slider[b-7lb4j4nlzi]:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: var(--form-input-background);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}
.form-row .switch input:checked + .slider[b-7lb4j4nlzi] {
  background-color: var(--green);
}
.form-row .switch input:focus + .slider[b-7lb4j4nlzi] {
  box-shadow: 0 0 1px var(--green);
}
.form-row .switch input:checked + .slider[b-7lb4j4nlzi]:before {
  transform: translateX(24px);
}
/* /Layout/Components/FormGroup.razor.rz.scp.css */
.form-group[b-s48u1rlid2] {
  padding: 8px;
  border-radius: 4px;
}
/* /Layout/Components/FormInput.razor.rz.scp.css */
.form-row[b-1eszcwxeg7] {
  display: flex;
  flex-direction: column;
}
.form-row label[b-1eszcwxeg7] {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.form-row label .label[b-1eszcwxeg7] {
  color: var(--form-label);
  padding: 4px 8px;
  user-select: none;
}
.form-row label .input[b-1eszcwxeg7] {
  display: grid;
}
.form-row label .input[b-1eszcwxeg7]:after {
  content: attr(data-replicated-value) " ";
  white-space: pre-wrap;
  visibility: hidden;
  padding: 8px 12px;
}
.form-row label .input[b-1eszcwxeg7]:after,
.form-row label .input[b-1eszcwxeg7]  > * {
  grid-area: 1 / 1 / 2 / 2;
}
.form-row label .input[b-1eszcwxeg7]  textarea {
  resize: none;
  height: 80px;
}
.form-row label .input[b-1eszcwxeg7]  input,
.form-row label .input[b-1eszcwxeg7]  textarea {
  font-family: inherit;
  background-color: var(--form-input-background);
  outline: 1px solid var(--bg-secondary);
  transition: all linear 0.3s;
  border-radius: 4px;
  border: none;
  padding: 8px 12px;
  font-size: 0.9rem;
  color: var(--form-input-text);
  min-height: 19px;
  max-height: 100px;
}
.form-row label .input[b-1eszcwxeg7]  input::placeholder,
.form-row label .input[b-1eszcwxeg7]  textarea::placeholder {
  color: var(--form-input-placeholder);
}
.form-row .info[b-1eszcwxeg7] {
  display: block;
  font-size: 0.7rem;
  color: var(--secondary);
  padding: 4px 8px;
  user-select: none;
  text-align: right;
}
/* /Layout/Components/FormView.razor.rz.scp.css */
.form-view[b-kr3wbt0i5i] {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.form-view[b-kr3wbt0i5i] .row {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.form-view[b-kr3wbt0i5i] .row .cell {
  display: flex;
  flex: 1;
}
.form-view[b-kr3wbt0i5i] .row .cell > div {
  flex: 1;
}
/* /Layout/Components/Header.razor.rz.scp.css */
.header[b-8xqklr9yh6] {
  display: flex;
  flex-direction: column;
  padding: 16px;
  min-height: 64px;
}
.header .header-title[b-8xqklr9yh6] {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-top: 8px;
}
.header .header-title h2[b-8xqklr9yh6] {
  font-size: 1.6rem;
  font-weight: bold;
  color: var(--title);
  flex: 1;
  padding: 0 16px;
  margin: 0;
  cursor: default;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.header .header-title .header-actions[b-8xqklr9yh6] {
  padding-right: 16px;
}
.header .header-title .header-actions .actions[b-8xqklr9yh6] {
  position: relative;
}
.header .header-title .header-actions .actions .finish-edit[b-8xqklr9yh6] {
  font-size: 0.9rem;
  color: var(--accent);
  cursor: pointer;
  opacity: 0.8;
  transition: opacity linear 0.3s;
}
.header .header-title .header-actions .actions .finish-edit:hover[b-8xqklr9yh6] {
  opacity: 1;
}
.header .header-title .header-actions .actions .action-icon[b-8xqklr9yh6] {
  opacity: 0.8;
  transition: opacity linear 0.3s;
  cursor: pointer;
}
.header .header-title .header-actions .actions .action-icon:hover[b-8xqklr9yh6] {
  opacity: 1;
}
.header .header-title .header-actions .actions .action-icon img[b-8xqklr9yh6] {
  width: 24px;
}
.header .header-title .header-actions .actions .action-list[b-8xqklr9yh6] {
  position: absolute;
  right: -4px;
  top: 28px;
  z-index: 10000;
  display: flex;
  flex-direction: column;
  box-shadow: var(--placeholder) 0 0 32px;
  border-radius: 8px;
  backdrop-filter: blur(20px);
  /*
                    &:before {
                        content: "";
                        position: absolute;
                        top: -16px;
                        right: 20px;
                        width: 0;
                        border-bottom: 16px solid var(--border);
                        border-top: none;
                        border-left: 16px solid transparent;
                        border-right: 16px solid transparent;
                    }

                    &:after {
                        content: "";
                        position: absolute;
                        top: -15px;
                        right: 20px;
                        width: 0;
                        border-bottom: 16px solid var(--bg-secondary);
                        border-top: none;
                        border-left: 16px solid transparent;
                        border-right: 16px solid transparent;
                    }*/
}
.header .header-subtitle[b-8xqklr9yh6] {
  padding-left: 16px;
  display: flex;
  flex-direction: row;
  gap: 8px;
}
.header .header-subtitle[b-8xqklr9yh6]  span {
  display: inline-block;
}
.header .header-subtitle[b-8xqklr9yh6]  span:not(:last-child) {
  border-right: 1px solid var(--bg-secondary);
  padding-right: 8px;
}
/* /Layout/Components/ListView.razor.rz.scp.css */
.scroll[b-26skvtt5qg] {
  flex: 1;
  display: flex;
  position: relative;
  transition: transform 0.5s ease-in-out, --var1 linear 0.3s;
  flex-direction: column;
  overflow-y: scroll;
  scroll-behavior: smooth;
}
@property --var1 {
  syntax: "<color>";
  inherits: true;
  initial-value: transparent;
}
.scroll:hover[b-26skvtt5qg] {
  --var1: var(--bg-secondary);
}
.scroll:active[b-26skvtt5qg]::-webkit-scrollbar-thumb,
.scroll:focus[b-26skvtt5qg]::-webkit-scrollbar-thumb,
.scroll:hover[b-26skvtt5qg]::-webkit-scrollbar-thumb {
  background-color: var(--var1);
}
.scroll[b-26skvtt5qg]::-webkit-scrollbar-thumb {
  transition: all 0.3s ease-in-out;
  background-color: var(--var1);
  border-radius: 12px;
  border: 4px solid var(--bg);
}
.scroll[b-26skvtt5qg]::-webkit-scrollbar-thumb:hover {
  background-color: var(--primary);
}
.scroll[b-26skvtt5qg]::-webkit-scrollbar {
  width: 12px;
}
/* /Layout/Components/ListViewItem.razor.rz.scp.css */
.list-item[b-dud3ey52o9] {
  display: flex;
  padding: 0 16px 0 8px;
  cursor: default;
  position: relative;
}
.list-item.status-unreachable[b-dud3ey52o9],
.list-item.status-nonexistent[b-dud3ey52o9],
.list-item.status-error[b-dud3ey52o9] {
  filter: grayscale(100);
}
.list-item:not(.editing):hover[b-dud3ey52o9]:before {
  width: 6px;
}
.list-item:not(.editing)[b-dud3ey52o9]:before {
  content: '';
  display: block;
  width: 0;
  position: absolute;
  left: 1px;
  top: 0;
  bottom: 0;
  background-color: var(--bg-secondary);
  transition: width linear 0.2s;
}
.list-item:not(.editing).active .wrapper[b-dud3ey52o9] {
  background: var(--bg-secondary-transparent);
  background: linear-gradient(90deg, transparent 0%, var(--bg-secondary-transparent) 50%, transparent 100%);
}
.list-item:not(.editing).active[b-dud3ey52o9]:before {
  width: 6px;
  background-color: var(--accent);
  z-index: 2;
}
.list-item .wrapper[b-dud3ey52o9] {
  display: flex;
  flex: 1;
  flex-direction: row;
  border-bottom: 1px solid var(--bg-secondary);
  padding: 8px 0 8px 0px;
  margin-left: 24px;
  border-top: none;
}
.list-item .wrapper .editing[b-dud3ey52o9] {
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
}
.list-item .wrapper .editing img[b-dud3ey52o9] {
  width: 16px;
  max-height: 16px;
}
.list-item .wrapper .image[b-dud3ey52o9] {
  padding: 0 16px 0 0;
}
.list-item .wrapper .image img[b-dud3ey52o9] {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}
.list-item .wrapper .body[b-dud3ey52o9] {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: start;
}
.list-item .wrapper .body .label[b-dud3ey52o9] {
  font-size: 0.7rem;
  font-weight: bold;
  text-transform: uppercase;
  color: var(--secondary);
  opacity: 0.5;
}
.list-item .wrapper .body .title[b-dud3ey52o9] {
  font-size: 0.9rem;
  color: var(--primary);
}
.list-item .wrapper .body .description[b-dud3ey52o9] {
  font-size: 0.8rem;
  color: var(--text);
  opacity: 0.6;
}
.list-item .wrapper .details[b-dud3ey52o9] {
  display: flex;
  flex-direction: column;
  align-items: end;
  justify-content: start;
  gap: 2px;
  padding-right: 8px;
}
.list-item .wrapper .details .status[b-dud3ey52o9] {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.7rem;
  color: var(--primary);
}
.list-item .wrapper .details .result[b-dud3ey52o9] {
  font-size: 0.7rem;
  color: var(--secondary);
  font-weight: bold;
  position: relative;
  padding: 2px;
}
.list-item .wrapper .details .result.with-status[b-dud3ey52o9] {
  border-radius: 12px;
  padding-right: 16px;
  padding: 2px 16px 2px 6px;
}
.list-item .wrapper .details .result[b-dud3ey52o9]:after {
  content: '';
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: 2px solid var(--bg-transparent);
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.list-item .wrapper .details .result.red[b-dud3ey52o9]:after {
  background-color: red;
}
.list-item .wrapper .details .result.orange[b-dud3ey52o9]:after {
  background-color: orange;
}
.list-item .wrapper .details .result.green[b-dud3ey52o9]:after {
  background-color: green;
}
.list-item .wrapper .details .result.blue[b-dud3ey52o9]:after {
  background-color: var(--secondary);
}
.list-item .wrapper .details .result.gray[b-dud3ey52o9]:after {
  background-color: gray;
}
.list-item .wrapper .arrow[b-dud3ey52o9] {
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.8;
  cursor: pointer;
  transition: opacity linear 0.3s;
}
.list-item .wrapper .arrow:hover[b-dud3ey52o9] {
  opacity: 1;
}
.list-item .wrapper .arrow img[b-dud3ey52o9] {
  width: 20px;
  max-height: 20px;
}
.list-item .wrapper:last-child[b-dud3ey52o9] {
  padding-right: 8px;
}
/* /Layout/Components/Loader.razor.rz.scp.css */
.loader-wrapper[b-t0mowpq0bi] {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 100;
}
.loader-wrapper .loader[b-t0mowpq0bi] {
  opacity: 0.1;
  width: 60px;
  aspect-ratio: 4;
  --_g: no-repeat radial-gradient(circle closest-side, var(--primary) 90%, transparent);
  background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%;
  background-size: calc(100%/3) 100%;
  animation: l7-b-t0mowpq0bi 1s infinite linear;
}
@keyframes l7-b-t0mowpq0bi {
  33% {
    background-size: calc(100%/3) 0%, calc(100%/3) 100%, calc(100%/3) 100%;
  }
  50% {
    background-size: calc(100%/3) 100%, calc(100%/3) 0%, calc(100%/3) 100%;
  }
  66% {
    background-size: calc(100%/3) 100%, calc(100%/3) 100%, calc(100%/3) 0%;
  }
}
/* /Layout/Components/LoginPrompt.razor.rz.scp.css */
.login-prompt[b-e505un6qay] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 700px;
  min-height: 450px;
  border-radius: 16px;
  border: 1px solid var(--bg);
  background-color: var(--bg-transparent);
  backdrop-filter: blur(5px);
  box-shadow: var(--shadow) 0 0 64px;
  display: flex;
  flex-direction: row;
}
.login-prompt .left[b-e505un6qay] {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 32px;
  gap: 32px;
}
.login-prompt .right[b-e505un6qay] {
  width: 45%;
  background-image: url(/assets/side.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}
.login-prompt .logo[b-e505un6qay] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.login-prompt .logo img[b-e505un6qay] {
  width: 35%;
  padding: 32px;
}
.login-prompt .actions[b-e505un6qay] {
  display: flex;
}
.login-prompt .actions .login[b-e505un6qay] {
  flex: 1;
  border: 1px solid var(--bg-transparent);
  color: var(--bg);
  background-color: var(--accent);
  font-size: 0.8rem;
  text-transform: uppercase;
  padding: 12px 24px;
  text-align: center;
  border-radius: 8px;
  cursor: pointer;
  transition: all linear 0.3s;
  opacity: 0.8;
}
.login-prompt .actions .login:hover[b-e505un6qay] {
  opacity: 1;
}
/* /Layout/Components/ModalWindow.razor.rz.scp.css */
.modal-window .modal-content[b-y6aggdl4f2] {
  min-width: 300px;
  min-height: 200px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--bg-secondary-transparent);
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 128px;
  border: 1px solid var(--bg);
  border-radius: 7px;
  display: flex;
  flex-direction: column;
}
.modal-window .window-title[b-y6aggdl4f2] {
  text-align: center;
  font-weight: bold;
  font-size: 0.8rem;
  padding-top: 7px;
  color: var(--secondary);
  user-select: none;
}
.modal-window h3[b-y6aggdl4f2] {
  padding: 16px 24px 0px 24px;
  font-size: 1.8rem;
  color: var(--primary);
  margin: 0;
  user-select: none;
}
.modal-window .content-body[b-y6aggdl4f2] {
  flex: 1;
  display: flex;
  flex-direction: row;
  padding: 16px;
  gap: 16px;
}
.modal-window .content-body[b-y6aggdl4f2]  .tab-view {
  margin-top: -16px;
  padding: 0 !important;
}
.modal-window .content-wrapper[b-y6aggdl4f2] {
  flex: 1;
  display: flex;
  flex-direction: row;
}
.modal-window .content-wrapper .side-menu[b-y6aggdl4f2] {
  width: 20%;
  min-width: 120px;
  padding: 14px 0px 14px 14px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.modal-window .content-wrapper .side-menu[b-y6aggdl4f2]  .menu-item-group {
  display: flex;
  flex-direction: column;
  gap: 1px;
}
.modal-window .content-wrapper .side-menu[b-y6aggdl4f2]  .menu-item {
  cursor: pointer;
  user-select: none;
}
.modal-window .content-wrapper .side-menu[b-y6aggdl4f2]  .menu-item:first-child .item {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
.modal-window .content-wrapper .side-menu[b-y6aggdl4f2]  .menu-item:last-child .item {
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}
.modal-window .content-wrapper .side-menu[b-y6aggdl4f2]  .menu-item .item {
  padding: 7px;
  display: flex;
  flex-direction: row;
  color: var(--primary);
  background-color: var(--bg-secondary-transparent);
  font-size: 0.8rem;
  gap: 8px;
  align-items: center;
}
.modal-window .content-wrapper .side-menu[b-y6aggdl4f2]  .menu-item .item .icon {
  padding: 2px;
  display: flex;
  align-items: center;
}
.modal-window .content-wrapper .side-menu[b-y6aggdl4f2]  .menu-item .item .icon img {
  width: 16px;
  max-height: 16px;
}
.modal-window .content-wrapper .side-menu[b-y6aggdl4f2]  .menu-item .item.active {
  background-color: var(--bg);
}
.modal-window .content-wrapper .side-menu[b-y6aggdl4f2]  .menu-item .item:hover:not(.active) {
  background-color: var(--bg-transparent);
}
.modal-window .content-wrapper .content[b-y6aggdl4f2] {
  flex: 1;
  padding: 14px;
}
.modal-window .content-wrapper .content[b-y6aggdl4f2]  .list {
  margin-bottom: 14px;
  background-color: var(--bg);
  border-radius: 7px;
  padding: 7px 7px;
}
.modal-window .content-wrapper .content[b-y6aggdl4f2]  .list-item {
  padding: 2px;
  display: flex;
  flex-direction: row;
  font-size: 0.8rem;
  gap: 4px;
  padding: 7px 10px;
  border-bottom: 1px solid var(--secondary);
}
.modal-window .content-wrapper .content[b-y6aggdl4f2]  .list-item:first-child {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
.modal-window .content-wrapper .content[b-y6aggdl4f2]  .list-item:last-child {
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  border-bottom: none;
}
/* GLOBALS */
.modal-window[b-y6aggdl4f2] {
  background-color: var(--bg-secondary-transparent);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
.modal-window.visible[b-y6aggdl4f2] {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
.modal-close[b-y6aggdl4f2] {
  display: flex;
  width: 32px;
  height: 32px;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 4px;
  text-align: center;
  top: 4px;
  opacity: 0.6;
  cursor: pointer;
  user-select: none;
}
.modal-close .close[b-y6aggdl4f2] {
  font-size: 1.5rem;
  font-weight: bold;
}
.modal-close:hover[b-y6aggdl4f2] {
  opacity: 1;
}
/* /Layout/Components/Notification.razor.rz.scp.css */
.notification[b-2wukg4jy9j] {
  background: rgba(0, 0, 0, 0.8);
  display: none;
  padding: 14px;
  color: var(--text-white);
  z-index: 999;
  position: absolute;
  min-width: 200px;
  bottom: 2rem;
  border-radius: 7px;
  right: 2rem;
  flex-direction: row;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 24px;
  z-index: 100000;
}
.notification .icon[b-2wukg4jy9j] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 7px;
  font-size: 2.5rem;
  color: var(--text-white);
}
.notification .body[b-2wukg4jy9j] {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 0 7px;
}
.notification .body p[b-2wukg4jy9j] {
  margin-bottom: 0;
  color: var(--text-white);
  padding: 0;
  margin: 0;
}
.notification .body h5[b-2wukg4jy9j] {
  padding: 0;
  margin: 0;
}
.notification.visible[b-2wukg4jy9j] {
  display: flex;
  flex-direction: row;
  animation: fadein-b-2wukg4jy9j 1.5s;
}
@keyframes fadein-b-2wukg4jy9j {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* /Layout/Components/Placeholder.razor.rz.scp.css */
.placeholder[b-33cnoo4odb] {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.placeholder .icon[b-33cnoo4odb] {
  opacity: 0.2;
}
.placeholder .icon img[b-33cnoo4odb] {
  width: 64px;
  max-height: 64px;
}
.placeholder .label[b-33cnoo4odb] {
  opacity: 0.5;
  font-size: 0.9rem;
}
/* /Layout/Components/PopupMenu.razor.rz.scp.css */
.popup-menu .transparent-overlay[b-70ly13guvn] {
  border-radius: 4px;
}
.popup-menu.disabled[b-70ly13guvn] {
  opacity: 0.5;
  filter: grayscale(100%);
}
.popup-menu.disabled .search[b-70ly13guvn] {
  display: none;
}
.popup-menu.disabled .menu-list[b-70ly13guvn] {
  display: none;
}
.popup-menu.disabled .menu-button[b-70ly13guvn] {
  cursor: default;
}
.popup-menu .menu-button[b-70ly13guvn] {
  opacity: 0.8;
  transition: opacity linear 0.3s;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  gap: 8px;
  user-select: none;
}
.popup-menu .menu-button:hover[b-70ly13guvn] {
  opacity: 1;
}
.popup-menu .menu-button .menu-icon img[b-70ly13guvn] {
  width: 24px;
}
.popup-menu .menu-button .label[b-70ly13guvn] {
  flex: 1;
  color: var(--accent);
}
.popup-menu .menu-list[b-70ly13guvn] {
  position: absolute;
  right: 12px;
  top: 12px;
  left: 12px;
  z-index: 10000;
  display: flex;
  flex-direction: column;
  box-shadow: var(--bg-secondary) 0 0 24px;
  border-radius: 8px;
  backdrop-filter: blur(20px);
  border: 1px solid var(--bg-transparent);
}
.popup-menu .menu-list .search[b-70ly13guvn] {
  position: relative;
  display: flex;
}
.popup-menu .menu-list .search[b-70ly13guvn]:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
  background-image: url(/assets/icons/search.svg);
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0.2;
  width: 16px;
  height: 16px;
  display: block;
  z-index: 2;
}
.popup-menu .menu-list .search input[b-70ly13guvn] {
  background-color: transparent;
  padding: 12px 8px;
  color: var(--primary);
  padding-left: 42px;
  border: none;
  outline: none;
  flex: 1;
}
.popup-menu .menu-list .list-content[b-70ly13guvn] {
  border-radius: 8px;
  display: flex;
  flex-direction: column;
}
.popup-menu .menu-list .list-content .list-items[b-70ly13guvn] {
  display: flex;
  flex-direction: column;
}
.popup-menu .menu-list .list-content[b-70ly13guvn]  .action-item:first-child {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.popup-menu .menu-list .list-content .empty-placeholder[b-70ly13guvn] {
  display: none;
  height: 80px;
  justify-content: center;
  align-items: center;
  color: var(--placeholder);
}
.popup-menu .menu-list .list-content .empty-placeholder b[b-70ly13guvn] {
  color: var(--secondary);
}
.popup-menu .menu-list .list-content:has(.list-items:empty) .empty-placeholder[b-70ly13guvn] {
  display: flex;
}
/* /Layout/Components/SearchBar.razor.rz.scp.css */
.search-bar[b-httnthawli] {
  padding: 8px 32px;
  display: flex;
  position: relative;
}
.search-bar[b-httnthawli]:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 40px;
  transform: translateY(-50%);
  background-image: url(/assets/icons/search.svg);
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0.2;
  width: 16px;
  height: 16px;
  display: block;
  z-index: 2;
}
.search-bar input[type=search][b-httnthawli] {
  flex: 1;
  background-color: var(--bg-secondary-transparent);
  border: none;
  padding: 8px 12px 8px 32px;
  outline: 1px solid var(--bg-secondary);
  border-radius: 8px;
  transition: all linear 0.3s;
}
.search-bar input[type=search]:focus[b-httnthawli] {
  opacity: 1;
  background-color: var(--bg);
}
.search-bar input[type=search][b-httnthawli]::placeholder {
  color: var(--placeholder);
}
/* /Layout/Components/TabActions.razor.rz.scp.css */
.tab-actions[b-10cu7q2wcm] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.tab-actions .label[b-10cu7q2wcm] {
  font-size: 0.9rem;
}
.tab-actions .actions[b-10cu7q2wcm] {
  padding-right: 4px;
}
/* /Layout/Components/TabGroup.razor.rz.scp.css */
.tab-group[b-91vo2dyk6z] {
  border-radius: 4px;
  display: flex;
  flex-direction: column;
}
.tab-group .title[b-91vo2dyk6z] {
  padding: 0 0 8px 8px;
}
.tab-group .title span[b-91vo2dyk6z] {
  font-size: 0.7rem;
  font-weight: bold;
  text-transform: uppercase;
  color: var(--primary);
  user-select: none;
}
.tab-group .group-content[b-91vo2dyk6z] {
  display: flex;
  flex-direction: column;
}
.tab-group .group-content[b-91vo2dyk6z]  :first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.tab-group .group-content[b-91vo2dyk6z]  :last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.tab-group .description[b-91vo2dyk6z] {
  padding: 8px 0 8px 8px;
  font-size: 0.7rem;
  color: var(--secondary);
  user-select: none;
}
/* /Layout/Components/TabInput.razor.rz.scp.css */
.tab-row[b-gbznmcb4ul] {
  background-color: var(--bg-transparent);
  position: relative;
}
.tab-row label[b-gbznmcb4ul] {
  flex: 1;
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid var(--bg-secondary);
  transition: all linear 0.3s;
}
.tab-row label:hover .input[b-gbznmcb4ul] {
  background-color: var(--bg-transparent);
}
.tab-row label:focus-within .label[b-gbznmcb4ul] {
  color: var(--primary);
}
.tab-row label .label[b-gbznmcb4ul] {
  width: 33%;
  color: var(--secondary);
  padding: 12px 12px;
  border-right: 1px solid var(--bg-secondary);
  font-size: 0.7rem;
  text-transform: uppercase;
  user-select: none;
}
.tab-row label .input[b-gbznmcb4ul] {
  width: 67%;
  display: grid;
}
.tab-row label .input[b-gbznmcb4ul]:after {
  content: attr(data-replicated-value) " ";
  white-space: pre-wrap;
  visibility: hidden;
  padding: 8px 32px 8px 16px;
  word-break: break-all;
}
.tab-row label .input[b-gbznmcb4ul]:after,
.tab-row label .input[b-gbznmcb4ul]  > * {
  grid-area: 1 / 1 / 2 / 2;
}
.tab-row label .input[b-gbznmcb4ul]  input[type=text],
.tab-row label .input[b-gbznmcb4ul]  input[type=number],
.tab-row label .input[b-gbznmcb4ul]  input[type=date],
.tab-row label .input[b-gbznmcb4ul]  textarea {
  flex: 1;
  font-family: inherit;
  background: transparent;
  outline: none;
  transition: all linear 0.3s;
  border-radius: 4px;
  border: none;
  padding: 8px 32px 8px 16px;
  font-size: 0.9rem;
  color: var(--form-input-text);
  word-break: break-all;
}
.tab-row label .input[b-gbznmcb4ul]  input[type=text]:focus,
.tab-row label .input[b-gbznmcb4ul]  input[type=number]:focus,
.tab-row label .input[b-gbznmcb4ul]  input[type=date]:focus,
.tab-row label .input[b-gbznmcb4ul]  textarea:focus {
  background: var(--bg);
}
.tab-row label .input[b-gbznmcb4ul]  input[type=text]::placeholder,
.tab-row label .input[b-gbznmcb4ul]  input[type=number]::placeholder,
.tab-row label .input[b-gbznmcb4ul]  input[type=date]::placeholder,
.tab-row label .input[b-gbznmcb4ul]  textarea::placeholder {
  color: var(--form-input-placeholder);
}
.tab-row label .input[b-gbznmcb4ul]  select {
  border: none;
  outline: none;
  margin-right: 32px;
  margin-left: 12px;
  background: transparent;
  color: var(--form-input-text);
  font-size: 0.9rem;
}
.tab-row label .input[b-gbznmcb4ul]  textarea {
  resize: none;
  overflow: hidden;
}
.tab-row label .input[b-gbznmcb4ul]  input[type=range] {
  align-self: center;
  -webkit-appearance: none;
  margin-right: 32px;
  margin-left: 16px;
  background: var(--bg-secondary);
  border-radius: 4px;
  height: 8px;
  outline: none;
  opacity: 0.7;
  -webkit-transition: opacity 0.15s ease-in-out;
  transition: opacity 0.15s ease-in-out;
}
.tab-row label .input[b-gbznmcb4ul]  input[type=range]:hover {
  opacity: 1;
}
.tab-row label .input[b-gbznmcb4ul]  input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 12px;
  height: 12px;
  background: var(--accent);
  cursor: pointer;
  border-radius: 50%;
  outline: 2px solid var(--bg);
}
.tab-row:hover .remove[b-gbznmcb4ul] {
  display: block;
}
.tab-row .remove[b-gbznmcb4ul] {
  display: none;
  position: absolute;
  top: 6px;
  right: 4px;
  width: 16px;
  height: 16px;
  font-weight: bold;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 1.2rem;
  opacity: 0.4;
  color: var(--primary);
}
.tab-row .remove:hover[b-gbznmcb4ul] {
  opacity: 0.6;
}
.tab-row .info[b-gbznmcb4ul] {
  display: block;
  font-size: 0.8rem;
  color: var(--secondary);
  padding: 4px 8px;
}
/* /Layout/Components/TabView.razor.rz.scp.css */
.tab-view[b-alac2jvg1j] {
  display: flex;
  flex-direction: column;
  padding: 16px 32px;
  flex: 1;
  gap: 6px;
}
.tab-view .tab-selector[b-alac2jvg1j] {
  display: flex;
  flex-direction: row;
}
.tab-view .tab-selector button[b-alac2jvg1j] {
  border: none;
  outline: none;
  background-color: transparent;
  border-bottom: 4px solid transparent;
  padding: 8px 4px;
  margin: 0 8px;
  font-size: 0.9rem;
  font-weight: bold;
  color: var(--secondary);
  cursor: pointer;
  transition: all linear 0.3s;
  user-select: none;
}
.tab-view .tab-selector button:not(.active):hover[b-alac2jvg1j] {
  border-bottom: 4px solid var(--bg-secondary);
}
.tab-view .tab-selector button.active[b-alac2jvg1j] {
  color: var(--primary);
  border-bottom: 4px solid var(--accent);
}
.tab-view .tab-content[b-alac2jvg1j] {
  position: relative;
  background-color: var(--bg-transparent);
  border: 1px solid var(--bg-secondary);
  padding: 0;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.tab-view .tab-content .tab-scroll[b-alac2jvg1j] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  flex: 1;
  border-radius: 8px;
}
.tab-view .tab-content .tab-scroll:has(.tab-group)[b-alac2jvg1j],
.tab-view .tab-content .tab-scroll:has(.tab-actions)[b-alac2jvg1j] {
  gap: 4px;
  padding: 8px;
}
/* /Layout/Components/TimeTable.razor.rz.scp.css */
.time-table[b-oeis53kl6d] {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  background-color: var(--bg-transparent);
  backdrop-filter: blur(5px);
}
.time-table .table-content[b-oeis53kl6d] {
  flex: 1;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
}
.time-table .table-content .column[b-oeis53kl6d] {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  flex: 1;
}
.time-table .table-content .row[b-oeis53kl6d] {
  display: flex;
  flex: 1;
}
.time-table .table-content .hour-label[b-oeis53kl6d] {
  text-align: left;
  align-items: center;
}
.time-table .table-content .hour-label span[b-oeis53kl6d] {
  color: var(--secondary);
  font-size: 0.8rem;
  cursor: default;
  user-select: none;
}
.time-table .table-content .day-label[b-oeis53kl6d] {
  text-align: center;
  justify-content: center;
}
.time-table .table-content .day-label span[b-oeis53kl6d] {
  color: var(--secondary);
  font-size: 0.8rem;
  cursor: default;
  user-select: none;
}
.time-table .table-content .day-label.day-0[b-oeis53kl6d],
.time-table .table-content .day-label.day-6[b-oeis53kl6d] {
  opacity: 0.3;
}
.time-table .table-content .time-slot[b-oeis53kl6d] {
  flex: 1;
  background: var(--bg);
  cursor: pointer;
  cursor: default;
  user-select: none;
}
.time-table .table-content .time-slot.hour-11[b-oeis53kl6d] {
  border-top: 1px dashed var(--bg-secondary);
}
.time-table .table-content .time-slot.day-0[b-oeis53kl6d],
.time-table .table-content .time-slot.day-6[b-oeis53kl6d] {
  background: repeating-linear-gradient(-55deg, var(--bg), var(--bg) 2px, var(--bg-secondary-transparent) 2px, var(--bg-secondary-transparent) 4px);
}
.time-table .table-content .time-slot.active[b-oeis53kl6d] {
  background: var(--accent);
}
.time-table .table-content .time-slot:not(.time-table .table-content .time-slot.active):hover[b-oeis53kl6d] {
  background: var(--bg-secondary-transparent);
}
/* /Layout/Components/VoiceWave.razor.rz.scp.css */
.blob-container[b-z1nji89kmf] {
  width: 125px;
  height: 125px;
  position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.blob[b-z1nji89kmf] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at 30% 30%, #FFF, #a855f7, #06b6d4, #ec4899, #3b82f6);
  background-size: 300% 300%;
  border-radius: 40% 60% 60% 40% / 40% 40% 60% 60%;
  animation: morph-b-z1nji89kmf 4s ease-in-out infinite alternate, backgroundMove-b-z1nji89kmf 4s ease-in-out infinite alternate, steps(1, start), glow-b-z1nji89kmf 4s ease-in-out infinite alternate;
  filter: blur(25px);
  mix-blend-mode: screen;
  box-shadow: 0 0 40px 20px rgba(168, 85, 247, 0.8), 0 0 80px 40px rgba(6, 182, 212, 0.4), 0 0 120px 60px rgba(236, 72, 153, 0.2);
}
.blob:nth-child(1)[b-z1nji89kmf] {
  background: radial-gradient(circle at 30% 30%, #a855f7, #FFF, #ec4899, #06b6d4, #3b82f6);
  transform: translate(-50%, -50%) rotate(90deg);
  width: 60%;
  height: 60%;
}
.equalizer[b-z1nji89kmf] {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50%;
  height: 33%;
  display: flex;
  margin-top: -10px;
  justify-content: space-around;
  align-items: center;
  transform: translate(-50%, -50%);
  z-index: 10;
  pointer-events: none;
  opacity: 0.25;
  gap: 0;
}
.bar[b-z1nji89kmf] {
  width: 6px;
  height: 100%;
  background: #ffffff;
  animation: bounce-b-z1nji89kmf 0.75s ease-in infinite alternate;
  border-radius: 2px;
}
.bar:nth-child(1)[b-z1nji89kmf] {
  animation-delay: 0.2s;
  height: 80%;
}
.bar:nth-child(2)[b-z1nji89kmf] {
  animation-delay: 0s;
}
.bar:nth-child(3)[b-z1nji89kmf] {
  animation-delay: 0.4s;
  height: 60%;
}
.bar:nth-child(4)[b-z1nji89kmf] {
  animation-delay: 0.2s;
}
.bar:nth-child(5)[b-z1nji89kmf] {
  animation-delay: 0.5s;
  height: 70%;
}
.slider[b-z1nji89kmf] {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -75px;
  transform: translateX(-50%);
  overflow: hidden;
  height: 50px;
}
.slider[b-z1nji89kmf]  div {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  transition: all linear 0.3s;
}
.slider[b-z1nji89kmf]  div span {
  padding: 0.5rem;
  color: #FFF;
  text-shadow: 0 0 0.5rem var(--secondary);
  font-size: 1rem;
}
.slider[b-z1nji89kmf]  div.reset {
  display: none;
}
.slider[b-z1nji89kmf]  div.top {
  margin-top: -150%;
  opacity: 0;
}
.slider[b-z1nji89kmf]  div.center {
  margin-top: 0%;
  opacity: 1;
}
.slider[b-z1nji89kmf]  div.bottom {
  margin-top: 150%;
  opacity: 0;
}
@keyframes bounce-b-z1nji89kmf {
  0%,
  100% {
    transform: scaleY(0.4);
  }
  50% {
    transform: scaleY(1);
  }
}
@keyframes morph-b-z1nji89kmf {
  0%,
  100% {
    border-radius: 42% 58% 57% 43% / 40% 45% 55% 60%;
  }
  25% {
    border-radius: 60% 40% 55% 45% / 55% 50% 50% 45%;
  }
  50% {
    border-radius: 45% 55% 60% 40% / 50% 60% 40% 50%;
  }
  75% {
    border-radius: 58% 42% 40% 60% / 45% 55% 50% 50%;
  }
}
@keyframes backgroundMove-b-z1nji89kmf {
  0%,
  100% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}
@keyframes glow-b-z1nji89kmf {
  0%,
  100% {
    box-shadow: 0 0 40px 20px rgba(168, 85, 247, 0.4), 0 0 80px 40px rgba(6, 182, 212, 0.2), 0 0 120px 60px rgba(236, 72, 153, 0.1);
  }
  50% {
    box-shadow: 0 0 60px 30px rgba(168, 85, 247, 0.6), 0 0 100px 50px rgba(6, 182, 212, 0.3), 0 0 140px 70px rgba(236, 72, 153, 0.2);
  }
}