/* @font-face {
    font-family: 'Poppins Bold';
    src: url('assets/fonts/POPPINS-BOLD.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins Semibold';
    src: url('assets/fonts/Poppins-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins Regular';
    src: url('assets/fonts/POPPINS-REGULAR.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
} */

body {
  margin: 0;
  padding: 0;
  background-color: black;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
  font-family:
    "Poppins Bold", "Poppins Semibold", "Poppins Regular", sans-serif;
}

#app {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  background-color: black;
}

/******************* Jquery UI start ******************/

.dialog-form-content label {
  display: block;
  margin-bottom: 5px;
  text-align: left;
  font-weight: bold;
  font-size: large;
  /** to increase the size of input dialog message text **/
}

.ui-dialog #alert-message {
  font-size: large;
  /** to increase the size of alert dialog message text **/
}

.dialog-form-content input {
  width: 95%;
  padding: 8px;
  margin-bottom: 10px;
  border-radius: 4px;
  border: 1px solid #ccc;
}

.ui-dialog-titlebar-close {
  display: none !important;
}

.ui-dialog .ui-dialog-title {
  font-weight: bold;
  font-size: larger;
}

.loader-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}

.loader {
  border: 5px solid #f3f3f3;
  border-top: 5px solid #f51f99;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: spin 1s linear infinite;
  flex-shrink: 0;
}

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

  100% {
    transform: rotate(360deg);
  }
}

/* .ui-dialog .ui-dialog-titlebar {
    background: #f51f99;
    color: #ffffff;
    border-color: #d11b81;
}

.ui-dialog .ui-dialog-buttonpane .ui-button {
    background: #4ec089;
    color: #ffffff;
    border-color: #41a172;
}

.ui-dialog .ui-dialog-buttonpane .ui-button:hover,
.ui-dialog .ui-dialog-buttonpane .ui-button:focus {
    background: #41a172;
    border-color: #35845d;
} */

.ui-widget-overlay {
  /* to keep transparent background overlay when the dialog is open */
  background-color: transparent !important;
  opacity: 0 !important;
}

/****************** Jquery UI end  *****************/

/******************* Iris Transition start ******************/

@property --radius {
  syntax: "<percentage>";
  inherits: true;
  initial-value: 150%;
}

.iris-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(
    circle at center,
    transparent var(--radius),
    black var(--radius)
  );
  transition: --radius 1.2s cubic-bezier(0.7, 0, 0.3, 1);
}

.iris-overlay.zoom-active {
  --radius: 0%;
}

/******************* Iris Transition end ******************/