:root {
  --kiosk-info-icon: 23, 28, 30;
  --kiosk-refresh-ink: rgb(55, 65, 81);
  --kiosk-settings-ink: rgb(0, 0, 0);
  --kiosk-camera-icon: 31, 41, 55;
  --kiosk-bar-track: 238, 240, 242;
  --kiosk-bar-fill: 156, 163, 175;
  --kiosk-bar-stripe: 179, 184, 192;
}

[data-theme='dark'] {
  --kiosk-info-icon: var(--v5id-text-color-primary);
  --kiosk-refresh-ink: rgb(var(--v5id-text-color-primary));
  --kiosk-settings-ink: rgb(var(--v5id-text-color-primary));
  --kiosk-camera-icon: var(--v5id-text-color-primary);
  --kiosk-bar-track: var(--v5id-background-tertiary);
  --kiosk-bar-fill: 90, 110, 124;
  --kiosk-bar-stripe: 112, 132, 146;
}

.icon-sprite {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

html:has(.kiosk-page),
html:has(.kiosk-page) body {
  background: rgb(var(--v5id-background-primary));
}
.page.kiosk-page {
  max-width: none;
}
.kiosk-page {
  display: flex;
  flex-direction: column;
}
.kiosk-page .screen.active {
  flex: 1;
}
.kiosk-page > .error-panel {
  align-self: center;
  width: min(880px, 100%);
}

.kiosk {
  position: relative;
  justify-content: center;
  align-items: center;
  gap: 0;
  color: rgb(var(--v5id-text-color-primary));
  font-size: clamp(1.125rem, 1vw + 0.25rem, 1.375rem);
  line-height: 1.5;
}
.kiosk h1,
.kiosk h2 {
  margin: 0 0 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}
.kiosk h1 {
  font-size: calc(1.375rem + 1.5vw);
}
.kiosk h2 {
  margin-bottom: 0;
  font-size: 1.25rem;
}
.kiosk p {
  margin: 0;
}
.kiosk img,
.kiosk svg {
  vertical-align: middle;
}
.kiosk [hidden] {
  display: none !important;
}
@media (min-width: 1200px) {
  .kiosk h1 {
    font-size: 2.5rem;
  }
}

.kiosk .kiosk-fs-1,
.kit-dialog .kiosk-fs-1 {
  margin: 0;
  font-size: clamp(1.5rem, 1vw + 0.5rem, 2rem);
}
.kiosk .kiosk-fs-2,
.kit-dialog .kiosk-fs-2 {
  margin: 0;
  font-size: clamp(1.25rem, 1vw + 0.5rem, 1.625rem);
}
.kiosk .kiosk-fs-4,
.kit-dialog .kiosk-fs-4 {
  margin: 0;
  font-size: clamp(0.875rem, 1vw, 1rem);
}
.kiosk .kiosk-h6 {
  margin: 0 0 0.5rem;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.2;
}
.kiosk .kiosk-label {
  display: inline-block;
  color: rgb(var(--v5id-text-color-secondary));
  font-size: 1rem;
  font-weight: 500;
  line-height: 150%;
}
.kiosk .kiosk-label-sm {
  font-size: clamp(0.875rem, 1vw, 1rem);
  font-weight: 500;
}
.kiosk .kiosk-info-icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  color: rgb(var(--kiosk-info-icon));
}

.kiosk-loader {
  display: inline-block;
  flex-shrink: 0;
  box-sizing: border-box;
  width: 1.5rem;
  height: 1.5rem;
  border-style: solid;
  border-width: 2px 3px 2px 2px;
  border-color: #fff transparent transparent #fff;
  border-radius: 50%;
  animation: kiosk-rotation 1s linear infinite;
}
.kiosk-loader.kiosk-loader-small {
  width: 20px;
  height: 20px;
}
.kiosk-loader.kiosk-loader-muted {
  border-color: rgb(var(--v5id-text-color-secondary));
  border-bottom-color: transparent;
}
@keyframes kiosk-rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.kiosk .calibrator-section {
  display: flex;
  flex-direction: column;
  gap: var(--v5id-size-3);
  width: clamp(300px, 100%, 600px);
  padding: var(--v5id-size-2);
}
@media (min-width: 1200px) and (min-height: 790px) {
  .kiosk .calibrator-section {
    zoom: 1.2;
  }
}
@media (min-width: 1400px) and (min-height: 840px) {
  .kiosk .calibrator-section {
    zoom: 1.3;
  }
}
@media (min-width: 1600px) and (min-height: 892px) {
  .kiosk .calibrator-section {
    zoom: 1.4;
  }
}
@media (min-width: 1800px) and (min-height: 996px) {
  .kiosk .calibrator-section {
    zoom: 1.6;
  }
}
@media (min-width: 2000px) and (min-height: 1204px) {
  .kiosk .calibrator-section {
    zoom: 2;
  }
}
@media (min-width: 1200px) and (min-height: 710px) {
  html[data-device-auth-mode='oauth'] .kiosk .calibrator-section {
    zoom: 1.2;
  }
}
@media (min-width: 1400px) and (min-height: 755px) {
  html[data-device-auth-mode='oauth'] .kiosk .calibrator-section {
    zoom: 1.3;
  }
}
@media (min-width: 1600px) and (min-height: 800px) {
  html[data-device-auth-mode='oauth'] .kiosk .calibrator-section {
    zoom: 1.4;
  }
}
@media (min-width: 1800px) and (min-height: 892px) {
  html[data-device-auth-mode='oauth'] .kiosk .calibrator-section {
    zoom: 1.6;
  }
}
@media (min-width: 2000px) and (min-height: 1072px) {
  html[data-device-auth-mode='oauth'] .kiosk .calibrator-section {
    zoom: 2;
  }
}
.kiosk .device-heading {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.kiosk .device-heading .device-subtitle {
  color: rgb(var(--v5id-text-color-secondary));
}
.kiosk .camera-setup-container {
  display: flex;
  gap: var(--v5id-size-3);
}
.kiosk .camera-field-group {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--v5id-size-3);
  min-width: 0;
}
.kiosk .camera-field-group .field {
  flex: none;
  min-width: 0;
  gap: 0;
}
html:not([data-device-auth-mode]) .kiosk .field:has(#integrationKey) {
  visibility: hidden;
}
.kiosk .field .kit-field-label {
  font-size: 0.75rem;
}
.kiosk .kit-field-label.kiosk-label-sm {
  font-size: clamp(0.875rem, 1vw, 1rem);
  line-height: 1.125rem;
}
.kiosk .kiosk-field {
  display: flex;
  flex-direction: column;
  gap: var(--v5id-size-1);
}
.kiosk .field-with-buttons {
  display: flex;
  align-items: end;
  gap: var(--v5id-size-1);
}
.kiosk .field-select {
  flex: 1;
  min-width: 0;
  margin-bottom: 0;
}
.kiosk .camera-view-and-instruction {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--v5id-size-1);
  min-width: 0;
}
.kiosk .camera-container {
  position: relative;
  flex: 1;
  min-height: 12rem;
  overflow: hidden;
  border-radius: var(--v5id-border-radius-1);
  background-color: rgb(var(--v5id-disabled-background));
}
.kiosk .camera-container video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.kiosk .camera-container[data-flip-x='true'] video {
  transform: scaleX(-1);
}
.kiosk .camera-container[data-flip-y='true'] video {
  transform: scaleY(-1);
}
.kiosk .camera-container[data-flip-x='true'][data-flip-y='true'] video {
  transform: scale(-1, -1);
}
.kiosk .camera-placeholder {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: rgb(var(--v5id-text-color-secondary));
}
.kiosk .camera-placeholder svg {
  width: 3rem;
  height: 3rem;
}
.kiosk .camera-loading-container {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--v5id-size-2);
  color: rgb(var(--v5id-text-color-secondary));
  background-color: rgb(var(--v5id-disabled-background));
}
.kiosk .camera-loading-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--v5id-size-2);
  font-size: 0.8em;
}
.kiosk .camera-loading-content .loading-progress {
  width: 50px;
  height: 50px;
}
.kiosk .camera-loading-content .loading-text {
  max-width: 75%;
  text-align: center;
}
.kiosk .scanner-info-content {
  color: rgb(var(--v5id-text-color-secondary));
}
.kiosk .scanner-info-content .kiosk-info-icon {
  display: inline-block;
}
.kiosk .kit-button-wide {
  width: 100%;
}
@media (width <= 768px) {
  .kiosk .camera-setup-container {
    flex-direction: column;
  }
  .kiosk .camera-field-group {
    flex: none;
  }
}

.kiosk .verification-toolbar {
  display: flex;
  gap: var(--v5id-size-3);
  align-self: stretch;
  margin-bottom: auto;
  padding-top: var(--v5id-size-3);
}
.kiosk .kiosk-stage {
  width: 100%;
  margin-bottom: auto;
}
@media (min-width: 1000px) {
  .kiosk .verification-toolbar {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  .kiosk .kiosk-stage {
    margin-bottom: 0;
  }
}

.kiosk .scanner-document-page {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
}
.kiosk .scanner-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--v5id-size-4);
  max-width: 600px;
}
.kiosk .scanner-container h1 {
  text-align: center;
}
.kiosk .image-instruction {
  position: relative;
  width: 500px;
  max-width: 100%;
}
.kiosk .scanner-image {
  width: 500px;
  max-width: 100%;
}
@media (max-height: 870px) {
  .kiosk .scanner-document-page {
    padding-block: var(--v5id-size-2);
  }
  .kiosk .scanner-container {
    gap: var(--v5id-size-2);
  }
  .kiosk .scanner-container h1 {
    font-size: 2rem;
  }
}
@media (max-height: 799px) {
  .kiosk .image-instruction {
    zoom: 0.95;
  }
}
@media (max-height: 779px) {
  .kiosk .image-instruction {
    zoom: 0.9;
  }
}
@media (max-height: 759px) {
  .kiosk .image-instruction {
    zoom: 0.85;
  }
}
@media (max-height: 739px) {
  .kiosk .image-instruction {
    zoom: 0.8;
  }
}
@media (max-height: 719px) {
  .kiosk .image-instruction {
    zoom: 0.75;
  }
}
@media (max-height: 699px) {
  .kiosk .image-instruction {
    zoom: 0.7;
  }
}
@media (max-height: 679px) {
  .kiosk .image-instruction {
    zoom: 0.65;
  }
}
@media (max-height: 659px) {
  .kiosk .image-instruction {
    zoom: 0.6;
  }
}
.kiosk .id-card-container {
  position: absolute;
  top: 50%;
  left: 80%;
  display: flex;
  justify-content: center;
  transform: translate(-50%, -50%) rotate(-43deg) skew(10deg, 25deg) scale(0.6);
  animation: kiosk-pointing 1.5s linear infinite;
}
@keyframes kiosk-pointing {
  0% {
    top: 50%;
    left: 80%;
  }
  50% {
    top: 40%;
    left: 70%;
  }
  100% {
    top: 50%;
    left: 80%;
  }
}
.kiosk .scan-instruction-group {
  display: flex;
  flex-direction: column;
  gap: var(--v5id-size-2);
}
.kiosk .instruction-box {
  flex-direction: row;
  gap: var(--v5id-size-2);
}
.kiosk .small-instruction {
  text-align: center;
  font-size: 0.75rem;
}
.kiosk .scan-actions {
  display: flex;
  justify-content: center;
  gap: var(--v5id-size-5);
}
@media (width <= 992px) {
  .kiosk .scanner-container {
    gap: var(--v5id-size-1);
  }
}

.kiosk .flipper {
  width: 350px;
  min-height: 200px;
  perspective: 1000px;
  background-color: transparent;
}
.kiosk .flip-card {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
  transition: transform 0.6s;
}
.kiosk .flipper[data-side='front'] .flip-card {
  transform: rotateY(180deg);
}
.kiosk .placeholder-id-card {
  position: absolute;
  display: flex;
  flex-direction: column;
  width: 350px;
  min-height: 200px;
  height: fit-content;
  overflow: hidden;
  backface-visibility: hidden;
  border: 1px solid rgb(var(--v5id-disabled-background));
  border-radius: var(--v5id-border-radius-1);
  background-color: rgb(var(--v5id-outline-secondary));
}
.kiosk .placeholder-id-card.front {
  transform: rotateY(180deg);
}
.kiosk .placeholder-id-card-header {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--v5id-size-2);
  background-color: rgb(var(--v5id-brand-color));
  color: rgb(var(--v5id-background-primary));
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 125%;
  text-transform: uppercase;
}
.kiosk .placeholder-id-card-content {
  display: flex;
  flex-direction: column;
  gap: var(--v5id-size-2);
  padding: var(--v5id-size-2);
}
.kiosk .photo-and-info-group {
  display: flex;
  gap: var(--v5id-size-2);
}
.kiosk .id-card-photo {
  display: flex;
  align-items: end;
  width: 100px;
  height: 115px;
  border: 1px solid rgb(var(--v5id-disabled-background));
  border-radius: var(--v5id-border-radius-1);
  background-color: rgb(var(--v5id-background-primary));
}
.kiosk .id-card-photo svg {
  width: 100px;
  height: 100px;
}
.kiosk .id-card-info {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  gap: var(--v5id-size-2);
  width: 100%;
}
.kiosk .placeholder-line {
  width: 100%;
  height: var(--v5id-size-2);
  border-radius: 999px;
  background-color: rgb(var(--v5id-outline-primary));
}
.kiosk .line-group {
  display: flex;
  gap: var(--v5id-size-2);
  width: 100%;
}

.kiosk .overlay-screen {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--v5id-size-4);
  padding: var(--v5id-size-2);
  background-color: rgb(var(--v5id-background-primary));
}
.kiosk .bad-scan-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--v5id-size-4);
  width: clamp(300px, 100%, 500px);
}
.kiosk .bad-scan-title {
  font-weight: 700;
  text-align: center;
}
.kiosk .bad-scan-text {
  text-align: center;
}
.kiosk .warn {
  width: min-content;
  height: min-content;
  padding: var(--v5id-size-3);
  border-radius: 50%;
  background-color: rgb(var(--v5id-warning-color));
  color: rgb(51, 65, 85);
}
.kiosk .warn svg,
.kiosk .result-status-icon {
  width: 65px;
  height: 65px;
}
.kiosk .bad-scan-picture {
  position: relative;
}
.kiosk .bad-scan-image {
  width: 100%;
  margin-top: var(--v5id-size-3);
}
.kiosk .card-container {
  position: absolute;
  top: 0;
  transform: translate(-0.6rem, -2.3rem) scale(0.38, 0.3) skew(-22deg) perspective(28rem) rotateX(12deg);
}
.kiosk .card-container .flip-card {
  transition: none;
}
.kiosk .pointer-image {
  position: absolute;
  bottom: 0;
  left: 35%;
}

.kiosk .overlay-container {
  position: fixed;
  inset: 0;
  z-index: 999997;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.75);
}
.kiosk .loading-container {
  display: flex;
  align-items: center;
  gap: var(--v5id-size-2);
  color: #fff;
}

.kiosk .face-detector {
  flex: 1;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--v5id-size-2);
  padding: var(--v5id-size-2);
}
.kiosk .scan-area {
  position: relative;
  isolation: isolate;
  max-width: 100%;
  overflow: hidden;
  border: 1px solid rgb(var(--v5id-outline-primary));
  border-radius: var(--v5id-border-radius-1);
  background-color: rgb(var(--v5id-outline-secondary));
}
.kiosk .scan-area[data-flip-x='true'] {
  transform: scaleX(-1);
}
.kiosk .scan-area[data-flip-y='true'] {
  transform: scaleY(-1);
}
.kiosk .scan-area[data-flip-x='true'][data-flip-y='true'] {
  transform: scale(-1, -1);
}
.kiosk .scan-area[data-flip-x='true'] > :is(.loading-message, .camera-loading-container, .camera-failed-container) {
  transform: scaleX(-1);
}
.kiosk .scan-area[data-flip-y='true'] > :is(.loading-message, .camera-loading-container, .camera-failed-container) {
  transform: scaleY(-1);
}
.kiosk
  .scan-area[data-flip-x='true'][data-flip-y='true']
  > :is(.loading-message, .camera-loading-container, .camera-failed-container) {
  transform: scale(-1, -1);
}
.kiosk .scan-area video {
  position: absolute;
  width: 100%;
  height: 100%;
}
.kiosk .camera-idle-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  height: 100px;
  transform: translate(-50%, -50%);
  opacity: 0.5;
  color: rgb(var(--kiosk-camera-icon));
}
.kiosk .scan-area:not([data-camera-state='idle']) .camera-idle-icon {
  display: none;
}
.kiosk .good-zone {
  position: absolute;
  top: 5%;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  border: var(--v5id-size-1) solid rgb(var(--v5id-error-color));
  border-radius: 50%;
  transition: 0.2s linear;
}
.kiosk .good-zone.paused {
  display: none;
}
.kiosk .loading-message {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--v5id-size-2);
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(1px);
}
.kiosk .camera-failed-container {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(var(--v5id-text-color-secondary));
  background-color: rgb(var(--v5id-outline-secondary));
}
.kiosk .scan-area .camera-loading-container {
  z-index: 2;
  background-color: rgb(var(--v5id-outline-secondary));
}
.kiosk .scan-area .camera-loading-content {
  font-size: inherit;
}
.kiosk .scan-area .camera-loading-content .kiosk-loader {
  width: 100px;
  height: 100px;
}
.kiosk .camera-failed-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--v5id-size-2);
}
.kiosk .camera-failed-content svg {
  width: 100px;
  height: 100px;
}
.kiosk .error-message {
  max-width: 100%;
  transform: translateY(-1.5rem);
}
.kiosk .error-message .message-box {
  flex-direction: row;
  align-items: center;
  gap: var(--v5id-size-1);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.kiosk .error-message .message-box svg {
  flex-shrink: 0;
  width: 20px;
  height: 17px;
}
.kiosk .buttons {
  display: flex;
  gap: var(--v5id-size-2);
}

.kiosk .waiting-room {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  padding: 2rem 1rem;
}
.kiosk .waiting-room-card {
  width: 100%;
  max-width: 800px;
}
.kiosk .waiting-room-header {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin-bottom: 0.75rem;
}
.kiosk .waiting-room-warning {
  color: rgb(var(--v5id-warning-color));
  font-size: 0.875rem;
  text-align: center;
}
.kiosk .verification-progress {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  width: 100%;
  padding: 1.5rem;
  border: 1px solid rgb(var(--v5id-outline-primary));
  border-radius: 12px;
  background: rgb(var(--v5id-background-primary));
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}
.kiosk .verification-progress-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  text-align: center;
}
.kiosk .verification-progress-message {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem 1rem;
  color: rgb(107, 114, 128);
  text-align: center;
}
[data-theme='dark'] .kiosk .verification-progress-message {
  color: rgb(var(--v5id-text-color-secondary));
}
.kiosk .verification-progress-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.kiosk .vp-step {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.kiosk .vp-step-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
}
.kiosk .vp-step-percent {
  font-variant-numeric: tabular-nums;
}
.kiosk .vp-bar-track {
  width: 100%;
  height: 8px;
  overflow: hidden;
  border-radius: 999px;
  background: rgb(var(--kiosk-bar-track));
}
.kiosk .vp-bar-fill {
  height: 100%;
  border-radius: 999px;
  background: rgb(var(--kiosk-bar-fill));
  transition: width 0.4s ease;
}
.kiosk .vp-bar-fill-in-progress {
  background: repeating-linear-gradient(
    45deg,
    rgb(var(--kiosk-bar-fill)),
    rgb(var(--kiosk-bar-fill)) 8px,
    rgb(var(--kiosk-bar-stripe)) 8px,
    rgb(var(--kiosk-bar-stripe)) 16px
  );
  background-size: 22px 22px;
  animation: kiosk-bar-stripes 1.2s linear infinite;
}
.kiosk .vp-bar-fill-done {
  background: rgb(var(--v5id-success-color));
}
@keyframes kiosk-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 22px 0;
  }
}
@media (prefers-reduced-motion: reduce) {
  .kiosk .vp-bar-fill-in-progress {
    animation: none;
  }
}
@media (max-width: 480px) {
  .kiosk .verification-progress {
    padding: 1rem;
  }
}
.kiosk .typography-body-medium,
.kiosk .typography-body-small {
  font-weight: 400;
  line-height: 150%;
}
.kiosk .typography-body-medium {
  font-size: 0.875rem;
}
.kiosk .typography-body-small {
  font-size: 0.75rem;
}
.kiosk .typography-h6 {
  font-size: 1rem;
  font-weight: 600;
  line-height: 125%;
}

.kiosk .sender {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--v5id-size-3);
}
.kiosk .result-status {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--v5id-size-2);
  width: 100%;
  font-size: 2rem;
  text-align: center;
  color: rgb(var(--v5id-text-color-secondary));
  --status-color: var(--v5id-text-color-secondary);
}
.kiosk .result-status[data-tone='success'] {
  --status-color: var(--v5id-brand-color);
}
.kiosk .result-status[data-tone='warning'] {
  --status-color: var(--v5id-warning-color);
}
.kiosk .result-status[data-tone='failure'] {
  --status-color: var(--v5id-error-color);
}
.kiosk .result-status-circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  color: #fff;
  background-color: rgb(var(--status-color));
}
.kiosk .result-status-icon {
  display: none;
}
.kiosk .result-status[data-icon='verified'] .result-status-icon[data-icon='verified'],
.kiosk .result-status[data-icon='warn'] .result-status-icon[data-icon='warn'],
.kiosk .result-status[data-icon='fail'] .result-status-icon[data-icon='fail'] {
  display: block;
}
.kiosk .result-status[data-icon='verified'] .result-status-icon {
  width: 56px;
  height: 53px;
}
.kiosk .result-status[data-icon='fail'] .result-status-icon {
  width: 60px;
  height: 61px;
}
.kiosk .result-status-text {
  color: rgb(var(--status-color));
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2rem;
  text-transform: uppercase;
}
.kiosk .result-details {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--v5id-size-2);
  text-align: center;
}
.kiosk .result-actions {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.kiosk .result-actions .kit-button {
  width: 100%;
  padding-inline: 50px;
}
.kiosk .small-label {
  font-size: 0.75rem;
}

.kit-dialog .calibration-icon {
  display: none;
  flex-shrink: 0;
}
.kit-dialog-cover[data-calibration='calibrated'] .calibration-icon[data-calibration-icon='calibrated'] {
  display: block;
  width: 24px;
  height: 24px;
}
.kit-dialog-cover[data-calibration='failed'] .calibration-icon[data-calibration-icon='failed'] {
  display: block;
  width: 20px;
  height: 17px;
}
.kit-dialog h2 {
  margin: 0;
  font-weight: 500;
  line-height: 1.2;
}
.kit-dialog p {
  margin: 0;
}