/* [project]/UIKit/packages/components/Pill/Pill.group.module.scss.module.css [app-client] (css) */
.Pill-group-module-scss-module__sEA3GW__ControlOverlay {
  width: 100%;
  height: 100%;
  position: relative;
}

.Pill-group-module-scss-module__sEA3GW__ControlSlotStart, .Pill-group-module-scss-module__sEA3GW__ControlSlotEnd {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.Pill-group-module-scss-module__sEA3GW__ControlSlotStart {
  left: 0;
}

.Pill-group-module-scss-module__sEA3GW__ControlSlotEnd {
  right: 0;
}

/* [project]/UIKit/packages/components/Podium/Podium.module.scss.module.css [app-client] (css) */
.Podium-module-scss-module__-Szuoa__Root {
  --podium-depth: clamp(1.4rem, 2.4vw, 2rem);
  --podium-gold: var(--color-yellow-3);
  --podium-shadow: var(--color-base-6);
}

.Podium-module-scss-module__-Szuoa__Steps {
  align-self: center;
}

.Podium-module-scss-module__-Szuoa__Item {
  min-width: 0;
  position: relative;
}

.Podium-module-scss-module__-Szuoa__Item:only-child {
  grid-column: 2;
}

.Podium-module-scss-module__-Szuoa__Item:focus-visible {
  outline-offset: .4rem;
  outline-color: currentColor;
}

.Podium-module-scss-module__-Szuoa__Gold {
  --podium-height: clamp(7.2rem, 10vw, 9.6rem);
  --podium-metal: var(--podium-gold);
}

.Podium-module-scss-module__-Szuoa__Silver {
  --podium-height: clamp(5.2rem, 7.5vw, 7.2rem);
  --podium-metal: var(--color-base-light-6);
}

.Podium-module-scss-module__-Szuoa__Bronze {
  --podium-height: clamp(4rem, 6vw, 5.6rem);
  --podium-metal: var(--color-brown-3);
}

.Podium-module-scss-module__-Szuoa__Content {
  text-align: center;
  overflow-wrap: anywhere;
}

.Podium-module-scss-module__-Szuoa__Crown {
  color: var(--podium-gold);
  filter: drop-shadow(0 .2rem .3rem var(--podium-shadow));
  flex-shrink: 0;
}

.Podium-module-scss-module__-Szuoa__Block {
  height: calc(var(--podium-height) + var(--podium-depth));
  filter: drop-shadow(0 .3rem .3rem color-mix(in srgb, var(--podium-shadow) 18%, transparent));
  position: relative;
}

.Podium-module-scss-module__-Szuoa__Top {
  width: 100%;
  height: calc(var(--podium-depth) + var(--radius-system-extra-light) + 1px);
  flex-shrink: 0;
  margin-bottom: -1px;
  display: block;
}

.Podium-module-scss-module__-Szuoa__Front {
  height: calc(var(--podium-height) - var(--radius-system-extra-light));
  background: var(--color-base-1);
  flex-shrink: 0;
  position: relative;
}

.Podium-module-scss-module__-Szuoa__Medal {
  width: min(90%, 11rem);
  height: 100%;
  color: var(--podium-metal);
  transform: translateY(calc(-1 * var(--radius-system-extra-light) / 4));
  position: relative;
}

.Podium-module-scss-module__-Szuoa__Laurel {
  opacity: .7;
  width: 100%;
  height: auto;
  max-height: 90%;
  position: absolute;
}

.Podium-module-scss-module__-Szuoa__Rank {
  position: relative;
}

.Podium-module-scss-module__-Szuoa__AccessibleRank {
  clip-path: inset(50%);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

/* [project]/UIKit/packages/components/Label/Label.module.scss.module.css [app-client] (css) */
.Label-module-scss-module__jyS20G__Label:not([data-focus-modality="pointer"] *):has(input:focus-visible, textarea:focus-visible, select:focus-visible, [role="combobox"]:focus-visible, [role="spinbutton"]:focus-visible) {
  outline-offset: var(--focus-ring-offset);
  outline: auto;
}

.Label-module-scss-module__jyS20G__Label.Label-module-scss-module__jyS20G__ReadOnly, .Label-module-scss-module__jyS20G__Label.Label-module-scss-module__jyS20G__Disabled {
  pointer-events: none;
  opacity: .4;
}

.Label-module-scss-module__jyS20G__Label:has(input:disabled, textarea:disabled, select:disabled, [role="combobox"]:disabled) {
  pointer-events: none;
  opacity: .4;
}

.Label-module-scss-module__jyS20G__Label.Label-module-scss-module__jyS20G__ReadOnly, .Label-module-scss-module__jyS20G__Label.Label-module-scss-module__jyS20G__ReadOnly *, .Label-module-scss-module__jyS20G__Label.Label-module-scss-module__jyS20G__Disabled, .Label-module-scss-module__jyS20G__Label.Label-module-scss-module__jyS20G__Disabled * {
  cursor: not-allowed;
}

.Label-module-scss-module__jyS20G__Label:has(input:disabled, textarea:disabled, select:disabled, [role="combobox"]:disabled) {
  cursor: not-allowed;
}

.Label-module-scss-module__jyS20G__Label:has(input:disabled, textarea:disabled, select:disabled, [role="combobox"]:disabled) * {
  cursor: not-allowed;
}

.Label-module-scss-module__jyS20G__VisuallyHidden {
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

/* [project]/UIKit/packages/components/Skeleton/Skeleton.module.scss.module.css [app-client] (css) */
.Skeleton-module-scss-module__LGttlq__Skeleton {
  animation: Skeleton-module-scss-module__LGttlq__skeleton-pulse calc(var(--transition-paint-duration)*4) ease-in-out infinite alternate;
}

@keyframes Skeleton-module-scss-module__LGttlq__skeleton-pulse {
  from {
    opacity: .56;
  }

  to {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .Skeleton-module-scss-module__LGttlq__Skeleton {
    animation: none;
  }
}

/*# sourceMappingURL=UIKit_packages_components_1d30l7d._.css.map*/