@charset "UTF-8";@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Display&display=swap');
.tier-badge-pill-blue[data-v-65543e2d] {
  background-color: #2f80ed;
  color: #ffffff;
}
.tier-badge-pill-gold[data-v-65543e2d] {
  background-color: #d4a017;
  color: #1e293b;
}

/*
  The quiet indicator. Pro inherits the surrounding text colour so it reads correctly on both the
  dark side nav and light dropdowns; Elite keeps its gold so the two tiers stay distinguishable
  without either shouting.
*/
.tier-badge-mark[data-v-65543e2d] {
  line-height: 1;
}
.tier-badge-mark--pro[data-v-65543e2d] {
  color: currentColor;
  opacity: 0.55;
}
.tier-badge-mark--elite[data-v-65543e2d] {
  color: #d4a017;
  opacity: 0.9;
}

.btn[data-v-e546954c] {
  border-radius: 1rem;
}
.btn.rounded-start[data-v-e546954c] {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn.rounded-end[data-v-e546954c] {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn.btn-light[data-v-e546954c] {
  background-color: var(--bs-light) !important;
  border-color: var(--bs-light) !important;
  color: var(--bs-dark) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12), 0 1px 3px rgba(0, 0, 0, 0.06) !important;
}

/* Tier progression: clean/approachable → trusted/capable → premium/aspirational. */
.tier-card--rookie[data-v-e546954c] {
  background-color: var(--dm-surface, #ffffff);
  border-color: #cbd5e1 !important;
}
.tier-card--rookie .text-body-secondary[data-v-e546954c],
.tier-card--rookie .text-secondary[data-v-e546954c] {
  color: #334155 !important;
}
.tier-card--pro[data-v-e546954c] {
  background-color: #123e6b;
  border-color: #2f80ed !important;
}
.tier-card--elite[data-v-e546954c] {
  background-color: #1e293b;
  border-color: #d4a017 !important;
}
.tier-subtitle[data-v-e546954c] {
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  opacity: 0.85;
}
.tier-compare-hint[data-v-e546954c] {
  margin-top: 0.75rem;
  padding-left: 1rem;
  font-size: 0.8rem;
  color: #b9d4f7;
}
.savings-text[data-v-e546954c] {
  letter-spacing: 0.01em;
}
.savings-text--pro[data-v-e546954c] {
  color: #7cb3f5;
}
.savings-text--elite[data-v-e546954c] {
  color: #d4a017;
}
.price-display[data-v-e546954c] {
  font-size: 2.75rem;
  line-height: 1.1;
}
.limited-time-badge[data-v-e546954c] {
  background-color: #4e8b3c;
  color: #ffffff;
  font-size: 0.7rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding: 0.3rem 0.7rem;
  border-radius: 999px;
}
.limited-time-badge--elite[data-v-e546954c] {
  background-color: #d4a017;
  color: #1e293b;
}

/* Single, consistent CTA color across all tiers so the action always reads the same. */
.btn-cta[data-v-e546954c] {
  background-color: #4e8b3c;
  border-color: #4e8b3c;
  color: #ffffff;
}
.btn-cta[data-v-e546954c]:hover,
.btn-cta[data-v-e546954c]:focus {
  background-color: #3e6f2f;
  border-color: #3e6f2f;
  color: #ffffff;
}
.btn-cta[data-v-e546954c]:disabled {
  background-color: #4e8b3c;
  border-color: #4e8b3c;
}
.billing-toggle .form-check-input[data-v-e546954c] {
  width: 3.25rem;
  height: 1.75rem;
  border-radius: 999px;
  cursor: pointer;
  background-color: #94a3b8;
  border: 1px solid rgba(15, 23, 42, 0.15);
  box-shadow: inset 0 1px 3px rgba(15, 23, 42, 0.2);
}
.billing-toggle .form-check-input[data-v-e546954c]:checked {
  background-color: #4e8b3c;
  border-color: #4e8b3c;
  box-shadow: none;
}
.billing-toggle .form-check-input[data-v-e546954c]:focus {
  box-shadow: 0 0 0 0.2rem rgba(78, 139, 60, 0.3);
}
.price-value[data-v-e546954c] {
  display: inline-block;
  transition: all 0.3s ease-in-out;
  animation: pricePulse-e546954c 0.4s ease-out;
}
@keyframes pricePulse-e546954c {
0% {
    transform: scale(0.95);
    opacity: 0.8;
}
50% {
    transform: scale(1.05);
}
100% {
    transform: scale(1);
    opacity: 1;
}
}
.dm-pricing-plans .card[data-v-e546954c]:hover {
  transform: translateY(-2px);
  box-shadow: 0 15px 30px rgba(0, 0, 0, 0.25) !important;
}
.dm-pricing-plans .card[data-v-e546954c] {
  transition:
    transform 0.2s ease-in-out,
    box-shadow 0.2s ease-in-out;
}
@media (max-width: 991px) {
.dm-pricing-plans.mb-5[data-v-e546954c] {
    margin-bottom: 2rem !important;
}
}

/*
  Three parallel columns, each repeating the whole feature list. A coach reads one column top to
  bottom and sees the entire product, with the gaps struck out rather than hidden — that's the point
  of the layout, so don't collapse it into a shared-row matrix.
*/
.tier-column[data-v-edb7fd7c] {
  background-color: var(--dm-surface, #ffffff);
  border: 1px solid #e2e8f0;
  border-radius: 1rem;
  padding: 1.5rem 1.25rem;
  text-align: left;
}
.tier-column--pro[data-v-edb7fd7c] {
  border-color: #2f80ed;
}
.tier-column--elite[data-v-edb7fd7c] {
  border-color: #d4a017;
}
.tier-column-header[data-v-edb7fd7c] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.5rem;
  padding-bottom: 1rem;
  margin-bottom: 0.5rem;
  border-bottom: 1px solid #e2e8f0;
}
.tier-free-badge[data-v-edb7fd7c] {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  border: 1px solid #cbd5e1;
  border-radius: 999px;
  font-size: 0.85rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #334155;
}
.tier-column-tagline[data-v-edb7fd7c] {
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #5b6472;
}
.tier-category[data-v-edb7fd7c] {
  margin-top: 1.25rem;
}
.tier-category-title[data-v-edb7fd7c] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  padding-bottom: 0.4rem;
  border-bottom: 1px solid #eef2f6;
  font-size: 0.9rem;
  font-weight: 700;
  color: #101828;
}
.tier-rows[data-v-edb7fd7c] {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.tier-row[data-v-edb7fd7c] {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  padding: 0.3rem 0;
  font-size: 0.875rem;
  line-height: 1.35;
  color: #101828;
}
.tier-icon[data-v-edb7fd7c] {
  flex-shrink: 0;
  margin-top: 0.15rem;
  color: #4e8b3c;
}

/* Struck text, untouched icon: striking the ✗ as well reads as a rendering bug. */
.tier-off[data-v-edb7fd7c] {
  color: #94a3b8;
}
.tier-off .tier-icon[data-v-edb7fd7c] {
  color: #cbd5e1;
}
.tier-off .tier-row-label[data-v-edb7fd7c],
.tier-off > span[data-v-edb7fd7c]:not(.visually-hidden):not(.tier-row-label) {
  text-decoration: line-through;
}
@media (max-width: 991px) {
.tier-column[data-v-edb7fd7c] {
    padding: 1.25rem 1rem;
}
}

.app-loading-screen[data-v-e1de79a4] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  width: 100%;
  box-sizing: border-box;
  padding: 1rem;
  background-color: #0e345e;
  background-repeat: repeat;
}
.app-loading-spinner-wrap[data-v-e1de79a4] {
  position: relative;
  width: 12rem;
  height: 12rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@keyframes app-loading-spin-e1de79a4 {
to {
    transform: rotate(360deg);
}
}
.app-loading-spinner[data-v-e1de79a4] {
  position: absolute;
  inset: 0;
  border: 0.375rem solid rgba(255, 255, 255, 0.3);
  border-top-color: #ffffff;
  border-radius: 50%;
  animation: app-loading-spin-e1de79a4 0.7s linear infinite;
}
.app-loading-logo[data-v-e1de79a4] {
  position: relative;
}
.app-loading-message[data-v-e1de79a4] {
  margin: 1.25rem 0 0;
  color: #ffffff;
  font-size: 1rem;
  line-height: 1.5;
  text-align: center;
}

.powered-by-footer[data-v-1f5e6347] {
  margin-top: auto;
}

.public-event[data-v-d43ac315] {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 0.625rem 0.25rem;
  border-left: 3px solid var(--public-event-tone);
  padding-left: 0.625rem;
  color: inherit;
  text-decoration: none;
}

/* The row above takes the place a card's own border used to draw — list rows, not stacked boxes. */
.public-event + .public-event[data-v-d43ac315] {
  border-top: 1px solid var(--bs-border-color);
}
.public-event--link[data-v-d43ac315] {
  cursor: pointer;
  transition: background-color 0.15s ease-in-out;
}
.public-event--link[data-v-d43ac315]:hover {
  background: var(--bs-tertiary-bg);
}

/* Tones are written out literally — production PurgeCSS strips dynamically-built class names. */
.public-event--game[data-v-d43ac315] {
  --public-event-tone: var(--dm-accent, var(--team-primary, #0e345e));
  --public-event-tone-bg: var(--dm-accent, var(--team-primary, #0e345e));
  --public-event-tone-fg: var(--dm-accent-contrast, #ffffff);
}
.public-event--practice[data-v-d43ac315] {
  --public-event-tone: #16a34a;
  --public-event-tone-bg: #dcfce7;
  --public-event-tone-fg: #16a34a;
}
.public-event--event[data-v-d43ac315] {
  --public-event-tone: #7c3aed;
  --public-event-tone-bg: #ede9fe;
  --public-event-tone-fg: #7c3aed;
}
.public-event-datemark[data-v-d43ac315] {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 2.75rem;
  padding: 0.25rem 0.375rem;
  border-radius: var(--bs-border-radius-sm);
  background: var(--bs-tertiary-bg);
  line-height: 1.1;
}
.public-event-datemark-month[data-v-d43ac315] {
  font-size: 0.6875rem;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--bs-secondary-color);
}
.public-event-datemark-day[data-v-d43ac315] {
  font-size: 1.125rem;
  font-weight: 700;
}
.public-event-body[data-v-d43ac315] {
  flex: 1 1 auto;
  min-width: 0;
}
.public-event-type[data-v-d43ac315] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.0625rem 0.375rem;
  border-radius: 0.25rem;
  background: var(--public-event-tone-bg);
  color: var(--public-event-tone-fg);
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.public-event-tag[data-v-d43ac315] {
  padding-left: 0.375rem;
  border-left: 1px solid currentColor;
  font-weight: 600;
  opacity: 0.85;
}
.public-event-title[data-v-d43ac315] {
  margin: 0.25rem 0 0;
  font-weight: 600;
  overflow-wrap: anywhere;
}
.public-event-when[data-v-d43ac315] {
  margin: 0.125rem 0 0;
  font-size: 0.875rem;
  color: var(--bs-secondary-color);
}
.public-event-where[data-v-d43ac315] {
  display: flex;
  align-items: flex-start;
  gap: 0.25rem;
  margin: 0.25rem 0 0;
  font-size: 0.8125rem;
  color: var(--bs-secondary-color);
  overflow-wrap: anywhere;
}
.public-event-where svg[data-v-d43ac315] {
  flex: 0 0 auto;
  margin-top: 0.125rem;
}
.public-event-chevron[data-v-d43ac315] {
  flex: 0 0 auto;
  align-self: center;
  color: var(--bs-secondary-color);
}

/*
  Amber, not red: an update is worth noticing, not a thing that has gone wrong. Written out
  literally because production PurgeCSS strips dynamically-built class names.
*/
.public-announcement[data-v-2c6b5e67] {
  --public-announcement-tone: #d97706;
  --public-announcement-hover: var(--bs-tertiary-bg);
  border-left: 3px solid var(--public-announcement-tone);
  border-radius: var(--bs-border-radius);
}
.public-announcement--featured[data-v-2c6b5e67] {
  --public-announcement-hover: #fde9c4;
  background: #fffbeb;
}
.public-announcement-header[data-v-2c6b5e67] {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
  width: 100%;
  padding: 0.625rem 0.75rem;
  border: 0;
  border-radius: inherit;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
  transition: background-color 0.15s ease-in-out;
}
.public-announcement-header[data-v-2c6b5e67]:hover {
  background: var(--public-announcement-hover);
}
.public-announcement-header[data-v-2c6b5e67]:focus-visible {
  outline: 2px solid var(--dm-accent, var(--team-primary, #0e345e));
  outline-offset: -2px;
}
.public-announcement-icon[data-v-2c6b5e67] {
  flex: 0 0 auto;
  margin-top: 0.125rem;
  color: var(--public-announcement-tone);
}
.public-announcement-main[data-v-2c6b5e67] {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.125rem;
}
.public-announcement-title[data-v-2c6b5e67] {
  font-weight: 600;
  line-height: 1.3;
  overflow-wrap: anywhere;
}
.public-announcement--featured .public-announcement-title[data-v-2c6b5e67] {
  font-weight: 700;
}

/* Two lines of preview, whatever the message length — the rest waits behind the chevron. */
.public-announcement-summary[data-v-2c6b5e67] {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  font-size: 0.875rem;
  color: var(--bs-secondary-color);
  overflow-wrap: anywhere;
}
.public-announcement-meta[data-v-2c6b5e67] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.8125rem;
  color: var(--bs-secondary-color);
}
.public-announcement-chevron[data-v-2c6b5e67] {
  flex: 0 0 auto;
  margin-top: 0.125rem;
  color: var(--bs-secondary-color);
  transition: transform 0.2s ease-in-out;
}
.public-announcement--expanded .public-announcement-chevron[data-v-2c6b5e67] {
  transform: rotate(180deg);
}

/*
  0fr → 1fr animates to the content's own height, which max-height can only approximate. The inner
  wrapper owns the overflow, so the collapsed row clips cleanly at zero.
*/
.public-announcement-reveal[data-v-2c6b5e67] {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.2s ease-in-out;
}
.public-announcement--expanded .public-announcement-reveal[data-v-2c6b5e67] {
  grid-template-rows: 1fr;
}
.public-announcement-reveal-inner[data-v-2c6b5e67] {
  overflow: hidden;
}
.public-announcement-body[data-v-2c6b5e67] {
  margin: 0;
  padding: 0.75rem 0.75rem 0.875rem;
  border-top: 1px solid var(--bs-border-color);
  /* Coaches type into a plain textarea, so their line breaks are the only formatting they get. */
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
@media (prefers-reduced-motion: reduce) {
.public-announcement-header[data-v-2c6b5e67],
  .public-announcement-chevron[data-v-2c6b5e67],
  .public-announcement-reveal[data-v-2c6b5e67] {
    transition: none;
}
}

.live-dot[data-v-47fb9a23] {
  width: 0.45rem;
  height: 0.45rem;
  background: currentColor;
}
.location-field-editable[data-v-7a6f4f50] {
  max-width: 960px;
}.position-badge[data-v-54e2fa23] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  line-height: 1;
  white-space: nowrap;
  max-width: none;
}
.position-badge.xxs[data-v-54e2fa23] {
  font-size: 0.75rem;
  padding: 1px 6px;
}
.position-badge.xs[data-v-54e2fa23] {
  font-size: 0.9rem;
  padding: 2px 8px;
}
.position-badge.sm[data-v-54e2fa23] {
  font-size: 1.2rem;
  padding: 4px 10px;
}
.position-badge.md[data-v-54e2fa23] {
  font-size: 1.5rem;
  padding: 5px 13px;
}
.position-badge.lg[data-v-54e2fa23] {
  font-size: 1.85rem;
  padding: 6px 16px;
}
.position-badge.xl[data-v-54e2fa23] {
  font-size: 2.25rem;
  padding: 8px 20px;
}
.position-badge.xxl[data-v-54e2fa23] {
  font-size: 2.55rem;
  padding: 9px 22px;
}
.position-badge.assignment[data-v-54e2fa23] {
  padding: 0;
  font-weight: 800;
}
.position-badge.three-letter.xxs[data-v-54e2fa23] {
  padding-left: 4px;
  padding-right: 4px;
}
.position-badge.three-letter.xs[data-v-54e2fa23] {
  padding-left: 5px;
  padding-right: 5px;
}
.position-badge.three-letter.sm[data-v-54e2fa23] {
  padding-left: 7px;
  padding-right: 7px;
}
.position-badge.three-letter.md[data-v-54e2fa23] {
  padding-left: 9px;
  padding-right: 9px;
}
.position-badge.three-letter.lg[data-v-54e2fa23] {
  padding-left: 11px;
  padding-right: 11px;
}
.position-badge.three-letter.xl[data-v-54e2fa23] {
  padding-left: 14px;
  padding-right: 14px;
}
.position-badge.three-letter.xxl[data-v-54e2fa23] {
  padding-left: 16px;
  padding-right: 16px;
}
.position-badge.position-badge--pulse[data-v-54e2fa23] {
  animation: position-badge-pulse-54e2fa23 1.75s ease-in-out infinite;
  transform-origin: center center;
}
.position-badge[data-v-54e2fa23] {
  /* Multi-word roster labels wrap; abbreviated badges stay nowrap */
}
.position-badge.position-badge--full-name[data-v-54e2fa23] {
  white-space: normal;
  max-width: 100%;
  text-align: center;
  text-transform: none;
  hyphens: auto;
  overflow-wrap: break-word;
  min-width: 0;
}
.position-badge.position-badge--full-name.sm[data-v-54e2fa23] {
  font-size: 0.8125rem;
  padding: 3px 8px;
  line-height: 1.18;
}
.position-badge.position-badge--full-name.md[data-v-54e2fa23] {
  font-size: 0.9rem;
  padding: 4px 9px;
  line-height: 1.18;
}
.position-badge.position-badge--full-name.lg[data-v-54e2fa23] {
  font-size: 1.05rem;
  padding: 5px 10px;
  line-height: 1.18;
}
@keyframes position-badge-pulse-54e2fa23 {
0%, 100% {
    transform: scale(1);
    filter: brightness(1);
}
50% {
    transform: scale(1.035);
    filter: brightness(1.05);
}
}.drill-category-badge[data-v-8ccfc96b] {
  --dm-cat: var(--dm-cat-light);
  --dm-cat-rgb: var(--dm-cat-light-rgb);
  color: var(--dm-cat);
  background-color: rgba(var(--dm-cat-rgb), 0.12);
  border: 1px solid rgba(var(--dm-cat-rgb), 0.3);
}
[data-bs-theme=dark] .drill-category-badge[data-v-8ccfc96b] {
  --dm-cat: var(--dm-cat-dark);
  --dm-cat-rgb: var(--dm-cat-dark-rgb);
}
.drill-category-badge--filter[data-v-8ccfc96b] {
  font-weight: 500;
  background-color: rgba(var(--dm-cat-rgb), 0.08);
  border: 2px solid rgba(var(--dm-cat-rgb), 0.28);
  transition: background-color 0.15s ease, border-color 0.15s ease;
}
.drill-category-badge--filter.active[data-v-8ccfc96b] {
  background-color: rgba(var(--dm-cat-rgb), 0.22);
  border-color: var(--dm-cat);
}
.drill-category-badge--sm[data-v-8ccfc96b] {
  padding: 0.3rem 0.6rem;
  font-size: 0.72rem;
}
.drill-category-badge--md[data-v-8ccfc96b] {
  padding: 0.4rem 0.75rem;
  font-size: 0.8rem;
}
.drill-category-badge--lg[data-v-8ccfc96b] {
  padding: 0.55rem 1rem;
  font-size: 0.9rem;
}
/* height from the viewBox, so this works both inside a field-art box (whose
   aspect-ratio already matches) and on its own in a plain fixed-width slot. */
.field-art-svg[data-v-d9c089a7] {
  display: block;
  width: 100%;
  height: auto;
}

/* Every colour below is a semantic token with the light palette as its
   fallback, so a bare <FieldArt> outside a BaseballField still paints. */
.field-grass-flat[data-v-d9c089a7] {
  fill: var(--field-surface, #318e26);
}
.field-grass-base-stop[data-v-d9c089a7] {
  stop-color: var(--field-surface, #318e26);
}
.field-grass-mow-stop[data-v-d9c089a7] {
  stop-color: var(--field-surface-stripe, #419928);
}
.field-vignette-stop[data-v-d9c089a7] {
  stop-opacity: var(--field-vignette, 0.34);
}
.field-dirt[data-v-d9c089a7] {
  fill: var(--field-infield, #fb9d3d);
  stroke: var(--field-shape-stroke, transparent);
  stroke-width: var(--field-shape-stroke-width, 0);
}
.field-infield-grass[data-v-d9c089a7] {
  fill: var(--field-surface, #318e26);
  stroke: var(--field-shape-stroke, transparent);
  stroke-width: var(--field-shape-stroke-width, 0);
}
.field-lines[data-v-d9c089a7] {
  fill: none;
  stroke: var(--field-line, #fff);
  stroke-width: var(--field-line-width, 4);
}

/* Bags, plate and rubber. Separate from --field-line so the print theme can
   darken the strokes without turning every bag into a filled blob. */
.field-line-fill[data-v-d9c089a7] {
  fill: var(--field-base, #fff);
  stroke: var(--field-shape-stroke, transparent);
  stroke-width: var(--field-shape-stroke-width, 0);
}
.field-vignette[data-v-d9c089a7] {
  pointer-events: none;
}

/* Thumbnail: a 4-unit line on a 960-unit crop is a hairline at 80px. Lines
   thicken and the bags grow a halo of their own colour so the diamond still
   reads as a diamond on a card. Geometry is untouched. */
.field-art-thumbnail .field-lines[data-v-d9c089a7] {
  stroke-width: calc(var(--field-line-width, 4) * 1.75);
}
.field-art-thumbnail .field-line-fill[data-v-d9c089a7] {
  stroke: var(--field-base, #fff);
  stroke-width: 8;
  stroke-linejoin: round;
  paint-order: stroke;
}

/* Sized in em so the frame's font-size (set per variant by BaseballField)
   scales every marker at once; a thumbnail's dots shrink with the card. */
.field-marker[data-v-45706f4b] {
  position: absolute;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2em;
  padding: 0;
  border: 0;
  background: none;
  color: var(--field-text, #fff);
  font: inherit;
  line-height: 1;
  transform: translate(-50%, -50%);
  pointer-events: none;
  -webkit-tap-highlight-color: transparent;
}
.field-marker-interactive[data-v-45706f4b] {
  pointer-events: auto;
  cursor: pointer;
  /* A finger never has to land on the artwork. */
  min-width: 2.75rem;
  min-height: 2.75rem;
  justify-content: center;
}
.field-marker-interactive[data-v-45706f4b]:focus-visible {
  outline: none;
}
.field-marker-interactive:focus-visible .field-marker-dot[data-v-45706f4b] {
  box-shadow:
    0 0 0 0.18em var(--field-marker-border, #fff),
    0 0 0 0.36em var(--field-selected, #0d6efd);
}
.field-marker-dot[data-v-45706f4b] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.4em;
  height: 2.4em;
  border-radius: 50%;
  background: var(--field-marker, #1d3557);
  border: 0.14em solid var(--field-marker-border, #fff);
  color: var(--field-marker-text, #fff);
  box-shadow: 0 0.12em 0.35em rgba(0, 0, 0, 0.28);
  transition:
    transform 0.15s ease,
    box-shadow 0.15s ease,
    background-color 0.15s ease;
}
.field-marker-label[data-v-45706f4b] {
  font-size: 0.85em;
  font-weight: 700;
  letter-spacing: 0.02em;
  user-select: none;
}
.field-marker-name[data-v-45706f4b] {
  max-width: 6.5em;
  overflow: hidden;
  font-size: 0.75em;
  font-weight: 600;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-shadow:
    0 0 0.2em var(--field-text-halo, rgba(17, 24, 39, 0.6)),
    0 0 0.4em var(--field-text-halo, rgba(17, 24, 39, 0.6));
  user-select: none;
}

/* Selected: colour + border + scale — readable in greyscale as "the big one
   with the double ring". */
.field-marker-selected[data-v-45706f4b] {
  z-index: 4;
}
.field-marker-selected .field-marker-dot[data-v-45706f4b] {
  transform: scale(1.12);
  box-shadow:
    0 0 0 0.18em var(--field-marker-border, #fff),
    0 0 0 0.36em var(--field-selected, #0d6efd),
    0 0.3em 0.7em rgba(0, 0, 0, 0.35);
}

/* Active (the player the field is about right now): its own fill, the ring,
   and one attention pulse that explains the change rather than decorating
   the screen. */
.field-marker-active[data-v-45706f4b] {
  z-index: 4;
}
.field-marker-active .field-marker-dot[data-v-45706f4b] {
  background: var(--field-active, #ffc107);
  color: var(--field-active-text, #212529);
  box-shadow:
    0 0 0 0.18em var(--field-marker-border, #fff),
    0 0 0 0.36em var(--field-active, #ffc107),
    0 0.3em 0.7em rgba(0, 0, 0, 0.35);
}
.field-marker-active .field-marker-dot[data-v-45706f4b]::after {
  content: '';
  position: absolute;
  inset: -0.36em;
  border-radius: 50%;
  border: 0.14em solid var(--field-active, #ffc107);
  animation: field-marker-pulse-45706f4b 1.6s ease-out infinite;
  pointer-events: none;
}
@keyframes field-marker-pulse-45706f4b {
0% {
    opacity: 0.8;
    transform: scale(1);
}
100% {
    opacity: 0;
    transform: scale(1.7);
}
}

/* Highlighted: an open, dashed ring — "this one is available" — with nothing
   solid that could be mistaken for a player. Drawn in the marker-border
   colour (white on turf, ink on paper): the selection blue is a ring *around*
   a marker, and on its own against green it is the one colour that vanishes. */
.field-marker-highlighted .field-marker-dot[data-v-45706f4b] {
  background: rgba(255, 255, 255, 0.14);
  border-style: dashed;
  border-color: var(--field-marker-border, #fff);
  color: var(--field-marker-border, #fff);
  box-shadow: none;
}

/* Disabled: faded and dashed, and the button really is disabled. */
.field-marker-disabled[data-v-45706f4b] {
  opacity: 0.5;
  cursor: not-allowed;
}
.field-marker-disabled .field-marker-dot[data-v-45706f4b] {
  border-style: dashed;
  box-shadow: none;
}
@media (prefers-reduced-motion: reduce) {
.field-marker-dot[data-v-45706f4b] {
    transition: none;
}
.field-marker-active .field-marker-dot[data-v-45706f4b]::after {
    animation: none;
    opacity: 0.8;
}
}

/* ── Theme ─────────────────────────────────────────────────────────────── */
.field-frame-theme-auto[data-v-4917b626] {
  --field-surface: #318e26;
  --field-surface-stripe: #419928;
  --field-edge: #1f5b18;
  --field-infield: #fb9d3d;
  --field-line: #fff;
  --field-line-width: 4;
  --field-base: #fff;
  --field-shape-stroke: transparent;
  --field-shape-stroke-width: 0;
  --field-vignette: 0.34;
  --field-text: #fff;
  --field-text-halo: rgba(17, 24, 39, 0.6);
  --field-marker: #1d3557;
  --field-marker-border: #fff;
  --field-marker-text: #fff;
  --field-selected: #0d6efd;
  --field-active: #ffc107;
  --field-active-text: #212529;
  --court-surface: #d9a768;
  --court-plank: #d19c5c;
  --court-apron: #b5803f;
  --court-paint: #a6433c;
  --volley-surface: #e8894a;
  --volley-front-zone: #dc7636;
  --volley-free-zone: #2f7f9e;
  --volley-net: #1d3557;
  --gridiron-end-zone: #1f5b18;
  --gridiron-scrimmage: #ffc107;
}
[data-bs-theme=dark] .field-frame-theme-auto[data-v-4917b626] {
  --field-surface: #1f4a24;
  --field-surface-stripe: #24532a;
  --field-edge: #14301a;
  --field-infield: #8a5a35;
  --field-line: #d4dbd6;
  --field-line-width: 4;
  --field-base: #e3e8e4;
  --field-shape-stroke: transparent;
  --field-shape-stroke-width: 0;
  --field-vignette: 0.5;
  --field-text: #e9ecef;
  --field-text-halo: rgba(0, 0, 0, 0.65);
  --field-marker: #e9ecef;
  --field-marker-border: #0f1a12;
  --field-marker-text: #212529;
  --field-selected: #6ea8fe;
  --field-active: #ffda6a;
  --field-active-text: #212529;
  --court-surface: #8b5e3c;
  --court-plank: #845736;
  --court-apron: #5a3b24;
  --court-paint: #6f2f2c;
  --volley-surface: #9a5a30;
  --volley-front-zone: #8b4d27;
  --volley-free-zone: #1f4f63;
  --volley-net: #e9ecef;
  --gridiron-end-zone: #14301a;
  --gridiron-scrimmage: #ffda6a;
}
@media print {
.field-frame-theme-auto[data-v-4917b626] {
    --field-surface: #fff;
    --field-surface-stripe: #fff;
    --field-edge: #fff;
    --field-infield: #fff;
    --field-line: #111;
    --field-line-width: 2;
    --field-base: #fff;
    --field-shape-stroke: #111;
    --field-shape-stroke-width: 2;
    --field-vignette: 0;
    --field-text: #111;
    --field-text-halo: #fff;
    --field-marker: #fff;
    --field-marker-border: #111;
    --field-marker-text: #111;
    --field-selected: #111;
    --field-active: #111;
    --field-active-text: #fff;
    --court-surface: #fff;
    --court-plank: #fff;
    --court-apron: #fff;
    --court-paint: #fff;
    --volley-surface: #fff;
    --volley-front-zone: #fff;
    --volley-free-zone: #fff;
    --volley-net: #111;
    --gridiron-end-zone: #fff;
    --gridiron-scrimmage: #111;
}
}
.field-frame-theme-light[data-v-4917b626] {
  --field-surface: #318e26;
  --field-surface-stripe: #419928;
  --field-edge: #1f5b18;
  --field-infield: #fb9d3d;
  --field-line: #fff;
  --field-line-width: 4;
  --field-base: #fff;
  --field-shape-stroke: transparent;
  --field-shape-stroke-width: 0;
  --field-vignette: 0.34;
  --field-text: #fff;
  --field-text-halo: rgba(17, 24, 39, 0.6);
  --field-marker: #1d3557;
  --field-marker-border: #fff;
  --field-marker-text: #fff;
  --field-selected: #0d6efd;
  --field-active: #ffc107;
  --field-active-text: #212529;
  --court-surface: #d9a768;
  --court-plank: #d19c5c;
  --court-apron: #b5803f;
  --court-paint: #a6433c;
  --volley-surface: #e8894a;
  --volley-front-zone: #dc7636;
  --volley-free-zone: #2f7f9e;
  --volley-net: #1d3557;
  --gridiron-end-zone: #1f5b18;
  --gridiron-scrimmage: #ffc107;
}
@media print {
.field-frame-theme-light[data-v-4917b626] {
    --field-surface: #fff;
    --field-surface-stripe: #fff;
    --field-edge: #fff;
    --field-infield: #fff;
    --field-line: #111;
    --field-line-width: 2;
    --field-base: #fff;
    --field-shape-stroke: #111;
    --field-shape-stroke-width: 2;
    --field-vignette: 0;
    --field-text: #111;
    --field-text-halo: #fff;
    --field-marker: #fff;
    --field-marker-border: #111;
    --field-marker-text: #111;
    --field-selected: #111;
    --field-active: #111;
    --field-active-text: #fff;
    --court-surface: #fff;
    --court-plank: #fff;
    --court-apron: #fff;
    --court-paint: #fff;
    --volley-surface: #fff;
    --volley-front-zone: #fff;
    --volley-free-zone: #fff;
    --volley-net: #111;
    --gridiron-end-zone: #fff;
    --gridiron-scrimmage: #111;
}
}
.field-frame-theme-dark[data-v-4917b626] {
  --field-surface: #1f4a24;
  --field-surface-stripe: #24532a;
  --field-edge: #14301a;
  --field-infield: #8a5a35;
  --field-line: #d4dbd6;
  --field-line-width: 4;
  --field-base: #e3e8e4;
  --field-shape-stroke: transparent;
  --field-shape-stroke-width: 0;
  --field-vignette: 0.5;
  --field-text: #e9ecef;
  --field-text-halo: rgba(0, 0, 0, 0.65);
  --field-marker: #e9ecef;
  --field-marker-border: #0f1a12;
  --field-marker-text: #212529;
  --field-selected: #6ea8fe;
  --field-active: #ffda6a;
  --field-active-text: #212529;
  --court-surface: #8b5e3c;
  --court-plank: #845736;
  --court-apron: #5a3b24;
  --court-paint: #6f2f2c;
  --volley-surface: #9a5a30;
  --volley-front-zone: #8b4d27;
  --volley-free-zone: #1f4f63;
  --volley-net: #e9ecef;
  --gridiron-end-zone: #14301a;
  --gridiron-scrimmage: #ffda6a;
}
@media print {
.field-frame-theme-dark[data-v-4917b626] {
    --field-surface: #fff;
    --field-surface-stripe: #fff;
    --field-edge: #fff;
    --field-infield: #fff;
    --field-line: #111;
    --field-line-width: 2;
    --field-base: #fff;
    --field-shape-stroke: #111;
    --field-shape-stroke-width: 2;
    --field-vignette: 0;
    --field-text: #111;
    --field-text-halo: #fff;
    --field-marker: #fff;
    --field-marker-border: #111;
    --field-marker-text: #111;
    --field-selected: #111;
    --field-active: #111;
    --field-active-text: #fff;
    --court-surface: #fff;
    --court-plank: #fff;
    --court-apron: #fff;
    --court-paint: #fff;
    --volley-surface: #fff;
    --volley-front-zone: #fff;
    --volley-free-zone: #fff;
    --volley-net: #111;
    --gridiron-end-zone: #fff;
    --gridiron-scrimmage: #111;
}
}

/* Paper, regardless of theme (there is no theme class on a print frame). */
.field-frame-print[data-v-4917b626] {
  --field-surface: #fff;
  --field-surface-stripe: #fff;
  --field-edge: #fff;
  --field-infield: #fff;
  --field-line: #111;
  --field-line-width: 2;
  --field-base: #fff;
  --field-shape-stroke: #111;
  --field-shape-stroke-width: 2;
  --field-vignette: 0;
  --field-text: #111;
  --field-text-halo: #fff;
  --field-marker: #fff;
  --field-marker-border: #111;
  --field-marker-text: #111;
  --field-selected: #111;
  --field-active: #111;
  --field-active-text: #fff;
  --court-surface: #fff;
  --court-plank: #fff;
  --court-apron: #fff;
  --court-paint: #fff;
  --volley-surface: #fff;
  --volley-front-zone: #fff;
  --volley-free-zone: #fff;
  --volley-net: #111;
  --gridiron-end-zone: #fff;
  --gridiron-scrimmage: #111;
}

/* ── Frame + art ───────────────────────────────────────────────────────── */
/* No width of its own: a block takes its container's width, and consumers
   that size the frame (the game workspace's height cap, the picker's size
   ladder) must never have to out-specify this rule. */
.field-frame[data-v-4917b626] {
  display: block;
  background-color: var(--field-edge);
  /* The variant's marker scale: FieldMarker is sized in em. */
  font-size: 0.875rem;
}
.field-frame-clip[data-v-4917b626] {
  overflow: hidden;
}
.field-frame-crop-game[data-v-4917b626] {
  position: relative;
  aspect-ratio: 810.6667/746.6667;
}
.field-frame-crop-preview[data-v-4917b626] {
  position: relative;
  aspect-ratio: 960/754.2857;
}

/* Four literal combinations rather than a computed class: the mixin needs the
   crop at compile time, and PurgeCSS needs the names in source. */
.field-frame-crop-game > .field-frame-art[data-v-4917b626] {
  position: absolute;
  width: 189.4736764197%;
  left: -44.7368443776%;
  top: -3.0133927226%;
  aspect-ratio: 1536/1024;
  pointer-events: none;
}
.field-frame-crop-game > .field-frame-art-bleed[data-v-4917b626] {
  position: absolute;
  width: 568.421029259%;
  left: -234.2105207973%;
  top: -140.156243743%;
  aspect-ratio: 4608/3072;
  pointer-events: none;
}
.field-frame-crop-preview > .field-frame-art[data-v-4917b626] {
  position: absolute;
  width: 160%;
  left: -30%;
  top: 0%;
  aspect-ratio: 1536/1024;
  pointer-events: none;
}
.field-frame-crop-preview > .field-frame-art-bleed[data-v-4917b626] {
  position: absolute;
  width: 480%;
  left: -190%;
  top: -135.7575783287%;
  aspect-ratio: 4608/3072;
  pointer-events: none;
}

/* ── Variants ──────────────────────────────────────────────────────────── */
/* Thumbnail: markers scale with the card, not the viewport. The frame is an
   inline-size container and the markers inside it read 1cqw as 1% of the
   field, clamped so an 80px card gets dots and a 280px picker gets readable
   labels. The unit has to sit on the markers, not the frame: container units
   resolve against an ancestor container, never the element's own box. */
.field-frame-thumbnail[data-v-4917b626] {
  container-type: inline-size;
}
.field-frame-thumbnail[data-v-4917b626] .field-marker {
  font-size: clamp(0.28rem, 4.5cqw, 0.875rem);
}
.field-frame-thumbnail[data-v-4917b626] .field-marker-dot {
  width: 1.7em;
  height: 1.7em;
  border-width: 0.16em;
  box-shadow: 0 0.08em 0.2em rgba(0, 0, 0, 0.3);
}

/* Print: bigger labels, no states that need a hand to mean anything. */
.field-frame-print[data-v-4917b626] {
  font-size: 1rem;
}
.field-frame-print[data-v-4917b626] .field-marker {
  pointer-events: none;
}
.field-frame-print[data-v-4917b626] .field-marker-dot {
  box-shadow: none;
}
.field-frame-print[data-v-4917b626] .field-marker-active .field-marker-dot::after {
  animation: none;
  opacity: 0.8;
}

/* ── Overlay (layer 8) ─────────────────────────────────────────────────── */
.field-frame-overlay[data-v-4917b626] {
  position: absolute;
  inset: 0;
  z-index: 5;
  pointer-events: none;
}
.field-frame-overlay[data-v-4917b626] >  svg {
  display: block;
  width: 100%;
  height: 100%;
}
.diagram-token[data-v-2e955fd5] {
  pointer-events: none;
}
.diagram-token__player[data-v-2e955fd5] {
  fill: var(--diagram-player-fill, #1d3557);
  stroke: var(--diagram-player-stroke, #fff);
  stroke-width: 3;
}
.diagram-token__player-label[data-v-2e955fd5] {
  fill: var(--diagram-player-text, #fff);
  text-anchor: middle;
  font-weight: 700;
  user-select: none;
}
.diagram-token--opponent .diagram-token__player[data-v-2e955fd5] {
  fill: var(--diagram-opponent-fill, var(--bs-secondary, #475569));
}
.diagram-token--opponent .diagram-token__player-label[data-v-2e955fd5] {
  fill: var(--diagram-opponent-text, #fff);
}
.diagram-token__ball[data-v-2e955fd5] {
  fill: var(--diagram-ball-fill, #fff);
  stroke: var(--diagram-ball-stroke, #adb5bd);
  stroke-width: 1.5;
}
.diagram-token__ball-stitch[data-v-2e955fd5] {
  fill: none;
  stroke: var(--diagram-ball-stitch, #d62828);
  stroke-width: 2;
}
.diagram-token__cone[data-v-2e955fd5] {
  fill: var(--diagram-cone-fill, #fd7e14);
  stroke: var(--diagram-cone-stroke, #fff);
  stroke-width: 3;
  stroke-linejoin: round;
}
.diagram-token__cone-stripe[data-v-2e955fd5] {
  stroke: var(--diagram-cone-stripe, #fff);
  stroke-width: 5;
}
.diagram-token__label[data-v-2e955fd5] {
  fill: var(--diagram-label-text, #fff);
  stroke: var(--diagram-label-halo, rgba(17, 24, 39, 0.65));
  stroke-width: 5;
  paint-order: stroke;
  text-anchor: middle;
  font-weight: 600;
  user-select: none;
}

.diagram-path[data-v-294e7e3e] {
  pointer-events: none;
}
.diagram-path__stroke[data-v-294e7e3e] {
  fill: none;
  stroke-width: 7;
}
.diagram-path--run .diagram-path__stroke[data-v-294e7e3e],
.diagram-path--run .diagram-path__head[data-v-294e7e3e] {
  stroke: var(--diagram-path-run, #ffc107);
}
.diagram-path--run .diagram-path__head[data-v-294e7e3e] {
  fill: var(--diagram-path-run, #ffc107);
}
.diagram-path--throw .diagram-path__stroke[data-v-294e7e3e],
.diagram-path--throw .diagram-path__head[data-v-294e7e3e] {
  stroke: var(--diagram-path-throw, #fff);
}
.diagram-path--throw .diagram-path__head[data-v-294e7e3e] {
  fill: var(--diagram-path-throw, #fff);
}
.diagram-path--hit .diagram-path__stroke[data-v-294e7e3e],
.diagram-path--hit .diagram-path__head[data-v-294e7e3e] {
  stroke: var(--diagram-path-hit, #ff7043);
}
.diagram-path--hit .diagram-path__head[data-v-294e7e3e] {
  fill: var(--diagram-path-hit, #ff7043);
}
.diagram-path__stroke[data-v-294e7e3e],
.diagram-path__head[data-v-294e7e3e] {
  stroke-width: 7;
}
.diagram-path__head[data-v-294e7e3e] {
  stroke-width: 0;
}
.field-frame-theme-auto[data-v-56e374be] {
  --field-surface: #318e26;
  --field-surface-stripe: #419928;
  --field-edge: #1f5b18;
  --field-infield: #fb9d3d;
  --field-line: #fff;
  --field-line-width: 4;
  --field-base: #fff;
  --field-shape-stroke: transparent;
  --field-shape-stroke-width: 0;
  --field-vignette: 0.34;
  --field-text: #fff;
  --field-text-halo: rgba(17, 24, 39, 0.6);
  --field-marker: #1d3557;
  --field-marker-border: #fff;
  --field-marker-text: #fff;
  --field-selected: #0d6efd;
  --field-active: #ffc107;
  --field-active-text: #212529;
  --court-surface: #d9a768;
  --court-plank: #d19c5c;
  --court-apron: #b5803f;
  --court-paint: #a6433c;
  --volley-surface: #e8894a;
  --volley-front-zone: #dc7636;
  --volley-free-zone: #2f7f9e;
  --volley-net: #1d3557;
  --gridiron-end-zone: #1f5b18;
  --gridiron-scrimmage: #ffc107;
}
[data-bs-theme=dark] .field-frame-theme-auto[data-v-56e374be] {
  --field-surface: #1f4a24;
  --field-surface-stripe: #24532a;
  --field-edge: #14301a;
  --field-infield: #8a5a35;
  --field-line: #d4dbd6;
  --field-line-width: 4;
  --field-base: #e3e8e4;
  --field-shape-stroke: transparent;
  --field-shape-stroke-width: 0;
  --field-vignette: 0.5;
  --field-text: #e9ecef;
  --field-text-halo: rgba(0, 0, 0, 0.65);
  --field-marker: #e9ecef;
  --field-marker-border: #0f1a12;
  --field-marker-text: #212529;
  --field-selected: #6ea8fe;
  --field-active: #ffda6a;
  --field-active-text: #212529;
  --court-surface: #8b5e3c;
  --court-plank: #845736;
  --court-apron: #5a3b24;
  --court-paint: #6f2f2c;
  --volley-surface: #9a5a30;
  --volley-front-zone: #8b4d27;
  --volley-free-zone: #1f4f63;
  --volley-net: #e9ecef;
  --gridiron-end-zone: #14301a;
  --gridiron-scrimmage: #ffda6a;
}
@media print {
.field-frame-theme-auto[data-v-56e374be] {
    --field-surface: #fff;
    --field-surface-stripe: #fff;
    --field-edge: #fff;
    --field-infield: #fff;
    --field-line: #111;
    --field-line-width: 2;
    --field-base: #fff;
    --field-shape-stroke: #111;
    --field-shape-stroke-width: 2;
    --field-vignette: 0;
    --field-text: #111;
    --field-text-halo: #fff;
    --field-marker: #fff;
    --field-marker-border: #111;
    --field-marker-text: #111;
    --field-selected: #111;
    --field-active: #111;
    --field-active-text: #fff;
    --court-surface: #fff;
    --court-plank: #fff;
    --court-apron: #fff;
    --court-paint: #fff;
    --volley-surface: #fff;
    --volley-front-zone: #fff;
    --volley-free-zone: #fff;
    --volley-net: #111;
    --gridiron-end-zone: #fff;
    --gridiron-scrimmage: #111;
}
}
.field-frame-theme-light[data-v-56e374be] {
  --field-surface: #318e26;
  --field-surface-stripe: #419928;
  --field-edge: #1f5b18;
  --field-infield: #fb9d3d;
  --field-line: #fff;
  --field-line-width: 4;
  --field-base: #fff;
  --field-shape-stroke: transparent;
  --field-shape-stroke-width: 0;
  --field-vignette: 0.34;
  --field-text: #fff;
  --field-text-halo: rgba(17, 24, 39, 0.6);
  --field-marker: #1d3557;
  --field-marker-border: #fff;
  --field-marker-text: #fff;
  --field-selected: #0d6efd;
  --field-active: #ffc107;
  --field-active-text: #212529;
  --court-surface: #d9a768;
  --court-plank: #d19c5c;
  --court-apron: #b5803f;
  --court-paint: #a6433c;
  --volley-surface: #e8894a;
  --volley-front-zone: #dc7636;
  --volley-free-zone: #2f7f9e;
  --volley-net: #1d3557;
  --gridiron-end-zone: #1f5b18;
  --gridiron-scrimmage: #ffc107;
}
@media print {
.field-frame-theme-light[data-v-56e374be] {
    --field-surface: #fff;
    --field-surface-stripe: #fff;
    --field-edge: #fff;
    --field-infield: #fff;
    --field-line: #111;
    --field-line-width: 2;
    --field-base: #fff;
    --field-shape-stroke: #111;
    --field-shape-stroke-width: 2;
    --field-vignette: 0;
    --field-text: #111;
    --field-text-halo: #fff;
    --field-marker: #fff;
    --field-marker-border: #111;
    --field-marker-text: #111;
    --field-selected: #111;
    --field-active: #111;
    --field-active-text: #fff;
    --court-surface: #fff;
    --court-plank: #fff;
    --court-apron: #fff;
    --court-paint: #fff;
    --volley-surface: #fff;
    --volley-front-zone: #fff;
    --volley-free-zone: #fff;
    --volley-net: #111;
    --gridiron-end-zone: #fff;
    --gridiron-scrimmage: #111;
}
}
.field-frame-theme-dark[data-v-56e374be] {
  --field-surface: #1f4a24;
  --field-surface-stripe: #24532a;
  --field-edge: #14301a;
  --field-infield: #8a5a35;
  --field-line: #d4dbd6;
  --field-line-width: 4;
  --field-base: #e3e8e4;
  --field-shape-stroke: transparent;
  --field-shape-stroke-width: 0;
  --field-vignette: 0.5;
  --field-text: #e9ecef;
  --field-text-halo: rgba(0, 0, 0, 0.65);
  --field-marker: #e9ecef;
  --field-marker-border: #0f1a12;
  --field-marker-text: #212529;
  --field-selected: #6ea8fe;
  --field-active: #ffda6a;
  --field-active-text: #212529;
  --court-surface: #8b5e3c;
  --court-plank: #845736;
  --court-apron: #5a3b24;
  --court-paint: #6f2f2c;
  --volley-surface: #9a5a30;
  --volley-front-zone: #8b4d27;
  --volley-free-zone: #1f4f63;
  --volley-net: #e9ecef;
  --gridiron-end-zone: #14301a;
  --gridiron-scrimmage: #ffda6a;
}
@media print {
.field-frame-theme-dark[data-v-56e374be] {
    --field-surface: #fff;
    --field-surface-stripe: #fff;
    --field-edge: #fff;
    --field-infield: #fff;
    --field-line: #111;
    --field-line-width: 2;
    --field-base: #fff;
    --field-shape-stroke: #111;
    --field-shape-stroke-width: 2;
    --field-vignette: 0;
    --field-text: #111;
    --field-text-halo: #fff;
    --field-marker: #fff;
    --field-marker-border: #111;
    --field-marker-text: #111;
    --field-selected: #111;
    --field-active: #111;
    --field-active-text: #fff;
    --court-surface: #fff;
    --court-plank: #fff;
    --court-apron: #fff;
    --court-paint: #fff;
    --volley-surface: #fff;
    --volley-front-zone: #fff;
    --volley-free-zone: #fff;
    --volley-net: #111;
    --gridiron-end-zone: #fff;
    --gridiron-scrimmage: #111;
}
}
.field-frame-print[data-v-56e374be] {
  --field-surface: #fff;
  --field-surface-stripe: #fff;
  --field-edge: #fff;
  --field-infield: #fff;
  --field-line: #111;
  --field-line-width: 2;
  --field-base: #fff;
  --field-shape-stroke: #111;
  --field-shape-stroke-width: 2;
  --field-vignette: 0;
  --field-text: #111;
  --field-text-halo: #fff;
  --field-marker: #fff;
  --field-marker-border: #111;
  --field-marker-text: #111;
  --field-selected: #111;
  --field-active: #111;
  --field-active-text: #fff;
  --court-surface: #fff;
  --court-plank: #fff;
  --court-apron: #fff;
  --court-paint: #fff;
  --volley-surface: #fff;
  --volley-front-zone: #fff;
  --volley-free-zone: #fff;
  --volley-net: #111;
  --gridiron-end-zone: #fff;
  --gridiron-scrimmage: #111;
}

/* The frame is the marker coordinate space: its aspect ratio is the viewBox's, so a slot at
   (x%, y%) lands on the same spot of the pitch at any size. */
.soccer-frame[data-v-56e374be] {
  position: relative;
  display: block;
  aspect-ratio: 1000/920;
  background-color: var(--field-edge);
  font-size: 0.875rem;
}
.soccer-frame-clip[data-v-56e374be] {
  overflow: hidden;
}
.soccer-art[data-v-56e374be] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.soccer-turf[data-v-56e374be] {
  fill: var(--field-surface);
}
.soccer-stripe[data-v-56e374be] {
  fill: var(--field-surface-stripe);
}
.soccer-lines[data-v-56e374be] * {
  fill: none;
  stroke: var(--field-line);
  stroke-width: 4;
}
.soccer-spots circle[data-v-56e374be] {
  fill: var(--field-line);
}
.soccer-overlay[data-v-56e374be] {
  position: absolute;
  inset: 0;
  z-index: 5;
  pointer-events: none;
}.field-frame-theme-auto[data-v-560dabdb] {
  --field-surface: #318e26;
  --field-surface-stripe: #419928;
  --field-edge: #1f5b18;
  --field-infield: #fb9d3d;
  --field-line: #fff;
  --field-line-width: 4;
  --field-base: #fff;
  --field-shape-stroke: transparent;
  --field-shape-stroke-width: 0;
  --field-vignette: 0.34;
  --field-text: #fff;
  --field-text-halo: rgba(17, 24, 39, 0.6);
  --field-marker: #1d3557;
  --field-marker-border: #fff;
  --field-marker-text: #fff;
  --field-selected: #0d6efd;
  --field-active: #ffc107;
  --field-active-text: #212529;
  --court-surface: #d9a768;
  --court-plank: #d19c5c;
  --court-apron: #b5803f;
  --court-paint: #a6433c;
  --volley-surface: #e8894a;
  --volley-front-zone: #dc7636;
  --volley-free-zone: #2f7f9e;
  --volley-net: #1d3557;
  --gridiron-end-zone: #1f5b18;
  --gridiron-scrimmage: #ffc107;
}
[data-bs-theme=dark] .field-frame-theme-auto[data-v-560dabdb] {
  --field-surface: #1f4a24;
  --field-surface-stripe: #24532a;
  --field-edge: #14301a;
  --field-infield: #8a5a35;
  --field-line: #d4dbd6;
  --field-line-width: 4;
  --field-base: #e3e8e4;
  --field-shape-stroke: transparent;
  --field-shape-stroke-width: 0;
  --field-vignette: 0.5;
  --field-text: #e9ecef;
  --field-text-halo: rgba(0, 0, 0, 0.65);
  --field-marker: #e9ecef;
  --field-marker-border: #0f1a12;
  --field-marker-text: #212529;
  --field-selected: #6ea8fe;
  --field-active: #ffda6a;
  --field-active-text: #212529;
  --court-surface: #8b5e3c;
  --court-plank: #845736;
  --court-apron: #5a3b24;
  --court-paint: #6f2f2c;
  --volley-surface: #9a5a30;
  --volley-front-zone: #8b4d27;
  --volley-free-zone: #1f4f63;
  --volley-net: #e9ecef;
  --gridiron-end-zone: #14301a;
  --gridiron-scrimmage: #ffda6a;
}
@media print {
.field-frame-theme-auto[data-v-560dabdb] {
    --field-surface: #fff;
    --field-surface-stripe: #fff;
    --field-edge: #fff;
    --field-infield: #fff;
    --field-line: #111;
    --field-line-width: 2;
    --field-base: #fff;
    --field-shape-stroke: #111;
    --field-shape-stroke-width: 2;
    --field-vignette: 0;
    --field-text: #111;
    --field-text-halo: #fff;
    --field-marker: #fff;
    --field-marker-border: #111;
    --field-marker-text: #111;
    --field-selected: #111;
    --field-active: #111;
    --field-active-text: #fff;
    --court-surface: #fff;
    --court-plank: #fff;
    --court-apron: #fff;
    --court-paint: #fff;
    --volley-surface: #fff;
    --volley-front-zone: #fff;
    --volley-free-zone: #fff;
    --volley-net: #111;
    --gridiron-end-zone: #fff;
    --gridiron-scrimmage: #111;
}
}
.field-frame-theme-light[data-v-560dabdb] {
  --field-surface: #318e26;
  --field-surface-stripe: #419928;
  --field-edge: #1f5b18;
  --field-infield: #fb9d3d;
  --field-line: #fff;
  --field-line-width: 4;
  --field-base: #fff;
  --field-shape-stroke: transparent;
  --field-shape-stroke-width: 0;
  --field-vignette: 0.34;
  --field-text: #fff;
  --field-text-halo: rgba(17, 24, 39, 0.6);
  --field-marker: #1d3557;
  --field-marker-border: #fff;
  --field-marker-text: #fff;
  --field-selected: #0d6efd;
  --field-active: #ffc107;
  --field-active-text: #212529;
  --court-surface: #d9a768;
  --court-plank: #d19c5c;
  --court-apron: #b5803f;
  --court-paint: #a6433c;
  --volley-surface: #e8894a;
  --volley-front-zone: #dc7636;
  --volley-free-zone: #2f7f9e;
  --volley-net: #1d3557;
  --gridiron-end-zone: #1f5b18;
  --gridiron-scrimmage: #ffc107;
}
@media print {
.field-frame-theme-light[data-v-560dabdb] {
    --field-surface: #fff;
    --field-surface-stripe: #fff;
    --field-edge: #fff;
    --field-infield: #fff;
    --field-line: #111;
    --field-line-width: 2;
    --field-base: #fff;
    --field-shape-stroke: #111;
    --field-shape-stroke-width: 2;
    --field-vignette: 0;
    --field-text: #111;
    --field-text-halo: #fff;
    --field-marker: #fff;
    --field-marker-border: #111;
    --field-marker-text: #111;
    --field-selected: #111;
    --field-active: #111;
    --field-active-text: #fff;
    --court-surface: #fff;
    --court-plank: #fff;
    --court-apron: #fff;
    --court-paint: #fff;
    --volley-surface: #fff;
    --volley-front-zone: #fff;
    --volley-free-zone: #fff;
    --volley-net: #111;
    --gridiron-end-zone: #fff;
    --gridiron-scrimmage: #111;
}
}
.field-frame-theme-dark[data-v-560dabdb] {
  --field-surface: #1f4a24;
  --field-surface-stripe: #24532a;
  --field-edge: #14301a;
  --field-infield: #8a5a35;
  --field-line: #d4dbd6;
  --field-line-width: 4;
  --field-base: #e3e8e4;
  --field-shape-stroke: transparent;
  --field-shape-stroke-width: 0;
  --field-vignette: 0.5;
  --field-text: #e9ecef;
  --field-text-halo: rgba(0, 0, 0, 0.65);
  --field-marker: #e9ecef;
  --field-marker-border: #0f1a12;
  --field-marker-text: #212529;
  --field-selected: #6ea8fe;
  --field-active: #ffda6a;
  --field-active-text: #212529;
  --court-surface: #8b5e3c;
  --court-plank: #845736;
  --court-apron: #5a3b24;
  --court-paint: #6f2f2c;
  --volley-surface: #9a5a30;
  --volley-front-zone: #8b4d27;
  --volley-free-zone: #1f4f63;
  --volley-net: #e9ecef;
  --gridiron-end-zone: #14301a;
  --gridiron-scrimmage: #ffda6a;
}
@media print {
.field-frame-theme-dark[data-v-560dabdb] {
    --field-surface: #fff;
    --field-surface-stripe: #fff;
    --field-edge: #fff;
    --field-infield: #fff;
    --field-line: #111;
    --field-line-width: 2;
    --field-base: #fff;
    --field-shape-stroke: #111;
    --field-shape-stroke-width: 2;
    --field-vignette: 0;
    --field-text: #111;
    --field-text-halo: #fff;
    --field-marker: #fff;
    --field-marker-border: #111;
    --field-marker-text: #111;
    --field-selected: #111;
    --field-active: #111;
    --field-active-text: #fff;
    --court-surface: #fff;
    --court-plank: #fff;
    --court-apron: #fff;
    --court-paint: #fff;
    --volley-surface: #fff;
    --volley-front-zone: #fff;
    --volley-free-zone: #fff;
    --volley-net: #111;
    --gridiron-end-zone: #fff;
    --gridiron-scrimmage: #111;
}
}
.field-frame-print[data-v-560dabdb] {
  --field-surface: #fff;
  --field-surface-stripe: #fff;
  --field-edge: #fff;
  --field-infield: #fff;
  --field-line: #111;
  --field-line-width: 2;
  --field-base: #fff;
  --field-shape-stroke: #111;
  --field-shape-stroke-width: 2;
  --field-vignette: 0;
  --field-text: #111;
  --field-text-halo: #fff;
  --field-marker: #fff;
  --field-marker-border: #111;
  --field-marker-text: #111;
  --field-selected: #111;
  --field-active: #111;
  --field-active-text: #fff;
  --court-surface: #fff;
  --court-plank: #fff;
  --court-apron: #fff;
  --court-paint: #fff;
  --volley-surface: #fff;
  --volley-front-zone: #fff;
  --volley-free-zone: #fff;
  --volley-net: #111;
  --gridiron-end-zone: #fff;
  --gridiron-scrimmage: #111;
}

/* The frame is the marker coordinate space: its aspect ratio is the viewBox's, so a slot at
   (x%, y%) lands on the same spot of the court at any size. */
.court-frame[data-v-560dabdb] {
  position: relative;
  display: block;
  aspect-ratio: 1000/940;
  background-color: var(--court-apron);
  font-size: 0.875rem;
}
.court-frame-clip[data-v-560dabdb] {
  overflow: hidden;
}
.court-art[data-v-560dabdb] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.court-floor[data-v-560dabdb] {
  fill: var(--court-surface);
}
.court-plank[data-v-560dabdb] {
  fill: var(--court-plank);
}
.court-paint[data-v-560dabdb] * {
  fill: var(--court-paint);
  stroke: none;
}
.court-lines[data-v-560dabdb] * {
  fill: none;
  stroke: var(--field-line);
  stroke-width: 4;
}
.court-lines .court-line-dashed[data-v-560dabdb] {
  stroke-dasharray: 14 12;
}
.court-lines .court-backboard[data-v-560dabdb] {
  stroke-width: 8;
}
.court-overlay[data-v-560dabdb] {
  position: absolute;
  inset: 0;
  z-index: 5;
  pointer-events: none;
}.field-frame-theme-auto[data-v-c32bf53f] {
  --field-surface: #318e26;
  --field-surface-stripe: #419928;
  --field-edge: #1f5b18;
  --field-infield: #fb9d3d;
  --field-line: #fff;
  --field-line-width: 4;
  --field-base: #fff;
  --field-shape-stroke: transparent;
  --field-shape-stroke-width: 0;
  --field-vignette: 0.34;
  --field-text: #fff;
  --field-text-halo: rgba(17, 24, 39, 0.6);
  --field-marker: #1d3557;
  --field-marker-border: #fff;
  --field-marker-text: #fff;
  --field-selected: #0d6efd;
  --field-active: #ffc107;
  --field-active-text: #212529;
  --court-surface: #d9a768;
  --court-plank: #d19c5c;
  --court-apron: #b5803f;
  --court-paint: #a6433c;
  --volley-surface: #e8894a;
  --volley-front-zone: #dc7636;
  --volley-free-zone: #2f7f9e;
  --volley-net: #1d3557;
  --gridiron-end-zone: #1f5b18;
  --gridiron-scrimmage: #ffc107;
}
[data-bs-theme=dark] .field-frame-theme-auto[data-v-c32bf53f] {
  --field-surface: #1f4a24;
  --field-surface-stripe: #24532a;
  --field-edge: #14301a;
  --field-infield: #8a5a35;
  --field-line: #d4dbd6;
  --field-line-width: 4;
  --field-base: #e3e8e4;
  --field-shape-stroke: transparent;
  --field-shape-stroke-width: 0;
  --field-vignette: 0.5;
  --field-text: #e9ecef;
  --field-text-halo: rgba(0, 0, 0, 0.65);
  --field-marker: #e9ecef;
  --field-marker-border: #0f1a12;
  --field-marker-text: #212529;
  --field-selected: #6ea8fe;
  --field-active: #ffda6a;
  --field-active-text: #212529;
  --court-surface: #8b5e3c;
  --court-plank: #845736;
  --court-apron: #5a3b24;
  --court-paint: #6f2f2c;
  --volley-surface: #9a5a30;
  --volley-front-zone: #8b4d27;
  --volley-free-zone: #1f4f63;
  --volley-net: #e9ecef;
  --gridiron-end-zone: #14301a;
  --gridiron-scrimmage: #ffda6a;
}
@media print {
.field-frame-theme-auto[data-v-c32bf53f] {
    --field-surface: #fff;
    --field-surface-stripe: #fff;
    --field-edge: #fff;
    --field-infield: #fff;
    --field-line: #111;
    --field-line-width: 2;
    --field-base: #fff;
    --field-shape-stroke: #111;
    --field-shape-stroke-width: 2;
    --field-vignette: 0;
    --field-text: #111;
    --field-text-halo: #fff;
    --field-marker: #fff;
    --field-marker-border: #111;
    --field-marker-text: #111;
    --field-selected: #111;
    --field-active: #111;
    --field-active-text: #fff;
    --court-surface: #fff;
    --court-plank: #fff;
    --court-apron: #fff;
    --court-paint: #fff;
    --volley-surface: #fff;
    --volley-front-zone: #fff;
    --volley-free-zone: #fff;
    --volley-net: #111;
    --gridiron-end-zone: #fff;
    --gridiron-scrimmage: #111;
}
}
.field-frame-theme-light[data-v-c32bf53f] {
  --field-surface: #318e26;
  --field-surface-stripe: #419928;
  --field-edge: #1f5b18;
  --field-infield: #fb9d3d;
  --field-line: #fff;
  --field-line-width: 4;
  --field-base: #fff;
  --field-shape-stroke: transparent;
  --field-shape-stroke-width: 0;
  --field-vignette: 0.34;
  --field-text: #fff;
  --field-text-halo: rgba(17, 24, 39, 0.6);
  --field-marker: #1d3557;
  --field-marker-border: #fff;
  --field-marker-text: #fff;
  --field-selected: #0d6efd;
  --field-active: #ffc107;
  --field-active-text: #212529;
  --court-surface: #d9a768;
  --court-plank: #d19c5c;
  --court-apron: #b5803f;
  --court-paint: #a6433c;
  --volley-surface: #e8894a;
  --volley-front-zone: #dc7636;
  --volley-free-zone: #2f7f9e;
  --volley-net: #1d3557;
  --gridiron-end-zone: #1f5b18;
  --gridiron-scrimmage: #ffc107;
}
@media print {
.field-frame-theme-light[data-v-c32bf53f] {
    --field-surface: #fff;
    --field-surface-stripe: #fff;
    --field-edge: #fff;
    --field-infield: #fff;
    --field-line: #111;
    --field-line-width: 2;
    --field-base: #fff;
    --field-shape-stroke: #111;
    --field-shape-stroke-width: 2;
    --field-vignette: 0;
    --field-text: #111;
    --field-text-halo: #fff;
    --field-marker: #fff;
    --field-marker-border: #111;
    --field-marker-text: #111;
    --field-selected: #111;
    --field-active: #111;
    --field-active-text: #fff;
    --court-surface: #fff;
    --court-plank: #fff;
    --court-apron: #fff;
    --court-paint: #fff;
    --volley-surface: #fff;
    --volley-front-zone: #fff;
    --volley-free-zone: #fff;
    --volley-net: #111;
    --gridiron-end-zone: #fff;
    --gridiron-scrimmage: #111;
}
}
.field-frame-theme-dark[data-v-c32bf53f] {
  --field-surface: #1f4a24;
  --field-surface-stripe: #24532a;
  --field-edge: #14301a;
  --field-infield: #8a5a35;
  --field-line: #d4dbd6;
  --field-line-width: 4;
  --field-base: #e3e8e4;
  --field-shape-stroke: transparent;
  --field-shape-stroke-width: 0;
  --field-vignette: 0.5;
  --field-text: #e9ecef;
  --field-text-halo: rgba(0, 0, 0, 0.65);
  --field-marker: #e9ecef;
  --field-marker-border: #0f1a12;
  --field-marker-text: #212529;
  --field-selected: #6ea8fe;
  --field-active: #ffda6a;
  --field-active-text: #212529;
  --court-surface: #8b5e3c;
  --court-plank: #845736;
  --court-apron: #5a3b24;
  --court-paint: #6f2f2c;
  --volley-surface: #9a5a30;
  --volley-front-zone: #8b4d27;
  --volley-free-zone: #1f4f63;
  --volley-net: #e9ecef;
  --gridiron-end-zone: #14301a;
  --gridiron-scrimmage: #ffda6a;
}
@media print {
.field-frame-theme-dark[data-v-c32bf53f] {
    --field-surface: #fff;
    --field-surface-stripe: #fff;
    --field-edge: #fff;
    --field-infield: #fff;
    --field-line: #111;
    --field-line-width: 2;
    --field-base: #fff;
    --field-shape-stroke: #111;
    --field-shape-stroke-width: 2;
    --field-vignette: 0;
    --field-text: #111;
    --field-text-halo: #fff;
    --field-marker: #fff;
    --field-marker-border: #111;
    --field-marker-text: #111;
    --field-selected: #111;
    --field-active: #111;
    --field-active-text: #fff;
    --court-surface: #fff;
    --court-plank: #fff;
    --court-apron: #fff;
    --court-paint: #fff;
    --volley-surface: #fff;
    --volley-front-zone: #fff;
    --volley-free-zone: #fff;
    --volley-net: #111;
    --gridiron-end-zone: #fff;
    --gridiron-scrimmage: #111;
}
}
.field-frame-print[data-v-c32bf53f] {
  --field-surface: #fff;
  --field-surface-stripe: #fff;
  --field-edge: #fff;
  --field-infield: #fff;
  --field-line: #111;
  --field-line-width: 2;
  --field-base: #fff;
  --field-shape-stroke: #111;
  --field-shape-stroke-width: 2;
  --field-vignette: 0;
  --field-text: #111;
  --field-text-halo: #fff;
  --field-marker: #fff;
  --field-marker-border: #111;
  --field-marker-text: #111;
  --field-selected: #111;
  --field-active: #111;
  --field-active-text: #fff;
  --court-surface: #fff;
  --court-plank: #fff;
  --court-apron: #fff;
  --court-paint: #fff;
  --volley-surface: #fff;
  --volley-front-zone: #fff;
  --volley-free-zone: #fff;
  --volley-net: #111;
  --gridiron-end-zone: #fff;
  --gridiron-scrimmage: #111;
}

/* The frame is the marker coordinate space: its aspect ratio is the viewBox's, so a slot at
   (x%, y%) lands on the same spot of the court at any size. */
.volley-frame[data-v-c32bf53f] {
  position: relative;
  display: block;
  aspect-ratio: 1/1;
  background-color: var(--volley-free-zone);
  font-size: 0.875rem;
}
.volley-frame-clip[data-v-c32bf53f] {
  overflow: hidden;
}
.volley-art[data-v-c32bf53f] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.volley-free-zone[data-v-c32bf53f] {
  fill: var(--volley-free-zone);
}
.volley-surface[data-v-c32bf53f] {
  fill: var(--volley-surface);
}
.volley-front-zone[data-v-c32bf53f] {
  fill: var(--volley-front-zone);
}
.volley-lines[data-v-c32bf53f] * {
  fill: none;
  stroke: var(--field-line);
  stroke-width: 5;
}
.volley-lines .volley-line-dashed[data-v-c32bf53f] {
  stroke-dasharray: 15 20;
}
.volley-net line[data-v-c32bf53f] {
  stroke: var(--volley-net);
  stroke-width: 12;
}
.volley-net circle[data-v-c32bf53f] {
  fill: var(--volley-net);
}
.volley-overlay[data-v-c32bf53f] {
  position: absolute;
  inset: 0;
  z-index: 5;
  pointer-events: none;
}.field-frame-theme-auto[data-v-d65a8ff3] {
  --field-surface: #318e26;
  --field-surface-stripe: #419928;
  --field-edge: #1f5b18;
  --field-infield: #fb9d3d;
  --field-line: #fff;
  --field-line-width: 4;
  --field-base: #fff;
  --field-shape-stroke: transparent;
  --field-shape-stroke-width: 0;
  --field-vignette: 0.34;
  --field-text: #fff;
  --field-text-halo: rgba(17, 24, 39, 0.6);
  --field-marker: #1d3557;
  --field-marker-border: #fff;
  --field-marker-text: #fff;
  --field-selected: #0d6efd;
  --field-active: #ffc107;
  --field-active-text: #212529;
  --court-surface: #d9a768;
  --court-plank: #d19c5c;
  --court-apron: #b5803f;
  --court-paint: #a6433c;
  --volley-surface: #e8894a;
  --volley-front-zone: #dc7636;
  --volley-free-zone: #2f7f9e;
  --volley-net: #1d3557;
  --gridiron-end-zone: #1f5b18;
  --gridiron-scrimmage: #ffc107;
}
[data-bs-theme=dark] .field-frame-theme-auto[data-v-d65a8ff3] {
  --field-surface: #1f4a24;
  --field-surface-stripe: #24532a;
  --field-edge: #14301a;
  --field-infield: #8a5a35;
  --field-line: #d4dbd6;
  --field-line-width: 4;
  --field-base: #e3e8e4;
  --field-shape-stroke: transparent;
  --field-shape-stroke-width: 0;
  --field-vignette: 0.5;
  --field-text: #e9ecef;
  --field-text-halo: rgba(0, 0, 0, 0.65);
  --field-marker: #e9ecef;
  --field-marker-border: #0f1a12;
  --field-marker-text: #212529;
  --field-selected: #6ea8fe;
  --field-active: #ffda6a;
  --field-active-text: #212529;
  --court-surface: #8b5e3c;
  --court-plank: #845736;
  --court-apron: #5a3b24;
  --court-paint: #6f2f2c;
  --volley-surface: #9a5a30;
  --volley-front-zone: #8b4d27;
  --volley-free-zone: #1f4f63;
  --volley-net: #e9ecef;
  --gridiron-end-zone: #14301a;
  --gridiron-scrimmage: #ffda6a;
}
@media print {
.field-frame-theme-auto[data-v-d65a8ff3] {
    --field-surface: #fff;
    --field-surface-stripe: #fff;
    --field-edge: #fff;
    --field-infield: #fff;
    --field-line: #111;
    --field-line-width: 2;
    --field-base: #fff;
    --field-shape-stroke: #111;
    --field-shape-stroke-width: 2;
    --field-vignette: 0;
    --field-text: #111;
    --field-text-halo: #fff;
    --field-marker: #fff;
    --field-marker-border: #111;
    --field-marker-text: #111;
    --field-selected: #111;
    --field-active: #111;
    --field-active-text: #fff;
    --court-surface: #fff;
    --court-plank: #fff;
    --court-apron: #fff;
    --court-paint: #fff;
    --volley-surface: #fff;
    --volley-front-zone: #fff;
    --volley-free-zone: #fff;
    --volley-net: #111;
    --gridiron-end-zone: #fff;
    --gridiron-scrimmage: #111;
}
}
.field-frame-theme-light[data-v-d65a8ff3] {
  --field-surface: #318e26;
  --field-surface-stripe: #419928;
  --field-edge: #1f5b18;
  --field-infield: #fb9d3d;
  --field-line: #fff;
  --field-line-width: 4;
  --field-base: #fff;
  --field-shape-stroke: transparent;
  --field-shape-stroke-width: 0;
  --field-vignette: 0.34;
  --field-text: #fff;
  --field-text-halo: rgba(17, 24, 39, 0.6);
  --field-marker: #1d3557;
  --field-marker-border: #fff;
  --field-marker-text: #fff;
  --field-selected: #0d6efd;
  --field-active: #ffc107;
  --field-active-text: #212529;
  --court-surface: #d9a768;
  --court-plank: #d19c5c;
  --court-apron: #b5803f;
  --court-paint: #a6433c;
  --volley-surface: #e8894a;
  --volley-front-zone: #dc7636;
  --volley-free-zone: #2f7f9e;
  --volley-net: #1d3557;
  --gridiron-end-zone: #1f5b18;
  --gridiron-scrimmage: #ffc107;
}
@media print {
.field-frame-theme-light[data-v-d65a8ff3] {
    --field-surface: #fff;
    --field-surface-stripe: #fff;
    --field-edge: #fff;
    --field-infield: #fff;
    --field-line: #111;
    --field-line-width: 2;
    --field-base: #fff;
    --field-shape-stroke: #111;
    --field-shape-stroke-width: 2;
    --field-vignette: 0;
    --field-text: #111;
    --field-text-halo: #fff;
    --field-marker: #fff;
    --field-marker-border: #111;
    --field-marker-text: #111;
    --field-selected: #111;
    --field-active: #111;
    --field-active-text: #fff;
    --court-surface: #fff;
    --court-plank: #fff;
    --court-apron: #fff;
    --court-paint: #fff;
    --volley-surface: #fff;
    --volley-front-zone: #fff;
    --volley-free-zone: #fff;
    --volley-net: #111;
    --gridiron-end-zone: #fff;
    --gridiron-scrimmage: #111;
}
}
.field-frame-theme-dark[data-v-d65a8ff3] {
  --field-surface: #1f4a24;
  --field-surface-stripe: #24532a;
  --field-edge: #14301a;
  --field-infield: #8a5a35;
  --field-line: #d4dbd6;
  --field-line-width: 4;
  --field-base: #e3e8e4;
  --field-shape-stroke: transparent;
  --field-shape-stroke-width: 0;
  --field-vignette: 0.5;
  --field-text: #e9ecef;
  --field-text-halo: rgba(0, 0, 0, 0.65);
  --field-marker: #e9ecef;
  --field-marker-border: #0f1a12;
  --field-marker-text: #212529;
  --field-selected: #6ea8fe;
  --field-active: #ffda6a;
  --field-active-text: #212529;
  --court-surface: #8b5e3c;
  --court-plank: #845736;
  --court-apron: #5a3b24;
  --court-paint: #6f2f2c;
  --volley-surface: #9a5a30;
  --volley-front-zone: #8b4d27;
  --volley-free-zone: #1f4f63;
  --volley-net: #e9ecef;
  --gridiron-end-zone: #14301a;
  --gridiron-scrimmage: #ffda6a;
}
@media print {
.field-frame-theme-dark[data-v-d65a8ff3] {
    --field-surface: #fff;
    --field-surface-stripe: #fff;
    --field-edge: #fff;
    --field-infield: #fff;
    --field-line: #111;
    --field-line-width: 2;
    --field-base: #fff;
    --field-shape-stroke: #111;
    --field-shape-stroke-width: 2;
    --field-vignette: 0;
    --field-text: #111;
    --field-text-halo: #fff;
    --field-marker: #fff;
    --field-marker-border: #111;
    --field-marker-text: #111;
    --field-selected: #111;
    --field-active: #111;
    --field-active-text: #fff;
    --court-surface: #fff;
    --court-plank: #fff;
    --court-apron: #fff;
    --court-paint: #fff;
    --volley-surface: #fff;
    --volley-front-zone: #fff;
    --volley-free-zone: #fff;
    --volley-net: #111;
    --gridiron-end-zone: #fff;
    --gridiron-scrimmage: #111;
}
}
.field-frame-print[data-v-d65a8ff3] {
  --field-surface: #fff;
  --field-surface-stripe: #fff;
  --field-edge: #fff;
  --field-infield: #fff;
  --field-line: #111;
  --field-line-width: 2;
  --field-base: #fff;
  --field-shape-stroke: #111;
  --field-shape-stroke-width: 2;
  --field-vignette: 0;
  --field-text: #111;
  --field-text-halo: #fff;
  --field-marker: #fff;
  --field-marker-border: #111;
  --field-marker-text: #111;
  --field-selected: #111;
  --field-active: #111;
  --field-active-text: #fff;
  --court-surface: #fff;
  --court-plank: #fff;
  --court-apron: #fff;
  --court-paint: #fff;
  --volley-surface: #fff;
  --volley-front-zone: #fff;
  --volley-free-zone: #fff;
  --volley-net: #111;
  --gridiron-end-zone: #fff;
  --gridiron-scrimmage: #111;
}

/* The frame is the marker coordinate space: its aspect ratio is the viewBox's, so a slot at
   (x%, y%) lands on the same spot of the field at any size. */
.football-frame[data-v-d65a8ff3] {
  position: relative;
  display: block;
  aspect-ratio: 1000/920;
  background-color: var(--field-edge);
  font-size: 0.875rem;
}
.football-frame-clip[data-v-d65a8ff3] {
  overflow: hidden;
}
.football-art[data-v-d65a8ff3] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.football-turf[data-v-d65a8ff3] {
  fill: var(--field-surface);
}
.football-stripe[data-v-d65a8ff3] {
  fill: var(--field-surface-stripe);
}
.football-end-zone[data-v-d65a8ff3] {
  fill: var(--gridiron-end-zone);
}
.football-lines[data-v-d65a8ff3] * {
  fill: none;
  stroke: var(--field-line);
  stroke-width: 4;
}
.football-hashes line[data-v-d65a8ff3] {
  stroke: var(--field-line);
  stroke-width: 3;
}
.football-scrimmage[data-v-d65a8ff3] {
  stroke: var(--gridiron-scrimmage);
  stroke-width: 6;
}
.football-overlay[data-v-d65a8ff3] {
  position: absolute;
  inset: 0;
  z-index: 5;
  pointer-events: none;
}
.diagram-scene-preview-image[data-v-3c76df00] {
  object-fit: fill;
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
}

/* Excalidraw's own dark-theme canvas filter, so the picture matches what the
   coach drew under the dark theme. Print is paper and keeps the light marks. */
.field-frame-theme-dark:not(.field-frame-print) .diagram-scene-preview-image[data-v-3c76df00] {
  filter: invert(93%) hue-rotate(180deg);
}
[data-bs-theme='dark'] .field-frame-theme-auto:not(.field-frame-print) .diagram-scene-preview-image[data-v-3c76df00] {
  filter: invert(93%) hue-rotate(180deg);
}
@media print {
.diagram-scene-preview-image[data-v-3c76df00] {
    filter: none !important;
}
}
.drill-diagram[data-v-e1ecd50b] {
  --diagram-player-fill: var(--diagram-team-fill, var(--team-primary, var(--dm-brand-navy, #0e345e)));
  --diagram-player-text: var(--diagram-team-text, #fff);
  --diagram-opponent-fill: var(--bs-secondary, #475569);
  --diagram-opponent-text: #fff;
}
.drill-diagram__frame[data-v-e1ecd50b] {
  border-radius: 0.5rem;
}

/* The field's annotation layer is inert by default; the diagram's own layer keeps the pointer, so
   the host's click and hover land on the drawing the way they always have. */
.drill-diagram__overlay[data-v-e1ecd50b] {
  pointer-events: auto;
}
.drill-diagram[data-v-e1ecd50b]:has(> .field-frame-print) {
  --diagram-path-run: #111;
  --diagram-path-throw: #111;
  --diagram-path-hit: #111;
  --diagram-player-fill: #fff;
  --diagram-player-stroke: #111;
  --diagram-player-text: #111;
  --diagram-opponent-fill: #e9ecef;
  --diagram-opponent-text: #111;
  --diagram-ball-fill: #fff;
  --diagram-ball-stroke: #111;
  --diagram-ball-stitch: #111;
  --diagram-cone-fill: #fff;
  --diagram-cone-stroke: #111;
  --diagram-cone-stripe: #111;
  --diagram-label-text: #111;
  --diagram-label-halo: #fff;
}
.drill-diagram:has(> .field-frame-print) .drill-diagram__frame[data-v-e1ecd50b] {
  border: 1px solid #dee2e6;
}
@media print {
.drill-diagram[data-v-e1ecd50b] {
    --diagram-path-run: #111;
    --diagram-path-throw: #111;
    --diagram-path-hit: #111;
    --diagram-player-fill: #fff;
    --diagram-player-stroke: #111;
    --diagram-player-text: #111;
    --diagram-opponent-fill: #e9ecef;
    --diagram-opponent-text: #111;
    --diagram-ball-fill: #fff;
    --diagram-ball-stroke: #111;
    --diagram-ball-stitch: #111;
    --diagram-cone-fill: #fff;
    --diagram-cone-stroke: #111;
    --diagram-cone-stripe: #111;
    --diagram-label-text: #111;
    --diagram-label-halo: #fff;
}
.drill-diagram__frame[data-v-e1ecd50b] {
    border: 1px solid #dee2e6;
}
}
/* Equal-width buttons whatever the icon, and room for a fingertip. */
.number-stepper-btn[data-v-0c646383] {
  min-width: 3.5rem;
  min-height: 44px;
}

/* The unit variant is one bordered cell holding a borderless input, so it takes the focus ring. */
.number-stepper-cell[data-v-0c646383]:focus-within {
  z-index: 5;
  border-color: rgba(var(--bs-primary-rgb), 0.5);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}
.number-stepper-cell .number-stepper-input[data-v-0c646383]:focus {
  box-shadow: none;
}
.number-stepper-cell .number-stepper-input[data-v-0c646383] {
  min-width: 0;
  width: 100%;
  height: auto;
}
.number-stepper-cell label[data-v-0c646383] {
  white-space: nowrap;
}
.number-stepper--sm[data-v-0c646383] label {
  font-size: 0.85em;
}
.number-stepper--sm .number-stepper-btn[data-v-0c646383] {
  min-width: 44px;
}
.number-stepper-input[data-v-0c646383]::-webkit-outer-spin-button,
.number-stepper-input[data-v-0c646383]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.number-stepper-input[type='number'][data-v-0c646383] {
  -moz-appearance: textfield;
  appearance: textfield;
}
.context-card[data-v-138ae839] {
  position: relative;
  overflow: hidden;
  min-width: 0;
  max-width: 100%;
  word-wrap: break-word;
  color: inherit;
  text-decoration: none;
}
.context-card[data-v-138ae839]::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 4px;
  background: var(--context-accent);
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
  pointer-events: none;
}
.context-card.accent-none[data-v-138ae839]::before {
  display: none;
}
.context-card.accent-success[data-v-138ae839]::before {
  background: var(--bs-success);
}
.context-card.accent-danger[data-v-138ae839]::before {
  background: var(--bs-danger);
}
.context-card.accent-warning[data-v-138ae839]::before {
  background: var(--bs-warning);
}
.context-card.accent-secondary[data-v-138ae839]::before {
  background: var(--bs-secondary);
}
.context-card.card-tinted[data-v-138ae839] {
  --bs-border-color: var(--context-tint-border);
  border-color: var(--context-tint-border);
  background-image: linear-gradient(var(--context-tint), var(--context-tint));
}
.context-card.card-tinted[data-v-138ae839]::before {
  display: none;
}
.context-card.context-card-selected[data-v-138ae839] {
  border-color: var(--context-accent);
  background-image: linear-gradient(var(--context-tint), var(--context-tint));
}
.context-card.context-card-muted > .card-body[data-v-138ae839] {
  opacity: 0.85;
}
.context-card > .card-body[data-v-138ae839] > * {
  min-width: 0;
}.card-chip[data-v-3f3a99cc] {
  border: 1px solid var(--chip-ink);
  color: var(--chip-ink);
  background-color: transparent;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 0.25rem 0.5rem;
  white-space: nowrap;
}
.card-chip-xs[data-v-3f3a99cc] {
  font-size: 0.625rem;
  padding: 0.125rem 0.375rem;
  letter-spacing: 0.03em;
}
.card-chip-sm[data-v-3f3a99cc] {
  font-size: 0.6875rem;
  padding: 0.1875rem 0.4375rem;
}
[data-bs-theme=dark] .card-chip[data-v-3f3a99cc]:not([data-bs-theme=light] *) {
  border-color: var(--chip-ink-dark);
  color: var(--chip-ink-dark);
}
.context-date time[data-v-8148b0ce] {
  font-variant-numeric: tabular-nums;
}

.context-card-title[data-v-e226a901] {
  min-width: 0;
  max-width: 100%;
}

/* Meaningful names get two lines before they're cut — a truncated plan name is a plan the coach
   can't recognise. */
.context-card-title-clamp[data-v-e226a901] {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.context-media-img[data-v-3a2a0eb2] {
  object-fit: cover;
  object-position: center;
}
.aspect-16x9[data-v-3a2a0eb2] {
  aspect-ratio: 16 / 9;
}
.aspect-4x3[data-v-3a2a0eb2] {
  aspect-ratio: 4 / 3;
}
.aspect-1x1[data-v-3a2a0eb2] {
  aspect-ratio: 1 / 1;
}
.context-media-side[data-v-3a2a0eb2] {
  border-radius: var(--bs-border-radius);
}
.context-media-side.sm[data-v-3a2a0eb2] {
  width: 72px;
}
.context-media-side.md[data-v-3a2a0eb2] {
  width: 120px;
}

/* Big enough to recognise, small enough that the title and description stay the thing the eye
   lands on first. */
.context-media-side.lg[data-v-3a2a0eb2] {
  width: 128px;
}
.context-media-banner[data-v-3a2a0eb2] {
  width: 100%;
}
.context-media-play.sm[data-v-3a2a0eb2] {
  width: 32px;
  height: 32px;
}
.context-media-play.lg[data-v-3a2a0eb2] {
  width: 48px;
  height: 48px;
}

.drill-card-description-clamp[data-v-c96147f5] {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* A field diagram is nearly square; the banner crops it top and bottom to a consistent card
   height, which keeps the busy middle of the field. */
.context-media-fill[data-v-c96147f5] {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
}
.dp--btn-base{font:inherit;transition:var(--dp-common-transition);border:none;line-height:normal}.dp--bg-none{background:0 0}.dp--active{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp--flex{align-items:center;display:flex}.dp--pointer{cursor:pointer}.dp--icon{stroke:currentColor;fill:currentColor}.dp--button{text-align:center;width:100%;color:var(--dp-icon-color);cursor:pointer;padding:var(--dp-common-padding);box-sizing:border-box;height:var(--dp-button-height);place-content:center;align-items:center;display:flex}.dp--button.dp--overlay-action{position:absolute;bottom:0}.dp--button .dp--main{font-family:var(--dp-font-family);-webkit-user-select:none;user-select:none;box-sizing:border-box;width:100%;position:relative}.dp--button .dp--main *{direction:var(--dp-direction,ltr)}.dp--button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp--button svg{height:var(--dp-button-icon-height);width:auto}.dp--button-bottom{border-bottom-left-radius:var(--dp-border-radius);border-bottom-right-radius:var(--dp-border-radius)}.dp--flex-display{display:flex}.dp--relative{position:relative}.dp--highlighted{background-color:var(--dp-highlight-color)}.dp--hidden-el{visibility:hidden}.dp--centered{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.dp--action-row{width:100%;padding:var(--dp-action-row-padding);box-sizing:border-box;color:var(--dp-text-color);flex-flow:row;align-items:center;display:flex}.dp--action-row svg{height:var(--dp-button-icon-height);width:auto}.dp--selection-preview{color:var(--dp-text-color);font-size:var(--dp-preview-font-size);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.dp--action-buttons{white-space:nowrap;flex:0;justify-content:flex-end;align-items:center;margin-inline-start:auto;display:flex}.dp--action-button{padding:var(--dp-action-buttons-padding);line-height:var(--dp-action-button-height);height:var(--dp-action-button-height);cursor:pointer;border-radius:var(--dp-border-radius);font-size:var(--dp-preview-font-size);font-family:var(--dp-font-family);background:0 0;border:1px solid #0000;align-items:center;margin-inline-start:3px;display:inline-flex}.dp--action-cancel{color:var(--dp-text-color);border:1px solid var(--dp-border-color)}.dp--action-cancel:hover{border-color:var(--dp-primary-color);transition:var(--dp-action-row-transition)}.dp--action-buttons .dp--action-select{background:var(--dp-primary-color);color:var(--dp-primary-text-color)}.dp--action-buttons .dp--action-select:hover{background:var(--dp-primary-color);transition:var(--dp-action-row-transition)}.dp--action-buttons .dp--action-select:disabled{background:var(--dp-primary-disabled-color);cursor:not-allowed}.dp--calendar-header{color:var(--dp-text-color);white-space:nowrap;justify-content:center;align-items:center;font-weight:700;display:flex;position:relative}.dp--calendar-header-item{text-align:center;height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);box-sizing:border-box;flex-grow:1}.dp--calendar-row{margin:var(--dp-row-margin);justify-content:center;align-items:center;display:flex}.dp--calendar-item{text-align:center;box-sizing:border-box;color:var(--dp-text-color);flex-grow:1}.dp--calendar{position:relative}.dp--calendar-header-cell{border-bottom:thin solid var(--dp-border-color);padding:var(--dp-calendar-header-cell-padding)}.dp--cell-inner{text-align:center;border-radius:var(--dp-cell-border-radius);height:var(--dp-cell-size);padding:var(--dp-cell-padding);width:var(--dp-cell-size);box-sizing:border-box;border:1px solid #0000;justify-content:center;align-items:center;display:flex;position:relative}.dp--cell-inner:hover{transition:all .2s}.dp--range-border-start{border-start-end-radius:0;border-end-end-radius:0}.dp--range-border-end{border-start-start-radius:0;border-end-start-radius:0}.dp--range-preview{border-top:1px dashed var(--dp-primary-color);border-bottom:1px dashed var(--dp-primary-color)}.dp--cell-offset{color:var(--dp-secondary-color)}.dp--cell-disabled{color:var(--dp-secondary-color);cursor:not-allowed}.dp--date-hoverable:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp--date-hoverable-start:hover{border-start-end-radius:0;border-end-end-radius:0}.dp--date-hoverable-end:hover{border-start-start-radius:0;border-end-start-radius:0}.dp--range-between{background:var(--dp-range-between-dates-background-color);color:var(--dp-range-between-dates-text-color);border:1px solid var(--dp-range-between-border-color);border-radius:0}.dp--range-between-week{background:var(--dp-primary-color);color:var(--dp-primary-text-color);border-radius:0}.dp--today{border:1px solid var(--dp-primary-color)}.dp--week-num{color:var(--dp-secondary-color);text-align:center}.dp--cell-auto-range{border-radius:0}.dp--cell-auto-range-start{border-inline-start:1px dashed var(--dp-primary-color);border-start-start-radius:var(--dp-cell-border-radius);border-end-start-radius:var(--dp-cell-border-radius)}.dp--cell-auto-range-end{border-inline-end:1px dashed var(--dp-primary-color);border-start-end-radius:var(--dp-cell-border-radius);border-end-end-radius:var(--dp-cell-border-radius)}.dp--calendar-header-separator{background:var(--dp-border-color);width:100%;height:1px}.dp--calendar-next{margin-inline-start:var(--dp-multi-calendars-spacing)}.dp--marker-base{background-color:var(--dp-marker-color);height:5px;position:absolute;bottom:0}.dp--marker-dot{border-radius:50%;width:5px;left:50%;transform:translate(-50%)}.dp--marker-line{width:100%;left:0}.dp--marker-tooltip{border-radius:var(--dp-border-radius);background-color:var(--dp-tooltip-color);border:1px solid var(--dp-border-color);z-index:99999;box-sizing:border-box;cursor:default;padding:5px;position:absolute}.dp--tooltip-content{white-space:nowrap}.dp--tooltip-text{color:var(--dp-text-color);flex-flow:row;align-items:center;display:flex}.dp--tooltip-mark{background-color:var(--dp-text-color);width:5px;height:5px;color:var(--dp-text-color);border-radius:50%;margin-inline-end:5px}.dp--arrow-bottom-tp{background-color:var(--dp-tooltip-color);border-inline-end:1px solid var(--dp-border-color);border-bottom:1px solid var(--dp-border-color);width:8px;height:8px;position:absolute;bottom:0;transform:translate(-50%,50%)rotate(45deg)}.dp--instance-calendar{width:100%;position:relative}.dp--flex-display[data-dp-mobile]{flex-direction:column}.dp--flex-display-collapsed{flex-direction:column}.dp--cell-highlight{background-color:var(--dp-highlight-color)}.dp--input-wrap{width:100%;box-sizing:unset;position:relative}.dp--input-wrap:focus{border-color:var(--dp-border-color-hover);outline:none}.dp--input-valid{box-shadow:0 0 var(--dp-border-radius) var(--dp-success-color);border-color:var(--dp-success-color)}.dp--input-valid:hover{border-color:var(--dp-success-color)}.dp--input-invalid{box-shadow:0 0 var(--dp-border-radius) var(--dp-danger-color);border-color:var(--dp-danger-color)}.dp--input-invalid:hover{border-color:var(--dp-danger-color)}.dp--input{background-color:var(--dp-background-color);border-radius:var(--dp-border-radius);font-family:var(--dp-font-family);border:1px solid var(--dp-border-color);width:100%;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size) * 1.5);padding:var(--dp-input-padding);color:var(--dp-text-color);box-sizing:border-box;outline:none;transition:border-color .2s cubic-bezier(.645,.045,.355,1)}.dp--input::placeholder{opacity:.7}.dp--input:hover:not(.dp--input-focus){border-color:var(--dp-border-color-hover)}.dp--input-not-clearable{padding-inline-end:var(--dp-input-not-clearable-padding)!important}.dp--input-reg{caret-color:#0000}.dp--input-focus{border-color:var(--dp-border-color-focus)}.dp--disabled{background:var(--dp-disabled-color)}.dp--disabled::placeholder{color:var(--dp-disabled-color-text)}.dp--input-icons{width:var(--dp-font-size);height:var(--dp-font-size);stroke-width:0;font-size:var(--dp-font-size);line-height:calc(var(--dp-font-size) * 1.5);color:var(--dp-icon-color);box-sizing:content-box;padding:6px 12px;display:inline-block}.dp--input-icon{cursor:pointer;top:50%;color:var(--dp-icon-color);position:absolute;inset-inline-start:0;transform:translateY(-50%)}.dp--clear-btn{top:50%;cursor:pointer;color:var(--dp-icon-color);background:0 0;border:none;align-items:center;margin:0;padding:0;display:inline-flex;position:absolute;inset-inline-end:0;transform:translateY(-50%)}.dp--input-icon-pad{padding-inline-start:var(--dp-input-icon-padding)}.dp--menu{background:var(--dp-background-color);border-radius:var(--dp-border-radius);min-width:var(--dp-menu-min-width);font-family:var(--dp-font-family);font-size:var(--dp-font-size);-webkit-user-select:none;user-select:none;border:1px solid var(--dp-menu-border-color);box-sizing:border-box}.dp--menu:after,.dp--menu:before{box-sizing:border-box}.dp--menu:focus{border:1px solid var(--dp-menu-border-color);outline:none}.dp--menu-wrapper{z-index:99999;position:absolute}.dp--menu-inner{padding:var(--dp-menu-padding)}.dp--menu--inner-stretched{padding:6px 0}.dp--menu-index{z-index:99999}.dp--menu-unclickable{z-index:999999;position:absolute;inset:0}.dp--menu-disabled{cursor:not-allowed;background:#ffffff80}.dp--menu-readonly{cursor:default;background:0 0}.dp-menu-loading{cursor:default;background:#ffffff80}.dp--menu-load-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.dp--menu-loader{border:var(--dp-loader);box-sizing:border-box;border-bottom-color:#0000;border-radius:50%;width:48px;height:48px;animation:1s linear infinite dp-load-rotation;display:inline-block;position:absolute}@keyframes dp-load-rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dp--arrow-top{background-color:var(--dp-background-color);border-inline-end:1px solid var(--dp-menu-border-color);border-top:1px solid var(--dp-menu-border-color);width:12px;height:12px;position:absolute;transform:translateY(-50%)rotate(-45deg)}.dp--arrow-bottom{left:var(--dp-arrow-left);background-color:var(--dp-background-color);border-inline-end:1px solid var(--dp-menu-border-color);border-bottom:1px solid var(--dp-menu-border-color);width:12px;height:12px;position:absolute;bottom:0;transform:translate(-50%,50%)rotate(45deg)}.dp--action-extra{text-align:center;padding:2px 0}.dp--preset-dates{border-inline-end:1px solid var(--dp-border-color);padding:5px}.dp--preset-dates[data-dp-mobile]{max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding) * 2);border:none;align-self:center;display:flex;overflow-x:auto}.dp--preset-dates-collapsed{max-width:calc(var(--dp-menu-width) - var(--dp-action-row-padding) * 2);border:none;align-self:center;display:flex;overflow-x:auto}.dp--sidebar-left{border-inline-end:1px solid var(--dp-border-color);padding:5px}.dp--sidebar-right{margin-inline-end:1px solid var(--dp-border-color);padding:5px}.dp--preset-range{text-align:left;white-space:nowrap;width:100%;color:var(--dp-text-color);border-radius:var(--dp-border-radius);transition:var(--dp-common-transition);padding:5px;display:block}.dp--preset-range:hover{background-color:var(--dp-hover-color);color:var(--dp-hover-text-color);cursor:pointer}.dp--preset-range[data-dp-mobile]{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range[data-dp-mobile]:first-child{margin-left:0}.dp--preset-range[data-dp-mobile]:last-child{margin-right:0}.dp--preset-range-collapsed{border:1px solid var(--dp-border-color);margin:0 3px}.dp--preset-range-collapsed:first-child{margin-left:0}.dp--preset-range-collapsed:last-child{margin-right:0}.dp--menu-content-wrapper{display:flex}.dp--menu-content-wrapper[data-dp-mobile]{flex-direction:column-reverse}.dp--menu-content-wrapper-collapsed{flex-direction:column-reverse}.dp--month-year-row{height:var(--dp-month-year-row-height);color:var(--dp-text-color);box-sizing:border-box;align-items:center;display:flex}.dp--inner-nav{cursor:pointer;height:var(--dp-month-year-row-button-size);width:var(--dp-month-year-row-button-size);color:var(--dp-icon-color);text-align:center;border-radius:50%;justify-content:center;align-items:center;display:flex}.dp--inner-nav svg{height:var(--dp-button-icon-height);width:var(--dp-button-icon-height)}.dp--inner-nav:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}[dir=rtl] .dp--inner-nav{transform:rotate(180deg)}.dp--inner-nav-disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp--inner-nav-disabled:hover{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp--month-year-select-base{text-align:center;cursor:pointer;height:var(--dp-month-year-row-height);border-radius:var(--dp-border-radius);box-sizing:border-box;color:var(--dp-text-color);justify-content:center;align-items:center;display:flex}.dp--month-year-select-base:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp--month-year-select{width:50%}.dp--year-select{width:100%}.dp--month-year-wrap{flex-direction:row;align-items:center;width:100%;display:flex}.dp--year-disable-select{justify-content:space-around}.dp--header-wrap{flex-direction:column;width:100%;display:flex}.dp--year-mode-picker{width:100%;height:var(--dp-cell-size);justify-content:space-between;align-items:center;display:flex}.dp--arrow-btn-nav{transition:var(--dp-common-transition);height:100%}.dp-quarter-picker-wrap{height:100%;min-width:var(--dp-menu-min-width);flex-direction:column;display:flex}.dp--qr-btn-disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp--qr-btn-disabled:hover{background:var(--dp-disabled-color)}.dp--qr-btn{width:100%;padding:var(--dp-common-padding)}.dp--qr-btn:not(.dp--highlighted,.dp--active,.dp--qr-btn-disabled,.dp--qr-btn-between){background:0 0}.dp--qr-btn:hover:not(.dp--active,.dp--qr-btn-disabled){background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp--quarter-items{flex-direction:column;flex:1;justify-content:space-evenly;width:100%;height:100%;display:flex}.dp--qr-btn-between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp--overlay{background:var(--dp-background-color);z-index:99999;width:100%;font-family:var(--dp-font-family);color:var(--dp-text-color);box-sizing:border-box;transition:opacity 1s ease-out}.dp--overlay-absolute{height:100%;position:absolute;top:0;left:0}.dp--overlay-relative{position:relative}.dp--overlay-container::-webkit-scrollbar-track{box-shadow:var(--dp-scroll-bar-background);background-color:var(--dp-scroll-bar-background)}.dp--overlay-container::-webkit-scrollbar{background-color:var(--dp-scroll-bar-background);width:5px}.dp--overlay-container::-webkit-scrollbar-thumb{background-color:var(--dp-scroll-bar-color);border-radius:10px}.dp--overlay:focus{border:none;outline:none}.dp--container-flex{display:flex}.dp--container-block{display:block}.dp--overlay-container{height:var(--dp-overlay-height);flex-direction:column;overflow-y:auto}.dp--time-picker-overlay-container{height:100%}.dp--overlay-row{box-sizing:border-box;flex-wrap:wrap;align-items:center;width:100%;max-width:100%;margin-inline:auto;padding:0;display:flex}.dp--flex-row{flex:1}.dp--overlay-col{box-sizing:border-box;width:33%;padding:var(--dp-overlay-col-padding);white-space:nowrap}.dp--overlay-cell-pad{padding:var(--dp-common-padding) 0}.dp--overlay-cell-active{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center}.dp--overlay-cell{cursor:pointer;border-radius:var(--dp-border-radius);text-align:center}.dp--overlay-cell:hover{background:var(--dp-hover-color);color:var(--dp-hover-text-color);transition:var(--dp-common-transition)}.dp--cell-in-between{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp--over-action-scroll{box-sizing:border-box;right:5px}.dp--overlay-cell-disabled{cursor:not-allowed;background:var(--dp-disabled-color)}.dp--overlay-cell-disabled:hover{background:var(--dp-disabled-color)}.dp--overlay-cell-active-disabled{cursor:not-allowed;background:var(--dp-primary-disabled-color)}.dp--overlay-cell-active-disabled:hover{background:var(--dp-primary-disabled-color)}.dp--tp-wrap{width:100%}.dp--tp-wrap[data-dp-mobile]{max-width:100%}.dp--time-input{-webkit-user-select:none;user-select:none;width:100%;font-family:var(--dp-font-family);color:var(--dp-text-color);justify-content:center;align-items:center;display:flex}.dp--time-col-reg-block{padding:0 20px}.dp--time-col-reg-inline{padding:0 10px}.dp--time-col-reg-with-button{padding:0 15px}.dp--time-col-reg-with-button[data-compact~=true]{padding:0 5px}.dp--time-col-sec{padding:0 10px}.dp--time-col-sec-with-button{padding:0 5px}.dp--time-col-sec-with-button[data-collapsed~=true]{padding:0}.dp--time-col{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.dp--time-col-block{font-size:var(--dp-time-font-size)}.dp--inc-dec-button-disabled{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp--inc-dec-button-disabled:hover{background:var(--dp-disabled-color);color:var(--dp-disabled-color-text);cursor:not-allowed}.dp--time-display-block{padding:0 3px}.dp--time-display-inline{padding:5px}.dp--time-picker-inline-container{justify-content:center;width:100%;display:flex}.dp--inc-dec-button{height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size);cursor:pointer;color:var(--dp-icon-color);box-sizing:border-box;border-radius:50%;justify-content:center;align-items:center;margin:0;padding:5px;display:flex}.dp--inc-dec-button svg{height:var(--dp-time-inc-dec-button-size);width:var(--dp-time-inc-dec-button-size)}.dp--inc-dec-button:hover{background:var(--dp-hover-color);color:var(--dp-hover-icon-color)}.dp--time-display{cursor:pointer;color:var(--dp-text-color);border-radius:var(--dp-border-radius);justify-content:center;align-items:center;display:flex}.dp--time-display:hover:enabled{background:var(--dp-hover-color);color:var(--dp-hover-text-color)}.dp--inc-dec-button-inline{cursor:pointer;align-items:center;width:100%;height:8px;padding:0;display:flex}.dp--pm-am-button{background:var(--dp-primary-color);color:var(--dp-primary-text-color);padding:var(--dp-common-padding);border-radius:var(--dp-border-radius);cursor:pointer;border:none}.dp--pm-am-button[data-compact~=true]{padding:7px}.dp--tp-inline-btn-bar{background-color:var(--dp-secondary-color);width:100%;height:4px;transition:var(--dp-common-transition);border-collapse:collapse}.dp--tp-inline-btn-top:hover .dp--tp-btn-in-r{background-color:var(--dp-primary-color);transform:rotate(12deg)scale(1.15)translateY(-2px)}.dp--tp-inline-btn-top:hover .dp--tp-btn-in-l{background-color:var(--dp-primary-color);transform:rotate(-12deg)scale(1.15)translateY(-2px)}.dp--tp-inline-btn-bottom:hover .dp--tp-btn-in-r{background-color:var(--dp-primary-color);transform:rotate(-12deg)scale(1.15)translateY(-2px)}.dp--tp-inline-btn-bottom:hover .dp--tp-btn-in-l{background-color:var(--dp-primary-color);transform:rotate(12deg)scale(1.15)translateY(-2px)}.dp--time-overlay-btn{background:0 0}.dp--time-invalid{background-color:var(--dp-disabled-color)}:root{--dp-common-transition:all .1s ease-in;--dp-menu-padding:6px 8px;--dp-animation-duration:.1s;--dp-menu-appear-transition-timing:cubic-bezier(.4, 0, 1, 1);--dp-transition-timing:ease-out;--dp-action-row-transition:all .2s ease-in;--dp-font-family:-apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif;--dp-border-radius:4px;--dp-cell-border-radius:4px;--dp-transition-length:22px;--dp-transition-timing-general:.1s;--dp-button-height:35px;--dp-month-year-row-height:35px;--dp-month-year-row-button-size:25px;--dp-button-icon-height:20px;--dp-calendar-wrap-padding:0 5px;--dp-cell-size:35px;--dp-cell-padding:5px;--dp-common-padding:10px;--dp-input-icon-padding:35px;--dp-input-padding:6px 30px 6px 12px;--dp-input-not-clearable-padding:12px;--dp-menu-min-width:260px;--dp-action-buttons-padding:1px 6px;--dp-row-margin:5px 0;--dp-calendar-header-cell-padding:8px;--dp-multi-calendars-spacing:10px;--dp-overlay-col-padding:3px;--dp-time-inc-dec-button-size:32px;--dp-font-size:1rem;--dp-preview-font-size:.8rem;--dp-time-font-size:2rem;--dp-action-button-height:22px;--dp-action-row-padding:8px;--dp-direction:ltr}.dp--theme-dark{--dp-background-color:#212121;--dp-text-color:#fff;--dp-hover-color:#484848;--dp-hover-text-color:#fff;--dp-hover-icon-color:#959595;--dp-primary-color:#005cb2;--dp-primary-disabled-color:#61a8ea;--dp-primary-text-color:#fff;--dp-secondary-color:#a9a9a9;--dp-border-color:#2d2d2d;--dp-menu-border-color:#2d2d2d;--dp-border-color-hover:#aaaeb7;--dp-border-color-focus:#aaaeb7;--dp-disabled-color:#737373;--dp-disabled-color-text:#d0d0d0;--dp-scroll-bar-background:#212121;--dp-scroll-bar-color:#484848;--dp-success-color:#00701a;--dp-success-color-disabled:#428f59;--dp-icon-color:#959595;--dp-danger-color:#e53935;--dp-marker-color:#e53935;--dp-tooltip-color:#3e3e3e;--dp-highlight-color:#005cb233;--dp-range-between-dates-background-color:var(--dp-hover-color,#484848);--dp-range-between-dates-text-color:var(--dp-hover-text-color,#fff);--dp-range-between-border-color:var(--dp-hover-color,#fff);--dp-loader:5px solid #005cb2}.dp--theme-light{--dp-background-color:#fff;--dp-text-color:#212121;--dp-hover-color:#f3f3f3;--dp-hover-text-color:#212121;--dp-hover-icon-color:#959595;--dp-primary-color:#1976d2;--dp-primary-disabled-color:#6bacea;--dp-primary-text-color:#fff;--dp-secondary-color:#c0c4cc;--dp-border-color:#ddd;--dp-menu-border-color:#ddd;--dp-border-color-hover:#aaaeb7;--dp-border-color-focus:#aaaeb7;--dp-disabled-color:#f6f6f6;--dp-scroll-bar-background:#f3f3f3;--dp-scroll-bar-color:#959595;--dp-success-color:#76d275;--dp-success-color-disabled:#a3d9b1;--dp-icon-color:#959595;--dp-danger-color:#ff6f60;--dp-marker-color:#ff6f60;--dp-tooltip-color:#fafafa;--dp-disabled-color-text:#8e8e8e;--dp-highlight-color:#1976d21a;--dp-range-between-dates-background-color:var(--dp-hover-color,#f3f3f3);--dp-range-between-dates-text-color:var(--dp-hover-text-color,#212121);--dp-range-between-border-color:var(--dp-hover-color,#f3f3f3);--dp-loader:5px solid #1976d2}.calendar-next-enter-active,.calendar-next-leave-active,.calendar-prev-enter-active,.calendar-prev-leave-active{transition:all var(--dp-transition-timing-general) ease-out}.calendar-next-enter-from{opacity:0;transform:translateX(var(--dp-transition-length))}.calendar-next-leave-to,.calendar-prev-enter-from{opacity:0;transform:translateX(calc(var(--dp-transition-length) * -1))}.calendar-prev-leave-to{opacity:0;transform:translateX(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-active,.dp-menu-appear-bottom-leave-active,.dp-menu-appear-top-enter-active,.dp-menu-appear-top-leave-active,.dp-slide-up-enter-active,.dp-slide-up-leave-active,.dp-slide-down-enter-active,.dp-slide-down-leave-active{transition:all var(--dp-animation-duration) var(--dp-transition-timing)}.dp-menu-appear-top-enter-from,.dp-menu-appear-top-leave-to,.dp-slide-down-leave-to,.dp-slide-up-enter-from{opacity:0;transform:translateY(var(--dp-transition-length))}.dp-menu-appear-bottom-enter-from,.dp-menu-appear-bottom-leave-to,.dp-slide-down-enter-from,.dp-slide-up-leave-to{opacity:0;transform:translateY(calc(var(--dp-transition-length) * -1))}.dp--flex-display-with-input{flex-direction:column;align-items:flex-start}

.swatch[data-v-abd896fb] {
  width: 2.25rem;
  height: 2.75rem;
  border-radius: 0.375rem;
}

.dm-preview-fit[data-v-4fc98f1c] {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.dm-preview-frame[data-v-4fc98f1c] {
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: top left;
  overflow: hidden;
}

.dm-week-strip[data-v-77dd920e] {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 0.25rem;
}
.dm-week-day[data-v-77dd920e] {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.25rem;
  min-width: 0;
}
.dm-week-day-header[data-v-77dd920e] {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  gap: 0.125rem;
  padding: 0.375rem 0.125rem;
  border: none;
  border-radius: var(--bs-border-radius-sm);
  background: transparent;
  color: inherit;
  line-height: 1.1;
  cursor: pointer;
}
.dm-week-day-header[data-v-77dd920e]:hover {
  background: var(--bs-tertiary-bg);
}
.dm-week-day-name[data-v-77dd920e] {
  font-size: 0.6875rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: var(--bs-secondary-color);
}
.dm-week-day-num[data-v-77dd920e] {
  font-size: 1rem;
  font-weight: 600;
}
.dm-week-day--today .dm-week-day-num[data-v-77dd920e] {
  color: var(--dm-accent, var(--team-primary, #0e345e));
  font-weight: 800;
}
.dm-week-day--selected .dm-week-day-header[data-v-77dd920e] {
  background: var(--bs-tertiary-bg);
}
.dm-week-day--selected .dm-week-day-num[data-v-77dd920e] {
  box-shadow: 0 0 0 2px var(--dm-accent, var(--team-primary, #0e345e));
  border-radius: 999px;
  padding: 0 0.375rem;
}
.dm-week-day-events[data-v-77dd920e] {
  display: flex;
  flex-direction: column;
  gap: 0.1875rem;
  min-height: 1px;
}
.dm-week-day-chip[data-v-77dd920e] {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  padding: 0.125rem 0.25rem;
  border: none;
  border-radius: 0.25rem;
  font-size: 0.625rem;
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
}
.dm-week-day-chip[data-v-77dd920e]:hover {
  filter: brightness(0.95);
}
.dm-week-day-chip-time[data-v-77dd920e] {
  font-weight: 500;
  opacity: 0.85;
}
.dm-week-day-chip-label[data-v-77dd920e] {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Tones are written out literally — production PurgeCSS strips dynamically-built class names. */
.dm-week-day-chip--game[data-v-77dd920e] {
  background: var(--dm-accent, var(--team-primary, #0e345e));
  color: var(--dm-accent-contrast, #ffffff);
}
.dm-week-day-chip--practice[data-v-77dd920e] {
  background: #dcfce7;
  color: #16a34a;
}
.dm-week-day-chip--event[data-v-77dd920e] {
  background: #ede9fe;
  color: #7c3aed;
}
.dm-week-day-more[data-v-77dd920e] {
  font-size: 0.625rem;
  color: var(--bs-secondary-color);
  text-align: center;
}
@container teampage (max-width: 26rem) {
.dm-week-day-name[data-v-77dd920e] {
    font-size: 0.625rem;
}
.dm-week-day-num[data-v-77dd920e] {
    font-size: 0.875rem;
}
.dm-week-day-chip[data-v-77dd920e] {
    font-size: 0.5625rem;
}
}

.share-team-action[data-v-25c2cb52] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

.team-page[data-v-e60b938b] {
  min-height: 100vh;
  padding: 0;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  /*
    Declared here too (not just on .team-page-shell below) so the hero — a shell sibling,
    rendered full-bleed — resolves its own @container teampage rules against the full page
    width. Shell descendants still resolve against the shell's own nested container of the same
    name, which shadows this one for them.
  */
  container-type: inline-size;
  container-name: teampage;
}

/*
  Container queries, not media queries: the Public Customizer renders this same component inside
  a fixed-width, scaled preview frame, where a media query would answer for the editor's viewport
  instead of the page being previewed.
*/
.team-page-shell[data-v-e60b938b] {
  container-type: inline-size;
  container-name: teampage;
  /*
    width: 100% is load-bearing: .team-page is a column flexbox and the auto margins below opt
    this item out of align-items: stretch, so without an explicit width it shrink-wraps — and
    inline-size containment gives it a zero intrinsic width, collapsing the whole page to a sliver.
  */
  width: 100%;
  max-width: 68rem;
  margin: 0 auto;
  padding: 1.5rem 1rem 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  font-size: calc(1rem * var(--dm-fs, 1));
}
.team-page-card[data-v-e60b938b] {
  padding: 1rem;
}
.team-page-panel[data-v-e60b938b] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  scroll-margin-top: 1rem;
}
.team-page-panel-title[data-v-e60b938b] {
  margin: 0;
  font-size: 0.85em;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--bs-secondary-color);
}

/* The chosen day, and "Team Updates", are headings in their own right — not section labels
   shouting in caps. */
.team-page-panel-title--date[data-v-e60b938b],
.team-page-panel-title--plain[data-v-e60b938b] {
  font-size: 1.05em;
  text-transform: none;
  letter-spacing: normal;
  color: var(--bs-body-color);
}

/* Sections whose card container was removed still need a visual break between the heading and
   the flat list of rows underneath — a rule takes the place the card's edge used to draw. */
.team-page-section-divider[data-v-e60b938b] {
  padding-bottom: 0.6rem;
  border-bottom: 1px solid var(--bs-border-color);
}
.team-page-empty[data-v-e60b938b] {
  margin: 0;
  color: var(--bs-secondary-color);
}
.team-page-day-group[data-v-e60b938b] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.team-page-day-group + .team-page-day-group[data-v-e60b938b] {
  margin-top: 0.75rem;
}
.team-page-schedule-groups[data-v-e60b938b] {
  display: grid;
  gap: 0.75rem;
}
.team-page-day-heading[data-v-e60b938b] {
  margin: 0;
  padding-bottom: 0.4rem;
  font-size: 0.95em;
  font-weight: 600;
  border-bottom: 1px solid var(--bs-border-color);
}
.team-page-calendar[data-v-e60b938b] {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.team-page-calendar-toolbar[data-v-e60b938b] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.team-page-calendar-title[data-v-e60b938b] {
  font-weight: 600;
}
.team-page-contact[data-v-e60b938b] {
  gap: 0.25rem;
}
@container teampage (min-width: 56rem) {
.team-page-card[data-v-e60b938b] {
    padding: 1.25rem;
}
.team-page-schedule-groups[data-v-e60b938b] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
}
.team-page-schedule-groups .team-page-day-group + .team-page-day-group[data-v-e60b938b] {
    margin-top: 0;
}
}

/*
  A full-bleed hero (color, gradient or cover photo) with a curved bottom edge, carrying the logo
  and identity together, above a page body that stays plain regardless of the accent — see
  PAGE_BG and the heroSurface/heroStyle computeds for why the hero resolves its color
  independently of the rest of the page. It renders as a shell *sibling* (not nested inside the
  padded, max-width shell) specifically so it can span the full page width edge-to-edge.
*/
.team-page-hero[data-v-e60b938b] {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: clamp(240px, 34cqi, 440px);
  padding: 2.5rem 1.5rem 3.5rem;
  color: var(--dm-hero-text, #fff);
}
.team-page-hero-main[data-v-e60b938b] {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 1.25rem;
  min-width: 0;
  /*
    Caps line length on ultra-wide screens now that the hero itself is full-bleed. No margin
    here: .team-page-hero's align-items: stretch already flushes an uncapped item edge-to-edge,
    and once max-width kicks in the leftover space lands after the item — i.e. it stays flush
    left by default, which is what the --left/default variant wants. --center/--right below add
    their own margin to reposition within that leftover space.
  */
  max-width: 90rem;
}
.team-page-hero--center .team-page-hero-main[data-v-e60b938b] {
  flex-direction: column;
  text-align: center;
  margin-inline: auto;
}
.team-page-hero--right .team-page-hero-main[data-v-e60b938b] {
  flex-direction: row-reverse;
  text-align: right;
  margin-inline-start: auto;
}
.team-page-hero-logo[data-v-e60b938b] {
  flex: 0 0 auto;
  width: calc(clamp(72px, 18cqi, 152px) * var(--dm-logo-scale, 1));
  height: calc(clamp(72px, 18cqi, 152px) * var(--dm-logo-scale, 1));
  display: flex;
  align-items: center;
  justify-content: center;
}

/* TeamMark sizes itself with inline styles, so filling the scaled box needs to outrank them. */
.team-page-hero-logo[data-v-e60b938b] img {
  max-width: 100% !important;
  max-height: 100% !important;
}
.team-page-hero-logo[data-v-e60b938b] div {
  width: 100% !important;
  height: 100% !important;
}
.team-page-hero-identity[data-v-e60b938b] {
  min-width: 0;
}
.team-page-hero-name[data-v-e60b938b] {
  margin: 0 0 0.3rem;
  font-weight: 800;
  line-height: 1.1;
  font-size: calc(clamp(1.5rem, 6cqi, 2.75rem) * var(--dm-fs, 1));
}
.team-page-hero-meta[data-v-e60b938b] {
  margin: 0;
  font-size: calc(1.05em * var(--dm-fs, 1));
  color: var(--dm-hero-text-muted);
}
.team-page-hero-welcome[data-v-e60b938b] {
  margin: 0.6rem 0 0;
  max-width: 34rem;
  color: var(--dm-hero-text-muted);
}
.team-page-hero--center .team-page-hero-welcome[data-v-e60b938b] {
  margin-inline: auto;
}
.team-page-hero-share-btn[data-v-e60b938b] {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
  color: var(--dm-hero-text);
  background: var(--dm-hero-btn-bg);
  border: 1px solid var(--dm-hero-btn-border);
  backdrop-filter: blur(6px);
}
.team-page-hero-share-btn[data-v-e60b938b]:hover,
.team-page-hero-share-btn[data-v-e60b938b]:focus-visible {
  color: var(--dm-hero-text);
  background: var(--dm-hero-btn-bg);
  opacity: 0.85;
}
.team-page-hero-curve[data-v-e60b938b] {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  width: 100%;
  height: clamp(20px, 6cqi, 48px);
  display: block;
}
@container teampage (max-width: 26rem) {
.team-page-hero-main[data-v-e60b938b],
  .team-page-hero--right .team-page-hero-main[data-v-e60b938b] {
    flex-direction: column;
    text-align: center;
}
}
@container teampage (min-width: 56rem) {
.team-page-hero[data-v-e60b938b] {
    padding: 3rem 3rem 4rem;
}
}
@container teampage (min-width: 90rem) {
.team-page-hero[data-v-e60b938b] {
    padding: 3.5rem 4rem 4.5rem;
}
}

/* Inside a scaled customizer preview frame `100vh` means the real viewport, not the frame — this
   is what keeps a 960px-wide preview from reserving a full screen height of empty space. */
.team-page--preview[data-v-e60b938b] {
  min-height: 0;
}

.dm-cal-chip[data-v-35c37aaa] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  width: 100%;
  min-width: 0;
  height: 100%;
  padding: 0 0.375rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.4;
  overflow: hidden;
}
.dm-cal-chip__icon[data-v-35c37aaa] {
  flex-shrink: 0;
}
.dm-cal-chip__time[data-v-35c37aaa] {
  flex-shrink: 0;
  font-weight: 400;
  opacity: 0.85;
}
.dm-cal-chip__title[data-v-35c37aaa] {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dm-cal-chip--game[data-v-35c37aaa] {
  background: var(--dm-accent, var(--team-primary, #0e345e));
  color: var(--dm-accent-contrast, #ffffff);
}

/* Practice/event tones match the in-app season calendar pills. */
.dm-cal-chip--practice[data-v-35c37aaa] {
  background: #dcfce7;
  color: #16a34a;
}
.dm-cal-chip--event[data-v-35c37aaa] {
  background: #ede9fe;
  color: #7c3aed;
}
.dm-cal-chip--default[data-v-35c37aaa] {
  background: var(--bs-tertiary-bg, #f2f3f5);
  color: var(--bs-body-color, #212529);
}

/*
  Schedule-X's grid sizes itself off an unbroken chain of *definite* heights. `--dm-calendar-height`
  is how a consumer that isn't itself height-constrained (a card in normal flow) hands it one:
  a bare `min-height` leaves every `height: 100%` below resolving to auto, so the grid renders at
  the natural height of its week rows and the reserved space below it stays blank.
*/
.dm-event-calendar[data-v-c60343bb] {
  width: 100%;
  height: var(--dm-calendar-height, 100%);
  min-height: var(--dm-calendar-min-height, 500px);
}

/* @schedule-x/vue renders its own unstyled wrapper between this root and `.sx__calendar-wrapper`. */
.dm-event-calendar[data-v-c60343bb] .sx-vue-calendar-wrapper {
  height: 100%;
}

/* Consumers put their own toolbar above the calendar; hide Schedule-X's duplicate header. */
.dm-event-calendar[data-v-c60343bb] header.sx__calendar-header {
  display: none;
}

/* Schedule-X ships hover feedback for drag-over but not for a plain pointer hover;
   reuse its own surface-container token so the cell matches the calendar's theme. */
.dm-event-calendar--clickable-dates[data-v-c60343bb] .sx__month-grid-day {
  cursor: pointer;
  transition: background-color 0.15s ease-in-out;
}
.dm-event-calendar--clickable-dates[data-v-c60343bb] .sx__month-grid-day:hover {
  background-color: var(--sx-color-surface-container);
}

/* The chosen day reads as a ring so it never competes with today's filled dot. */
.dm-event-calendar[data-v-c60343bb] .sx__month-grid-day__header-date.dm-cal-date--selected {
  box-shadow: 0 0 0 2px var(--sx-color-primary);
  font-weight: 700;
}

/* Schedule-X's light palette is Material purple; today's dot, the chosen-day ring and the hover
   wash follow the app's primary instead. The dark palette is remapped by the app's own theme. */
.dm-event-calendar[data-v-c60343bb] .sx__calendar-wrapper:not(.is-dark) {
  --sx-color-primary: var(--bs-primary);
  --sx-color-on-primary: var(--bs-white);
  --sx-color-primary-container: var(--bs-primary-bg-subtle);
  --sx-color-on-primary-container: var(--bs-primary-text-emphasis);
  --sx-color-surface-container: var(--bs-primary-bg-subtle);
}

.custom-field-textarea[data-v-6428cea7] {
  min-height: 120px;
}

/* A fieldset legend defaults to heading size; this is a plain field label. */
.custom-field-legend[data-v-6428cea7] {
  font-size: 0.875em;
}

/* Comfortable on a phone: the whole row toggles, so it earns a real touch target. */
.custom-field-choice[data-v-6428cea7] {
  cursor: pointer;
  min-height: 3rem;
  user-select: none;
}
.custom-field-choice .form-check-input[data-v-6428cea7] {
  width: 1.25rem;
  height: 1.25rem;
}

/* No SCSS variables here — this file also compiles inside apps/support, which doesn't
   inject apps/app's Bootstrap variable set into scoped component styles. */
.auth-hero[data-v-bb34ea33] {
  background-size: cover;
  background-blend-mode: multiply;
  background-color: rgba(0, 0, 0, 0.6);
  height: 100vh;
}
@media (max-width: 991.98px) {
.auth-hero[data-v-bb34ea33] {
    height: auto;
    padding: 3rem 0;
}
}
.auth-branded-bg[data-v-bb34ea33] {
  position: relative;
  background-repeat: repeat;
}

.auth-card--sm[data-v-7a1e20a5] {
  max-width: 420px;
}
.auth-card--md[data-v-7a1e20a5] {
  max-width: 500px;
}
.auth-card--lg[data-v-7a1e20a5] {
  max-width: 680px;
}
@media (max-width: 575.98px) {
.auth-card[data-v-7a1e20a5] {
    max-width: 100%;
}
}

.event-public-card[data-v-f0f2f4cf] {
  max-width: 36rem;
}
.event-public-mark[data-v-f0f2f4cf] {
  max-height: 6rem;
  width: auto;
  object-fit: contain;
}

.event-description[data-v-4e51087c] {
  white-space: pre-line;
}

.event-form-textarea[data-v-05cda357] {
  min-height: 6.5rem;
}

.event-sticky-cta[data-v-24ea935c] {
  z-index: 1020;
  padding-bottom: calc(1rem + env(safe-area-inset-bottom)) !important;
}
/**
 * gridstack SASS styles 13.0.0
 * Copyright (c) 2021-2025 Alain Dumesny - see GridStack root license
 */
.grid-stack {
  position: relative;
}

.grid-stack-placeholder > .placeholder-content {
  background-color: rgba(0, 0, 0, 0.1);
  margin: 0;
  position: absolute;
  width: auto;
  z-index: 0 !important;
}

.grid-stack > .grid-stack-item {
  position: absolute;
  padding: 0;
  top: 0;
  width: var(--gs-column-width);
  height: var(--gs-cell-height);
}
.grid-stack > .grid-stack-item > .grid-stack-item-content {
  margin: 0;
  position: absolute;
  width: auto;
  overflow-x: hidden;
  overflow-y: auto;
}
.grid-stack > .grid-stack-item.size-to-content:not(.size-to-content-max) > .grid-stack-item-content {
  overflow-y: hidden;
}

.grid-stack:not(.grid-stack-rtl) > .grid-stack-item {
  left: 0;
}

.grid-stack.grid-stack-rtl > .grid-stack-item {
  right: 0;
}

.grid-stack > .grid-stack-item > .grid-stack-item-content,
.grid-stack > .grid-stack-placeholder > .placeholder-content {
  top: var(--gs-item-margin-top);
  right: var(--gs-item-margin-right);
  bottom: var(--gs-item-margin-bottom);
  left: var(--gs-item-margin-left);
}

.grid-stack-item > .ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
  user-select: none;
  z-index: 100;
}
.grid-stack-item.ui-resizable-disabled > .ui-resizable-handle, .grid-stack-item.ui-resizable-autohide > .ui-resizable-handle {
  display: none;
}
.grid-stack-item > .ui-resizable-ne,
.grid-stack-item > .ui-resizable-nw,
.grid-stack-item > .ui-resizable-se,
.grid-stack-item > .ui-resizable-sw {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%23666" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 20 20"><path d="m10 3 2 2H8l2-2v14l-2-2h4l-2 2"/></svg>');
  background-repeat: no-repeat;
  background-position: center;
  z-index: 101;
}
.grid-stack-item > .ui-resizable-ne {
  transform: rotate(45deg);
}
.grid-stack-item > .ui-resizable-sw {
  transform: rotate(45deg);
}
.grid-stack-item > .ui-resizable-nw {
  transform: rotate(-45deg);
}
.grid-stack-item > .ui-resizable-se {
  transform: rotate(-45deg);
}
.grid-stack-item > .ui-resizable-nw {
  cursor: nw-resize;
  width: 20px;
  height: 20px;
  top: var(--gs-item-margin-top);
  left: var(--gs-item-margin-left);
}
.grid-stack-item > .ui-resizable-n {
  cursor: n-resize;
  height: 10px;
  top: var(--gs-item-margin-top);
  left: 25px;
  right: 25px;
}
.grid-stack-item > .ui-resizable-ne {
  cursor: ne-resize;
  width: 20px;
  height: 20px;
  top: var(--gs-item-margin-top);
  right: var(--gs-item-margin-right);
}
.grid-stack-item > .ui-resizable-e {
  cursor: e-resize;
  width: 10px;
  top: 15px;
  bottom: 15px;
  right: var(--gs-item-margin-right);
}
.grid-stack-item > .ui-resizable-se {
  cursor: se-resize;
  width: 20px;
  height: 20px;
  bottom: var(--gs-item-margin-bottom);
  right: var(--gs-item-margin-right);
}
.grid-stack-item > .ui-resizable-s {
  cursor: s-resize;
  height: 10px;
  left: 25px;
  bottom: var(--gs-item-margin-bottom);
  right: 25px;
}
.grid-stack-item > .ui-resizable-sw {
  cursor: sw-resize;
  width: 20px;
  height: 20px;
  bottom: var(--gs-item-margin-bottom);
  left: var(--gs-item-margin-left);
}
.grid-stack-item > .ui-resizable-w {
  cursor: w-resize;
  width: 10px;
  top: 15px;
  bottom: 15px;
  left: var(--gs-item-margin-left);
}
.grid-stack-item.ui-draggable-dragging > .ui-resizable-handle {
  display: none !important;
}
.grid-stack-item.ui-draggable-dragging {
  will-change: left, right, top;
}
.grid-stack-item.ui-resizable-resizing {
  will-change: width, height;
}

.ui-draggable-dragging,
.ui-resizable-resizing {
  z-index: 10000;
}
.ui-draggable-dragging > .grid-stack-item-content,
.ui-resizable-resizing > .grid-stack-item-content {
  box-shadow: 1px 4px 6px rgba(0, 0, 0, 0.2);
  opacity: 0.8;
}

.grid-stack-animate,
.grid-stack-animate .grid-stack-item {
  transition: left 0.3s, right 0.3s, top 0.3s, height 0.3s, width 0.3s;
}

.grid-stack-animate .grid-stack-item.ui-draggable-dragging,
.grid-stack-animate .grid-stack-item.ui-resizable-resizing,
.grid-stack-animate .grid-stack-item.grid-stack-placeholder {
  transition: left 0s, right 0s, top 0s, height 0s, width 0s;
}

.grid-stack > .grid-stack-item[gs-y="0"] {
  top: 0px;
}

.grid-stack:not(.grid-stack-rtl) > .grid-stack-item[gs-x="0"] {
  left: 0%;
}

.grid-stack.grid-stack-rtl > .grid-stack-item[gs-x="0"] {
  right: 0%;
}.excalidraw .Spinner{display:flex;align-items:center;justify-content:center;height:100%;margin-left:auto;margin-right:auto;--spinner-color: var(--icon-fill-color)}.excalidraw .Spinner svg{animation:rotate 1.6s linear infinite;animation-delay:var(--spinner-delay);transform-origin:center center}.excalidraw .Spinner circle{stroke:var(--spinner-color);animation:dash 1.6s linear 0s infinite;stroke-linecap:round}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,300;stroke-dashoffset:0}50%{stroke-dasharray:150,300;stroke-dashoffset:-200}to{stroke-dasharray:1,300;stroke-dashoffset:-280}}.excalidraw .ToolIcon{border-radius:var(--border-radius-lg);display:inline-flex;align-items:center;position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent;user-select:none}.excalidraw .ToolIcon__hidden{display:none!important}.excalidraw .ToolIcon.fillable .ToolIcon_type_radio:checked+.ToolIcon__icon,.excalidraw .ToolIcon.fillable .ToolIcon_type_checkbox:checked+.ToolIcon__icon{--icon-fill-color: var(--color-on-primary-container)}.excalidraw .ToolIcon.fillable .ToolIcon_type_radio:checked+.ToolIcon__icon svg,.excalidraw .ToolIcon.fillable .ToolIcon_type_checkbox:checked+.ToolIcon__icon svg{fill:var(--icon-fill-color)}.excalidraw .ToolIcon .ToolIcon_type_radio:checked+.ToolIcon__icon,.excalidraw .ToolIcon .ToolIcon_type_checkbox:checked+.ToolIcon__icon{background:var(--color-surface-primary-container);--keybinding-color: var(--color-on-primary-container)}.excalidraw .ToolIcon .ToolIcon_type_radio:checked+.ToolIcon__icon svg,.excalidraw .ToolIcon .ToolIcon_type_checkbox:checked+.ToolIcon__icon svg{color:var(--color-on-primary-container)}.excalidraw .ToolIcon .ToolIcon__keybinding{bottom:4px;right:4px}.excalidraw .ToolIcon .ToolIcon__icon:hover{background:var(--button-hover-bg)}.excalidraw .ToolIcon .ToolIcon__icon:active{background:var(--button-hover-bg);border:1px solid var(--button-active-border)}.excalidraw .ToolIcon .ToolIcon__icon:active svg{color:var(--color-on-primary-container)}.excalidraw .ToolIcon .ToolIcon__icon[aria-disabled=true]{background:initial;border:none}.excalidraw .ToolIcon .ToolIcon__icon[aria-disabled=true] svg{color:var(--color-disabled)}.excalidraw .ToolIcon--plain{background-color:transparent}.excalidraw .ToolIcon--plain .ToolIcon__icon{width:2rem;height:2rem}.excalidraw .ToolIcon_type_radio,.excalidraw .ToolIcon_type_checkbox{position:absolute;opacity:0;pointer-events:none}.excalidraw .ToolIcon__icon{box-sizing:border-box;width:var(--default-button-size);height:var(--default-button-size);color:var(--icon-fill-color);display:flex;justify-content:center;align-items:center;border-radius:var(--border-radius-lg)}.excalidraw .ToolIcon__icon+.ToolIcon__label{margin-inline-start:0}.excalidraw .ToolIcon__icon svg{position:relative;width:var(--default-icon-size);height:var(--default-icon-size);color:var(--icon-fill-color)}.excalidraw .ToolIcon__label{display:flex;align-items:center;color:var(--icon-fill-color);font-family:var(--ui-font);margin:0 .8em;text-overflow:ellipsis}.excalidraw .ToolIcon__label .Spinner{margin-left:.6em}.excalidraw .ToolIcon_size_small .ToolIcon__icon{width:2rem;height:2rem;font-size:.8em}.excalidraw .ToolIcon_type_button,.excalidraw .Modal .ToolIcon_type_button{padding:0;border:none;margin:0;font-size:inherit;background-color:initial}.excalidraw .ToolIcon_type_button:focus-visible,.excalidraw .Modal .ToolIcon_type_button:focus-visible{box-shadow:0 0 0 2px var(--focus-highlight-color)}.excalidraw .ToolIcon_type_button.ToolIcon--selected,.excalidraw .Modal .ToolIcon_type_button.ToolIcon--selected{background-color:var(--button-gray-2)}.excalidraw .ToolIcon_type_button.ToolIcon--selected:active,.excalidraw .Modal .ToolIcon_type_button.ToolIcon--selected:active,.excalidraw .ToolIcon_type_button:active,.excalidraw .Modal .ToolIcon_type_button:active{background-color:var(--button-gray-3)}.excalidraw .ToolIcon_type_button:disabled,.excalidraw .Modal .ToolIcon_type_button:disabled{cursor:default}.excalidraw .ToolIcon_type_button:disabled:active,.excalidraw .ToolIcon_type_button:disabled:focus-visible,.excalidraw .ToolIcon_type_button:disabled:hover,.excalidraw .Modal .ToolIcon_type_button:disabled:active,.excalidraw .Modal .ToolIcon_type_button:disabled:focus-visible,.excalidraw .Modal .ToolIcon_type_button:disabled:hover{background-color:initial;border:none;box-shadow:none}.excalidraw .ToolIcon_type_button:disabled svg,.excalidraw .Modal .ToolIcon_type_button:disabled svg{color:var(--color-disabled)}.excalidraw .ToolIcon_type_button--show,.excalidraw .Modal .ToolIcon_type_button--show{visibility:visible}.excalidraw .ToolIcon_type_button--hide,.excalidraw .Modal .ToolIcon_type_button--hide{display:none!important}.excalidraw .ToolIcon_type_floating,.excalidraw .ToolIcon_type_floating:hover,.excalidraw .ToolIcon_type_floating:active{background-color:transparent}.excalidraw .ToolIcon_type_floating .ToolIcon__icon{background-color:var(--button-gray-1);width:2rem;height:2rem}.excalidraw .ToolIcon_type_floating .ToolIcon__icon:hover{background-color:var(--button-gray-2)}.excalidraw .ToolIcon_type_floating .ToolIcon__icon:active{background-color:var(--button-gray-3)}.excalidraw .ToolIcon__keybinding{position:absolute;bottom:2px;right:3px;font-size:.625rem;color:var(--keybinding-color);font-family:var(--ui-font);user-select:none}:root[dir=ltr] .excalidraw .unlocked-icon{left:2px}:root[dir=rtl] .excalidraw .unlocked-icon{right:2px}.excalidraw .App-toolbar-container .ToolIcon__icon{width:var(--lg-button-size);height:var(--lg-button-size)}@media screen and (max-width: 450px){.excalidraw .App-toolbar-container .ToolIcon__icon{width:1.8rem;height:1.8rem}}@media screen and (max-width: 379px){.excalidraw .App-toolbar-container .ToolIcon__icon{width:1.5rem;height:1.5rem}}.excalidraw .App-toolbar-container .ToolIcon__icon svg{width:var(--lg-icon-size);height:var(--lg-icon-size)}.excalidraw .App-toolbar-container .ToolIcon__LaserPointer .ToolIcon__icon,.excalidraw .App-toolbar-container .ToolIcon__MagicButton .ToolIcon__icon{width:var(--default-button-size);height:var(--default-button-size)}.excalidraw button.standalone{display:flex;justify-content:center;align-items:center;padding:.625rem;width:var(--button-width, var(--default-button-size));height:var(--button-height, var(--default-button-size));box-sizing:border-box;border-width:1px;border-style:solid;border-color:var(--button-border, var(--default-border-color));border-radius:var(--border-radius-lg);cursor:pointer;background-color:var(--button-bg, var(--island-bg-color));color:var(--button-color, var(--color-on-surface));font-family:var(--ui-font);padding:0}.excalidraw button.standalone svg{width:var(--button-width, var(--lg-icon-size));height:var(--button-height, var(--lg-icon-size))}.excalidraw button.standalone:hover{background-color:var(--button-hover-bg, var(--island-bg-color));border-color:var(--button-hover-border, var(--button-border, var(--default-border-color)));color:var(--button-hover-color, var(--button-color, var(--text-primary-color, inherit)))}.excalidraw button.standalone:active{background-color:var(--button-active-bg, var(--island-bg-color));border-color:var(--button-active-border, var(--color-primary-darkest))}.excalidraw button.standalone.active{background-color:var(--button-selected-bg, var(--color-surface-primary-container));border-color:var(--button-selected-border, var(--color-surface-primary-container))}.excalidraw button.standalone.active:hover{background-color:var(--button-selected-hover-bg, var(--color-surface-primary-container))}.excalidraw button.standalone.active svg{color:var(--button-color, var(--color-on-primary-container))}.excalidraw button.standalone svg{width:var(--default-icon-size);height:var(--default-icon-size)}.excalidraw button.standalone>*{pointer-events:none}.excalidraw .excalidraw-eye-dropper-container,.excalidraw .excalidraw-eye-dropper-backdrop{position:absolute;width:100%;height:100%;z-index:var(--zIndex-eyeDropperBackdrop);touch-action:none}.excalidraw .excalidraw-eye-dropper-container{pointer-events:none}.excalidraw .excalidraw-eye-dropper-backdrop{pointer-events:all}.excalidraw .excalidraw-eye-dropper-preview{pointer-events:none;width:3rem;height:3rem;position:fixed;z-index:var(--zIndex-eyeDropperPreview);border-radius:1rem;border:1px solid var(--default-border-color);filter:var(--theme-filter)}.excalidraw .excalidraw-eye-dropper-trigger{width:1.25rem;height:1.25rem;cursor:pointer;padding:4px;margin-right:-4px;margin-left:-2px;border-radius:.5rem;color:var(--icon-fill-color)}.excalidraw .excalidraw-eye-dropper-trigger:hover{background:var(--button-hover-bg)}.excalidraw .excalidraw-eye-dropper-trigger.selected{color:var(--color-primary);background:var(--color-primary-light)}.excalidraw .Island{--padding: 0;box-sizing:border-box;background-color:var(--island-bg-color);box-shadow:var(--shadow-island);border-radius:var(--border-radius-lg);padding:calc(var(--padding) * var(--space-factor));position:relative;transition:box-shadow .5s ease-in-out}.excalidraw .Island.zen-mode{box-shadow:none}.excalidraw .focus-visible-none:focus-visible{outline:none!important}.excalidraw .color-picker__heading{padding:0 .5rem;font-size:.75rem;text-align:left}.excalidraw .color-picker-container{display:grid;grid-template-columns:1fr 20px 1.625rem;padding:.25rem 0px;align-items:center}.excalidraw--mobile.excalidraw .color-picker-container{max-width:11rem}.excalidraw .color-picker__top-picks{display:flex;justify-content:space-between}.excalidraw .color-picker__button{--radius: .25rem;padding:0;margin:0;width:1.35rem;height:1.35rem;border:1px solid var(--color-gray-30);border-radius:var(--radius);filter:var(--theme-filter);background-color:var(--swatch-color);background-position:left center;position:relative;font-family:inherit;box-sizing:border-box}.excalidraw .color-picker__button:hover:after{content:"";position:absolute;inset:-2px;box-shadow:0 0 0 1px var(--color-gray-30);border-radius:calc(var(--radius) + 1px);filter:var(--theme-filter)}.excalidraw .color-picker__button.active .color-picker__button-outline{position:absolute;inset:-2px;box-shadow:0 0 0 1px var(--color-primary-darkest);z-index:1;border-radius:calc(var(--radius) + 1px);filter:var(--theme-filter)}.excalidraw .color-picker__button:focus-visible{outline:none}.excalidraw .color-picker__button:focus-visible:after{content:"";position:absolute;inset:-4px;border:3px solid var(--focus-highlight-color);border-radius:calc(var(--radius) + 1px)}.excalidraw .color-picker__button:focus-visible.active .color-picker__button-outline{display:none}.excalidraw .color-picker__button--large{--radius: .5rem;width:1.875rem;height:1.875rem}.excalidraw .color-picker__button.is-transparent{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==)}.excalidraw .color-picker__button--no-focus-visible{border:0}.excalidraw .color-picker__button--no-focus-visible:after{display:none}.excalidraw .color-picker__button--no-focus-visible:focus-visible{outline:none!important}.excalidraw .color-picker__button.active-color{border-radius:calc(var(--radius) + 1px);width:1.625rem;height:1.625rem}.excalidraw .color-picker__button__hotkey-label{position:absolute;right:4px;bottom:4px;filter:none;font-size:11px}.excalidraw .color-picker{background:var(--popup-bg-color);border:0 solid rgba(255,255,255,.25);box-shadow:#00000040 0 1px 4px;border-radius:4px;position:absolute}:root[dir=ltr] .excalidraw .color-picker{left:-5.5px}:root[dir=rtl] .excalidraw .color-picker{right:-5.5px}.excalidraw .color-picker-control-container{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:.5rem}.excalidraw .color-picker-control-container+.popover{position:static}.excalidraw .color-picker-popover-container{margin-top:-.25rem}:root[dir=ltr] .excalidraw .color-picker-popover-container{margin-left:.5rem}:root[dir=rtl] .excalidraw .color-picker-popover-container{margin-left:-3rem}.excalidraw .color-picker-triangle{width:0;height:0;border-style:solid;border-width:0 9px 10px;border-color:transparent transparent var(--popup-bg-color);position:absolute;top:10px}:root[dir=ltr] .excalidraw .color-picker-triangle{transform:rotate(270deg);left:-14px}:root[dir=rtl] .excalidraw .color-picker-triangle{transform:rotate(90deg);right:-14px}.excalidraw .color-picker-triangle-shadow{border-color:transparent transparent rgba(0,0,0,.1)}:root[dir=ltr] .excalidraw .color-picker-triangle-shadow{left:-14px}:root[dir=rtl] .excalidraw .color-picker-triangle-shadow{right:-16px}.excalidraw .color-picker-content{display:flex;flex-direction:column;gap:.75rem;outline:none}.excalidraw .color-picker-content--default{padding:.5rem;display:grid;grid-template-columns:repeat(5,1.875rem);grid-gap:.25rem;border-radius:4px}.excalidraw .color-picker-content--default:focus{outline:none;box-shadow:0 0 0 2px var(--focus-highlight-color)}.excalidraw .color-picker-content--canvas{display:flex;flex-direction:column;padding:.25rem}.excalidraw .color-picker-content--canvas-title{color:#868e96;font-size:12px;padding:0 .25rem}.excalidraw .color-picker-content--canvas-colors{padding:.5rem 0}.excalidraw .color-picker-content--canvas-colors .color-picker-swatch{margin:0 .25rem}.excalidraw .color-picker-content .color-input-container{grid-column:1/span 5}.excalidraw .color-picker-swatch{position:relative;height:1.875rem;width:1.875rem;cursor:pointer;border-radius:4px;margin:0;box-sizing:border-box;border:1px solid #ddd;background-color:currentColor!important;filter:var(--theme-filter)}.excalidraw .color-picker-swatch:focus{box-shadow:0 0 4px 1px currentColor;border-color:var(--select-highlight-color)}.excalidraw .color-picker-transparent{border-radius:4px;box-shadow:#0000001a 0 0 0 1px inset;position:absolute;inset:0}.excalidraw .color-picker-transparent,.excalidraw .color-picker-label-swatch{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==) left center}.excalidraw .color-picker-hash{height:var(--default-button-size);flex-shrink:0;padding:.5rem .5rem .5rem .75rem;border:1px solid var(--default-border-color);border-right:0;box-sizing:border-box;color:var(--input-label-color);display:flex;align-items:center;justify-content:center;position:relative}:root[dir=ltr] .excalidraw .color-picker-hash{border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg)}:root[dir=rtl] .excalidraw .color-picker-hash{border-radius:0 var(--border-radius-lg) var(--border-radius-lg) 0;border-right:1px solid var(--default-border-color);border-left:0}.excalidraw .color-input-container{display:flex}.excalidraw .color-input-container:focus-within{box-shadow:0 0 0 1px var(--color-primary-darkest);border-radius:var(--border-radius-lg)}.excalidraw .color-picker__input-label{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:center;border:1px solid var(--default-border-color);border-radius:8px;padding:0 12px;margin:8px;box-sizing:border-box}.excalidraw .color-picker__input-label:focus-within{box-shadow:0 0 0 1px var(--color-primary-darkest);border-radius:var(--border-radius-lg)}.excalidraw .color-picker__input-hash{padding:0 .25rem}.excalidraw .color-picker-input{box-sizing:border-box;width:100%;margin:0;font-size:.875rem;font-family:inherit;background-color:transparent;color:var(--text-primary-color);border:0;outline:none;height:var(--default-button-size);border:1px solid var(--default-border-color);border-left:0;letter-spacing:.4px;padding:.5rem .5rem .5rem .25rem;appearance:none}:root[dir=ltr] .excalidraw .color-picker-input{border-radius:0 var(--border-radius-lg) var(--border-radius-lg) 0}:root[dir=rtl] .excalidraw .color-picker-input{border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg);border-left:1px solid var(--default-border-color);border-right:0}.excalidraw .color-picker-input:focus-visible{box-shadow:none}.excalidraw .color-picker-label-swatch-container{border:1px solid var(--default-border-color);border-radius:var(--border-radius-lg);width:var(--default-button-size);height:var(--default-button-size);box-sizing:border-box;overflow:hidden}.excalidraw .color-picker-label-swatch{display:flex;justify-content:center;align-items:center;padding:.625rem;width:var(--button-width, var(--default-button-size));height:var(--button-height, var(--default-button-size));box-sizing:border-box;border-width:1px;border-style:solid;border-color:var(--button-border, var(--default-border-color));border-radius:var(--border-radius-lg);cursor:pointer;background-color:var(--button-bg, var(--island-bg-color));color:var(--button-color, var(--color-on-surface));font-family:var(--ui-font);background-color:var(--swatch-color)!important;overflow:hidden;position:relative;filter:var(--theme-filter);border:0!important}.excalidraw .color-picker-label-swatch svg{width:var(--button-width, var(--lg-icon-size));height:var(--button-height, var(--lg-icon-size))}.excalidraw .color-picker-label-swatch:hover{background-color:var(--button-hover-bg, var(--island-bg-color));border-color:var(--button-hover-border, var(--button-border, var(--default-border-color)));color:var(--button-hover-color, var(--button-color, var(--text-primary-color, inherit)))}.excalidraw .color-picker-label-swatch:active{background-color:var(--button-active-bg, var(--island-bg-color));border-color:var(--button-active-border, var(--color-primary-darkest))}.excalidraw .color-picker-label-swatch.active{background-color:var(--button-selected-bg, var(--color-surface-primary-container));border-color:var(--button-selected-border, var(--color-surface-primary-container))}.excalidraw .color-picker-label-swatch.active:hover{background-color:var(--button-selected-hover-bg, var(--color-surface-primary-container))}.excalidraw .color-picker-label-swatch.active svg{color:var(--button-color, var(--color-on-primary-container))}.excalidraw .color-picker-label-swatch:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--swatch-color)}.excalidraw .color-picker-keybinding{position:absolute;bottom:2px;font-size:.7em}:root[dir=ltr] .excalidraw .color-picker-keybinding{right:2px}:root[dir=rtl] .excalidraw .color-picker-keybinding{left:2px}.excalidraw--mobile.excalidraw .color-picker-keybinding{display:none}.excalidraw .color-picker-type-canvasBackground .color-picker-keybinding{color:#aaa}.excalidraw .color-picker-type-elementBackground .color-picker-keybinding{color:#fff}.excalidraw .color-picker-swatch[aria-label=transparent] .color-picker-keybinding{color:#aaa}.excalidraw .color-picker-type-elementStroke .color-picker-keybinding{color:#d4d4d4}.excalidraw.theme--dark .color-picker-type-elementBackground .color-picker-keybinding,.excalidraw.theme--dark .color-picker-swatch[aria-label=transparent] .color-picker-keybinding{color:#000}.excalidraw .picker{padding:.5rem;background:var(--popup-bg-color);border:0 solid rgba(255,255,255,.25);box-shadow:var(--shadow-island);border-radius:4px;position:absolute}:root[dir=rtl] .excalidraw .picker{padding:.4rem}.excalidraw .picker-container button,.excalidraw .picker button{position:relative;display:flex;align-items:center;justify-content:center}.excalidraw .picker-container button:focus-visible,.excalidraw .picker button:focus-visible{outline:transparent;background-color:var(--button-gray-2)}.excalidraw .picker-container button:focus-visible svg,.excalidraw .picker button:focus-visible svg{opacity:1}.excalidraw .picker-container button:hover,.excalidraw .picker button:hover{background-color:var(--button-gray-2)}.excalidraw .picker-container button:active,.excalidraw .picker button:active{background-color:var(--button-gray-3)}.excalidraw .picker-container button:disabled,.excalidraw .picker button:disabled{cursor:not-allowed}.excalidraw .picker-container button svg,.excalidraw .picker button svg{margin:0;width:36px;height:18px;pointer-events:none}.excalidraw .picker button{padding:.25rem .28rem .35rem .25rem}.excalidraw .picker-content{display:grid;grid-template-columns:repeat(4,auto);grid-gap:.5rem;border-radius:4px}.excalidraw .picker-collapsible{font-size:.75rem;padding:.5rem 0}.excalidraw .picker-keybinding{position:absolute;bottom:2px;font-size:.7em;color:var(--keybinding-color)}:root[dir=ltr] .excalidraw .picker-keybinding{right:2px}:root[dir=rtl] .excalidraw .picker-keybinding{left:2px}.excalidraw--mobile.excalidraw .picker-keybinding{display:none}.excalidraw .picker-type-canvasBackground .picker-keybinding{color:#aaa}.excalidraw .picker-type-elementBackground .picker-keybinding{color:#fff}.excalidraw .picker-swatch[aria-label=transparent] .picker-keybinding{color:#aaa}.excalidraw .picker-type-elementStroke .picker-keybinding{color:#d4d4d4}.excalidraw.theme--dark .picker-type-elementBackground .picker-keybinding,.excalidraw.theme--dark .picker-swatch[aria-label=transparent] .picker-keybinding{color:#000}.excalidraw{--list-border-color: var(--color-gray-20)}.excalidraw .QuickSearch__wrapper{position:relative;height:2.6rem;border-bottom:1px solid var(--list-border-color)}.excalidraw .QuickSearch__wrapper svg{position:absolute;top:47.5%;transform:translateY(-50%);left:.75rem;width:1.25rem;height:1.25rem;color:var(--color-gray-40);z-index:1}.excalidraw.theme--dark{--list-border-color: var(--color-gray-80)}.excalidraw.theme--dark .QuickSearch__wrapper{border-bottom:none}.excalidraw .QuickSearch__input{position:absolute;top:0;left:0;width:100%;box-sizing:border-box;border:0!important;font-size:.875rem;padding-left:2.5rem!important;padding-right:.75rem!important}.excalidraw .QuickSearch__input::placeholder{color:var(--color-gray-40)}.excalidraw .QuickSearch__input:focus{box-shadow:none!important}.excalidraw .ScrollableList__wrapper{position:static!important;border:none;font-size:.875rem;overflow-y:auto}.excalidraw .ScrollableList__wrapper>.empty,.excalidraw .ScrollableList__wrapper>.hint{display:flex;justify-content:center;align-items:center;padding:.5rem;font-size:.75rem;color:var(--color-gray-60);overflow:hidden;text-align:center;line-height:150%}.excalidraw .FontPicker__container{display:grid;grid-template-columns:calc(1rem + 3 * var(--default-button-size)) 1rem 1fr;align-items:center}.excalidraw--mobile.excalidraw .FontPicker__container{max-width:calc(2rem + 4 * var(--default-button-size))}.excalidraw{--slider-thumb-size: 16px}.excalidraw .range-wrapper{position:relative;padding-top:10px;padding-bottom:30px}.excalidraw .range-input{width:100%;height:4px;-webkit-appearance:none;background:var(--color-slider-track);border-radius:2px;outline:none}.excalidraw .range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--slider-thumb-size);height:var(--slider-thumb-size);background:var(--color-slider-thumb);border-radius:50%;cursor:pointer;border:none}.excalidraw .range-input::-moz-range-thumb{width:var(--slider-thumb-size);height:var(--slider-thumb-size);background:var(--color-slider-thumb);border-radius:50%;cursor:pointer;border:none}.excalidraw .value-bubble{position:absolute;bottom:0;transform:translate(-50%);font-size:12px;color:var(--text-primary-color)}.excalidraw .zero-label{position:absolute;bottom:0;left:4px;font-size:12px;color:var(--text-primary-color)}.excalidraw-tooltip{--ui-font: Assistant, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;font-family:var(--ui-font);position:fixed;z-index:var(--zIndex-popup);padding:8px;border-radius:6px;box-sizing:border-box;pointer-events:none;word-wrap:break-word;background:#000;line-height:1.5;text-align:center;font-size:13px;font-weight:500;color:#fff;display:none}.excalidraw-tooltip.excalidraw-tooltip--visible{display:block}.excalidraw-tooltip-wrapper{display:flex}.excalidraw-tooltip-icon{width:.9em;height:.9em;margin-left:5px;margin-top:1px;display:flex}.excalidraw--mobile.excalidraw-tooltip-icon{display:none}.excalidraw .TextInput{display:inline-block}.ProjectName{margin:auto;display:flex;align-items:center}.ProjectName .TextInput{height:calc(1rem - 3px);width:200px;overflow:hidden;text-align:center;margin-left:8px;text-overflow:ellipsis}.ProjectName .TextInput--readonly{background:none;border:none;width:auto;max-width:200px;padding-left:2px}.ProjectName .TextInput--readonly:hover{background:none}.excalidraw .Checkbox{margin:4px .3em;display:flex;align-items:center;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}.excalidraw .Checkbox:hover:not(.is-checked) .Checkbox-box:not(:focus){box-shadow:0 0 0 2px #4dabf7}.excalidraw .Checkbox:hover:not(.is-checked) .Checkbox-box:not(:focus) svg{display:block;opacity:.3}.excalidraw .Checkbox:active .Checkbox-box{box-shadow:0 0 2px 1px inset #1c7ed6!important}.excalidraw .Checkbox:hover .Checkbox-box{background-color:#d0ebff33}.excalidraw .Checkbox.is-checked .Checkbox-box{background-color:#d0ebff}.excalidraw .Checkbox.is-checked .Checkbox-box svg{display:block}.excalidraw .Checkbox.is-checked:hover .Checkbox-box{background-color:#a5d8ff}.excalidraw .Checkbox .Checkbox-box{width:22px;height:22px;padding:0;flex:0 0 auto;margin:0 1em;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #1c7ed6;background-color:transparent;border-radius:4px;color:#1c7ed6;border:0}.excalidraw .Checkbox .Checkbox-box:focus{box-shadow:0 0 0 3px #1c7ed6}.excalidraw .Checkbox .Checkbox-box svg{display:none;width:16px;height:16px;stroke-width:3px}.excalidraw .Checkbox .Checkbox-label{display:flex;align-items:center}.excalidraw .Checkbox .excalidraw-tooltip-icon{width:1em;height:1em}.excalidraw .Avatar{width:var(--avatar-size, 1.5rem);height:var(--avatar-size, 1.5rem);position:relative;border-radius:100%;outline-offset:2px;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:.75rem;font-weight:700;line-height:1;color:var(--color-gray-90);flex:0 0 auto}.excalidraw .Avatar:active{transform:scale(.94)}.excalidraw .Avatar-img{width:100%;height:100%;border-radius:100%}.excalidraw .Avatar:before{content:"";position:absolute;inset:-3px;border-radius:100%}.excalidraw .Avatar.is-followed:before{border-color:var(--color-primary-hover);box-shadow:0 0 0 1px var(--color-primary-hover)}.excalidraw .Avatar.is-current-user{cursor:auto}.excalidraw-hyperlinkContainer{display:flex;align-items:center;justify-content:space-between;position:absolute;box-shadow:0 2px 4px #0000004d;z-index:var(--zIndex-hyperlinkContainer);background:var(--island-bg-color);border-radius:var(--border-radius-md);box-sizing:border-box;min-height:42px}.excalidraw-hyperlinkContainer-input,.excalidraw-hyperlinkContainer button{z-index:100}.excalidraw-hyperlinkContainer-input,.excalidraw-hyperlinkContainer-link{height:24px;padding:0 8px;line-height:24px;font-size:.9rem;font-weight:500;font-family:var(--ui-font)}.excalidraw-hyperlinkContainer-input{width:18rem;background-color:transparent;color:var(--text-primary-color);outline:none;border:none;box-shadow:none!important}.excalidraw-hyperlinkContainer-link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:15rem}.excalidraw-hyperlinkContainer button{color:#228be6;background-color:transparent!important;font-weight:500}.excalidraw-hyperlinkContainer button.excalidraw-hyperlinkContainer--remove{color:#c92a2a}.excalidraw-hyperlinkContainer--remove .ToolIcon__icon svg{color:#fa5252}.excalidraw-hyperlinkContainer .ToolIcon__icon{width:2rem;height:2rem}.excalidraw-hyperlinkContainer__buttons{flex:0 0 auto}.excalidraw .Dialog{user-select:text;cursor:auto}.excalidraw .Dialog__title{margin:0;text-align:left;font-size:1.25rem;border-bottom:1px solid var(--dialog-border-color);padding:0 0 .75rem;margin-bottom:1.5rem}.excalidraw .Dialog__close{color:var(--color-gray-40);margin:0;position:absolute;top:.75rem;right:.5rem;border:0;background-color:transparent;line-height:0;cursor:pointer}.excalidraw .Dialog__close:hover{color:var(--color-gray-60)}.excalidraw .Dialog__close:active{color:var(--color-gray-40)}.excalidraw .Dialog__close svg{width:1.5rem;height:1.5rem}.excalidraw .Dialog__close+.Dialog__content{--offset: 28px;height:calc(100% - var(--offset))!important;margin-top:var(--offset)!important}.excalidraw .Dialog--fullscreen .Dialog__close{top:1.25rem;right:1.25rem}.excalidraw.excalidraw-modal-container{position:absolute;z-index:var(--zIndex-modal)}.excalidraw .Modal{position:absolute;inset:0;align-items:center;justify-content:center;overflow:auto;padding:calc(var(--space-factor) * 10);display:flex;flex-direction:column}.excalidraw .Modal .Island{padding:2.5rem;border:0;box-shadow:none;border-radius:0}.excalidraw .Modal.animations-disabled .Modal__background{animation:none}.excalidraw .Modal.animations-disabled .Modal__content{animation:none;opacity:1}.excalidraw .Modal__background{position:fixed;inset:0;z-index:1;background-color:#12121233;animation:Modal__background__fade-in .1s linear forwards}.excalidraw .Modal__content{z-index:2;width:100%;max-width:var(--max-width);max-height:100%;opacity:0;transform:translateY(10px);animation:Modal__content_fade-in 25ms ease-out 0s forwards;position:relative;overflow-y:auto;background:var(--island-bg-color);border:1px solid var(--dialog-border-color);box-shadow:var(--modal-shadow);border-radius:.75rem;box-sizing:border-box}.excalidraw .Modal__content:focus{outline:none}@keyframes Modal__background__fade-in{0%{opacity:0}to{opacity:1}}@keyframes Modal__content_fade-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.excalidraw .Modal__close{color:var(--icon-fill-color);margin:0;padding:.375rem;position:absolute;top:1rem;right:1rem;border:0;background-color:transparent;line-height:0;cursor:pointer}.excalidraw .Modal__close svg{width:1.5rem;height:1.5rem}.excalidraw .Dialog--fullscreen .Modal{padding:0}.excalidraw .Dialog--fullscreen .Modal__content{position:absolute;inset:0;max-width:100%;border:0;border-radius:0}.excalidraw .Stack{--gap: 0;display:grid;gap:calc(var(--space-factor) * var(--gap))}.excalidraw .Stack_vertical{grid-template-columns:auto;grid-auto-flow:row;grid-auto-rows:min-content}.excalidraw .Stack_horizontal{grid-template-rows:auto;grid-auto-flow:column;grid-auto-columns:min-content}.excalidraw .confirm-dialog-buttons{display:flex;column-gap:.5rem;justify-content:flex-end}.excalidraw .Dialog__action-button{position:relative;display:flex;column-gap:.5rem;align-items:center;padding:.5rem 1.5rem;border:1px solid var(--default-border-color);background-color:transparent;height:3rem;border-radius:var(--border-radius-lg);letter-spacing:.4px;color:inherit;font-family:inherit;font-size:.875rem;font-weight:600;user-select:none}.excalidraw .Dialog__action-button svg{display:block;width:1rem;height:1rem}.excalidraw .Dialog__action-button--danger{background-color:var(--color-danger);border-color:var(--color-danger);color:#fff}.excalidraw .Dialog__action-button--primary{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.excalidraw.theme--dark .Dialog__action-button--danger,.excalidraw.theme--dark .Dialog__action-button--primary{color:var(--color-gray-100)}.excalidraw .publish-library__fields{display:flex;flex-direction:column}.excalidraw .publish-library__fields label{padding:1em 0;display:flex;justify-content:space-between;align-items:center}.excalidraw .publish-library__fields label span{font-weight:500;font-size:1rem;color:#868e96}.excalidraw .publish-library__fields label input,.excalidraw .publish-library__fields label textarea{width:70%;padding:.6em;font-family:var(--ui-font)}.excalidraw .publish-library__fields label .required{color:#e03131;margin:.2rem}.excalidraw .publish-library__buttons{display:flex;padding:.2rem 0;justify-content:flex-end;gap:.5rem}.excalidraw .publish-library__buttons .ToolIcon__icon{min-width:2.5rem;width:auto;font-size:1rem}.excalidraw .publish-library__buttons .ToolIcon_type_button{margin-left:1rem;padding:0 .5rem}.excalidraw .publish-library__buttons--confirm.ToolIcon_type_button{background-color:#228be6}.excalidraw .publish-library__buttons--confirm.ToolIcon_type_button:hover{background-color:#1971c2}.excalidraw .publish-library__buttons--cancel.ToolIcon_type_button{background-color:#adb5bd}.excalidraw .publish-library__buttons--cancel.ToolIcon_type_button:hover{background-color:#868e96}.excalidraw .publish-library__buttons .ToolIcon__icon{color:#fff}.excalidraw .publish-library__buttons .ToolIcon__icon .Spinner{--spinner-color: #fff}.excalidraw .publish-library__buttons .ToolIcon__icon .Spinner svg{padding:.5rem}.excalidraw .publish-library .selected-library-items{display:flex;flex-wrap:wrap}.excalidraw .publish-library .selected-library-items .single-library-item-wrapper{width:9rem}.excalidraw .publish-library-warning{color:#fa5252}.excalidraw .publish-library-note{padding:1em 0;font-style:italic;font-size:14px;display:block}.excalidraw .single-library-item{position:relative}.excalidraw .single-library-item-status{position:absolute;top:.3rem;left:.3rem;font-size:.7rem;color:#f03e3e;background:#ffffffe6;padding:.1rem .2rem;border-radius:.2rem}.excalidraw .single-library-item__svg{background-color:#fff;padding:.3rem;width:7.5rem;height:7.5rem;border:1px solid var(--button-gray-2)}.excalidraw .single-library-item__svg svg{width:100%;height:100%}.excalidraw .single-library-item .ToolIcon__icon{background-color:#fff;width:auto;height:auto;margin:0 .5rem}.excalidraw .single-library-item .ToolIcon,.excalidraw .single-library-item .ToolIcon_type_button:hover{background-color:#fff}.excalidraw .single-library-item .required,.excalidraw .single-library-item .error{color:#e03131;font-weight:700;font-size:1rem;margin:.2rem}.excalidraw .single-library-item .error{font-weight:500;margin:0;padding:.3em 0}.excalidraw .single-library-item--remove{position:absolute;top:.2rem;right:1rem}.excalidraw .single-library-item--remove .ToolIcon__icon{margin:0}.excalidraw .single-library-item--remove .ToolIcon__icon{background-color:#fa5252}.excalidraw .single-library-item--remove .ToolIcon__icon:hover{background-color:#f03e3e}.excalidraw .single-library-item--remove .ToolIcon__icon:active{background-color:#e03131}.excalidraw .single-library-item--remove svg{color:#fff;padding:.26rem;border-radius:.3em;width:1rem;height:1rem}.excalidraw .dropdown-menu{position:absolute;top:100%;margin-top:.5rem}.excalidraw .dropdown-menu--mobile{left:0;width:100%;row-gap:.75rem}.excalidraw .dropdown-menu--mobile .dropdown-menu-container{padding:8px;box-sizing:border-box;box-shadow:var(--shadow-island);border-radius:var(--border-radius-lg);position:relative;transition:box-shadow .5s ease-in-out}.excalidraw .dropdown-menu--mobile .dropdown-menu-container.zen-mode{box-shadow:none}.excalidraw .dropdown-menu .dropdown-menu-container{background-color:var(--island-bg-color);max-height:calc(100vh - 150px);overflow-y:auto;--gap: 2}.excalidraw .dropdown-menu .dropdown-menu-item-base{display:flex;column-gap:.625rem;font-size:.875rem;color:var(--color-on-surface);width:100%;box-sizing:border-box;font-weight:400;font-family:inherit}.excalidraw .dropdown-menu.manual-hover .dropdown-menu-item:hover{background-color:transparent}.excalidraw .dropdown-menu.manual-hover .dropdown-menu-item--hovered{background-color:var(--button-hover-bg)!important}.excalidraw .dropdown-menu.manual-hover .dropdown-menu-item--selected{background-color:var(--color-primary-light)!important}.excalidraw .dropdown-menu.fonts{margin-top:1rem;max-height:calc(7*(2rem + 2px) + 3.95rem)}@media screen and (min-width: 1921px){.excalidraw .dropdown-menu.fonts{max-height:calc(7*(2.25rem + 2px) + 3.95rem)}}.excalidraw .dropdown-menu.fonts .dropdown-menu-item-base{display:inline-flex}.excalidraw .dropdown-menu.fonts .dropdown-menu-group:not(:first-child){margin-top:1rem}.excalidraw .dropdown-menu.fonts .dropdown-menu-group-title{font-size:.75rem;text-align:left;font-weight:400;margin:0 0 .5rem;line-height:1.3}.excalidraw .dropdown-menu .dropdown-menu-item{height:2rem;margin:1px;padding:0 .5rem;width:calc(100% - 2px);background-color:transparent;border:1px solid transparent;align-items:center;cursor:pointer;border-radius:var(--border-radius-md)}@media screen and (min-width: 1921px){.excalidraw .dropdown-menu .dropdown-menu-item{height:2.25rem}}.excalidraw .dropdown-menu .dropdown-menu-item__text{display:flex;align-items:center;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;gap:.75rem}.excalidraw .dropdown-menu .dropdown-menu-item__shortcut{margin-inline-start:auto;opacity:.5}.excalidraw .dropdown-menu .dropdown-menu-item__shortcut--orphaned{text-align:right;font-size:.875rem;padding:0 .625rem}.excalidraw .dropdown-menu .dropdown-menu-item--selected{background:var(--color-primary-light);--icon-fill-color: var(--color-primary-darker)}.excalidraw .dropdown-menu .dropdown-menu-item:hover{background-color:var(--button-hover-bg);text-decoration:none}.excalidraw .dropdown-menu .dropdown-menu-item:active{background-color:var(--button-hover-bg);border-color:var(--color-brand-active)}.excalidraw .dropdown-menu .dropdown-menu-item svg{width:1rem;height:1rem;display:block}.excalidraw .dropdown-menu .dropdown-menu-item-bare{align-items:center;height:2rem;justify-content:space-between}@media screen and (min-width: 1921px){.excalidraw .dropdown-menu .dropdown-menu-item-bare{height:2.25rem}}.excalidraw .dropdown-menu .dropdown-menu-item-bare svg{width:1rem;height:1rem;display:block}.excalidraw .dropdown-menu .dropdown-menu-item-custom{margin-top:.5rem}.excalidraw .dropdown-menu .dropdown-menu-group-title{font-size:14px;text-align:left;margin:10px 0;font-weight:500}.excalidraw .dropdown-menu-button{display:flex;justify-content:center;align-items:center;padding:.625rem;width:var(--button-width, var(--default-button-size));height:var(--button-height, var(--default-button-size));box-sizing:border-box;border-width:1px;border-style:solid;border-color:var(--button-border, var(--default-border-color));border-radius:var(--border-radius-lg);cursor:pointer;background-color:var(--button-bg, var(--island-bg-color));color:var(--button-color, var(--color-on-surface));font-family:var(--ui-font);width:var(--lg-button-size);height:var(--lg-button-size);--background: var(--color-surface-mid);background-color:var(--background)}.excalidraw .dropdown-menu-button svg{width:var(--button-width, var(--lg-icon-size));height:var(--button-height, var(--lg-icon-size))}.excalidraw .dropdown-menu-button:hover{background-color:var(--button-hover-bg, var(--island-bg-color));border-color:var(--button-hover-border, var(--button-border, var(--default-border-color)));color:var(--button-hover-color, var(--button-color, var(--text-primary-color, inherit)))}.excalidraw .dropdown-menu-button:active{background-color:var(--button-active-bg, var(--island-bg-color));border-color:var(--button-active-border, var(--color-primary-darkest))}.excalidraw .dropdown-menu-button.active{background-color:var(--button-selected-bg, var(--color-surface-primary-container));border-color:var(--button-selected-border, var(--color-surface-primary-container))}.excalidraw .dropdown-menu-button.active:hover{background-color:var(--button-selected-hover-bg, var(--color-surface-primary-container))}.excalidraw .dropdown-menu-button.active svg{color:var(--button-color, var(--color-on-primary-container))}.excalidraw.theme--dark.excalidraw .dropdown-menu-button{--background: var(--color-surface-high)}.excalidraw.theme--dark.excalidraw .dropdown-menu-button:hover{--background: #363541}.excalidraw .dropdown-menu-button:hover{--background: var(--color-surface-high);background-color:var(--background);text-decoration:none}.excalidraw .dropdown-menu-button:active{border-color:var(--color-primary)}.excalidraw .dropdown-menu-button svg{width:var(--lg-icon-size);height:var(--lg-icon-size)}.excalidraw .dropdown-menu-button--mobile{border:none;margin:0;padding:0;width:var(--default-button-size);height:var(--default-button-size)}.excalidraw .library-unit{align-items:center;border:1px solid transparent;display:flex;justify-content:center;position:relative;width:55px;height:55px;box-sizing:border-box;border-radius:var(--border-radius-lg)}.excalidraw .library-unit svg{pointer-events:none}.excalidraw .library-unit--hover{border-color:var(--color-primary)}.excalidraw .library-unit--selected{border-color:var(--color-primary);border-width:1px}.excalidraw .library-unit--skeleton{opacity:.5;background:linear-gradient(-45deg,var(--color-gray-10),var(--color-gray-20),var(--color-gray-10));background-size:200% 200%;animation:library-unit__skeleton-opacity-animation .2s linear}.excalidraw.theme--dark .library-unit--skeleton{background-image:linear-gradient(-45deg,var(--color-gray-100),var(--color-gray-80),var(--color-gray-100))}.excalidraw .library-unit__dragger{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.excalidraw .library-unit__dragger>svg{filter:var(--theme-filter);flex-grow:1;max-height:100%;max-width:100%}.excalidraw .library-unit__checkbox-container,.excalidraw .library-unit__checkbox-container:hover,.excalidraw .library-unit__checkbox-container:active{align-items:center;background:none;border:none;color:var(--icon-fill-color);display:flex;justify-content:center;margin:0;padding:.5rem;position:absolute;left:2rem;bottom:2rem;cursor:pointer}.excalidraw .library-unit__checkbox-container input,.excalidraw .library-unit__checkbox-container:hover input,.excalidraw .library-unit__checkbox-container:active input{cursor:pointer}.excalidraw .library-unit__checkbox{position:absolute;top:.125rem;right:.125rem;margin:0}.excalidraw .library-unit__checkbox .Checkbox-box{margin:0;width:1rem;height:1rem;border-radius:4px;background-color:var(--color-primary-light);border:1px solid var(--color-primary);box-shadow:none!important;padding:2px}.excalidraw .library-unit__checkbox.Checkbox:hover .Checkbox-box{background-color:var(--color-primary-light)}.excalidraw .library-unit__checkbox.is-checked .Checkbox-box{background-color:var(--color-primary)!important}.excalidraw .library-unit__checkbox.is-checked .Checkbox-box svg{color:var(--color-primary-light)}.excalidraw .library-unit__removeFromLibrary>svg{height:16px;width:16px}.excalidraw .library-unit__adder{transform:scale(1);animation:library-unit__adder-animation 1s ease-in infinite;position:absolute;width:1.5rem;height:1.5rem;background-color:var(--color-primary);border-radius:var(--border-radius-md);display:flex;justify-content:center;align-items:center;pointer-events:none}.excalidraw .library-unit__adder svg{color:var(--color-primary-light);width:1rem;height:1rem}.excalidraw .library-unit:active .library-unit__adder{animation:none;transform:scale(.8)}.excalidraw .library-unit__active{cursor:pointer}@keyframes library-unit__adder-animation{0%{transform:scale(.85)}50%{transform:scale(1)}to{transform:scale(.85)}}@keyframes library-unit__skeleton-opacity-animation{0%{opacity:0}75%{opacity:0}to{opacity:.5}}.excalidraw{--container-padding-y: 1.5rem;--container-padding-x: .75rem}.excalidraw .library-menu-items__no-items{text-align:center;color:var(--color-gray-70);line-height:1.5;font-size:.875rem;width:100%}.excalidraw .library-menu-items__no-items__label{color:var(--color-primary);font-weight:700;font-size:1.125rem;margin-bottom:.75rem}.excalidraw.theme--dark .library-menu-items__no-items{color:var(--color-gray-40)}.excalidraw .library-menu-items-container{width:100%;display:flex;flex-grow:1;flex-shrink:1;flex-basis:0;overflow-y:auto;flex-direction:column;height:100%;justify-content:center;margin:0;position:relative}.excalidraw .library-menu-items-container>div{padding-left:.75rem;padding-right:.75rem}.excalidraw .library-menu-items-container__row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.excalidraw .library-menu-items-container__items{row-gap:.5rem;padding:var(--container-padding-y) 0;flex:1;overflow-y:auto;overflow-x:hidden;margin-bottom:1rem}.excalidraw .library-menu-items-container__header{color:var(--color-primary);font-size:1.125rem;font-weight:700;margin-bottom:.75rem;width:100%;padding-right:4rem;box-sizing:border-box}.excalidraw .library-menu-items-container__header--excal{margin-top:2rem}.excalidraw .library-menu-items-container__grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:1rem}.excalidraw .library-menu-items-container .separator{width:100%;display:flex;align-items:center;font-weight:500;font-size:.9rem;margin:.6em .2em;color:var(--text-primary-color)}.excalidraw .library-menu-items-private-library-container{min-height:3.75rem;width:100%}.excalidraw .layer-ui__library{display:flex;flex-direction:column;flex:1 1 auto}.excalidraw .library-actions-counter{background-color:var(--color-primary);color:var(--color-primary-light);font-weight:700;display:flex;align-items:center;justify-content:center;border-radius:50%;width:1rem;height:1rem;position:absolute;bottom:-.25rem;right:-.25rem;font-size:.625rem;pointer-events:none}.excalidraw .layer-ui__library-message{padding:2rem;min-width:200px;display:flex;flex-direction:column;align-items:center;flex-grow:1;justify-content:center}.excalidraw .layer-ui__library-message span{font-size:.8em}.excalidraw .publish-library-success .Dialog__content{display:flex;flex-direction:column}.excalidraw .publish-library-success-close.ToolIcon_type_button{background-color:#228be6;align-self:flex-end}.excalidraw .publish-library-success-close.ToolIcon_type_button:hover{background-color:#1971c2}.excalidraw .publish-library-success-close.ToolIcon_type_button .ToolIcon__icon{width:auto;font-size:1rem;color:#fff;padding:0 .5rem}.excalidraw .library-menu-control-buttons{display:flex;align-items:center;justify-content:center;gap:.625rem;position:relative}.excalidraw .library-menu-control-buttons--at-bottom:before{content:"";width:calc(100% - 1.5rem);height:1px;position:absolute;top:-1px;background:var(--sidebar-border-color)}.excalidraw .library-menu-browse-button{flex:1;height:var(--lg-button-size);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;border-radius:var(--border-radius-lg);background-color:var(--color-primary);color:#fff;text-align:center;white-space:nowrap;text-decoration:none!important;font-weight:600;font-size:.75rem}.excalidraw .library-menu-browse-button:hover{background-color:var(--color-brand-hover)}.excalidraw .library-menu-browse-button:active{background-color:var(--color-brand-active)}.excalidraw.theme--dark .library-menu-browse-button{color:var(--color-gray-100)}.excalidraw.excalidraw--mobile .library-menu-browse-button{height:var(--default-button-size)}.excalidraw .layer-ui__library .dropdown-menu{width:auto;top:initial;right:0;left:initial;bottom:100%;margin-bottom:.625rem}.excalidraw .layer-ui__library .dropdown-menu .dropdown-menu-container{width:196px;box-shadow:var(--library-dropdown-shadow);border-radius:var(--border-radius-lg);padding:.25rem .5rem}.excalidraw .layer-ui__library .library-menu-dropdown-container{position:relative}.excalidraw .layer-ui__library .library-menu-dropdown-container--in-heading{padding:0;position:absolute;top:1rem;right:.75rem;z-index:1}.excalidraw .layer-ui__library .library-menu-dropdown-container--in-heading .dropdown-menu{top:100%}.excalidraw{--ExcTextField--color: var(--color-on-surface);--ExcTextField--label-color: var(--color-on-surface);--ExcTextField--background: var(--color-surface-low);--ExcTextField--readonly--background: var(--color-surface-high);--ExcTextField--readonly--color: var(--color-on-surface);--ExcTextField--border: var(--color-gray-20);--ExcTextField--readonly--border: var(--color-border-outline-variant);--ExcTextField--border-hover: var(--color-brand-hover);--ExcTextField--border-active: var(--color-brand-active);--ExcTextField--placeholder: var(--color-border-outline-variant)}.excalidraw .ExcTextField{position:relative}.excalidraw .ExcTextField svg{position:absolute;top:50%;transform:translateY(-50%);left:.75rem;width:1.25rem;height:1.25rem;color:var(--color-gray-40);z-index:1}.excalidraw .ExcTextField--fullWidth{width:100%;flex-grow:1}.excalidraw .ExcTextField__label{font-family:Assistant;font-style:normal;font-weight:600;font-size:.875rem;line-height:150%;color:var(--ExcTextField--label-color);margin-bottom:.25rem;user-select:none}.excalidraw .ExcTextField__input{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;height:3rem;background:var(--ExcTextField--background);border:1px solid var(--ExcTextField--border);border-radius:.5rem;padding:0 .75rem}.excalidraw .ExcTextField__input:not(.excalidraw .ExcTextField__input--readonly):hover{border-color:var(--ExcTextField--border-hover)}.excalidraw .ExcTextField__input:not(.excalidraw .ExcTextField__input--readonly):active,.excalidraw .ExcTextField__input:not(.excalidraw .ExcTextField__input--readonly):focus-within{border-color:var(--ExcTextField--border-active)}.excalidraw .ExcTextField__input input{display:flex;align-items:center;border:none;outline:none;padding:0;margin:0;height:1.5rem;color:var(--ExcTextField--color);font-family:Assistant;font-style:normal;font-weight:400;font-size:1rem;line-height:150%;text-overflow:ellipsis;background:transparent;width:100%}.excalidraw .ExcTextField__input input:not(:focus):hover{background-color:initial}.excalidraw .ExcTextField__input input:focus{outline:initial;box-shadow:initial}.excalidraw .ExcTextField__input--readonly{background:var(--ExcTextField--readonly--background);border-color:var(--ExcTextField--readonly--border)}.excalidraw .ExcTextField__input--readonly input{color:var(--ExcTextField--readonly--color)}.excalidraw .ExcTextField--hasIcon .ExcTextField__input{padding-left:2.5rem}.excalidraw .excalidraw-button{display:flex;justify-content:center;align-items:center;padding:.625rem;width:var(--button-width, var(--default-button-size));height:var(--button-height, var(--default-button-size));box-sizing:border-box;border-width:1px;border-style:solid;border-color:var(--button-border, var(--default-border-color));border-radius:var(--border-radius-lg);cursor:pointer;background-color:var(--button-bg, var(--island-bg-color));color:var(--button-color, var(--color-on-surface));font-family:var(--ui-font)}.excalidraw .excalidraw-button svg{width:var(--button-width, var(--lg-icon-size));height:var(--button-height, var(--lg-icon-size))}.excalidraw .excalidraw-button:hover{background-color:var(--button-hover-bg, var(--island-bg-color));border-color:var(--button-hover-border, var(--button-border, var(--default-border-color)));color:var(--button-hover-color, var(--button-color, var(--text-primary-color, inherit)))}.excalidraw .excalidraw-button:active{background-color:var(--button-active-bg, var(--island-bg-color));border-color:var(--button-active-border, var(--color-primary-darkest))}.excalidraw .excalidraw-button.active{background-color:var(--button-selected-bg, var(--color-surface-primary-container));border-color:var(--button-selected-border, var(--color-surface-primary-container))}.excalidraw .excalidraw-button.active:hover{background-color:var(--button-selected-hover-bg, var(--color-surface-primary-container))}.excalidraw .excalidraw-button.active svg{color:var(--button-color, var(--color-on-primary-container))}.zoom-actions,.undo-redo-buttons{background-color:var(--island-bg-color);border-radius:var(--border-radius-lg);box-shadow:0 0 0 1px var(--color-surface-lowest)}.zoom-button,.undo-redo-buttons button{border-radius:0!important;background-color:var(--color-surface-low)!important;font-size:.875rem!important;width:var(--lg-button-size);height:var(--lg-button-size)}.zoom-button svg,.undo-redo-buttons button svg{width:var(--lg-icon-size)!important;height:var(--lg-icon-size)!important}.zoom-button .ToolIcon__icon,.undo-redo-buttons button .ToolIcon__icon{width:100%;height:100%}.reset-zoom-button{border-left:0!important;border-right:0!important;padding:0 .625rem!important;width:3.75rem!important;justify-content:center;color:var(--text-primary-color)}.zoom-out-button{border-top-left-radius:var(--border-radius-lg)!important;border-bottom-left-radius:var(--border-radius-lg)!important}:root[dir=rtl] .zoom-out-button{transform:scaleX(-1)}.zoom-out-button .ToolIcon__icon{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.zoom-in-button{border-top-right-radius:var(--border-radius-lg)!important;border-bottom-right-radius:var(--border-radius-lg)!important}:root[dir=rtl] .zoom-in-button{transform:scaleX(-1)}.zoom-in-button .ToolIcon__icon{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.undo-redo-buttons .undo-button-container button{border-top-left-radius:var(--border-radius-lg)!important;border-bottom-left-radius:var(--border-radius-lg)!important;border-right:0!important}:root[dir=rtl] .undo-redo-buttons .undo-button-container button{transform:scaleX(-1)}.undo-redo-buttons .undo-button-container button .ToolIcon__icon{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.undo-redo-buttons .redo-button-container button{border-top-right-radius:var(--border-radius-lg)!important;border-bottom-right-radius:var(--border-radius-lg)!important}:root[dir=rtl] .undo-redo-buttons .redo-button-container button{transform:scaleX(-1)}.undo-redo-buttons .redo-button-container button .ToolIcon__icon{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.excalidraw .command-palette-dialog{user-select:none}.excalidraw .command-palette-dialog .Modal__content{height:auto;max-height:100%}@media screen and (min-width: 861px){.excalidraw .command-palette-dialog .Modal__content{max-height:750px;height:100%}}.excalidraw .command-palette-dialog .Modal__content .Island{height:100%;padding:1.5rem}.excalidraw .command-palette-dialog .Modal__content .Dialog__content{height:100%;display:flex;flex-direction:column}.excalidraw .command-palette-dialog .shortcuts-wrapper{display:flex;justify-content:center;align-items:center;margin-top:12px;gap:1.5rem}.excalidraw .command-palette-dialog .shortcut{display:flex;justify-content:center;align-items:center;height:16px;font-size:10px;gap:.25rem}.excalidraw .command-palette-dialog .shortcut .shortcut-wrapper{display:flex}.excalidraw .command-palette-dialog .shortcut .shortcut-plus{margin:0 4px}.excalidraw .command-palette-dialog .shortcut .shortcut-key{padding:0 4px;height:16px;border-radius:4px;display:flex;justify-content:center;align-items:center;background-color:var(--color-primary-light)}.excalidraw .command-palette-dialog .shortcut .shortcut-desc{margin-left:4px;color:var(--color-gray-50)}.excalidraw .command-palette-dialog .commands{overflow-y:auto;box-sizing:border-box;margin-top:12px;color:var(--popup-text-color);user-select:none}.excalidraw .command-palette-dialog .commands .command-category{display:flex;flex-direction:column;padding:12px 0;margin-right:.25rem}.excalidraw .command-palette-dialog .commands .command-category-title{font-size:1rem;font-weight:600;margin-bottom:6px;display:flex;align-items:center}.excalidraw .command-palette-dialog .commands .command-item{color:var(--popup-text-color);height:2.5rem;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;padding:0 .5rem;border-radius:var(--border-radius-lg);cursor:pointer}.excalidraw .command-palette-dialog .commands .command-item:active{background-color:var(--color-surface-low)}.excalidraw .command-palette-dialog .commands .command-item .name{display:flex;align-items:center;gap:.25rem}.excalidraw .command-palette-dialog .commands .item-selected{background-color:var(--color-surface-mid)}.excalidraw .command-palette-dialog .commands .item-disabled{opacity:.3;cursor:not-allowed}.excalidraw .command-palette-dialog .commands .no-match{display:flex;justify-content:center;align-items:center;margin-top:36px}.excalidraw .command-palette-dialog .icon{width:16px;height:16px;margin-right:6px}.excalidraw .popover{position:absolute;z-index:10;padding:5px 0;outline:none}.excalidraw .context-menu{position:relative;border-radius:4px;box-shadow:0 3px 10px #0003;padding:0;list-style:none;user-select:none;margin:-.25rem 0 0 .125rem;padding:.5rem 0;background-color:var(--popup-secondary-bg-color);border:1px solid var(--button-gray-3);cursor:default}.excalidraw .context-menu button{color:var(--popup-text-color)}.excalidraw .context-menu-item{position:relative;width:100%;min-width:9.5rem;margin:0;padding:.25rem 1rem .25rem 1.25rem;text-align:start;border-radius:0;background-color:transparent;border:none;white-space:nowrap;font-family:inherit;display:grid;grid-template-columns:1fr .2fr;align-items:center}.excalidraw .context-menu-item.checkmark:before{position:absolute;left:6px;margin-bottom:1px;content:"\2713"}.excalidraw .context-menu-item.dangerous .context-menu-item__label{color:#f03e3e}.excalidraw .context-menu-item .context-menu-item__label{justify-self:start;margin-inline-end:20px}.excalidraw .context-menu-item .context-menu-item__shortcut{justify-self:end;opacity:.6;font-family:inherit;font-size:.7rem}.excalidraw .context-menu-item:hover{color:var(--popup-bg-color);background-color:var(--select-highlight-color)}.excalidraw .context-menu-item:hover.dangerous{background-color:#fa5252}.excalidraw .context-menu-item:hover.dangerous .context-menu-item__label{color:var(--popup-bg-color)}.excalidraw .context-menu-item:focus{z-index:1}.excalidraw--mobile.excalidraw .context-menu-item{display:block}.excalidraw--mobile.excalidraw .context-menu-item .context-menu-item__label{margin-inline-end:0}.excalidraw--mobile.excalidraw .context-menu-item .context-menu-item__shortcut{display:none}.excalidraw .context-menu-item-separator{border:none;border-top:1px solid #adb5bd}.excalidraw{--RadioGroup-background: var(--island-bg-color);--RadioGroup-border: var(--color-surface-high);--RadioGroup-choice-color-off: var(--color-primary);--RadioGroup-choice-color-off-hover: var(--color-brand-hover);--RadioGroup-choice-background-off: var(--island-bg-color);--RadioGroup-choice-background-off-active: var(--color-surface-high);--RadioGroup-choice-color-on: var(--color-surface-lowest);--RadioGroup-choice-background-on: var(--color-primary);--RadioGroup-choice-background-on-hover: var(--color-brand-hover);--RadioGroup-choice-background-on-active: var(--color-brand-active)}.excalidraw .RadioGroup{box-sizing:border-box;display:flex;flex-direction:row;align-items:flex-start;padding:3px;border-radius:10px;background:var(--RadioGroup-background);border:1px solid var(--RadioGroup-border)}.excalidraw .RadioGroup__choice{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:24px;color:var(--RadioGroup-choice-color-off);background:var(--RadioGroup-choice-background-off);border-radius:8px;font-family:Assistant;font-style:normal;font-weight:600;font-size:.75rem;line-height:100%;user-select:none;letter-spacing:.4px;transition:all 75ms ease-out}.excalidraw .RadioGroup__choice:hover{color:var(--RadioGroup-choice-color-off-hover)}.excalidraw .RadioGroup__choice:active{background:var(--RadioGroup-choice-background-off-active)}.excalidraw .RadioGroup__choice.active{color:var(--RadioGroup-choice-color-on);background:var(--RadioGroup-choice-background-on)}.excalidraw .RadioGroup__choice.active:hover{background:var(--RadioGroup-choice-background-on-hover)}.excalidraw .RadioGroup__choice.active:active{background:var(--RadioGroup-choice-background-on-active)}.excalidraw .RadioGroup__choice input{z-index:1;position:absolute;width:100%;height:100%;margin:0;padding:0;border-radius:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.excalidraw{--Switch-disabled-color: var(--color-border-outline);--Switch-disabled-toggled-background: var(--color-border-outline-variant);--Switch-disabled-border: var(--color-border-outline-variant);--Switch-track-background: var(--island-bg-color);--Switch-thumb-background: var(--color-on-surface);--Switch-hover-background: var(--color-brand-hover);--Switch-active-background: var(--color-brand-active)}.excalidraw .Switch{position:relative;box-sizing:border-box;width:40px;height:20px;border-radius:12px;transition-property:background,border;transition-duration:.15s;transition-timing-function:ease-out;background:var(--Switch-track-background);border:1px solid var(--Switch-disabled-color)}.excalidraw .Switch:hover{background:var(--Switch-track-background);border:1px solid var(--Switch-hover-background)}.excalidraw .Switch:active{border:1px solid var(--Switch-active-background)}.excalidraw .Switch.toggled{background:var(--color-primary);border:1px solid var(--color-primary)}.excalidraw .Switch.toggled:hover{background:var(--color-primary-darker);border:1px solid var(--color-primary-darker)}.excalidraw .Switch.disabled{background:var(--Switch-track-background);border:1px solid var(--Switch-disabled-border)}.excalidraw .Switch.disabled.toggled{background:var(--Switch-disabled-toggled-background);border:1px solid var(--Switch-disabled-toggled-background)}.excalidraw .Switch:before{content:"";box-sizing:border-box;display:block;pointer-events:none;position:absolute;border-radius:100%;transition:all .15s ease-out;width:10px;height:10px;top:4px;left:4px;background:var(--Switch-thumb-background)}.excalidraw .Switch:active:before{width:12px}.excalidraw .Switch.toggled:before{width:14px;height:14px;left:22px;top:2px;background:var(--Switch-track-background)}.excalidraw .Switch.toggled:active:before{width:16px;left:20px}.excalidraw .Switch.disabled:before{background:var(--Switch-disabled-color)}.excalidraw .Switch.disabled.toggled:before{background:var(--Switch-disabled-color)}.excalidraw .Switch input{width:100%;height:100%;margin:0;border-radius:12px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.excalidraw .Switch input:disabled{cursor:unset}.excalidraw{--ImageExportModal-preview-border: #d6d6d6}.excalidraw.theme--dark{--ImageExportModal-preview-border: #5c5c5c}.excalidraw .ImageExportModal{display:flex;flex-direction:row;justify-content:space-between;user-select:none}.excalidraw .ImageExportModal h3{font-family:Assistant;font-style:normal;font-weight:700;font-size:1.313rem;line-height:130%;padding:0;margin:0}.excalidraw--mobile.excalidraw .ImageExportModal h3{display:none}.excalidraw .ImageExportModal>h3{display:none}.excalidraw--mobile.excalidraw .ImageExportModal>h3{display:block}.excalidraw--mobile.excalidraw .ImageExportModal{flex-direction:column;height:calc(100vh - 5rem)}.excalidraw .ImageExportModal__preview{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;height:360px;width:55%;margin-right:1.5rem}.excalidraw--mobile.excalidraw .ImageExportModal__preview{max-width:unset;margin-right:unset;width:100%;height:unset;flex-grow:1}.excalidraw .ImageExportModal__preview__filename>input{margin-top:1rem}.excalidraw .ImageExportModal__preview__canvas{box-sizing:border-box;width:100%;height:100%;display:flex;flex-grow:1;justify-content:center;align-items:center;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==) left center;border:1px solid var(--ImageExportModal-preview-border);border-radius:12px;overflow:hidden;padding:1rem}.excalidraw .ImageExportModal__preview__canvas>canvas{max-width:calc(100% - 2rem);max-height:calc(100% - 2rem);filter:none!important}.excalidraw--mobile.excalidraw .ImageExportModal__preview__canvas>canvas{max-height:100%}.excalidraw--mobile.excalidraw .ImageExportModal__preview__canvas{margin-top:24px;max-width:unset}.excalidraw .ImageExportModal__settings{display:flex;flex-direction:column;flex-wrap:wrap;gap:18px}.excalidraw--mobile.excalidraw .ImageExportModal__settings{margin-left:unset;margin-top:1rem;flex-direction:row;gap:6px 34px;align-content:flex-start}.excalidraw .ImageExportModal__settings__setting{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.excalidraw--mobile.excalidraw .ImageExportModal__settings__setting{flex-direction:column;align-items:start;justify-content:unset;height:52px}.excalidraw .ImageExportModal__settings__setting__label{display:flex;flex-direction:row;align-items:center;font-family:Assistant;font-weight:600;font-size:1rem;line-height:150%}.excalidraw .ImageExportModal__settings__setting__label svg{width:20px;height:20px;margin-left:10px}.excalidraw .ImageExportModal__settings__setting__content{display:flex;height:100%;align-items:center}.excalidraw .ImageExportModal__settings__buttons{flex-grow:1;flex-wrap:wrap;display:flex;flex-direction:row;gap:11px;align-items:flex-end;align-content:flex-end}.excalidraw--mobile.excalidraw .ImageExportModal__settings__buttons{padding-top:32px;flex-basis:100%;justify-content:center}@keyframes successStatusAnimation{0%{transform:scale(.35)}50%{transform:scale(1.25)}to{transform:scale(1)}}.excalidraw .ExcButton{--text-color: transparent;--border-color: transparent;--back-color: transparent;color:var(--text-color);background-color:var(--back-color);border-color:var(--border-color);border-radius:.5rem;border-width:1px;border-style:solid;font-family:var(--font-family);user-select:none}.excalidraw .ExcButton:hover{transition:all .15s ease-out}.excalidraw .ExcButton .Spinner{--spinner-color: var(--color-surface-lowest)}.excalidraw .ExcButton .ExcButton__statusIcon{visibility:visible;position:absolute;width:1.2rem;height:1.2rem;animation:successStatusAnimation .5s cubic-bezier(.3,1,.6,1)}.excalidraw .ExcButton.ExcButton--status-loading,.excalidraw .ExcButton.ExcButton--status-success{pointer-events:none}.excalidraw .ExcButton.ExcButton--status-loading .ExcButton__contents,.excalidraw .ExcButton.ExcButton--status-success .ExcButton__contents{visibility:hidden}.excalidraw .ExcButton[disabled]{pointer-events:none}.excalidraw .ExcButton,.excalidraw .ExcButton__contents{display:flex;justify-content:center;align-items:center;flex-shrink:0;flex-wrap:nowrap;position:relative}.excalidraw .ExcButton--color-primary.ExcButton--variant-filled{--text-color: var(--color-surface-lowest);--back-color: var(--color-primary)}.excalidraw .ExcButton--color-primary.ExcButton--variant-filled .Spinner{--spinner-color: var(--text-color)}.excalidraw .ExcButton--color-primary.ExcButton--variant-filled:hover{--back-color: var(--color-brand-hover)}.excalidraw .ExcButton--color-primary.ExcButton--variant-filled:active{--back-color: var(--color-brand-active)}.excalidraw .ExcButton--color-primary.ExcButton--variant-outlined,.excalidraw .ExcButton--color-primary.ExcButton--variant-icon{--text-color: var(--color-primary);--border-color: var(--color-primary);--back-color: transparent}.excalidraw .ExcButton--color-primary.ExcButton--variant-outlined .Spinner,.excalidraw .ExcButton--color-primary.ExcButton--variant-icon .Spinner{--spinner-color: var(--text-color)}.excalidraw .ExcButton--color-primary.ExcButton--variant-outlined:hover,.excalidraw .ExcButton--color-primary.ExcButton--variant-icon:hover{--text-color: var(--color-brand-hover);--border-color: var(--color-brand-hover)}.excalidraw .ExcButton--color-primary.ExcButton--variant-outlined:active,.excalidraw .ExcButton--color-primary.ExcButton--variant-icon:active{--text-color: var(--color-brand-active);--border-color: var(--color-brand-active)}.excalidraw .ExcButton--color-danger.ExcButton--variant-filled{--text-color: var(--color-danger-text);--back-color: var(--color-danger-dark)}.excalidraw .ExcButton--color-danger.ExcButton--variant-filled .Spinner{--spinner-color: var(--text-color)}.excalidraw .ExcButton--color-danger.ExcButton--variant-filled:hover{--back-color: var(--color-danger-darker)}.excalidraw .ExcButton--color-danger.ExcButton--variant-filled:active{--back-color: var(--color-danger-darkest)}.excalidraw .ExcButton--color-danger.ExcButton--variant-outlined,.excalidraw .ExcButton--color-danger.ExcButton--variant-icon{--text-color: var(--color-danger);--border-color: var(--color-danger);--back-color: transparent}.excalidraw .ExcButton--color-danger.ExcButton--variant-outlined .Spinner,.excalidraw .ExcButton--color-danger.ExcButton--variant-icon .Spinner{--spinner-color: var(--text-color)}.excalidraw .ExcButton--color-danger.ExcButton--variant-outlined:hover,.excalidraw .ExcButton--color-danger.ExcButton--variant-icon:hover{--text-color: var(--color-danger-darkest);--border-color: var(--color-danger-darkest)}.excalidraw .ExcButton--color-danger.ExcButton--variant-outlined:active,.excalidraw .ExcButton--color-danger.ExcButton--variant-icon:active{--text-color: var(--color-danger-darker);--border-color: var(--color-danger-darker)}.excalidraw .ExcButton--color-success.ExcButton--variant-filled{--text-color: var(--color-success-text);--back-color: var(--color-success)}.excalidraw .ExcButton--color-success.ExcButton--variant-filled .Spinner{--spinner-color: var(--color-success)}.excalidraw .ExcButton--color-success.ExcButton--variant-filled:hover{--back-color: var(--color-success-darker)}.excalidraw .ExcButton--color-success.ExcButton--variant-filled:active{--back-color: var(--color-success-darkest)}.excalidraw .ExcButton--color-success.ExcButton--variant-outlined,.excalidraw .ExcButton--color-success.ExcButton--variant-icon{--text-color: var(--color-success-contrast);--border-color: var(--color-success-contrast);--back-color: transparent}.excalidraw .ExcButton--color-success.ExcButton--variant-outlined .Spinner,.excalidraw .ExcButton--color-success.ExcButton--variant-icon .Spinner{--spinner-color: var(--color-success-contrast)}.excalidraw .ExcButton--color-success.ExcButton--variant-outlined:hover,.excalidraw .ExcButton--color-success.ExcButton--variant-icon:hover{--text-color: var(--color-success-contrast-hover);--border-color: var(--color-success-contrast-hover)}.excalidraw .ExcButton--color-success.ExcButton--variant-outlined:active,.excalidraw .ExcButton--color-success.ExcButton--variant-icon:active{--text-color: var(--color-success-contrast-active);--border-color: var(--color-success-contrast-active)}.excalidraw .ExcButton--color-muted.ExcButton--variant-filled{--text-color: var(--island-bg-color);--back-color: var(--color-gray-50)}.excalidraw .ExcButton--color-muted.ExcButton--variant-filled .Spinner{--spinner-color: var(--text-color)}.excalidraw .ExcButton--color-muted.ExcButton--variant-filled:hover{--back-color: var(--color-gray-60)}.excalidraw .ExcButton--color-muted.ExcButton--variant-filled:active{--back-color: var(--color-gray-80)}.excalidraw .ExcButton--color-muted.ExcButton--variant-outlined,.excalidraw .ExcButton--color-muted.ExcButton--variant-icon{--text-color: var(--color-muted-background);--border-color: var(--color-muted);--back-color: var(--island-bg-color)}.excalidraw .ExcButton--color-muted.ExcButton--variant-outlined .Spinner,.excalidraw .ExcButton--color-muted.ExcButton--variant-icon .Spinner{--spinner-color: var(--text-color)}.excalidraw .ExcButton--color-muted.ExcButton--variant-outlined:hover,.excalidraw .ExcButton--color-muted.ExcButton--variant-icon:hover{--text-color: var(--color-muted-background-darker);--border-color: var(--color-muted-darker)}.excalidraw .ExcButton--color-muted.ExcButton--variant-outlined:active,.excalidraw .ExcButton--color-muted.ExcButton--variant-icon:active{--text-color: var(--color-muted-background-darker);--border-color: var(--color-muted-darkest)}.excalidraw .ExcButton--color-warning.ExcButton--variant-filled{--text-color: black;--back-color: var(--color-warning-dark)}.excalidraw .ExcButton--color-warning.ExcButton--variant-filled .Spinner{--spinner-color: var(--text-color)}.excalidraw .ExcButton--color-warning.ExcButton--variant-filled:hover{--back-color: var(--color-warning-darker)}.excalidraw .ExcButton--color-warning.ExcButton--variant-filled:active{--back-color: var(--color-warning-darkest)}.excalidraw .ExcButton--color-warning.ExcButton--variant-outlined,.excalidraw .ExcButton--color-warning.ExcButton--variant-icon{--text-color: var(--color-warning-dark);--border-color: var(--color-warning-dark);--back-color: var(--input-bg-color)}.excalidraw .ExcButton--color-warning.ExcButton--variant-outlined .Spinner,.excalidraw .ExcButton--color-warning.ExcButton--variant-icon .Spinner{--spinner-color: var(--text-color)}.excalidraw .ExcButton--color-warning.ExcButton--variant-outlined:hover,.excalidraw .ExcButton--color-warning.ExcButton--variant-icon:hover{--text-color: var(--color-warning-darker);--border-color: var(--color-warning-darker)}.excalidraw .ExcButton--color-warning.ExcButton--variant-outlined:active,.excalidraw .ExcButton--color-warning.ExcButton--variant-icon:active{--text-color: var(--color-warning-darkest);--border-color: var(--color-warning-darkest)}.excalidraw .ExcButton--size-large{font-weight:600;font-size:.875rem;min-height:3rem;padding:.5rem 1.5rem;letter-spacing:.4px}.excalidraw .ExcButton--size-large .ExcButton__contents{gap:.75rem}.excalidraw .ExcButton--size-medium{font-weight:600;font-size:.75rem;min-height:2.5rem;padding:.5rem 1rem;letter-spacing:normal}.excalidraw .ExcButton--size-medium .ExcButton__contents{gap:.5rem}.excalidraw .ExcButton--variant-icon{padding:.5rem .75rem;width:3rem}.excalidraw .ExcButton--fullWidth{width:100%}.excalidraw .ExcButton__icon{width:1.25rem;height:1.25rem}.excalidraw .FixedSideContainer{position:absolute;pointer-events:none}.excalidraw .FixedSideContainer>*{pointer-events:var(--ui-pointerEvents)}.excalidraw .FixedSideContainer_side_top{left:var(--editor-container-padding);top:var(--editor-container-padding);right:var(--editor-container-padding);bottom:var(--editor-container-padding)}.excalidraw .FixedSideContainer_side_top.zen-mode{right:42px}.excalidraw .HintViewer{pointer-events:none;box-sizing:border-box;position:absolute;display:flex;flex-direction:column;justify-content:center;left:0;top:100%;max-width:100%;width:100%;margin-top:.5rem;text-align:center;color:var(--color-gray-40);font-size:.75rem}.excalidraw--mobile.excalidraw .HintViewer{position:static;padding-right:2rem}.excalidraw .HintViewer>span{padding:.25rem}.excalidraw.theme--dark .HintViewer{color:var(--color-gray-60)}.excalidraw--mobile.excalidraw .PasteChartDialog .Island{display:flex;flex-direction:column}.excalidraw .PasteChartDialog .container{display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap}.excalidraw--mobile.excalidraw .PasteChartDialog .container{flex-direction:column;justify-content:center}.excalidraw .PasteChartDialog .ChartPreview{margin:8px;text-align:center;width:192px;height:128px;border-radius:2px;padding:1px;border:1px solid #ced4da;display:flex;align-items:center;justify-content:center;background:transparent}.excalidraw .PasteChartDialog .ChartPreview div{display:inline-block}.excalidraw .PasteChartDialog .ChartPreview svg{max-height:120px;max-width:186px}.excalidraw .PasteChartDialog .ChartPreview:hover{padding:0;border:2px solid #339af0}.excalidraw .HelpDialog .Modal__content{max-width:960px}.excalidraw .HelpDialog h3{margin:1.5rem 0;font-weight:700;font-size:1.125rem}.excalidraw .HelpDialog__header{display:flex;flex-wrap:wrap;gap:.75rem}.excalidraw .HelpDialog__btn{--background: var(--color-surface-mid);display:flex;column-gap:.5rem;align-items:center;background-color:var(--background);padding:.625rem 1rem;border:1px solid var(--background);border-radius:var(--border-radius-lg);color:var(--text-primary-color);font-weight:600;font-size:.75rem;letter-spacing:.4px}.excalidraw.theme--dark.excalidraw .HelpDialog__btn{--background: var(--color-surface-high)}.excalidraw.theme--dark.excalidraw .HelpDialog__btn:hover{--background: #363541}.excalidraw .HelpDialog__btn:hover{--background: var(--color-surface-high);text-decoration:none}.excalidraw .HelpDialog__btn:active{border-color:var(--color-primary)}.excalidraw .HelpDialog__link-icon{line-height:0}.excalidraw .HelpDialog__link-icon svg{width:1rem;height:1rem}.excalidraw .HelpDialog__islands-container{display:grid;grid-column-gap:1.5rem;grid-row-gap:2rem}@media screen and (min-width: 1024px){.excalidraw .HelpDialog__islands-container{grid-template-columns:1fr 1fr}}@media screen and (min-width: 1024px){.excalidraw .HelpDialog__island--tools{grid-area:1/1/2/2}.excalidraw .HelpDialog__island--view{grid-area:2/1/3/2}.excalidraw .HelpDialog__island--editor{grid-area:1/2/3/3}}.excalidraw .HelpDialog__island h4{font-size:1rem;font-weight:700;margin:0;margin-bottom:.625rem}.excalidraw .HelpDialog__island-content{border:1px solid var(--dialog-border-color);border-radius:var(--border-radius-lg)}.excalidraw .HelpDialog__shortcut{border-bottom:1px solid var(--dialog-border-color);padding:.375rem .75rem;display:flex;justify-content:space-between;align-items:center;font-size:.875rem;column-gap:.5rem}.excalidraw .HelpDialog__shortcut:last-child{border-bottom:none}.excalidraw .HelpDialog__key-container{display:flex;align-items:center;column-gap:.25rem;flex-shrink:0}.excalidraw .HelpDialog__key{display:flex;box-sizing:border-box;font-size:.625rem;background-color:var(--color-primary-light);border-radius:var(--border-radius-md);padding:.5rem;word-break:keep-all;align-items:center;font-family:inherit;line-height:1}.excalidraw{--avatar-size: 1.75rem;--avatarList-gap: .625rem;--userList-padding: var(--space-factor);--userlist-hint-bg-color: var(--color-gray-10);--userlist-hint-heading-color: var(--color-gray-80);--userlist-hint-text-color: var(--color-gray-60);--userlist-collaborators-border-color: var(--color-gray-20)}.excalidraw .UserList__wrapper{display:flex;width:100%;justify-content:flex-end;align-items:center;pointer-events:none!important}.excalidraw .UserList{pointer-events:none;padding:var(--userList-padding);display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:var(--avatarList-gap);box-sizing:border-box;--max-size: calc( var(--avatar-size) * var(--max-avatars, 2) + var(--avatarList-gap) * (var(--max-avatars, 2) - 1) + var(--userList-padding) * 2 );max-height:var(--max-size);max-width:var(--max-size)}.excalidraw .UserList>*{pointer-events:var(--ui-pointerEvents)}.excalidraw .UserList_mobile{padding:0;justify-content:normal;margin:.5rem 0;max-width:none;max-height:none}.excalidraw .UserList__more{width:var(--avatar-size, 1.5rem);height:var(--avatar-size, 1.5rem);position:relative;border-radius:100%;outline-offset:2px;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:.75rem;line-height:1;color:var(--color-gray-90);flex:0 0 auto;background-color:var(--color-gray-20);border:0!important;font-size:.625rem;font-weight:400;flex-shrink:0;color:var(--color-gray-100);font-weight:700}.excalidraw .UserList__more:active{transform:scale(.94)}.excalidraw .UserList__more-img{width:100%;height:100%;border-radius:100%}.excalidraw .UserList__more:before{content:"";position:absolute;inset:-3px;border-radius:100%}.excalidraw .UserList__more.is-followed:before{border-color:var(--color-primary-hover);box-shadow:0 0 0 1px var(--color-primary-hover)}.excalidraw .UserList__more.is-current-user{cursor:auto}.excalidraw .UserList__collaborator-name{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.excalidraw .UserList__collaborator--avatar-only{position:relative;display:flex;flex:0 0 auto}.excalidraw .UserList__collaborator--avatar-only .UserList__collaborator-status-icon{--size: 14px;position:absolute;display:flex;flex:0 0 auto;bottom:-.25rem;right:-.25rem;width:var(--size);height:var(--size)}.excalidraw .UserList__collaborator--avatar-only .UserList__collaborator-status-icon svg{flex:0 0 auto;width:var(--size);height:var(--size)}.excalidraw .UserList__collaborator-status-icons{margin-left:auto;flex:0 0 auto;min-width:2.25rem;gap:.25rem;justify-content:flex-end;display:flex}.excalidraw .UserList__collaborator.is-muted .UserList__collaborator-status-icon-microphone-muted{color:var(--color-danger);filter:drop-shadow(0px 0px 0px rgba(0,0,0,.5))}.excalidraw .UserList__collaborator-status-icon-speaking-indicator{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;width:1rem;padding:0 3px;box-sizing:border-box}.excalidraw .UserList__collaborator-status-icon-speaking-indicator div{width:.125rem;height:.4rem;background-color:#a2f1a6}.excalidraw .UserList__collaborator-status-icon-speaking-indicator div:nth-of-type(1){animation:speaking-indicator-anim 1s -.45s ease-in-out infinite}.excalidraw .UserList__collaborator-status-icon-speaking-indicator div:nth-of-type(2){animation:speaking-indicator-anim 1s -.9s ease-in-out infinite}.excalidraw .UserList__collaborator-status-icon-speaking-indicator div:nth-of-type(3){animation:speaking-indicator-anim 1s -.15s ease-in-out infinite}@keyframes speaking-indicator-anim{0%,to{transform:scaleY(1)}50%{transform:scaleY(2)}}.excalidraw.theme--dark{--userlist-hint-bg-color: var(--color-gray-90);--userlist-hint-heading-color: var(--color-gray-30);--userlist-hint-text-color: var(--color-gray-40);--userlist-collaborators-border-color: var(--color-gray-80)}.excalidraw .UserList__collaborators{top:auto;max-height:50vh}.excalidraw .Card{display:flex;flex-direction:column;align-items:center;max-width:290px;margin:1em;text-align:center}.excalidraw .Card .Card-icon{font-size:2.6em;display:flex;flex:0 0 auto;padding:1.4rem;border-radius:50%;background:var(--card-color);color:#fff}.excalidraw .Card .Card-icon svg{width:2.8rem;height:2.8rem}.excalidraw .Card .Card-details{font-size:.96em;min-height:90px;padding:0 1em;margin-bottom:auto}.excalidraw .Card .Card-button.ToolIcon_type_button{height:2.5rem;margin-top:1em;margin-bottom:.3em;background-color:var(--card-color)}.excalidraw .Card .Card-button.ToolIcon_type_button:hover{background-color:var(--card-color-darker)}.excalidraw .Card .Card-button.ToolIcon_type_button:active{background-color:var(--card-color-darkest)}.excalidraw .Card .Card-button.ToolIcon_type_button .ToolIcon__label{color:#fff}.excalidraw .Card .Card-button.ToolIcon_type_button .Spinner{--spinner-color: #fff}.excalidraw .ExportDialog__preview{--preview-padding: calc(var(--space-factor) * 4);background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==) left center;text-align:center;padding:var(--preview-padding);margin-bottom:calc(var(--space-factor) * 3);display:flex;justify-content:center;align-items:center}.excalidraw .ExportDialog__preview canvas{max-width:calc(100% - var(--preview-padding) * 2);max-height:25rem}.excalidraw.theme--dark .ExportDialog__preview canvas{filter:none}.excalidraw .ExportDialog__actions{width:100%;display:flex;grid-gap:calc(var(--space-factor) * 2);align-items:top;justify-content:space-between}.excalidraw--mobile.excalidraw .ExportDialog{display:flex;flex-direction:column}.excalidraw--mobile.excalidraw .ExportDialog__actions{flex-direction:column;align-items:center}.excalidraw--mobile.excalidraw .ExportDialog__actions>*{margin-bottom:calc(var(--space-factor) * 3)}.excalidraw--mobile.excalidraw .ExportDialog__preview canvas{max-height:30vh}.excalidraw--mobile.excalidraw .ExportDialog__dialog,.excalidraw--mobile.excalidraw .ExportDialog__dialog .Island{height:100%;box-sizing:border-box}.excalidraw--mobile.excalidraw .ExportDialog__dialog .Island{overflow-y:auto}.excalidraw .ExportDialog--json .ExportDialog-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));justify-items:center;row-gap:2em}@media (max-width: 460px){.excalidraw .ExportDialog--json .ExportDialog-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.excalidraw .ExportDialog--json .ExportDialog-cards .Card-details{min-height:40px}}.excalidraw .ExportDialog--json .ExportDialog-cards .ProjectName{width:fit-content;margin:1em auto;align-items:flex-start;flex-direction:column}.excalidraw .ExportDialog--json .ExportDialog-cards .ProjectName .TextInput{width:auto}.excalidraw .ExportDialog--json .ExportDialog-cards .ProjectName-label{margin:.625em 0;font-weight:700}.excalidraw button.ExportDialog-imageExportButton{border:0;width:5rem;height:5rem;margin:0 .2em;padding:0;display:flex;align-items:center;justify-content:center;border-radius:1rem;background-color:var(--button-color);box-shadow:0 3px 5px -1px #00000047,0 6px 10px #00000024;font-family:Cascadia;font-size:1.8em;color:#fff}.excalidraw button.ExportDialog-imageExportButton:hover{background-color:var(--button-color-darker)}.excalidraw button.ExportDialog-imageExportButton:active{background-color:var(--button-color-darkest);box-shadow:none}.excalidraw button.ExportDialog-imageExportButton svg{width:.9em}.excalidraw .sidebar-trigger{justify-content:center;padding:.625rem;width:var(--button-width, var(--default-button-size));height:var(--button-height, var(--default-button-size));box-sizing:border-box;border-width:1px;border-style:solid;border-color:var(--button-border, var(--default-border-color));border-radius:var(--border-radius-lg);cursor:pointer;background-color:var(--button-bg, var(--island-bg-color));color:var(--button-color, var(--color-on-surface));font-family:var(--ui-font);border:none;box-shadow:0 0 0 1px var(--color-surface-lowest);background-color:var(--color-surface-low);width:auto;height:var(--lg-button-size);display:flex;align-items:center;gap:.5rem;line-height:0;font-size:.75rem;letter-spacing:.4px}.excalidraw .sidebar-trigger svg{width:var(--button-width, var(--lg-icon-size));height:var(--button-height, var(--lg-icon-size))}.excalidraw .sidebar-trigger:hover{background-color:var(--button-hover-bg, var(--island-bg-color));border-color:var(--button-hover-border, var(--button-border, var(--default-border-color)));color:var(--button-hover-color, var(--button-color, var(--text-primary-color, inherit)))}.excalidraw .sidebar-trigger:active{background-color:var(--button-active-bg, var(--island-bg-color));border-color:var(--button-active-border, var(--color-primary-darkest))}.excalidraw .sidebar-trigger.active{background-color:var(--button-selected-bg, var(--color-surface-primary-container));border-color:var(--button-selected-border, var(--color-surface-primary-container))}.excalidraw .sidebar-trigger.active:hover{background-color:var(--button-selected-hover-bg, var(--color-surface-primary-container))}.excalidraw .sidebar-trigger.active svg{color:var(--button-color, var(--color-on-primary-container))}.excalidraw .sidebar-trigger:active{box-shadow:0 0 0 1px var(--color-brand-active)}.excalidraw .sidebar-trigger svg{width:var(--lg-icon-size);height:var(--lg-icon-size)}.excalidraw .sidebar-trigger__label-element{align-self:flex-start}.excalidraw .default-sidebar-trigger .sidebar-trigger__label{display:block;white-space:nowrap}.excalidraw.excalidraw--mobile .default-sidebar-trigger .sidebar-trigger__label{display:none}.excalidraw .sidebar{display:flex;flex-direction:column;position:absolute;top:0;bottom:0;right:0;z-index:5;margin:0;padding:0;box-sizing:border-box;background-color:var(--sidebar-bg-color);box-shadow:var(--sidebar-shadow);pointer-events:var(--ui-pointerEvents);overflow:hidden;border-radius:0;width:calc(var(--right-sidebar-width) - var(--space-factor) * 2);border-left:1px solid var(--sidebar-border-color)}:root[dir=rtl] .excalidraw .sidebar{left:0;right:auto}.excalidraw .sidebar--docked{box-shadow:none}:root[dir=rtl] .excalidraw .sidebar{border-right:1px solid var(--sidebar-border-color);border-left:0}.excalidraw .sidebar__header{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem .75rem;position:relative}.excalidraw .sidebar__header:after{content:"";width:calc(100% - 1.5rem);height:1px;background:var(--sidebar-border-color);position:absolute;bottom:-1px}.excalidraw .sidebar__header__buttons{gap:0;display:flex;align-items:center;margin-left:auto}.excalidraw .sidebar__header__buttons button{display:flex;justify-content:center;align-items:center;padding:.625rem;width:var(--button-width, var(--default-button-size));height:var(--button-height, var(--default-button-size));box-sizing:border-box;border-width:1px;border-style:solid;border-color:var(--button-border, var(--default-border-color));border-radius:var(--border-radius-lg);cursor:pointer;background-color:var(--button-bg, var(--island-bg-color));color:var(--button-color, var(--color-on-surface));font-family:var(--ui-font);--button-bg: transparent;border:0!important;width:var(--lg-button-size);height:var(--lg-button-size);padding:0}.excalidraw .sidebar__header__buttons button svg{width:var(--button-width, var(--lg-icon-size));height:var(--button-height, var(--lg-icon-size))}.excalidraw .sidebar__header__buttons button:hover{background-color:var(--button-hover-bg, var(--island-bg-color));border-color:var(--button-hover-border, var(--button-border, var(--default-border-color)));color:var(--button-hover-color, var(--button-color, var(--text-primary-color, inherit)))}.excalidraw .sidebar__header__buttons button:active{background-color:var(--button-active-bg, var(--island-bg-color));border-color:var(--button-active-border, var(--color-primary-darkest))}.excalidraw .sidebar__header__buttons button.active{background-color:var(--button-selected-bg, var(--color-surface-primary-container));border-color:var(--button-selected-border, var(--color-surface-primary-container))}.excalidraw .sidebar__header__buttons button.active:hover{background-color:var(--button-selected-hover-bg, var(--color-surface-primary-container))}.excalidraw .sidebar__header__buttons button.active svg{color:var(--button-color, var(--color-on-primary-container))}.excalidraw .sidebar__header__buttons button svg{width:var(--lg-icon-size);height:var(--lg-icon-size)}.excalidraw .sidebar__header__buttons button:hover{background:var(--button-hover-bg, var(--island-bg-color))}.excalidraw .sidebar__header__buttons .sidebar__dock.selected svg{stroke:var(--color-primary);fill:var(--color-primary)}.excalidraw .sidebar-tabs-root{display:flex;flex-direction:column;flex:1 1 auto;padding:1rem 0}.excalidraw .sidebar-tabs-root [role=tabpanel]{flex:1;flex:1 1 auto;display:flex;flex-direction:column;outline:none}.excalidraw .sidebar-tabs-root [role=tabpanel][data-state=inactive]{display:none!important}.excalidraw .sidebar-tabs-root [role=tablist]{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.excalidraw .sidebar-tabs-root>.sidebar__header{padding-top:0;padding-bottom:1rem}.excalidraw .sidebar-tab-trigger{--button-width: auto;--button-bg: transparent;--button-hover-bg: transparent;--button-active-bg: var(--color-primary);--button-hover-color: var(--color-primary);--button-hover-border: var(--color-primary)}.excalidraw .sidebar-tab-trigger[data-state=active]{--button-bg: var(--color-primary);--button-hover-bg: var(--color-primary-darker);--button-hover-color: var(--color-icon-white);--button-border: var(--color-primary);color:var(--color-icon-white)}.excalidraw .default-sidebar{display:flex;flex-direction:column}.excalidraw .default-sidebar .sidebar-triggers{display:flex;gap:0;padding:2px;margin-top:-3px;margin-bottom:-3px;border:1px solid var(--sidebar-border-color);background:var(--default-bg-color);border-radius:.625rem}.excalidraw .default-sidebar .sidebar-triggers .sidebar-tab-trigger{height:var(--lg-button-size);width:var(--lg-button-size);border:none}.excalidraw .ActiveFile .ActiveFile__fileName{display:flex;align-items:center}.excalidraw .ActiveFile .ActiveFile__fileName span{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:9.3em}.excalidraw .ActiveFile .ActiveFile__fileName svg{width:1.15em;margin-inline-end:.3em;transform:scaleY(.9)}.excalidraw .OverwriteConfirm{display:flex;flex-direction:column;align-items:center;gap:.75rem;isolation:isolate}.excalidraw .OverwriteConfirm h3{margin:0;font-weight:700;font-size:1.3125rem;line-height:130%;align-self:flex-start;color:var(--text-primary-color)}.excalidraw .OverwriteConfirm__Description{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;width:100%;gap:1rem;padding:2.5rem;background:var(--color-danger-background);border-radius:.5rem;font-family:Assistant;font-style:normal;font-weight:400;font-size:1rem;line-height:150%;color:var(--color-danger-color)}.excalidraw--mobile.excalidraw .OverwriteConfirm__Description{flex-direction:column;text-align:center}.excalidraw .OverwriteConfirm__Description__spacer{flex-grow:1}.excalidraw .OverwriteConfirm__Description__icon{box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-radius:2.5rem;background:var(--color-danger-icon-background);width:3.5rem;height:3.5rem;padding:.75rem}.excalidraw .OverwriteConfirm__Description__icon svg{color:var(--color-danger-icon-color);width:1.5rem;height:1.5rem}.excalidraw .OverwriteConfirm__Description.OverwriteConfirm__Description--color-warning{background:var(--color-warning-background);color:var(--color-warning-color)}.excalidraw .OverwriteConfirm__Description.OverwriteConfirm__Description--color-warning .OverwriteConfirm__Description__icon{background:var(--color-warning-icon-background);flex:0 0 auto}.excalidraw .OverwriteConfirm__Description.OverwriteConfirm__Description--color-warning .OverwriteConfirm__Description__icon svg{color:var(--color-warning-icon-color)}.excalidraw .OverwriteConfirm__Actions{display:flex;flex-direction:row;align-items:stretch;justify-items:stretch;justify-content:center;gap:1.5rem}.excalidraw--mobile.excalidraw .OverwriteConfirm__Actions{flex-direction:column}.excalidraw .OverwriteConfirm__Actions__Action{display:flex;flex-direction:column;align-items:center;padding:1.5rem;gap:.75rem;flex-basis:50%;flex-grow:0}.excalidraw .OverwriteConfirm__Actions__Action__content{height:100%;font-size:.875rem;text-align:center}.excalidraw .OverwriteConfirm__Actions__Action h4{font-weight:700;font-size:1.125rem;line-height:130%;margin:0;color:var(--text-primary-color)}.excalidraw .layer-ui__search{flex:1 0 auto;display:flex;flex-direction:column;padding:8px 0 0}.excalidraw .layer-ui__search-header{display:flex;justify-content:space-between;align-items:center;padding:0 .75rem}.excalidraw .layer-ui__search-header .ExcTextField{flex:1 0 auto}.excalidraw .layer-ui__search-header .ExcTextField__input{background-color:#f5f5f9;border-radius:var(--border-radius-md);border:0}.excalidraw.theme--dark.excalidraw .layer-ui__search-header .ExcTextField__input{background-color:#31303b}.excalidraw .layer-ui__search-header .ExcTextField__input input::placeholder{font-size:.9rem}.excalidraw .layer-ui__search-count{display:flex;justify-content:space-between;align-items:center;padding:8px 8px 0;margin:0 .75rem .25rem;font-size:.8em}.excalidraw .layer-ui__search-count .result-nav{display:flex}.excalidraw .layer-ui__search-count .result-nav .result-nav-btn{width:36px;height:36px;--button-border: transparent}.excalidraw .layer-ui__search-count .result-nav .result-nav-btn:active{background-color:var(--color-surface-high)}.excalidraw .layer-ui__search-count .result-nav .result-nav-btn:first-child{margin-right:4px}.excalidraw .layer-ui__search-result-container{overflow-y:auto;flex:1 1 0;display:flex;flex-direction:column;gap:.125rem}.excalidraw .layer-ui__result-item{display:flex;align-items:center;min-height:2rem;flex:0 0 auto;padding:.25rem .75rem;cursor:pointer;border:1px solid transparent;outline:none;margin:0 .75rem;border-radius:var(--border-radius-md)}.excalidraw .layer-ui__result-item .text-icon{width:1rem;height:1rem;margin-right:.75rem}.excalidraw .layer-ui__result-item .preview-text{flex:1;max-height:48px;line-height:24px;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.excalidraw .layer-ui__result-item:hover{background-color:var(--color-surface-high)}.excalidraw .layer-ui__result-item:active{border-color:var(--color-primary)}.excalidraw .layer-ui__result-item.active{background-color:var(--color-surface-high)}.excalidraw .dialog-mermaid-title{margin-block:.25rem;font-size:1.25rem;font-weight:700;padding-inline:2.5rem}.excalidraw .Modal.Dialog.ttd-dialog{padding:1.25rem}.excalidraw .Modal.Dialog.ttd-dialog.Dialog--fullscreen{margin-top:0}.excalidraw .Modal.Dialog.ttd-dialog .Island{padding-inline:0!important;height:100%;display:flex;flex-direction:column;flex:1 1 auto;box-shadow:none}.excalidraw .Modal.Dialog.ttd-dialog .Modal__content{height:auto;max-height:100%}@media screen and (min-width: 861px){.excalidraw .Modal.Dialog.ttd-dialog .Modal__content{max-height:750px;height:100%}}.excalidraw .Modal.Dialog.ttd-dialog .Dialog__content{flex:1 1 auto}.excalidraw .ttd-dialog-desc{font-size:15px;font-style:italic;font-weight:500;margin-bottom:1.5rem}.excalidraw .ttd-dialog-tabs-root{width:100%;height:100%;display:flex;flex-direction:column}.excalidraw .ttd-dialog-tab-trigger{color:var(--color-on-surface);font-size:.875rem;margin:0;padding:0 1rem;background-color:transparent;border:0;height:2.875rem;font-weight:600;font-family:inherit;letter-spacing:.4px}.excalidraw .ttd-dialog-tab-trigger[data-state=active]{border-bottom:2px solid var(--color-primary)}.excalidraw .ttd-dialog-triggers{border-bottom:1px solid var(--color-surface-high);margin-bottom:1.5rem;padding-inline:2.5rem}.excalidraw .ttd-dialog-content{padding-inline:2.5rem;height:100%;display:flex;flex-direction:column}.excalidraw .ttd-dialog-content[hidden]{display:none}.excalidraw .ttd-dialog-input{width:auto;height:10rem;resize:none;border-radius:var(--border-radius-lg);border:1px solid var(--dialog-border-color);white-space:pre-wrap;padding:.85rem;box-sizing:border-box;font-family:monospace}@media screen and (min-width: 861px){.excalidraw .ttd-dialog-input{width:100%;height:100%}}.excalidraw .ttd-dialog-output-wrapper{display:flex;align-items:center;justify-content:center;padding:.85rem;box-sizing:border-box;flex-grow:1;position:relative;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==) left center;border-radius:var(--border-radius-lg);border:1px solid var(--dialog-border-color);height:400px;width:auto}@media screen and (min-width: 861px){.excalidraw .ttd-dialog-output-wrapper{width:100%;height:200px}}.excalidraw .ttd-dialog-output-wrapper canvas{max-width:100%;max-height:100%}.excalidraw .ttd-dialog-output-canvas-container{display:flex;width:100%;height:100%;align-items:center;justify-content:center;flex-grow:1}.excalidraw .ttd-dialog-output-error{color:red;font-weight:700;font-size:30px;word-break:break-word;overflow:auto;max-height:100%;height:100%;width:100%;text-align:center;position:absolute;z-index:10}.excalidraw .ttd-dialog-output-error p{font-weight:500;font-family:Cascadia;text-align:left;white-space:pre-wrap;font-size:.875rem;padding:0 10px}.excalidraw .ttd-dialog-panels{height:100%}@media screen and (min-width: 861px){.excalidraw .ttd-dialog-panels{display:grid;grid-template-columns:1fr 1fr;gap:4rem}}.excalidraw .ttd-dialog-panel{display:flex;flex-direction:column;width:100%}.excalidraw .ttd-dialog-panel__header{display:flex;margin:0 4px 4px;align-items:center;gap:1rem}.excalidraw .ttd-dialog-panel__header label{font-size:14px;font-style:normal;font-weight:600}.excalidraw .ttd-dialog-panel:first-child .ttd-dialog-panel-button-container:not(.invisible){margin-bottom:4rem}@media screen and (min-width: 861px){.excalidraw .ttd-dialog-panel .ttd-dialog-panel-button-container:not(.invisible){margin-bottom:.5rem!important}}.excalidraw .ttd-dialog-panel textarea{height:100%;resize:none;border-radius:var(--border-radius-lg);border:1px solid var(--dialog-border-color);white-space:pre-wrap;padding:.85rem;box-sizing:border-box;width:100%;font-family:monospace}@media screen and (max-width: 861px){.excalidraw .ttd-dialog-panel textarea{width:auto;height:10rem}}.excalidraw .ttd-dialog-panel-button-container{margin-top:1rem;margin-bottom:.5rem}.excalidraw .ttd-dialog-panel-button-container.invisible .ttd-dialog-panel-button{display:none}@media screen and (min-width: 861px){.excalidraw .ttd-dialog-panel-button-container.invisible .ttd-dialog-panel-button{display:block;visibility:hidden}}.excalidraw .ttd-dialog-panel-button{position:relative}.excalidraw .ttd-dialog-panel-button.excalidraw-button{font-family:inherit;font-weight:600;height:2.5rem;font-size:12px;color:#fff;background-color:var(--color-primary);width:100%}.excalidraw .ttd-dialog-panel-button.excalidraw-button:hover{background-color:var(--color-primary-darker)}.excalidraw .ttd-dialog-panel-button.excalidraw-button:active{background-color:var(--color-primary-darkest)}.excalidraw .ttd-dialog-panel-button.excalidraw-button:disabled{opacity:.5;cursor:not-allowed}.excalidraw .ttd-dialog-panel-button.excalidraw-button:disabled:hover{background-color:var(--color-primary)}@media screen and (min-width: 861px){.excalidraw .ttd-dialog-panel-button.excalidraw-button{width:auto;min-width:7.5rem}}.excalidraw.theme--dark.excalidraw .ttd-dialog-panel-button.excalidraw-button{color:var(--color-gray-100)}.excalidraw .ttd-dialog-panel-button div{display:contents}.excalidraw .ttd-dialog-panel-button div.invisible{visibility:hidden}.excalidraw .ttd-dialog-panel-button div.Spinner{display:flex!important;position:absolute;inset:0;--spinner-color: white}.excalidraw.theme--dark.excalidraw .ttd-dialog-panel-button div.Spinner{--spinner-color: var(--color-gray-100)}.excalidraw .ttd-dialog-panel-button div span{padding-left:.5rem;display:flex}.excalidraw .ttd-dialog-submit-shortcut{margin-inline-start:.5rem;font-size:.625rem;opacity:.6;display:flex;gap:.125rem}.excalidraw .ttd-dialog-submit-shortcut__key{border:1px solid gray;padding:2px 3px;border-radius:4px}.excalidraw .drag-input-container{display:flex;width:100%}.excalidraw .drag-input-container:focus-within{box-shadow:0 0 0 1px var(--color-primary-darkest);border-radius:var(--border-radius-md)}.excalidraw .disabled{opacity:.5;pointer-events:none}.excalidraw .drag-input-label{flex-shrink:0;border:1px solid var(--default-border-color);border-right:0;padding:0 .5rem 0 .75rem;min-width:1rem;height:2rem;box-sizing:border-box;color:var(--popup-text-color);display:flex;align-items:center;justify-content:center;position:relative}:root[dir=ltr] .excalidraw .drag-input-label{border-radius:var(--border-radius-md) 0 0 var(--border-radius-md)}:root[dir=rtl] .excalidraw .drag-input-label{border-radius:0 var(--border-radius-md) var(--border-radius-md) 0;border-right:1px solid var(--default-border-color);border-left:0}.excalidraw .drag-input{box-sizing:border-box;width:100%;margin:0;font-size:.875rem;font-family:inherit;background-color:transparent;color:var(--text-primary-color);border:0;outline:none;height:2rem;border:1px solid var(--default-border-color);border-left:0;letter-spacing:.4px;padding:.5rem .5rem .5rem .25rem;appearance:none}:root[dir=ltr] .excalidraw .drag-input{border-radius:0 var(--border-radius-md) var(--border-radius-md) 0}:root[dir=rtl] .excalidraw .drag-input{border-radius:var(--border-radius-md) 0 0 var(--border-radius-md);border-left:1px solid var(--default-border-color);border-right:0}.excalidraw .drag-input:focus-visible{box-shadow:none}.exc-stats{width:204px;position:absolute;top:60px;font-size:12px;z-index:var(--zIndex-layerUI);pointer-events:var(--ui-pointerEvents)}:root[dir=rtl] .exc-stats{left:12px;right:initial}.exc-stats h2{font-size:1.5em;margin-block-start:.83em;margin-block-end:.83em;font-weight:700}.exc-stats h3{white-space:nowrap;font-size:1.17em;margin:0;font-weight:700}.exc-stats__rows{display:flex;flex-direction:column;gap:.3125rem}.exc-stats__row{display:flex;justify-content:space-between;align-items:center;display:grid;gap:4px}.exc-stats__row div+div{text-align:right}.exc-stats__row--heading{text-align:center;font-weight:700;margin:.25rem 0}.exc-stats .title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.exc-stats .title h2{margin:0}.exc-stats .close{height:16px;width:16px;cursor:pointer}.exc-stats .close svg{width:100%;height:100%}.excalidraw .ElementLinkDialog{position:absolute;top:var(--editor-container-padding);left:var(--editor-container-padding);z-index:var(--zIndex-modal);border-radius:10px;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow-island);background-color:var(--island-bg-color)}.excalidraw--mobile.excalidraw .ElementLinkDialog{left:0;margin-left:.5rem;margin-right:.5rem;width:calc(100% - 1rem);box-sizing:border-box;z-index:5}.excalidraw .ElementLinkDialog .ElementLinkDialog__header{margin-bottom:1.5rem}.excalidraw .ElementLinkDialog .ElementLinkDialog__header h2{margin-top:0;margin-bottom:.5rem}.excalidraw--mobile.excalidraw .ElementLinkDialog .ElementLinkDialog__header h2{font-size:1.25rem}.excalidraw .ElementLinkDialog .ElementLinkDialog__header p{margin:0}.excalidraw--mobile.excalidraw .ElementLinkDialog .ElementLinkDialog__header p{font-size:.875rem}.excalidraw--mobile.excalidraw .ElementLinkDialog .ElementLinkDialog__header{margin-bottom:1rem}.excalidraw .ElementLinkDialog .ElementLinkDialog__input{display:flex}.excalidraw .ElementLinkDialog .ElementLinkDialog__input .ElementLinkDialog__input-field{flex:1}.excalidraw .ElementLinkDialog .ElementLinkDialog__input .ElementLinkDialog__remove{color:#c92a2a;margin-left:1rem}.excalidraw .ElementLinkDialog .ElementLinkDialog__input .ElementLinkDialog__remove .ToolIcon__icon{width:2rem;height:2rem}.excalidraw .ElementLinkDialog .ElementLinkDialog__input .ElementLinkDialog__remove .ToolIcon__icon svg{color:#fa5252}.excalidraw .ElementLinkDialog .ElementLinkDialog__actions{display:flex;justify-content:flex-end;margin-top:1.5rem}.excalidraw--mobile.excalidraw .ElementLinkDialog .ElementLinkDialog__actions{font-size:.875rem;margin-top:1rem}.excalidraw .layer-ui__wrapper.animate{transition:width .1s ease-in-out}.excalidraw .layer-ui__wrapper{position:absolute;width:100%;height:100%;pointer-events:none;z-index:var(--zIndex-layerUI)}.excalidraw .layer-ui__wrapper__top-right{display:flex;width:100%;justify-content:flex-end;gap:.75rem;pointer-events:none!important}.excalidraw .layer-ui__wrapper__top-right>*{pointer-events:var(--ui-pointerEvents)}.excalidraw .layer-ui__wrapper__footer{width:100%}.excalidraw .layer-ui__wrapper__footer-right{z-index:100;display:flex}.excalidraw .layer-ui__wrapper .zen-mode-transition{transition:transform .5s ease-in-out}:root[dir=ltr] .excalidraw .layer-ui__wrapper .zen-mode-transition.transition-left{transform:translate(-999px)}:root[dir=ltr] .excalidraw .layer-ui__wrapper .zen-mode-transition.transition-right{transform:translate(999px)}:root[dir=rtl] .excalidraw .layer-ui__wrapper .zen-mode-transition.transition-left{transform:translate(999px)}:root[dir=rtl] .excalidraw .layer-ui__wrapper .zen-mode-transition.transition-right{transform:translate(-999px)}.excalidraw .layer-ui__wrapper .zen-mode-transition.layer-ui__wrapper__footer-left--transition-bottom{transform:translateY(92px)}.excalidraw .layer-ui__wrapper .disable-zen-mode{padding:10px;position:absolute;bottom:0;opacity:0;visibility:hidden;transition:visibility 0s linear 0s,opacity .5s;font-family:var(--ui-font);font-size:.75rem;font-weight:500;line-height:1;border-radius:var(--border-radius-lg);border:1px solid var(--default-border-color);background-color:var(--island-bg-color);color:var(--text-primary-color)}[dir=ltr] .excalidraw .layer-ui__wrapper .disable-zen-mode{right:1rem}[dir=rtl] .excalidraw .layer-ui__wrapper .disable-zen-mode{left:1rem}.excalidraw .layer-ui__wrapper .disable-zen-mode:hover{background-color:var(--button-hover-bg)}.excalidraw .layer-ui__wrapper .disable-zen-mode:active{border-color:var(--color-primary)}.excalidraw .layer-ui__wrapper .disable-zen-mode--visible{opacity:1;visibility:visible;transition:visibility 0s linear .3s,opacity .5s;transition-delay:.8s;pointer-events:var(--ui-pointerEvents)}.excalidraw .layer-ui__wrapper .layer-ui__wrapper__footer-left>*,.excalidraw .layer-ui__wrapper .footer-center>*,.excalidraw .layer-ui__wrapper .layer-ui__wrapper__footer-right>*{pointer-events:var(--ui-pointerEvents)}.excalidraw .layer-ui__wrapper .layer-ui__wrapper__footer-right{margin-top:auto;margin-bottom:auto}.excalidraw .App-toolbar.zen-mode .ToolIcon__keybinding,.excalidraw .App-toolbar.zen-mode .HintViewer{display:none}.excalidraw .App-toolbar__divider{width:1px;height:1.5rem;align-self:center;background-color:var(--default-border-color);margin:0 .25rem}.excalidraw--mobile.excalidraw .App-toolbar__divider{margin:0}.excalidraw .App-toolbar__extra-tools-trigger{box-shadow:none;border:0;background-color:transparent}.excalidraw .App-toolbar__extra-tools-trigger:active{background-color:var(--button-hover-bg);box-shadow:0 0 0 1px var(--button-active-border, var(--color-primary-darkest)) inset}.excalidraw .App-toolbar__extra-tools-trigger--selected,.excalidraw .App-toolbar__extra-tools-trigger--selected:hover{background:var(--color-primary-light);color:var(--color-primary)}.excalidraw .App-toolbar__extra-tools-dropdown{margin-top:.375rem;right:0;min-width:11.875rem;z-index:1}.excalidraw .Toast{animation:fade-in .5s;background-color:var(--button-gray-1);border-radius:4px;bottom:10px;box-sizing:border-box;cursor:default;left:50%;margin-left:-150px;padding:4px 0;position:absolute;text-align:center;width:300px;z-index:999999}.excalidraw .Toast .Toast__message{padding:0 1.6rem;color:var(--popup-text-color);white-space:pre-wrap}.excalidraw .Toast .close{position:absolute;top:0;right:0;padding:.4rem}.excalidraw .Toast .close .ToolIcon__icon{width:1.2rem;height:1.2rem}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.excalidraw .SVGLayer{pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:var(--zIndex-svgLayer)}.excalidraw .SVGLayer svg{image-rendering:auto;overflow:visible;position:absolute;width:100%;height:100%;top:0;left:0}.excalidraw .excalidraw-canvas-buttons{position:absolute;box-shadow:0 2px 4px #0000004d;z-index:var(--zIndex-canvasButtons);background:var(--island-bg-color);border-radius:var(--border-radius-lg);display:flex;flex-direction:column;gap:.375rem}.excalidraw .follow-mode{position:absolute;box-sizing:border-box;pointer-events:none;border:2px solid var(--color-primary-hover);z-index:9999;display:flex;align-items:flex-end;justify-content:center}.excalidraw .follow-mode__badge{background-color:var(--color-primary-hover);color:var(--color-primary-light);padding:.25rem .5rem;margin-bottom:.5rem;border-radius:.5rem;pointer-events:all;font-size:.75rem;display:flex;gap:.5rem;align-items:center}.excalidraw .follow-mode__badge__label{display:flex;white-space:pre-wrap;line-height:1}.excalidraw .follow-mode__badge__username{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.excalidraw .follow-mode__disconnect-btn{all:unset;cursor:pointer;border-radius:.25rem}.excalidraw .follow-mode__disconnect-btn:hover{background-color:var(--color-primary-darker)}.excalidraw .follow-mode__disconnect-btn:active{background-color:var(--color-primary-darkest)}.excalidraw .follow-mode__disconnect-btn svg{display:block;width:1rem;height:1rem}.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap;user-select:none}.LoadingMessage{position:absolute;inset:0;z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.LoadingMessage .Spinner{font-size:2.8em}.LoadingMessage .LoadingMessage-text{margin-top:1em;font-size:.8em}.LoadingMessage--dark{background-color:#121212;color:#ced4da}.excalidraw{--theme-filter: none;--button-destructive-bg-color: #ffe3e3;--button-destructive-color: #c92a2a;--button-gray-1: #e9ecef;--button-gray-2: #ced4da;--button-gray-3: #adb5bd;--button-special-active-bg-color: #ebfbee;--dialog-border-color: var(--color-gray-20);--dropdown-icon: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="292.4" height="292.4" viewBox="0 0 292 292"><path d="M287 197L159 69c-4-3-8-5-13-5s-9 2-13 5L5 197c-3 4-5 8-5 13s2 9 5 13c4 4 8 5 13 5h256c5 0 9-1 13-5s5-8 5-13-1-9-5-13z"/></svg>');--focus-highlight-color: #a5d8ff;--icon-fill-color: var(--color-on-surface);--icon-green-fill-color: #2b8a3e;--default-bg-color: #ffffff;--input-bg-color: #ffffff;--input-border-color: #ced4da;--input-hover-bg-color: #f1f3f5;--input-label-color: #495057;--island-bg-color: #ffffff;--keybinding-color: var(--color-gray-40);--link-color: #1c7ed6;--overlay-bg-color: rgba(255, 255, 255, .88);--popup-bg-color: var(--island-bg-color);--popup-secondary-bg-color: #f1f3f5;--popup-text-color: #000000;--popup-text-inverted-color: #ffffff;--select-highlight-color: #339af0;--shadow-island: 0px 0px .9310142993927002px 0px rgba(0, 0, 0, .17), 0px 0px 3.1270833015441895px 0px rgba(0, 0, 0, .08), 0px 7px 14px 0px rgba(0, 0, 0, .05);--button-hover-bg: var(--color-surface-high);--button-active-bg: var(--color-surface-high);--button-active-border: var(--color-brand-active);--default-border-color: var(--color-surface-high);--default-button-size: 2rem;--default-icon-size: 1rem;--lg-button-size: 2.25rem;--lg-icon-size: 1rem;--editor-container-padding: 1rem;--scrollbar-thumb: var(--button-gray-2);--scrollbar-thumb-hover: var(--button-gray-3);--color-slider-track: hsl(240, 100%, 90%);--color-slider-thumb: var(--color-gray-80);--modal-shadow: 0px 100px 80px rgba(0, 0, 0, .07), 0px 41.7776px 33.4221px rgba(0, 0, 0, .0503198), 0px 22.3363px 17.869px rgba(0, 0, 0, .0417275), 0px 12.5216px 10.0172px rgba(0, 0, 0, .035), 0px 6.6501px 5.32008px rgba(0, 0, 0, .0282725), 0px 2.76726px 2.21381px rgba(0, 0, 0, .0196802);--avatar-border-color: var(--color-gray-20);--sidebar-shadow: 0px 100px 80px rgba(0, 0, 0, .07), 0px 41.7776px 33.4221px rgba(0, 0, 0, .0503198), 0px 22.3363px 17.869px rgba(0, 0, 0, .0417275), 0px 12.5216px 10.0172px rgba(0, 0, 0, .035), 0px 6.6501px 5.32008px rgba(0, 0, 0, .0282725), 0px 2.76726px 2.21381px rgba(0, 0, 0, .0196802);--sidebar-border-color: var(--color-surface-high);--sidebar-bg-color: var(--island-bg-color);--library-dropdown-shadow: 0px 15px 6px rgba(0, 0, 0, .01), 0px 8px 5px rgba(0, 0, 0, .05), 0px 4px 4px rgba(0, 0, 0, .09), 0px 1px 2px rgba(0, 0, 0, .1), 0px 0px 0px rgba(0, 0, 0, .1);--space-factor: .25rem;--text-primary-color: var(--color-on-surface);--color-selection: #6965db;--color-icon-white: #ffffff;--color-primary: #6965db;--color-primary-darker: #5b57d1;--color-primary-darkest: #4a47b1;--color-primary-light: #e3e2fe;--color-primary-light-darker: #d7d5ff;--color-primary-hover: #5753d0;--color-gray-10: #f5f5f5;--color-gray-20: #ebebeb;--color-gray-30: #d6d6d6;--color-gray-40: #b8b8b8;--color-gray-50: #999999;--color-gray-60: #7a7a7a;--color-gray-70: #5c5c5c;--color-gray-80: #3d3d3d;--color-gray-85: #242424;--color-gray-90: #1e1e1e;--color-gray-100: #121212;--color-disabled: var(--color-gray-40);--color-warning: #fceeca;--color-warning-dark: #f5c354;--color-warning-darker: #f3ab2c;--color-warning-darkest: #ec8b14;--color-text-warning: var(--text-primary-color);--color-danger: #db6965;--color-danger-dark: #db6965;--color-danger-darker: #d65550;--color-danger-darkest: #d1413c;--color-danger-text: black;--color-danger-background: #fff0f0;--color-danger-icon-background: #ffdad6;--color-danger-color: #700000;--color-danger-icon-color: #700000;--color-warning-background: var(--color-warning);--color-warning-icon-background: var(--color-warning-dark);--color-warning-color: var(--text-primary-color);--color-warning-icon-color: var(--text-primary-color);--color-muted: var(--color-gray-30);--color-muted-darker: var(--color-gray-60);--color-muted-darkest: var(--color-gray-100);--color-muted-background: var(--color-gray-80);--color-muted-background-darker: var(--color-gray-100);--color-promo: var(--color-primary);--color-success: #cafccc;--color-success-darker: #bafabc;--color-success-darkest: #a5eba8;--color-success-text: #268029;--color-success-contrast: #65bb6a;--color-success-contrast-hover: #6bcf70;--color-success-contrast-active: #6edf74;--color-logo-icon: var(--color-primary);--color-logo-text: #190064;--border-radius-md: .375rem;--border-radius-lg: .5rem;--color-surface-high: #f1f0ff;--color-surface-mid: #f2f2f7;--color-surface-low: #ececf4;--color-surface-lowest: #ffffff;--color-on-surface: #1b1b1f;--color-brand-hover: #5753d0;--color-on-primary-container: #030064;--color-brand-active: #4440bf;--color-border-outline: #767680;--color-border-outline-variant: #c5c5d0;--color-surface-primary-container: #e0dfff;--color-badge: #0b6513;--background-color-badge: #d3ffd2}@media screen and (min-device-width: 1921px){.excalidraw{--lg-button-size: 2.5rem;--lg-icon-size: 1.25rem;--default-button-size: 2.25rem;--default-icon-size: 1.25rem}}.excalidraw.theme--dark.theme--dark-background-none{background:none}.excalidraw.theme--dark{--theme-filter: invert(93%) hue-rotate(180deg);--button-destructive-bg-color: #5a0000;--button-destructive-color: #ffa8a8;--button-gray-1: #363636;--button-gray-2: #272727;--button-gray-3: #222;--button-special-active-bg-color: #204624;--dialog-border-color: var(--color-gray-80);--dropdown-icon: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="292.4" height="292.4" viewBox="0 0 292 292"><path fill="%23ced4da" d="M287 197L159 69c-4-3-8-5-13-5s-9 2-13 5L5 197c-3 4-5 8-5 13s2 9 5 13c4 4 8 5 13 5h256c5 0 9-1 13-5s5-8 5-13-1-9-5-13z"/></svg>');--focus-highlight-color: #228be6;--icon-green-fill-color: #69db7c;--default-bg-color: #121212;--input-bg-color: #121212;--input-border-color: #2e2e2e;--input-hover-bg-color: #181818;--input-label-color: #e9ecef;--island-bg-color: #232329;--keybinding-color: var(--color-gray-60);--link-color: #4dabf7;--overlay-bg-color: rgba(52, 58, 64, .12);--popup-secondary-bg-color: #222;--popup-text-color: #ced4da;--popup-text-inverted-color: #2c2c2c;--select-highlight-color: #4dabf7;--shadow-island: 0px 0px .9310142993927002px 0px rgba(0, 0, 0, .17), 0px 0px 3.1270833015441895px 0px rgba(0, 0, 0, .08), 0px 7px 14px 0px rgba(0, 0, 0, .05);--modal-shadow: 0px 100px 80px rgba(0, 0, 0, .07), 0px 41.7776px 33.4221px rgba(0, 0, 0, .0503198), 0px 22.3363px 17.869px rgba(0, 0, 0, .0417275), 0px 12.5216px 10.0172px rgba(0, 0, 0, .035), 0px 6.6501px 5.32008px rgba(0, 0, 0, .0282725), 0px 2.76726px 2.21381px rgba(0, 0, 0, .0196802);--avatar-border-color: var(--color-gray-85);--scrollbar-thumb: #343a40;--scrollbar-thumb-hover: #495057;--color-slider-track: hsl(244, 23%, 39%);--color-selection: #3530c4;--color-icon-white: var(--color-gray-90);--color-primary: #a8a5ff;--color-primary-darker: #b2aeff;--color-primary-darkest: #beb9ff;--color-primary-light: #4f4d6f;--color-primary-light-darker: #43415e;--color-primary-hover: #bbb8ff;--color-disabled: var(--color-gray-70);--color-text-warning: var(--color-gray-80);--color-danger: #ffa8a5;--color-danger-dark: #672120;--color-danger-darker: #8f2625;--color-danger-darkest: #ac2b29;--color-danger-text: #fbcbcc;--color-danger-background: #fbcbcc;--color-danger-icon-background: #672120;--color-danger-color: #261919;--color-danger-icon-color: #fbcbcc;--color-warning-background: var(--color-warning);--color-warning-icon-background: var(--color-warning-dark);--color-warning-color: var(--color-gray-80);--color-warning-icon-color: var(--color-gray-80);--color-muted: var(--color-gray-80);--color-muted-darker: var(--color-gray-60);--color-muted-darkest: var(--color-gray-20);--color-muted-background: var(--color-gray-40);--color-muted-background-darker: var(--color-gray-20);--color-logo-text: #e2dfff;--color-surface-high: hsl(245, 10%, 21%);--color-surface-low: hsl(240, 8%, 15%);--color-surface-mid: hsl(240 6% 10%);--color-surface-lowest: hsl(0, 0%, 7%);--color-on-surface: #e3e3e8;--color-brand-hover: #bbb8ff;--color-on-primary-container: #e0dfff;--color-brand-active: #d0ccff;--color-border-outline: #8e8d9c;--color-border-outline-variant: #46464f;--color-surface-primary-container: #403e6a}:root{--zIndex-canvas: 1;--zIndex-interactiveCanvas: 2;--zIndex-svgLayer: 3;--zIndex-wysiwyg: 3;--zIndex-canvasButtons: 3;--zIndex-layerUI: 4;--zIndex-eyeDropperBackdrop: 5;--zIndex-eyeDropperPreview: 6;--zIndex-hyperlinkContainer: 7;--zIndex-modal: 1000;--zIndex-popup: 1001;--zIndex-toast: 999999;--sab: env(safe-area-inset-bottom);--sal: env(safe-area-inset-left);--sar: env(safe-area-inset-right);--sat: env(safe-area-inset-top)}body.excalidraw-cursor-resize,body.excalidraw-cursor-resize a:hover,body.excalidraw-cursor-resize *{cursor:ew-resize}.excalidraw{--ui-font: Assistant, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;font-family:var(--ui-font);position:relative;overflow:hidden;color:var(--text-primary-color);display:flex;inset:0;height:100%;width:100%;user-select:none}.excalidraw button{cursor:pointer;user-select:none}.excalidraw:focus{outline:none}.excalidraw .excalidraw-link,.excalidraw a{font-weight:500;text-decoration:none;color:var(--link-color);user-select:none;cursor:pointer}.excalidraw .excalidraw-link:hover,.excalidraw a:hover{text-decoration:underline}.excalidraw .excalidraw-link:active,.excalidraw a:active{text-decoration:none}.excalidraw canvas{touch-action:none;image-rendering:pixelated;image-rendering:-moz-crisp-edges;z-index:var(--zIndex-canvas)}.excalidraw canvas.interactive{z-index:var(--zIndex-interactiveCanvas)}.excalidraw__canvas-wrapper,.excalidraw__canvas.static{pointer-events:none}.excalidraw__canvas{position:absolute}.excalidraw__embeddable{width:100%;height:100%;border:0}.excalidraw__embeddable-container{position:absolute;z-index:2;transform-origin:top left;pointer-events:none}.excalidraw.theme--dark canvas{filter:var(--theme-filter)}.excalidraw .FixedSideContainer{padding-top:var(--sat, 0);padding-right:var(--sar, 0);padding-bottom:var(--sab, 0);padding-left:var(--sal, 0)}.excalidraw .panelRow{display:flex;justify-content:space-between}.excalidraw .panelColumn{display:flex;flex-direction:column;row-gap:.75rem}.excalidraw .panelColumn h3,.excalidraw .panelColumn legend,.excalidraw .panelColumn .control-label{margin:0;margin-bottom:.25rem;font-size:.75rem;color:var(--text-primary-color);font-weight:400;display:block}.excalidraw .panelColumn .control-label input{display:block;width:100%}.excalidraw .panelColumn legend{padding:0}.excalidraw .panelColumn .iconSelectList{flex-wrap:wrap;position:relative}.excalidraw .panelColumn .buttonList{flex-wrap:wrap;display:flex;column-gap:.5rem;row-gap:.5rem}.excalidraw .panelColumn .buttonList label{font-size:.75rem}.excalidraw .panelColumn .buttonList input[type=radio],.excalidraw .panelColumn .buttonList input[type=button]{opacity:0;position:absolute;pointer-events:none}.excalidraw .panelColumn .buttonList .iconRow{margin-top:8px}.excalidraw .panelColumn fieldset{margin:0;padding:0;border:none}.excalidraw .divider{width:1px;background-color:#e9ecef;margin:1px}.excalidraw .welcome-screen-menu-item:focus-visible,.excalidraw .dropdown-menu-item:focus-visible,.excalidraw button:focus-visible,.excalidraw .buttonList label:focus-within,.excalidraw input:focus-visible{outline:transparent;box-shadow:0 0 0 1px var(--color-brand-hover)}.excalidraw .buttonList .ToolIcon__icon{all:unset!important;display:flex!important}.excalidraw .buttonList button{background-color:transparent}.excalidraw .buttonList label,.excalidraw .buttonList button,.excalidraw .buttonList .zIndexButton{display:flex;justify-content:center;align-items:center;padding:.625rem;width:var(--button-width, var(--default-button-size));height:var(--button-height, var(--default-button-size));box-sizing:border-box;border-width:1px;border-style:solid;border-color:var(--button-border, var(--default-border-color));border-radius:var(--border-radius-lg);cursor:pointer;background-color:var(--button-bg, var(--island-bg-color));color:var(--button-color, var(--color-on-surface));font-family:var(--ui-font);padding:0}.excalidraw .buttonList label svg,.excalidraw .buttonList button svg,.excalidraw .buttonList .zIndexButton svg{width:var(--button-width, var(--lg-icon-size));height:var(--button-height, var(--lg-icon-size))}.excalidraw .buttonList label:hover,.excalidraw .buttonList button:hover,.excalidraw .buttonList .zIndexButton:hover{background-color:var(--button-hover-bg, var(--island-bg-color));border-color:var(--button-hover-border, var(--button-border, var(--default-border-color)));color:var(--button-hover-color, var(--button-color, var(--text-primary-color, inherit)))}.excalidraw .buttonList label:active,.excalidraw .buttonList button:active,.excalidraw .buttonList .zIndexButton:active{background-color:var(--button-active-bg, var(--island-bg-color));border-color:var(--button-active-border, var(--color-primary-darkest))}.excalidraw .buttonList label.active,.excalidraw .buttonList button.active,.excalidraw .buttonList .zIndexButton.active{background-color:var(--button-selected-bg, var(--color-surface-primary-container));border-color:var(--button-selected-border, var(--color-surface-primary-container))}.excalidraw .buttonList label.active:hover,.excalidraw .buttonList button.active:hover,.excalidraw .buttonList .zIndexButton.active:hover{background-color:var(--button-selected-hover-bg, var(--color-surface-primary-container))}.excalidraw .buttonList label.active svg,.excalidraw .buttonList button.active svg,.excalidraw .buttonList .zIndexButton.active svg{color:var(--button-color, var(--color-on-primary-container))}.excalidraw .buttonList label svg,.excalidraw .buttonList button svg,.excalidraw .buttonList .zIndexButton svg{width:var(--default-icon-size);height:var(--default-icon-size)}.excalidraw .App-top-bar{z-index:var(--zIndex-layerUI);display:flex;flex-direction:column;align-items:center}.excalidraw .App-bottom-bar{position:absolute;inset:0;--bar-padding: calc(4 * var(--space-factor));padding-top:max(var(--bar-padding),var(--sat,0));padding-right:var(--sar, 0);padding-bottom:var(--sab, 0);padding-left:var(--sal, 0);z-index:4;display:flex;align-items:flex-end;pointer-events:none}.excalidraw .App-bottom-bar>.Island{width:100%;max-width:100%;min-width:100%;box-sizing:border-box;max-height:100%;display:flex;flex-direction:column;pointer-events:var(--ui-pointerEvents)}.excalidraw .App-bottom-bar>.Island .panelColumn{padding:8px 8px 0}.excalidraw .App-toolbar{width:100%}.excalidraw .App-toolbar .eraser.ToolIcon:hover{--icon-fill-color: #fff;--keybinding-color: #fff}.excalidraw .App-toolbar .eraser.active{background-color:var(--color-primary)}.excalidraw .App-toolbar-content{display:flex;align-items:center;justify-content:space-between;padding:8px}.excalidraw .App-toolbar-content .dropdown-menu--mobile{bottom:55px;top:auto}.excalidraw .App-mobile-menu{width:100%;overflow-x:visible;overflow-y:auto;box-sizing:border-box;margin-bottom:var(--bar-padding)}.excalidraw .App-menu{display:grid;color:var(--icon-fill-color)}.excalidraw .shapes-section{display:flex;justify-content:center;pointer-events:none!important}.excalidraw .shapes-section>*{pointer-events:var(--ui-pointerEvents)}.excalidraw .App-menu_top{grid-template-columns:1fr 2fr 1fr;grid-gap:2rem;align-items:flex-start;cursor:default;pointer-events:none!important}.excalidraw .App-menu_top>*{pointer-events:var(--ui-pointerEvents)}@media (min-width: 1536px){.excalidraw .App-menu_top{grid-template-columns:1fr 1fr 1fr;grid-gap:3rem}}.excalidraw .App-menu_top>*:first-child{justify-self:flex-start}.excalidraw .App-menu_top>*:last-child{justify-self:flex-end}.excalidraw .App-menu_bottom{position:absolute;bottom:1rem;display:flex;justify-content:space-between;align-items:flex-start;cursor:default;pointer-events:none!important;box-sizing:border-box;padding:0 1rem}.excalidraw .App-menu_bottom--transition-left section{width:185px}.excalidraw .App-menu_bottom section{display:flex}.excalidraw .App-menu_bottom>*:first-child{justify-self:flex-start}.excalidraw .App-menu_bottom>*:last-child{justify-self:flex-end}.excalidraw .App-menu_left{grid-template-rows:1fr auto 1fr;height:100%}.excalidraw .App-menu_right{grid-template-rows:1fr;height:100%}.excalidraw .App-menu__left{overflow-y:auto;padding:.75rem;width:12.5rem;box-sizing:border-box;position:absolute}.excalidraw .dropdown-select{height:1.5rem;padding:0;padding-inline-start:.5rem;padding-inline-end:1.5rem;color:var(--icon-fill-color);background-color:var(--button-gray-1);border-radius:var(--space-factor);border:1px solid var(--button-gray-2);font-size:.8rem;font-family:inherit;outline:none;appearance:none;background-image:var(--dropdown-icon);background-repeat:no-repeat;background-position:right .7rem top 50%,0 0;background-size:.65em auto,100%}:root[dir=rtl] .excalidraw .dropdown-select{background-position:left .7rem top 50%,0 0}.excalidraw .dropdown-select:focus{box-shadow:0 0 0 2px var(--focus-highlight-color)}.excalidraw .dropdown-select:hover,.excalidraw .dropdown-select:active{background-color:var(--button-gray-2)}.excalidraw .dropdown-select__language{height:2rem;background-color:var(--island-bg-color);border-color:var(--default-border-color)!important;cursor:pointer}.excalidraw .dropdown-select__language:hover{background-color:var(--island-bg-color)}.excalidraw .scroll-back-to-content{border-radius:var(--border-radius-lg);background-color:var(--island-bg-color);color:var(--icon-fill-color);border:1px solid var(--default-border-color);padding:10px 20px;position:absolute;left:50%;bottom:30px;transform:translate(-50%);pointer-events:var(--ui-pointerEvents);font-family:inherit}.excalidraw .scroll-back-to-content:hover{background-color:var(--button-hover-bg)}.excalidraw .scroll-back-to-content:active{border:1px solid var(--button-active-border)}.excalidraw .help-icon{display:flex;justify-content:center;align-items:center;padding:.625rem;width:var(--button-width, var(--default-button-size));height:var(--button-height, var(--default-button-size));box-sizing:border-box;border-width:1px;border-style:solid;border-color:var(--button-border, var(--default-border-color));border-radius:var(--border-radius-lg);cursor:pointer;background-color:var(--button-bg, var(--island-bg-color));color:var(--button-color, var(--color-on-surface));font-family:var(--ui-font);border:none;box-shadow:0 0 0 1px var(--color-surface-lowest);background-color:var(--color-surface-low);width:var(--lg-button-size);height:var(--lg-button-size)}.excalidraw .help-icon svg{width:var(--button-width, var(--lg-icon-size));height:var(--button-height, var(--lg-icon-size))}.excalidraw .help-icon:hover{background-color:var(--button-hover-bg, var(--island-bg-color));border-color:var(--button-hover-border, var(--button-border, var(--default-border-color)));color:var(--button-hover-color, var(--button-color, var(--text-primary-color, inherit)))}.excalidraw .help-icon:active{background-color:var(--button-active-bg, var(--island-bg-color));border-color:var(--button-active-border, var(--color-primary-darkest))}.excalidraw .help-icon.active{background-color:var(--button-selected-bg, var(--color-surface-primary-container));border-color:var(--button-selected-border, var(--color-surface-primary-container))}.excalidraw .help-icon.active:hover{background-color:var(--button-selected-hover-bg, var(--color-surface-primary-container))}.excalidraw .help-icon.active svg{color:var(--button-color, var(--color-on-primary-container))}.excalidraw .help-icon:active{box-shadow:0 0 0 1px var(--color-brand-active)}.excalidraw .help-icon svg{width:var(--lg-icon-size);height:var(--lg-icon-size)}.excalidraw .reset-zoom-button{font-family:var(--ui-font)}.excalidraw .finalize-button{display:grid;grid-auto-flow:column;gap:.4em;margin-top:auto;margin-bottom:auto;margin-inline-start:.6em}.excalidraw .undo-redo-buttons,.excalidraw .eraser-buttons{display:grid;grid-auto-flow:column;margin-top:auto;margin-bottom:auto;margin-inline-start:.6em}.excalidraw--mobile.excalidraw aside{display:none}.excalidraw--mobile.excalidraw .scroll-back-to-content{bottom:calc(80px + var(--sab, 0));z-index:-1}:root[dir=rtl] .excalidraw .rtl-mirror{transform:scaleX(-1)}.excalidraw .zen-mode-visibility{visibility:visible;opacity:1;height:auto;width:auto;transition:opacity .5s}.excalidraw .zen-mode-visibility.zen-mode-visibility--hidden{visibility:hidden;opacity:0;height:0;width:0;transition:opacity .5s}.excalidraw .disable-pointerEvents{pointer-events:none!important}.excalidraw.excalidraw--view-mode .App-menu{display:flex;justify-content:space-between}.excalidraw input.is-redacted{-webkit-text-security:disc}.excalidraw input[type=text],.excalidraw textarea:not(.excalidraw-wysiwyg){color:var(--text-primary-color);border:1.5px solid var(--input-border-color);padding:.75rem;white-space:nowrap;border-radius:var(--space-factor);background-color:var(--input-bg-color)}.excalidraw input[type=text]:not(:focus):hover,.excalidraw textarea:not(.excalidraw-wysiwyg):not(:focus):hover{border-color:var(--color-brand-hover)}.excalidraw input[type=text]:focus,.excalidraw textarea:not(.excalidraw-wysiwyg):focus{outline:none;border-color:var(--color-brand-hover)}@media print{.excalidraw .App-bottom-bar,.excalidraw .FixedSideContainer,.excalidraw .layer-ui__wrapper{display:none}}.excalidraw ::-webkit-scrollbar{width:4px;height:3px}.excalidraw select::-webkit-scrollbar{width:10px}.excalidraw ::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}.excalidraw ::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.excalidraw ::-webkit-scrollbar-thumb:active{background:var(--scrollbar-thumb)}.excalidraw .mobile-misc-tools-container{position:absolute;top:calc(5rem - var(--editor-container-padding));right:calc(var(--editor-container-padding) * -1);display:flex;flex-direction:column;border:1px solid var(--sidebar-border-color);border-top-left-radius:var(--border-radius-lg);border-bottom-left-radius:var(--border-radius-lg);border-right:0;overflow:hidden;background-color:var(--island-bg-color)}.excalidraw .mobile-misc-tools-container .ToolIcon__icon{width:2rem;height:2rem;border-radius:0}.excalidraw .mobile-misc-tools-container .default-sidebar-trigger{border:0}.excalidraw .App-toolbar--mobile{overflow:visible;max-width:98vw}.excalidraw .App-toolbar--mobile .ToolIcon__keybinding{display:none}.excalidraw .UserList-Wrapper{margin:0;padding:0;border:none;text-align:left}.excalidraw .UserList-Wrapper legend{display:block;font-size:.75rem;font-weight:400;margin:0 0 .25rem;padding:0}.excalidraw .main-menu-trigger{border:none;box-shadow:0 0 0 1px var(--color-surface-lowest);background-color:var(--color-surface-low)}.excalidraw .main-menu-trigger:active{box-shadow:0 0 0 1px var(--color-brand-active)}.excalidraw .App-mobile-menu,.excalidraw .App-menu__left{--button-border: transparent;--button-bg: var(--color-surface-mid)}.excalidraw.theme--dark.excalidraw .App-mobile-menu,.excalidraw.theme--dark.excalidraw .App-menu__left{--button-hover-bg: #363541;--button-bg: var(--color-surface-high)}.excalidraw .App-menu__left .buttonList{padding:.25rem 0}.excalidraw .excalidraw__paragraph{margin:1rem 0}.excalidraw .Modal__content .excalidraw__paragraph:first-child{margin-top:0}.excalidraw .Modal__content .excalidraw__paragraph+.excalidraw__paragraph{margin-top:0rem}.ErrorSplash.excalidraw{min-height:100vh;padding:20px 0;overflow:auto;display:flex;align-items:center;justify-content:center;user-select:text}.ErrorSplash.excalidraw .ErrorSplash-messageContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;background-color:#ffe3e3;border:3px solid #c92a2a}.ErrorSplash.excalidraw .ErrorSplash-paragraph{margin:15px 0;max-width:600px}.ErrorSplash.excalidraw .ErrorSplash-paragraph.align-center{text-align:center}.ErrorSplash.excalidraw .bigger,.ErrorSplash.excalidraw .bigger button{font-size:1.1em}.ErrorSplash.excalidraw .smaller,.ErrorSplash.excalidraw .smaller button{font-size:.9em}.ErrorSplash.excalidraw .ErrorSplash-details{display:flex;flex-direction:column;align-items:flex-start}.ErrorSplash.excalidraw .ErrorSplash-details textarea{width:100%;margin:10px 0;font-family:Cascadia;font-size:.8em}.excalidraw__embeddable-container .excalidraw__embeddable-container__inner{overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:var(--embeddable-radius)}.excalidraw__embeddable-container .excalidraw__embeddable__outer{width:100%;height:100%}.excalidraw__embeddable-container .excalidraw__embeddable__outer>*{border-radius:var(--embeddable-radius)}.excalidraw__embeddable-container .excalidraw__embeddable-hint{position:absolute;z-index:1;background:#00000080;padding:1rem 1.6rem;border-radius:12px;color:#fff;font-weight:700;letter-spacing:.6px;font-family:Assistant}@font-face{font-family:Assistant;src:url("/assets/Assistant-Regular-DVxZuzxb.woff2") format("woff2");font-weight:400;style:normal;display:swap}@font-face{font-family:Assistant;src:url("/assets/Assistant-Medium-DrcxCXg3.woff2") format("woff2");font-weight:500;style:normal;display:swap}@font-face{font-family:Assistant;src:url("/assets/Assistant-SemiBold-SCI4bEL9.woff2") format("woff2");font-weight:600;style:normal;display:swap}@font-face{font-family:Assistant;src:url("/assets/Assistant-Bold-gm-uSS1B.woff2") format("woff2");font-weight:700;style:normal;display:swap}.footer-center{pointer-events:none;display:flex;width:100%;justify-content:flex-start;margin-inline-end:.6rem}.footer-center>*{pointer-events:var(--ui-pointerEvents)}.excalidraw .ExcalidrawLogo{--logo-icon--xs: 2rem;--logo-text--xs: 1.5rem;--logo-icon--small: 2.5rem;--logo-text--small: 1.75rem;--logo-icon--normal: 3rem;--logo-text--normal: 2.2rem;--logo-icon--large: 90px;--logo-text--large: 65px;display:flex;align-items:center}.excalidraw .ExcalidrawLogo svg{flex:0 0 auto}.excalidraw .ExcalidrawLogo .ExcalidrawLogo-icon{width:auto;color:var(--color-logo-icon)}.excalidraw .ExcalidrawLogo .ExcalidrawLogo-text{margin-left:.75rem;width:auto;color:var(--color-logo-text)}.excalidraw .ExcalidrawLogo.is-xs .ExcalidrawLogo-icon{height:var(--logo-icon--xs)}.excalidraw .ExcalidrawLogo.is-xs .ExcalidrawLogo-text{height:var(--logo-text--xs)}.excalidraw .ExcalidrawLogo.is-small .ExcalidrawLogo-icon{height:var(--logo-icon--small)}.excalidraw .ExcalidrawLogo.is-small .ExcalidrawLogo-text{height:var(--logo-text--small)}.excalidraw .ExcalidrawLogo.is-normal .ExcalidrawLogo-icon{height:var(--logo-icon--normal)}.excalidraw .ExcalidrawLogo.is-normal .ExcalidrawLogo-text{height:var(--logo-text--normal)}.excalidraw .ExcalidrawLogo.is-large .ExcalidrawLogo-icon{height:var(--logo-icon--large)}.excalidraw .ExcalidrawLogo.is-large .ExcalidrawLogo-text{height:var(--logo-text--large)}.excalidraw .excalifont{font-family:Excalifont,Xiaolai}.excalidraw .welcome-screen-decor{pointer-events:none;color:var(--color-gray-40)}.excalidraw .welcome-screen-decor a{--color: var(--color-primary);color:var(--color);text-decoration:none;margin-bottom:-6px}.excalidraw.theme--dark .welcome-screen-decor{color:var(--color-gray-60)}@media (max-height: 599px){.excalidraw .welcome-screen-decor-hint{display:none!important}}@media (max-width: 1024px),(max-width: 800px){.excalidraw .welcome-screen-decor-hint .welcome-screen-decor--help,.excalidraw .welcome-screen-decor-hint .welcome-screen-decor--menu{display:none}}.excalidraw .welcome-screen-decor-hint--help{display:flex;position:absolute;right:0;bottom:100%}:root[dir=rtl] .excalidraw .welcome-screen-decor-hint--help{left:0;right:auto}.excalidraw .welcome-screen-decor-hint--help svg{margin-top:.5rem;width:85px;height:71px;transform:scaleX(-1) rotate(80deg)}:root[dir=rtl] .excalidraw .welcome-screen-decor-hint--help svg{transform:rotate(80deg)}.excalidraw .welcome-screen-decor-hint--toolbar{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:2.5rem;display:flex;align-items:baseline}.excalidraw .welcome-screen-decor-hint--toolbar .welcome-screen-decor-hint__label{width:120px;position:relative;top:-.5rem}.excalidraw .welcome-screen-decor-hint--toolbar svg{width:38px;height:78px}:root[dir=rtl] .excalidraw .welcome-screen-decor-hint--toolbar svg{transform:scaleX(-1)}.excalidraw .welcome-screen-decor-hint--menu{position:absolute;width:320px;font-size:1rem;top:100%;margin-top:.25rem;margin-inline-start:.6rem;display:flex;align-items:flex-end;gap:.5rem}.excalidraw .welcome-screen-decor-hint--menu svg{width:41px;height:94px}:root[dir=rtl] .excalidraw .welcome-screen-decor-hint--menu svg{transform:scaleX(-1)}@media (max-width: 860px){.excalidraw .welcome-screen-decor-hint--menu .welcome-screen-decor-hint__label{max-width:160px}}.excalidraw .welcome-screen-center{display:flex;flex-direction:column;gap:2rem;justify-content:center;align-items:center;position:absolute;pointer-events:none;inset:1rem}.excalidraw .welcome-screen-center__logo{display:flex;align-items:center;column-gap:.75rem;font-size:2.25rem}.excalidraw .welcome-screen-center__heading{font-size:1.125rem;text-align:center}.excalidraw .welcome-screen-menu{display:flex;flex-direction:column;gap:2px;justify-content:center;align-items:center}.excalidraw .welcome-screen-menu-item{box-sizing:border-box;pointer-events:var(--ui-pointerEvents);color:var(--color-gray-50);font-size:.875rem;width:100%;min-width:300px;max-width:400px;display:grid;align-items:center;justify-content:space-between;background:none;border:1px solid transparent;padding:.75rem;border-radius:var(--border-radius-md);grid-template-columns:calc(var(--default-icon-size) + .5rem) 1fr 3rem}.excalidraw .welcome-screen-menu-item__text{display:flex;align-items:center;margin-right:auto;text-align:left;column-gap:.5rem}.excalidraw .welcome-screen-menu-item__icon{width:var(--default-icon-size);height:var(--default-icon-size)}.excalidraw .welcome-screen-menu-item__shortcut{margin-left:auto;color:var(--color-gray-40);font-size:.75rem}.excalidraw .welcome-screen-menu-item:hover{text-decoration:none;background:var(--button-hover-bg)}.excalidraw .welcome-screen-menu-item:hover .welcome-screen-menu-item__shortcut,.excalidraw .welcome-screen-menu-item:hover .welcome-screen-menu-item__icon,.excalidraw .welcome-screen-menu-item:hover .welcome-screen-menu-item__text{color:var(--color-gray-100)}.excalidraw .welcome-screen-menu-item:active{background:var(--button-hover-bg);border-color:var(--color-brand-active)}.excalidraw .welcome-screen-menu-item:active .welcome-screen-menu-item__shortcut,.excalidraw .welcome-screen-menu-item:active .welcome-screen-menu-item__icon,.excalidraw .welcome-screen-menu-item:active .welcome-screen-menu-item__text{color:var(--color-gray-100)}.excalidraw.theme--dark .welcome-screen-menu-item,.excalidraw.theme--dark .welcome-screen-menu-item__shortcut{color:var(--color-gray-60)}.excalidraw.theme--dark .welcome-screen-menu-item:hover{background-color:var(--color-surface-low)}.excalidraw.theme--dark .welcome-screen-menu-item:hover .welcome-screen-menu-item__icon,.excalidraw.theme--dark .welcome-screen-menu-item:hover .welcome-screen-menu-item__shortcut,.excalidraw.theme--dark .welcome-screen-menu-item:hover .welcome-screen-menu-item__text,.excalidraw.theme--dark .welcome-screen-menu-item:active .welcome-screen-menu-item__icon,.excalidraw.theme--dark .welcome-screen-menu-item:active .welcome-screen-menu-item__shortcut,.excalidraw.theme--dark .welcome-screen-menu-item:active .welcome-screen-menu-item__text{color:var(--color-gray-10)}@media (max-height: 599px){.excalidraw .welcome-screen-center{margin-top:4rem}}@media (min-height: 600px) and (max-height: 900px){.excalidraw .welcome-screen-center{margin-top:8rem}}@media (max-height: 500px),(max-width: 320px){.excalidraw .welcome-screen-center{display:none}}.excalidraw .collab-button{--button-bg: var(--color-primary);--button-color: var(--color-surface-lowest);--button-border: var(--color-primary);--button-width: var(--lg-button-size);--button-height: var(--lg-button-size);--button-hover-bg: var(--color-primary-darker);--button-hover-border: var(--color-primary-darker);--button-active-bg: var(--color-primary-darker);box-shadow:0 0 0 1px var(--color-surface-lowest);flex-shrink:0}.excalidraw .collab-button.active.active{background-color:#0fb884;border-color:#0fb884}.excalidraw .collab-button.active.active svg{color:#fff}.excalidraw .collab-button.active.active:hover,.excalidraw .collab-button.active.active:active{background-color:#0fb884;border-color:#0fb884}.excalidraw .CollabButton.is-collaborating{background-color:var(--button-special-active-bg-color)}.excalidraw .CollabButton.is-collaborating .ToolIcon__icon svg,.excalidraw .CollabButton.is-collaborating .ToolIcon__label{color:var(--icon-green-fill-color)}.excalidraw .CollabButton-collaborators{min-width:1em;min-height:1em;line-height:1;position:absolute;bottom:-5px;padding:3px;border-radius:50%;background-color:#b2f2bb;color:#2b8a3e;font-size:.6rem;font-family:Cascadia}:root[dir=ltr] .excalidraw .CollabButton-collaborators{right:-5px}:root[dir=rtl] .excalidraw .CollabButton-collaborators{left:-5px}

:root,
[data-bs-theme=light] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0A78BC;
  --bs-primary-light: rgb(27.9411764706%, 60.2941176471%, 80.2941176471%);
  --bs-primary-dark: rgb(2.9411764706%, 35.2941176471%, 55.2941176471%);
  --bs-brand: #0e345e;
  --bs-secondary: #475569;
  --bs-secondary-light: #64748B;
  --bs-secondary-dark: #334155;
  --bs-success: #15803D;
  --bs-success-light: #4FBF6B;
  --bs-success-dark: #166534;
  --bs-info: #2563EB;
  --bs-info-light: #4F7DF0;
  --bs-info-dark: #1D4ED8;
  --bs-warning: #F4B84C;
  --bs-warning-light: #FEDD98;
  --bs-warning-dark: #D97706;
  --bs-danger: #B3262E;
  --bs-danger-light: #ECA4A8;
  --bs-danger-dark: #7D1A1F;
  --bs-light: #E9ECEF;
  --bs-light-darker: #DDE0E3;
  --bs-dark: #212529;
  --bs-accent: #00bfff;
  --bs-accent-light: #B3E5FC;
  --bs-purple: #6f42c1;
  --bs-purple-light: #9c7cff;
  --bs-purple-dark: #4c2a85;
  --bs-taupe: #FFFBE8;
  --bs-taupe-light: rgb(100%, 99.8226768968%, 98.9803921569%);
  --bs-taupe-dark: rgb(100%, 96.3444160273%, 78.9803921569%);
  --bs-neutral-bg: #F5F6F8;
  --bs-neutral-border: #D3D8DE;
  --bs-neutral-text: #646A73;
  --bs-primary-rgb: 10, 120, 188;
  --bs-primary-light-rgb: 71, 154, 205;
  --bs-primary-dark-rgb: 8, 90, 141;
  --bs-brand-rgb: 14, 52, 94;
  --bs-secondary-rgb: 71, 85, 105;
  --bs-secondary-light-rgb: 100, 116, 139;
  --bs-secondary-dark-rgb: 51, 65, 85;
  --bs-success-rgb: 21, 128, 61;
  --bs-success-light-rgb: 79, 191, 107;
  --bs-success-dark-rgb: 22, 101, 52;
  --bs-info-rgb: 37, 99, 235;
  --bs-info-light-rgb: 79, 125, 240;
  --bs-info-dark-rgb: 29, 78, 216;
  --bs-warning-rgb: 244, 184, 76;
  --bs-warning-light-rgb: 254, 221, 152;
  --bs-warning-dark-rgb: 217, 119, 6;
  --bs-danger-rgb: 179, 38, 46;
  --bs-danger-light-rgb: 236, 164, 168;
  --bs-danger-dark-rgb: 125, 26, 31;
  --bs-light-rgb: 233, 236, 239;
  --bs-light-darker-rgb: 221, 224, 227;
  --bs-dark-rgb: 33, 37, 41;
  --bs-accent-rgb: 0, 191, 255;
  --bs-accent-light-rgb: 179, 229, 252;
  --bs-purple-rgb: 111, 66, 193;
  --bs-purple-light-rgb: 156, 124, 255;
  --bs-purple-dark-rgb: 76, 42, 133;
  --bs-taupe-rgb: 255, 251, 232;
  --bs-taupe-light-rgb: 255, 255, 252;
  --bs-taupe-dark-rgb: 255, 246, 201;
  --bs-neutral-bg-rgb: 245, 246, 248;
  --bs-neutral-border-rgb: 211, 216, 222;
  --bs-neutral-text-rgb: 100, 106, 115;
  --bs-primary-text-emphasis: rgb(1.568627451%, 18.8235294118%, 29.4901960784%);
  --bs-secondary-text-emphasis: rgb(11.137254902%, 13.3333333333%, 16.4705882353%);
  --bs-success-text-emphasis: rgb(3.2941176471%, 20.0784313725%, 9.568627451%);
  --bs-info-text-emphasis: rgb(5.8039215686%, 15.5294117647%, 36.862745098%);
  --bs-warning-text-emphasis: rgb(38.2745098039%, 28.862745098%, 11.9215686275%);
  --bs-danger-text-emphasis: rgb(28.0784313725%, 5.9607843137%, 7.2156862745%);
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: rgb(80.7843137255%, 89.4117647059%, 94.7450980392%);
  --bs-secondary-bg-subtle: rgb(85.568627451%, 86.6666666667%, 88.2352941176%);
  --bs-success-bg-subtle: rgb(81.6470588235%, 90.0392156863%, 84.7843137255%);
  --bs-info-bg-subtle: rgb(82.9019607843%, 87.7647058824%, 98.431372549%);
  --bs-warning-bg-subtle: rgb(99.137254902%, 94.431372549%, 85.9607843137%);
  --bs-danger-bg-subtle: rgb(94.0392156863%, 82.9803921569%, 83.6078431373%);
  --bs-light-bg-subtle: rgb(98.6274509804%, 98.8235294118%, 99.0196078431%);
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: rgb(61.568627451%, 78.8235294118%, 89.4901960784%);
  --bs-secondary-border-subtle: rgb(71.137254902%, 73.3333333333%, 76.4705882353%);
  --bs-success-border-subtle: rgb(63.2941176471%, 80.0784313725%, 69.568627451%);
  --bs-info-border-subtle: rgb(65.8039215686%, 75.5294117647%, 96.862745098%);
  --bs-warning-border-subtle: rgb(98.2745098039%, 88.862745098%, 71.9215686275%);
  --bs-danger-border-subtle: rgb(88.0784313725%, 65.9607843137%, 67.2156862745%);
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: "Ubuntu", sans-serif;
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #ffffff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #0A78BC;
  --bs-link-color-rgb: 10, 120, 188;
  --bs-link-decoration: underline;
  --bs-link-hover-color: rgb(2.9411764706%, 35.2941176471%, 55.2941176471%);
  --bs-link-hover-color-rgb: 8, 90, 141;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: rgb(100%, 95.137254902%, 80.5490196078%);
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 1rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(10, 120, 188, 0.25);
  --bs-form-valid-color: #15803D;
  --bs-form-valid-border-color: #15803D;
  --bs-form-invalid-color: #B3262E;
  --bs-form-invalid-border-color: #B3262E;
}

[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #F1F3F5;
  --bs-body-color-rgb: 241, 243, 245;
  --bs-body-bg: #18191B;
  --bs-body-bg-rgb: 24, 25, 27;
  --bs-emphasis-color: #ffffff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: #AEB4BA;
  --bs-secondary-color-rgb: 174, 180, 186;
  --bs-secondary-bg: #292C2F;
  --bs-secondary-bg-rgb: 41, 44, 47;
  --bs-tertiary-color: rgba(241, 243, 245, 0.5);
  --bs-tertiary-color-rgb: 241, 243, 245;
  --bs-tertiary-bg: #222426;
  --bs-tertiary-bg-rgb: 34, 36, 38;
  --bs-primary-text-emphasis: #9EC6F7;
  --bs-secondary-text-emphasis: #B4C0D2;
  --bs-success-text-emphasis: #6FD48E;
  --bs-info-text-emphasis: #8FB4F6;
  --bs-warning-text-emphasis: #F8D48E;
  --bs-danger-text-emphasis: #F0949A;
  --bs-light-text-emphasis: #E9ECEF;
  --bs-dark-text-emphasis: #DEE2E6;
  --bs-primary-bg-subtle: rgb(0.7843137255%, 9.4117647059%, 14.7450980392%);
  --bs-secondary-bg-subtle: rgb(5.568627451%, 6.6666666667%, 8.2352941176%);
  --bs-success-bg-subtle: rgb(1.6470588235%, 10.0392156863%, 4.7843137255%);
  --bs-info-bg-subtle: rgb(2.9019607843%, 7.7647058824%, 18.431372549%);
  --bs-warning-bg-subtle: rgb(19.137254902%, 14.431372549%, 5.9607843137%);
  --bs-danger-bg-subtle: rgb(14.0392156863%, 2.9803921569%, 3.6078431373%);
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: rgb(2.3529411765%, 28.2352941176%, 44.2352941176%);
  --bs-secondary-border-subtle: rgb(16.7058823529%, 20%, 24.7058823529%);
  --bs-success-border-subtle: rgb(4.9411764706%, 30.1176470588%, 14.3529411765%);
  --bs-info-border-subtle: rgb(8.7058823529%, 23.2941176471%, 55.2941176471%);
  --bs-warning-border-subtle: rgb(57.4117647059%, 43.2941176471%, 17.8823529412%);
  --bs-danger-border-subtle: rgb(42.1176470588%, 8.9411764706%, 10.8235294118%);
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: #7FB3F2;
  --bs-link-hover-color: #9EC6F7;
  --bs-link-color-rgb: 127, 179, 242;
  --bs-link-hover-color-rgb: 158, 198, 247;
  --bs-code-color: rgb(90.3529411765%, 52%, 71.0588235294%);
  --bs-highlight-color: #F1F3F5;
  --bs-highlight-bg: rgb(40%, 30.2745098039%, 1.0980392157%);
  --bs-border-color: #383C40;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.12);
  --bs-form-valid-color: #6FD48E;
  --bs-form-valid-border-color: #6FD48E;
  --bs-form-invalid-color: #F0949A;
  --bs-form-invalid-border-color: #F0949A;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}

body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: 0.25;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-family: "Exo 2", sans-serif;
  font-weight: 700;
  line-height: 1.2;
  color: var(--bs-heading-color);
}

h1, .h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  h1, .h1 {
    font-size: 2.5rem;
  }
}

h2, .h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  h2, .h2 {
    font-size: 2rem;
  }
}

h3, .h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h3, .h3 {
    font-size: 1.75rem;
  }
}

h4, .h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h4, .h4 {
    font-size: 1.5rem;
  }
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title] {
  text-decoration: underline dotted;
  cursor: help;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul {
  padding-left: 2rem;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small, .small {
  font-size: 0.875em;
}

mark, .mark {
  padding: 0.1875em;
  color: var(--bs-highlight-color);
  background-color: var(--bs-highlight-bg);
}

sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline;
}
a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}

a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.25rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
}

figure {
  margin: 0 0 1rem;
}

img,
svg {
  vertical-align: middle;
}

table {
  caption-side: bottom;
  border-collapse: collapse;
}

caption {
  padding-top: 1rem;
  padding-bottom: 1rem;
  color: var(--bs-secondary-color);
  text-align: left;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}

label {
  display: inline-block;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  line-height: inherit;
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}

::-webkit-inner-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-cancel-button {
  cursor: pointer;
  filter: grayscale(1);
}

/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-color-swatch-wrapper {
  padding: 0;
}

::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

iframe {
  border: 0;
}

summary {
  display: list-item;
  cursor: pointer;
}

progress {
  vertical-align: baseline;
}

[hidden] {
  display: none !important;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.625rem + 4.5vw);
}
@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem;
  }
}

.display-2 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.575rem + 3.9vw);
}
@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}

.display-3 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.525rem + 3.3vw);
}
@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem;
  }
}

.display-4 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.475rem + 2.7vw);
}
@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}

.display-5 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.425rem + 2.1vw);
}
@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}

.display-6 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 0.875em;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.blockquote > :last-child {
  margin-bottom: 0;
}

.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "— ";
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 3rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 980px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1240px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1600px;
  }
}
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}

.offset-1 {
  margin-left: 8.33333333%;
}

.offset-2 {
  margin-left: 16.66666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.33333333%;
}

.offset-5 {
  margin-left: 41.66666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.33333333%;
}

.offset-8 {
  margin-left: 66.66666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.33333333%;
}

.offset-11 {
  margin-left: 91.66666667%;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}

@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-emphasis-color);
  --bs-table-bg: var(--bs-body-bg);
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-emphasis-color);
  --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
  --bs-table-active-color: var(--bs-emphasis-color);
  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-hover-color: var(--bs-emphasis-color);
  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}
.table > :not(caption) > * > * {
  padding: 1rem 1rem;
  color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}

.table-group-divider {
  border-top: calc(var(--bs-border-width) * 2) solid currentcolor;
}

.caption-top {
  caption-side: top;
}

.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem;
}

.table-bordered > :not(caption) > * {
  border-width: var(--bs-border-width) 0;
}
.table-bordered > :not(caption) > * > * {
  border-width: 0 var(--bs-border-width);
}

.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
  border-top-width: 0;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}

.table-striped-columns > :not(caption) > tr > :nth-child(even) {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}

.table-active {
  --bs-table-color-state: var(--bs-table-active-color);
  --bs-table-bg-state: var(--bs-table-active-bg);
}

.table-hover > tbody > tr:hover > * {
  --bs-table-color-state: var(--bs-table-hover-color);
  --bs-table-bg-state: var(--bs-table-hover-bg);
}

.table-primary {
  --bs-table-color: #000;
  --bs-table-bg: rgb(80.7843137255%, 89.4117647059%, 94.7450980392%);
  --bs-table-border-color: rgb(64.6274509804%, 71.5294117647%, 75.7960784314%);
  --bs-table-striped-bg: rgb(76.7450980392%, 84.9411764706%, 90.0078431373%);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(72.7058823529%, 80.4705882353%, 85.2705882353%);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(74.7254901961%, 82.7058823529%, 87.6392156863%);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-secondary {
  --bs-table-color: #000;
  --bs-table-bg: rgb(85.568627451%, 86.6666666667%, 88.2352941176%);
  --bs-table-border-color: rgb(68.4549019608%, 69.3333333333%, 70.5882352941%);
  --bs-table-striped-bg: rgb(81.2901960784%, 82.3333333333%, 83.8235294118%);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(77.0117647059%, 78%, 79.4117647059%);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(79.1509803922%, 80.1666666667%, 81.6176470588%);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-success {
  --bs-table-color: #000;
  --bs-table-bg: rgb(81.6470588235%, 90.0392156863%, 84.7843137255%);
  --bs-table-border-color: rgb(65.3176470588%, 72.031372549%, 67.8274509804%);
  --bs-table-striped-bg: rgb(77.5647058824%, 85.537254902%, 80.5450980392%);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(73.4823529412%, 81.0352941176%, 76.3058823529%);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(75.5235294118%, 83.2862745098%, 78.4254901961%);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-info {
  --bs-table-color: #000;
  --bs-table-bg: rgb(82.9019607843%, 87.7647058824%, 98.431372549%);
  --bs-table-border-color: rgb(66.3215686275%, 70.2117647059%, 78.7450980392%);
  --bs-table-striped-bg: rgb(78.7568627451%, 83.3764705882%, 93.5098039216%);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(74.6117647059%, 78.9882352941%, 88.5882352941%);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(76.6843137255%, 81.1823529412%, 91.0490196078%);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-warning {
  --bs-table-color: #000;
  --bs-table-bg: rgb(99.137254902%, 94.431372549%, 85.9607843137%);
  --bs-table-border-color: rgb(79.3098039216%, 75.5450980392%, 68.768627451%);
  --bs-table-striped-bg: rgb(94.1803921569%, 89.7098039216%, 81.662745098%);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(89.2235294118%, 84.9882352941%, 77.3647058824%);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(91.7019607843%, 87.3490196078%, 79.5137254902%);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-danger {
  --bs-table-color: #000;
  --bs-table-bg: rgb(94.0392156863%, 82.9803921569%, 83.6078431373%);
  --bs-table-border-color: rgb(75.231372549%, 66.3843137255%, 66.8862745098%);
  --bs-table-striped-bg: rgb(89.337254902%, 78.831372549%, 79.4274509804%);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(84.6352941176%, 74.6823529412%, 75.2470588235%);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(86.9862745098%, 76.7568627451%, 77.337254902%);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-light {
  --bs-table-color: #000;
  --bs-table-bg: #E9ECEF;
  --bs-table-border-color: rgb(73.0980392157%, 74.0392156863%, 74.9803921569%);
  --bs-table-striped-bg: rgb(86.8039215686%, 87.9215686275%, 89.0392156863%);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(82.2352941176%, 83.2941176471%, 84.3529411765%);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(84.5196078431%, 85.6078431373%, 86.6960784314%);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #212529;
  --bs-table-border-color: rgb(30.3529411765%, 31.6078431373%, 32.862745098%);
  --bs-table-striped-bg: rgb(17.2941176471%, 18.7843137255%, 20.2745098039%);
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: rgb(21.6470588235%, 23.0588235294%, 24.4705882353%);
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: rgb(19.4705882353%, 20.9215686275%, 22.3725490196%);
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.form-label {
  margin-bottom: 0.5rem;
}

.col-form-label {
  padding-top: calc(0.75rem + 2px);
  padding-bottom: calc(0.75rem + 2px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 2px);
  padding-bottom: calc(0.5rem + 2px);
  font-size: 1.25rem;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 2px);
  padding-bottom: calc(0.25rem + 2px);
  font-size: 0.875rem;
}

.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.75rem 1rem;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  appearance: none;
  background-color: var(--dm-input-bg);
  background-clip: padding-box;
  border: 2px solid var(--dm-input-border);
  border-radius: 1rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type=file] {
  overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--dm-input-bg);
  border-color: rgb(51.9607843137%, 73.5294117647%, 86.862745098%);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(10, 120, 188, 0.25);
}
.form-control::-webkit-date-and-time-value {
  min-width: 85px;
  height: 1.5em;
  margin: 0;
}
.form-control::-webkit-datetime-edit {
  display: block;
  padding: 0;
}
.form-control::placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}
.form-control:disabled {
  background-color: var(--bs-secondary-bg);
  opacity: 1;
}
.form-control::file-selector-button {
  padding: 0.75rem 1rem;
  margin: -0.75rem -1rem;
  margin-inline-end: 1rem;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 2px;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--bs-secondary-bg);
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.75rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: transparent;
  border: solid transparent;
  border-width: 2px 0;
}
.form-control-plaintext:focus {
  outline: 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(2px * 2));
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}
.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  margin-inline-end: 0.5rem;
}

.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(2px * 2));
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 1.5rem;
}
.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  margin-inline-end: 1rem;
}

textarea.form-control {
  min-height: calc(1.5em + 1.5rem + calc(2px * 2));
}
textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(2px * 2));
}
textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(2px * 2));
}

.form-control-color {
  width: 3rem;
  height: calc(1.5em + 1.5rem + calc(2px * 2));
  padding: 0.75rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: 1rem;
}
.form-control-color::-webkit-color-swatch {
  border: 0 !important;
  border-radius: 1rem;
}
.form-control-color.form-control-sm {
  height: calc(1.5em + 0.5rem + calc(2px * 2));
}
.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + calc(2px * 2));
}

.form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: block;
  width: 100%;
  padding: 0.75rem 3rem 0.75rem 1rem;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  appearance: none;
  background-color: var(--dm-input-bg);
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 16px 12px;
  border: 2px solid var(--dm-input-border);
  border-radius: 1rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: rgb(51.9607843137%, 73.5294117647%, 86.862745098%);
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(10, 120, 188, 0.25);
}
.form-select[multiple], .form-select[size]:not([size="1"]) {
  padding-right: 1rem;
  background-image: none;
}
.form-select:disabled {
  background-color: var(--bs-secondary-bg);
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--bs-body-color);
}

.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}

.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: 1.5rem;
}

[data-bs-theme=dark] .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23AEB4BA' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}

.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right;
}
.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}

.form-check-input {
  --bs-form-check-bg: var(--dm-input-bg);
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  appearance: none;
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: var(--bs-border-width) solid var(--dm-input-border);
  print-color-adjust: exact;
}
.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: rgb(51.9607843137%, 73.5294117647%, 86.862745098%);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(10, 120, 188, 0.25);
}
.form-check-input:checked {
  background-color: #0A78BC;
  border-color: #0A78BC;
}
.form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #0A78BC;
  border-color: #0A78BC;
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  cursor: default;
  opacity: 0.5;
}

.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  width: 2em;
  margin-left: -2.5em;
  background-image: var(--bs-form-switch-bg);
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgb%2851.9607843137%, 73.5294117647%, 86.862745098%%29'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0;
}
.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0;
}

.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.btn-check[disabled] + .btn, .btn-check:disabled + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}

[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.35%29'/%3e%3c/svg%3e");
}

.form-range {
  width: 100%;
  height: 1.4rem;
  padding: 0;
  appearance: none;
  background-color: transparent;
}
.form-range:focus {
  outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.25rem rgba(10, 120, 188, 0.25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #ffffff, 0 0 0 0.25rem rgba(10, 120, 188, 0.25);
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  appearance: none;
  background-color: #0A78BC;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: rgb(71.1764705882%, 84.1176470588%, 92.1176470588%);
}
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  appearance: none;
  background-color: #0A78BC;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: rgb(71.1764705882%, 84.1176470588%, 92.1176470588%);
}
.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range:disabled {
  pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: var(--bs-secondary-color);
}
.form-range:disabled::-moz-range-thumb {
  background-color: var(--bs-secondary-color);
}

.form-floating {
  position: relative;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
  height: calc(3.5rem + calc(2px * 2));
  min-height: calc(3.5rem + calc(2px * 2));
  line-height: 1.25;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  max-width: 100%;
  height: 100%;
  padding: 1rem 1rem;
  overflow: hidden;
  color: rgba(var(--bs-body-color-rgb), 0.65);
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: 2px solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
  padding: 1rem 1rem;
}
.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
  color: transparent;
}
.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill,
.form-floating > .form-control-plaintext:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
  padding-left: 1rem;
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:-webkit-autofill ~ label {
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > textarea:focus ~ label::after,
.form-floating > textarea:not(:placeholder-shown) ~ label::after {
  position: absolute;
  inset: 1rem 0.5rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--dm-input-bg);
  border-radius: 1rem;
}
.form-floating > textarea:disabled ~ label::after {
  background-color: var(--bs-secondary-bg);
}
.form-floating > .form-control-plaintext ~ label {
  border-width: 2px 0;
}
.form-floating > :disabled ~ label,
.form-floating > .form-control:disabled ~ label {
  color: #6c757d;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-select,
.input-group > .form-floating {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus,
.input-group > .form-floating:focus-within {
  z-index: 5;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus {
  z-index: 5;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.75rem 1rem;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-secondary-bg);
  border: 2px solid var(--dm-input-border);
  border-radius: 1rem;
}

.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 1.5rem;
}

.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}

.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 4rem;
}

.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: calc(-1 * 2px);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-valid-color);
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-success);
  border-radius: var(--bs-border-radius);
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: var(--bs-form-valid-border-color);
  padding-right: calc(1.5em + 1.5rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2315803D' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.375rem) center;
  background-size: calc(0.75em + 0.75rem) calc(0.75em + 0.75rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.2rem rgba(var(--bs-success-rgb), 0.25);
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 1.5rem);
  background-position: top calc(0.375em + 0.375rem) right calc(0.375em + 0.375rem);
}

.was-validated .form-select:valid, .form-select.is-valid {
  border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2315803D' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
  padding-right: 5.5rem;
  background-position: right 1rem center, center right 3rem;
  background-size: 16px 12px, calc(0.75em + 0.75rem) calc(0.75em + 0.75rem);
}
.was-validated .form-select:valid:focus, .form-select.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.2rem rgba(var(--bs-success-rgb), 0.25);
}

.was-validated .form-control-color:valid, .form-control-color.is-valid {
  width: calc(3rem + calc(1.5em + 1.5rem));
}

.was-validated .form-check-input:valid, .form-check-input.is-valid {
  border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked {
  background-color: var(--bs-form-valid-color);
}
.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: var(--bs-form-valid-color);
}

.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid,
.was-validated .input-group > .form-select:not(:focus):valid,
.input-group > .form-select:not(:focus).is-valid,
.was-validated .input-group > .form-floating:not(:focus-within):valid,
.input-group > .form-floating:not(:focus-within).is-valid {
  z-index: 3;
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-invalid-color);
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-danger);
  border-radius: var(--bs-border-radius);
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
  padding-right: calc(1.5em + 1.5rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23B3262E'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23B3262E' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.375rem) center;
  background-size: calc(0.75em + 0.75rem) calc(0.75em + 0.75rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.2rem rgba(var(--bs-danger-rgb), 0.25);
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 1.5rem);
  background-position: top calc(0.375em + 0.375rem) right calc(0.375em + 0.375rem);
}

.was-validated .form-select:invalid, .form-select.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23B3262E'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23B3262E' stroke='none'/%3e%3c/svg%3e");
  padding-right: 5.5rem;
  background-position: right 1rem center, center right 3rem;
  background-size: 16px 12px, calc(0.75em + 0.75rem) calc(0.75em + 0.75rem);
}
.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.2rem rgba(var(--bs-danger-rgb), 0.25);
}

.was-validated .form-control-color:invalid, .form-control-color.is-invalid {
  width: calc(3rem + calc(1.5em + 1.5rem));
}

.was-validated .form-check-input:invalid, .form-check-input.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked {
  background-color: var(--bs-form-invalid-color);
}
.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.2rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: var(--bs-form-invalid-color);
}

.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}

.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid,
.was-validated .input-group > .form-select:not(:focus):invalid,
.input-group > .form-select:not(:focus).is-invalid,
.was-validated .input-group > .form-floating:not(:focus-within):invalid,
.input-group > .form-floating:not(:focus-within).is-invalid {
  z-index: 4;
}

.btn {
  --bs-btn-padding-x: 1.5rem;
  --bs-btn-padding-y: 0.75rem;
  --bs-btn-font-family: inherit;
  --bs-btn-font-size: 1.125rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: 2px;
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: 0.5rem;
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.08);
  --bs-btn-disabled-opacity: 0.5;
  --bs-btn-focus-box-shadow: 0 0 0 0.2rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.btn-check + .btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}
.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}
.btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked:focus-visible + .btn {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}

.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0A78BC;
  --bs-btn-border-color: #0A78BC;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(3.3333333333%, 40%, 62.6666666667%);
  --bs-btn-hover-border-color: rgb(3.137254902%, 37.6470588235%, 58.9803921569%);
  --bs-btn-focus-shadow-rgb: 47, 140, 198;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(3.137254902%, 37.6470588235%, 58.9803921569%);
  --bs-btn-active-border-color: rgb(2.9411764706%, 35.2941176471%, 55.2941176471%);
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0A78BC;
  --bs-btn-disabled-border-color: #0A78BC;
}

.btn-primary-light {
  --bs-btn-color: #000;
  --bs-btn-bg: rgb(27.9411764706%, 60.2941176471%, 80.2941176471%);
  --bs-btn-border-color: rgb(27.9411764706%, 60.2941176471%, 80.2941176471%);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(38.75%, 66.25%, 83.25%);
  --bs-btn-hover-border-color: rgb(35.1470588235%, 64.2647058824%, 82.2647058824%);
  --bs-btn-focus-shadow-rgb: 61, 131, 174;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(42.3529411765%, 68.2352941176%, 84.2352941176%);
  --bs-btn-active-border-color: rgb(35.1470588235%, 64.2647058824%, 82.2647058824%);
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: rgb(27.9411764706%, 60.2941176471%, 80.2941176471%);
  --bs-btn-disabled-border-color: rgb(27.9411764706%, 60.2941176471%, 80.2941176471%);
}

.btn-primary-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: rgb(2.9411764706%, 35.2941176471%, 55.2941176471%);
  --bs-btn-border-color: rgb(2.9411764706%, 35.2941176471%, 55.2941176471%);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(2.5%, 30%, 47%);
  --bs-btn-hover-border-color: rgb(2.3529411765%, 28.2352941176%, 44.2352941176%);
  --bs-btn-focus-shadow-rgb: 45, 115, 158;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(2.3529411765%, 28.2352941176%, 44.2352941176%);
  --bs-btn-active-border-color: rgb(2.2058823529%, 26.4705882353%, 41.4705882353%);
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: rgb(2.9411764706%, 35.2941176471%, 55.2941176471%);
  --bs-btn-disabled-border-color: rgb(2.9411764706%, 35.2941176471%, 55.2941176471%);
}

.btn-brand {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0e345e;
  --bs-btn-border-color: #0e345e;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(4.6666666667%, 17.3333333333%, 31.3333333333%);
  --bs-btn-hover-border-color: rgb(4.3921568627%, 16.3137254902%, 29.4901960784%);
  --bs-btn-focus-shadow-rgb: 50, 82, 118;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(4.3921568627%, 16.3137254902%, 29.4901960784%);
  --bs-btn-active-border-color: rgb(4.1176470588%, 15.2941176471%, 27.6470588235%);
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0e345e;
  --bs-btn-disabled-border-color: #0e345e;
}

.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #475569;
  --bs-btn-border-color: #475569;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(23.6666666667%, 28.3333333333%, 35%);
  --bs-btn-hover-border-color: rgb(22.2745098039%, 26.6666666667%, 32.9411764706%);
  --bs-btn-focus-shadow-rgb: 99, 111, 128;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(22.2745098039%, 26.6666666667%, 32.9411764706%);
  --bs-btn-active-border-color: rgb(20.8823529412%, 25%, 30.8823529412%);
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #475569;
  --bs-btn-disabled-border-color: #475569;
}

.btn-secondary-light {
  --bs-btn-color: #fff;
  --bs-btn-bg: #64748B;
  --bs-btn-border-color: #64748B;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(33.3333333333%, 38.6666666667%, 46.3333333333%);
  --bs-btn-hover-border-color: rgb(31.3725490196%, 36.3921568627%, 43.6078431373%);
  --bs-btn-focus-shadow-rgb: 123, 137, 156;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(31.3725490196%, 36.3921568627%, 43.6078431373%);
  --bs-btn-active-border-color: rgb(29.4117647059%, 34.1176470588%, 40.8823529412%);
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #64748B;
  --bs-btn-disabled-border-color: #64748B;
}

.btn-secondary-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #334155;
  --bs-btn-border-color: #334155;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(17%, 21.6666666667%, 28.3333333333%);
  --bs-btn-hover-border-color: rgb(16%, 20.3921568627%, 26.6666666667%);
  --bs-btn-focus-shadow-rgb: 82, 94, 111;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(16%, 20.3921568627%, 26.6666666667%);
  --bs-btn-active-border-color: rgb(15%, 19.1176470588%, 25%);
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #334155;
  --bs-btn-disabled-border-color: #334155;
}

.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #15803D;
  --bs-btn-border-color: #15803D;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(7%, 42.6666666667%, 20.3333333333%);
  --bs-btn-hover-border-color: rgb(6.5882352941%, 40.1568627451%, 19.137254902%);
  --bs-btn-focus-shadow-rgb: 56, 147, 90;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(6.5882352941%, 40.1568627451%, 19.137254902%);
  --bs-btn-active-border-color: rgb(6.1764705882%, 37.6470588235%, 17.9411764706%);
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #15803D;
  --bs-btn-disabled-border-color: #15803D;
}

.btn-success-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #4FBF6B;
  --bs-btn-border-color: #4FBF6B;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(41.3333333333%, 78.6666666667%, 50.6666666667%);
  --bs-btn-hover-border-color: rgb(37.8823529412%, 77.4117647059%, 47.7647058824%);
  --bs-btn-focus-shadow-rgb: 67, 162, 91;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(44.7843137255%, 79.9215686275%, 53.568627451%);
  --bs-btn-active-border-color: rgb(37.8823529412%, 77.4117647059%, 47.7647058824%);
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #4FBF6B;
  --bs-btn-disabled-border-color: #4FBF6B;
}

.btn-success-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #166534;
  --bs-btn-border-color: #166534;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(7.3333333333%, 33.6666666667%, 17.3333333333%);
  --bs-btn-hover-border-color: rgb(6.9019607843%, 31.6862745098%, 16.3137254902%);
  --bs-btn-focus-shadow-rgb: 57, 124, 82;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(6.9019607843%, 31.6862745098%, 16.3137254902%);
  --bs-btn-active-border-color: rgb(6.4705882353%, 29.7058823529%, 15.2941176471%);
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #166534;
  --bs-btn-disabled-border-color: #166534;
}

.btn-info {
  --bs-btn-color: #fff;
  --bs-btn-bg: #2563EB;
  --bs-btn-border-color: #2563EB;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(12.3333333333%, 33%, 78.3333333333%);
  --bs-btn-hover-border-color: rgb(11.6078431373%, 31.0588235294%, 73.7254901961%);
  --bs-btn-focus-shadow-rgb: 70, 122, 238;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(11.6078431373%, 31.0588235294%, 73.7254901961%);
  --bs-btn-active-border-color: rgb(10.8823529412%, 29.1176470588%, 69.1176470588%);
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #2563EB;
  --bs-btn-disabled-border-color: #2563EB;
}

.btn-info-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #4F7DF0;
  --bs-btn-border-color: #4F7DF0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(41.3333333333%, 56.6666666667%, 95%);
  --bs-btn-hover-border-color: rgb(37.8823529412%, 54.1176470588%, 94.7058823529%);
  --bs-btn-focus-shadow-rgb: 67, 106, 204;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(44.7843137255%, 59.2156862745%, 95.2941176471%);
  --bs-btn-active-border-color: rgb(37.8823529412%, 54.1176470588%, 94.7058823529%);
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #4F7DF0;
  --bs-btn-disabled-border-color: #4F7DF0;
}

.btn-info-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #1D4ED8;
  --bs-btn-border-color: #1D4ED8;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(9.6666666667%, 26%, 72%);
  --bs-btn-hover-border-color: rgb(9.0980392157%, 24.4705882353%, 67.7647058824%);
  --bs-btn-focus-shadow-rgb: 63, 105, 222;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(9.0980392157%, 24.4705882353%, 67.7647058824%);
  --bs-btn-active-border-color: rgb(8.5294117647%, 22.9411764706%, 63.5294117647%);
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #1D4ED8;
  --bs-btn-disabled-border-color: #1D4ED8;
}

.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #F4B84C;
  --bs-btn-border-color: #F4B84C;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(96.3333333333%, 76.3333333333%, 40.3333333333%);
  --bs-btn-hover-border-color: rgb(96.1176470588%, 74.9411764706%, 36.8235294118%);
  --bs-btn-focus-shadow-rgb: 207, 156, 65;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(96.5490196078%, 77.7254901961%, 43.8431372549%);
  --bs-btn-active-border-color: rgb(96.1176470588%, 74.9411764706%, 36.8235294118%);
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #F4B84C;
  --bs-btn-disabled-border-color: #F4B84C;
}

.btn-warning-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #FEDD98;
  --bs-btn-border-color: #FEDD98;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(99.6666666667%, 88.6666666667%, 65.6666666667%);
  --bs-btn-hover-border-color: rgb(99.6470588235%, 88%, 63.6470588235%);
  --bs-btn-focus-shadow-rgb: 216, 188, 129;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(99.6862745098%, 89.3333333333%, 67.6862745098%);
  --bs-btn-active-border-color: rgb(99.6470588235%, 88%, 63.6470588235%);
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #FEDD98;
  --bs-btn-disabled-border-color: #FEDD98;
}

.btn-warning-dark {
  --bs-btn-color: #000;
  --bs-btn-bg: #D97706;
  --bs-btn-border-color: #D97706;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(87.3333333333%, 54.6666666667%, 17%);
  --bs-btn-hover-border-color: rgb(86.5882352941%, 52%, 12.1176470588%);
  --bs-btn-focus-shadow-rgb: 184, 101, 5;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(88.0784313725%, 57.3333333333%, 21.8823529412%);
  --bs-btn-active-border-color: rgb(86.5882352941%, 52%, 12.1176470588%);
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #D97706;
  --bs-btn-disabled-border-color: #D97706;
}

.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #B3262E;
  --bs-btn-border-color: #B3262E;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(59.6666666667%, 12.6666666667%, 15.3333333333%);
  --bs-btn-hover-border-color: rgb(56.1568627451%, 11.9215686275%, 14.431372549%);
  --bs-btn-focus-shadow-rgb: 190, 71, 77;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(56.1568627451%, 11.9215686275%, 14.431372549%);
  --bs-btn-active-border-color: rgb(52.6470588235%, 11.1764705882%, 13.5294117647%);
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #B3262E;
  --bs-btn-disabled-border-color: #B3262E;
}

.btn-danger-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #ECA4A8;
  --bs-btn-border-color: #ECA4A8;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(93.6666666667%, 69.6666666667%, 71%);
  --bs-btn-hover-border-color: rgb(93.2941176471%, 67.8823529412%, 69.2941176471%);
  --bs-btn-focus-shadow-rgb: 201, 139, 143;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(94.0392156863%, 71.4509803922%, 72.7058823529%);
  --bs-btn-active-border-color: rgb(93.2941176471%, 67.8823529412%, 69.2941176471%);
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ECA4A8;
  --bs-btn-disabled-border-color: #ECA4A8;
}

.btn-danger-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #7D1A1F;
  --bs-btn-border-color: #7D1A1F;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(41.6666666667%, 8.6666666667%, 10.3333333333%);
  --bs-btn-hover-border-color: rgb(39.2156862745%, 8.1568627451%, 9.7254901961%);
  --bs-btn-focus-shadow-rgb: 145, 60, 65;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(39.2156862745%, 8.1568627451%, 9.7254901961%);
  --bs-btn-active-border-color: rgb(36.7647058824%, 7.6470588235%, 9.1176470588%);
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #7D1A1F;
  --bs-btn-disabled-border-color: #7D1A1F;
}

.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #E9ECEF;
  --bs-btn-border-color: #E9ECEF;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(77.6666666667%, 78.6666666667%, 79.6666666667%);
  --bs-btn-hover-border-color: rgb(73.0980392157%, 74.0392156863%, 74.9803921569%);
  --bs-btn-focus-shadow-rgb: 198, 201, 203;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(73.0980392157%, 74.0392156863%, 74.9803921569%);
  --bs-btn-active-border-color: rgb(68.5294117647%, 69.4117647059%, 70.2941176471%);
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #E9ECEF;
  --bs-btn-disabled-border-color: #E9ECEF;
}

.btn-light-darker {
  --bs-btn-color: #000;
  --bs-btn-bg: #DDE0E3;
  --bs-btn-border-color: #DDE0E3;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(88.6666666667%, 89.6666666667%, 90.6666666667%);
  --bs-btn-hover-border-color: rgb(88%, 89.0588235294%, 90.1176470588%);
  --bs-btn-focus-shadow-rgb: 188, 190, 193;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(89.3333333333%, 90.2745098039%, 91.2156862745%);
  --bs-btn-active-border-color: rgb(88%, 89.0588235294%, 90.1176470588%);
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #DDE0E3;
  --bs-btn-disabled-border-color: #DDE0E3;
}

.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(26%, 27.3333333333%, 28.6666666667%);
  --bs-btn-hover-border-color: rgb(21.6470588235%, 23.0588235294%, 24.4705882353%);
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(30.3529411765%, 31.6078431373%, 32.862745098%);
  --bs-btn-active-border-color: rgb(21.6470588235%, 23.0588235294%, 24.4705882353%);
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}

.btn-accent {
  --bs-btn-color: #000;
  --bs-btn-bg: #00bfff;
  --bs-btn-border-color: #00bfff;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(15%, 78.6666666667%, 100%);
  --bs-btn-hover-border-color: rgb(10%, 77.4117647059%, 100%);
  --bs-btn-focus-shadow-rgb: 0, 162, 217;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(20%, 79.9215686275%, 100%);
  --bs-btn-active-border-color: rgb(10%, 77.4117647059%, 100%);
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #00bfff;
  --bs-btn-disabled-border-color: #00bfff;
}

.btn-accent-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #B3E5FC;
  --bs-btn-border-color: #B3E5FC;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(74.6666666667%, 91.3333333333%, 99%);
  --bs-btn-hover-border-color: rgb(73.1764705882%, 90.8235294118%, 98.9411764706%);
  --bs-btn-focus-shadow-rgb: 152, 195, 214;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(76.1568627451%, 91.8431372549%, 99.0588235294%);
  --bs-btn-active-border-color: rgb(73.1764705882%, 90.8235294118%, 98.9411764706%);
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #B3E5FC;
  --bs-btn-disabled-border-color: #B3E5FC;
}

.btn-purple {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6f42c1;
  --bs-btn-border-color: #6f42c1;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(37%, 22%, 64.3333333333%);
  --bs-btn-hover-border-color: rgb(34.8235294118%, 20.7058823529%, 60.5490196078%);
  --bs-btn-focus-shadow-rgb: 133, 94, 202;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(34.8235294118%, 20.7058823529%, 60.5490196078%);
  --bs-btn-active-border-color: rgb(32.6470588235%, 19.4117647059%, 56.7647058824%);
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6f42c1;
  --bs-btn-disabled-border-color: #6f42c1;
}

.btn-purple-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #9c7cff;
  --bs-btn-border-color: #9c7cff;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(67%, 56.3333333333%, 100%);
  --bs-btn-hover-border-color: rgb(65.0588235294%, 53.7647058824%, 100%);
  --bs-btn-focus-shadow-rgb: 133, 105, 217;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(68.9411764706%, 58.9019607843%, 100%);
  --bs-btn-active-border-color: rgb(65.0588235294%, 53.7647058824%, 100%);
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #9c7cff;
  --bs-btn-disabled-border-color: #9c7cff;
}

.btn-purple-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #4c2a85;
  --bs-btn-border-color: #4c2a85;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(25.3333333333%, 14%, 44.3333333333%);
  --bs-btn-hover-border-color: rgb(23.8431372549%, 13.1764705882%, 41.7254901961%);
  --bs-btn-focus-shadow-rgb: 103, 74, 151;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(23.8431372549%, 13.1764705882%, 41.7254901961%);
  --bs-btn-active-border-color: rgb(22.3529411765%, 12.3529411765%, 39.1176470588%);
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #4c2a85;
  --bs-btn-disabled-border-color: #4c2a85;
}

.btn-taupe {
  --bs-btn-color: #000;
  --bs-btn-bg: #FFFBE8;
  --bs-btn-border-color: #FFFBE8;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(100%, 98.6666666667%, 92.3333333333%);
  --bs-btn-hover-border-color: rgb(100%, 98.5882352941%, 91.8823529412%);
  --bs-btn-focus-shadow-rgb: 217, 213, 197;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(100%, 98.7450980392%, 92.7843137255%);
  --bs-btn-active-border-color: rgb(100%, 98.5882352941%, 91.8823529412%);
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #FFFBE8;
  --bs-btn-disabled-border-color: #FFFBE8;
}

.btn-taupe-light {
  --bs-btn-color: #000;
  --bs-btn-bg: rgb(100%, 99.8226768968%, 98.9803921569%);
  --bs-btn-border-color: rgb(100%, 99.8226768968%, 98.9803921569%);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(100%, 99.8492753623%, 99.1333333333%);
  --bs-btn-hover-border-color: rgb(100%, 99.8404092072%, 99.0823529412%);
  --bs-btn-focus-shadow-rgb: 217, 216, 215;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(100%, 99.8581415175%, 99.1843137255%);
  --bs-btn-active-border-color: rgb(100%, 99.8404092072%, 99.0823529412%);
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: rgb(100%, 99.8226768968%, 98.9803921569%);
  --bs-btn-disabled-border-color: rgb(100%, 99.8226768968%, 98.9803921569%);
}

.btn-taupe-dark {
  --bs-btn-color: #000;
  --bs-btn-bg: rgb(100%, 96.3444160273%, 78.9803921569%);
  --bs-btn-border-color: rgb(100%, 96.3444160273%, 78.9803921569%);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(100%, 96.8927536232%, 82.1333333333%);
  --bs-btn-hover-border-color: rgb(100%, 96.7099744246%, 81.0823529412%);
  --bs-btn-focus-shadow-rgb: 217, 209, 171;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(100%, 97.0755328218%, 83.1843137255%);
  --bs-btn-active-border-color: rgb(100%, 96.7099744246%, 81.0823529412%);
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: rgb(100%, 96.3444160273%, 78.9803921569%);
  --bs-btn-disabled-border-color: rgb(100%, 96.3444160273%, 78.9803921569%);
}

.btn-neutral-bg {
  --bs-btn-color: #000;
  --bs-btn-bg: #F5F6F8;
  --bs-btn-border-color: #F5F6F8;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(96.6666666667%, 97%, 97.6666666667%);
  --bs-btn-hover-border-color: rgb(96.4705882353%, 96.8235294118%, 97.5294117647%);
  --bs-btn-focus-shadow-rgb: 208, 209, 211;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(96.862745098%, 97.1764705882%, 97.8039215686%);
  --bs-btn-active-border-color: rgb(96.4705882353%, 96.8235294118%, 97.5294117647%);
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #F5F6F8;
  --bs-btn-disabled-border-color: #F5F6F8;
}

.btn-neutral-border {
  --bs-btn-color: #000;
  --bs-btn-bg: #D3D8DE;
  --bs-btn-border-color: #D3D8DE;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(85.3333333333%, 87%, 89%);
  --bs-btn-hover-border-color: rgb(84.4705882353%, 86.2352941176%, 88.3529411765%);
  --bs-btn-focus-shadow-rgb: 179, 184, 189;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(86.1960784314%, 87.7647058824%, 89.6470588235%);
  --bs-btn-active-border-color: rgb(84.4705882353%, 86.2352941176%, 88.3529411765%);
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #D3D8DE;
  --bs-btn-disabled-border-color: #D3D8DE;
}

.btn-neutral-text {
  --bs-btn-color: #fff;
  --bs-btn-bg: #646A73;
  --bs-btn-border-color: #646A73;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(33.3333333333%, 35.3333333333%, 38.3333333333%);
  --bs-btn-hover-border-color: rgb(31.3725490196%, 33.2549019608%, 36.0784313725%);
  --bs-btn-focus-shadow-rgb: 123, 128, 136;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(31.3725490196%, 33.2549019608%, 36.0784313725%);
  --bs-btn-active-border-color: rgb(29.4117647059%, 31.1764705882%, 33.8235294118%);
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #646A73;
  --bs-btn-disabled-border-color: #646A73;
}

.btn-outline-primary {
  --bs-btn-color: #0A78BC;
  --bs-btn-border-color: #0A78BC;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0A78BC;
  --bs-btn-hover-border-color: #0A78BC;
  --bs-btn-focus-shadow-rgb: 10, 120, 188;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0A78BC;
  --bs-btn-active-border-color: #0A78BC;
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #0A78BC;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0A78BC;
  --bs-gradient: none;
}

.btn-outline-primary-light {
  --bs-btn-color: rgb(27.9411764706%, 60.2941176471%, 80.2941176471%);
  --bs-btn-border-color: rgb(27.9411764706%, 60.2941176471%, 80.2941176471%);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(27.9411764706%, 60.2941176471%, 80.2941176471%);
  --bs-btn-hover-border-color: rgb(27.9411764706%, 60.2941176471%, 80.2941176471%);
  --bs-btn-focus-shadow-rgb: 71, 154, 205;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(27.9411764706%, 60.2941176471%, 80.2941176471%);
  --bs-btn-active-border-color: rgb(27.9411764706%, 60.2941176471%, 80.2941176471%);
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: rgb(27.9411764706%, 60.2941176471%, 80.2941176471%);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: rgb(27.9411764706%, 60.2941176471%, 80.2941176471%);
  --bs-gradient: none;
}

.btn-outline-primary-dark {
  --bs-btn-color: rgb(2.9411764706%, 35.2941176471%, 55.2941176471%);
  --bs-btn-border-color: rgb(2.9411764706%, 35.2941176471%, 55.2941176471%);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(2.9411764706%, 35.2941176471%, 55.2941176471%);
  --bs-btn-hover-border-color: rgb(2.9411764706%, 35.2941176471%, 55.2941176471%);
  --bs-btn-focus-shadow-rgb: 8, 90, 141;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(2.9411764706%, 35.2941176471%, 55.2941176471%);
  --bs-btn-active-border-color: rgb(2.9411764706%, 35.2941176471%, 55.2941176471%);
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: rgb(2.9411764706%, 35.2941176471%, 55.2941176471%);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: rgb(2.9411764706%, 35.2941176471%, 55.2941176471%);
  --bs-gradient: none;
}

.btn-outline-brand {
  --bs-btn-color: #0e345e;
  --bs-btn-border-color: #0e345e;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0e345e;
  --bs-btn-hover-border-color: #0e345e;
  --bs-btn-focus-shadow-rgb: 14, 52, 94;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0e345e;
  --bs-btn-active-border-color: #0e345e;
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #0e345e;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0e345e;
  --bs-gradient: none;
}

.btn-outline-secondary {
  --bs-btn-color: #475569;
  --bs-btn-border-color: #475569;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #475569;
  --bs-btn-hover-border-color: #475569;
  --bs-btn-focus-shadow-rgb: 71, 85, 105;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #475569;
  --bs-btn-active-border-color: #475569;
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #475569;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #475569;
  --bs-gradient: none;
}

.btn-outline-secondary-light {
  --bs-btn-color: #64748B;
  --bs-btn-border-color: #64748B;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #64748B;
  --bs-btn-hover-border-color: #64748B;
  --bs-btn-focus-shadow-rgb: 100, 116, 139;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #64748B;
  --bs-btn-active-border-color: #64748B;
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #64748B;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #64748B;
  --bs-gradient: none;
}

.btn-outline-secondary-dark {
  --bs-btn-color: #334155;
  --bs-btn-border-color: #334155;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #334155;
  --bs-btn-hover-border-color: #334155;
  --bs-btn-focus-shadow-rgb: 51, 65, 85;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #334155;
  --bs-btn-active-border-color: #334155;
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #334155;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #334155;
  --bs-gradient: none;
}

.btn-outline-success {
  --bs-btn-color: #15803D;
  --bs-btn-border-color: #15803D;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #15803D;
  --bs-btn-hover-border-color: #15803D;
  --bs-btn-focus-shadow-rgb: 21, 128, 61;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #15803D;
  --bs-btn-active-border-color: #15803D;
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #15803D;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #15803D;
  --bs-gradient: none;
}

.btn-outline-success-light {
  --bs-btn-color: #4FBF6B;
  --bs-btn-border-color: #4FBF6B;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #4FBF6B;
  --bs-btn-hover-border-color: #4FBF6B;
  --bs-btn-focus-shadow-rgb: 79, 191, 107;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #4FBF6B;
  --bs-btn-active-border-color: #4FBF6B;
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #4FBF6B;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #4FBF6B;
  --bs-gradient: none;
}

.btn-outline-success-dark {
  --bs-btn-color: #166534;
  --bs-btn-border-color: #166534;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #166534;
  --bs-btn-hover-border-color: #166534;
  --bs-btn-focus-shadow-rgb: 22, 101, 52;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #166534;
  --bs-btn-active-border-color: #166534;
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #166534;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #166534;
  --bs-gradient: none;
}

.btn-outline-info {
  --bs-btn-color: #2563EB;
  --bs-btn-border-color: #2563EB;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #2563EB;
  --bs-btn-hover-border-color: #2563EB;
  --bs-btn-focus-shadow-rgb: 37, 99, 235;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #2563EB;
  --bs-btn-active-border-color: #2563EB;
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #2563EB;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #2563EB;
  --bs-gradient: none;
}

.btn-outline-info-light {
  --bs-btn-color: #4F7DF0;
  --bs-btn-border-color: #4F7DF0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #4F7DF0;
  --bs-btn-hover-border-color: #4F7DF0;
  --bs-btn-focus-shadow-rgb: 79, 125, 240;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #4F7DF0;
  --bs-btn-active-border-color: #4F7DF0;
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #4F7DF0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #4F7DF0;
  --bs-gradient: none;
}

.btn-outline-info-dark {
  --bs-btn-color: #1D4ED8;
  --bs-btn-border-color: #1D4ED8;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #1D4ED8;
  --bs-btn-hover-border-color: #1D4ED8;
  --bs-btn-focus-shadow-rgb: 29, 78, 216;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #1D4ED8;
  --bs-btn-active-border-color: #1D4ED8;
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #1D4ED8;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #1D4ED8;
  --bs-gradient: none;
}

.btn-outline-warning {
  --bs-btn-color: #F4B84C;
  --bs-btn-border-color: #F4B84C;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #F4B84C;
  --bs-btn-hover-border-color: #F4B84C;
  --bs-btn-focus-shadow-rgb: 244, 184, 76;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #F4B84C;
  --bs-btn-active-border-color: #F4B84C;
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #F4B84C;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #F4B84C;
  --bs-gradient: none;
}

.btn-outline-warning-light {
  --bs-btn-color: #FEDD98;
  --bs-btn-border-color: #FEDD98;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #FEDD98;
  --bs-btn-hover-border-color: #FEDD98;
  --bs-btn-focus-shadow-rgb: 254, 221, 152;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #FEDD98;
  --bs-btn-active-border-color: #FEDD98;
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #FEDD98;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #FEDD98;
  --bs-gradient: none;
}

.btn-outline-warning-dark {
  --bs-btn-color: #D97706;
  --bs-btn-border-color: #D97706;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #D97706;
  --bs-btn-hover-border-color: #D97706;
  --bs-btn-focus-shadow-rgb: 217, 119, 6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #D97706;
  --bs-btn-active-border-color: #D97706;
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #D97706;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #D97706;
  --bs-gradient: none;
}

.btn-outline-danger {
  --bs-btn-color: #B3262E;
  --bs-btn-border-color: #B3262E;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #B3262E;
  --bs-btn-hover-border-color: #B3262E;
  --bs-btn-focus-shadow-rgb: 179, 38, 46;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #B3262E;
  --bs-btn-active-border-color: #B3262E;
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #B3262E;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #B3262E;
  --bs-gradient: none;
}

.btn-outline-danger-light {
  --bs-btn-color: #ECA4A8;
  --bs-btn-border-color: #ECA4A8;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ECA4A8;
  --bs-btn-hover-border-color: #ECA4A8;
  --bs-btn-focus-shadow-rgb: 236, 164, 168;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ECA4A8;
  --bs-btn-active-border-color: #ECA4A8;
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #ECA4A8;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ECA4A8;
  --bs-gradient: none;
}

.btn-outline-danger-dark {
  --bs-btn-color: #7D1A1F;
  --bs-btn-border-color: #7D1A1F;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #7D1A1F;
  --bs-btn-hover-border-color: #7D1A1F;
  --bs-btn-focus-shadow-rgb: 125, 26, 31;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #7D1A1F;
  --bs-btn-active-border-color: #7D1A1F;
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #7D1A1F;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #7D1A1F;
  --bs-gradient: none;
}

.btn-outline-light {
  --bs-btn-color: #E9ECEF;
  --bs-btn-border-color: #E9ECEF;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #E9ECEF;
  --bs-btn-hover-border-color: #E9ECEF;
  --bs-btn-focus-shadow-rgb: 233, 236, 239;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #E9ECEF;
  --bs-btn-active-border-color: #E9ECEF;
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #E9ECEF;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #E9ECEF;
  --bs-gradient: none;
}

.btn-outline-light-darker {
  --bs-btn-color: #DDE0E3;
  --bs-btn-border-color: #DDE0E3;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #DDE0E3;
  --bs-btn-hover-border-color: #DDE0E3;
  --bs-btn-focus-shadow-rgb: 221, 224, 227;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #DDE0E3;
  --bs-btn-active-border-color: #DDE0E3;
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #DDE0E3;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #DDE0E3;
  --bs-gradient: none;
}

.btn-outline-dark {
  --bs-btn-color: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb: 33, 37, 41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529;
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #212529;
  --bs-gradient: none;
}

.btn-outline-accent {
  --bs-btn-color: #00bfff;
  --bs-btn-border-color: #00bfff;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #00bfff;
  --bs-btn-hover-border-color: #00bfff;
  --bs-btn-focus-shadow-rgb: 0, 191, 255;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #00bfff;
  --bs-btn-active-border-color: #00bfff;
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #00bfff;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #00bfff;
  --bs-gradient: none;
}

.btn-outline-accent-light {
  --bs-btn-color: #B3E5FC;
  --bs-btn-border-color: #B3E5FC;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #B3E5FC;
  --bs-btn-hover-border-color: #B3E5FC;
  --bs-btn-focus-shadow-rgb: 179, 229, 252;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #B3E5FC;
  --bs-btn-active-border-color: #B3E5FC;
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #B3E5FC;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #B3E5FC;
  --bs-gradient: none;
}

.btn-outline-purple {
  --bs-btn-color: #6f42c1;
  --bs-btn-border-color: #6f42c1;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6f42c1;
  --bs-btn-hover-border-color: #6f42c1;
  --bs-btn-focus-shadow-rgb: 111, 66, 193;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6f42c1;
  --bs-btn-active-border-color: #6f42c1;
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #6f42c1;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6f42c1;
  --bs-gradient: none;
}

.btn-outline-purple-light {
  --bs-btn-color: #9c7cff;
  --bs-btn-border-color: #9c7cff;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #9c7cff;
  --bs-btn-hover-border-color: #9c7cff;
  --bs-btn-focus-shadow-rgb: 156, 124, 255;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #9c7cff;
  --bs-btn-active-border-color: #9c7cff;
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #9c7cff;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #9c7cff;
  --bs-gradient: none;
}

.btn-outline-purple-dark {
  --bs-btn-color: #4c2a85;
  --bs-btn-border-color: #4c2a85;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #4c2a85;
  --bs-btn-hover-border-color: #4c2a85;
  --bs-btn-focus-shadow-rgb: 76, 42, 133;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4c2a85;
  --bs-btn-active-border-color: #4c2a85;
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #4c2a85;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #4c2a85;
  --bs-gradient: none;
}

.btn-outline-taupe {
  --bs-btn-color: #FFFBE8;
  --bs-btn-border-color: #FFFBE8;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #FFFBE8;
  --bs-btn-hover-border-color: #FFFBE8;
  --bs-btn-focus-shadow-rgb: 255, 251, 232;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #FFFBE8;
  --bs-btn-active-border-color: #FFFBE8;
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #FFFBE8;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #FFFBE8;
  --bs-gradient: none;
}

.btn-outline-taupe-light {
  --bs-btn-color: rgb(100%, 99.8226768968%, 98.9803921569%);
  --bs-btn-border-color: rgb(100%, 99.8226768968%, 98.9803921569%);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(100%, 99.8226768968%, 98.9803921569%);
  --bs-btn-hover-border-color: rgb(100%, 99.8226768968%, 98.9803921569%);
  --bs-btn-focus-shadow-rgb: 255, 255, 252;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(100%, 99.8226768968%, 98.9803921569%);
  --bs-btn-active-border-color: rgb(100%, 99.8226768968%, 98.9803921569%);
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: rgb(100%, 99.8226768968%, 98.9803921569%);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: rgb(100%, 99.8226768968%, 98.9803921569%);
  --bs-gradient: none;
}

.btn-outline-taupe-dark {
  --bs-btn-color: rgb(100%, 96.3444160273%, 78.9803921569%);
  --bs-btn-border-color: rgb(100%, 96.3444160273%, 78.9803921569%);
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(100%, 96.3444160273%, 78.9803921569%);
  --bs-btn-hover-border-color: rgb(100%, 96.3444160273%, 78.9803921569%);
  --bs-btn-focus-shadow-rgb: 255, 246, 201;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(100%, 96.3444160273%, 78.9803921569%);
  --bs-btn-active-border-color: rgb(100%, 96.3444160273%, 78.9803921569%);
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: rgb(100%, 96.3444160273%, 78.9803921569%);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: rgb(100%, 96.3444160273%, 78.9803921569%);
  --bs-gradient: none;
}

.btn-outline-neutral-bg {
  --bs-btn-color: #F5F6F8;
  --bs-btn-border-color: #F5F6F8;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #F5F6F8;
  --bs-btn-hover-border-color: #F5F6F8;
  --bs-btn-focus-shadow-rgb: 245, 246, 248;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #F5F6F8;
  --bs-btn-active-border-color: #F5F6F8;
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #F5F6F8;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #F5F6F8;
  --bs-gradient: none;
}

.btn-outline-neutral-border {
  --bs-btn-color: #D3D8DE;
  --bs-btn-border-color: #D3D8DE;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #D3D8DE;
  --bs-btn-hover-border-color: #D3D8DE;
  --bs-btn-focus-shadow-rgb: 211, 216, 222;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #D3D8DE;
  --bs-btn-active-border-color: #D3D8DE;
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #D3D8DE;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #D3D8DE;
  --bs-gradient: none;
}

.btn-outline-neutral-text {
  --bs-btn-color: #646A73;
  --bs-btn-border-color: #646A73;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #646A73;
  --bs-btn-hover-border-color: #646A73;
  --bs-btn-focus-shadow-rgb: 100, 106, 115;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #646A73;
  --bs-btn-active-border-color: #646A73;
  --bs-btn-active-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15);
  --bs-btn-disabled-color: #646A73;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #646A73;
  --bs-gradient: none;
}

.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: #0A78BC;
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: rgb(2.9411764706%, 35.2941176471%, 55.2941176471%);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: rgb(2.9411764706%, 35.2941176471%, 55.2941176471%);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb: 47, 140, 198;
  text-decoration: underline;
}
.btn-link:focus-visible {
  color: var(--bs-btn-color);
}
.btn-link:hover {
  color: var(--bs-btn-hover-color);
}

.btn-lg, .btn-group-lg > .btn {
  --bs-btn-padding-y: 1.25rem;
  --bs-btn-padding-x: 2rem;
  --bs-btn-font-size: calc(1.25625rem + 0.075vw);
}
@media (min-width: 1200px) {
  .btn-lg, .btn-group-lg > .btn {
    --bs-btn-font-size: 1.3125rem;
  }
}
.btn-lg, .btn-group-lg > .btn {
  --bs-btn-border-radius: 0.5rem;
}

.btn-sm, .btn-group-sm > .btn {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1rem;
  --bs-btn-border-radius: 0.5rem;
}

.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}

.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}

.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 12rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 1rem;
  --bs-dropdown-spacer: 0.5rem;
  --bs-dropdown-font-size: 1.25rem;
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: var(--dm-surface);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: var(--bs-box-shadow);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0A78BC;
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x: 1.25rem;
  --bs-dropdown-item-padding-y: 0.75rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1.25rem;
  --bs-dropdown-header-padding-y: 1rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}

.dropdown-menu-start {
  --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}

.dropdown-menu-end {
  --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer);
}
.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer);
}
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}

.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer);
}
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-radius: var(--bs-dropdown-item-border-radius, 0);
}
.dropdown-item:hover, .dropdown-item:focus {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 0.875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
}

.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0A78BC;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}

.btn-group {
  border-radius: 0.5rem;
}
.btn-group > :not(.btn-check:first-child) + .btn,
.btn-group > .btn-group:not(:first-child) {
  margin-left: calc(-1 * 2px);
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn.dropdown-toggle-split:first-child,
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 1.125rem;
  padding-left: 1.125rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: calc(-1 * 2px);
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:nth-child(n+3),
.btn-group-vertical > :not(.btn-check) + .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  background: none;
  border: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}
.nav-link:hover, .nav-link:focus {
  color: var(--bs-nav-link-hover-color);
}
.nav-link:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(10, 120, 188, 0.25);
}
.nav-link.disabled, .nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  --bs-nav-tabs-border-width: var(--bs-border-width);
  --bs-nav-tabs-border-color: var(--bs-border-color);
  --bs-nav-tabs-border-radius: var(--bs-border-radius);
  --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
  --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
  --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
  --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills {
  --bs-nav-pills-border-radius: var(--bs-border-radius);
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #0A78BC;
}
.nav-pills .nav-link {
  border-radius: var(--bs-nav-pills-border-radius);
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg);
}

.nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
  --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
  gap: var(--bs-nav-underline-gap);
}
.nav-underline .nav-link {
  padding-right: 0;
  padding-left: 0;
  border-bottom: var(--bs-nav-underline-border-width) solid transparent;
}
.nav-underline .nav-link:hover, .nav-underline .nav-link:focus {
  border-bottom-color: currentcolor;
}
.nav-underline .nav-link.active,
.nav-underline .show > .nav-link {
  font-weight: 700;
  color: var(--bs-nav-underline-link-active-color);
  border-bottom-color: currentcolor;
}

.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-grow: 1;
  flex-basis: 0;
  text-align: center;
}

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%;
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
  --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
  --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
  --bs-navbar-toggler-border-radius: 0.5rem;
  --bs-navbar-toggler-focus-width: 0.2rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-sm,
.navbar > .container-md,
.navbar > .container-lg,
.navbar > .container-xl,
.navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  color: var(--bs-navbar-brand-hover-color);
}

.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
  color: var(--bs-navbar-active-color);
}
.navbar-nav .dropdown-menu {
  position: static;
}

.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-navbar-color);
}
.navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
  color: var(--bs-navbar-active-color);
}

.navbar-collapse {
  flex-grow: 1;
  flex-basis: 100%;
  align-items: center;
}

.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
}
@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none;
  }
}
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}

.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}

@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-expand .offcanvas {
  position: static;
  z-index: auto;
  flex-grow: 1;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  background-color: transparent !important;
  border: 0 !important;
  transform: none !important;
  transition: none;
}
.navbar-expand .offcanvas .offcanvas-header {
  display: none;
}
.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}

.navbar-dark,
.navbar[data-bs-theme=dark] {
  --bs-navbar-color: rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

[data-bs-theme=dark] .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-title-color: ;
  --bs-card-subtitle-color: ;
  --bs-card-border-width: 3px;
  --bs-card-border-color: var(--bs-border-color);
  --bs-card-border-radius: var(--bs-border-radius);
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(var(--bs-border-radius) - 3px);
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: var(--bs-body-bg);
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  color: var(--bs-body-color);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color);
}

.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
  color: var(--bs-card-title-color);
}

.card-subtitle {
  margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
  margin-bottom: 0;
  color: var(--bs-card-subtitle-color);
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link + .card-link {
  margin-left: var(--bs-card-spacer-x);
}

.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}

.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}

.card-header-tabs {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0;
}
.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg);
}

.card-header-pills {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius);
}

.card-img,
.card-img-top,
.card-img-bottom {
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}

.card-group > .card {
  margin-bottom: var(--bs-card-group-margin);
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) > .card-img-top,
  .card-group > .card:not(:last-child) > .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) > .card-img-bottom,
  .card-group > .card:not(:last-child) > .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) > .card-img-top,
  .card-group > .card:not(:first-child) > .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) > .card-img-bottom,
  .card-group > .card:not(:first-child) > .card-footer {
    border-bottom-left-radius: 0;
  }
}

.accordion {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: var(--dm-surface);
  --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgb%281.568627451%, 18.8235294118%, 29.4901960784%%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.2rem rgba(10, 120, 188, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}

.accordion-header {
  margin-bottom: 0;
}

.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:first-of-type > .accordion-header .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:last-of-type > .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}

.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}

.accordion-flush > .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.accordion-flush > .accordion-item:first-child {
  border-top: 0;
}
.accordion-flush > .accordion-item:last-child {
  border-bottom: 0;
}
.accordion-flush > .accordion-item > .accordion-collapse,
.accordion-flush > .accordion-item > .accordion-header .accordion-button,
.accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
  border-radius: 0;
}

[data-bs-theme=dark] .accordion-button::after {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%239EC6F7'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%239EC6F7'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
}

.breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0.125rem;
  --bs-breadcrumb-margin-bottom: 0.375rem;
  --bs-breadcrumb-font-size: 0.9375rem;
  --bs-breadcrumb-bg: transparent;
  --bs-breadcrumb-border-radius: 0;
  --bs-breadcrumb-divider-color: var(--bs-secondary-color);
  --bs-breadcrumb-item-padding-x: 0.625rem;
  --bs-breadcrumb-item-active-color: var(--bs-body-color);
  display: flex;
  flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius);
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x);
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "›") /* rtl: var(--bs-breadcrumb-divider, "›") */;
}
.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color);
}

.badge {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: var(--bs-border-radius);
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius);
}
.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: 3px solid var(--bs-alert-border-color);
  --bs-alert-border-radius: 0.75rem;
  --bs-alert-link-color: inherit;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 600;
  color: var(--bs-alert-link-color);
}

.alert-dismissible {
  padding-right: 3rem;
}
.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}

.alert-primary {
  --bs-alert-color: var(--bs-primary-text-emphasis);
  --bs-alert-bg: var(--bs-primary-bg-subtle);
  --bs-alert-border-color: var(--bs-primary-border-subtle);
  --bs-alert-link-color: var(--bs-primary-text-emphasis);
}

.alert-primary-light {
  --bs-alert-color: var(--bs-primary-light-text-emphasis);
  --bs-alert-bg: var(--bs-primary-light-bg-subtle);
  --bs-alert-border-color: var(--bs-primary-light-border-subtle);
  --bs-alert-link-color: var(--bs-primary-light-text-emphasis);
}

.alert-primary-dark {
  --bs-alert-color: var(--bs-primary-dark-text-emphasis);
  --bs-alert-bg: var(--bs-primary-dark-bg-subtle);
  --bs-alert-border-color: var(--bs-primary-dark-border-subtle);
  --bs-alert-link-color: var(--bs-primary-dark-text-emphasis);
}

.alert-brand {
  --bs-alert-color: var(--bs-brand-text-emphasis);
  --bs-alert-bg: var(--bs-brand-bg-subtle);
  --bs-alert-border-color: var(--bs-brand-border-subtle);
  --bs-alert-link-color: var(--bs-brand-text-emphasis);
}

.alert-secondary {
  --bs-alert-color: var(--bs-secondary-text-emphasis);
  --bs-alert-bg: var(--bs-secondary-bg-subtle);
  --bs-alert-border-color: var(--bs-secondary-border-subtle);
  --bs-alert-link-color: var(--bs-secondary-text-emphasis);
}

.alert-secondary-light {
  --bs-alert-color: var(--bs-secondary-light-text-emphasis);
  --bs-alert-bg: var(--bs-secondary-light-bg-subtle);
  --bs-alert-border-color: var(--bs-secondary-light-border-subtle);
  --bs-alert-link-color: var(--bs-secondary-light-text-emphasis);
}

.alert-secondary-dark {
  --bs-alert-color: var(--bs-secondary-dark-text-emphasis);
  --bs-alert-bg: var(--bs-secondary-dark-bg-subtle);
  --bs-alert-border-color: var(--bs-secondary-dark-border-subtle);
  --bs-alert-link-color: var(--bs-secondary-dark-text-emphasis);
}

.alert-success {
  --bs-alert-color: var(--bs-success-text-emphasis);
  --bs-alert-bg: var(--bs-success-bg-subtle);
  --bs-alert-border-color: var(--bs-success-border-subtle);
  --bs-alert-link-color: var(--bs-success-text-emphasis);
}

.alert-success-light {
  --bs-alert-color: var(--bs-success-light-text-emphasis);
  --bs-alert-bg: var(--bs-success-light-bg-subtle);
  --bs-alert-border-color: var(--bs-success-light-border-subtle);
  --bs-alert-link-color: var(--bs-success-light-text-emphasis);
}

.alert-success-dark {
  --bs-alert-color: var(--bs-success-dark-text-emphasis);
  --bs-alert-bg: var(--bs-success-dark-bg-subtle);
  --bs-alert-border-color: var(--bs-success-dark-border-subtle);
  --bs-alert-link-color: var(--bs-success-dark-text-emphasis);
}

.alert-info {
  --bs-alert-color: var(--bs-info-text-emphasis);
  --bs-alert-bg: var(--bs-info-bg-subtle);
  --bs-alert-border-color: var(--bs-info-border-subtle);
  --bs-alert-link-color: var(--bs-info-text-emphasis);
}

.alert-info-light {
  --bs-alert-color: var(--bs-info-light-text-emphasis);
  --bs-alert-bg: var(--bs-info-light-bg-subtle);
  --bs-alert-border-color: var(--bs-info-light-border-subtle);
  --bs-alert-link-color: var(--bs-info-light-text-emphasis);
}

.alert-info-dark {
  --bs-alert-color: var(--bs-info-dark-text-emphasis);
  --bs-alert-bg: var(--bs-info-dark-bg-subtle);
  --bs-alert-border-color: var(--bs-info-dark-border-subtle);
  --bs-alert-link-color: var(--bs-info-dark-text-emphasis);
}

.alert-warning {
  --bs-alert-color: var(--bs-warning-text-emphasis);
  --bs-alert-bg: var(--bs-warning-bg-subtle);
  --bs-alert-border-color: var(--bs-warning-border-subtle);
  --bs-alert-link-color: var(--bs-warning-text-emphasis);
}

.alert-warning-light {
  --bs-alert-color: var(--bs-warning-light-text-emphasis);
  --bs-alert-bg: var(--bs-warning-light-bg-subtle);
  --bs-alert-border-color: var(--bs-warning-light-border-subtle);
  --bs-alert-link-color: var(--bs-warning-light-text-emphasis);
}

.alert-warning-dark {
  --bs-alert-color: var(--bs-warning-dark-text-emphasis);
  --bs-alert-bg: var(--bs-warning-dark-bg-subtle);
  --bs-alert-border-color: var(--bs-warning-dark-border-subtle);
  --bs-alert-link-color: var(--bs-warning-dark-text-emphasis);
}

.alert-danger {
  --bs-alert-color: var(--bs-danger-text-emphasis);
  --bs-alert-bg: var(--bs-danger-bg-subtle);
  --bs-alert-border-color: var(--bs-danger-border-subtle);
  --bs-alert-link-color: var(--bs-danger-text-emphasis);
}

.alert-danger-light {
  --bs-alert-color: var(--bs-danger-light-text-emphasis);
  --bs-alert-bg: var(--bs-danger-light-bg-subtle);
  --bs-alert-border-color: var(--bs-danger-light-border-subtle);
  --bs-alert-link-color: var(--bs-danger-light-text-emphasis);
}

.alert-danger-dark {
  --bs-alert-color: var(--bs-danger-dark-text-emphasis);
  --bs-alert-bg: var(--bs-danger-dark-bg-subtle);
  --bs-alert-border-color: var(--bs-danger-dark-border-subtle);
  --bs-alert-link-color: var(--bs-danger-dark-text-emphasis);
}

.alert-light {
  --bs-alert-color: var(--bs-light-text-emphasis);
  --bs-alert-bg: var(--bs-light-bg-subtle);
  --bs-alert-border-color: var(--bs-light-border-subtle);
  --bs-alert-link-color: var(--bs-light-text-emphasis);
}

.alert-light-darker {
  --bs-alert-color: var(--bs-light-darker-text-emphasis);
  --bs-alert-bg: var(--bs-light-darker-bg-subtle);
  --bs-alert-border-color: var(--bs-light-darker-border-subtle);
  --bs-alert-link-color: var(--bs-light-darker-text-emphasis);
}

.alert-dark {
  --bs-alert-color: var(--bs-dark-text-emphasis);
  --bs-alert-bg: var(--bs-dark-bg-subtle);
  --bs-alert-border-color: var(--bs-dark-border-subtle);
  --bs-alert-link-color: var(--bs-dark-text-emphasis);
}

.alert-accent {
  --bs-alert-color: var(--bs-accent-text-emphasis);
  --bs-alert-bg: var(--bs-accent-bg-subtle);
  --bs-alert-border-color: var(--bs-accent-border-subtle);
  --bs-alert-link-color: var(--bs-accent-text-emphasis);
}

.alert-accent-light {
  --bs-alert-color: var(--bs-accent-light-text-emphasis);
  --bs-alert-bg: var(--bs-accent-light-bg-subtle);
  --bs-alert-border-color: var(--bs-accent-light-border-subtle);
  --bs-alert-link-color: var(--bs-accent-light-text-emphasis);
}

.alert-purple {
  --bs-alert-color: var(--bs-purple-text-emphasis);
  --bs-alert-bg: var(--bs-purple-bg-subtle);
  --bs-alert-border-color: var(--bs-purple-border-subtle);
  --bs-alert-link-color: var(--bs-purple-text-emphasis);
}

.alert-purple-light {
  --bs-alert-color: var(--bs-purple-light-text-emphasis);
  --bs-alert-bg: var(--bs-purple-light-bg-subtle);
  --bs-alert-border-color: var(--bs-purple-light-border-subtle);
  --bs-alert-link-color: var(--bs-purple-light-text-emphasis);
}

.alert-purple-dark {
  --bs-alert-color: var(--bs-purple-dark-text-emphasis);
  --bs-alert-bg: var(--bs-purple-dark-bg-subtle);
  --bs-alert-border-color: var(--bs-purple-dark-border-subtle);
  --bs-alert-link-color: var(--bs-purple-dark-text-emphasis);
}

.alert-taupe {
  --bs-alert-color: var(--bs-taupe-text-emphasis);
  --bs-alert-bg: var(--bs-taupe-bg-subtle);
  --bs-alert-border-color: var(--bs-taupe-border-subtle);
  --bs-alert-link-color: var(--bs-taupe-text-emphasis);
}

.alert-taupe-light {
  --bs-alert-color: var(--bs-taupe-light-text-emphasis);
  --bs-alert-bg: var(--bs-taupe-light-bg-subtle);
  --bs-alert-border-color: var(--bs-taupe-light-border-subtle);
  --bs-alert-link-color: var(--bs-taupe-light-text-emphasis);
}

.alert-taupe-dark {
  --bs-alert-color: var(--bs-taupe-dark-text-emphasis);
  --bs-alert-bg: var(--bs-taupe-dark-bg-subtle);
  --bs-alert-border-color: var(--bs-taupe-dark-border-subtle);
  --bs-alert-link-color: var(--bs-taupe-dark-text-emphasis);
}

.alert-neutral-bg {
  --bs-alert-color: var(--bs-neutral-bg-text-emphasis);
  --bs-alert-bg: var(--bs-neutral-bg-bg-subtle);
  --bs-alert-border-color: var(--bs-neutral-bg-border-subtle);
  --bs-alert-link-color: var(--bs-neutral-bg-text-emphasis);
}

.alert-neutral-border {
  --bs-alert-color: var(--bs-neutral-border-text-emphasis);
  --bs-alert-bg: var(--bs-neutral-border-bg-subtle);
  --bs-alert-border-color: var(--bs-neutral-border-border-subtle);
  --bs-alert-link-color: var(--bs-neutral-border-text-emphasis);
}

.alert-neutral-text {
  --bs-alert-color: var(--bs-neutral-text-text-emphasis);
  --bs-alert-bg: var(--bs-neutral-text-bg-subtle);
  --bs-alert-border-color: var(--bs-neutral-text-border-subtle);
  --bs-alert-link-color: var(--bs-neutral-text-text-emphasis);
}

@keyframes progress-bar-stripes {
  0% {
    background-position-x: var(--bs-progress-height);
  }
}
.progress,
.progress-stacked {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 0.75rem;
  --bs-progress-bg: var(--bs-secondary-bg);
  --bs-progress-border-radius: var(--bs-border-radius);
  --bs-progress-box-shadow: var(--bs-box-shadow-inset);
  --bs-progress-bar-color: #fff;
  --bs-progress-bar-bg: #0A78BC;
  --bs-progress-bar-transition: width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  transition: var(--bs-progress-bar-transition);
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: var(--bs-progress-height) var(--bs-progress-height);
}

.progress-stacked > .progress {
  overflow: visible;
}

.progress-stacked > .progress > .progress-bar {
  width: 100%;
}

.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}

.list-group {
  --bs-list-group-color: var(--bs-body-color);
  --bs-list-group-bg: var(--dm-surface);
  --bs-list-group-border-color: var(--bs-border-color);
  --bs-list-group-border-width: var(--bs-border-width);
  --bs-list-group-border-radius: var(--bs-border-radius);
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: var(--bs-secondary-color);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
  --bs-list-group-action-active-color: var(--bs-body-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-bg);
  --bs-list-group-disabled-color: var(--bs-secondary-color);
  --bs-list-group-disabled-bg: var(--dm-surface);
  --bs-list-group-active-color: #fff;
  --bs-list-group-active-bg: #0A78BC;
  --bs-list-group-active-border-color: #0A78BC;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius);
}

.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}
.list-group-numbered > .list-group-item::before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}

.list-group-item {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: var(--bs-list-group-disabled-color);
  pointer-events: none;
  background-color: var(--bs-list-group-disabled-bg);
}
.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-list-group-active-border-color);
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: calc(-1 * var(--bs-list-group-border-width));
  border-top-width: var(--bs-list-group-border-width);
}

.list-group-item-action {
  width: 100%;
  color: var(--bs-list-group-action-color);
  text-align: inherit;
}
.list-group-item-action:not(.active):hover, .list-group-item-action:not(.active):focus {
  z-index: 1;
  color: var(--bs-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--bs-list-group-action-hover-bg);
}
.list-group-item-action:not(.active):active {
  color: var(--bs-list-group-action-active-color);
  background-color: var(--bs-list-group-action-active-bg);
}

.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: var(--bs-list-group-border-radius);
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
  border-top-right-radius: var(--bs-list-group-border-radius);
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: var(--bs-list-group-border-width);
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: calc(-1 * var(--bs-list-group-border-width));
  border-left-width: var(--bs-list-group-border-width);
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 var(--bs-list-group-border-width);
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}

.list-group-item-primary {
  --bs-list-group-color: var(--bs-primary-text-emphasis);
  --bs-list-group-bg: var(--bs-primary-bg-subtle);
  --bs-list-group-border-color: var(--bs-primary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
  --bs-list-group-active-color: var(--bs-primary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-primary-text-emphasis);
}

.list-group-item-primary-light {
  --bs-list-group-color: var(--bs-primary-light-text-emphasis);
  --bs-list-group-bg: var(--bs-primary-light-bg-subtle);
  --bs-list-group-border-color: var(--bs-primary-light-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-primary-light-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-primary-light-border-subtle);
  --bs-list-group-active-color: var(--bs-primary-light-bg-subtle);
  --bs-list-group-active-bg: var(--bs-primary-light-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-primary-light-text-emphasis);
}

.list-group-item-primary-dark {
  --bs-list-group-color: var(--bs-primary-dark-text-emphasis);
  --bs-list-group-bg: var(--bs-primary-dark-bg-subtle);
  --bs-list-group-border-color: var(--bs-primary-dark-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-primary-dark-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-primary-dark-border-subtle);
  --bs-list-group-active-color: var(--bs-primary-dark-bg-subtle);
  --bs-list-group-active-bg: var(--bs-primary-dark-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-primary-dark-text-emphasis);
}

.list-group-item-brand {
  --bs-list-group-color: var(--bs-brand-text-emphasis);
  --bs-list-group-bg: var(--bs-brand-bg-subtle);
  --bs-list-group-border-color: var(--bs-brand-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-brand-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-brand-border-subtle);
  --bs-list-group-active-color: var(--bs-brand-bg-subtle);
  --bs-list-group-active-bg: var(--bs-brand-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-brand-text-emphasis);
}

.list-group-item-secondary {
  --bs-list-group-color: var(--bs-secondary-text-emphasis);
  --bs-list-group-bg: var(--bs-secondary-bg-subtle);
  --bs-list-group-border-color: var(--bs-secondary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis);
}

.list-group-item-secondary-light {
  --bs-list-group-color: var(--bs-secondary-light-text-emphasis);
  --bs-list-group-bg: var(--bs-secondary-light-bg-subtle);
  --bs-list-group-border-color: var(--bs-secondary-light-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-secondary-light-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-light-border-subtle);
  --bs-list-group-active-color: var(--bs-secondary-light-bg-subtle);
  --bs-list-group-active-bg: var(--bs-secondary-light-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-secondary-light-text-emphasis);
}

.list-group-item-secondary-dark {
  --bs-list-group-color: var(--bs-secondary-dark-text-emphasis);
  --bs-list-group-bg: var(--bs-secondary-dark-bg-subtle);
  --bs-list-group-border-color: var(--bs-secondary-dark-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-secondary-dark-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-dark-border-subtle);
  --bs-list-group-active-color: var(--bs-secondary-dark-bg-subtle);
  --bs-list-group-active-bg: var(--bs-secondary-dark-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-secondary-dark-text-emphasis);
}

.list-group-item-success {
  --bs-list-group-color: var(--bs-success-text-emphasis);
  --bs-list-group-bg: var(--bs-success-bg-subtle);
  --bs-list-group-border-color: var(--bs-success-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
  --bs-list-group-active-color: var(--bs-success-bg-subtle);
  --bs-list-group-active-bg: var(--bs-success-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-success-text-emphasis);
}

.list-group-item-success-light {
  --bs-list-group-color: var(--bs-success-light-text-emphasis);
  --bs-list-group-bg: var(--bs-success-light-bg-subtle);
  --bs-list-group-border-color: var(--bs-success-light-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-success-light-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-success-light-border-subtle);
  --bs-list-group-active-color: var(--bs-success-light-bg-subtle);
  --bs-list-group-active-bg: var(--bs-success-light-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-success-light-text-emphasis);
}

.list-group-item-success-dark {
  --bs-list-group-color: var(--bs-success-dark-text-emphasis);
  --bs-list-group-bg: var(--bs-success-dark-bg-subtle);
  --bs-list-group-border-color: var(--bs-success-dark-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-success-dark-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-success-dark-border-subtle);
  --bs-list-group-active-color: var(--bs-success-dark-bg-subtle);
  --bs-list-group-active-bg: var(--bs-success-dark-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-success-dark-text-emphasis);
}

.list-group-item-info {
  --bs-list-group-color: var(--bs-info-text-emphasis);
  --bs-list-group-bg: var(--bs-info-bg-subtle);
  --bs-list-group-border-color: var(--bs-info-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
  --bs-list-group-active-color: var(--bs-info-bg-subtle);
  --bs-list-group-active-bg: var(--bs-info-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-info-text-emphasis);
}

.list-group-item-info-light {
  --bs-list-group-color: var(--bs-info-light-text-emphasis);
  --bs-list-group-bg: var(--bs-info-light-bg-subtle);
  --bs-list-group-border-color: var(--bs-info-light-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-info-light-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-info-light-border-subtle);
  --bs-list-group-active-color: var(--bs-info-light-bg-subtle);
  --bs-list-group-active-bg: var(--bs-info-light-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-info-light-text-emphasis);
}

.list-group-item-info-dark {
  --bs-list-group-color: var(--bs-info-dark-text-emphasis);
  --bs-list-group-bg: var(--bs-info-dark-bg-subtle);
  --bs-list-group-border-color: var(--bs-info-dark-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-info-dark-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-info-dark-border-subtle);
  --bs-list-group-active-color: var(--bs-info-dark-bg-subtle);
  --bs-list-group-active-bg: var(--bs-info-dark-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-info-dark-text-emphasis);
}

.list-group-item-warning {
  --bs-list-group-color: var(--bs-warning-text-emphasis);
  --bs-list-group-bg: var(--bs-warning-bg-subtle);
  --bs-list-group-border-color: var(--bs-warning-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
  --bs-list-group-active-color: var(--bs-warning-bg-subtle);
  --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-warning-text-emphasis);
}

.list-group-item-warning-light {
  --bs-list-group-color: var(--bs-warning-light-text-emphasis);
  --bs-list-group-bg: var(--bs-warning-light-bg-subtle);
  --bs-list-group-border-color: var(--bs-warning-light-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-warning-light-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-warning-light-border-subtle);
  --bs-list-group-active-color: var(--bs-warning-light-bg-subtle);
  --bs-list-group-active-bg: var(--bs-warning-light-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-warning-light-text-emphasis);
}

.list-group-item-warning-dark {
  --bs-list-group-color: var(--bs-warning-dark-text-emphasis);
  --bs-list-group-bg: var(--bs-warning-dark-bg-subtle);
  --bs-list-group-border-color: var(--bs-warning-dark-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-warning-dark-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-warning-dark-border-subtle);
  --bs-list-group-active-color: var(--bs-warning-dark-bg-subtle);
  --bs-list-group-active-bg: var(--bs-warning-dark-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-warning-dark-text-emphasis);
}

.list-group-item-danger {
  --bs-list-group-color: var(--bs-danger-text-emphasis);
  --bs-list-group-bg: var(--bs-danger-bg-subtle);
  --bs-list-group-border-color: var(--bs-danger-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
  --bs-list-group-active-color: var(--bs-danger-bg-subtle);
  --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-danger-text-emphasis);
}

.list-group-item-danger-light {
  --bs-list-group-color: var(--bs-danger-light-text-emphasis);
  --bs-list-group-bg: var(--bs-danger-light-bg-subtle);
  --bs-list-group-border-color: var(--bs-danger-light-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-danger-light-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-danger-light-border-subtle);
  --bs-list-group-active-color: var(--bs-danger-light-bg-subtle);
  --bs-list-group-active-bg: var(--bs-danger-light-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-danger-light-text-emphasis);
}

.list-group-item-danger-dark {
  --bs-list-group-color: var(--bs-danger-dark-text-emphasis);
  --bs-list-group-bg: var(--bs-danger-dark-bg-subtle);
  --bs-list-group-border-color: var(--bs-danger-dark-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-danger-dark-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-danger-dark-border-subtle);
  --bs-list-group-active-color: var(--bs-danger-dark-bg-subtle);
  --bs-list-group-active-bg: var(--bs-danger-dark-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-danger-dark-text-emphasis);
}

.list-group-item-light {
  --bs-list-group-color: var(--bs-light-text-emphasis);
  --bs-list-group-bg: var(--bs-light-bg-subtle);
  --bs-list-group-border-color: var(--bs-light-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
  --bs-list-group-active-color: var(--bs-light-bg-subtle);
  --bs-list-group-active-bg: var(--bs-light-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-light-text-emphasis);
}

.list-group-item-light-darker {
  --bs-list-group-color: var(--bs-light-darker-text-emphasis);
  --bs-list-group-bg: var(--bs-light-darker-bg-subtle);
  --bs-list-group-border-color: var(--bs-light-darker-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-light-darker-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-light-darker-border-subtle);
  --bs-list-group-active-color: var(--bs-light-darker-bg-subtle);
  --bs-list-group-active-bg: var(--bs-light-darker-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-light-darker-text-emphasis);
}

.list-group-item-dark {
  --bs-list-group-color: var(--bs-dark-text-emphasis);
  --bs-list-group-bg: var(--bs-dark-bg-subtle);
  --bs-list-group-border-color: var(--bs-dark-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
  --bs-list-group-active-color: var(--bs-dark-bg-subtle);
  --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-dark-text-emphasis);
}

.list-group-item-accent {
  --bs-list-group-color: var(--bs-accent-text-emphasis);
  --bs-list-group-bg: var(--bs-accent-bg-subtle);
  --bs-list-group-border-color: var(--bs-accent-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-accent-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-accent-border-subtle);
  --bs-list-group-active-color: var(--bs-accent-bg-subtle);
  --bs-list-group-active-bg: var(--bs-accent-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-accent-text-emphasis);
}

.list-group-item-accent-light {
  --bs-list-group-color: var(--bs-accent-light-text-emphasis);
  --bs-list-group-bg: var(--bs-accent-light-bg-subtle);
  --bs-list-group-border-color: var(--bs-accent-light-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-accent-light-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-accent-light-border-subtle);
  --bs-list-group-active-color: var(--bs-accent-light-bg-subtle);
  --bs-list-group-active-bg: var(--bs-accent-light-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-accent-light-text-emphasis);
}

.list-group-item-purple {
  --bs-list-group-color: var(--bs-purple-text-emphasis);
  --bs-list-group-bg: var(--bs-purple-bg-subtle);
  --bs-list-group-border-color: var(--bs-purple-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-purple-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-purple-border-subtle);
  --bs-list-group-active-color: var(--bs-purple-bg-subtle);
  --bs-list-group-active-bg: var(--bs-purple-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-purple-text-emphasis);
}

.list-group-item-purple-light {
  --bs-list-group-color: var(--bs-purple-light-text-emphasis);
  --bs-list-group-bg: var(--bs-purple-light-bg-subtle);
  --bs-list-group-border-color: var(--bs-purple-light-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-purple-light-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-purple-light-border-subtle);
  --bs-list-group-active-color: var(--bs-purple-light-bg-subtle);
  --bs-list-group-active-bg: var(--bs-purple-light-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-purple-light-text-emphasis);
}

.list-group-item-purple-dark {
  --bs-list-group-color: var(--bs-purple-dark-text-emphasis);
  --bs-list-group-bg: var(--bs-purple-dark-bg-subtle);
  --bs-list-group-border-color: var(--bs-purple-dark-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-purple-dark-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-purple-dark-border-subtle);
  --bs-list-group-active-color: var(--bs-purple-dark-bg-subtle);
  --bs-list-group-active-bg: var(--bs-purple-dark-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-purple-dark-text-emphasis);
}

.list-group-item-taupe {
  --bs-list-group-color: var(--bs-taupe-text-emphasis);
  --bs-list-group-bg: var(--bs-taupe-bg-subtle);
  --bs-list-group-border-color: var(--bs-taupe-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-taupe-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-taupe-border-subtle);
  --bs-list-group-active-color: var(--bs-taupe-bg-subtle);
  --bs-list-group-active-bg: var(--bs-taupe-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-taupe-text-emphasis);
}

.list-group-item-taupe-light {
  --bs-list-group-color: var(--bs-taupe-light-text-emphasis);
  --bs-list-group-bg: var(--bs-taupe-light-bg-subtle);
  --bs-list-group-border-color: var(--bs-taupe-light-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-taupe-light-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-taupe-light-border-subtle);
  --bs-list-group-active-color: var(--bs-taupe-light-bg-subtle);
  --bs-list-group-active-bg: var(--bs-taupe-light-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-taupe-light-text-emphasis);
}

.list-group-item-taupe-dark {
  --bs-list-group-color: var(--bs-taupe-dark-text-emphasis);
  --bs-list-group-bg: var(--bs-taupe-dark-bg-subtle);
  --bs-list-group-border-color: var(--bs-taupe-dark-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-taupe-dark-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-taupe-dark-border-subtle);
  --bs-list-group-active-color: var(--bs-taupe-dark-bg-subtle);
  --bs-list-group-active-bg: var(--bs-taupe-dark-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-taupe-dark-text-emphasis);
}

.list-group-item-neutral-bg {
  --bs-list-group-color: var(--bs-neutral-bg-text-emphasis);
  --bs-list-group-bg: var(--bs-neutral-bg-bg-subtle);
  --bs-list-group-border-color: var(--bs-neutral-bg-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-neutral-bg-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-neutral-bg-border-subtle);
  --bs-list-group-active-color: var(--bs-neutral-bg-bg-subtle);
  --bs-list-group-active-bg: var(--bs-neutral-bg-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-neutral-bg-text-emphasis);
}

.list-group-item-neutral-border {
  --bs-list-group-color: var(--bs-neutral-border-text-emphasis);
  --bs-list-group-bg: var(--bs-neutral-border-bg-subtle);
  --bs-list-group-border-color: var(--bs-neutral-border-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-neutral-border-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-neutral-border-border-subtle);
  --bs-list-group-active-color: var(--bs-neutral-border-bg-subtle);
  --bs-list-group-active-bg: var(--bs-neutral-border-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-neutral-border-text-emphasis);
}

.list-group-item-neutral-text {
  --bs-list-group-color: var(--bs-neutral-text-text-emphasis);
  --bs-list-group-bg: var(--bs-neutral-text-bg-subtle);
  --bs-list-group-border-color: var(--bs-neutral-text-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-neutral-text-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-neutral-text-border-subtle);
  --bs-list-group-active-color: var(--bs-neutral-text-bg-subtle);
  --bs-list-group-active-bg: var(--bs-neutral-text-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-neutral-text-text-emphasis);
}

.btn-close {
  --bs-btn-close-color: var(--bs-body-color);
  --bs-btn-close-bg: none;
  --bs-btn-close-opacity: 0.5;
  --bs-btn-close-hover-opacity: 0.85;
  --bs-btn-close-focus-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.25);
  --bs-btn-close-focus-opacity: 1;
  --bs-btn-close-disabled-opacity: 0.25;
  box-sizing: content-box;
  width: 1.25rem;
  height: 1.25rem;
  padding: 0.25rem 0.25rem;
  color: var(--bs-btn-close-color);
  background: transparent var(--bs-btn-close-bg) center/1.25rem auto no-repeat;
  filter: var(--bs-btn-close-filter);
  border: 0;
  border-radius: 1rem;
  opacity: var(--bs-btn-close-opacity);
}
.btn-close:hover {
  color: var(--bs-btn-close-color);
  text-decoration: none;
  opacity: var(--bs-btn-close-hover-opacity);
}
.btn-close:focus {
  outline: 0;
  box-shadow: var(--bs-btn-close-focus-shadow);
  opacity: var(--bs-btn-close-focus-opacity);
}
.btn-close:disabled, .btn-close.disabled {
  pointer-events: none;
  user-select: none;
  opacity: var(--bs-btn-close-disabled-opacity);
}

.btn-close-white {
  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
}

:root,
[data-bs-theme=light] {
  --bs-btn-close-filter: ;
}

[data-bs-theme=dark] {
  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
}

.toast {
  --bs-toast-zindex: 1090;
  --bs-toast-padding-x: 0.75rem;
  --bs-toast-padding-y: 0.5rem;
  --bs-toast-spacing: 3rem;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-color: ;
  --bs-toast-bg: var(--dm-surface);
  --bs-toast-border-width: var(--bs-border-width);
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: var(--bs-border-radius);
  --bs-toast-box-shadow: var(--bs-box-shadow);
  --bs-toast-header-color: var(--bs-secondary-color);
  --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-header-border-color: var(--bs-border-color-translucent);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius);
}
.toast.showing {
  opacity: 0;
}
.toast:not(.show) {
  display: none;
}

.toast-container {
  --bs-toast-zindex: 1090;
  position: absolute;
  z-index: var(--bs-toast-zindex);
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}
.toast-container > :not(:last-child) {
  margin-bottom: var(--bs-toast-spacing);
}

.toast-header {
  display: flex;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
}
.toast-header .btn-close {
  margin-right: calc(-0.5 * var(--bs-toast-padding-x));
  margin-left: var(--bs-toast-padding-x);
}

.toast-body {
  padding: var(--bs-toast-padding-x);
  word-wrap: break-word;
}

.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: var(--bs-body-color);
  --bs-modal-bg: var(--dm-surface);
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: var(--bs-border-width);
  --bs-modal-border-radius: var(--bs-border-radius-lg);
  --bs-modal-box-shadow: var(--bs-box-shadow-sm);
  --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: var(--bs-border-width);
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transform: translate(0, -50px);
  transition: transform 0.3s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}

.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--bs-modal-header-padding-y));
  margin-right: calc(-0.5 * var(--bs-modal-header-padding-x));
  margin-bottom: calc(-0.5 * var(--bs-modal-header-padding-y));
  margin-left: auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}

.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * 0.5);
}

@media (min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: var(--bs-box-shadow);
  }
  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }
  .modal-sm {
    --bs-modal-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    --bs-modal-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header,
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header,
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header,
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header,
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header,
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}
.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: 0.875rem;
  --bs-tooltip-color: var(--bs-body-bg);
  --bs-tooltip-bg: var(--bs-emphasis-color);
  --bs-tooltip-border-radius: var(--bs-border-radius);
  --bs-tooltip-opacity: 0.9;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  margin: var(--bs-tooltip-margin);
  font-family: "Ubuntu", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height);
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-top-color: var(--bs-tooltip-bg);
}

/* rtl:begin:ignore */
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-right-color: var(--bs-tooltip-bg);
}

/* rtl:end:ignore */
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg);
}

/* rtl:begin:ignore */
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg);
}

/* rtl:end:ignore */
.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
}

.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 276px;
  --bs-popover-font-size: 0.875rem;
  --bs-popover-bg: var(--dm-surface);
  --bs-popover-border-width: var(--bs-border-width);
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: var(--bs-border-radius-lg);
  --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
  --bs-popover-box-shadow: var(--bs-box-shadow);
  --bs-popover-header-padding-x: 1rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: 1rem;
  --bs-popover-header-color: inherit;
  --bs-popover-header-bg: var(--bs-secondary-bg);
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 1rem;
  --bs-popover-body-color: var(--bs-body-color);
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  font-family: "Ubuntu", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius);
}
.popover .popover-arrow {
  display: block;
  width: var(--bs-popover-arrow-width);
  height: var(--bs-popover-arrow-height);
}
.popover .popover-arrow::before, .popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}

.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
  bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
  bottom: 0;
  border-top-color: var(--bs-popover-arrow-border);
}
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg);
}

/* rtl:begin:ignore */
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
  left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
  left: 0;
  border-right-color: var(--bs-popover-arrow-border);
}
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg);
}

/* rtl:end:ignore */
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
  top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
  top: 0;
  border-bottom-color: var(--bs-popover-arrow-border);
}
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg);
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: var(--bs-popover-arrow-width);
  margin-left: calc(-0.5 * var(--bs-popover-arrow-width));
  content: "";
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
}

/* rtl:begin:ignore */
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
  right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
  right: 0;
  border-left-color: var(--bs-popover-arrow-border);
}
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg);
}

/* rtl:end:ignore */
.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius);
}
.popover-header:empty {
  display: none;
}

.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color);
}

.spinner-grow,
.spinner-border {
  display: inline-block;
  flex-shrink: 0;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg) /* rtl:ignore */;
  }
}
.spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent;
}

.spinner-border-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: 0.2em;
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0;
}

.spinner-grow-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
    --bs-spinner-animation-speed: 1.5s;
  }
}
.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-color: var(--bs-body-color);
  --bs-offcanvas-bg: var(--dm-surface);
  --bs-offcanvas-border-width: var(--bs-border-width);
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
  --bs-offcanvas-transition: transform 0.3s ease-in-out;
  --bs-offcanvas-title-line-height: 1.5;
}

@media (max-width: 575.98px) {
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-sm {
    transition: none;
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-sm.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-sm.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-sm.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show {
    visibility: visible;
  }
}
@media (min-width: 576px) {
  .offcanvas-sm {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-sm .offcanvas-header {
    display: none;
  }
  .offcanvas-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 767.98px) {
  .offcanvas-md {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-md {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-md.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-md.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-md.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show {
    visibility: visible;
  }
}
@media (min-width: 768px) {
  .offcanvas-md {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-md .offcanvas-header {
    display: none;
  }
  .offcanvas-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 991.98px) {
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-lg {
    transition: none;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-lg.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-lg.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-lg.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show {
    visibility: visible;
  }
}
@media (min-width: 992px) {
  .offcanvas-lg {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-lg .offcanvas-header {
    display: none;
  }
  .offcanvas-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 1199.98px) {
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xl {
    transition: none;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show {
    visibility: visible;
  }
}
@media (min-width: 1200px) {
  .offcanvas-xl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xl .offcanvas-header {
    display: none;
  }
  .offcanvas-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

@media (max-width: 1399.98px) {
  .offcanvas-xxl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xxl {
    transition: none;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xxl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xxl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xxl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show {
    visibility: visible;
  }
}
@media (min-width: 1400px) {
  .offcanvas-xxl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xxl .offcanvas-header {
    display: none;
  }
  .offcanvas-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}

.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: var(--bs-offcanvas-transition);
}
@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}
.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(-100%);
}
.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--bs-offcanvas-width);
  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(100%);
}
.offcanvas.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(-100%);
}
.offcanvas.offcanvas-bottom {
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(100%);
}
.offcanvas.showing, .offcanvas.show:not(.hiding) {
  transform: none;
}
.offcanvas.showing, .offcanvas.hiding, .offcanvas.show {
  visibility: visible;
}

.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.offcanvas-backdrop.fade {
  opacity: 0;
}
.offcanvas-backdrop.show {
  opacity: 0.5;
}

.offcanvas-header {
  display: flex;
  align-items: center;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}
.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
  margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
  margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
  margin-left: auto;
}

.offcanvas-title {
  margin-bottom: 0;
  line-height: var(--bs-offcanvas-title-line-height);
}

.offcanvas-body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  overflow-y: auto;
}

.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: 0.5;
}
.placeholder.btn::before {
  display: inline-block;
  content: "";
}

.placeholder-xs {
  min-height: 0.6em;
}

.placeholder-sm {
  min-height: 0.8em;
}

.placeholder-lg {
  min-height: 1.2em;
}

.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite;
}

@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}
.placeholder-wave {
  mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
  mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite;
}

@keyframes placeholder-wave {
  100% {
    mask-position: -200% 0%;
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-primary-light {
  color: #000 !important;
  background-color: RGBA(var(--bs-primary-light-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-primary-dark {
  color: #fff !important;
  background-color: RGBA(var(--bs-primary-dark-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-brand {
  color: #fff !important;
  background-color: RGBA(var(--bs-brand-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-secondary-light {
  color: #fff !important;
  background-color: RGBA(var(--bs-secondary-light-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-secondary-dark {
  color: #fff !important;
  background-color: RGBA(var(--bs-secondary-dark-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-success {
  color: #fff !important;
  background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-success-light {
  color: #000 !important;
  background-color: RGBA(var(--bs-success-light-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-success-dark {
  color: #fff !important;
  background-color: RGBA(var(--bs-success-dark-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-info {
  color: #fff !important;
  background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-info-light {
  color: #000 !important;
  background-color: RGBA(var(--bs-info-light-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-info-dark {
  color: #fff !important;
  background-color: RGBA(var(--bs-info-dark-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-warning-light {
  color: #000 !important;
  background-color: RGBA(var(--bs-warning-light-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-warning-dark {
  color: #000 !important;
  background-color: RGBA(var(--bs-warning-dark-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-danger {
  color: #fff !important;
  background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-danger-light {
  color: #000 !important;
  background-color: RGBA(var(--bs-danger-light-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-danger-dark {
  color: #fff !important;
  background-color: RGBA(var(--bs-danger-dark-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-light {
  color: #000 !important;
  background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-light-darker {
  color: #000 !important;
  background-color: RGBA(var(--bs-light-darker-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-accent {
  color: #000 !important;
  background-color: RGBA(var(--bs-accent-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-accent-light {
  color: #000 !important;
  background-color: RGBA(var(--bs-accent-light-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-purple {
  color: #fff !important;
  background-color: RGBA(var(--bs-purple-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-purple-light {
  color: #000 !important;
  background-color: RGBA(var(--bs-purple-light-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-purple-dark {
  color: #fff !important;
  background-color: RGBA(var(--bs-purple-dark-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-taupe {
  color: #000 !important;
  background-color: RGBA(var(--bs-taupe-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-taupe-light {
  color: #000 !important;
  background-color: RGBA(var(--bs-taupe-light-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-taupe-dark {
  color: #000 !important;
  background-color: RGBA(var(--bs-taupe-dark-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-neutral-bg {
  color: #000 !important;
  background-color: RGBA(var(--bs-neutral-bg-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-neutral-border {
  color: #000 !important;
  background-color: RGBA(var(--bs-neutral-border-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-neutral-text {
  color: #fff !important;
  background-color: RGBA(var(--bs-neutral-text-rgb), var(--bs-bg-opacity, 1)) !important;
}

.link-primary {
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-primary:hover, .link-primary:focus {
  color: RGBA(8, 96, 150, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(8, 96, 150, var(--bs-link-underline-opacity, 1)) !important;
}

.link-primary-light {
  color: RGBA(var(--bs-primary-light-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-primary-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-primary-light:hover, .link-primary-light:focus {
  color: RGBA(108, 174, 215, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(108, 174, 215, var(--bs-link-underline-opacity, 1)) !important;
}

.link-primary-dark {
  color: RGBA(var(--bs-primary-dark-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-primary-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-primary-dark:hover, .link-primary-dark:focus {
  color: RGBA(6, 72, 113, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(6, 72, 113, var(--bs-link-underline-opacity, 1)) !important;
}

.link-brand {
  color: RGBA(var(--bs-brand-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-brand-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-brand:hover, .link-brand:focus {
  color: RGBA(11, 42, 75, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(11, 42, 75, var(--bs-link-underline-opacity, 1)) !important;
}

.link-secondary {
  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary:hover, .link-secondary:focus {
  color: RGBA(57, 68, 84, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(57, 68, 84, var(--bs-link-underline-opacity, 1)) !important;
}

.link-secondary-light {
  color: RGBA(var(--bs-secondary-light-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-secondary-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary-light:hover, .link-secondary-light:focus {
  color: RGBA(80, 93, 111, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(80, 93, 111, var(--bs-link-underline-opacity, 1)) !important;
}

.link-secondary-dark {
  color: RGBA(var(--bs-secondary-dark-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-secondary-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary-dark:hover, .link-secondary-dark:focus {
  color: RGBA(41, 52, 68, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(41, 52, 68, var(--bs-link-underline-opacity, 1)) !important;
}

.link-success {
  color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-success:hover, .link-success:focus {
  color: RGBA(17, 102, 49, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(17, 102, 49, var(--bs-link-underline-opacity, 1)) !important;
}

.link-success-light {
  color: RGBA(var(--bs-success-light-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-success-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-success-light:hover, .link-success-light:focus {
  color: RGBA(114, 204, 137, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(114, 204, 137, var(--bs-link-underline-opacity, 1)) !important;
}

.link-success-dark {
  color: RGBA(var(--bs-success-dark-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-success-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-success-dark:hover, .link-success-dark:focus {
  color: RGBA(18, 81, 42, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(18, 81, 42, var(--bs-link-underline-opacity, 1)) !important;
}

.link-info {
  color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-info:hover, .link-info:focus {
  color: RGBA(30, 79, 188, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(30, 79, 188, var(--bs-link-underline-opacity, 1)) !important;
}

.link-info-light {
  color: RGBA(var(--bs-info-light-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-info-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-info-light:hover, .link-info-light:focus {
  color: RGBA(114, 151, 243, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(114, 151, 243, var(--bs-link-underline-opacity, 1)) !important;
}

.link-info-dark {
  color: RGBA(var(--bs-info-dark-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-info-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-info-dark:hover, .link-info-dark:focus {
  color: RGBA(23, 62, 173, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(23, 62, 173, var(--bs-link-underline-opacity, 1)) !important;
}

.link-warning {
  color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning:hover, .link-warning:focus {
  color: RGBA(246, 198, 112, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(246, 198, 112, var(--bs-link-underline-opacity, 1)) !important;
}

.link-warning-light {
  color: RGBA(var(--bs-warning-light-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-warning-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning-light:hover, .link-warning-light:focus {
  color: RGBA(254, 228, 173, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(254, 228, 173, var(--bs-link-underline-opacity, 1)) !important;
}

.link-warning-dark {
  color: RGBA(var(--bs-warning-dark-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-warning-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning-dark:hover, .link-warning-dark:focus {
  color: RGBA(225, 146, 56, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(225, 146, 56, var(--bs-link-underline-opacity, 1)) !important;
}

.link-danger {
  color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger:hover, .link-danger:focus {
  color: RGBA(143, 30, 37, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(143, 30, 37, var(--bs-link-underline-opacity, 1)) !important;
}

.link-danger-light {
  color: RGBA(var(--bs-danger-light-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-danger-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger-light:hover, .link-danger-light:focus {
  color: RGBA(240, 182, 185, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(240, 182, 185, var(--bs-link-underline-opacity, 1)) !important;
}

.link-danger-dark {
  color: RGBA(var(--bs-danger-dark-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-danger-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger-dark:hover, .link-danger-dark:focus {
  color: RGBA(100, 21, 25, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(100, 21, 25, var(--bs-link-underline-opacity, 1)) !important;
}

.link-light {
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-light:hover, .link-light:focus {
  color: RGBA(237, 240, 242, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(237, 240, 242, var(--bs-link-underline-opacity, 1)) !important;
}

.link-light-darker {
  color: RGBA(var(--bs-light-darker-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-light-darker-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-light-darker:hover, .link-light-darker:focus {
  color: RGBA(228, 230, 233, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(228, 230, 233, var(--bs-link-underline-opacity, 1)) !important;
}

.link-dark {
  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark:hover, .link-dark:focus {
  color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
}

.link-accent {
  color: RGBA(var(--bs-accent-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-accent-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-accent:hover, .link-accent:focus {
  color: RGBA(51, 204, 255, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(51, 204, 255, var(--bs-link-underline-opacity, 1)) !important;
}

.link-accent-light {
  color: RGBA(var(--bs-accent-light-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-accent-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-accent-light:hover, .link-accent-light:focus {
  color: RGBA(194, 234, 253, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(194, 234, 253, var(--bs-link-underline-opacity, 1)) !important;
}

.link-purple {
  color: RGBA(var(--bs-purple-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-purple-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-purple:hover, .link-purple:focus {
  color: RGBA(89, 53, 154, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(89, 53, 154, var(--bs-link-underline-opacity, 1)) !important;
}

.link-purple-light {
  color: RGBA(var(--bs-purple-light-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-purple-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-purple-light:hover, .link-purple-light:focus {
  color: RGBA(176, 150, 255, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(176, 150, 255, var(--bs-link-underline-opacity, 1)) !important;
}

.link-purple-dark {
  color: RGBA(var(--bs-purple-dark-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-purple-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-purple-dark:hover, .link-purple-dark:focus {
  color: RGBA(61, 34, 106, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(61, 34, 106, var(--bs-link-underline-opacity, 1)) !important;
}

.link-taupe {
  color: RGBA(var(--bs-taupe-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-taupe-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-taupe:hover, .link-taupe:focus {
  color: RGBA(255, 252, 237, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 252, 237, var(--bs-link-underline-opacity, 1)) !important;
}

.link-taupe-light {
  color: RGBA(var(--bs-taupe-light-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-taupe-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-taupe-light:hover, .link-taupe-light:focus {
  color: RGBA(255, 255, 253, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 255, 253, var(--bs-link-underline-opacity, 1)) !important;
}

.link-taupe-dark {
  color: RGBA(var(--bs-taupe-dark-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-taupe-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-taupe-dark:hover, .link-taupe-dark:focus {
  color: RGBA(255, 248, 212, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 248, 212, var(--bs-link-underline-opacity, 1)) !important;
}

.link-neutral-bg {
  color: RGBA(var(--bs-neutral-bg-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-neutral-bg-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-neutral-bg:hover, .link-neutral-bg:focus {
  color: RGBA(247, 248, 249, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(247, 248, 249, var(--bs-link-underline-opacity, 1)) !important;
}

.link-neutral-border {
  color: RGBA(var(--bs-neutral-border-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-neutral-border-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-neutral-border:hover, .link-neutral-border:focus {
  color: RGBA(220, 224, 229, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(220, 224, 229, var(--bs-link-underline-opacity, 1)) !important;
}

.link-neutral-text {
  color: RGBA(var(--bs-neutral-text-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-neutral-text-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-neutral-text:hover, .link-neutral-text:focus {
  color: RGBA(80, 85, 92, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(80, 85, 92, var(--bs-link-underline-opacity, 1)) !important;
}

.link-body-emphasis {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis:hover, .link-body-emphasis:focus {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
}

.focus-ring:focus {
  outline: 0;
  box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
}

.icon-link {
  display: inline-flex;
  gap: 0.375rem;
  align-items: center;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
  text-underline-offset: 0.25em;
  backface-visibility: hidden;
}
.icon-link > .bi {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  fill: currentcolor;
  transition: 0.2s ease-in-out transform;
}
@media (prefers-reduced-motion: reduce) {
  .icon-link > .bi {
    transition: none;
  }
}

.icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi {
  transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
}

.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}

.ratio-4x3 {
  --bs-aspect-ratio: 75%;
}

.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}

.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}

.sticky-bottom {
  position: sticky;
  bottom: 0;
  z-index: 1020;
}

@media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-sm-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-md-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-lg-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xxl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}

.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.visually-hidden:not(caption),
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
  position: absolute !important;
}
.visually-hidden *,
.visually-hidden-focusable:not(:focus):not(:focus-within) * {
  overflow: hidden !important;
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.vr {
  display: inline-block;
  align-self: stretch;
  width: var(--bs-border-width);
  min-height: 1em;
  background-color: currentcolor;
  opacity: 0.25;
}

.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.float-start {
  float: left !important;
}

.float-end {
  float: right !important;
}

.float-none {
  float: none !important;
}

.object-fit-contain {
  object-fit: contain !important;
}

.object-fit-cover {
  object-fit: cover !important;
}

.object-fit-fill {
  object-fit: fill !important;
}

.object-fit-scale {
  object-fit: scale-down !important;
}

.object-fit-none {
  object-fit: none !important;
}

.opacity-0 {
  opacity: 0 !important;
}

.opacity-25 {
  opacity: 0.25 !important;
}

.opacity-50 {
  opacity: 0.5 !important;
}

.opacity-75 {
  opacity: 0.75 !important;
}

.opacity-100 {
  opacity: 1 !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.overflow-x-auto {
  overflow-x: auto !important;
}

.overflow-x-hidden {
  overflow-x: hidden !important;
}

.overflow-x-visible {
  overflow-x: visible !important;
}

.overflow-x-scroll {
  overflow-x: scroll !important;
}

.overflow-y-auto {
  overflow-y: auto !important;
}

.overflow-y-hidden {
  overflow-y: hidden !important;
}

.overflow-y-visible {
  overflow-y: visible !important;
}

.overflow-y-scroll {
  overflow-y: scroll !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-grid {
  display: grid !important;
}

.d-inline-grid {
  display: inline-grid !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.shadow {
  box-shadow: var(--bs-box-shadow) !important;
}

.shadow-sm {
  box-shadow: var(--bs-box-shadow-sm) !important;
}

.shadow-lg {
  box-shadow: var(--bs-box-shadow-lg) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.focus-ring-primary {
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-primary-light {
  --bs-focus-ring-color: rgba(var(--bs-primary-light-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-primary-dark {
  --bs-focus-ring-color: rgba(var(--bs-primary-dark-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-brand {
  --bs-focus-ring-color: rgba(var(--bs-brand-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-secondary {
  --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-secondary-light {
  --bs-focus-ring-color: rgba(var(--bs-secondary-light-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-secondary-dark {
  --bs-focus-ring-color: rgba(var(--bs-secondary-dark-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-success {
  --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-success-light {
  --bs-focus-ring-color: rgba(var(--bs-success-light-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-success-dark {
  --bs-focus-ring-color: rgba(var(--bs-success-dark-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-info {
  --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-info-light {
  --bs-focus-ring-color: rgba(var(--bs-info-light-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-info-dark {
  --bs-focus-ring-color: rgba(var(--bs-info-dark-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-warning {
  --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-warning-light {
  --bs-focus-ring-color: rgba(var(--bs-warning-light-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-warning-dark {
  --bs-focus-ring-color: rgba(var(--bs-warning-dark-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-danger {
  --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-danger-light {
  --bs-focus-ring-color: rgba(var(--bs-danger-light-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-danger-dark {
  --bs-focus-ring-color: rgba(var(--bs-danger-dark-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-light {
  --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-light-darker {
  --bs-focus-ring-color: rgba(var(--bs-light-darker-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-dark {
  --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-accent {
  --bs-focus-ring-color: rgba(var(--bs-accent-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-accent-light {
  --bs-focus-ring-color: rgba(var(--bs-accent-light-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-purple {
  --bs-focus-ring-color: rgba(var(--bs-purple-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-purple-light {
  --bs-focus-ring-color: rgba(var(--bs-purple-light-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-purple-dark {
  --bs-focus-ring-color: rgba(var(--bs-purple-dark-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-taupe {
  --bs-focus-ring-color: rgba(var(--bs-taupe-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-taupe-light {
  --bs-focus-ring-color: rgba(var(--bs-taupe-light-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-taupe-dark {
  --bs-focus-ring-color: rgba(var(--bs-taupe-dark-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-neutral-bg {
  --bs-focus-ring-color: rgba(var(--bs-neutral-bg-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-neutral-border {
  --bs-focus-ring-color: rgba(var(--bs-neutral-border-rgb), var(--bs-focus-ring-opacity));
}

.focus-ring-neutral-text {
  --bs-focus-ring-color: rgba(var(--bs-neutral-text-rgb), var(--bs-focus-ring-opacity));
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.top-0 {
  top: 0 !important;
}

.top-50 {
  top: 50% !important;
}

.top-100 {
  top: 100% !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.bottom-50 {
  bottom: 50% !important;
}

.bottom-100 {
  bottom: 100% !important;
}

.start-0 {
  left: 0 !important;
}

.start-50 {
  left: 50% !important;
}

.start-100 {
  left: 100% !important;
}

.end-0 {
  right: 0 !important;
}

.end-50 {
  right: 50% !important;
}

.end-100 {
  right: 100% !important;
}

.translate-middle {
  transform: translate(-50%, -50%) !important;
}

.translate-middle-x {
  transform: translateX(-50%) !important;
}

.translate-middle-y {
  transform: translateY(-50%) !important;
}

.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-0 {
  border: 0 !important;
}

.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-end-0 {
  border-right: 0 !important;
}

.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.border-start-0 {
  border-left: 0 !important;
}

.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}

.border-primary-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-light-rgb), var(--bs-border-opacity)) !important;
}

.border-primary-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-dark-rgb), var(--bs-border-opacity)) !important;
}

.border-brand {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-brand-rgb), var(--bs-border-opacity)) !important;
}

.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}

.border-secondary-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-light-rgb), var(--bs-border-opacity)) !important;
}

.border-secondary-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-dark-rgb), var(--bs-border-opacity)) !important;
}

.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}

.border-success-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-light-rgb), var(--bs-border-opacity)) !important;
}

.border-success-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-dark-rgb), var(--bs-border-opacity)) !important;
}

.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}

.border-info-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-light-rgb), var(--bs-border-opacity)) !important;
}

.border-info-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-dark-rgb), var(--bs-border-opacity)) !important;
}

.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}

.border-warning-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-light-rgb), var(--bs-border-opacity)) !important;
}

.border-warning-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-dark-rgb), var(--bs-border-opacity)) !important;
}

.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}

.border-danger-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-light-rgb), var(--bs-border-opacity)) !important;
}

.border-danger-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-dark-rgb), var(--bs-border-opacity)) !important;
}

.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}

.border-light-darker {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-darker-rgb), var(--bs-border-opacity)) !important;
}

.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}

.border-accent {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-accent-rgb), var(--bs-border-opacity)) !important;
}

.border-accent-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-accent-light-rgb), var(--bs-border-opacity)) !important;
}

.border-purple {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-purple-rgb), var(--bs-border-opacity)) !important;
}

.border-purple-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-purple-light-rgb), var(--bs-border-opacity)) !important;
}

.border-purple-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-purple-dark-rgb), var(--bs-border-opacity)) !important;
}

.border-taupe {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-taupe-rgb), var(--bs-border-opacity)) !important;
}

.border-taupe-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-taupe-light-rgb), var(--bs-border-opacity)) !important;
}

.border-taupe-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-taupe-dark-rgb), var(--bs-border-opacity)) !important;
}

.border-neutral-bg {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-neutral-bg-rgb), var(--bs-border-opacity)) !important;
}

.border-neutral-border {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-neutral-border-rgb), var(--bs-border-opacity)) !important;
}

.border-neutral-text {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-neutral-text-rgb), var(--bs-border-opacity)) !important;
}

.border-black {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
}

.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}

.border-primary-subtle {
  border-color: var(--bs-primary-border-subtle) !important;
}

.border-secondary-subtle {
  border-color: var(--bs-secondary-border-subtle) !important;
}

.border-success-subtle {
  border-color: var(--bs-success-border-subtle) !important;
}

.border-info-subtle {
  border-color: var(--bs-info-border-subtle) !important;
}

.border-warning-subtle {
  border-color: var(--bs-warning-border-subtle) !important;
}

.border-danger-subtle {
  border-color: var(--bs-danger-border-subtle) !important;
}

.border-light-subtle {
  border-color: var(--bs-light-border-subtle) !important;
}

.border-dark-subtle {
  border-color: var(--bs-dark-border-subtle) !important;
}

.border-1 {
  border-width: 1px !important;
}

.border-2 {
  border-width: 2px !important;
}

.border-3 {
  border-width: 3px !important;
}

.border-4 {
  border-width: 4px !important;
}

.border-5 {
  border-width: 5px !important;
}

.border-opacity-10 {
  --bs-border-opacity: 0.1;
}

.border-opacity-25 {
  --bs-border-opacity: 0.25;
}

.border-opacity-50 {
  --bs-border-opacity: 0.5;
}

.border-opacity-75 {
  --bs-border-opacity: 0.75;
}

.border-opacity-100 {
  --bs-border-opacity: 1;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.vw-100 {
  width: 100vw !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mh-100 {
  max-height: 100% !important;
}

.vh-100 {
  height: 100vh !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.justify-content-evenly {
  justify-content: space-evenly !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.order-first {
  order: -1 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-last {
  order: 6 !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: 0.25rem !important;
}

.gap-2 {
  gap: 0.5rem !important;
}

.gap-3 {
  gap: 1rem !important;
}

.gap-4 {
  gap: 1.5rem !important;
}

.gap-5 {
  gap: 3rem !important;
}

.row-gap-0 {
  row-gap: 0 !important;
}

.row-gap-1 {
  row-gap: 0.25rem !important;
}

.row-gap-2 {
  row-gap: 0.5rem !important;
}

.row-gap-3 {
  row-gap: 1rem !important;
}

.row-gap-4 {
  row-gap: 1.5rem !important;
}

.row-gap-5 {
  row-gap: 3rem !important;
}

.column-gap-0 {
  column-gap: 0 !important;
}

.column-gap-1 {
  column-gap: 0.25rem !important;
}

.column-gap-2 {
  column-gap: 0.5rem !important;
}

.column-gap-3 {
  column-gap: 1rem !important;
}

.column-gap-4 {
  column-gap: 1.5rem !important;
}

.column-gap-5 {
  column-gap: 3rem !important;
}

.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
  font-size: 1.25rem !important;
}

.fs-6 {
  font-size: 1rem !important;
}

.fst-italic {
  font-style: italic !important;
}

.fst-normal {
  font-style: normal !important;
}

.fw-lighter {
  font-weight: lighter !important;
}

.fw-light {
  font-weight: 300 !important;
}

.fw-normal {
  font-weight: 400 !important;
}

.fw-medium {
  font-weight: 500 !important;
}

.fw-semibold {
  font-weight: 600 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

.fw-bolder {
  font-weight: bolder !important;
}

.lh-1 {
  line-height: 1 !important;
}

.lh-sm {
  line-height: 1.25 !important;
}

.lh-base {
  line-height: 1.5 !important;
}

.lh-lg {
  line-height: 2 !important;
}

.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-decoration-underline {
  text-decoration: underline !important;
}

.text-decoration-line-through {
  text-decoration: line-through !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

/* rtl:end:remove */
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-primary-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-light-rgb), var(--bs-text-opacity)) !important;
}

.text-primary-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-brand {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-brand-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-light-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

.text-success-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-light-rgb), var(--bs-text-opacity)) !important;
}

.text-success-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}

.text-info-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-light-rgb), var(--bs-text-opacity)) !important;
}

.text-info-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.text-warning-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-light-rgb), var(--bs-text-opacity)) !important;
}

.text-warning-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.text-danger-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-light-rgb), var(--bs-text-opacity)) !important;
}

.text-danger-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

.text-light-darker {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-darker-rgb), var(--bs-text-opacity)) !important;
}

.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-accent {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-accent-rgb), var(--bs-text-opacity)) !important;
}

.text-accent-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-accent-light-rgb), var(--bs-text-opacity)) !important;
}

.text-purple {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-purple-rgb), var(--bs-text-opacity)) !important;
}

.text-purple-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-purple-light-rgb), var(--bs-text-opacity)) !important;
}

.text-purple-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-purple-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-taupe {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-taupe-rgb), var(--bs-text-opacity)) !important;
}

.text-taupe-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-taupe-light-rgb), var(--bs-text-opacity)) !important;
}

.text-taupe-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-taupe-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-neutral-bg {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-neutral-bg-rgb), var(--bs-text-opacity)) !important;
}

.text-neutral-border {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-neutral-border-rgb), var(--bs-text-opacity)) !important;
}

.text-neutral-text {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-neutral-text-rgb), var(--bs-text-opacity)) !important;
}

.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}

.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}

.text-muted {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}

.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-body-secondary {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}

.text-body-tertiary {
  --bs-text-opacity: 1;
  color: var(--bs-tertiary-color) !important;
}

.text-body-emphasis {
  --bs-text-opacity: 1;
  color: var(--bs-emphasis-color) !important;
}

.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}

.text-opacity-25 {
  --bs-text-opacity: 0.25;
}

.text-opacity-50 {
  --bs-text-opacity: 0.5;
}

.text-opacity-75 {
  --bs-text-opacity: 0.75;
}

.text-opacity-100 {
  --bs-text-opacity: 1;
}

.text-primary-emphasis {
  color: var(--bs-primary-text-emphasis) !important;
}

.text-secondary-emphasis {
  color: var(--bs-secondary-text-emphasis) !important;
}

.text-success-emphasis {
  color: var(--bs-success-text-emphasis) !important;
}

.text-info-emphasis {
  color: var(--bs-info-text-emphasis) !important;
}

.text-warning-emphasis {
  color: var(--bs-warning-text-emphasis) !important;
}

.text-danger-emphasis {
  color: var(--bs-danger-text-emphasis) !important;
}

.text-light-emphasis {
  color: var(--bs-light-text-emphasis) !important;
}

.text-dark-emphasis {
  color: var(--bs-dark-text-emphasis) !important;
}

.link-opacity-10 {
  --bs-link-opacity: 0.1;
}

.link-opacity-10-hover:hover {
  --bs-link-opacity: 0.1;
}

.link-opacity-25 {
  --bs-link-opacity: 0.25;
}

.link-opacity-25-hover:hover {
  --bs-link-opacity: 0.25;
}

.link-opacity-50 {
  --bs-link-opacity: 0.5;
}

.link-opacity-50-hover:hover {
  --bs-link-opacity: 0.5;
}

.link-opacity-75 {
  --bs-link-opacity: 0.75;
}

.link-opacity-75-hover:hover {
  --bs-link-opacity: 0.75;
}

.link-opacity-100 {
  --bs-link-opacity: 1;
}

.link-opacity-100-hover:hover {
  --bs-link-opacity: 1;
}

.link-offset-1 {
  text-underline-offset: 0.125em !important;
}

.link-offset-1-hover:hover {
  text-underline-offset: 0.125em !important;
}

.link-offset-2 {
  text-underline-offset: 0.25em !important;
}

.link-offset-2-hover:hover {
  text-underline-offset: 0.25em !important;
}

.link-offset-3 {
  text-underline-offset: 0.375em !important;
}

.link-offset-3-hover:hover {
  text-underline-offset: 0.375em !important;
}

.link-underline-primary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-primary-light {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-primary-light-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-primary-dark {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-primary-dark-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-brand {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-brand-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-secondary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-secondary-light {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-secondary-light-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-secondary-dark {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-secondary-dark-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-success {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-success-light {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-success-light-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-success-dark {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-success-dark-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-info {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-info-light {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-info-light-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-info-dark {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-info-dark-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-warning {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-warning-light {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-warning-light-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-warning-dark {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-warning-dark-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-danger {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-danger-light {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-danger-light-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-danger-dark {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-danger-dark-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-light {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-light-darker {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-light-darker-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-dark {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-accent {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-accent-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-accent-light {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-accent-light-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-purple {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-purple-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-purple-light {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-purple-light-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-purple-dark {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-purple-dark-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-taupe {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-taupe-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-taupe-light {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-taupe-light-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-taupe-dark {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-taupe-dark-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-neutral-bg {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-neutral-bg-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-neutral-border {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-neutral-border-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline-neutral-text {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-neutral-text-rgb), var(--bs-link-underline-opacity)) !important;
}

.link-underline {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}

.link-underline-opacity-0 {
  --bs-link-underline-opacity: 0;
}

.link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity: 0;
}

.link-underline-opacity-10 {
  --bs-link-underline-opacity: 0.1;
}

.link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity: 0.1;
}

.link-underline-opacity-25 {
  --bs-link-underline-opacity: 0.25;
}

.link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity: 0.25;
}

.link-underline-opacity-50 {
  --bs-link-underline-opacity: 0.5;
}

.link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity: 0.5;
}

.link-underline-opacity-75 {
  --bs-link-underline-opacity: 0.75;
}

.link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity: 0.75;
}

.link-underline-opacity-100 {
  --bs-link-underline-opacity: 1;
}

.link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity: 1;
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-primary-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-primary-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-brand {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-brand-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.bg-success-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-success-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}

.bg-info-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-info-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}

.bg-warning-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-warning-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

.bg-danger-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-danger-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-light-darker {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-darker-rgb), var(--bs-bg-opacity)) !important;
}

.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-accent {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-accent-rgb), var(--bs-bg-opacity)) !important;
}

.bg-accent-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-accent-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-purple {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-purple-rgb), var(--bs-bg-opacity)) !important;
}

.bg-purple-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-purple-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-purple-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-purple-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-taupe {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-taupe-rgb), var(--bs-bg-opacity)) !important;
}

.bg-taupe-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-taupe-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-taupe-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-taupe-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-neutral-bg {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-neutral-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-neutral-border {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-neutral-border-rgb), var(--bs-bg-opacity)) !important;
}

.bg-neutral-text {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-neutral-text-rgb), var(--bs-bg-opacity)) !important;
}

.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}

.bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}

.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}

.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}

.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}

.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}

.bg-opacity-100 {
  --bs-bg-opacity: 1;
}

.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important;
}

.bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle) !important;
}

.bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important;
}

.bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important;
}

.bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important;
}

.bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important;
}

.bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important;
}

.bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important;
}

.bg-gradient {
  background-image: var(--bs-gradient) !important;
}

.user-select-all {
  user-select: all !important;
}

.user-select-auto {
  user-select: auto !important;
}

.user-select-none {
  user-select: none !important;
}

.pe-none {
  pointer-events: none !important;
}

.pe-auto {
  pointer-events: auto !important;
}

.rounded {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}

.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}

.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}

.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}

.rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}

.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}

.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}

.rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}

.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}

.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}

.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}

.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}

.rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}

.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

.rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}

.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}

.rounded-bottom-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}

.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}

.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}

.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}

.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}

.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
}

.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}

.rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

.z-n1 {
  z-index: -1 !important;
}

.z-0 {
  z-index: 0 !important;
}

.z-1 {
  z-index: 1 !important;
}

.z-2 {
  z-index: 2 !important;
}

.z-3 {
  z-index: 3 !important;
}

@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .object-fit-sm-contain {
    object-fit: contain !important;
  }
  .object-fit-sm-cover {
    object-fit: cover !important;
  }
  .object-fit-sm-fill {
    object-fit: fill !important;
  }
  .object-fit-sm-scale {
    object-fit: scale-down !important;
  }
  .object-fit-sm-none {
    object-fit: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 3rem !important;
  }
  .row-gap-sm-0 {
    row-gap: 0 !important;
  }
  .row-gap-sm-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-sm-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-sm-3 {
    row-gap: 1rem !important;
  }
  .row-gap-sm-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-sm-5 {
    row-gap: 3rem !important;
  }
  .column-gap-sm-0 {
    column-gap: 0 !important;
  }
  .column-gap-sm-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-sm-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-sm-3 {
    column-gap: 1rem !important;
  }
  .column-gap-sm-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-sm-5 {
    column-gap: 3rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .object-fit-md-contain {
    object-fit: contain !important;
  }
  .object-fit-md-cover {
    object-fit: cover !important;
  }
  .object-fit-md-fill {
    object-fit: fill !important;
  }
  .object-fit-md-scale {
    object-fit: scale-down !important;
  }
  .object-fit-md-none {
    object-fit: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 3rem !important;
  }
  .row-gap-md-0 {
    row-gap: 0 !important;
  }
  .row-gap-md-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-md-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-md-3 {
    row-gap: 1rem !important;
  }
  .row-gap-md-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-md-5 {
    row-gap: 3rem !important;
  }
  .column-gap-md-0 {
    column-gap: 0 !important;
  }
  .column-gap-md-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-md-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-md-3 {
    column-gap: 1rem !important;
  }
  .column-gap-md-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-md-5 {
    column-gap: 3rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .object-fit-lg-contain {
    object-fit: contain !important;
  }
  .object-fit-lg-cover {
    object-fit: cover !important;
  }
  .object-fit-lg-fill {
    object-fit: fill !important;
  }
  .object-fit-lg-scale {
    object-fit: scale-down !important;
  }
  .object-fit-lg-none {
    object-fit: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 3rem !important;
  }
  .row-gap-lg-0 {
    row-gap: 0 !important;
  }
  .row-gap-lg-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-lg-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-lg-3 {
    row-gap: 1rem !important;
  }
  .row-gap-lg-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-lg-5 {
    row-gap: 3rem !important;
  }
  .column-gap-lg-0 {
    column-gap: 0 !important;
  }
  .column-gap-lg-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-lg-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-lg-3 {
    column-gap: 1rem !important;
  }
  .column-gap-lg-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-lg-5 {
    column-gap: 3rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .object-fit-xl-contain {
    object-fit: contain !important;
  }
  .object-fit-xl-cover {
    object-fit: cover !important;
  }
  .object-fit-xl-fill {
    object-fit: fill !important;
  }
  .object-fit-xl-scale {
    object-fit: scale-down !important;
  }
  .object-fit-xl-none {
    object-fit: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !important;
  }
  .row-gap-xl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xl-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-xl-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-xl-3 {
    column-gap: 1rem !important;
  }
  .column-gap-xl-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-xl-5 {
    column-gap: 3rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .object-fit-xxl-contain {
    object-fit: contain !important;
  }
  .object-fit-xxl-cover {
    object-fit: cover !important;
  }
  .object-fit-xxl-fill {
    object-fit: fill !important;
  }
  .object-fit-xxl-scale {
    object-fit: scale-down !important;
  }
  .object-fit-xxl-none {
    object-fit: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 3rem !important;
  }
  .row-gap-xxl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xxl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xxl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xxl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xxl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xxl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xxl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xxl-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-xxl-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-xxl-3 {
    column-gap: 1rem !important;
  }
  .column-gap-xxl-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-xxl-5 {
    column-gap: 3rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }
  .fs-2 {
    font-size: 2rem !important;
  }
  .fs-3 {
    font-size: 1.75rem !important;
  }
  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-inline-grid {
    display: inline-grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}
:root,
[data-bs-theme=light] {
  --dm-bg: #ffffff;
  --dm-surface: #FFFFFF;
  --dm-text: #212529;
  --dm-border: #dee2e6;
  --dm-input-bg: #ffffff;
  --dm-input-border: #dee2e6;
  --dm-hover: #f8f9fa;
  --dm-active: #e9ecef;
  --dm-card-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 4px 12px rgba(0, 0, 0, 0.08);
  --dm-card-hover-shadow: 0 2px 4px rgba(0, 0, 0, 0.08), 0 8px 16px rgba(0, 0, 0, 0.12);
  --dm-card-border: transparent;
}

:root[data-bs-theme=dark],
[data-bs-theme=dark] {
  --dm-bg: #18191B;
  --dm-surface: #222426;
  --dm-text: #F1F3F5;
  --dm-border: #383C40;
  --dm-input-bg: #222426;
  --dm-input-border: #464A4F;
  --dm-hover: #2D3033;
  --dm-active: #35393D;
  --dm-card-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  --dm-card-hover-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
  --dm-card-border: #383C40;
}

:root {
  --dm-space-1: 4px;
  --dm-space-2: 8px;
  --dm-space-3: 12px;
  --dm-space-4: 16px;
  --dm-space-5: 20px;
  --dm-space-6: 24px;
  --dm-space-7: 32px;
  --dm-space-8: 40px;
  --dm-space-9: 48px;
  --dm-control-height: 48px;
  --dm-control-height-compact: 40px;
  --dm-control-height-small: 36px;
  --dm-radius-sm: 6px;
  --dm-radius-md: 8px;
  --dm-radius-lg: 12px;
  --dm-game-header-height: 72px;
  --dm-game-brand-width: 72px;
  --dm-game-logo-size: 40px;
  --dm-game-action-bar-height: 68px;
  --dm-game-hud-row-height: 52px;
  --dm-game-hud-actions-height: var(--dm-game-action-bar-height);
  --dm-game-hud-nav-height: var(--dm-game-header-height);
  --dm-game-hud-step-width: 64px;
  --dm-game-hud-height: 140px;
  --app-sidebar-width: 380px;
  --app-sidebar-collapsed-width: 80px;
  --app-sidebar-background: #0e345e;
  --app-sidebar-foreground: rgba(255, 255, 255, 0.94);
  --app-sidebar-muted: #64748B;
  --app-sidebar-item-height: 44px;
  --app-sidebar-item-radius: 0.5rem;
  --app-sidebar-item-padding: 0.25rem 0.5rem;
  --app-sidebar-icon-size: 20px;
  --app-sidebar-transition: width 0.35s ease, background-color 0.3s ease;
  --app-sidebar-item-hover: color-mix(in srgb, #0e345e 84%, white);
  --app-sidebar-item-active: #1C4B7A;
  --dm-brand-navy: #0e345e;
  --dm-brand-navy-light: #1C4B7A;
  --dm-brand-navy-dark: #072037;
  --dm-brand-cyan: #00bfff;
}

.form-control:focus {
  outline: 3px solid #0A78BC;
}

.card {
  border-radius: 12px;
  box-shadow: var(--dm-card-shadow);
  background-color: var(--dm-surface);
  border: 1px solid var(--dm-card-border);
}

.card-hover {
  transition: box-shadow 0.2s;
}
.card-hover:hover {
  box-shadow: var(--dm-card-hover-shadow);
}

[data-bs-theme=dark] .btn-light:not([data-bs-theme=light] *) {
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: #2D3033;
  --bs-btn-border-color: #2D3033;
  --bs-btn-hover-color: var(--bs-body-color);
  --bs-btn-hover-bg: #35393D;
  --bs-btn-hover-border-color: #35393D;
  --bs-btn-active-color: var(--bs-body-color);
  --bs-btn-active-bg: #35393D;
  --bs-btn-active-border-color: #464A4F;
  --bs-btn-disabled-color: var(--bs-secondary-color);
  --bs-btn-disabled-bg: #2D3033;
  --bs-btn-disabled-border-color: #2D3033;
}
[data-bs-theme=dark] .table-light:not([data-bs-theme=light] *) {
  --bs-table-bg: var(--bs-secondary-bg);
  --bs-table-color: var(--bs-body-color);
  --bs-table-border-color: var(--bs-border-color);
}

.btn {
  transition: background-color 120ms ease-out, border-color 120ms ease-out, box-shadow 120ms ease-out, transform 60ms ease-out;
}

.btn:active {
  transform: translateY(1px);
}

.btn-check:checked + .btn-light,
.btn-check:active + .btn-light,
.btn-light.active {
  background-color: #0A78BC;
  border-color: #0A78BC;
  color: #fff;
}
.btn-check:checked + .btn-light:hover, .btn-check:checked + .btn-light:focus,
.btn-check:active + .btn-light:hover,
.btn-check:active + .btn-light:focus,
.btn-light.active:hover,
.btn-light.active:focus {
  background-color: rgb(2.9411764706%, 35.2941176471%, 55.2941176471%);
  border-color: rgb(2.9411764706%, 35.2941176471%, 55.2941176471%);
  color: #fff;
}

.modal-footer {
  flex-direction: column;
  align-items: stretch;
}

.offcanvas-footer {
  z-index: 5;
  box-shadow: 0 -0.3125rem 1rem rgba(var(--bs-black-rgb), 0.05);
}

.nav-underline-quiet {
  --bs-nav-link-color: var(--bs-secondary-color);
  --bs-nav-link-hover-color: var(--bs-body-color);
  --bs-nav-underline-link-active-color: var(--bs-link-color);
  --bs-nav-underline-gap: 1.25rem;
}

.btn-sn {
  --dm-sn-step: color-mix(in srgb, var(--dm-sn-fg, #fff) 22%, transparent);
  color: var(--dm-sn-fg, rgba(255, 255, 255, 0.94));
  background-color: var(--dm-sn-surface, rgba(255, 255, 255, 0.12));
  border: 1px solid var(--dm-sn-border, rgba(255, 255, 255, 0.18));
  border-radius: 0.5rem;
  transition: background-color 120ms ease-out, border-color 120ms ease-out;
}
.btn-sn:hover, .btn-sn:focus-visible {
  color: var(--dm-sn-fg, rgba(255, 255, 255, 0.94));
  background-color: var(--dm-sn-surface-hover, rgba(255, 255, 255, 0.18));
  border-color: var(--dm-sn-border, rgba(255, 255, 255, 0.18));
}
.btn-sn:active {
  color: var(--dm-sn-fg, rgba(255, 255, 255, 0.94));
  background-color: var(--dm-sn-step);
}
.btn-sn:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.2rem color-mix(in srgb, var(--dm-sn-fg, #fff) 40%, transparent);
}

.btn-sn-ghost {
  background-color: transparent;
  border-color: transparent;
}

.btn-sn-icon {
  width: 2.5rem;
  height: 2.5rem;
  color: var(--dm-sn-muted, rgba(255, 255, 255, 0.72));
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-grab {
  cursor: grab;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.bebas-neue-regular {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.line-clamp-1,
.line-clamp-2,
.line-clamp-3,
.line-clamp-4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.line-clamp-1 {
  -webkit-line-clamp: 1;
}

.line-clamp-2 {
  -webkit-line-clamp: 2;
}

.line-clamp-3 {
  -webkit-line-clamp: 3;
}

.line-clamp-4 {
  -webkit-line-clamp: 4;
}

.tabular-nums {
  font-variant-numeric: tabular-nums;
}

.text-pre-line {
  white-space: pre-line;
}

.text-pre-wrap {
  white-space: pre-wrap;
}

.tracking-wide {
  letter-spacing: 0.06em;
}

.transition-transform {
  transition: transform 0.2s ease;
}

.rotate-180 {
  transform: rotate(180deg);
}

@media (prefers-reduced-motion: reduce) {
  .transition-transform {
    transition: none;
  }
}
.scrollbar-none {
  scrollbar-width: none;
}
.scrollbar-none::-webkit-scrollbar {
  display: none;
}

@media (hover: hover) {
  .hover-reveal {
    opacity: 0;
    transition: opacity 0.15s ease;
  }
  .hover-reveal-parent:hover .hover-reveal,
  .hover-reveal:focus-visible,
  .hover-reveal:focus-within {
    opacity: 1;
  }
}
@keyframes icon-spin {
  to {
    transform: rotate(360deg);
  }
}
.icon-spin {
  animation: icon-spin 0.8s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
  .icon-spin {
    animation-duration: 2.4s;
  }
}
[data-bs-theme=dark] .bg-white:not([data-bs-theme=light] *) {
  background-color: var(--dm-surface) !important;
}
[data-bs-theme=dark] .bg-light:not([data-bs-theme=light] *) {
  background-color: var(--bs-tertiary-bg) !important;
}
[data-bs-theme=dark] .bg-taupe:not([data-bs-theme=light] *) {
  background-color: #2C2921 !important;
}
[data-bs-theme=dark] .text-dark:not([class*=bg-warning]):not(.bg-success-light):not(.bg-secondary-light):not(.bg-info-light):not([data-bs-theme=light] *) {
  color: var(--bs-body-color) !important;
}
[data-bs-theme=dark] .text-secondary:not([data-bs-theme=light] *) {
  color: var(--bs-secondary-color) !important;
}
[data-bs-theme=dark] .border-light:not([data-bs-theme=light] *) {
  border-color: var(--bs-border-color) !important;
}
[data-bs-theme=dark] .shadow-sm:not([data-bs-theme=light] *) {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35) !important;
}
[data-bs-theme=dark] .shadow:not([data-bs-theme=light] *) {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.45) !important;
}

.border-dashed {
  border-style: dashed !important;
}

.min-h-0 {
  min-height: 0;
}

.min-w-0 {
  min-width: 0;
}

.scroll-tail {
  padding-bottom: calc(3rem + max(env(safe-area-inset-bottom, 0px), var(--dm-bottom-bar-height, 0px))) !important;
}

.modal,
.offcanvas {
  --dm-bottom-bar-height: 0px;
}

.print-only {
  display: none;
}

@media print {
  .no-print {
    display: none !important;
  }
  .print-only {
    display: block !important;
  }
  .offcanvas,
  .offcanvas-backdrop,
  .modal,
  .modal-backdrop,
  .toast-container,
  .dropdown-menu,
  .popover,
  .tooltip {
    display: none !important;
  }
  .card,
  .shadow,
  .shadow-sm,
  .shadow-lg {
    box-shadow: none !important;
  }
  .avoid-break {
    break-inside: avoid;
    page-break-inside: avoid;
  }
  .page-break-before {
    break-before: page;
    page-break-before: always;
  }
  .page-break-after {
    break-after: page;
    page-break-after: always;
  }
}
@font-face {
  font-family: "Segment7";
  src: url("/assets/segment7-DkK3CHrT.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
:root,
[data-bs-theme=light] {
  --dm-shell-bg: #F5F6F7;
  --dm-note-bg: #FCEEBF;
  --dm-award-gold: #d4af37;
  --dm-award-gold-rgb: 212, 175, 55;
  --dm-award-gold-ink: #3d2e00;
  --dm-audio-wave: #AEB7C4;
  --dm-audio-progress: #0A78BC;
  --dm-audio-cursor: #B3262E;
}

:root[data-bs-theme=dark],
[data-bs-theme=dark] {
  --dm-shell-bg: #18191B;
  --dm-note-bg: #2C2921;
  --dm-audio-wave: #8B939C;
  --dm-audio-progress: #7FB3F2;
  --dm-audio-cursor: #E5535C;
  --card-game-tint: rgba(220, 38, 38, 0.18);
  --card-game-tint-border: rgba(220, 38, 38, 0.4);
  --card-practice-tint: rgba(22, 163, 74, 0.18);
  --card-practice-tint-border: rgba(22, 163, 74, 0.4);
  --card-evaluation-tint: rgba(8, 145, 178, 0.18);
  --card-evaluation-tint-border: rgba(8, 145, 178, 0.4);
  --card-event-tint: rgba(29, 78, 216, 0.22);
  --card-event-tint-border: rgba(29, 78, 216, 0.5);
}

:root {
  --header-height: 78px;
  --card-season: #EAB308;
  --card-game: #DC2626;
  --card-player: #2563EB;
  --card-practice: #16A34A;
  --card-evaluation: #0891B2;
  --card-skill: #F97316;
  --card-event: #1D4ED8;
  --card-note: #64748B;
  --card-invite: #F59E0B;
  --card-game-tint: rgba(220, 38, 38, 0.07);
  --card-game-tint-border: rgba(220, 38, 38, 0.22);
  --card-practice-tint: rgba(22, 163, 74, 0.08);
  --card-practice-tint-border: rgba(22, 163, 74, 0.24);
  --card-evaluation-tint: rgba(8, 145, 178, 0.08);
  --card-evaluation-tint-border: rgba(8, 145, 178, 0.24);
  --card-event-tint: rgba(29, 78, 216, 0.07);
  --card-event-tint-border: rgba(29, 78, 216, 0.22);
  /** Canonical dashboard grid tokens (Team Home, Player Report) — see DashboardGrid.vue. */
  --dashboard-card-min-height: 10rem;
  /**
   * Position-category accents (mirrors POSITION_BADGE_COLORS in packages/ui/src/constants) —
   * infield/battery/outfield/bench. Each `-subtle` token is the same color at low alpha rather
   * than an independent hue, so a category's background tint always reads as "this color, faint".
   */
}

html, body {
  height: 100%;
  overflow: hidden;
}

#app {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

html,
body,
#app {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.selectable {
  user-select: text;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
}

img {
  -webkit-user-drag: none;
}

input,
textarea,
[contenteditable=true] {
  user-select: text;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
}

button,
.btn,
a,
.nav-link,
.list-group-item-action,
input[type=checkbox],
input[type=radio],
[role=button],
[role=tab],
.player-badge-container,
.position,
.cursor-pointer {
  touch-action: manipulation;
}

/* ---------------------------------------------------------------------------
   Interaction language: pressed state.

   The bar is "a coach standing at the field taps and immediately sees that the
   tap landed". A press state is the cheapest acknowledgement available: it is
   pure compositor work (transform only, no layout), it paints on the very next
   frame, and it is independent of how long the resulting Firestore write takes.

   Bootstrap already gives `.btn` its own `:active`. This covers the field
   marker — the most-tapped element in a live game, and a <div>, so it got
   nothing at all.

   Scoped away from `.position--alignable` on purpose: in defensive-alignment
   mode a press begins a drag, and FieldPosition's own scoped rules already own
   that element's transform (`.position--alignment-selected` scales it to 1.08).
   A competing scale here would fight them.
   --------------------------------------------------------------------------- */
.position:not(.position--alignable) {
  transition: transform 0.09s ease-out;
}

.position:not(.position--alignable):active {
  /* Composed with the -50%/-50% centring the marker already carries — a bare
     `scale()` here would drop the translate and jump the marker to its corner. */
  transform: translate(-50%, -50%) scale(0.93);
}

@media (prefers-reduced-motion: reduce) {
  .position:not(.position--alignable) {
    transition: none;
  }
  .position:not(.position--alignable):active {
    transform: translate(-50%, -50%);
  }
}
.offcanvas {
  max-width: 90% !important;
}
.offcanvas.offcanvas-top, .offcanvas.offcanvas-bottom {
  max-width: 100% !important;
}

@media (max-width: 767px) {
  .offcanvas,
  .offcanvas.offcanvas-start,
  .offcanvas.offcanvas-end,
  .offcanvas.offcanvas-top,
  .offcanvas.offcanvas-bottom {
    --bs-offcanvas-height: min(85vh, calc(100vh - var(--header-height, 80px) - 0.5rem));
    inset: auto 0 0 0 !important;
    top: auto !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: var(--bs-offcanvas-height) !important;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    transform: translateY(100%) !important;
  }
  .offcanvas.show,
  .offcanvas.showing {
    transform: translateY(0) !important;
  }
  .offcanvas.hiding {
    transform: translateY(100%) !important;
  }
  #sideNavOffcanvas.offcanvas,
  #sideNavOffcanvas.offcanvas.offcanvas-start {
    --bs-offcanvas-height: auto;
    inset: 0 auto 0 0 !important;
    top: 0 !important;
    right: auto !important;
    bottom: 0 !important;
    left: 0 !important;
    width: var(--bs-offcanvas-width) !important;
    max-width: min(100vw, 380px) !important;
    height: 100% !important;
    max-height: none !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 1rem !important;
    border-bottom-right-radius: 1rem !important;
    transform: translateX(-100%) !important;
    will-change: transform;
  }
  #sideNavOffcanvas.offcanvas.show,
  #sideNavOffcanvas.offcanvas.showing {
    transform: translateX(0) !important;
  }
  #sideNavOffcanvas.offcanvas.hiding {
    transform: translateX(-100%) !important;
  }
}
.offcanvas-sidebar {
  --bs-offcanvas-width: min(100vw, 380px);
  border: 0;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  padding-top: 0;
}
.offcanvas-sidebar.offcanvas-end {
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
}
.offcanvas-sidebar.offcanvas-start {
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}
.offcanvas-sidebar.offcanvas-bottom {
  width: 100%;
  max-width: 100%;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}

/* Tall bottom sheet whose content scrolls inside: one height cap for every sheet that holds a
 * list or a picker. Never 100vh — in a standalone PWA that runs the sheet past the visible
 * viewport and clips the header's close button off the top, under the status bar / Dynamic
 * Island. `.offcanvas-sheet-full` is the fullscreen variant (still dvh, still under the notch). */
.offcanvas.offcanvas-bottom.offcanvas-sheet {
  --bs-offcanvas-height: min(85dvh, calc(100dvh - var(--header-height, 80px) - 0.5rem));
  display: flex;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
  height: var(--bs-offcanvas-height);
  max-height: var(--bs-offcanvas-height) !important;
}
.offcanvas.offcanvas-bottom.offcanvas-sheet.offcanvas-sheet-full {
  --bs-offcanvas-height: 90dvh;
}
.offcanvas.offcanvas-bottom.offcanvas-sheet .offcanvas-body {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}

/* Sheet that sizes to fixed content (no growing list, no keyboard) instead of a viewport
 * fraction, capped so a short device still gets a visible sheet. */
.offcanvas.offcanvas-bottom.offcanvas-sheet-auto {
  --bs-offcanvas-height: auto;
  max-height: 92dvh;
}

header .dropdown-menu {
  z-index: 1050 !important;
}

.table tbody tr td {
  vertical-align: middle;
}

@media (min-width: 768px) and (max-width: 1199px) {
  .table:not(.table-sm) tbody tr td,
  .table:not(.table-sm) thead tr th {
    padding: 1.5rem 1.25rem;
  }
}
:root {
  --dm-selection-color: var(--bs-info);
  --dm-selection-bg: rgba(var(--bs-info-rgb), 0.06);
  --dm-selection-ring: rgba(var(--bs-info-rgb), 0.2);
  --dm-selection-ring-shadow: 0 0 0 3px var(--dm-selection-ring);
  --dm-selection-edge: 0 0 0 2px var(--dm-selection-color), 0 0 0 5px var(--dm-selection-ring);
}

.dm-selectable {
  transition: background-color 120ms ease, border-color 120ms ease, box-shadow 120ms ease, transform 120ms ease;
}

@media (hover: hover) {
  .dm-selectable:not(.is-selected):hover {
    background-color: var(--bs-tertiary-bg);
  }
}
.dm-selectable.is-selected {
  border-color: var(--dm-selection-color);
  background-color: var(--dm-selection-bg);
  box-shadow: var(--dm-selection-ring-shadow);
}

@media (prefers-reduced-motion: reduce) {
  .dm-selectable {
    transition-duration: 1ms;
  }
}
@media print {
  .dm-selectable.is-selected {
    border-color: transparent;
    background-color: transparent;
    box-shadow: none;
  }
}
[data-bs-theme=dark] .sx__calendar-wrapper.is-dark {
  --sx-color-primary: #7FB3F2;
  --sx-color-on-primary: #18191B;
  --sx-color-primary-container: #35393D;
  --sx-color-on-primary-container: #F1F3F5;
  --sx-color-secondary: #AEB4BA;
  --sx-color-on-secondary: #18191B;
  --sx-color-secondary-container: #35393D;
  --sx-color-on-secondary-container: #F1F3F5;
  --sx-color-surface: #222426;
  --sx-color-surface-dim: #18191B;
  --sx-color-surface-bright: #35393D;
  --sx-color-on-surface: #F1F3F5;
  --sx-color-surface-container: #2D3033;
  --sx-color-surface-container-low: #292C2F;
  --sx-color-surface-container-high: #35393D;
  --sx-color-background: #222426;
  --sx-color-on-background: #F1F3F5;
  --sx-color-outline: #464A4F;
  --sx-color-outline-variant: #383C40;
  --sx-color-surface-tint: #7FB3F2;
}
[data-bs-theme=dark] gmp-place-autocomplete,
[data-bs-theme=dark] gmp-place-details,
[data-bs-theme=dark] gmp-place-details-compact {
  color-scheme: dark;
}
[data-bs-theme=dark] .driver-popover {
  background-color: #222426;
  color: #F1F3F5;
}
[data-bs-theme=dark] .driver-popover-title,
[data-bs-theme=dark] .driver-popover-description {
  color: inherit;
}
[data-bs-theme=dark] .driver-popover-arrow-side-left.driver-popover-arrow {
  border-left-color: #222426;
}
[data-bs-theme=dark] .driver-popover-arrow-side-right.driver-popover-arrow {
  border-right-color: #222426;
}
[data-bs-theme=dark] .driver-popover-arrow-side-top.driver-popover-arrow {
  border-top-color: #222426;
}
[data-bs-theme=dark] .driver-popover-arrow-side-bottom.driver-popover-arrow {
  border-bottom-color: #222426;
}

.player-photo--unavailable {
  filter: grayscale(40%);
  opacity: 0.9;
  transition: filter 150ms ease, opacity 150ms ease;
}

@media (prefers-reduced-motion: reduce) {
  .player-photo--unavailable {
    transition-duration: 1ms;
  }
}
.inning-insight-popover .popover-body {
  white-space: pre-line;
}

.driver-popover-bs .driver-popover-footer button.btn {
  all: revert-layer;
}

.driver-popover-bs .driver-popover-navigation-btns button + button {
  margin-left: 0;
}

@media print {
  html:has(.printable-in-place),
  body:has(.printable-in-place),
  #app:has(.printable-in-place) {
    height: auto !important;
    overflow: visible !important;
    background: #fff !important;
  }
  .app-container:has(.printable-in-place),
  .app-container:has(.printable-in-place) > .d-flex,
  .app-container:has(.printable-in-place) main,
  .app-container:has(.printable-in-place) .router-outlet,
  .app-container:has(.printable-in-place) .overflow-y-auto {
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: visible !important;
    background: #fff !important;
  }
  ::-webkit-scrollbar {
    display: none !important;
  }
}/* The app shell locks page scroll (main.scss: html, body { overflow: hidden }); a story is a
   plain document and has to scroll. */
html,
body {
  overflow: auto !important;
}

/* Inline (non-iframe) previews sit on Histoire's own surface. When the dark toggle is on, paint
   the app's dark surface on the preview root so components are judged against the real thing. */
[data-story-theme][data-bs-theme='dark'] {
  background-color: var(--bs-body-bg);
  color: var(--bs-body-color);
}
.sx__calendar-wrapper ul,
.sx__date-picker-wrapper ul,
.sx__date-picker-popup ul {
  list-style: none;
  padding: 0;
}
.sx__calendar-wrapper input,
.sx__calendar-wrapper button,
.sx__date-picker-wrapper input,
.sx__date-picker-wrapper button,
.sx__date-picker-popup input,
.sx__date-picker-popup button {
  font-family: inherit;
  outline: none;
}

.sx__button {
  background-color: inherit;
  outline: 0;
  border: none;
  cursor: pointer;
}

:root {
  --sx-color-primary: #6750a4;
  --sx-color-on-primary: #fff;
  --sx-color-primary-container: #eaddff;
  --sx-color-on-primary-container: #21005e;
  --sx-color-secondary: #625b71;
  --sx-color-on-secondary: #fff;
  --sx-color-secondary-container: #e8def8;
  --sx-color-on-secondary-container: #1e192b;
  --sx-color-tertiary: #7d5260;
  --sx-color-on-tertiary: #fff;
  --sx-color-tertiary-container: #ffd8e4;
  --sx-color-on-tertiary-container: #370b1e;
  --sx-color-surface: #fef7ff;
  --sx-color-surface-dim: #ded8e1;
  --sx-color-surface-bright: #fef7ff;
  --sx-color-on-surface: #1c1b1f;
  --sx-color-surface-container: #f3edf7;
  --sx-color-surface-container-low: #f7f2fa;
  --sx-color-surface-container-high: #ece6f0;
  --sx-color-background: #fff;
  --sx-color-on-background: #1c1b1f;
  --sx-color-outline: #79747e;
  --sx-color-outline-variant: #c4c7c5;
  --sx-color-shadow: #000;
  --sx-color-surface-tint: #6750a4;
  --sx-color-neutral: var(--sx-color-outline);
  --sx-color-neutral-variant: var(--sx-color-outline-variant);
  --sx-internal-color-gray-ripple-background: #e0e0e0;
  --sx-internal-color-light-gray: #fafafa;
  --sx-internal-color-text: #000;
}

.is-dark {
  --sx-color-primary: #d0bcff;
  --sx-color-on-primary: #371e73;
  --sx-color-primary-container: #4f378b;
  --sx-color-on-primary-container: #eaddff;
  --sx-color-secondary: #ccc2dc;
  --sx-color-on-secondary: #332d41;
  --sx-color-secondary-container: #4a4458;
  --sx-color-on-secondary-container: #e8def8;
  --sx-color-tertiary: #efb8c8;
  --sx-color-on-tertiary: #492532;
  --sx-color-tertiary-container: #633b48;
  --sx-color-on-tertiary-container: #ffd8e4;
  --sx-color-surface: #141218;
  --sx-color-surface-dim: #141218;
  --sx-color-surface-bright: #3b383e;
  --sx-color-on-surface: #e6e1e5;
  --sx-color-surface-container: #211f26;
  --sx-color-surface-container-low: #1d1b20;
  --sx-color-surface-container-high: #2b2930;
  --sx-color-background: #141218;
  --sx-color-on-background: #e6e1e5;
  --sx-color-outline: #938f99;
  --sx-color-outline-variant: #444746;
  --sx-color-shadow: #000;
  --sx-color-surface-tint: #d0bcff;
  --sx-internal-color-text: #fff;
}

:root {
  --sx-spacing-padding1: 4px;
  --sx-spacing-padding2: 8px;
  --sx-spacing-padding3: 12px;
  --sx-spacing-padding4: 16px;
  --sx-spacing-padding6: 24px;
  --sx-spacing-modal-padding: 16px;
}

:root {
  --sx-box-shadow-level3: 0 3px 6px 0 rgb(0 0 0 / 16%),
    0 3px 6px 0 rgb(0 0 0 / 23%);
  --sx-rounding-extra-small: 4px;
  --sx-rounding-small: 8px;
  --sx-rounding-extra-large: 28px;
  --sx-border: 1px solid var(--sx-color-outline-variant);
}

.is-dark {
  --sx-border: 1px solid var(--sx-color-outline-variant);
}

:root {
  --sx-font-small: 0.875rem;
  --sx-font-extra-small: 0.75rem;
  --sx-font-large: 1.125rem;
  --sx-font-extra-large: 1.25rem;
}

:root {
  --sx-z-index-week-header: 100;
  --sx-z-index-event-modal: 101;
  --sx-calendar-header-popup-z-index: 102;
}

@keyframes sx-ripple {
  0% {
    width: 0;
    height: 0;
    opacity: 0.16;
  }
  40% {
    width: 100px;
    height: 100px;
    opacity: 0.08;
  }
  100% {
    width: 150px;
    height: 150px;
    opacity: 0;
  }
}
.sx__ripple {
  position: relative;
  overflow: hidden;
}
.sx__ripple::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: currentcolor;
  opacity: 0.1;
  visibility: hidden;
  z-index: 2;
}
.sx__ripple:active::before {
  visibility: visible;
}
.sx__ripple:not(:active)::before {
  animation: sx-ripple 0.75s cubic-bezier(0, 0.1, 0.8, 1);
  transition: visibility 0.75s step-end;
}

@keyframes sx-ripple-wide {
  0% {
    width: 0;
    height: 0;
    opacity: 0.16;
  }
  40% {
    width: 300px;
    height: 100px;
    opacity: 0.08;
  }
  100% {
    width: 450px;
    height: 150px;
    opacity: 0;
  }
}
.sx__ripple--wide {
  position: relative;
  overflow: hidden;
}
.sx__ripple--wide::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: currentcolor;
  opacity: 0.1;
  visibility: hidden;
  z-index: 2;
}
.sx__ripple--wide:active::before {
  visibility: visible;
}
.sx__ripple--wide::before {
  border-radius: var(--sx-rounding-small);
}
.sx__ripple--wide:not(:active)::before {
  animation: sx-ripple-wide 0.75s cubic-bezier(0, 0.1, 0.8, 1);
  transition: visibility 0.75s step-end;
}

.sx__chevron-wrapper {
  position: relative;
  border-radius: 50%;
  min-height: 48px;
  min-width: 48px;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
  font-size: 0;
}
.sx__chevron-wrapper:active {
  background-color: var(--sx-internal-color-gray-ripple-background);
}
.sx__chevron-wrapper:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.sx__chevron-wrapper:hover, .sx__chevron-wrapper:focus {
  background-color: var(--sx-color-surface-dim);
}
.is-dark .sx__chevron-wrapper:hover, .is-dark .sx__chevron-wrapper:focus {
  background-color: var(--sx-color-surface-container-high);
}
.sx__chevron-wrapper .sx__chevron {
  position: absolute;
  top: 50%;
  width: 0.6rem;
  height: 0.6rem;
  border-width: 0.2rem 0.2rem 0 0;
  border-style: solid;
  border-color: var(--sx-internal-color-text);
}

.sx__chevron--previous {
  left: calc(50% + 0.125rem);
  transform: translate(-50%, -50%) rotate(225deg);
}
[dir=rtl] .sx__chevron--previous {
  left: calc(50% - 0.125rem);
  transform: translate(-50%, -50%) rotate(45deg);
}

.sx__chevron--next {
  left: calc(50% - 0.125rem);
  transform: translate(-50%, -50%) rotate(45deg);
}
[dir=rtl] .sx__chevron--next {
  left: calc(50% + 0.125rem);
  transform: translate(-50%, -50%) rotate(225deg);
}

.sx__date-picker-wrapper {
  position: relative;
  color: var(--sx-color-on-background);
  width: fit-content;
}
.sx__date-picker-wrapper.has-full-width {
  width: 100%;
}
.sx__date-picker-wrapper.is-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.sx__date-picker-wrapper * {
  color: var(--sx-color-on-background);
  box-sizing: border-box;
}

.sx__date-input-wrapper {
  position: relative;
}

.sx__date-input-chevron-wrapper {
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  padding: 0;
  transition: transform 0.2s ease-in-out;
}
.sx__date-input-chevron-wrapper:focus {
  border: 2px solid var(--sx-color-primary);
}
.is-disabled .sx__date-input-chevron-wrapper {
  pointer-events: none;
  cursor: not-allowed;
}
.sx__date-input--active .sx__date-input-chevron-wrapper {
  transform: translateY(-50%) rotate(180deg);
}
[dir=rtl] .sx__date-input-chevron-wrapper {
  left: 1rem;
  right: auto;
}

.sx__date-input-chevron {
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  filter: brightness(0.7);
}

.sx__date-input {
  font-size: 1rem;
  padding: var(--sx-spacing-padding4);
  border: var(--sx-border);
  border-radius: var(--sx-rounding-extra-small);
  cursor: pointer;
  background-color: var(--sx-color-background);
  width: 100%;
}
.is-disabled .sx__date-input {
  pointer-events: none;
}
.sx__date-input--active .sx__date-input {
  border-color: var(--sx-color-primary);
  outline: 1px solid var(--sx-color-primary);
}

.sx__date-input-label {
  position: absolute;
  top: 0;
  inset-inline-start: 12px;
  padding: 0 var(--sx-spacing-padding1);
  background-color: var(--sx-color-background);
  font-size: 0.75rem;
  color: var(--sx-color-neutral);
  line-height: 1rem;
  transform: translateY(-50%);
  transition: transform 0.2s ease-in-out;
  pointer-events: none;
}
.sx__date-input--active .sx__date-input-label {
  color: var(--sx-color-primary);
}
.is-dark .sx__date-input-label {
  display: none;
}

.sx__date-picker-popup {
  position: absolute;
  height: fit-content;
  z-index: 1;
  top: calc(100% + 1px);
  width: 20.75rem;
  max-width: 500px;
  max-height: 400px;
  overflow: scroll;
  box-shadow: var(--sx-box-shadow-level3);
  padding: var(--sx-spacing-modal-padding);
  background-color: var(--sx-color-background);
  color: var(--sx-internal-color-text);
}
.sx__date-picker-popup.is-dark {
  background-color: var(--sx-color-surface-container-high);
}
.sx__date-picker-popup.bottom-end {
  left: auto;
  right: 0;
  transform: translateX(0);
}
.sx__date-picker-popup.bottom-end[dir=rtl] {
  right: auto;
  left: 0;
  transform: translateX(0);
}
.sx__date-picker-popup.bottom-start {
  left: 0;
  right: auto;
  transform: translateX(0);
}
.sx__date-picker-popup.bottom-start[dir=rtl] {
  left: auto;
  right: 0;
  transform: translateX(0);
}
.sx__date-picker-popup.top-start {
  inset: auto auto calc(100% + 1rem) 0;
  transform: translateX(0);
}
.sx__date-picker-popup.top-end {
  inset: auto 0 calc(100% + 1rem) auto;
  transform: translateX(0);
}

.sx__date-picker__years-view {
  margin: 0;
}

.sx__date-picker__years-accordion__expand-button {
  width: 100%;
  border-radius: 0;
  background-color: transparent;
  font-size: 1rem;
  padding: 1em;
  transition: background-color 0.2s ease-in-out;
  color: var(--sx-internal-color-text);
}
.sx__is-expanded .sx__date-picker__years-accordion__expand-button {
  background-color: var(--sx-color-surface-container);
}
.sx__date-picker__years-accordion__expand-button:hover {
  background-color: var(--sx-color-surface-dim);
}
.sx__date-picker__years-accordion__expand-button:active {
  background-color: var(--sx-internal-color-gray-ripple-background);
}

.sx__date-picker__years-view-accordion__panel {
  display: flex;
  flex-wrap: wrap;
}

.sx__date-picker__years-view-accordion__month {
  flex: 1 0 33.3333%;
  background-color: transparent;
  border: 0;
  font-size: 0.9rem;
  padding: 0.5em 0;
  border-radius: 25px;
  color: var(--sx-internal-color-text);
}
.sx__date-picker__years-view-accordion__month:hover {
  background-color: var(--sx-color-primary);
  color: var(--sx-color-on-primary);
}

.sx__date-picker__day-names {
  display: flex;
  width: 100%;
  justify-content: space-evenly;
  margin-bottom: 0.5em;
}
.sx__date-picker__day-names .sx__date-picker__day,
.sx__date-picker__day-names .sx__date-picker__day-name {
  flex: 1;
  text-align: center;
}

.sx__date-picker__day-name {
  font-weight: 700;
  color: var(--sx-color-neutral-variant);
}

.sx__date-picker__month-view-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1em;
}
.sx__date-picker__month-view-header .sx__chevron-wrapper:hover {
  background-color: var(--sx-color-surface-dim);
}

.sx__date-picker__month-view-header__month-year {
  font-size: 1.5rem;
  font-weight: 300;
  color: var(--sx-internal-color-text);
}
.sx__date-picker__month-view-header__month-year:hover {
  color: var(--sx-color-primary);
  text-decoration: underline;
}

.sx__date-picker__week {
  display: flex;
  width: 100%;
  justify-content: space-evenly;
  margin-bottom: 0.5em;
}
.sx__date-picker__week .sx__date-picker__day,
.sx__date-picker__week .sx__date-picker__day-name {
  flex: 1;
  text-align: center;
}

.sx__date-picker__day {
  background-color: transparent;
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  color: var(--sx-internal-color-text);
}
.sx__date-picker__day:hover {
  background-color: var(--sx-color-surface-dim);
}
.sx__date-picker__day:focus {
  outline-offset: -2px;
  outline: 2px solid var(--sx-color-primary);
}
.sx__date-picker__day:disabled {
  color: var(--sx-color-neutral-variant);
  cursor: not-allowed;
}
.sx__date-picker__day.is-leading-or-trailing {
  color: var(--sx-color-neutral-variant);
}
.sx__date-picker__day.sx__date-picker__day--selected {
  background-color: var(--sx-color-primary-container);
  color: var(--sx-color-on-primary-container);
}
.sx__date-picker__day.sx__date-picker__day--today {
  background-color: var(--sx-color-primary);
  color: var(--sx-color-on-primary);
}

:root {
  --sx-calendar-header-input-font-size: clamp(12px, 0.875rem, 28px);
  --sx-calendar-week-grid-padding-left: 75px;
}
:root .sx__date-picker-popup.is-teleported {
  z-index: 3;
}

.sx__calendar-wrapper {
  height: 100%;
  display: flex;
  color: var(--sx-internal-color-text);
}
.sx__calendar-wrapper * {
  box-sizing: border-box;
}

.sx__calendar {
  position: relative;
  flex: 1;
  height: 100%;
  border: var(--sx-border);
  border-radius: var(--sx-rounding-small);
  display: flex;
  flex-flow: column;
  background-color: var(--sx-color-background);
  overflow: hidden;
}

.sx__view-container {
  position: relative;
  flex: 1;
  overflow-y: auto;
  scroll-behavior: smooth;
}

.sx__slide-left {
  animation: sx-slide-left 0.3s ease-out;
}

@keyframes sx-slide-left {
  0% {
    transform: translateX(8%);
    filter: blur(0.25rem);
    opacity: 0.1;
  }
  100% {
    transform: translateX(0);
    filter: blur(0);
    opacity: 1;
  }
}
.sx__slide-right {
  animation: sx-slide-right 0.3s ease-out;
}

@keyframes sx-slide-right {
  0% {
    transform: translateX(-8%);
    filter: blur(0.25rem);
    opacity: 0.1;
  }
  100% {
    transform: translateX(0);
    filter: blur(0);
    opacity: 1;
  }
}
.sx__calendar-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: var(--sx-spacing-padding4);
  gap: var(--sx-spacing-padding4);
  flex-wrap: wrap;
}
.sx__calendar-header .sx__date-input {
  padding: var(--sx-spacing-padding3) var(--sx-spacing-padding4);
  font-size: var(--sx-calendar-header-input-font-size);
}
.sx__calendar-header .sx__date-picker-popup {
  z-index: var(--sx-calendar-header-popup-z-index);
}

.sx__calendar-header-content {
  display: flex;
  align-items: center;
  gap: var(--sx-spacing-padding4);
  flex-wrap: wrap;
  min-width: 0;
}

.sx__forward-backward-navigation {
  height: 45px;
}
.sx__is-calendar-small .sx__forward-backward-navigation, .is-list-view .sx__forward-backward-navigation {
  display: none;
}

.sx__calendar-header__week-number {
  border-radius: 4px;
  background-color: #eceef1;
  color: var(--sx-color-on-surface);
  padding: var(--sx-spacing-padding1) var(--sx-spacing-padding2);
  font-size: 0.75rem;
  font-weight: 500;
}
.is-dark .sx__calendar-header__week-number {
  background-color: #4a4458;
}

.sx__range-heading {
  font-size: clamp(16px, 1.25rem, 24px);
  max-width: 12.5rem; /* 200px with a browser using standard font size */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sx__is-calendar-small .sx__range-heading {
  font-size: 16px;
}
.is-list-view .sx__range-heading {
  display: none;
}

.sx__today-button {
  padding: var(--sx-spacing-padding3) var(--sx-spacing-padding4);
  border-radius: var(--sx-rounding-extra-small);
  font-size: var(--sx-calendar-header-input-font-size);
  color: var(--sx-internal-color-text);
}
.sx__today-button:active {
  background-color: var(--sx-internal-color-gray-ripple-background);
}
.sx__is-calendar-small .sx__today-button {
  display: none;
}
.sx__calendar-header .sx__today-button {
  border: var(--sx-border);
}
.sx__today-button:hover, .sx__today-button:focus {
  background-color: var(--sx-internal-color-light-gray);
}
.is-dark .sx__today-button:hover, .is-dark .sx__today-button:focus {
  background-color: var(--sx-color-surface-container-low);
}

.sx__view-selection {
  position: relative;
  font-size: var(--sx-calendar-header-input-font-size);
}

.sx__view-selection-label {
  position: absolute;
  top: 0;
  inset-inline-start: 12px;
  padding: 0 var(--sx-spacing-padding1);
  background-color: var(--sx-color-background);
  font-size: 0.75rem;
  color: var(--sx-color-neutral);
  line-height: 1rem;
  transform: translateY(-50%);
  transition: transform 0.2s ease-in-out;
  pointer-events: none;
  z-index: 1;
}
.is-dark .sx__view-selection-label {
  display: none;
}

.sx__view-selection-selected-item {
  background-color: inherit;
  height: 100%;
  width: fit-content;
  padding: var(--sx-spacing-padding3) var(--sx-spacing-padding4);
  cursor: pointer;
  border-radius: var(--sx-rounding-extra-small);
  border: var(--sx-border);
  display: flex;
  align-items: center;
  gap: var(--sx-spacing-padding2);
}
.sx__view-selection-selected-item:hover {
  background-color: var(--sx-internal-color-light-gray);
}
.is-dark .sx__view-selection-selected-item:hover {
  background-color: var(--sx-color-surface-container-low);
}

.sx__view-selection-chevron {
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  filter: brightness(0.7);
  transition: transform 0.2s ease-in-out;
}

.sx__view-selection.is-open .sx__view-selection-chevron {
  transform: rotate(180deg);
}

.sx__view-selection-items {
  position: absolute;
  top: 100%;
  box-shadow: var(--sx-box-shadow-level3);
  margin: 0;
  background-color: var(--sx-color-background);
  z-index: var(--sx-calendar-header-popup-z-index);
}
.is-dark .sx__view-selection-items {
  background-color: var(--sx-color-surface-container-high);
}

.sx__view-selection-item {
  display: block;
  width: 100%;
  text-align: inherit;
  background-color: inherit;
  padding: var(--sx-spacing-padding4) var(--sx-spacing-padding6);
  cursor: pointer;
}
.sx__view-selection-item:hover, .sx__view-selection-item:focus {
  background-color: var(--sx-color-primary);
  color: var(--sx-color-on-primary);
}
.sx__view-selection-item.is-selected {
  background-color: var(--sx-color-surface-dim);
}
.sx__view-selection-item.is-selected:hover, .sx__view-selection-item.is-selected:focus {
  background-color: var(--sx-color-primary);
  color: var(--sx-color-on-primary);
}

.sx__month-grid-wrapper {
  display: flex;
  flex-flow: column;
  height: 100%;
}

.sx__month-grid-week__week-number {
  display: flex;
  justify-content: center;
  padding-top: 12px;
  background-color: #eceef1;
  color: var(--sx-color-on-surface);
  width: 1.5rem;
  font-size: 0.75rem;
}
.is-dark .sx__month-grid-week__week-number {
  background-color: #4a4458;
}

.sx__month-grid-week {
  border-top: var(--sx-border);
  flex: 1;
  display: flex;
}
.sx__month-grid-week:first-child .sx__month-grid-week__week-number {
  padding-top: 26px;
}

.sx__month-grid-day {
  position: relative;
  padding: var(--sx-spacing-padding2) 0;
  flex: 1;
}
.sx__month-grid-day:not(:last-child) {
  border-inline-end: var(--sx-border);
}

.sx__month-grid-day--dragover {
  background-color: var(--sx-color-surface-container);
}

.sx__month-grid-day__header {
  display: flex;
  flex-flow: column;
  align-items: center;
}

.sx__month-grid-day__header-day-name {
  font-size: 11px;
  text-transform: uppercase;
  color: var(--sx-color-neutral);
}

.sx__month-grid-day__header-date {
  font-size: var(--sx-font-extra-small);
  margin-bottom: var(--sx-spacing-padding1);
  border-radius: 50%;
  height: 24px;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sx__month-grid-day__header-date.sx__is-today {
  background-color: var(--sx-color-primary);
  color: var(--sx-color-on-primary);
}

.sx__month-grid-day__events-more {
  width: calc(100% - 10px);
  font-size: var(--sx-font-extra-small);
  color: var(--sx-color-neutral);
  margin: var(--sx-spacing-padding1) 0;
  padding: var(--sx-spacing-padding1);
  border-radius: var(--sx-rounding-extra-small);
  cursor: pointer;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
}
.sx__month-grid-day__events-more:hover {
  background-color: var(--sx-color-surface-container);
  color: var(--sx-color-on-surface);
}

.sx__month-grid-background-event {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.sx__month-grid-day__events {
  display: grid;
  grid-gap: 4px;
}

.sx__month-grid-cell {
  height: clamp(20px, 1.25rem, 24px);
}

.sx__month-grid-event {
  position: relative;
  display: flex;
  align-items: center;
  padding: var(--sx-spacing-padding1);
  border-radius: var(--sx-rounding-extra-small);
  font-size: clamp(12px, var(--sx-font-extra-small), 14px);
  overflow: hidden;
  white-space: nowrap;
  z-index: 1;
}
.sx__month-grid-event.is-event-new {
  animation: sx-grow-event 0.3s ease-in-out forwards;
}
@keyframes sx-grow-event {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

.sx__month-grid-event-time {
  margin-right: 4px;
}

.sx__month-grid-blocker {
  pointer-events: none;
}

.sx__month-agenda-week {
  display: flex;
}
.sx__month-agenda-week:not(:first-child) {
  border-top: var(--sx-border);
}

.sx__month-agenda-week__week-number {
  text-align: center;
  background-color: #eceef1;
  color: var(--sx-color-on-surface);
  width: 1.5rem;
  font-size: 0.75rem;
  padding-top: 9px;
}
.is-dark .sx__month-agenda-week__week-number {
  background-color: #4a4458;
}

.sx__month-agenda-day {
  padding: var(--sx-spacing-padding2);
  flex: 1;
  display: flex;
  flex-flow: column;
  align-items: center;
  height: 3rem;
  border-radius: var(--sx-rounding-extra-small);
  color: var(--sx-internal-color-text);
}

.sx__month-agenda-day--active {
  box-shadow: inset 0 0 0 3px var(--sx-color-primary);
}

.sx__month-agenda-day__event-icons {
  margin-top: 4px;
  display: flex;
  grid-gap: 3px;
}

.sx__month-agenda-day__event-icon {
  height: 6px;
  width: 6px;
  border-radius: 50%;
  filter: brightness(1.6);
}
.is-dark .sx__month-agenda-day__event-icon {
  filter: initial;
}

.sx__month-agenda-day-names {
  display: flex;
  padding: var(--sx-spacing-padding2) 0;
  font-size: var(--sx-font-extra-small);
  color: var(--sx-color-neutral);
}
.sx__month-agenda-day-names.sx__has-week-numbers {
  padding-inline-start: 1.5rem;
}

.sx__month-agenda-day-name {
  flex: 1;
  display: flex;
  justify-content: center;
}

.sx__month-agenda-events {
  padding: 0 var(--sx-spacing-padding2);
}

.sx__month-agenda-event {
  padding: var(--sx-spacing-padding2);
  margin-bottom: var(--sx-spacing-padding2);
  border-radius: var(--sx-rounding-extra-small);
  font-size: var(--sx-font-small);
}
.sx__month-agenda-event.is-event-new {
  animation: sx-grow-event 0.3s ease-in-out forwards;
}
@keyframes sx-grow-event {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.sx__month-agenda-event:first-child {
  margin-top: var(--sx-spacing-padding2);
}

.sx__month-agenda-event__title {
  font-weight: 600;
}

.sx__month-agenda-event__has-icon {
  display: flex;
  align-items: center;
}

.sx__month-agenda-events__empty {
  margin-top: var(--sx-spacing-padding4);
  display: flex;
  justify-content: center;
}

.sx__week-agenda-header {
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: var(--sx-color-background);
}

.sx__week-wrapper {
  position: relative;
}

.sx__week-grid {
  position: relative;
  padding-left: var(--sx-calendar-week-grid-padding-left);
  display: flex;
  height: var(--sx-week-grid-height);
  overflow: hidden;
}

.sx__week-header {
  position: sticky;
  top: 0;
  z-index: var(--sx-z-index-week-header);
  background-color: var(--sx-color-background);
}

.sx__week-header-content {
  position: relative;
}

.sx__week-header-border {
  position: absolute;
  width: 100%;
  bottom: 0;
  border-bottom: var(--sx-border);
  border-left: 250px solid transparent;
}

.sx__list-wrapper {
  padding: 0;
  background-color: var(--sx-color-background);
  height: 100%;
  overflow-y: auto;
  position: relative;
  scroll-behavior: smooth;
}

.sx__list-day {
  padding: 0;
  background-color: var(--sx-color-background);
  will-change: opacity;
  transform: translateZ(0);
}

.sx__list-day-header {
  padding: var(--sx-spacing-padding2) var(--sx-spacing-padding4);
  background-color: var(--sx-color-surface-container-low);
  position: sticky;
  top: 0;
  z-index: 1;
}

.sx__list-day-date {
  font-size: var(--sx-font-extra-small);
  font-weight: 600;
  color: var(--sx-color-neutral);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.sx__list-day-events {
  padding: 0 16px;
  background: var(--sx-color-background);
}

.sx__list-event {
  padding: 0.75rem 0;
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
}

.sx__list-event:not(:first-child) {
  border-top: var(--sx-border);
}

.sx__list-event-color-line {
  width: 3px;
  height: 24px;
  border-radius: 2px;
  flex-shrink: 0;
}

.sx__list-event-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}

.sx__list-event-title {
  font-size: 1em;
  color: var(--sx-color-on-background);
  flex: 1;
}

.sx__list-event-times {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  min-width: 80px;
  gap: 2px;
}

.sx__list-event-start-time {
  font-size: 0.85em;
  color: var(--sx-color-on-background);
}

.sx__list-event-end-time {
  font-size: 0.85em;
  color: var(--sx-color-neutral);
}

.sx__list-event-arrow {
  font-size: 0.85em;
  color: var(--sx-color-neutral);
  line-height: 1;
}

.sx__list-event-all-day {
  font-size: 0.85em;
  color: var(--sx-color-neutral);
}

.sx__list-day-margin {
  height: 16px;
}

.sx__list-no-events {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--sx-color-neutral);
  font-size: var(--sx-font-extra-small);
  text-align: center;
}

.sx__week-grid__time-axis {
  display: flex;
  flex-flow: column;
  position: absolute;
  right: 0;
  top: var(--sx-week-grid-offset-top);
  width: calc(100% - 60px);
}

.sx__week-grid__hour {
  position: relative;
  height: var(--sx-week-grid-hour-height);
  border-top: var(--sx-border);
  font-size: var(--sx-font-extra-small);
}
.sx__week-grid__hour:first-child {
  visibility: hidden;
}

.sx__week-grid__hour-text {
  position: absolute;
  left: -43px;
  top: -0.75em;
  color: var(--sx-color-neutral);
}

.sx__time-grid-day {
  position: relative;
  width: 100%;
  height: 100%;
  border-left: var(--sx-border);
}

.sx__week-grid__date-axis {
  padding-left: var(--sx-calendar-week-grid-padding-left);
  display: flex;
}

.sx__week-grid__date {
  flex: 1;
  display: flex;
  flex-flow: column;
  align-items: center;
  padding: var(--sx-spacing-padding3) 0;
  gap: var(--sx-spacing-padding1);
}

.sx__week-grid__day-name {
  text-transform: uppercase;
  font-size: var(--sx-font-extra-small);
  color: var(--sx-color-neutral);
  font-weight: 500;
}
.sx__week-grid__date--is-today .sx__week-grid__day-name {
  color: var(--sx-color-primary);
  font-weight: 700;
}

.sx__week-grid__date-number {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--sx-font-extra-large);
  font-weight: 500;
  color: var(--sx-color-neutral);
  height: 2em;
  width: 2em;
}
.sx__week-grid__date--is-today .sx__week-grid__date-number {
  background-color: var(--sx-color-primary);
  color: var(--sx-color-on-primary);
  border-radius: 50%;
}

.sx__time-grid-event {
  width: calc(100% - 10px);
  padding: var(--sx-spacing-padding1);
  position: absolute;
  border-radius: var(--sx-rounding-extra-small);
  font-size: var(--sx-font-extra-small);
  overflow: hidden;
  -webkit-user-select: none;
  user-select: none;
}
.sx__time-grid-event.is-event-copy {
  opacity: 0.5;
  box-shadow: var(--sx-box-shadow-level3);
  z-index: 1;
  transition: transform 0.15s ease-in-out;
}
.sx__time-grid-event.is-event-new {
  animation: sx-grow-event 0.3s ease-in-out forwards;
}
@keyframes sx-grow-event {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

[data-has-dnd=true] .sx__time-grid-event {
  touch-action: none;
}

.sx__is-resizing .sx__time-grid-event:has(+ .is-event-copy) {
  opacity: 0;
}
.sx__is-resizing .is-event-copy {
  opacity: 1;
}

.sx__time-grid-event-inner {
  position: relative;
  height: 100%;
}

.sx__time-grid-event-resize-handle {
  display: block;
  position: absolute;
  width: 100%;
  bottom: 0;
  cursor: ns-resize;
  height: clamp(10px, 20px, 50%);
  touch-action: none;
}

.sx__time-grid-event-title {
  font-weight: 600;
}

.sx__time-grid-event-time,
.sx__time-grid-event-people,
.sx__time-grid-event-location {
  display: flex;
  align-items: center;
  white-space: nowrap;
}

.sx__title-and-time-compact {
  display: flex;
  align-items: center;
  gap: var(--sx-spacing-padding2);
}
.sx__title-and-time-compact .sx__time-grid-event-title {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sx__title-and-time-compact .sx__time-grid-event-time {
  flex-shrink: 0;
}

.sx__event-icon {
  min-width: 15px;
  min-height: 15px;
  max-width: 15px;
  max-height: 15px;
  margin-inline-end: var(--sx-spacing-padding2);
}

.sx__date-grid {
  display: flex;
  padding-left: var(--sx-calendar-week-grid-padding-left);
}

.sx__date-grid-day {
  position: relative;
  width: 100%;
  display: grid;
  grid-gap: 2px;
  /* needed for the draw plugin */
}
.sx__date-grid-day .sx__spacer {
  display: var(--sx-draw-plugin-spacer-display, none);
  height: var(--sx-draw-plugin-spacer);
}

.sx__date-grid-event {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  padding: var(--sx-spacing-padding1);
  border-radius: var(--sx-rounding-extra-small);
  font-size: clamp(12px, var(--sx-font-extra-small), 14px);
  font-weight: 600;
  user-select: none;
}
.sx__date-grid-event:has(.sx__date-grid-event--left-overflow) {
  margin-left: 10px;
}
.sx__date-grid-event:has(.sx__date-grid-event--right-overflow) {
  margin-right: 10px;
}
.sx__date-grid-event.is-event-new {
  animation: sx-grow-event 0.3s ease-in-out forwards;
}
@keyframes sx-grow-event {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.sx__date-grid-event .sx__date-grid-event--left-overflow {
  position: absolute;
  z-index: 1;
  width: 10px;
  height: 100%;
  left: -10px;
  clip-path: polygon(100% 0, 0 50%, 100% 100%, 100% 0);
}
.sx__date-grid-event .sx__date-grid-event--right-overflow {
  position: absolute;
  z-index: 1;
  width: 10px;
  height: 100%;
  right: -10px;
  clip-path: polygon(0 0, 100% 50%, 0 100%, 0 0);
}
.sx__date-grid-event.sx__date-grid-event--copy {
  z-index: 2;
  box-shadow: var(--sx-box-shadow-level3);
  transition-property: transform, width;
  transition-duration: 0.15s;
  transition-timing-function: ease-in-out;
}

.sx__date-grid-event-text {
  width: calc(100% - var(--sx-spacing-padding1) * 2);
  left: var(--sx-spacing-padding1);
  position: absolute;
  text-overflow: ellipsis;
  overflow-x: hidden;
  white-space: nowrap;
}
.sx__date-grid-event-text .sx__date-grid-event-time {
  font-weight: initial;
}

.sx__date-grid-cell {
  height: clamp(20px, 1.25rem, 24px);
}

.sx__date-grid-event-resize-handle {
  position: absolute;
  right: 0;
  height: 100%;
  width: clamp(10px, 15px, 50%);
  cursor: ew-resize;
  z-index: 1;
  touch-action: none;
}
[dir=rtl] .sx__date-grid-event-resize-handle {
  left: 0;
  right: auto;
}

.sx__date-grid-background-event {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}

:root {
  --sx-week-grid-height: 0;
  --sx-time-axis-height: 0;
  --sx-week-grid-hour-height: 0;
  --sx-week-grid-offset-top: 0;
}

.sx__event-modal {
  visibility: hidden;
  position: fixed;
  top: var(--sx-event-modal-top);
  left: var(--sx-event-modal-left);
  width: 400px;
  max-width: 100%;
  height: fit-content;
  background-color: var(--sx-color-background);
  z-index: var(--sx-z-index-event-modal);
}
.sx__event-modal.is-open {
  animation: slide-sideways;
  animation-duration: 0.3s;
  visibility: initial;
}
.is-dark .sx__event-modal {
  background-color: var(--sx-color-surface-container-high);
}

.sx__event-modal-default {
  padding: var(--sx-spacing-padding6);
  background-color: var(--sx-color-background);
  box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
  border-radius: var(--sx-rounding-small);
  max-height: 250px;
  overflow-y: scroll;
}

@keyframes slide-sideways {
  from {
    opacity: 0;
    transform: translateX(var(--sx-event-modal-animation-start));
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
.sx__event-modal .sx__event-icon {
  min-width: 16px;
  min-height: 16px;
  max-width: 16px;
  max-height: 16px;
  margin-inline-end: var(--sx-spacing-padding2);
}

.sx__event-modal__color-icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 25%;
  margin-inline-end: var(--sx-spacing-padding3);
}

.sx__has-icon {
  display: grid;
  align-items: flex-start;
  grid-template-columns: 30px 1fr;
  margin-bottom: var(--sx-spacing-padding2);
}
.sx__has-icon .sx__event-icon {
  margin-top: 2px;
}
.sx__has-icon .sx__event-modal__color-icon {
  margin-top: 4px;
}

.sx__event-modal__title {
  font-size: var(--sx-font-large);
}

.sx__event-modal__time {
  font-size: var(--sx-font-small);
}

.sx__current-time-indicator {
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #f00;
  z-index: 0;
}
.sx__current-time-indicator::before {
  content: "";
  position: absolute;
  left: -5px;
  top: -4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #f00;
}

.sx__current-time-indicator-full-week {
  width: calc(100% - var(--sx-calendar-week-grid-padding-left));
  position: absolute;
  inset: 0 0 0 var(--sx-calendar-week-grid-padding-left);
  height: 2px;
  background-color: rgba(255, 0, 0, 0.38);
}
.driver-popover{all:unset;font-family:var(--driver-popover-font-family,"Helvetica Neue", Inter, ui-sans-serif, "Apple Color Emoji", Helvetica, Arial, sans-serif);box-sizing:border-box;color:#2d2d2d;z-index:1000000000;background-color:#fff;border-radius:5px;min-width:250px;max-width:300px;margin:0;padding:15px;position:fixed;top:0;right:0;box-shadow:0 1px 10px #0006}.driver-popover-title{zoom:1;margin:0;font-size:19px;font-weight:700;line-height:1.5;display:block;position:relative}.driver-popover-close-btn{all:unset;cursor:pointer;color:#d2d2d2;z-index:1;text-align:center;width:32px;height:28px;font-size:18px;font-weight:500;transition:color .2s;position:absolute;top:0;right:0}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{zoom:1;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.5}.driver-popover-footer{text-align:right;zoom:1;justify-content:space-between;align-items:center;margin-top:15px;display:flex}.driver-popover-progress-text{color:#727272;zoom:1;font-size:13px;font-weight:400}.driver-popover-footer-btn{all:unset;box-sizing:border-box;color:#2d2d2d;cursor:pointer;zoom:1;background-color:#fff;border:1px solid #ccc;border-radius:3px;outline:0;padding:3px 7px;font-size:12px;line-height:1.3;text-decoration:none;display:inline-block}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}.driver-popover-footer-btn:hover,.driver-popover-footer-btn:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{flex-grow:1;justify-content:flex-end;display:flex}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";border:5px solid #fff;position:absolute}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{border-top-color:#0000;border-bottom-color:#0000;border-right-color:#0000;left:100%}.driver-popover-arrow-side-right{border-top-color:#0000;border-bottom-color:#0000;border-left-color:#0000;right:100%}.driver-popover-arrow-side-top{border-bottom-color:#0000;border-left-color:#0000;border-right-color:#0000;top:100%}.driver-popover-arrow-side-bottom{border-top-color:#0000;border-left-color:#0000;border-right-color:#0000;bottom:100%}.driver-popover-arrow-side-center,.driver-popover-arrow-none{display:none}.driver-active .driver-overlay{pointer-events:none}.driver-active.driver-no-scroll{overflow:hidden}.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in var(--driver-animation-duration,.4s) ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in var(--driver-animation-duration,.4s)}.driver-active-element-parent-no-scroll{overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}
@keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{0%{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui :after,.plyr--full-ui :before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:9px;font-size:var(--plyr-font-size-badge,9px);line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:13px;font-size:var(--plyr-font-size-small,13px);left:0;padding:10px;padding:var(--plyr-control-spacing,10px);position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions span:empty{display:none}@media (min-width:480px){.plyr__captions{font-size:15px;font-size:var(--plyr-font-size-base,15px);padding:20px;padding:calc(var(--plyr-control-spacing, 10px)*2)}}@media (min-width:768px){.plyr__captions{font-size:18px;font-size:var(--plyr-font-size-large,18px)}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(-40px);transform:translateY(calc(var(--plyr-control-spacing, 10px)*-4))}.plyr__caption{background:#000c;background:var(--plyr-captions-background,#000c);border-radius:4px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;color:var(--plyr-captions-text-color,#fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__caption div{display:inline}.plyr__control{background:#0000;border:0;border-radius:4px;border-radius:var(--plyr-control-radius,4px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:7px;padding:calc(var(--plyr-control-spacing, 10px)*.7);position:relative;transition:all .1s ease-in-out}.plyr__control svg{display:block;fill:currentColor;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control:focus-visible{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}a.plyr__control{text-decoration:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed,a.plyr__control:after,a.plyr__control:before{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:2.5px;margin-left:calc(var(--plyr-control-spacing, 10px)/4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:2.5px;padding-left:calc(var(--plyr-control-spacing, 10px)/4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 5px;padding:0 calc(var(--plyr-control-spacing, 10px)/2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip],.plyr__controls:empty{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:#ffffffe6;background:var(--plyr-menu-background,#ffffffe6);border-radius:8px;border-radius:var(--plyr-menu-radius,8px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-menu-shadow,0 1px 2px #00000026);color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:15px;font-size:var(--plyr-font-size-base,15px);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container:after{border:4px solid #0000;border-top-color:#ffffffe6;border:var(--plyr-menu-arrow-size,4px) solid #0000;border-top-color:var(--plyr-menu-background,#ffffffe6);content:"";height:0;position:absolute;right:14px;right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/2);top:100%;width:0}.plyr__menu__container [role=menu]{padding:7px;padding:calc(var(--plyr-control-spacing, 10px)*.7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5464;color:var(--plyr-menu-color,#4a5464);display:flex;font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding:4.66667px 10.5px;padding:calc(var(--plyr-control-spacing, 10px)*.7/1.5) calc(var(--plyr-control-spacing, 10px)*.7*1.5);-webkit-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control:after{border:4px solid #0000;border:var(--plyr-menu-item-arrow-size,4px) solid #0000;content:"";position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:28px;padding-right:calc(var(--plyr-control-spacing, 10px)*.7*4)}.plyr__menu__container .plyr__control--forward:after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:6.5px;right:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))}.plyr__menu__container .plyr__control--forward:focus-visible:after,.plyr__menu__container .plyr__control--forward:hover:after{border-left-color:initial}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:7px;margin:calc(var(--plyr-control-spacing, 10px)*.7);margin-bottom:3.5px;margin-bottom:calc(var(--plyr-control-spacing, 10px)*.7/2);padding-left:28px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7*4);position:relative;width:calc(100% - 14px);width:calc(100% - var(--plyr-control-spacing, 10px)*.7*2)}.plyr__menu__container .plyr__control--back:after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:6.5px;left:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))}.plyr__menu__container .plyr__control--back:before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:"";height:1px;left:0;margin-top:3.5px;margin-top:calc(var(--plyr-control-spacing, 10px)*.7/2);overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back:focus-visible:after,.plyr__menu__container .plyr__control--back:hover:after{border-right-color:initial}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:7px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7)}.plyr__menu__container .plyr__control[role=menuitemradio]:after,.plyr__menu__container .plyr__control[role=menuitemradio]:before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]:before{background:#0000001a;content:"";display:block;flex-shrink:0;height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]:after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{background:#00b2ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)))}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before{background:#23282f1a}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:-5px;margin-right:calc(var(--plyr-control-spacing, 10px)*.7*-1 - -2px);overflow:hidden;padding-left:24.5px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7*3.5);pointer-events:none}.plyr--full-ui input[type=range]{appearance:none;background:#0000;border:0;border-radius:26px;border-radius:calc(var(--plyr-range-thumb-height, 13px)*2);color:#00b2ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));display:block;height:19px;height:calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));margin:0;min-width:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:#0000;background-image:linear-gradient(90deg,currentColor 0,#0000 0);background-image:linear-gradient(to right,currentColor var(--value,0),#0000 var(--value,0));border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-webkit-slider-thumb{appearance:none;background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:-4px;margin-top:calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/2*-1);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-track{background:#0000;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px)}.plyr--full-ui input[type=range]::-ms-track{color:#0000}.plyr--full-ui input[type=range]::-ms-fill-upper,.plyr--full-ui input[type=range]::-ms-track{background:#0000;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:#0000;background:currentColor;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:0;position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-moz-range-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-ms-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr__poster{background-color:#000;background-color:var(--plyr-video-background,var(--plyr-video-background,#000));background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster{display:none}.plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__time+.plyr__time:before{content:"⁄";margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}@media (max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:#fff;background:var(--plyr-tooltip-background,#fff);border-radius:5px;border-radius:var(--plyr-tooltip-radius,5px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-tooltip-shadow,0 1px 2px #00000026);color:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);opacity:0;padding:5px 7.5px;padding:calc(var(--plyr-control-spacing, 10px)/2) calc(var(--plyr-control-spacing, 10px)/2*1.5);pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;white-space:nowrap;z-index:2}.plyr__tooltip:before{border-left:4px solid #0000;border-left:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-right:4px solid #0000;border-right:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-top:4px solid #fff;border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control:focus-visible .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translateY(10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before{left:16px;left:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7)}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translateY(10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip:before{left:auto;right:16px;right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7);transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0) scale(1)}.plyr__progress{left:6.5px;left:calc(var(--plyr-range-thumb-height, 13px)*.5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:-6.5px;margin-left:calc(var(--plyr-range-thumb-height, 13px)*-.5);margin-right:-6.5px;margin-right:calc(var(--plyr-range-thumb-height, 13px)*-.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height, 13px))}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{left:0;max-width:120px;overflow-wrap:break-word}.plyr__progress__buffer{-webkit-appearance:none;background:#0000;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:-2.5px;margin-top:calc(var(--plyr-range-track-height, 5px)/2*-1);padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:#0000}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,#23282f99 25%,#0000 0,#0000 50%,#23282f99 0,#23282f99 75%,#0000 0,#0000);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,#23282f99) 25%,#0000 25%,#0000 50%,var(--plyr-progress-loading-background,#23282f99) 50%,var(--plyr-progress-loading-background,#23282f99) 75%,#0000 75%,#0000);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:#0000}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:#ffffff40;background-color:var(--plyr-video-progress-buffered-background,#ffffff40)}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:#c1c8d199;background-color:var(--plyr-audio-progress-buffered-background,#c1c8d199)}.plyr__progress__marker{background-color:#fff;background-color:var(--plyr-progress-marker-background,#fff);border-radius:1px;height:5px;height:var(--plyr-range-track-height,5px);position:absolute;top:50%;transform:translate(-50%,-50%);width:3px;width:var(--plyr-progress-marker-width,3px);z-index:3}.plyr__volume{align-items:center;display:flex;position:relative}.plyr__volume input[type=range]{margin-left:5px;margin-left:calc(var(--plyr-control-spacing, 10px)/2);margin-right:5px;margin-right:calc(var(--plyr-control-spacing, 10px)/2);max-width:90px;min-width:60px;position:relative;z-index:2}.plyr--audio{display:block}.plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)}.plyr--audio .plyr__control:focus-visible,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--audio .plyr__progress__buffer{color:#c1c8d199;color:var(--plyr-audio-progress-buffered-background,#c1c8d199)}.plyr--video{overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));border-radius:inherit;height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{aspect-ratio:16/9}@supports not (aspect-ratio:16/9){.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%;position:relative}}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr--video .plyr__controls{background:linear-gradient(#0000,#000000bf);background:var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:5px;padding:calc(var(--plyr-control-spacing, 10px)/2);padding-top:20px;padding-top:calc(var(--plyr-control-spacing, 10px)*2);position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media (min-width:480px){.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:35px;padding-top:calc(var(--plyr-control-spacing, 10px)*3.5)}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr--video .plyr__control:focus-visible,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));border:0;border-radius:100%;color:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:15px;padding:calc(var(--plyr-control-spacing, 10px)*1.5);position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--video .plyr__progress__buffer{color:#ffffff40;color:var(--plyr-video-progress-buffered-background,#ffffff40)}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen video{height:100%}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;height:100%;inset:0;margin:0;position:fixed;width:100%;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr__ads{border-radius:inherit;cursor:pointer;inset:0;overflow:hidden;position:absolute;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads:after{background:#23282f;border-radius:2px;bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:var(--plyr-control-spacing,10px);z-index:3}.plyr__ads:empty:after{display:none}.plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;opacity:.8;position:absolute;top:50%;transform:translateY(-50%);width:3px;z-index:3}.plyr__preview-thumb{background-color:#fff;background-color:var(--plyr-tooltip-background,#fff);border-radius:8px;border-radius:var(--plyr-menu-radius,8px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-tooltip-shadow,0 1px 2px #00000026);margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);opacity:0;padding:3px;pointer-events:none;position:absolute;transform:translateY(10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0) scale(1)}.plyr__preview-thumb:before{border-left:4px solid #0000;border-left:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-right:4px solid #0000;border-right:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-top:4px solid #fff;border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);content:"";height:0;left:calc(50% + var(--preview-arrow-offset));position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:7px;border-radius:calc(var(--plyr-menu-radius, 8px) - 1px);overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img,.plyr__preview-thumb__image-container:after{height:100%;left:0;position:absolute;top:0;width:100%}.plyr__preview-thumb__image-container:after{border-radius:inherit;box-shadow:inset 0 0 0 1px #00000026;content:"";pointer-events:none}.plyr__preview-thumb__image-container img{max-height:none;max-width:none}.plyr__preview-thumb__time-container{background:linear-gradient(#0000,#000000bf);background:var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));border-bottom-left-radius:7px;border-bottom-left-radius:calc(var(--plyr-menu-radius, 8px) - 1px);border-bottom-right-radius:7px;border-bottom-right-radius:calc(var(--plyr-menu-radius, 8px) - 1px);bottom:0;left:0;line-height:1.1;padding:20px 6px 6px;position:absolute;right:0;z-index:3}.plyr__preview-thumb__time-container span{color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__preview-scrubbing{filter:blur(1px);height:100%;inset:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);border:0!important;height:1px!important;overflow:hidden;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important}*, ::before, ::after {--_histoire-color-primary-50: 236 253 245;--_histoire-color-primary-100: 209 250 229;--_histoire-color-primary-200: 167 243 208;--_histoire-color-primary-300: 110 231 183;--_histoire-color-primary-400: 52 211 153;--_histoire-color-primary-500: 16 185 129;--_histoire-color-primary-600: 5 150 105;--_histoire-color-primary-700: 4 120 87;--_histoire-color-primary-800: 6 95 70;--_histoire-color-primary-900: 6 78 59;--_histoire-color-gray-50: 250 250 250;--_histoire-color-gray-100: 244 244 245;--_histoire-color-gray-200: 228 228 231;--_histoire-color-gray-300: 212 212 216;--_histoire-color-gray-400: 161 161 170;--_histoire-color-gray-500: 113 113 122;--_histoire-color-gray-600: 82 82 91;--_histoire-color-gray-700: 63 63 70;--_histoire-color-gray-750: 50 50 56;--_histoire-color-gray-800: 39 39 42;--_histoire-color-gray-850: 31 31 33;--_histoire-color-gray-900: 24 24 27;--_histoire-color-gray-950: 16 16 18;}

@scope (:root) to (.__histoire-render-story:not(.__histoire-render-custom-controls)){

.resize-observer[data-v-b329ee4c]{
  position:absolute;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100%;
  border:none;
  background-color:transparent;
  pointer-events:none;
  display:block;
  overflow:hidden;
  opacity:0
}

.resize-observer[data-v-b329ee4c] object{
  display:block;
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  overflow:hidden;
  pointer-events:none;
  z-index:-1
}

.v-popper__popper{
  z-index:10000;
  top:0;
  left:0;
  outline:none
}

.v-popper__popper.v-popper__popper--hidden{
  visibility:hidden;
  opacity:0;
  transition:opacity .15s,visibility .15s;
  pointer-events:none
}

.v-popper__popper.v-popper__popper--shown{
  visibility:visible;
  opacity:1;
  transition:opacity .15s
}

.v-popper__popper.v-popper__popper--skip-transition,.v-popper__popper.v-popper__popper--skip-transition>.v-popper__wrapper{
  transition:none!important
}

.v-popper__backdrop{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  display:none
}

.v-popper__inner{
  position:relative;
  box-sizing:border-box;
  overflow-y:auto
}

.v-popper__inner>div{
  position:relative;
  z-index:1;
  max-width:inherit;
  max-height:inherit
}

.v-popper__arrow-container{
  position:absolute;
  width:10px;
  height:10px
}

.v-popper__popper--arrow-overflow .v-popper__arrow-container,.v-popper__popper--no-positioning .v-popper__arrow-container{
  display:none
}

.v-popper__arrow-inner,.v-popper__arrow-outer{
  border-style:solid;
  position:absolute;
  top:0;
  left:0;
  width:0;
  height:0
}

.v-popper__arrow-inner{
  visibility:hidden;
  border-width:7px
}

.v-popper__arrow-outer{
  border-width:6px
}

.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{
  left:-2px
}

.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{
  left:-1px
}

.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-outer{
  border-bottom-width:0;
  border-left-color:transparent!important;
  border-right-color:transparent!important;
  border-bottom-color:transparent!important
}

.v-popper__popper[data-popper-placement^=top] .v-popper__arrow-inner{
  top:-2px
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-container{
  top:0
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{
  border-top-width:0;
  border-left-color:transparent!important;
  border-right-color:transparent!important;
  border-top-color:transparent!important
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-inner{
  top:-4px
}

.v-popper__popper[data-popper-placement^=bottom] .v-popper__arrow-outer{
  top:-6px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{
  top:-2px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{
  top:-1px
}

.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{
  border-left-width:0;
  border-left-color:transparent!important;
  border-top-color:transparent!important;
  border-bottom-color:transparent!important
}

.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-inner{
  left:-4px
}

.v-popper__popper[data-popper-placement^=right] .v-popper__arrow-outer{
  left:-6px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-container{
  right:-10px
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner,.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-outer{
  border-right-width:0;
  border-top-color:transparent!important;
  border-right-color:transparent!important;
  border-bottom-color:transparent!important
}

.v-popper__popper[data-popper-placement^=left] .v-popper__arrow-inner{
  left:-2px
}

.v-popper--theme-tooltip .v-popper__inner{
  background:rgba(0,0,0,.8);
  color:#fff;
  border-radius:6px;
  padding:7px 12px 6px
}

.v-popper--theme-tooltip .v-popper__arrow-outer{
  border-color:#000c
}

.v-popper--theme-dropdown .v-popper__inner{
  background:#fff;
  color:#000;
  border-radius:6px;
  border:1px solid #ddd;
  box-shadow:0 6px 30px #0000001a
}

.v-popper--theme-dropdown .v-popper__arrow-inner{
  visibility:visible;
  border-color:#fff
}

.v-popper--theme-dropdown .v-popper__arrow-outer{
  border-color:#ddd
}

.htw-bind-col-size{
  grid-template-columns:repeat(auto-fill,minmax(var(--histoire-col-size),1fr))
}

.__histoire-json-code[data-v-d4369e5a] .cm-editor{
  height:100%;
  min-width:280px
}

.v-popper{
  line-height:0
}

.htw-dark .v-popper--theme-dropdown .v-popper__inner{
  --tw-border-opacity: 1;
  border-color:rgb(31 31 33 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color:rgb(63 63 70 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color:rgb(244 244 245 / var(--tw-text-opacity, 1))
}

.htw-dark .v-popper--theme-dropdown .v-popper__arrow-inner{
  --tw-border-opacity: 1;
  border-color:rgb(63 63 70 / var(--tw-border-opacity, 1))
}

.htw-dark .v-popper--theme-dropdown .v-popper__arrow-outer{
  --tw-border-opacity: 1;
  border-color:rgb(31 31 33 / var(--tw-border-opacity, 1))
}

.v-popper--theme-dropdown.v-popper__popper--show-from .v-popper__wrapper{
  transform:scale(.75)
}

.v-popper--theme-dropdown.v-popper__popper--show-to .v-popper__wrapper{
  transform:none;
  transition:transform .15s cubic-bezier(0,1,.5,1)
}

.v-popper__popper:focus-visible{
  outline:none
}

.htw-range-input::-webkit-slider-thumb{
  height:.75rem;
  width:.75rem;
  -webkit-appearance:none;
  appearance:none;
  border-radius:9999px;
  border-width:1px;
  border-style:solid;
  border-color:#00000040;
  --tw-bg-opacity: 1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.htw-range-input:is(.htw-dark *)::-webkit-slider-thumb{
  border-color:#ffffff40;
  --tw-bg-opacity: 1;
  background-color:rgb(63 63 70 / var(--tw-bg-opacity, 1))
}

.htw-range-input:hover::-webkit-slider-thumb{
  --tw-border-opacity: 1 !important;
  border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))!important;
  --tw-bg-opacity: 1 !important;
  background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))!important
}

.htw-range-input::-moz-range-thumb{
  height:.75rem;
  width:.75rem;
  -moz-appearance:none;
  appearance:none;
  border-radius:9999px;
  border-width:1px;
  border-style:solid;
  border-color:#00000040;
  --tw-bg-opacity: 1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.htw-range-input:is(.htw-dark *)::-moz-range-thumb{
  border-color:#ffffff40;
  --tw-bg-opacity: 1;
  background-color:rgb(63 63 70 / var(--tw-bg-opacity, 1))
}

.htw-range-input:hover::-moz-range-thumb{
  --tw-border-opacity: 1 !important;
  border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))!important;
  --tw-bg-opacity: 1 !important;
  background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))!important
}

/* @TODO custom themes */

.v-popper {
  line-height: 0;
}

.htw-dark .v-popper--theme-dropdown .v-popper__inner{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-850) / var(--tw-border-opacity, 1));
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-gray-700) / var(--tw-bg-opacity, 1));
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-gray-100) / var(--tw-text-opacity, 1))
}

.htw-dark .v-popper--theme-dropdown .v-popper__arrow-inner{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-700) / var(--tw-border-opacity, 1))
}

.htw-dark .v-popper--theme-dropdown .v-popper__arrow-outer{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-850) / var(--tw-border-opacity, 1))
}

.v-popper--theme-dropdown.v-popper__popper--show-from .v-popper__wrapper {
  transform: scale(.75);
}

.v-popper--theme-dropdown.v-popper__popper--show-to .v-popper__wrapper {
  transform: none;
  transition: transform .15s cubic-bezier(0, 1, .5, 1);
}

.v-popper__popper:focus-visible {
  outline: none;
}

.__histoire-scale-x-enter-active,
  .__histoire-scale-x-leave-active {
  transition: transform .15s, opacity .15s;
}

.__histoire-scale-x-enter-from,
  .__histoire-scale-x-leave-to {
  transform: scaleX(0);
  opacity: 0;
}

.__histoire-scale-y-enter-active,
  .__histoire-scale-y-leave-active {
  transition: transform .15s, opacity .15s;
}

.__histoire-scale-y-enter-from,
  .__histoire-scale-y-leave-to {
  transform: scaleY(0);
  opacity: 0;
}

.__histoire-fade-enter-active,
  .__histoire-fade-leave-active {
  transition: opacity .15s;
}

.__histoire-fade-enter-from,
  .__histoire-fade-leave-to {
  opacity: 0;
}

.__histoire-fade-bottom-enter-active,
  .__histoire-fade-bottom-leave-active {
  transition: transform .15s, opacity .15s;
  transform: translateY(0px);
}

.__histoire-fade-bottom-enter-from,
  .__histoire-fade-bottom-leave-to {
  transform: translateY(32px);
  opacity: 0;
}

*,
::before,
::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #e5e7eb;
}

a,
input,
button {
  color: inherit;
}

a {
  text-decoration: inherit;
}

input, button {
  font-family: inherit;
}

a,
button {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

*, ::before, ::after{
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: 
}

::backdrop{
  --tw-border-spacing-x:0;
  --tw-border-spacing-y:0;
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness:proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width:0px;
  --tw-ring-offset-color:#fff;
  --tw-ring-color:rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow:0 0 #0000;
  --tw-ring-shadow:0 0 #0000;
  --tw-shadow:0 0 #0000;
  --tw-shadow-colored:0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: 
}

body,
  pre {
  margin: 0;
}

:scope,
  body,
  #app {
  height: 100%;
}

:scope {
  font-family: 'Noto Sans Display', system-ui, sans-serif;
  font-size: 1rem;
}

body {
  font-size: 1.125rem;
}

@media (min-width: 640px) {
  body {
    font-size: .875rem;
  }
}

.__histoire-render-story:not(.__histoire-render-custom-controls) {
  overflow: auto;
  min-height: 100%;
}

.__histoire-code .shiki {
  background: transparent !important;
}

.htw-prose h1:not(:hover) .header-anchor[aria-hidden="true"], .htw-prose h2:not(:hover) .header-anchor[aria-hidden="true"], .htw-prose h3:not(:hover) .header-anchor[aria-hidden="true"], .htw-prose h4:not(:hover) .header-anchor[aria-hidden="true"] {
  visibility: hidden;
}

.htw-prose hr {
  margin: 1rem 0;
}

.__histoire-pane-shadow-from-right {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.02), rgba(0, 0, 0, 0));
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: right;
}

.htw-dark .__histoire-pane-shadow-from-right {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
}

.htw-prose{
  color:var(--tw-prose-body);
  max-width:65ch;
}

.htw-prose :where(p):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-top:1.25em;
  margin-bottom:1.25em
}

.htw-prose :where([class~="lead"]):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:var(--tw-prose-lead);
  font-size:1.25em;
  line-height:1.6;
  margin-top:1.2em;
  margin-bottom:1.2em
}

.htw-prose :where(a):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:rgb(var(--_histoire-color-primary-500));
  text-decoration:none;
  font-weight:500;
}

.htw-prose :where(a):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)):hover{
  text-decoration:underline
}

.htw-prose :where(strong):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:var(--tw-prose-bold);
  font-weight:600
}

.htw-prose :where(a strong):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:inherit
}

.htw-prose :where(blockquote strong):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:inherit
}

.htw-prose :where(thead th strong):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:inherit
}

.htw-prose :where(ol):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  list-style-type:decimal;
  margin-top:1.25em;
  margin-bottom:1.25em;
  padding-inline-start:1.625em
}

.htw-prose :where(ol[type="A"]):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  list-style-type:upper-alpha
}

.htw-prose :where(ol[type="a"]):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  list-style-type:lower-alpha
}

.htw-prose :where(ol[type="A" s]):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  list-style-type:upper-alpha
}

.htw-prose :where(ol[type="a" s]):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  list-style-type:lower-alpha
}

.htw-prose :where(ol[type="I"]):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  list-style-type:upper-roman
}

.htw-prose :where(ol[type="i"]):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  list-style-type:lower-roman
}

.htw-prose :where(ol[type="I" s]):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  list-style-type:upper-roman
}

.htw-prose :where(ol[type="i" s]):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  list-style-type:lower-roman
}

.htw-prose :where(ol[type="1"]):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  list-style-type:decimal
}

.htw-prose :where(ul):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  list-style-type:disc;
  margin-top:1.25em;
  margin-bottom:1.25em;
  padding-inline-start:1.625em
}

.htw-prose :where(ol > li):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *))::marker{
  font-weight:400;
  color:var(--tw-prose-counters)
}

.htw-prose :where(ul > li):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *))::marker{
  color:var(--tw-prose-bullets)
}

.htw-prose :where(dt):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:var(--tw-prose-headings);
  font-weight:600;
  margin-top:1.25em
}

.htw-prose :where(hr):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  border-color:var(--tw-prose-hr);
  border-top-width:1px;
  margin-top:3em;
  margin-bottom:3em
}

.htw-prose :where(blockquote):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  font-weight:500;
  font-style:italic;
  color:var(--tw-prose-quotes);
  border-inline-start-width:0.25rem;
  border-inline-start-color:var(--tw-prose-quote-borders);
  quotes:"\201C""\201D""\2018""\2019";
  margin-top:1.6em;
  margin-bottom:1.6em;
  padding-inline-start:1em;
  margin-left:0;
  margin-right:0;
  background-color:rgb(var(--_histoire-color-gray-100));
  padding:.25rem .375rem;
}

.htw-prose :where(blockquote):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)) p:first-child{
  margin-top:0
}

.htw-prose :where(blockquote):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)) p:last-child{
  margin-bottom:0
}

.htw-dark .htw-prose :where(blockquote):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  background-color:rgb(var(--_histoire-color-gray-750))
}

.htw-prose :where(blockquote p:first-of-type):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *))::before{
  content:open-quote
}

.htw-prose :where(blockquote p:last-of-type):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *))::after{
  content:close-quote
}

.htw-prose :where(h1):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:var(--tw-prose-headings);
  font-weight:800;
  font-size:2.25em;
  margin-top:0;
  margin-bottom:0.8888889em;
  line-height:1.1111111
}

.htw-prose :where(h1 strong):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  font-weight:900;
  color:inherit
}

.htw-prose :where(h2):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:var(--tw-prose-headings);
  font-weight:700;
  font-size:1.5em;
  margin-top:2em;
  margin-bottom:1em;
  line-height:1.3333333
}

.htw-prose :where(h2 strong):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  font-weight:800;
  color:inherit
}

.htw-prose :where(h3):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:var(--tw-prose-headings);
  font-weight:600;
  font-size:1.25em;
  margin-top:1.6em;
  margin-bottom:0.6em;
  line-height:1.6
}

.htw-prose :where(h3 strong):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  font-weight:700;
  color:inherit
}

.htw-prose :where(h4):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:var(--tw-prose-headings);
  font-weight:600;
  margin-top:1.5em;
  margin-bottom:0.5em;
  line-height:1.5
}

.htw-prose :where(h4 strong):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  font-weight:700;
  color:inherit
}

.htw-prose :where(img):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-top:2em;
  margin-bottom:2em
}

.htw-prose :where(picture):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  display:block;
  margin-top:2em;
  margin-bottom:2em
}

.htw-prose :where(video):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-top:2em;
  margin-bottom:2em
}

.htw-prose :where(kbd):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  font-weight:500;
  font-family:inherit;
  color:var(--tw-prose-kbd);
  box-shadow:0 0 0 1px var(--tw-prose-kbd-shadows), 0 3px 0 var(--tw-prose-kbd-shadows);
  font-size:0.875em;
  border-radius:0.3125rem;
  padding-top:0.1875em;
  padding-inline-end:0.375em;
  padding-bottom:0.1875em;
  padding-inline-start:0.375em
}

.htw-prose :where(code):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:var(--tw-prose-code);
  font-weight:normal;
  font-size:0.8rem;
  background-color:rgb(var(--_histoire-color-gray-500) / 20%);
  padding:0.05rem 0.5rem;
  border-radius:0.25rem;
}

.htw-prose :where(code):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *))::before,.htw-prose :where(code):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *))::after{
  display:none
}

.htw-prose :where(code):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *))::before{
  content:"`"
}

.htw-prose :where(code):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *))::after{
  content:"`"
}

.htw-prose :where(a code):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:inherit
}

.htw-prose :where(h1 code):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:inherit
}

.htw-prose :where(h2 code):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:inherit;
  font-size:0.875em
}

.htw-prose :where(h3 code):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:inherit;
  font-size:0.9em
}

.htw-prose :where(h4 code):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:inherit
}

.htw-prose :where(blockquote code):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:inherit
}

.htw-prose :where(thead th code):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:inherit
}

.htw-prose :where(pre):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:var(--tw-prose-pre-code);
  background-color:var(--tw-prose-pre-bg);
  overflow-x:auto;
  font-weight:400;
  font-size:0.875em;
  line-height:1.7142857;
  margin-top:1.7142857em;
  margin-bottom:1.7142857em;
  border-radius:0.375rem;
  padding-top:0.8571429em;
  padding-inline-end:1.1428571em;
  padding-bottom:0.8571429em;
  padding-inline-start:1.1428571em
}

.htw-prose :where(pre code):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  background-color:transparent;
  border-width:0;
  border-radius:0;
  padding:0;
  font-weight:inherit;
  color:inherit;
  font-size:inherit;
  font-family:inherit;
  line-height:inherit
}

.htw-prose :where(pre code):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *))::before{
  content:none
}

.htw-prose :where(pre code):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *))::after{
  content:none
}

.htw-prose :where(table):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  width:100%;
  table-layout:auto;
  margin-top:2em;
  margin-bottom:2em;
  font-size:0.875em;
  line-height:1.7142857
}

.htw-prose :where(thead):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  border-bottom-width:1px;
  border-bottom-color:var(--tw-prose-th-borders)
}

.htw-prose :where(thead th):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:var(--tw-prose-headings);
  font-weight:600;
  vertical-align:bottom;
  padding-inline-end:0.5714286em;
  padding-bottom:0.5714286em;
  padding-inline-start:0.5714286em
}

.htw-prose :where(tbody tr):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  border-bottom-width:1px;
  border-bottom-color:var(--tw-prose-td-borders)
}

.htw-prose :where(tbody tr:last-child):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  border-bottom-width:0
}

.htw-prose :where(tbody td):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  vertical-align:baseline
}

.htw-prose :where(tfoot):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  border-top-width:1px;
  border-top-color:var(--tw-prose-th-borders)
}

.htw-prose :where(tfoot td):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  vertical-align:top
}

.htw-prose :where(th, td):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  text-align:start
}

.htw-prose :where(figure > *):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-top:0;
  margin-bottom:0
}

.htw-prose :where(figcaption):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  color:var(--tw-prose-captions);
  font-size:0.875em;
  line-height:1.4285714;
  margin-top:0.8571429em
}

.htw-prose{
  --tw-prose-body:#374151;
  --tw-prose-headings:#111827;
  --tw-prose-lead:#4b5563;
  --tw-prose-links:#111827;
  --tw-prose-bold:#111827;
  --tw-prose-counters:#6b7280;
  --tw-prose-bullets:#d1d5db;
  --tw-prose-hr:#e5e7eb;
  --tw-prose-quotes:#111827;
  --tw-prose-quote-borders:#e5e7eb;
  --tw-prose-captions:#6b7280;
  --tw-prose-kbd:#111827;
  --tw-prose-kbd-shadows:rgb(17 24 39 / 10%);
  --tw-prose-code:#111827;
  --tw-prose-pre-code:#e5e7eb;
  --tw-prose-pre-bg:#1f2937;
  --tw-prose-th-borders:#d1d5db;
  --tw-prose-td-borders:#e5e7eb;
  --tw-prose-invert-body:#d1d5db;
  --tw-prose-invert-headings:#fff;
  --tw-prose-invert-lead:#9ca3af;
  --tw-prose-invert-links:#fff;
  --tw-prose-invert-bold:#fff;
  --tw-prose-invert-counters:#9ca3af;
  --tw-prose-invert-bullets:rgb(var(--_histoire-color-gray-500));
  --tw-prose-invert-hr:rgb(var(--_histoire-color-gray-800));
  --tw-prose-invert-quotes:#f3f4f6;
  --tw-prose-invert-quote-borders:rgb(var(--_histoire-color-gray-800));
  --tw-prose-invert-captions:#9ca3af;
  --tw-prose-invert-kbd:#fff;
  --tw-prose-invert-kbd-shadows:rgb(255 255 255 / 10%);
  --tw-prose-invert-code:#fff;
  --tw-prose-invert-pre-code:#d1d5db;
  --tw-prose-invert-pre-bg:rgb(0 0 0 / 50%);
  --tw-prose-invert-th-borders:#4b5563;
  --tw-prose-invert-td-borders:#374151;
  font-size:1rem;
  line-height:1.75
}

.htw-prose :where(picture > img):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-top:0;
  margin-bottom:0
}

.htw-prose :where(li):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-top:0.1rem;
  margin-bottom:0.1rem
}

.htw-prose :where(ol > li):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  padding-inline-start:0.375em
}

.htw-prose :where(ul > li):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  padding-inline-start:0.375em
}

.htw-prose :where(.htw-prose > ul > li p):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-top:0.75em;
  margin-bottom:0.75em
}

.htw-prose :where(.htw-prose > ul > li > p:first-child):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-top:1.25em
}

.htw-prose :where(.htw-prose > ul > li > p:last-child):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-bottom:1.25em
}

.htw-prose :where(.htw-prose > ol > li > p:first-child):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-top:1.25em
}

.htw-prose :where(.htw-prose > ol > li > p:last-child):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-bottom:1.25em
}

.htw-prose :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-top:0.75em;
  margin-bottom:0.75em
}

.htw-prose :where(dl):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-top:1.25em;
  margin-bottom:1.25em
}

.htw-prose :where(dd):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-top:0.5em;
  padding-inline-start:1.625em
}

.htw-prose :where(hr + *):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-top:0
}

.htw-prose :where(h2 + *):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-top:0
}

.htw-prose :where(h3 + *):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-top:0
}

.htw-prose :where(h4 + *):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-top:0
}

.htw-prose :where(thead th:first-child):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  padding-inline-start:0
}

.htw-prose :where(thead th:last-child):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  padding-inline-end:0
}

.htw-prose :where(tbody td, tfoot td):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  padding-top:0.5714286em;
  padding-inline-end:0.5714286em;
  padding-bottom:0.5714286em;
  padding-inline-start:0.5714286em
}

.htw-prose :where(tbody td:first-child, tfoot td:first-child):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  padding-inline-start:0
}

.htw-prose :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  padding-inline-end:0
}

.htw-prose :where(figure):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-top:2em;
  margin-bottom:2em
}

.htw-prose :where(.htw-prose > :first-child):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-top:0
}

.htw-prose :where(.htw-prose > :last-child):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-bottom:0
}

.htw-prose :where(h1, h2, h3, h4, th):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)){
  margin-bottom:0.75rem;
}

.htw-prose :where(h1, h2, h3, h4, th):not(:where([class~="htw-not-prose"],[class~="htw-not-prose"] *)):not(:first-child){
  margin-top:1.25rem
}

.htw-pointer-events-none{
  pointer-events:none
}

.htw-invisible{
  visibility:hidden
}

.htw-fixed{
  position:fixed
}

.htw-absolute{
  position:absolute
}

.htw-relative{
  position:relative
}

.htw-inset-0{
  inset:0px
}

.htw-bottom-0{
  bottom:0px
}

.htw-bottom-4{
  bottom:1rem
}

.htw-bottom-5{
  bottom:1.25rem
}

.htw-bottom-8{
  bottom:2rem
}

.htw-left-0{
  left:0px
}

.htw-left-5{
  left:1.25rem
}

.htw-left-8{
  left:2rem
}

.htw-right-0{
  right:0px
}

.htw-right-4{
  right:1rem
}

.htw-right-5{
  right:1.25rem
}

.htw-right-8{
  right:2rem
}

.htw-top-0{
  top:0px
}

.htw-top-5{
  top:1.25rem
}

.htw-top-8{
  top:2rem
}

.htw-isolate{
  isolation:isolate
}

.htw-z-10{
  z-index:10
}

.htw-z-20{
  z-index:20
}

.htw-m-0{
  margin:0px
}

.htw-m-1{
  margin:0.25rem
}

.htw-m-4{
  margin:1rem
}

.htw-m-auto{
  margin:auto
}

.-htw-my-1{
  margin-top:-0.25rem;
  margin-bottom:-0.25rem
}

.htw-mx-1{
  margin-left:0.25rem;
  margin-right:0.25rem
}

.htw-mx-2{
  margin-left:0.5rem;
  margin-right:0.5rem
}

.htw-mx-4{
  margin-left:1rem;
  margin-right:1rem
}

.htw-mx-6{
  margin-left:1.5rem;
  margin-right:1.5rem
}

.htw-my-0{
  margin-top:0px;
  margin-bottom:0px
}

.htw-my-2{
  margin-top:0.5rem;
  margin-bottom:0.5rem
}

.htw-my-4{
  margin-top:1rem;
  margin-bottom:1rem
}

.htw-my-8{
  margin-top:2rem;
  margin-bottom:2rem
}

.-htw-mt-1{
  margin-top:-0.25rem
}

.htw-mb-2{
  margin-bottom:0.5rem
}

.htw-mb-6{
  margin-bottom:1.5rem
}

.htw-mb-8{
  margin-bottom:2rem
}

.htw-ml-4{
  margin-left:1rem
}

.htw-ml-auto{
  margin-left:auto
}

.htw-mr-2{
  margin-right:0.5rem
}

.htw-mr-auto{
  margin-right:auto
}

.htw-mt-0\.5{
  margin-top:0.125rem
}

.htw-mt-1{
  margin-top:0.25rem
}

.htw-mt-2{
  margin-top:0.5rem
}

.htw-box-border{
  box-sizing:border-box
}

.htw-block{
  display:block
}

.htw-flex{
  display:flex
}

.htw-inline-flex{
  display:inline-flex
}

.htw-grid{
  display:grid
}

.\!htw-hidden{
  display:none !important
}

.htw-hidden{
  display:none
}

.htw-h-1{
  height:0.25rem
}

.htw-h-10{
  height:2.5rem
}

.htw-h-12{
  height:3rem
}

.htw-h-16{
  height:4rem
}

.htw-h-2{
  height:0.5rem
}

.htw-h-20{
  height:5rem
}

.htw-h-3{
  height:0.75rem
}

.htw-h-32{
  height:8rem
}

.htw-h-4{
  height:1rem
}

.htw-h-48{
  height:12rem
}

.htw-h-5{
  height:1.25rem
}

.htw-h-6{
  height:1.5rem
}

.htw-h-64{
  height:16rem
}

.htw-h-8{
  height:2rem
}

.htw-h-9{
  height:2.25rem
}

.htw-h-\[100px\]{
  height:100px
}

.htw-h-\[16px\]{
  height:16px
}

.htw-h-\[1px\]{
  height:1px
}

.htw-h-\[22px\]{
  height:22px
}

.htw-h-\[27px\]{
  height:27px
}

.htw-h-\[2px\]{
  height:2px
}

.htw-h-\[51px\]{
  height:51px
}

.htw-h-fit{
  height:-moz-fit-content;
  height:fit-content
}

.htw-h-full{
  height:100%
}

.htw-h-px{
  height:1px
}

.htw-h-screen{
  height:100vh
}

.htw-max-h-\[400px\]{
  max-height:400px
}

.htw-max-h-\[80vh\]{
  max-height:80vh
}

.htw-max-h-full{
  max-height:100%
}

.htw-min-h-32{
  min-height:8rem
}

.htw-min-h-\[26px\]{
  min-height:26px
}

.htw-w-0{
  width:0px
}

.htw-w-16{
  width:4rem
}

.htw-w-2{
  width:0.5rem
}

.htw-w-20{
  width:5rem
}

.htw-w-28{
  width:7rem
}

.htw-w-3{
  width:0.75rem
}

.htw-w-32{
  width:8rem
}

.htw-w-4{
  width:1rem
}

.htw-w-5{
  width:1.25rem
}

.htw-w-6{
  width:1.5rem
}

.htw-w-64{
  width:16rem
}

.htw-w-8{
  width:2rem
}

.htw-w-\[16px\]{
  width:16px
}

.htw-w-\[2px\]{
  width:2px
}

.htw-w-fit{
  width:-moz-fit-content;
  width:fit-content
}

.htw-w-full{
  width:100%
}

.htw-w-max{
  width:-moz-max-content;
  width:max-content
}

.htw-w-px{
  width:1px
}

.htw-w-screen{
  width:100vw
}

.htw-min-w-0{
  min-width:0px
}

.htw-min-w-16{
  min-width:4rem
}

.htw-min-w-4{
  min-width:1rem
}

.htw-min-w-\[150px\]{
  min-width:150px
}

.htw-min-w-\[80px\]{
  min-width:80px
}

.htw-max-w-6{
  max-width:1.5rem
}

.htw-max-w-\[400px\]{
  max-width:400px
}

.htw-max-w-\[512px\]{
  max-width:512px
}

.htw-max-w-\[63px\]{
  max-width:63px
}

.htw-max-w-\[82px\]{
  max-width:82px
}

.htw-max-w-full{
  max-width:100%
}

.htw-max-w-none{
  max-width:none
}

.htw-flex-1{
  flex:1 1 0%
}

.htw-flex-none{
  flex:none
}

.htw-flex-shrink{
  flex-shrink:1
}

.htw-shrink{
  flex-shrink:1
}

.htw-shrink-0{
  flex-shrink:0
}

.htw-grow{
  flex-grow:1
}

.htw-rotate-90{
  --tw-rotate:90deg;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.htw-scale-0{
  --tw-scale-x:0;
  --tw-scale-y:0;
  transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.htw-cursor-default{
  cursor:default
}

.htw-cursor-ew-resize{
  cursor:ew-resize
}

.htw-cursor-ns-resize{
  cursor:ns-resize
}

.htw-cursor-nwse-resize{
  cursor:nwse-resize
}

.htw-cursor-pointer{
  cursor:pointer
}

.htw-cursor-text{
  cursor:text
}

.htw-select-none{
  -webkit-user-select:none;
     -moz-user-select:none;
          user-select:none
}

.htw-resize-none{
  resize:none
}

.htw-resize-y{
  resize:vertical
}

.htw-appearance-none{
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none
}

.htw-grid-cols-\[repeat\(auto-fill\,minmax\(200px\,1fr\)\)\]{
  grid-template-columns:repeat(auto-fill,minmax(200px,1fr))
}

.htw-flex-row{
  flex-direction:row
}

.htw-flex-col{
  flex-direction:column
}

.htw-flex-wrap{
  flex-wrap:wrap
}

.htw-flex-nowrap{
  flex-wrap:nowrap
}

.htw-place-content-between{
  place-content:space-between
}

.htw-items-start{
  align-items:flex-start
}

.htw-items-end{
  align-items:flex-end
}

.htw-items-center{
  align-items:center
}

.htw-items-baseline{
  align-items:baseline
}

.htw-items-stretch{
  align-items:stretch
}

.htw-justify-end{
  justify-content:flex-end
}

.htw-justify-center{
  justify-content:center
}

.htw-justify-evenly{
  justify-content:space-evenly
}

.htw-gap-0\.5{
  gap:0.125rem
}

.htw-gap-1{
  gap:0.25rem
}

.htw-gap-12{
  gap:3rem
}

.htw-gap-2{
  gap:0.5rem
}

.htw-gap-4{
  gap:1rem
}

.htw-gap-6{
  gap:1.5rem
}

.htw-gap-px{
  gap:1px
}

.htw-gap-x-2{
  -moz-column-gap:0.5rem;
       column-gap:0.5rem
}

.htw-gap-y-1{
  row-gap:0.25rem
}

.htw-space-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse:0;
  margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom:calc(1rem * var(--tw-space-y-reverse))
}

.htw-divide-y > :not([hidden]) ~ :not([hidden]){
  --tw-divide-y-reverse:0;
  border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width:calc(1px * var(--tw-divide-y-reverse))
}

.htw-divide-gray-100 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-100) / var(--tw-divide-opacity, 1))
}

.htw-divide-gray-200 > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-200) / var(--tw-divide-opacity, 1))
}

.htw-overflow-auto{
  overflow:auto
}

.htw-overflow-hidden{
  overflow:hidden
}

.htw-overflow-y-auto{
  overflow-y:auto
}

.htw-overflow-y-scroll{
  overflow-y:scroll
}

.htw-scroll-smooth{
  scroll-behavior:smooth
}

.htw-truncate{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap
}

.htw-text-ellipsis{
  text-overflow:ellipsis
}

.htw-whitespace-nowrap{
  white-space:nowrap
}

.\!htw-rounded-\[3px\]{
  border-radius:3px !important
}

.htw-rounded{
  border-radius:0.375rem
}

.htw-rounded-full{
  border-radius:9999px
}

.htw-rounded-lg{
  border-radius:0.75rem
}

.htw-rounded-sm{
  border-radius:0.25rem
}

.htw-rounded-b-lg{
  border-bottom-right-radius:0.75rem;
  border-bottom-left-radius:0.75rem
}

.htw-rounded-l{
  border-top-left-radius:0.375rem;
  border-bottom-left-radius:0.375rem
}

.htw-rounded-r{
  border-top-right-radius:0.375rem;
  border-bottom-right-radius:0.375rem
}

.htw-rounded-r-lg{
  border-top-right-radius:0.75rem;
  border-bottom-right-radius:0.75rem
}

.htw-border{
  border-width:1px
}

.htw-border-0{
  border-width:0px
}

.htw-border-2{
  border-width:2px
}

.htw-border-8{
  border-width:8px
}

.htw-border-b{
  border-bottom-width:1px
}

.htw-border-l-2{
  border-left-width:2px
}

.htw-border-r{
  border-right-width:1px
}

.htw-border-t{
  border-top-width:1px
}

.htw-border-solid{
  border-style:solid
}

.htw-border-none{
  border-style:none
}

.htw-border-black\/20{
  border-color:rgb(0 0 0 / 0.2)
}

.htw-border-black\/25{
  border-color:rgb(0 0 0 / 0.25)
}

.htw-border-black\/50{
  border-color:rgb(0 0 0 / 0.5)
}

.htw-border-current{
  border-color:currentColor
}

.htw-border-gray-100{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-100) / var(--tw-border-opacity, 1))
}

.htw-border-gray-200{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-200) / var(--tw-border-opacity, 1))
}

.htw-border-gray-300\/30{
  border-color:rgb(var(--_histoire-color-gray-300) / 0.3)
}

.htw-border-gray-500\/10{
  border-color:rgb(var(--_histoire-color-gray-500) / 0.1)
}

.htw-border-gray-500\/30{
  border-color:rgb(var(--_histoire-color-gray-500) / 0.3)
}

.htw-border-gray-500\/40{
  border-color:rgb(var(--_histoire-color-gray-500) / 0.4)
}

.htw-border-gray-500\/5{
  border-color:rgb(var(--_histoire-color-gray-500) / 0.05)
}

.htw-border-gray-500\/50{
  border-color:rgb(var(--_histoire-color-gray-500) / 0.5)
}

.htw-border-gray-600{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-600) / var(--tw-border-opacity, 1))
}

.htw-border-gray-800{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-800) / var(--tw-border-opacity, 1))
}

.htw-border-gray-850{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-850) / var(--tw-border-opacity, 1))
}

.htw-border-primary-200{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-primary-200) / var(--tw-border-opacity, 1))
}

.htw-border-primary-500{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-primary-500) / var(--tw-border-opacity, 1))
}

.htw-border-primary-900{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-primary-900) / var(--tw-border-opacity, 1))
}

.htw-border-transparent{
  border-color:transparent
}

.\!htw-bg-primary-500{
  --tw-bg-opacity:1 !important;
  background-color:rgb(var(--_histoire-color-primary-500) / var(--tw-bg-opacity, 1)) !important
}

.htw-bg-gray-100{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-gray-100) / var(--tw-bg-opacity, 1))
}

.htw-bg-gray-200{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-gray-200) / var(--tw-bg-opacity, 1))
}

.htw-bg-gray-400\/25{
  background-color:rgb(var(--_histoire-color-gray-400) / 0.25)
}

.htw-bg-gray-50{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-gray-50) / var(--tw-bg-opacity, 1))
}

.htw-bg-gray-500\/10{
  background-color:rgb(var(--_histoire-color-gray-500) / 0.1)
}

.htw-bg-gray-500\/50{
  background-color:rgb(var(--_histoire-color-gray-500) / 0.5)
}

.htw-bg-gray-700{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-gray-700) / var(--tw-bg-opacity, 1))
}

.htw-bg-gray-800{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-gray-800) / var(--tw-bg-opacity, 1))
}

.htw-bg-primary-200{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-200) / var(--tw-bg-opacity, 1))
}

.htw-bg-primary-50{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-50) / var(--tw-bg-opacity, 1))
}

.htw-bg-primary-500{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-500) / var(--tw-bg-opacity, 1))
}

.htw-bg-primary-500\/10{
  background-color:rgb(var(--_histoire-color-primary-500) / 0.1)
}

.htw-bg-primary-500\/20{
  background-color:rgb(var(--_histoire-color-primary-500) / 0.2)
}

.htw-bg-primary-500\/25{
  background-color:rgb(var(--_histoire-color-primary-500) / 0.25)
}

.htw-bg-primary-700{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-700) / var(--tw-bg-opacity, 1))
}

.htw-bg-primary-800{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-800) / var(--tw-bg-opacity, 1))
}

.htw-bg-transparent{
  background-color:transparent
}

.htw-bg-white{
  --tw-bg-opacity:1;
  background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.htw-bg-white\/80{
  background-color:rgb(255 255 255 / 0.8)
}

.htw-fill-primary-500{
  fill:rgb(var(--_histoire-color-primary-500))
}

.htw-fill-transparent{
  fill:transparent
}

.htw-stroke-white{
  stroke:#fff
}

.htw-stroke-2{
  stroke-width:2
}

.htw-p-1{
  padding:0.25rem
}

.htw-p-2{
  padding:0.5rem
}

.htw-p-4{
  padding:1rem
}

.htw-p-8{
  padding:2rem
}

.htw-p-px{
  padding:1px
}

.htw-px-0\.5{
  padding-left:0.125rem;
  padding-right:0.125rem
}

.htw-px-1{
  padding-left:0.25rem;
  padding-right:0.25rem
}

.htw-px-2{
  padding-left:0.5rem;
  padding-right:0.5rem
}

.htw-px-4{
  padding-left:1rem;
  padding-right:1rem
}

.htw-px-6{
  padding-left:1.5rem;
  padding-right:1.5rem
}

.htw-py-0\.5{
  padding-top:0.125rem;
  padding-bottom:0.125rem
}

.htw-py-1{
  padding-top:0.25rem;
  padding-bottom:0.25rem
}

.htw-py-12{
  padding-top:3rem;
  padding-bottom:3rem
}

.htw-py-2{
  padding-top:0.5rem;
  padding-bottom:0.5rem
}

.htw-py-3{
  padding-top:0.75rem;
  padding-bottom:0.75rem
}

.htw-py-4{
  padding-top:1rem;
  padding-bottom:1rem
}

.htw-pl-0{
  padding-left:0px
}

.htw-pl-0\.5{
  padding-left:0.125rem
}

.htw-pl-2{
  padding-left:0.5rem
}

.htw-pl-4{
  padding-left:1rem
}

.htw-pl-6{
  padding-left:1.5rem
}

.htw-pr-2{
  padding-right:0.5rem
}

.htw-pr-6{
  padding-right:1.5rem
}

.htw-pt-4{
  padding-top:1rem
}

.htw-text-left{
  text-align:left
}

.htw-text-center{
  text-align:center
}

.htw-font-mono{
  font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace
}

.htw-text-2xl{
  font-size:1.5rem;
  line-height:2rem
}

.htw-text-5xl{
  font-size:3rem;
  line-height:1
}

.htw-text-lg{
  font-size:1.125rem;
  line-height:1.75rem
}

.htw-text-sm{
  font-size:0.875rem;
  line-height:1.25rem
}

.htw-text-xs{
  font-size:0.75rem;
  line-height:1rem
}

.htw-font-bold{
  font-weight:700
}

.htw-uppercase{
  text-transform:uppercase
}

.htw-leading-none{
  line-height:1
}

.htw-leading-normal{
  line-height:1.5
}

.htw-text-black\/\[1\%\]{
  color:rgb(0 0 0 / 1%)
}

.htw-text-gray-400{
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-gray-400) / var(--tw-text-opacity, 1))
}

.htw-text-gray-500{
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-gray-500) / var(--tw-text-opacity, 1))
}

.htw-text-gray-500\/20{
  color:rgb(var(--_histoire-color-gray-500) / 0.2)
}

.htw-text-gray-700{
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-gray-700) / var(--tw-text-opacity, 1))
}

.htw-text-gray-900{
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-gray-900) / var(--tw-text-opacity, 1))
}

.htw-text-inherit{
  color:inherit
}

.htw-text-orange-500{
  --tw-text-opacity:1;
  color:rgb(249 115 22 / var(--tw-text-opacity, 1))
}

.htw-text-primary-200{
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-primary-200) / var(--tw-text-opacity, 1))
}

.htw-text-primary-400{
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-primary-400) / var(--tw-text-opacity, 1))
}

.htw-text-primary-500{
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-primary-500) / var(--tw-text-opacity, 1))
}

.htw-text-primary-600{
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-primary-600) / var(--tw-text-opacity, 1))
}

.htw-text-primary-800{
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-primary-800) / var(--tw-text-opacity, 1))
}

.htw-text-red-500{
  --tw-text-opacity:1;
  color:rgb(239 68 68 / var(--tw-text-opacity, 1))
}

.htw-text-white{
  --tw-text-opacity:1;
  color:rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.htw-opacity-0{
  opacity:0
}

.htw-opacity-20{
  opacity:0.2
}

.htw-opacity-25{
  opacity:0.25
}

.htw-opacity-30{
  opacity:0.3
}

.htw-opacity-40{
  opacity:0.4
}

.htw-opacity-50{
  opacity:0.5
}

.htw-opacity-60{
  opacity:0.6
}

.htw-opacity-70{
  opacity:0.7
}

.htw-shadow-xl{
  --tw-shadow:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.htw-outline-none{
  outline:2px solid transparent;
  outline-offset:2px
}

.htw-transition-all{
  transition-property:all;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

.htw-transition-border{
  transition-property:border;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

.htw-transition-colors{
  transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

.htw-transition-none{
  transition-property:none
}

.htw-transition-transform{
  transition-property:transform;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms
}

.htw-delay-150{
  transition-delay:150ms
}

.htw-duration-150{
  transition-duration:150ms
}

.htw-duration-200{
  transition-duration:200ms
}

.htw-duration-300{
  transition-duration:300ms
}

.htw-ease-\[cubic-bezier\(0\,1\,\.6\,1\)\]{
  transition-timing-function:cubic-bezier(0,1,.6,1)
}

.htw-ease-in-out{
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)
}

.htw-ease-out{
  transition-timing-function:cubic-bezier(0, 0, 0.2, 1)
}

.htw-will-change-transform{
  will-change:transform
}

.dark\:htw-prose-invert:is(.htw-dark *){
  --tw-prose-body:var(--tw-prose-invert-body);
  --tw-prose-headings:var(--tw-prose-invert-headings);
  --tw-prose-lead:var(--tw-prose-invert-lead);
  --tw-prose-links:var(--tw-prose-invert-links);
  --tw-prose-bold:var(--tw-prose-invert-bold);
  --tw-prose-counters:var(--tw-prose-invert-counters);
  --tw-prose-bullets:var(--tw-prose-invert-bullets);
  --tw-prose-hr:var(--tw-prose-invert-hr);
  --tw-prose-quotes:var(--tw-prose-invert-quotes);
  --tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);
  --tw-prose-captions:var(--tw-prose-invert-captions);
  --tw-prose-kbd:var(--tw-prose-invert-kbd);
  --tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows);
  --tw-prose-code:var(--tw-prose-invert-code);
  --tw-prose-pre-code:var(--tw-prose-invert-pre-code);
  --tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);
  --tw-prose-th-borders:var(--tw-prose-invert-th-borders);
  --tw-prose-td-borders:var(--tw-prose-invert-td-borders)
}

.first\:htw-mt-0:first-child{
  margin-top:0px
}

.last\:htw-mb-0:last-child{
  margin-bottom:0px
}

.focus-within\:htw-border-primary-500:focus-within{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-primary-500) / var(--tw-border-opacity, 1))
}

.focus-within\:htw-bg-gray-500\/5:focus-within{
  background-color:rgb(var(--_histoire-color-gray-500) / 0.05)
}

.hover\:htw-border-primary-500:hover{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-primary-500) / var(--tw-border-opacity, 1))
}

.hover\:htw-bg-gray-200:hover{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-gray-200) / var(--tw-bg-opacity, 1))
}

.hover\:htw-bg-gray-500\/10:hover{
  background-color:rgb(var(--_histoire-color-gray-500) / 0.1)
}

.hover\:htw-bg-gray-500\/20:hover{
  background-color:rgb(var(--_histoire-color-gray-500) / 0.2)
}

.hover\:htw-bg-gray-500\/30:hover{
  background-color:rgb(var(--_histoire-color-gray-500) / 0.3)
}

.hover\:htw-bg-primary-100:hover{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-100) / var(--tw-bg-opacity, 1))
}

.hover\:htw-bg-primary-200:hover{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-200) / var(--tw-bg-opacity, 1))
}

.hover\:htw-bg-primary-300:hover{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-300) / var(--tw-bg-opacity, 1))
}

.hover\:htw-bg-primary-50:hover{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-50) / var(--tw-bg-opacity, 1))
}

.hover\:htw-bg-primary-500\/10:hover{
  background-color:rgb(var(--_histoire-color-primary-500) / 0.1)
}

.hover\:htw-bg-primary-500\/30:hover{
  background-color:rgb(var(--_histoire-color-primary-500) / 0.3)
}

.hover\:htw-bg-primary-500\/50:hover{
  background-color:rgb(var(--_histoire-color-primary-500) / 0.5)
}

.hover\:htw-bg-primary-600:hover{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-600) / var(--tw-bg-opacity, 1))
}

.hover\:htw-text-primary-500:hover{
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-primary-500) / var(--tw-text-opacity, 1))
}

.hover\:htw-opacity-100:hover{
  opacity:1
}

.focus\:htw-border-primary-500:focus{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-primary-500) / var(--tw-border-opacity, 1))
}

.focus\:htw-border-primary-500\/50:focus{
  border-color:rgb(var(--_histoire-color-primary-500) / 0.5)
}

.focus\:htw-opacity-100:focus{
  opacity:1
}

.focus-visible\:htw-border-primary-500:focus-visible{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-primary-500) / var(--tw-border-opacity, 1))
}

.active\:htw-bg-gray-600\/50:active{
  background-color:rgb(var(--_histoire-color-gray-600) / 0.5)
}

.htw-group:first-child .group-first\:htw-hidden{
  display:none
}

.htw-group:nth-child(odd) .group-odd\:htw-bg-gray-100\/50{
  background-color:rgb(var(--_histoire-color-gray-100) / 0.5)
}

.htw-group:focus-within .group-focus-within\:htw-visible{
  visibility:visible
}

.htw-group:hover .group-hover\:htw-flex{
  display:flex
}

.htw-group:hover .group-hover\:htw-border-primary-500{
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-primary-500) / var(--tw-border-opacity, 1))
}

.htw-group:hover .group-hover\:htw-bg-primary-100{
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-100) / var(--tw-bg-opacity, 1))
}

.htw-group:hover .group-hover\:htw-opacity-100{
  opacity:1
}

.htw-group:hover .group-hover\:htw-opacity-90{
  opacity:0.9
}

.htw-group:active .group-active\:htw-bg-gray-500\/20{
  background-color:rgb(var(--_histoire-color-gray-500) / 0.2)
}

.dark\:htw-divide-gray-750:is(.htw-dark *) > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-750) / var(--tw-divide-opacity, 1))
}

.dark\:htw-divide-gray-800:is(.htw-dark *) > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-800) / var(--tw-divide-opacity, 1))
}

.dark\:htw-divide-gray-850:is(.htw-dark *) > :not([hidden]) ~ :not([hidden]){
  --tw-divide-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-850) / var(--tw-divide-opacity, 1))
}

.dark\:htw-border-gray-700\/30:is(.htw-dark *){
  border-color:rgb(var(--_histoire-color-gray-700) / 0.3)
}

.dark\:htw-border-gray-750:is(.htw-dark *){
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-750) / var(--tw-border-opacity, 1))
}

.dark\:htw-border-gray-800:is(.htw-dark *){
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-800) / var(--tw-border-opacity, 1))
}

.dark\:htw-border-gray-850:is(.htw-dark *){
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-gray-850) / var(--tw-border-opacity, 1))
}

.dark\:htw-border-primary-900:is(.htw-dark *){
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-primary-900) / var(--tw-border-opacity, 1))
}

.dark\:htw-border-white\/20:is(.htw-dark *){
  border-color:rgb(255 255 255 / 0.2)
}

.dark\:htw-border-white\/25:is(.htw-dark *){
  border-color:rgb(255 255 255 / 0.25)
}

.dark\:htw-border-white\/50:is(.htw-dark *){
  border-color:rgb(255 255 255 / 0.5)
}

.dark\:htw-bg-black:is(.htw-dark *){
  --tw-bg-opacity:1;
  background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))
}

.dark\:htw-bg-gray-600:is(.htw-dark *){
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-gray-600) / var(--tw-bg-opacity, 1))
}

.dark\:htw-bg-gray-700:is(.htw-dark *){
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-gray-700) / var(--tw-bg-opacity, 1))
}

.dark\:htw-bg-gray-750:is(.htw-dark *){
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-gray-750) / var(--tw-bg-opacity, 1))
}

.dark\:htw-bg-gray-900:is(.htw-dark *){
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-gray-900) / var(--tw-bg-opacity, 1))
}

.dark\:htw-bg-gray-900\/80:is(.htw-dark *){
  background-color:rgb(var(--_histoire-color-gray-900) / 0.8)
}

.dark\:htw-bg-primary-400:is(.htw-dark *){
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-400) / var(--tw-bg-opacity, 1))
}

.dark\:htw-bg-primary-600:is(.htw-dark *){
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-600) / var(--tw-bg-opacity, 1))
}

.dark\:htw-bg-primary-700:is(.htw-dark *){
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-700) / var(--tw-bg-opacity, 1))
}

.dark\:htw-bg-primary-800:is(.htw-dark *){
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-800) / var(--tw-bg-opacity, 1))
}

.dark\:htw-text-black:is(.htw-dark *){
  --tw-text-opacity:1;
  color:rgb(0 0 0 / var(--tw-text-opacity, 1))
}

.dark\:htw-text-gray-100:is(.htw-dark *){
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-gray-100) / var(--tw-text-opacity, 1))
}

.dark\:htw-text-gray-300:is(.htw-dark *){
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-gray-300) / var(--tw-text-opacity, 1))
}

.dark\:htw-text-primary-200:is(.htw-dark *){
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-primary-200) / var(--tw-text-opacity, 1))
}

.dark\:htw-text-primary-400:is(.htw-dark *){
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-primary-400) / var(--tw-text-opacity, 1))
}

.dark\:htw-text-white\/\[1\%\]:is(.htw-dark *){
  color:rgb(255 255 255 / 1%)
}

.dark\:focus-within\:htw-border-primary-500:focus-within:is(.htw-dark *){
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-primary-500) / var(--tw-border-opacity, 1))
}

.dark\:hover\:htw-border-primary-500:hover:is(.htw-dark *){
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-primary-500) / var(--tw-border-opacity, 1))
}

.dark\:hover\:htw-bg-gray-800:hover:is(.htw-dark *){
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-gray-800) / var(--tw-bg-opacity, 1))
}

.dark\:hover\:htw-bg-primary-700:hover:is(.htw-dark *){
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-700) / var(--tw-bg-opacity, 1))
}

.dark\:hover\:htw-bg-primary-800:hover:is(.htw-dark *){
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-800) / var(--tw-bg-opacity, 1))
}

.dark\:hover\:htw-bg-primary-900:hover:is(.htw-dark *){
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-900) / var(--tw-bg-opacity, 1))
}

.dark\:hover\:htw-text-primary-400:hover:is(.htw-dark *){
  --tw-text-opacity:1;
  color:rgb(var(--_histoire-color-primary-400) / var(--tw-text-opacity, 1))
}

.dark\:focus\:htw-border-primary-500:focus:is(.htw-dark *){
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-primary-500) / var(--tw-border-opacity, 1))
}

.htw-group:nth-child(odd) .dark\:group-odd\:htw-bg-gray-750\/40:is(.htw-dark *){
  background-color:rgb(var(--_histoire-color-gray-750) / 0.4)
}

.htw-group:hover .group-hover\:dark\:htw-border-primary-500:is(.htw-dark *){
  --tw-border-opacity:1;
  border-color:rgb(var(--_histoire-color-primary-500) / var(--tw-border-opacity, 1))
}

.htw-group:hover .dark\:group-hover\:htw-bg-primary-700:is(.htw-dark *){
  --tw-bg-opacity:1;
  background-color:rgb(var(--_histoire-color-primary-700) / var(--tw-bg-opacity, 1))
}

@media (min-width: 640px){
  .sm\:htw-h-4{
    height:1rem
  }

  .sm\:htw-w-4{
    width:1rem
  }

  .sm\:htw-p-1{
    padding:0.25rem
  }

  .sm\:htw-py-4{
    padding-top:1rem;
    padding-bottom:1rem
  }
}

@media (min-width: 768px){
  .md\:htw-mx-auto{
    margin-left:auto;
    margin-right:auto
  }

  .md\:htw-mt-16{
    margin-top:4rem
  }

  .md\:htw-block{
    display:block
  }

  .md\:htw-max-w-\[600px\]{
    max-width:600px
  }

  .md\:htw-flex-col{
    flex-direction:column
  }

  .md\:htw-p-12{
    padding:3rem
  }

  .md\:htw-py-1\.5{
    padding-top:0.375rem;
    padding-bottom:0.375rem
  }
}

@media (min-width: 1024px){
  .lg\:htw-max-w-\[800px\]{
    max-width:800px
  }
}

@media (min-width: 1280px){
  .xl\:htw-max-w-\[900px\]{
    max-width:900px
  }
}

@media (max-width: 767px){
  .\!md\:htw-flex-col{
    flex-direction:column
  }
}

.histoire-story-list-folder-button:hover .\[\.histoire-story-list-folder-button\:hover_\&\]\:htw-opacity-100{
  opacity:1
}
}
@scope (:root) to (.__histoire-render-story:not(.__histoire-render-custom-controls)) {
.bind-tree-margin[data-v-64c2458f] {
  margin-left: var(--v2562213a);
}
.bind-icon-color[data-v-64c2458f] {
  color: var(--v1eff521f);
}
}
@scope (:root) to (.__histoire-render-story:not(.__histoire-render-custom-controls)) {
.bind-tree-padding[data-v-ee932a0c] {
  padding-left: var(--v5352bb71);
}
}
@scope (:root) to (.__histoire-render-story:not(.__histoire-render-custom-controls)) {
.bind-icon-color[data-v-d15ecb89] {
  color: var(--a3f02f4e);
}
}
@scope (:root) to (.__histoire-render-story:not(.__histoire-render-custom-controls)) {
.landscape > div > .dragger[data-v-4f40a1bb] {
  width: .625rem;
}
.portrait > div > .dragger[data-v-4f40a1bb] {
  height: .625rem;
}
.landscape > div > .dragger.dragger-offset-before[data-v-4f40a1bb] {
  right: 0;
}
.portrait > div > .dragger.dragger-offset-before[data-v-4f40a1bb] {
  bottom: 0;
}
.landscape > div > .dragger.dragger-offset-center[data-v-4f40a1bb] {
  right: -.3125rem;
}
.portrait > div > .dragger.dragger-offset-center[data-v-4f40a1bb] {
  bottom: -.3125rem;
}
.landscape > div > .dragger.dragger-offset-after[data-v-4f40a1bb] {
  right: -.625rem;
}
.portrait > div > .dragger.dragger-offset-after[data-v-4f40a1bb] {
  bottom: -.625rem;
}
}
@scope (:root) to (.__histoire-render-story:not(.__histoire-render-custom-controls)) {
.htw-base-empty[data-v-c5ecfead]:not(.no-animation) {
  animation: htw-base-empty-c5ecfead .15s .2s both;
}
@keyframes htw-base-empty-c5ecfead {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
}
@scope (:root) to (.__histoire-render-story:not(.__histoire-render-custom-controls)) {
.__histoire-code-placeholder[data-v-96af7f40] {
  color: inherit;
  font-size: inherit;
}
}
@scope (:root) to (.__histoire-render-story:not(.__histoire-render-custom-controls)) {
.bind-preview-bg[data-v-c48fb2b2] {
  background-color: var(--v627bec82);
  color: var(--v35068428);
}
}
@scope (:root) to (.__histoire-render-story:not(.__histoire-render-custom-controls)) {
.bind-icon-color[data-v-feff9239] {
  color: var(--v60afaf4d);
}
.bind-preview-bg[data-v-feff9239] {
  background-color: var(--v3bd99e7e);
}
}
@scope (:root) to (.__histoire-render-story:not(.__histoire-render-custom-controls)) {
.bind-icon-color[data-v-1b279b85] {
  color: var(--ab2181a2);
}
}
@scope (:root) to (.__histoire-render-story:not(.__histoire-render-custom-controls)) {
.__histoire-hatched-pattern[data-v-91561117] {
  background: repeating-linear-gradient(135deg,
  transparent 0px,
  transparent 32px,
  currentColor 32px,
  currentColor 64px);
}
}
@scope (:root) to (.__histoire-render-story:not(.__histoire-render-custom-controls)) {
.bind-preview-bg[data-v-18122333] {
  background-color: var(--v5f6f4ee9);
}
}
@scope (:root) to (.__histoire-render-story:not(.__histoire-render-custom-controls)) {
.bind-icon-color[data-v-c2a43485] {
  color: var(--v41c4d268);
}
}
@scope (:root) to (.__histoire-render-story:not(.__histoire-render-custom-controls)) {
.bind-icon-color[data-v-096f6d6e] {
  color: var(--v0f021d3c);
}
}
@scope (:root) to (.__histoire-render-story:not(.__histoire-render-custom-controls)) {
img.colorize-black[data-v-2114f510] {
  filter: grayscale(100) brightness(0);
}
}
@scope (:root) to (.__histoire-render-story:not(.__histoire-render-custom-controls)) {
.bind-icon-color[data-v-9f94ad2b] {
  color: var(--v1f9aa6ca);
}
}
.htw-bind-col-size{grid-template-columns:repeat(auto-fill,minmax(var(--histoire-col-size),1fr))}.__histoire-json-code[data-v-d4369e5a] .cm-editor{height:100%;min-width:280px}.v-popper{line-height:0}.htw-dark .v-popper--theme-dropdown .v-popper__inner{--tw-border-opacity: 1;border-color:rgb(31 31 33 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(244 244 245 / var(--tw-text-opacity, 1))}.htw-dark .v-popper--theme-dropdown .v-popper__arrow-inner{--tw-border-opacity: 1;border-color:rgb(63 63 70 / var(--tw-border-opacity, 1))}.htw-dark .v-popper--theme-dropdown .v-popper__arrow-outer{--tw-border-opacity: 1;border-color:rgb(31 31 33 / var(--tw-border-opacity, 1))}.v-popper--theme-dropdown.v-popper__popper--show-from .v-popper__wrapper{transform:scale(.75)}.v-popper--theme-dropdown.v-popper__popper--show-to .v-popper__wrapper{transform:none;transition:transform .15s cubic-bezier(0,1,.5,1)}.v-popper__popper:focus-visible{outline:none}.htw-range-input::-webkit-slider-thumb{height:.75rem;width:.75rem;-webkit-appearance:none;appearance:none;border-radius:9999px;border-width:1px;border-style:solid;border-color:#00000040;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.htw-range-input:is(.htw-dark *)::-webkit-slider-thumb{border-color:#ffffff40;--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity, 1))}.htw-range-input:hover::-webkit-slider-thumb{--tw-border-opacity: 1 !important;border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))!important;--tw-bg-opacity: 1 !important;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))!important}.htw-range-input::-moz-range-thumb{height:.75rem;width:.75rem;-moz-appearance:none;appearance:none;border-radius:9999px;border-width:1px;border-style:solid;border-color:#00000040;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.htw-range-input:is(.htw-dark *)::-moz-range-thumb{border-color:#ffffff40;--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity, 1))}.htw-range-input:hover::-moz-range-thumb{--tw-border-opacity: 1 !important;border-color:rgb(16 185 129 / var(--tw-border-opacity, 1))!important;--tw-bg-opacity: 1 !important;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))!important}

html,
body {
  background: transparent !important;
}

body {
  margin: 0;
}

html {
  font-size: 1rem;
  font-family: 'Noto Sans Display', system-ui, sans-serif;
}

.htw-sandbox-hidden {
  display: none;
}

.__histoire-render-story:not(.__histoire-render-custom-controls) {
  overflow: auto;
  min-height: 100%;
}

/* The pattern image, the card's width and the notch/home-indicator insets have no Bootstrap utility. */
.auth-screen-pattern[data-v-4c63aaed] {
  background-image: url('/dugout-master-playbook-pattern.png');
  background-repeat: repeat;
}
.auth-screen[data-v-4c63aaed] {
  padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px)
    env(safe-area-inset-left, 0px);
}
.auth-card[data-v-4c63aaed] {
  max-width: 24rem;
}
.avatar-tile--team[data-v-09a3b3cd] {
  background-color: var(--team-subtle-bg, rgba(71, 85, 105, 0.12));
  color: var(--team-primary, #475569);
}
.avatar-tile--user[data-v-09a3b3cd] {
  background-color: color-mix(in srgb, var(--team-primary, #0A78BC) 35%, white);
  color: var(--team-primary, #0A78BC);
}
.coach-badge-ring[data-v-b4e2ae5e] {
  padding: 3px;
  background: linear-gradient(145deg, var(--bs-primary) 0%, var(--bs-primary-dark) 100%);
}
.coach-card-btn[data-v-4d9ea2bb] {
  transition: box-shadow 0.2s ease, background-color 0.2s ease;
}
.coach-card-btn:hover .coach-card-inner[data-v-4d9ea2bb] {
  background-color: rgba(var(--bs-primary-rgb), 0.06);
}
.coach-card-btn[data-v-4d9ea2bb]:focus-visible {
  outline: 2px solid var(--bs-primary);
  outline-offset: 2px;
}
.coach-card-pending .coach-card-inner[data-v-4d9ea2bb] {
  border-left: 3px solid var(--bs-warning);
  background-color: rgba(var(--bs-warning-rgb), 0.06);
}.size-sm[data-v-b2c49b49] {
  width: 24px;
  height: 24px;
  font-size: 14px;
}
.size-md[data-v-b2c49b49] {
  width: 32px;
  height: 32px;
  font-size: 18px;
}
.size-lg[data-v-b2c49b49] {
  width: 56px;
  height: 56px;
  font-size: 26px;
}.date-display-card[data-v-f2e5f97c] {
  background-color: var(--dm-surface);
}
.date-display-card .date-display-card-month[data-v-f2e5f97c] {
  line-height: 1;
}
.date-display-card .date-display-card-day[data-v-f2e5f97c] {
  line-height: 1;
}
.date-display-card .date-display-card-year[data-v-f2e5f97c] {
  line-height: 1;
  font-size: 9px;
  margin-top: 2px;
  color: var(--bs-secondary-color);
  text-align: center;
}
.date-display-card .date-display-card-time[data-v-f2e5f97c] {
  line-height: 1;
  margin-top: 2px;
  max-width: 100%;
  padding: 0 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.date-display-card.sm[data-v-f2e5f97c] {
  width: 50px;
  height: 50px;
}
.date-display-card.sm .date-display-card-month[data-v-f2e5f97c] {
  font-size: 9px;
  margin-bottom: 2px;
}
.date-display-card.sm .date-display-card-day[data-v-f2e5f97c] {
  font-size: 18px;
}
.date-display-card.sm .date-display-card-year[data-v-f2e5f97c] {
  font-size: 8px;
}
.date-display-card.sm .date-display-card-time[data-v-f2e5f97c] {
  font-size: 8px;
  letter-spacing: -0.02em;
}
.date-display-card.sm.date-display-card--with-year[data-v-f2e5f97c] {
  height: 58px;
}
.date-display-card.sm.date-display-card--with-time[data-v-f2e5f97c] {
  height: 58px;
}
.date-display-card.sm.date-display-card--with-year.date-display-card--with-time[data-v-f2e5f97c] {
  height: 66px;
}
.date-display-card.md[data-v-f2e5f97c] {
  width: 60px;
  height: 60px;
}
.date-display-card.md .date-display-card-month[data-v-f2e5f97c] {
  font-size: 10px;
  margin-bottom: 4px;
}
.date-display-card.md .date-display-card-day[data-v-f2e5f97c] {
  font-size: 24px;
}
.date-display-card.md .date-display-card-year[data-v-f2e5f97c] {
  font-size: 9px;
}
.date-display-card.md .date-display-card-time[data-v-f2e5f97c] {
  font-size: 9px;
  letter-spacing: -0.02em;
}
.date-display-card.md.date-display-card--with-year[data-v-f2e5f97c] {
  height: 70px;
}
.date-display-card.md.date-display-card--with-time[data-v-f2e5f97c] {
  height: 70px;
}
.date-display-card.md.date-display-card--with-year.date-display-card--with-time[data-v-f2e5f97c] {
  height: 78px;
}
.date-display-card.lg[data-v-f2e5f97c] {
  width: 70px;
  height: 70px;
}
.date-display-card.lg .date-display-card-month[data-v-f2e5f97c] {
  font-size: 11px;
  margin-bottom: 4px;
}
.date-display-card.lg .date-display-card-day[data-v-f2e5f97c] {
  font-size: 28px;
}
.date-display-card.lg .date-display-card-year[data-v-f2e5f97c] {
  font-size: 10px;
}
.date-display-card.lg .date-display-card-time[data-v-f2e5f97c] {
  font-size: 10px;
  letter-spacing: -0.02em;
}
.date-display-card.lg.date-display-card--with-year[data-v-f2e5f97c] {
  height: 82px;
}
.date-display-card.lg.date-display-card--with-time[data-v-f2e5f97c] {
  height: 82px;
}
.date-display-card.lg.date-display-card--with-year.date-display-card--with-time[data-v-f2e5f97c] {
  height: 90px;
}/* Stats row */
.season-stats-row[data-v-a1f5f993] {
  display: flex;
  align-items: stretch;
  margin-bottom: 0.75rem;
}
.season-stats-row .season-stat-item + .season-stat-item[data-v-a1f5f993] {
  border-left: 1px solid var(--bs-border-color);
}
.season-stat-item[data-v-a1f5f993] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex: 1;
  padding: 0.625rem 1rem;
}
.season-stat-item[data-v-a1f5f993]:first-child {
  padding-left: 0;
}
.season-stats-row--sm .season-stat-item[data-v-a1f5f993] {
  padding: 0.5rem 0.75rem;
}
.season-stats-row--sm .season-stat-item[data-v-a1f5f993]:first-child {
  padding-left: 0;
}

/* Icon box */
.season-stat-icon[data-v-a1f5f993] {
  width: 40px;
  height: 40px;
}
.season-stat-label[data-v-a1f5f993] {
  font-size: 0.6875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--bs-secondary-color);
  line-height: 1.2;
  margin-bottom: 0.125rem;
}
.season-stat-value[data-v-a1f5f993] {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--bs-body-color);
  line-height: 1.3;
}

/* Responsive: wrap stats on narrow cards */
@media (max-width: 575px) {
.season-stats-row[data-v-a1f5f993] {
    flex-wrap: wrap;
    gap: 0.5rem;
}
.season-stats-row .season-stat-item[data-v-a1f5f993] {
    flex: 0 0 calc(50% - 0.25rem);
    border-left: none !important;
    padding: 0.5rem 0;
}
}/* Tablet squeeze: keep the temperature, leave precipitation on the accessible name and tooltip. */
@container game-card (min-width: 641px) and (max-width: 960px) {
.schedule-weather-line[data-v-85877a3a] [data-metric='precipitation'] {
    display: none;
}
}
.game-card.card[data-v-36fd2b2d] {
  container: game-card/inline-size;
}
.game-card-result[data-v-36fd2b2d] {
  box-shadow: 0 0 0 1px var(--bs-border-color-translucent);
  border-radius: 0.5rem;
}
.schedule-row[data-v-36fd2b2d] {
  display: flex;
  align-items: center;
  column-gap: 1.5rem;
  row-gap: 0.375rem;
}

/* One row; a cell the game doesn't have simply isn't rendered, and the gaps close up around it.
   The opponent takes a steady column while there is a location to fill the rest, and the rest
   itself when there isn't. */
.schedule-date[data-v-36fd2b2d],
.schedule-weather[data-v-36fd2b2d] {
  flex: 0 0 auto;
}
.schedule-opponent[data-v-36fd2b2d] {
  flex: 0 0 20rem;
}
.schedule-row:not(:has(.schedule-location)) .schedule-opponent[data-v-36fd2b2d] {
  flex: 1 1 12rem;
}
.schedule-location[data-v-36fd2b2d] {
  flex: 1 1 0;
}
.schedule-actions[data-v-36fd2b2d] {
  flex: 0 0 auto;
  margin-inline-start: auto;
}
.schedule-date-inline[data-v-36fd2b2d] {
  display: none;
  font-weight: 600;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}
.schedule-date[data-v-36fd2b2d] .date-display-stacked-date {
  font-size: 0.875rem;
  letter-spacing: 0.02em;
}
.schedule-date[data-v-36fd2b2d] .date-display-stacked-time {
  font-size: 0.875rem;
  font-weight: 400;
}
.schedule-meta[data-v-36fd2b2d] .badge {
  font-size: 0.6875rem;
  line-height: 1.2;
  padding: 0.2em 0.5em;
}
.schedule-location[data-v-36fd2b2d] {
  max-width: 100%;
}
a.schedule-location[data-v-36fd2b2d]:hover {
  color: var(--bs-body-color);
}
a.schedule-location[data-v-36fd2b2d]:focus-visible {
  outline: 2px solid var(--bs-primary);
  outline-offset: 2px;
  border-radius: 0.25rem;
}
.schedule-location-compact[data-v-36fd2b2d] {
  display: none;
}
.schedule-actions .btn[data-v-36fd2b2d] {
  min-width: 2.25rem;
  min-height: 2.25rem;
}
@container game-card (max-width: 960px) {
.schedule-row[data-v-36fd2b2d] {
    column-gap: 1rem;
}
.schedule-location-full[data-v-36fd2b2d] {
    display: none;
}
.schedule-location-compact[data-v-36fd2b2d] {
    display: block;
}
  /* City/state is short, so the location stops competing with the opponent. */
.schedule-opponent[data-v-36fd2b2d],
  .schedule-row:not(:has(.schedule-location)) .schedule-opponent[data-v-36fd2b2d] {
    flex: 1 1 10rem;
}
.schedule-location[data-v-36fd2b2d] {
    flex: 0 1 auto;
}
}
@container game-card (max-width: 640px) {
.schedule-date-stacked[data-v-36fd2b2d] {
    display: none;
}
.schedule-date-inline[data-v-36fd2b2d] {
    display: block;
}
  /* Three lines: date with the menu, the opponent on its own, then location and weather. */
.schedule-row[data-v-36fd2b2d] {
    flex-wrap: wrap;
    column-gap: 0.75rem;
    row-gap: 0.5rem;
}
.schedule-date[data-v-36fd2b2d] {
    order: 1;
    flex: 1 1 0;
    min-width: 0;
}
.schedule-actions[data-v-36fd2b2d] {
    order: 2;
}
.schedule-opponent[data-v-36fd2b2d],
  .schedule-row:not(:has(.schedule-location)) .schedule-opponent[data-v-36fd2b2d] {
    order: 3;
    flex: 1 1 100%;
}
.schedule-location[data-v-36fd2b2d] {
    order: 4;
    flex: 1 1 0;
    max-width: none;
}
.schedule-weather[data-v-36fd2b2d] {
    order: 5;
    margin-inline-start: auto;
}
}
/* Opaque, not a tinted-subtle chip like its neighbours — a translucent gold reads muddy once a
   dark surface shows through it. Same solid gold + dark text PlayerBadge's MVP mark uses. */
.game-card-mvp-chip[data-v-36fd2b2d] {
  background-color: var(--dm-award-gold);
  color: var(--dm-award-gold-ink);
}.team-card[data-v-53409f81]:focus-within {
  outline: 2px solid var(--bs-focus-ring-color);
  outline-offset: 2px;
}
.team-card .stretched-link[data-v-53409f81]:focus-visible {
  outline: none;
}
.team-card-opponent[data-v-53409f81]:hover {
  background-color: var(--bs-tertiary-bg);
}
.team-card-content[data-v-53409f81] {
  padding-right: 4.5rem;
}
.team-card-curve[data-v-53409f81] {
  display: block;
  width: 100%;
  height: 16px;
  margin-top: -1px;
}
.team-card-owner[data-v-53409f81],
.team-card-next-game[data-v-53409f81],
.team-card-season[data-v-53409f81] {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
.cover-header[data-v-64f40848] {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  aspect-ratio: 16 / 9;
  max-height: 50vh;
}
.cover-header-compact[data-v-64f40848] {
  aspect-ratio: 32 / 9;
  max-height: 25vh;
}
.horizontal-scroll-affordance[data-v-7d3e3dce] {
  --scroll-fade-size: 1.25rem;
  min-width: 0;
  max-width: 100%;
  overflow-x: auto;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  scroll-padding-inline: var(--scroll-fade-size);
  mask-image: linear-gradient(to right, transparent, #000 var(--fade-start, 0px), #000 calc(100% - var(--fade-end, 0px)), transparent 100%);
  -webkit-mask-image: linear-gradient(to right, transparent, #000 var(--fade-start, 0px), #000 calc(100% - var(--fade-end, 0px)), transparent 100%);
}
.horizontal-scroll-affordance.fade-start[data-v-7d3e3dce] {
  --fade-start: 1.25rem;
}
.horizontal-scroll-affordance.fade-end[data-v-7d3e3dce] {
  --fade-end: 1.25rem;
}
.horizontal-scroll-affordance.fade-start[data-v-7d3e3dce] {
  --fade-start: var(--scroll-fade-size);
}
.horizontal-scroll-affordance.fade-end[data-v-7d3e3dce] {
  --fade-end: var(--scroll-fade-size);
}
.horizontal-scroll-affordance--md[data-v-7d3e3dce] {
  --scroll-fade-size: 1.75rem;
}
.horizontal-scroll-affordance--lg[data-v-7d3e3dce] {
  --scroll-fade-size: 2.5rem;
}
.horizontal-scroll-affordance[data-v-7d3e3dce]::-webkit-scrollbar {
  display: none;
}
@media print {
.horizontal-scroll-affordance[data-v-7d3e3dce] {
    overflow: visible;
    mask-image: none;
    -webkit-mask-image: none;
}
}.not-found-canvas[data-v-6da220c8] {
  min-height: calc(100vh - var(--header-height, 78px));
}
.not-found-pattern[data-v-6da220c8] {
  position: absolute;
  inset: 0;
  background-image: url("/dugout-master-playbook-pattern.png");
  background-repeat: repeat;
  opacity: 0.05;
  pointer-events: none;
  -webkit-mask-image: radial-gradient(ellipse at center, #000 30%, transparent 78%);
  mask-image: radial-gradient(ellipse at center, #000 30%, transparent 78%);
}
.not-found-code[data-v-6da220c8] {
  font-size: clamp(6rem, 16vw, 11rem);
  letter-spacing: -0.03em;
}
.not-found-title[data-v-6da220c8] {
  font-size: clamp(1.75rem, 4vw, 2.75rem);
}
.settings-page[data-v-f779700e] {
  min-height: calc(100vh - 88px);
}
/* Home-indicator clearance on iOS, where the bar sits right at the bottom edge. */
@supports (padding: max(0px)) {
.page-action-footer[data-v-93d9f337] {
    padding-bottom: max(1rem, env(safe-area-inset-bottom));
}
}
/* A lone action on a phone deserves the full width rather than a right-hand nub. */
@media (max-width: 575.98px) {
.page-action-footer-actions[data-v-93d9f337] {
    width: 100%;
}
.page-action-footer-actions[data-v-93d9f337] > :only-child {
    width: 100%;
}
}
.context-calendar-row[data-v-72d721ce] {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2px;
}
.context-calendar-day[data-v-72d721ce] {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1px;
  width: 100%;
  /* Comfortably past the 44px touch target minimum — the grid is used thumb-first on a phone. */
  min-height: 48px;
  padding: 0.25rem 0.125rem;
  border: 2px solid transparent;
  border-radius: 0.5rem;
  background: transparent;
  color: var(--bs-body-color);
  line-height: 1.1;
}
.context-calendar-day[data-v-72d721ce]:hover:not(:disabled) {
  background-color: var(--bs-secondary-bg);
}
.context-calendar-day[data-v-72d721ce]:focus-visible {
  outline: 3px solid var(--bs-primary);
  outline-offset: 1px;
  z-index: 1;
}
.context-calendar-day[data-v-72d721ce]:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}
.context-calendar-number[data-v-72d721ce] {
  font-size: 0.9375rem;
  font-weight: 500;
}
.context-calendar-day-outside .context-calendar-number[data-v-72d721ce] {
  opacity: 0.4;
}

/*
 * Out-of-season is a hint, not a prohibition — these dates stay selectable. The cue is therefore
 * kept fainter than the disabled state above; at full strength the hatching read as "unavailable"
 * and made two thirds of a pre-season month look broken.
 */
.context-calendar-day-out-of-season .context-calendar-number[data-v-72d721ce] {
  opacity: 0.55;
}
.context-calendar-day-out-of-season[data-v-72d721ce]::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0.35;
  background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, var(--bs-secondary-bg) 5px, var(--bs-secondary-bg) 6px);
}
.context-calendar-day-today[data-v-72d721ce] {
  /* Secondary text, not the hairline border: the border token is too close to the surface in dark. */
  border-color: var(--bs-secondary-color);
  font-weight: 700;
}
.context-calendar-day-selected[data-v-72d721ce] {
  background-color: var(--team-primary, var(--bs-primary));
  border-color: var(--team-primary, var(--bs-primary));
  color: #fff;
}
.context-calendar-day-selected[data-v-72d721ce]:hover:not(:disabled) {
  background-color: var(--team-primary, var(--bs-primary));
}

/* Marks sit on a coloured ground once selected, so they invert to stay legible. */
.context-calendar-day-selected .context-calendar-mark[data-v-72d721ce],
.context-calendar-day-selected .context-calendar-overflow[data-v-72d721ce] {
  color: #fff !important;
}
.context-calendar-day-range-start[data-v-72d721ce] {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.context-calendar-day-range-end[data-v-72d721ce] {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* An underline, not a hue: the conflict cue survives greyscale and colour blindness. */
.context-calendar-day-conflict[data-v-72d721ce]::after {
  content: "";
  position: absolute;
  inset-inline: 20%;
  bottom: 2px;
  height: 2px;
  border-radius: 2px;
  background-color: var(--bs-danger);
}
.context-calendar-marks[data-v-72d721ce] {
  display: flex;
  align-items: center;
  gap: 1px;
  font-size: 0.5rem;
  line-height: 1;
}
.context-calendar-overflow[data-v-72d721ce] {
  font-size: 0.5625rem;
  color: var(--bs-secondary-color);
}
@media (max-width: 575.98px) {
.context-calendar-day[data-v-72d721ce] {
    min-height: 52px;
}
}
.time-display[data-v-83c18d58] {
  font-variant-numeric: tabular-nums;
  vertical-align: middle;
}
.time-display-sm[data-v-83c18d58] {
  font-size: 0.75rem;
}
.time-display-md[data-v-83c18d58] {
  font-size: 0.875rem;
}
.time-display-lg[data-v-83c18d58] {
  font-size: 1.25rem;
  font-weight: 600 !important;
}
.time-display.rounded-pill.time-display-sm[data-v-83c18d58] {
  padding: 0.25rem 0.5rem;
}
.time-display.rounded-pill.time-display-md[data-v-83c18d58] {
  padding: 0.3125rem 0.625rem;
}
.time-display.rounded-pill.time-display-lg[data-v-83c18d58] {
  padding: 0.4375rem 0.875rem;
  gap: 0.375rem !important;
}
.game-chip[data-v-a66d78e4] {
  border: 1px solid transparent;
  border-left: 3px solid var(--team-primary, #475569);
  transition: background-color 0.12s ease-out, border-color 0.12s ease-out;
}
.game-chip--sm[data-v-a66d78e4] {
  gap: 0.375rem;
  padding-block: 0.125rem;
  padding-inline: 0.375rem;
  font-size: 0.75rem;
}
.game-chip--md[data-v-a66d78e4] {
  gap: 0.5rem;
  padding-block: 0.25rem;
  padding-inline: 0.5rem;
  font-size: 0.8125rem;
}
.game-chip--lg[data-v-a66d78e4] {
  gap: 0.625rem;
  padding-block: 0.375rem;
  padding-inline: 0.625rem;
  font-size: 0.875rem;
}
.game-chip--clickable[data-v-a66d78e4] {
  cursor: pointer;
}
.game-chip--clickable[data-v-a66d78e4]:hover {
  background-color: var(--team-subtle-bg, rgba(71, 85, 105, 0.06));
}
.game-chip--clickable[data-v-a66d78e4]:focus-visible {
  outline: 2px solid var(--team-primary, #475569);
  outline-offset: 2px;
}
.game-chip--selected[data-v-a66d78e4] {
  background-color: var(--team-subtle-bg, rgba(71, 85, 105, 0.1));
  border-color: var(--team-border, transparent);
  border-left-color: var(--team-primary, #475569);
}
.game-chip--clickable.game-chip--selected[data-v-a66d78e4]:hover {
  background-color: var(--team-hover, rgba(71, 85, 105, 0.14));
}
.game-chip--disabled[data-v-a66d78e4] {
  opacity: 0.5;
  cursor: not-allowed;
}
.game-chip--win[data-v-a66d78e4] {
  border-left-color: var(--bs-success);
}
.game-chip--loss[data-v-a66d78e4] {
  border-left-color: var(--bs-danger);
}
.game-chip--tie[data-v-a66d78e4] {
  border-left-color: var(--bs-warning);
}
.game-chip--forfeit[data-v-a66d78e4] {
  border-left-color: var(--bs-secondary);
}
.sx-event[data-v-b75ba683] {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  width: 100%;
  padding: 0.125rem 0.3rem;
  border-radius: 4px;
  font-size: 0.75rem;
  line-height: 1.2;
  overflow: hidden;
  white-space: nowrap;
}

/* Scheduled team activities: solid tint, 3px accent, icon-led. */
.sx-event-scheduled[data-v-b75ba683] {
  font-weight: 600;
  border-left: 3px solid transparent;
}

/*
 * People read quieter than fixtures: the tint is a wash rather than a fill and the accent is
 * heavier, so a row of absences never out-shouts the game sitting above it.
 */
.sx-event-person[data-v-b75ba683] {
  border-left: 4px solid transparent;
  background: var(--bs-tertiary-bg);
}

/* The fills above are already tints of each type's hue; the Calendar lets them stand alone. */
.sx-event.tinted[data-v-b75ba683] {
  border-left-width: 0;
  padding-left: 0.375rem;
}
.sx-event-detail[data-v-b75ba683] {
  opacity: 0.7;
}
.sx-event-type[data-v-b75ba683] {
  opacity: 0.65;
}

/* A game with a trailing team mark: the wrapper carries the row, the chip keeps its own
   surface and the growing half, so the mark never squeezes the matchup. */
.sx-event-game-row[data-v-b75ba683] {
  padding: 0.125rem 0.3rem 0.125rem 0;
}

/* The one event with real weight on the grid — a surface of its own rather than bare text. */
.sx-event-game[data-v-b75ba683] {
  background: var(--team-subtle-bg, var(--bs-primary-bg-subtle));
  border-radius: 4px;
}

/*
 * Nothing here exists yet, so the pill is deliberately unfilled: a dashed outline reads as a
 * placeholder next to the solid pills around it, without needing colour to carry the difference.
 */
.sx-event-pending[data-v-b75ba683] {
  font-weight: 600;
  background: transparent;
  border: 1px dashed var(--card-practice);
  color: var(--bs-success-text-emphasis);
  cursor: pointer;
}

/* Unticked dates stay on the grid rather than vanishing — a coach has to be able to click one
   back on — but drop far enough back that they read as excluded. */
.sx-event-pending-off[data-v-b75ba683] {
  opacity: 0.4;
  border-style: dotted;
  text-decoration: line-through;
}
.sx-event-pending-conflict[data-v-b75ba683] {
  --sx-tone: var(--card-invite);
  border-color: var(--sx-tone);
  background: color-mix(in srgb, var(--sx-tone) 16%, var(--bs-body-bg));
  color: var(--bs-warning-text-emphasis);
}

/*
 * One hue per type, mixed into the page background. `--bs-body-bg` and the emphasis tokens
 * flip with the theme, so the same declaration is the light pastel and the dark wash.
 */
.sx-event-practice[data-v-b75ba683],
.sx-event-event[data-v-b75ba683],
.sx-event-season-date[data-v-b75ba683],
.sx-event-injury[data-v-b75ba683],
.sx-event-illness[data-v-b75ba683],
.sx-event-vacation[data-v-b75ba683],
.sx-event-other[data-v-b75ba683],
.sx-event-birthday[data-v-b75ba683] {
  background: color-mix(in srgb, var(--sx-tone) 16%, var(--bs-body-bg));
  border-left-color: var(--sx-tone);
  color: var(--sx-ink);
}
.sx-event-practice[data-v-b75ba683] {
  --sx-tone: var(--card-practice);
  --sx-ink: var(--bs-success-text-emphasis);
}
.sx-event-event[data-v-b75ba683],
.sx-event-vacation[data-v-b75ba683] {
  --sx-tone: var(--bs-purple);
  --sx-ink: color-mix(in srgb, var(--bs-purple) 72%, var(--bs-emphasis-color));
}
.sx-event-season-date[data-v-b75ba683] {
  --sx-tone: var(--bs-secondary);
  --sx-ink: var(--bs-secondary-text-emphasis);
}
.sx-event-injury[data-v-b75ba683] {
  --sx-tone: var(--card-invite);
  --sx-ink: var(--bs-warning-text-emphasis);
}
.sx-event-illness[data-v-b75ba683] {
  --sx-tone: var(--bs-info);
  --sx-ink: var(--bs-info-text-emphasis);
}
.sx-event-other[data-v-b75ba683] {
  --sx-tone: var(--card-note);
  --sx-ink: var(--bs-body-color);
}

/* No pink in the theme palette; a birthday reads as danger pulled toward purple. */
.sx-event-birthday[data-v-b75ba683] {
  --sx-tone: color-mix(in srgb, var(--bs-danger) 62%, var(--bs-purple));
  --sx-ink: color-mix(in srgb, var(--sx-tone) 70%, var(--bs-emphasis-color));
}
.sx-event-reminder[data-v-b75ba683],
.sx-event-reminder-done[data-v-b75ba683] {
  font-weight: 500;
  font-size: 0.6875rem;
  background: var(--bs-tertiary-bg);
  border-left-color: var(--bs-secondary-color);
  color: var(--bs-body-color);
}
.sx-event-reminder-done span[data-v-b75ba683] {
  text-decoration: line-through;
  opacity: 0.7;
}
.sx-event-personal[data-v-b75ba683] {
  background: var(--bs-secondary-bg);
  border-left-color: var(--bs-secondary-color);
  color: var(--bs-body-color);
}

/* Keeps Apply clear of the iOS home indicator. */
.safe-area-footer[data-v-e41ddac6] {
  padding-bottom: calc(0.75rem + env(safe-area-inset-bottom));
}

/*
 * Above sticky headers and the game HUD (1030/1035) when on <body>; inside a modal or offcanvas it
 * only has to clear that container's own content.
 */
.date-time-picker-popover[data-v-c3ff9d7f] {
  z-index: 1070;
  width: min(22.5rem, calc(100vw - 1rem));
  max-height: calc(100vh - 1rem);
  overflow-y: auto;
}
.date-time-picker-popover.is-wide[data-v-c3ff9d7f] {
  width: min(47.5rem, calc(100vw - 1rem));
}

.pin-dot[data-v-30a81dc2] {
  width: 0.875rem;
  height: 0.875rem;
  border-radius: 50%;
  border: 2px solid var(--bs-secondary);
}
.pin-dot--filled[data-v-30a81dc2] {
  background: var(--bs-body-color);
  border-color: var(--bs-body-color);
}

/* Image surface: heights follow the public team page's cover, so the preview crops the same. */
.branding-cover[data-v-e828d612] {
  height: 120px;
}
.branding-identity[data-v-e828d612] {
  margin-top: -3rem;
  position: relative;
}
@media (min-width: 768px) {
.branding-cover[data-v-e828d612] {
    height: 180px;
}
}
@media (min-width: 992px) {
.branding-cover[data-v-e828d612] {
    height: 200px;
}
}

.logo-preview-badge[data-v-b6f1235a] {
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.logo-preview-badge[data-v-b6f1235a]:hover {
  opacity: 0.8;
  transform: scale(1.02);
}

/*
  The predictions list is drawn inside the element's own (closed) shadow root, absolutely
  positioned against the host — so it can only escape a clipping ancestor if nothing between here
  and the form clips. Keeping the wrapper positioned gives the list its own stacking context above
  the fields below it; surfaces that scroll their body (modal/offcanvas) must leave room beneath
  the field rather than rely on the list overflowing.
*/
.google-place-autocomplete[data-v-61a597a1] {
  position: relative;
  z-index: 3;
}

/*
  The widget themes itself off the *browser's* colour scheme, not the page's, so on a machine in
  dark mode it painted a black field and a black prediction list in the middle of an app that has
  no dark theme at all. `color-scheme` is the only lever that reaches it: the shadow root is
  closed, and the `--gmp-mat-color-*` Material tokens this block used to set were verified to do
  nothing on this element (surface, neutral-container, outline and primary were all ignored in
  both schemes) — so they were removed rather than left implying they theme anything.

  It has to sit on the element itself. Setting `color-scheme` on a wrapper does not work, even
  though the property inherits.
*/
gmp-basic-place-autocomplete[data-v-61a597a1] {
  color-scheme: light;
  border-radius: var(--bs-border-radius);
}
.google-place-autocomplete-placeholder[data-v-61a597a1] {
  height: 46px;
}
/*
  Same defect as the autocomplete widget: Places UI Kit elements theme themselves off the browser's
  colour scheme, so a coach on a machine in dark mode got a black details card inside an app that
  has no dark theme. The shadow root is closed and the `--gmp-mat-color-*` tokens are inert, so
  `color-scheme` on the element itself is the fix — on a wrapper it has no effect.
*/
gmp-place-details[data-v-24c6b070],
gmp-place-details-compact[data-v-24c6b070] {
  color-scheme: light;
}
.location-card[data-v-e1ed7be5] {
  transition: opacity 0.15s ease;
}
.location-card[data-v-e1ed7be5]:hover {
  opacity: 0.96;
}
.location-card[data-v-e1ed7be5]:active {
  opacity: 0.88;
}
.location-card[data-v-e1ed7be5]:focus-visible {
  outline: 2px solid var(--bs-focus-ring-color);
  outline-offset: 2px;
}
.location-card-fallback[data-v-e1ed7be5] {
  min-height: 140px;
  aspect-ratio: 16 / 10;
}


.payment-instructions[data-v-a1b0c96c] {
  min-height: 5.5rem;
}

.payment-method-card-action[data-v-8215696d]:hover {
  background-color: var(--dm-hover);
}

.integration-mark[data-v-6f455416] {
  width: 2.5rem;
  height: 2.5rem;
}

.tip-eyebrow[data-v-2fabd2e7] {
  color: var(--team-primary, var(--bs-primary));
}
.tip-media[data-v-2fabd2e7] {
  max-width: 26rem;
}

.gc-mark[data-v-df2fafad] {
  width: 2.25rem;
  height: 2.25rem;
}
.position-filter-badge[data-v-92446fc0] {
  cursor: pointer;
  opacity: 0.55;
  transition: opacity 0.15s ease;
}
.position-filter-badge[data-v-92446fc0]:hover {
  opacity: 0.85;
}
.position-filter-badge.selected[data-v-92446fc0] {
  opacity: 1;
}
.position-filter-badge.selected[data-v-92446fc0] .position-badge {
  background-color: var(--dm-position-badge-selected-bg, var(--bs-primary)) !important;
  color: var(--dm-position-badge-selected-color, var(--bs-white)) !important;
  border: 2px solid var(--dm-position-badge-selected-border, var(--bs-primary)) !important;
}.collection-filter-chip[data-v-8b03b98b] {
  --bs-btn-hover-color: var(--bs-primary);
  --bs-btn-hover-bg: var(--bs-primary-bg-subtle);
  --bs-btn-hover-border-color: var(--bs-primary-border-subtle);
}.collection-toolbar__search[data-v-e1067867] {
  flex: 1 1 100%;
}
@media (min-width: 768px) {
.collection-toolbar__search[data-v-e1067867] {
    flex: 0 1 320px;
}
}
/* As a bottom sheet the footer sits on the home indicator; the dialog's 1rem is unchanged.
   Bootstrap's `pb-*` can't express the max(), same as PageActionFooter. */
.filter-panel-footer[data-v-99583034] {
  padding-bottom: max(1rem, env(safe-area-inset-bottom, 0px));
}
.filter-pill[data-v-11ebb108] {
  min-width: 3rem;
}
.tip-mark[data-v-e2fee941] {
  width: 2rem;
  height: 2rem;
}
.tip-mark img[data-v-e2fee941] {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.tip-media[data-v-e2fee941] {
  max-width: 26rem;
}

.markdown-content[data-v-8d2318c0] {
  line-height: 1.6;
}
.markdown-content[data-v-8d2318c0] h1,
.markdown-content[data-v-8d2318c0] h2,
.markdown-content[data-v-8d2318c0] h3,
.markdown-content[data-v-8d2318c0] h4,
.markdown-content[data-v-8d2318c0] h5,
.markdown-content[data-v-8d2318c0] h6 {
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
  font-weight: 600;
  color: var(--bs-emphasis-color);
}
.markdown-content[data-v-8d2318c0] h1 {
  font-size: 1.5rem;
}
.markdown-content[data-v-8d2318c0] h2 {
  font-size: 1.25rem;
}
.markdown-content[data-v-8d2318c0] h3 {
  font-size: 1.1rem;
}
.markdown-content[data-v-8d2318c0] ul,
.markdown-content[data-v-8d2318c0] ol {
  padding-left: 1.5rem;
}
.markdown-content[data-v-8d2318c0] li {
  margin-bottom: 0.25rem;
}
.markdown-content[data-v-8d2318c0] blockquote {
  border-left: 4px solid var(--bs-border-color);
  padding-left: 1rem;
  margin: 1rem 0;
  color: var(--bs-secondary-color);
  font-style: italic;
}
.markdown-content[data-v-8d2318c0] code {
  background-color: var(--bs-tertiary-bg);
  padding: 0.2rem 0.4rem;
  border-radius: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-code-color);
}
.markdown-content[data-v-8d2318c0] pre {
  background-color: var(--bs-tertiary-bg);
  padding: 1rem;
  border-radius: 0.5rem;
  margin: 1rem 0;
}
.markdown-content[data-v-8d2318c0] pre code {
  background-color: transparent;
  padding: 0;
  color: var(--bs-body-color);
}
.markdown-content[data-v-8d2318c0] strong {
  font-weight: 600;
  color: var(--bs-emphasis-color);
}
.markdown-content[data-v-8d2318c0] a {
  text-decoration: none;
}
.markdown-content[data-v-8d2318c0] a:hover {
  text-decoration: underline;
}
.markdown-content[data-v-8d2318c0] table {
  width: 100%;
  margin-bottom: 1rem;
  border-collapse: collapse;
}
.markdown-content[data-v-8d2318c0] th,
.markdown-content[data-v-8d2318c0] td {
  padding: 0.5rem;
  border: 1px solid var(--bs-border-color);
  text-align: left;
}
.markdown-content[data-v-8d2318c0] th {
  background-color: var(--bs-tertiary-bg);
  font-weight: 600;
}

.release-section[data-v-bad32999] .markdown-content > *:last-child {
  margin-bottom: 0;
}
.bulk-bar[data-v-f9cabd5d] {
  --bs-offcanvas-height: auto;
  max-height: 60vh;
  z-index: 1035;
  box-shadow: 0 -0.5rem 1.5rem rgba(var(--bs-black-rgb), 0.3);
  padding-bottom: env(safe-area-inset-bottom, 0px);
}
@media (min-width: 768px) {
.bulk-bar[data-v-f9cabd5d] {
    left: var(--dm-sidebar-width, 80px);
}
}
@media (min-width: 1200px) {
.bulk-bar[data-v-f9cabd5d] {
    left: var(--dm-sidebar-width, 380px);
}
}
/* Holding a row is a gesture here, so the platform's own press behaviours (the iOS callout) must
   stay out of the way. Bootstrap has no utility for touch-callout. */
.row-pressable[data-v-4c7f9946] {
  -webkit-touch-callout: none;
  user-select: none;
}
/* Clearance so the last new game is never parked underneath .gc-games-bulk-bar. */
.gc-games-list--selecting[data-v-f0ecc33f] {
  padding-bottom: 8rem;
}
/* Pull the grid's outer margin back so widgets line up with the page container's edges. */
.dashboard-grid[data-v-de93fa61] {
  margin-inline: -0.75rem;
}
.dashboard-grid[data-v-de93fa61] .grid-stack-item-content {
  /* GridStack's default `overflow-y: auto` would clip a card's shadow into a scrollbar. */
  overflow: visible;
}
.dashboard-grid[data-v-de93fa61] .grid-stack-item:not(.size-to-content) > .grid-stack-item-content {
  overflow-y: auto;
}

/* Canonical dashboard card floor: small cards (e.g. Season Snapshot) get consistent visual
   weight instead of looking clipped short; larger cards grow past this naturally. A flex column
   (rather than relying on the widget's own `h-100`) is what makes the card actually fill that
   floor instead of sitting short inside a taller, empty box — percentage heights don't resolve
   against a parent sized only by `min-height`. */
.dashboard-grid__auto[data-v-de93fa61] {
  min-height: var(--dashboard-card-min-height);
  display: flex;
  flex-direction: column;
}
.dashboard-grid__auto[data-v-de93fa61] >  * {
  flex: 1 1 auto;
}
.badge[data-v-6e31a545] {
  font-size: 0.7rem;
  margin-top: -2px;
}
.badge.badge-state-selected[data-v-6e31a545] {
  background-color: var(--dm-selection-color, var(--bs-primary));
  border: 1px solid var(--dm-selection-color, var(--bs-primary));
  color: #fff;
}
.badge.xxs[data-v-6e31a545] {
  font-size: 0.75rem;
  margin-top: -4px;
}
.badge.xs[data-v-6e31a545] {
  font-size: 0.9rem;
  margin-top: -8px;
}
.badge.sm[data-v-6e31a545] {
  font-size: 1rem;
  margin-top: -14px;
}
.badge.md[data-v-6e31a545] {
  font-size: 1.15rem;
  margin-top: -17px;
}
.badge.lg[data-v-6e31a545] {
  font-size: 1.3rem;
  margin-top: -21px;
}
.badge.xl[data-v-6e31a545] {
  font-size: 1.5rem;
  margin-top: -24px;
}
.badge.xxl[data-v-6e31a545] {
  font-size: 1.8rem;
  margin-top: -30px;
}

/* Selected state uses a light border, but that's nearly invisible against a white avatar or the green field — a dark outer ring keeps it legible on any background. */
.player-photo--selected-ring[data-v-6e31a545] {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.35);
}

/* Squared avatar: tighter crop and even border — remove ring padding when showing a photo (padding caused uneven gaps vs border). */
.player-badge.player-badge--photo-rounded-square .player-photo[data-v-6e31a545]:not(.field-slot-photo) {
  border-radius: var(--bs-border-radius-lg);
  overflow: hidden;
}
.player-badge.player-badge--photo-rounded-square .player-photo[data-v-6e31a545]:not(.field-slot-photo):has(> img.player-photo) {
  padding: 0;
}
.player-badge.player-badge--photo-rounded-square .player-photo:not(.field-slot-photo):has(> img.player-photo) img.player-photo[data-v-6e31a545] {
  display: block;
  width: 100% !important;
  height: 100% !important;
  padding: 0 !important;
  border-radius: 0 !important;
  object-fit: cover;
  object-position: center;
}
.player-photo[data-v-6e31a545] {
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
  padding: 3px;
}
.player-photo.field-slot-photo[data-v-6e31a545] {
  width: auto !important;
  height: auto !important;
  min-width: 0;
  min-height: 0;
  padding: 2px;
  border-radius: 9999px;
}
.player-photo.dot[data-v-6e31a545] {
  width: 14px;
  height: 14px;
}
.player-photo.xxs[data-v-6e31a545] {
  width: 40px;
  height: 40px;
}
.player-photo.xs[data-v-6e31a545] {
  width: 52px;
  height: 52px;
}
.player-photo.sm[data-v-6e31a545] {
  width: 68px;
  height: 68px;
}
.player-photo.md[data-v-6e31a545] {
  width: 88px;
  height: 88px;
}
.player-photo.lg[data-v-6e31a545] {
  width: 114px;
  height: 114px;
}
.player-photo.xl[data-v-6e31a545] {
  width: 148px;
  height: 148px;
}
.player-photo.xxl[data-v-6e31a545] {
  width: 192px;
  height: 192px;
}

/* MVP: a thin gold ring outside the avatar's own border, so it coexists with the selection colour
   on that border instead of competing for it. Metallic gold rather than --bs-warning, which the
   field already uses for a selected position — the award must not read as a state. The hue is
   the same in both themes, like any status colour. */
.player-photo--mvp[data-v-6e31a545] {
  box-shadow: 0 0 0 2px var(--dm-award-gold), 0 0 6px rgba(var(--dm-award-gold-rgb), 0.55);
}
.player-initials[data-v-6e31a545] {
  line-height: 1;
  letter-spacing: -0.5px;
  user-select: none;
}
.initials-xxs[data-v-6e31a545] {
  font-size: 0.9rem;
}
.initials-xs[data-v-6e31a545] {
  font-size: 1.5rem;
}
.initials-sm[data-v-6e31a545] {
  font-size: 1.8rem;
}
.initials-md[data-v-6e31a545] {
  font-size: 2.4rem;
}
.initials-lg[data-v-6e31a545] {
  font-size: 3rem;
}
.initials-xl[data-v-6e31a545] {
  font-size: 3.6rem;
}
.initials-xxl[data-v-6e31a545] {
  font-size: 4.8rem;
}
.position-overlay-dim[data-v-6e31a545] {
  opacity: 0;
}
.position-overlay-badge-wrap[data-v-6e31a545] {
  pointer-events: none;
}
.position-overlay-badge[data-v-6e31a545] {
  pointer-events: none;
}

/* Leading item in the name pill/tile label, same slot the at-bat badge (`isPersonActiveBatterOnField`)
   occupies — kept as plain text within the pill's own color rather than a second colored chip, so it
   doesn't compete with that badge. */
/*
 * Avatar-only positioning frame for the `tile-badge` slot (lineup tray tile's overlapping
 * position badge on small mobile — see PlayerCardTile.vue). Reserves real layout space (not just
 * paint overflow) for the badge's bottom half below `$breakpoint-max-sm` only, and only when a
 * caller actually fills the slot, so every other PlayerBadge context (roster rows, the HUD bar,
 * field markers) keeps its avatar's natural height.
 */
@media (max-width: 767px) {
.player-badge__avatar-frame--has-tile-badge[data-v-6e31a545] {
    padding-bottom: var(--tile-badge-overlap, 0.625rem);
}
}
.player-badge-field-initials--pulse[data-v-6e31a545] {
  animation: player-badge-field-initials-pulse-6e31a545 1.75s ease-in-out infinite;
}
@keyframes player-badge-field-initials-pulse-6e31a545 {
0%, 100% {
    transform: scale(1);
    opacity: 1;
}
50% {
    transform: scale(1.05);
    opacity: 0.88;
}
}
/* Rotated so the ring reads clockwise from 12 o'clock, matching the progress-bar convention
   used elsewhere. pathLength="100" lets stroke-dasharray be a plain 0-100 percent regardless
   of the circle's radius, so no circumference math is needed. */
.pitch-count-ring[data-v-6e31a545] {
  pointer-events: none;
  transform: rotate(-90deg);
}
.pitch-count-ring__track[data-v-6e31a545] {
  fill: none;
  stroke: rgba(0, 0, 0, 0.18);
  stroke-width: 2;
}
.pitch-count-ring__value[data-v-6e31a545] {
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  transition: stroke-dasharray 0.3s ease;
}
.pitch-count-ring__value.pitch-count-ring__value--safe[data-v-6e31a545] {
  stroke: var(--bs-success);
}
.pitch-count-ring__value.pitch-count-ring__value--warning[data-v-6e31a545] {
  stroke: var(--bs-warning);
}
.pitch-count-ring__value.pitch-count-ring__value--danger[data-v-6e31a545] {
  stroke: var(--bs-danger);
}
.player-badge__tile-name[data-v-6e31a545] {
  display: block;
  max-width: 100%;
  padding: 0 0.125rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.8rem;
  line-height: 1.2;
  text-align: center;
}

/* Paper: the dark name pill relies on a background that browsers don't print by default, which
   leaves its light text as a faint grey word. Black on white, heavier, no pill. */
@media print {
.badge.badge-state-default[data-v-6e31a545],
  .badge.badge-state-selected[data-v-6e31a545],
  .badge.badge-state-position-selected[data-v-6e31a545] {
    background-color: transparent !important;
    border-color: transparent;
    color: var(--bs-black) !important;
    font-weight: 800;
}
}
.player-badge-pitch-count[data-v-6e31a545] {
  display: block;
  width: fit-content;
  margin: 4px auto 0;
  font-size: 0.65rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  white-space: nowrap;
  cursor: pointer;
}
.player-badge-pitch-count.xxs[data-v-6e31a545], .player-badge-pitch-count.xs[data-v-6e31a545] {
  font-size: 0.6rem;
  padding: 0.15em 0.4em;
}.player-chip[data-v-cd8fc8c0] {
  border: 1px solid transparent;
  transition: background-color 0.12s ease-out, border-color 0.12s ease-out;
}
.player-chip--xs[data-v-cd8fc8c0] {
  gap: 0.375rem;
  padding-block: 0.125rem;
  padding-inline: 0.375rem;
}
.player-chip--xs .player-chip__name[data-v-cd8fc8c0] {
  font-size: 0.8125rem;
}
.player-chip--xs .player-chip__number[data-v-cd8fc8c0] {
  font-size: 0.6875rem;
}
.player-chip--xs .player-chip__value-number[data-v-cd8fc8c0],
.player-chip--xs .player-chip__value-label[data-v-cd8fc8c0] {
  font-size: 0.75rem;
}
.player-chip--sm[data-v-cd8fc8c0] {
  gap: 0.5rem;
  padding-block: 0.25rem;
  padding-inline: 0.5rem;
}
.player-chip--sm .player-chip__name[data-v-cd8fc8c0] {
  font-size: 0.875rem;
}
.player-chip--sm .player-chip__number[data-v-cd8fc8c0] {
  font-size: 0.75rem;
}
.player-chip--sm .player-chip__value-number[data-v-cd8fc8c0],
.player-chip--sm .player-chip__value-label[data-v-cd8fc8c0] {
  font-size: 0.8125rem;
}
.player-chip--md[data-v-cd8fc8c0] {
  gap: 0.625rem;
  padding-block: 0.375rem;
  padding-inline: 0.625rem;
}
.player-chip--md .player-chip__name[data-v-cd8fc8c0] {
  font-size: 0.9375rem;
}
.player-chip--md .player-chip__number[data-v-cd8fc8c0] {
  font-size: 0.8125rem;
}
.player-chip--md .player-chip__value-number[data-v-cd8fc8c0],
.player-chip--md .player-chip__value-label[data-v-cd8fc8c0] {
  font-size: 0.875rem;
}
.player-chip--lg[data-v-cd8fc8c0] {
  gap: 0.75rem;
  padding-block: 0.5rem;
  padding-inline: 0.75rem;
}
.player-chip--lg .player-chip__name[data-v-cd8fc8c0] {
  font-size: 1rem;
}
.player-chip--lg .player-chip__number[data-v-cd8fc8c0] {
  font-size: 0.875rem;
}
.player-chip--lg .player-chip__value-number[data-v-cd8fc8c0],
.player-chip--lg .player-chip__value-label[data-v-cd8fc8c0] {
  font-size: 0.9375rem;
}
.player-chip--clickable[data-v-cd8fc8c0] {
  cursor: pointer;
}
.player-chip--clickable[data-v-cd8fc8c0]:hover {
  background-color: var(--team-subtle-bg, rgba(71, 85, 105, 0.06));
}
.player-chip--clickable[data-v-cd8fc8c0]:focus-visible {
  outline: 2px solid var(--team-primary, #475569);
  outline-offset: 2px;
}
.player-chip--selected[data-v-cd8fc8c0] {
  background-color: var(--team-subtle-bg, rgba(71, 85, 105, 0.1));
  border-color: var(--team-border, transparent);
}
.player-chip--clickable.player-chip--selected[data-v-cd8fc8c0]:hover {
  background-color: var(--team-hover, rgba(71, 85, 105, 0.14));
}
.player-chip--disabled[data-v-cd8fc8c0] {
  opacity: 0.5;
  cursor: not-allowed;
}
.file-preview__image[data-v-a03f38cc] {
  max-width: 100%;
  max-height: var(--file-preview-max-h);
  object-fit: contain;
}
.file-preview__video[data-v-a03f38cc] {
  max-width: 100%;
  max-height: var(--file-preview-max-h);
}

.file-card--selected[data-v-6e2bd172] {
  outline: 2px solid var(--bs-primary);
  outline-offset: 2px;
}

/* Overlapping avatar strip, first player on top. Carried over from the Overview tab's card;
   Bootstrap has no negative-margin utility to express the overlap. */
.roster-avatar[data-v-aabc7fb0] {
  border: 2px solid var(--dm-surface);
  border-radius: 50%;
}
.roster-avatar + .roster-avatar[data-v-aabc7fb0] {
  margin-left: -0.5rem;
}

.responsibility-editor-description[data-v-ff5b8be3] {
  height: 88px;
}

/* Bootstrap's own sm button is under 44px; readiness rows are a touch surface. */
.list-group-item .btn-sm[data-v-5723b4fb] {
  min-height: 2.25rem;
}
@media (pointer: coarse) {
.list-group-item .btn-sm[data-v-5723b4fb] {
    min-height: 2.75rem;
}
}
.player-identity__name--split[data-v-ad563785] {
  overflow: hidden;
}
.player-identity__name--split.is-clipped[data-v-ad563785] {
  mask-image: linear-gradient(to right, #000 calc(100% - 0.6em), transparent 100%);
  -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 0.6em), transparent 100%);
}
.player-identity__name[data-v-ad563785]:not(.player-identity__name--split) {
  flex-basis: 0;
}
@media print {
.player-identity__name--split > span[data-v-ad563785],
  .player-identity__number[data-v-ad563785] {
    color: var(--bs-black) !important;
    opacity: 1 !important;
}
.player-identity__name--split > span[data-v-ad563785]:first-child {
    font-weight: 700;
}
}
.player-identity--text .player-identity__number[data-v-ad563785] {
  font-size: 0.85em;
}
/*
* The line reserves 1px, so one more px of shadow brings the selected edge to 2px before the
* soft ring. Colour and weight come from `.dm-selectable.is-selected` in main.scss.
*/
.player-card--line.is-selected[data-v-e8f78b3a] {
  box-shadow: 0 0 0 1px var(--dm-selection-color), 0 0 0 4px var(--dm-selection-ring);
}
@media print {
.player-card--line.is-selected[data-v-e8f78b3a] {
    box-shadow: none;
}
}
/*
* The border is always reserved so a selected card never nudges the cell around it; hover is a
* flat tint, not the row's card-hover shadow — a grid full of lifted cards is noise. Dragging
* ghosts the card left behind in place (the drag preview is the browser's own snapshot, taken
* before the class applies).
*/
.player-card--line[data-v-e8f78b3a] {
  border: 1px solid transparent;
  transition: background-color 0.12s ease-out, border-color 0.12s ease-out, opacity 0.15s ease-in-out;
}
.player-card--line[data-v-e8f78b3a]:focus-visible {
  outline: 2px solid var(--bs-primary);
  outline-offset: 1px;
}
@media (hover: hover) {
.player-card--interactive[data-v-e8f78b3a]:not(.player-card--selected):hover {
    background-color: var(--bs-tertiary-bg);
}
}
.player-card--draggable[data-v-e8f78b3a] {
  cursor: grab;
}
.player-card--draggable[data-v-e8f78b3a]:active {
  cursor: grabbing;
}
.player-card--dragging[data-v-e8f78b3a] {
  opacity: 0.4;
}
.player-card--disabled[data-v-e8f78b3a] {
  opacity: 0.5;
  cursor: not-allowed;
}
@media print {
.player-card--draggable[data-v-e8f78b3a],
  .player-card--disabled[data-v-e8f78b3a] {
    cursor: default;
}
.player-card--dragging[data-v-e8f78b3a],
  .player-card--disabled[data-v-e8f78b3a] {
    opacity: 1;
}
}/*
* The roster row reserves no border, so its 2px selected edge is the hard shadow token and
* nothing shifts when a coach taps it. Colour comes from `.dm-selectable.is-selected` in
* main.scss.
*/
.player-card--row.is-selected[data-v-761ca2d9] {
  box-shadow: var(--dm-selection-edge);
}
@media print {
.player-card--row.is-selected[data-v-761ca2d9] {
    box-shadow: none;
}
}
/*
* `flex-basis: 0` (not the utility classes' default `auto`) so the info column's starting size
* ignores its own content width entirely — otherwise the browser reserves room for the
* untruncated name and the trailing actions get pushed outside the HUD instead of the name
* eliding to make room.
*/
.player-card__selected-info[data-v-3e5254c5] {
  flex-basis: 0;
}
.player-card__selected-name[data-v-3e5254c5] {
  width: 100%;
}
.player-card__selected-name[data-v-3e5254c5]:hover span, .player-card__selected-name[data-v-3e5254c5]:focus-visible span {
  text-decoration: underline;
}
/*
* Fixed width keeps every tile the same size while the rail scrolls and lets the name
* truncate predictably instead of reflowing the strip. No horizontal padding: the width hugs the
* 52px avatar plus the reserved border, so tiles sit shoulder to shoulder. `touch-action: pan-x`
* leaves the rail's horizontal swipe to the browser, so a scroll never lands as a tap.
*
* The tile reserves a 2px border, so selection colour from `.dm-selectable.is-selected` needs
* no extra shadow here.
*/
.player-card--tile[data-v-e5ebcf8f] {
  width: 60px;
  gap: 0.125rem;
  padding: 0.125rem 0 0.25rem;
  --tile-badge-overlap: 0.625rem;
  border: 2px solid transparent;
  border-radius: 0.625rem;
  cursor: pointer;
  touch-action: pan-x;
  -webkit-touch-callout: none;
  transition: border-color 0.15s ease-in-out, background-color 0.15s ease-in-out, opacity 0.15s ease-in-out;
}
.player-card--tile[data-v-e5ebcf8f]:focus-visible {
  outline: 2px solid var(--bs-primary);
  outline-offset: 1px;
}
.player-card--tile[data-v-e5ebcf8f] * {
  -webkit-touch-callout: none;
}
.player-card--needs-position .player-card__tile-photo[data-v-e5ebcf8f] {
  opacity: 0.72;
}
.player-card__tile-slot[data-v-e5ebcf8f] {
  min-height: 1rem;
}

/*
* Small mobile: the badge straddles the avatar's bottom edge instead of sitting in its own row —
* see PlayerBadge's `.player-badge__avatar-frame--has-tile-badge`, which reserves the layout space
* this badge's other 50% renders into (so the horizontally scrolling rail's height still accounts
* for it and never clips it). `left: 50%` + `translateX(-50%)` centers regardless of label width
* (P/C vs. 1B/SS/LF); `translateY(50%)` from `bottom: 0` is the "overlap by half the badge" rule.
*/
.player-card__tile-slot--overlap[data-v-e5ebcf8f] {
  position: absolute;
  left: 50%;
  bottom: var(--tile-badge-overlap, 0.625rem);
  transform: translate(-50%, 50%);
  z-index: 1;
}
.filter-blur-opacity[data-v-bad0c96a] {
  filter: blur(3.5px);
  opacity: 0.55;
}

.announcement-body-input[data-v-158ee31c] {
  min-height: 180px;
}


@media (min-width: 992px) {
  /* The pane fills the viewport rather than a card-sized box; it scrolls on its own. */
.team-page-preview-pane[data-v-f8913320] {
    height: calc(100dvh - 10rem);
}
}

.team-logo-tile[data-v-c9775f98] {
  width: var(--tile-size, 80px);
  height: var(--tile-size, 80px);
  flex-shrink: 0;
}
@media (min-width: 768px) {
.team-logo-tile[data-v-c9775f98] {
    width: var(--tile-size-md, 96px);
    height: var(--tile-size-md, 96px);
}
}
.team-logo-tile[data-v-c9775f98] img {
  max-width: 100%;
  max-height: 100%;
}
.team-logo-tile-btn[data-v-c9775f98] {
  transition: opacity 0.2s ease;
}
.team-logo-tile-btn[data-v-c9775f98]:hover {
  opacity: 0.75;
}
.team-logo-tile-btn[data-v-c9775f98]:focus-visible {
  outline: 3px solid rgba(var(--bs-primary-rgb), 0.35);
  outline-offset: -3px;
}
.team-logo-action-modal[data-v-c9775f98] {
  max-width: 400px;
}

.team-header-banner[data-v-3bd36d73] {
  height: 130px;
  background-color: var(--bs-tertiary-bg);
}
@media (min-width: 768px) {
.team-header-banner[data-v-3bd36d73] {
    height: 165px;
}
}
@media (min-width: 992px) {
.team-header-banner[data-v-3bd36d73] {
    height: 200px;
}
}
.team-header-banner.is-empty[data-v-3bd36d73] {
  border: 1px dashed var(--bs-border-color);
}
.team-header-busy[data-v-3bd36d73] {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.35);
}
.team-header-options[data-v-3bd36d73] {
  width: 44px;
  height: 44px;
  padding: 0;
}
.league-card-thumb[data-v-b7de48cf] {
  width: 56px;
  align-self: stretch;
  object-fit: cover;
}
.league-card-logo[data-v-b7de48cf] {
  width: 56px;
  height: 56px;
  border-radius: var(--bs-border-radius);
  object-fit: cover;
}.print-whitelabel-mark[data-v-1e2d4d5b] {
  max-height: 3.5rem;
  width: auto;
  object-fit: contain;
}
.print-whitelabel-mark--compact[data-v-1e2d4d5b] {
  max-height: 2.25rem;
}
@media (max-width: 767px) {
.print-header-title[data-v-1e2d4d5b] {
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: unset !important;
    overflow-wrap: anywhere;
    line-height: 1.2;
}
}@media print {
html,body,#app {
    height: auto !important;
    overflow: visible !important;
}
.print-container[data-v-679e234b] {
    display: block !important;
}
.print-wrapper[data-v-679e234b] {
    box-shadow: none !important;
    padding: 0.2in 0.5in 0.3in 0.5in !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    background: white !important;
}
.print-content[data-v-679e234b] {
    page-break-inside: avoid;
    break-inside: avoid;
    display: flex;
    flex-direction: column;
    height: calc(100vh - 0.8in);
    min-height: 0;
}
[data-v-679e234b] header {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
    flex-shrink: 0;
}
[data-v-679e234b] header img {
    height: 45px !important;
}
[data-v-679e234b] header h1 {
    font-size: 1.4rem !important;
    margin-bottom: 0.125rem !important;
    line-height: 1.2 !important;
}
[data-v-679e234b] header h4 {
    font-size: 0.8rem !important;
    line-height: 1.2 !important;
}
.calendar-print-container[data-v-679e234b] {
    flex: 1;
    min-height: 0;
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
}
[data-v-679e234b] footer {
    flex-shrink: 0;
    margin-top: auto;
    padding-top: 0.25rem !important;
    padding-bottom: 0 !important;
}
[data-v-679e234b] footer img {
    height: 30px !important;
}
[data-v-679e234b] footer em {
    font-size: 0.75rem !important;
}
}.calendar-print-container[data-v-679e234b] {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.calendar-print[data-v-679e234b] {
  flex: 1;
  min-height: 0;
}
.sx-vue-calendar-wrapper[data-v-679e234b] {
  width: 100%;
  height: 100%;
}
@media print {
.print-content[data-v-679e234b] {
    page-break-inside: avoid;
    break-inside: avoid;
}
.calendar-print-container[data-v-679e234b] {
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}
[data-v-679e234b] .sx-vue-calendar-wrapper {
    flex: 1;
    min-height: 0;
    height: 100% !important;
}
}
/*
  The grid owns its scrolling: Schedule-X's own view container scrolls the weeks while the
  weekday strip above stays put. No reserved scrollbar gutter: it left a blank strip on the
  right of the grid whenever the weeks fit. This floor is the least height worth showing a grid in.
*/
.card[data-v-c49f5388] {
  min-height: 320px;
}
.calendar-grid[data-v-c49f5388] {
  --dm-calendar-min-height: 0;
}

/* The strip above names the columns; repeating it in the first week would double it up. */
[data-v-c49f5388] .sx__month-grid-day__header-day-name {
  display: none;
}

/*
  Schedule-X's month-grid event row is a fixed ~20-24px (`.sx__month-grid-cell`, shared with the
  multi-day continuation blockers) — sized for its own one-line pill. The calendar-size cards
  rendered through the `#event` slot are 2-3 lines, so the row has to grow to fit them; blockers
  (no `.sx__month-grid-event` class) are untouched and keep their short fixed height.

  `overflow` stays `hidden` (the theme's own default — never override it to `visible` here):
  a flex/grid item's automatic minimum width is its content's min-content size UNLESS overflow
  is non-visible, in which case browsers collapse that minimum to 0. Losing that is what made
  every day column stretch to fit its longest untruncated title instead of holding a shared
  width with `text-truncate` doing its job — `.sx__month-grid-day` is a `flex: 1` item, and it
  can only actually share space evenly when its content is allowed to shrink below its own
  intrinsic width.
*/
/*
  Schedule-X sizes a month event `calc(nDays * 100% + nDays px - 10px)` and pins it to the cell's
  left edge, so the whole gutter lands on the right. Shifting it by half of what's left (9px)
  centres it: equal breathing room on both sides, multi-day spans included.
*/
[data-v-c49f5388] .sx__month-grid-event {
  height: auto;
  min-width: 0;
  margin-inline-start: 4.5px;
}
[data-v-c49f5388] .sx__month-grid-day__events-more {
  font-weight: 600;
  border: 1px dashed var(--bs-border-color);
}

/* Doubles the side gap each card already had (4.5px left, ~5.5px right) so cards sit further in. */
[data-v-c49f5388] .sx__month-grid-day {
  padding-inline: 5px;
}

/* Schedule-X frames its calendar with a rounded border; the card around it is already the frame. */
[data-v-c49f5388] .sx__calendar {
  border: 0;
  border-radius: 0;
}

.card[data-v-3b83e20a] {
  min-height: 320px;
}

/* The same dashed box the month cell's own "+N" button wears. */
.more-events[data-v-3b83e20a] {
  border: 1px dashed var(--bs-border-color);
}

/* Every control matches the page's ⋮ and the view selector: 44px (see CalendarViewSelector). */
.calendar-nav__step[data-v-bfea34b4] {
  width: 44px;
  height: 44px;
}
.calendar-nav__today[data-v-bfea34b4] {
  height: 44px;
}

/* Every header control is exactly the height of the page's ⋮ (a btn-sm with a 24px icon:
   24px line + 2 × 0.5rem padding + 2 × 2px border = 44px). The pill row's own height absorbs
   the ul's p-1 padding rather than adding to it. */
.calendar-view-selector .nav-pills[data-v-22c9c83d] {
  height: 44px;
}

.position[data-v-44167466] {
  position: absolute;
  width: auto;
  height: auto;
  min-width: 44px;
  min-height: 44px;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate(-50%, -50%);
  pointer-events: auto;
  z-index: 3;
}

/* Coordinates are inline styles from resolveGamePositionStyle. Only
   non-coordinate per-position styling lives here. */
.position.extraPlayer[data-v-44167466],
.position.designatedFielder[data-v-44167466] {
  z-index: 2;
}

/* Defensive-alignment mode: the marker is a drag handle. touch-action: none is
   what keeps iPad Safari from swallowing pointermove for scrolling mid-drag —
   same trick the drill diagram editor uses. */
.position--alignable[data-v-44167466] {
  cursor: grab;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none;
}
.position--alignable[data-v-44167466]:active {
  cursor: grabbing;
  z-index: 10;
}

/* Preset applied: markers slide to their new spots rather than teleporting.
   Kept short and off during a drag — the finger IS the animation there. */
.position--alignment-animate[data-v-44167466] {
  transition: left 0.28s ease, top 0.28s ease;
}
@media (prefers-reduced-motion: reduce) {
.position--alignment-animate[data-v-44167466] {
    transition: none;
}
}
/* Selected while aligning. A ring plus the lift, so selection reads without
   relying on colour against field art that is already full of it. */
.position--alignment-selected[data-v-44167466] {
  z-index: 9;
}
.position--alignment-selected[data-v-44167466] .player-badge-container {
  border-radius: 50%;
  box-shadow: 0 0 0 3px #fff, 0 0 0 6px rgba(0, 0, 0, 0.45), 0 6px 14px rgba(0, 0, 0, 0.35);
  transform: scale(1.08);
  transition: transform 0.15s ease;
}
.position--alignment-locked[data-v-44167466] {
  cursor: default;
}

/* The battery keeps a full-strength avatar — dimming it to "disabled" would
   read as "not interactive at all", and tapping it is exactly how a coach
   finds out why it will not move. */
.position__lock[data-v-44167466] {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  pointer-events: none;
}.coach-field-marker[data-v-be18d38f] {
  position: absolute;
  transform: translate(-50%, -50%);
  z-index: 4;
  pointer-events: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1px;
  padding: 4px 10px;
  border: 2px solid rgba(255, 255, 255, 0.7);
  border-radius: 20px;
  background: rgba(0, 0, 0, 0.55);
  backdrop-filter: blur(4px);
  color: #fff;
  font-size: 0.65rem;
  line-height: 1.15;
  white-space: nowrap;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.coach-field-marker[data-v-be18d38f]:hover:not(:disabled) {
  background: rgba(0, 0, 0, 0.7);
  border-color: #fff;
}
.coach-field-marker--assigned[data-v-be18d38f] {
  border-color: rgba(255, 255, 255, 0.9);
}
.coach-field-marker--disabled[data-v-be18d38f] {
  opacity: 0.45;
  cursor: not-allowed;
}
.coach-field-marker--selected[data-v-be18d38f] {
  border-color: var(--bs-warning);
  box-shadow: 0 0 0 2px var(--bs-warning);
}
.coach-field-marker__label[data-v-be18d38f] {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-size: 0.55rem;
  opacity: 0.85;
}
.coach-field-marker__name[data-v-be18d38f] {
  font-weight: 600;
  font-size: 0.7rem;
}
@media (max-width: 1399px) {
.coach-field-marker[data-v-be18d38f] {
    font-size: 0.6rem;
    padding: 3px 8px;
}
.coach-field-marker__label[data-v-be18d38f] {
    font-size: 0.5rem;
}
.coach-field-marker__name[data-v-be18d38f] {
    font-size: 0.65rem;
}
}
@media (max-width: 991px) {
.coach-field-marker[data-v-be18d38f] {
    font-size: 0.55rem;
    padding: 2px 6px;
    border-width: 1.5px;
}
.coach-field-marker__label[data-v-be18d38f] {
    font-size: 0.45rem;
}
.coach-field-marker__name[data-v-be18d38f] {
    font-size: 0.6rem;
}
}
@media (max-width: 767px) {
.coach-field-marker[data-v-be18d38f] {
    font-size: 0.5rem;
    padding: 2px 5px;
    border-width: 1px;
    gap: 0;
}
.coach-field-marker__label[data-v-be18d38f] {
    font-size: 0.4rem;
}
.coach-field-marker__name[data-v-be18d38f] {
    font-size: 0.55rem;
}
}
@media print {
.coach-field-marker[data-v-be18d38f]:not(.coach-field-marker--assigned) {
    display: none;
}
}.lineup-player-row + .lineup-player-row[data-v-39b3ebb3] {
  margin-top: var(--dm-space-2);
}
.lineup-player-longpress[data-v-39b3ebb3],
.lineup-player-longpress[data-v-39b3ebb3] * {
  -webkit-touch-callout: none;
}
.lineup-player-card[data-v-39b3ebb3] .player-card__badge-slot {
  flex: 0 0 2.75rem;
  width: 2.75rem;
  justify-content: center;
}
.lineup-player-card[data-v-39b3ebb3] .player-card__badge-slot .position-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 2.25rem;
  border-radius: var(--dm-radius-sm);
}.player-avatar-stack[data-v-71e867a5] {
  --player-avatar-stack-ring: var(--bs-body-bg);
}
.player-avatar-stack--dark[data-v-71e867a5] {
  --player-avatar-stack-ring: var(--bs-dark);
}
.player-avatar-stack__item[data-v-71e867a5] {
  flex-shrink: 0;
  margin-left: calc(var(--player-avatar-stack-size) * -0.25);
  box-shadow: 0 0 0 2px var(--player-avatar-stack-ring);
}
.player-avatar-stack__item[data-v-71e867a5]:first-child {
  margin-left: 0;
}
.player-avatar-stack__overflow[data-v-71e867a5] {
  width: var(--player-avatar-stack-size);
  height: var(--player-avatar-stack-size);
  font-size: calc(var(--player-avatar-stack-size) * 0.35);
  line-height: 1;
  background-color: var(--bs-secondary-dark, var(--bs-secondary));
  color: var(--bs-white);
}.drill-category-badge[data-v-9e540815] {
  --dm-cat: var(--dm-cat-light);
  --dm-cat-rgb: var(--dm-cat-light-rgb);
  color: var(--dm-cat);
  background-color: rgba(var(--dm-cat-rgb), 0.12);
  border: 1px solid rgba(var(--dm-cat-rgb), 0.3);
}
[data-bs-theme=dark] .drill-category-badge[data-v-9e540815] {
  --dm-cat: var(--dm-cat-dark);
  --dm-cat-rgb: var(--dm-cat-dark-rgb);
}
.drill-category-badge--filter[data-v-9e540815] {
  font-weight: 500;
  background-color: rgba(var(--dm-cat-rgb), 0.08);
  border: 2px solid rgba(var(--dm-cat-rgb), 0.28);
  transition: background-color 0.15s ease, border-color 0.15s ease;
}
.drill-category-badge--filter.active[data-v-9e540815] {
  background-color: rgba(var(--dm-cat-rgb), 0.22);
  border-color: var(--dm-cat);
}
.drill-category-badge--sm[data-v-9e540815] {
  padding: 0.3rem 0.6rem;
  font-size: 0.72rem;
}
.drill-category-badge--md[data-v-9e540815] {
  padding: 0.4rem 0.75rem;
  font-size: 0.8rem;
}
.drill-category-badge--lg[data-v-9e540815] {
  padding: 0.55rem 1rem;
  font-size: 0.9rem;
}.note-audio-menu-toggle[data-v-548eac13] {
  width: 2.75rem;
  height: 2.75rem;
  margin: -0.375rem -0.5rem -0.375rem 0;
}.note-audio-toggle[data-v-5feb61f3] {
  width: 2rem;
  height: 2rem;
}
.progress[data-v-5feb61f3] {
  height: 0.375rem;
}.note-card[data-v-716f8222] {
  background-color: var(--dm-note-bg);
}
.note-card-clamped[data-v-716f8222] .markdown-content {
  display: -webkit-box;
  -webkit-line-clamp: var(--716f8222-props\.previewLineClamp);
  line-clamp: var(--716f8222-props\.previewLineClamp);
  -webkit-box-orient: vertical;
  overflow: hidden;
}.note-editor-wrapper[data-v-1f5f37af] {
  height: auto;
  background-color: var(--dm-note-bg);
}
.note-editor-wrapper[data-v-1f5f37af]:focus-within {
  border-color: var(--bs-primary);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}
.note-editor-wrapper.note-editor-disabled[data-v-1f5f37af] {
  background-color: var(--bs-secondary-bg);
}
.note-editor-surface[data-v-1f5f37af] .tiptap {
  min-height: 8rem;
  outline: none;
}
.note-editor-surface[data-v-1f5f37af] .tiptap p.is-editor-empty:first-child::before {
  content: attr(data-placeholder);
  float: left;
  height: 0;
  color: var(--bs-secondary-color);
  pointer-events: none;
}
.note-editor-surface[data-v-1f5f37af] .tiptap ul[data-type=taskList] {
  list-style: none;
  padding-left: 0.25rem;
}
.note-editor-surface[data-v-1f5f37af] .tiptap ul[data-type=taskList] li {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.note-editor-surface[data-v-1f5f37af] .tiptap ul[data-type=taskList] li > label {
  flex: 0 0 auto;
  margin-top: 0.3rem;
}
.note-editor-surface[data-v-1f5f37af] .tiptap ul[data-type=taskList] li > div {
  flex: 1 1 auto;
}.voice-note-recorder[data-v-ff1ca8ea] {
  position: relative;
  max-width: 100%;
}
.voice-note-recorder.is-wide[data-v-ff1ca8ea] {
  flex: 1 0 100%;
  width: 100%;
  min-width: 0;
}
.voice-note-recorder.is-panel[data-v-ff1ca8ea] {
  height: 100%;
  width: 100%;
  display: flex;
}
.voice-note-recorder.is-surface[data-v-ff1ca8ea] {
  height: auto;
  flex-direction: column;
  justify-content: center;
  background-color: var(--dm-note-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  padding: 1.5rem 1rem;
}
.voice-note-stop[data-v-ff1ca8ea] {
  width: 4.5rem;
  height: 4.5rem;
  min-width: 4.5rem;
}
.voice-note-stop-icon[data-v-ff1ca8ea] {
  width: 1.125rem;
  height: 1.125rem;
  background-color: var(--bs-white);
  border-radius: 0.15rem;
}
@media (pointer: coarse) {
.voice-note-stop[data-v-ff1ca8ea] {
    width: 5rem;
    height: 5rem;
    min-width: 5rem;
}
}
.voice-note-waveform[data-v-ff1ca8ea] {
  width: 100%;
  position: absolute;
  inset: 0 auto auto 0;
  visibility: hidden;
  pointer-events: none;
}
.voice-note-waveform.is-open[data-v-ff1ca8ea] {
  position: relative;
  inset: auto;
  visibility: visible;
  pointer-events: auto;
}
.voice-note-dot[data-v-ff1ca8ea] {
  width: 0.5rem;
  height: 0.5rem;
}
.voice-note-square[data-v-ff1ca8ea] {
  width: 6.125rem;
  height: 6.125rem;
}
.voice-note-panel[data-v-ff1ca8ea] {
  width: 100%;
  height: 100%;
  min-height: 8rem;
}.note-capture-input[data-v-4e884777] {
  background-color: var(--dm-note-bg);
}
.note-form__audio-col[data-v-4e884777] {
  width: 100%;
}
@media (min-width: 768px) {
.note-form__audio-col[data-v-4e884777] {
    width: 11rem;
    flex: 0 0 11rem;
}
}.offcanvas-bottom[data-v-63d88953] {
  height: 65vh;
}.selected-position-bar[data-v-5999d507] {
  padding-inline: var(--dm-space-4);
  padding-block: var(--dm-space-2);
}
@media (min-width: 992px) {
.selected-position-bar[data-v-5999d507] {
    padding-block: var(--dm-space-4);
}
}
.selected-position-bar--dark[data-v-5999d507] {
  background-color: transparent;
  padding-block: 0;
}
.selected-position-bar--dark .selected-position-bar__close[data-v-5999d507] {
  width: var(--dm-control-height);
  height: var(--dm-control-height);
}
.selected-position-bar--dark .selected-position-bar__clear[data-v-5999d507] {
  height: var(--dm-control-height);
}
.selected-position-bar__close[data-v-5999d507] {
  width: 2rem;
  height: 2rem;
}.game-period-nav__step[data-v-8f7dff90] {
  flex: 0 0 var(--dm-game-hud-step-width);
  min-width: var(--dm-game-hud-row-height);
}
.game-period-nav__label[data-v-8f7dff90] {
  flex: 1 1 0;
}
.game-period-nav--compact .game-period-nav__step[data-v-8f7dff90] {
  flex-basis: var(--dm-game-hud-row-height);
}
.game-period-nav-flip-enter-active[data-v-8f7dff90],
.game-period-nav-flip-leave-active[data-v-8f7dff90] {
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.game-period-nav-flip-enter-from[data-v-8f7dff90] {
  opacity: 0;
  transform: scale(0.85);
}
.game-period-nav-flip-leave-to[data-v-8f7dff90] {
  opacity: 0;
  transform: scale(1.15);
}.game-selection-summary-fade-enter-active[data-v-1054e197],
.game-selection-summary-fade-leave-active[data-v-1054e197] {
  transition: opacity 0.15s ease;
}
.game-selection-summary-fade-enter-from[data-v-1054e197],
.game-selection-summary-fade-leave-to[data-v-1054e197] {
  opacity: 0;
}
.alignment-bar__actions[data-v-254c5395] {
  height: var(--dm-game-hud-actions-height);
}
.alignment-bar__nav[data-v-254c5395] {
  height: var(--dm-game-hud-nav-height);
}
.alignment-bar__action[data-v-254c5395] {
  min-width: var(--dm-game-hud-row-height);
  height: var(--dm-game-hud-row-height);
  padding-block: 0;
}
.alignment-bar__preset-name[data-v-254c5395] {
  max-width: 9rem;
}
.alignment-bar__menu[data-v-254c5395] {
  max-width: min(20rem, 100vw - 1.5rem);
  max-height: min(60vh, 26rem);
  overflow-y: auto;
  z-index: 1060;
}
.alignment-bar__preset-description[data-v-254c5395] {
  font-size: 0.75rem;
  color: rgba(255, 255, 255, 0.6);
}
.dropdown-item.active .alignment-bar__preset-description[data-v-254c5395] {
  color: rgba(255, 255, 255, 0.85);
}

/* Context crossfade — same timing as the HUD's own mode swap. */
.alignment-context-enter-active[data-v-254c5395],
.alignment-context-leave-active[data-v-254c5395] {
  transition: opacity 0.15s ease;
}
.alignment-context-enter-from[data-v-254c5395],
.alignment-context-leave-to[data-v-254c5395] {
  opacity: 0;
}.game-period-actions__action[data-v-e3e7f0fa] {
  min-width: var(--dm-game-hud-row-height);
  height: var(--dm-game-hud-row-height);
  padding-block: 0;
}
[data-period-toolbar-tier=compact] .game-period-actions__action[data-v-e3e7f0fa]:not(.game-period-actions__more) {
  min-width: 44px;
}
[data-period-toolbar-fill=true] .game-period-actions__action[data-v-e3e7f0fa]:not(.game-period-actions__more) {
  flex-basis: 0 !important;
}
.game-period-actions__more[data-v-e3e7f0fa] {
  width: var(--dm-game-hud-step-width);
}
.game-period-actions__menu[data-v-e3e7f0fa] {
  z-index: 1060;
}.game-context-bar__actions[data-v-8484e840] {
  height: var(--dm-game-hud-actions-height);
}
.game-context-bar__nav[data-v-8484e840] {
  height: var(--dm-game-hud-nav-height);
}
/*
 * One height for every mode. The idle batting pipeline needs far less room than the player and
 * position bars, but this is a bar a coach swaps through constantly — sizing it to its contents
 * makes the field and the lineup jump on every selection, so the tallest mode sets the height
 * and the shorter ones centre inside it.
 *
 * `position: relative` (below) plus the panel's `position: absolute; inset: 0` is load-bearing,
 * not decorative — and it's an absolute-fill, not `display: flex` + stretch, on purpose. This bar
 * has no explicit `height`, only `min-height` (`--dm-game-hud-height`), because it needs to grow past that if a
 * mode's content ever demands it. Every mode's content reaches for `h-100` expecting to fill
 * whatever that resolves to (the alignment tray and the selection bars centre in it), but a flex container whose height comes from `min-height` rather than an explicit
 * `height` does NOT reliably stretch its children to that min-height-derived size — confirmed by
 * reproduction, not just spec-reading: Chromium sizes the container to the min-height, then still
 * sizes the flex item to its own hypothetical (content) height, leaving dead space below it
 * inside the taller bar. `display: flex` here does not fix that, however tempting it looks — it
 * was tried and shipped once already and produced the same short pill. Absolute-fill sidesteps
 * the ambiguity entirely: the panel is taken out of flow, so `.game-hud`'s own height comes
 * purely from `min-height` (or content, if content ever exceeds it) with no flex-stretch
 * computation involved, and `inset: 0` then always matches that box exactly, no matter which
 * value wins.
 */
.game-hud[data-v-439708e1] {
  background-color: var(--bs-gray-800);
  position: relative;
}
.game-hud__panel[data-v-439708e1] {
  bottom: var(--game-hud-safe-area, 0px);
}

/* Idle / position / player crossfade-slide */
.game-hud-mode-enter-active[data-v-439708e1],
.game-hud-mode-leave-active[data-v-439708e1] {
  transition: opacity 0.18s ease, transform 0.18s ease;
}
.game-hud-mode-enter-from[data-v-439708e1] {
  opacity: 0;
  transform: translateX(16px);
}
.game-hud-mode-leave-to[data-v-439708e1] {
  opacity: 0;
  transform: translateX(-16px);
}

/* At-bat / on-deck / in-hole value crossfade */
.game-hud-value-fade-enter-active[data-v-439708e1],
.game-hud-value-fade-leave-active[data-v-439708e1] {
  transition: opacity 0.15s ease;
}
.game-hud-value-fade-enter-from[data-v-439708e1],
.game-hud-value-fade-leave-to[data-v-439708e1] {
  opacity: 0;
}
/*
 * The one bottom dock behind GameInfoBar and AtBatBarSkeleton, so the skeleton can never drift
 * from the real bar.
 *
 * Stacked layout (below lg, where .game-layout flips to a flex column): the field sits
 * above the lineup, so the HUD stays pinned to the viewport and overlays whatever is
 * scrolled underneath it.
 */
.game-hud-dock[data-shell-layout=page][data-v-7738812f] {
  position: fixed;
  left: var(--dm-sidebar-width, 0px);
  right: 0;
  bottom: 0;
  z-index: 1035;
}

/*
 * Grid layout (lg+): the HUD must stay confined to the field's own grid column, not the
 * raw viewport — the lineup sidebar is always there and the innings rail only exists at
 * 1440px+ on the Dugout view, so a fixed dock with restated sidebar-width offsets drifts
 * out of sync with the real grid. A zero-height sticky anchor sits in normal document flow
 * and inherits the column's computed width automatically; the bar is then absolutely
 * positioned inside it so it overlays the field instead of pushing it up.
 */
@media (min-width: 992px) {
.game-hud-dock[data-shell-layout=page][data-v-7738812f] {
    position: sticky;
    left: auto;
    right: auto;
    height: 0;
    overflow: visible;
}
.game-hud-dock[data-shell-layout=page] > [data-v-7738812f-s] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
}
.game-hud-dock[data-shell-layout=mobile-landscape][data-v-7738812f] {
  position: fixed;
  z-index: 1035;
  left: var(--gml-lineup-width, 380px);
  right: 0;
  bottom: 0;
}
.game-hud-dock > [data-v-7738812f-s] {
  box-shadow: 0 -8px 24px rgba(var(--bs-black-rgb), 0.3);
  min-height: calc(var(--dm-game-hud-height) + var(--game-hud-safe-area, 0px));
}
.game-hud-dock[data-shell-layout=mobile-landscape][data-v-7738812f] {
  --game-hud-safe-area: env(safe-area-inset-bottom, 0px);
}
@media (max-width: 991px) {
.game-hud-dock[data-shell-layout=page][data-v-7738812f] {
    --game-hud-safe-area: env(safe-area-inset-bottom, 0px);
}
}
.pitch-count-value[data-v-26bcdbcb] {
  font-family: 'Segment7', monospace;
  font-size: 5.5rem;
  line-height: 1;
  letter-spacing: 0.1em;
}

.game-field-inning[data-v-0050c523] {
  z-index: 2;
}

/* Holds the fading clones of players who just left the field. Shares the container's exact box,
   so a cloned `.position` keeps resolving its left/top percentages against the same coordinate
   space it was cut from and lands precisely where the real marker was standing. */
.field-player-ghost-layer[data-v-0050c523] {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;
}

/* The selected fielder's movement zone. Deliberately quiet — a boundary hint
   over busy field art, not a highlight — and below the markers (z-index 3) so
   it never intercepts a drag. */
.field-alignment-zone[data-v-0050c523] {
  position: absolute;
  z-index: 2;
  border: 2px dashed rgba(255, 255, 255, 0.55);
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.08);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset;
  pointer-events: none;
}

/* Grass bleed. The art layer inside the BaseballField frame deliberately
   overflows it so the foul lines and outfield arc keep running past the marker
   grid; this element clips that overflow. Its background colour — the theme's
   turf-edge token — is only a floor under the art rather than the thing
   filling the panel: with `bleed` the art paints the turf itself, all the way
   out, so there is no rectangle where drawn grass meets flat colour. The
   tokens are declared here as well as on the field so the floor follows the
   same theme (and goes white on paper). */
.baseball-field[data-v-0050c523] {
  --field-surface: #318e26;
  --field-surface-stripe: #419928;
  --field-edge: #1f5b18;
  --field-infield: #fb9d3d;
  --field-line: #fff;
  --field-line-width: 4;
  --field-base: #fff;
  --field-shape-stroke: transparent;
  --field-shape-stroke-width: 0;
  --field-vignette: 0.34;
  --field-text: #fff;
  --field-text-halo: rgba(17, 24, 39, 0.6);
  --field-marker: #1d3557;
  --field-marker-border: #fff;
  --field-marker-text: #fff;
  --field-selected: #0d6efd;
  --field-active: #ffc107;
  --field-active-text: #212529;
  --court-surface: #d9a768;
  --court-plank: #d19c5c;
  --court-apron: #b5803f;
  --court-paint: #a6433c;
  --volley-surface: #e8894a;
  --volley-front-zone: #dc7636;
  --volley-free-zone: #2f7f9e;
  --volley-net: #1d3557;
  --gridiron-end-zone: #1f5b18;
  --gridiron-scrimmage: #ffc107;
}
[data-bs-theme=dark] .baseball-field[data-v-0050c523] {
  --field-surface: #1f4a24;
  --field-surface-stripe: #24532a;
  --field-edge: #14301a;
  --field-infield: #8a5a35;
  --field-line: #d4dbd6;
  --field-line-width: 4;
  --field-base: #e3e8e4;
  --field-shape-stroke: transparent;
  --field-shape-stroke-width: 0;
  --field-vignette: 0.5;
  --field-text: #e9ecef;
  --field-text-halo: rgba(0, 0, 0, 0.65);
  --field-marker: #e9ecef;
  --field-marker-border: #0f1a12;
  --field-marker-text: #212529;
  --field-selected: #6ea8fe;
  --field-active: #ffda6a;
  --field-active-text: #212529;
  --court-surface: #8b5e3c;
  --court-plank: #845736;
  --court-apron: #5a3b24;
  --court-paint: #6f2f2c;
  --volley-surface: #9a5a30;
  --volley-front-zone: #8b4d27;
  --volley-free-zone: #1f4f63;
  --volley-net: #e9ecef;
  --gridiron-end-zone: #14301a;
  --gridiron-scrimmage: #ffda6a;
}
@media print {
.baseball-field[data-v-0050c523] {
    --field-surface: #fff;
    --field-surface-stripe: #fff;
    --field-edge: #fff;
    --field-infield: #fff;
    --field-line: #111;
    --field-line-width: 2;
    --field-base: #fff;
    --field-shape-stroke: #111;
    --field-shape-stroke-width: 2;
    --field-vignette: 0;
    --field-text: #111;
    --field-text-halo: #fff;
    --field-marker: #fff;
    --field-marker-border: #111;
    --field-marker-text: #111;
    --field-selected: #111;
    --field-active: #111;
    --field-active-text: #fff;
    --court-surface: #fff;
    --court-plank: #fff;
    --court-apron: #fff;
    --court-paint: #fff;
    --volley-surface: #fff;
    --volley-front-zone: #fff;
    --volley-free-zone: #fff;
    --volley-net: #111;
    --gridiron-end-zone: #fff;
    --gridiron-scrimmage: #111;
}
}
.baseball-field[data-v-0050c523] {
  min-height: 100%;
  overflow: hidden;
  background-color: var(--field-edge);
}

/* Paper draws the same geometry as line art — `field-theme-tokens` carries its
   own `@media print` fallback to the print theme, so the live field prints as
   the diagram without a second drawing (a separate print raster once had its
   own projection, and markers could never line up on both). */
/* The marker coordinate space. One aspect ratio at every size: the art is sized
   as a percentage of this box, so the two scale together and fielders never
   need per-breakpoint nudging. */
/* The WIDTH-driven half of the frame's sizing, split out onto its own element so
   that the height-driven half below is measurable rather than merely applied.
   Three terms, no resolution table:
     100%            never wider than the panel;
     --field-floor   the pre-refactor width ladder, a FLOOR rather than a cap, so
                     no viewport with room to spare gets smaller;
     --field-fit     the panel's height converted through the crop's aspect ratio
                     (see field-fit-height). Only a surface that can guarantee a
                     definite height turns this on — DugoutView does; the
                     assign-position modal deliberately doesn't, and falls
                     through to the floor;
     $field-frame-max  where growing stops.
   Between floor and max the field is fully fluid: it tracks whichever of the
   panel's width or height is scarce, and the turf absorbs the rest. */
.field-frame-fit[data-v-0050c523] {
  --field-floor: 760px;
  --field-fit: 0px;
  width: min(100%, clamp(var(--field-floor), var(--field-fit), 1400px));
  margin: 0 auto;
}
@media (max-width: 1399px) {
.field-frame-fit[data-v-0050c523] {
    --field-floor: 640px;
}
}
@media (max-width: 1199px) {
.field-frame-fit[data-v-0050c523] {
    --field-floor: 650px;
}
}
@media (max-width: 991px) {
.field-frame-fit[data-v-0050c523] {
    --field-floor: 580px;
}
}
@media (max-width: 767px) {
.field-frame-fit[data-v-0050c523] {
    --field-floor: 400px;
}
}

/* The BaseballField frame (its aspect ratio comes from the component). */
.positions-container[data-v-0050c523] {
  /* Width only — height follows from the frame's aspect ratio. The ladder above
     has already decided how wide the field WANTS to be; this is the one term that
     can overrule it downwards, and it is the whole fix for a short landscape
     panel: the clamp() above treats --field-floor as a floor, so on its own it
     will happily run the diamond off the bottom of a 570px-tall panel.
     Unset by default (100% of the fit box is the fit box), so any surface that
     doesn't opt into height-awareness behaves exactly as it did. The fallback
     lives in the var() rather than in a declaration here: the cap is set on the
     fit box and INHERITED, and a local declaration would win over it. */
  width: min(100%, var(--field-height-cap, 100%));
  margin: 0 auto;
}

/* Paper: the field shares the sheet with the batting-order column rather than
   owning a viewport, so it fills the column it is given instead of following the
   width ladder above; and with no docked HUD and no panel height to fit into,
   the frame takes the fit box whole — stated rather than left to the fallback,
   so the printed diagram is independent of any cap an ancestor happens to set.
   The stage is forced visible because the phone's batting-order toggle hides it
   below `md`, and a portrait sheet is narrower than `md`. */
@media print {
.game-field-stage[data-v-0050c523] {
    display: flex !important;
}
.field-frame-fit[data-v-0050c523] {
    width: min(100%, 760px);
}
.positions-container[data-v-0050c523] {
    width: 100%;
}
}
/* Phone-landscape game shell: fill the column height-first so nothing scrolls. */
.game-field--mobile-landscape.game-field-column[data-v-0050c523] {
  min-height: 0;
  height: 100%;
}
.game-field--mobile-landscape.baseball-field[data-v-0050c523] {
  min-height: 0;
  height: 100%;
}

/* The stage has to carry a definite height here, because the container below
   sizes height-first (width comes from the aspect ratio). Without this the
   percentage height has nothing to resolve against and the field collapses. */
.game-field--mobile-landscape .game-field-stage[data-v-0050c523] {
  flex: 1 1 auto;
  min-height: 0;
  justify-content: center;
}

/* Height-first here: the fit box hands its whole height down and the frame's
   aspect ratio decides the width, rather than the other way round. */
.game-field--mobile-landscape .field-frame-fit[data-v-0050c523] {
  width: auto;
  height: 100%;
  max-width: 100%;
  display: flex;
  justify-content: center;
}
.game-field--mobile-landscape .positions-container[data-v-0050c523] {
  width: auto;
  height: 100%;
  max-width: 100%;
}

/* Tighter top overlays: match GameMobileLandscape / lineup column density */
.game-field--mobile-landscape > .position-absolute.top-0.start-0[data-v-0050c523] {
  margin: 0.5rem !important;
  max-width: min(50vw, 12rem);
  font-size: 0.7rem;
  line-height: 1.25;
}
.game-field--mobile-landscape > .position-absolute.top-0.end-0[data-v-0050c523] {
  margin: 0.5rem !important;
  max-width: 42%;
}.field-overlay-corner[data-v-1c6ed944] {
  z-index: 5;
}
.corner-top[data-v-1c6ed944] {
  top: var(--dm-space-3);
}
.corner-bottom[data-v-1c6ed944] {
  bottom: var(--dm-space-3);
}
.corner-start[data-v-1c6ed944] {
  left: var(--dm-space-3);
}
.corner-end[data-v-1c6ed944] {
  right: var(--dm-space-3);
}
@media (min-width: 576px) {
.corner-top[data-v-1c6ed944] {
    top: var(--dm-space-4);
}
.corner-bottom[data-v-1c6ed944] {
    bottom: var(--dm-space-4);
}
.corner-start[data-v-1c6ed944] {
    left: var(--dm-space-4);
}
.corner-end[data-v-1c6ed944] {
    right: var(--dm-space-4);
}
}
@media (min-width: 992px) {
.corner-bottom[data-v-1c6ed944] {
    bottom: calc(var(--field-hud-inset, var(--dm-game-hud-height)) + var(--dm-space-4));
}
}.field-hud-box[data-v-e9ba123c] {
  max-width: 40%;
}
.field-hud-chip[data-v-e9ba123c] {
  padding: var(--dm-space-2) var(--dm-space-3);
  gap: var(--dm-space-2);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: var(--dm-radius-md);
  background: rgba(0, 0, 0, 0.45);
  color: #fff;
  font-size: 0.8125rem;
  line-height: 1.25;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  transition: background-color 0.15s ease;
}
.field-hud-chip[data-v-e9ba123c]:hover {
  background: rgba(0, 0, 0, 0.58);
}
.field-hud-chip[data-v-e9ba123c]:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 2px;
}
@media (max-width: 767px) {
.field-hud-chip[data-v-e9ba123c] {
    padding: var(--dm-space-1) var(--dm-space-2);
    font-size: 0.75rem;
}
}
.fade-line[data-v-e9ba123c] {
  overflow: hidden;
  white-space: nowrap;
}
.fade-line.is-clipped[data-v-e9ba123c] {
  mask-image: linear-gradient(to right, #000 calc(100% - 0.6em), transparent 100%);
  -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 0.6em), transparent 100%);
}main[data-v-c1f53347] {
  height: 100%;
  min-height: 0;
}
@media (max-width: 991px) {
main[data-v-c1f53347] {
    height: auto;
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}
}
@media (max-width: 991px) {
main[data-v-c1f53347] .game-field-column {
    flex-shrink: 0;
}
}
@media (min-width: 992px) {
main[data-v-c1f53347] {
    container-type: size;
}
main[data-v-c1f53347] .game-field-stage {
    flex: 1 1 auto;
    min-height: 0;
    align-items: center;
    justify-content: center;
    padding-bottom: var(--field-hud-inset, var(--dm-game-hud-height));
}
main[data-v-c1f53347] .field-frame-fit {
    --field-fit: calc(100cqh * 1.0857142819 * 0.75);
    --field-height-cap: calc(
      max(0px, 100cqh - var(--field-hud-reserve, var(--dm-game-hud-height)) - var(--field-bottom-safe-space, 0px)) *
        1.0857142819
    );
}
}
@media print {
main[data-v-c1f53347] {
    height: auto;
    overflow: visible !important;
    container-type: normal;
}
main[data-v-c1f53347] .game-field-stage {
    padding-bottom: 0;
}
}.game-plan-player-identity__rail[data-v-6b9db6f7] {
  display: none;
}
@container game-plan (max-width: 991px) {
.game-plan-player-identity__card[data-v-6b9db6f7] {
    display: none !important;
}
.game-plan-player-identity__rail[data-v-6b9db6f7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.05rem;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    line-height: 1;
    text-align: center;
}
}
.game-plan-player-identity__name[data-v-6b9db6f7] {
  font-weight: 700;
}
.game-plan-player-identity__number[data-v-6b9db6f7] {
  font-size: 0.85rem;
  font-weight: 600;
  line-height: 1;
  color: var(--bs-secondary-color);
}
.game-plan-player-identity__name[data-v-6b9db6f7] {
  display: block;
  width: 100%;
  min-width: 0;
  overflow: hidden;
  font-size: 0.95rem;
  line-height: 1.05;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.full-game-matrix-scroll[data-v-fa2f13a6] {
  flex: 1 1 0%;
  min-height: 0;
  min-width: 0;
  width: 100%;
  overflow: auto;
}
.full-game-matrix-page-table[data-v-fa2f13a6] {
  min-width: 100%;
  width: max-content;
}
.full-game-matrix-page-table th[data-v-fa2f13a6],
.full-game-matrix-page-table td[data-v-fa2f13a6] {
  min-height: 64px;
  vertical-align: middle;
}
.full-game-matrix-page-table .inning-column[data-v-fa2f13a6],
.full-game-matrix-page-table .game-matrix-data-cell[data-v-fa2f13a6] {
  height: 64px;
  white-space: nowrap;
}

/*
 * Defensive assignments (Players editor and the Game Plan sheet — one component, DefensiveAssignmentsTable):
 * rows only need to fit an abbreviated position badge or the BENCH pill. 2.75rem is a comfortable
 * tap target for the interactive cell button and reads identically on the read-only sheet.
 */
.full-game-matrix-page-table.defensive-assignments-table tbody .game-matrix-data-cell[data-v-fa2f13a6] {
  height: auto;
  min-height: 2.75rem;
}

/*
 * One Bootstrap table. Separate borders (spacing 0) so a sticky header and player column
 * don't leave a hairline that scrolling cells show through — collapsed borders don't travel
 * with a sticky cell. Column widths come from the colgroup, not from whatever a button or a
 * name happens to measure: `table-layout: fixed` ignores per-cell min-widths, so the floor
 * that keeps an inning label ("1ST") inside its button lives on the table, from the inning
 * count the component passes in.
 *
 * `--assignments-player-min` / `--assignments-inning-min` are the floors. Game Plan narrows
 * them on a phone and widens the innings again from tablet portrait up; left unset, an
 * inning column is wide enough for the header button.
 */
.full-game-matrix-page-table.defensive-assignments-table[data-v-fa2f13a6] {
  width: 100%;
  min-width: calc(var(--assignments-player-min, 14rem) + var(--assignments-inning-count, 6) * var(--assignments-inning-min, 6.75rem) + var(--assignments-extra-col, 0rem));
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
}
.full-game-matrix-page-table.defensive-assignments-table[data-v-fa2f13a6] > :not(caption) > * > * {
  border-width: 0 var(--bs-border-width) var(--bs-border-width) 0;
  background-clip: padding-box;
}
.full-game-matrix-page-table.defensive-assignments-table[data-v-fa2f13a6] > :not(caption) > * > *:first-child {
  border-left-width: var(--bs-border-width);
}
.full-game-matrix-page-table.defensive-assignments-table > thead > tr[data-v-fa2f13a6] > * {
  border-top-width: var(--bs-border-width);
}
.defensive-assignments-player-col[data-v-fa2f13a6] {
  width: var(--assignments-player-min, 14rem);
}
.defensive-assignments-inning-col[data-v-fa2f13a6] {
  width: var(--assignments-inning-min, 6.75rem);
}
.defensive-assignments-extra-col[data-v-fa2f13a6] {
  width: 4.5rem;
}
.sticky-header[data-v-fa2f13a6] {
  position: sticky;
  top: 0;
  z-index: 3;
  box-shadow: 0 1px 0 var(--bs-border-color);
}
.sticky-player-column[data-v-fa2f13a6] {
  position: sticky;
  left: 0;
  z-index: 2;
  box-shadow: 1px 0 0 var(--bs-border-color);
}
.sticky-player-column.sticky-header[data-v-fa2f13a6] {
  z-index: 4;
  box-shadow: 1px 0 0 var(--bs-border-color), 0 1px 0 var(--bs-border-color);
}
.full-game-matrix-page-table.defensive-assignments-table .sticky-header[data-v-fa2f13a6],
.full-game-matrix-page-table.defensive-assignments-table .sticky-player-column[data-v-fa2f13a6],
.full-game-matrix-page-table.defensive-assignments-table .sticky-player-column.sticky-header[data-v-fa2f13a6] {
  box-shadow: none;
}

/* Wide enough for PositionBadge lg in full-game By position rail */
.by-position-matrix .position-row-label-column[data-v-fa2f13a6] {
  width: clamp(5.25rem, 11vw, 7.5rem);
  min-width: 5rem;
  max-width: 8rem;
  text-align: center;
}

/*
 * Assignments label column: a line PlayerCard (avatar + jersey + name), wider than a position
 * badge needs. Height is left to the row so the label cell never sets the row's height on its
 * own — it stretches to whatever the data cells beside it already are, which is what keeps the
 * label and data cells aligned: same `<tr>`, same row height, by construction.
 */
.player-row-label-column[data-v-fa2f13a6] {
  text-align: left;
  white-space: nowrap;
}
.full-game-matrix-page-table.defensive-assignments-table .player-row-label-column[data-v-fa2f13a6] {
  width: var(--assignments-player-min, 14rem);
  height: auto;
  min-height: 2.75rem;
}
.full-game-player-card[data-v-fa2f13a6] {
  max-width: 100%;
  min-width: 0;
}
.full-game-matrix-page-table.by-position-matrix .inning-column[data-v-fa2f13a6],
.full-game-matrix-page-table.by-position-matrix .game-matrix-data-cell[data-v-fa2f13a6] {
  width: 6.5rem;
  min-width: 6.5rem;
}
.full-game-matrix-page-table.by-position-matrix.full-game-matrix--full-labels .inning-column[data-v-fa2f13a6],
.full-game-matrix-page-table.by-position-matrix.full-game-matrix--full-labels .game-matrix-data-cell[data-v-fa2f13a6] {
  width: 9.5rem;
  min-width: 9.5rem;
}

/* Inning columns share one floor so the header button ("1ST") sits inside the cell. */
.full-game-matrix-page-table.defensive-assignments-table .inning-column[data-v-fa2f13a6],
.full-game-matrix-page-table.defensive-assignments-table .game-matrix-data-cell[data-v-fa2f13a6] {
  width: var(--assignments-inning-min, 6.75rem);
}
.full-game-matrix-page-table.defensive-assignments-table .inning-column[data-v-fa2f13a6] {
  height: auto;
  padding: 0.25rem 0.15rem;
}
.bench-highlight[data-v-fa2f13a6] {
  background-color: rgba(var(--bs-secondary-rgb), 0.12);
}

/*
 * Interactive assignments: the whole cell is the tap target — a position badge alone is too small
 * on a tablet. Hover is an enhancement only (neutral, one step darker than the row's own hover so
 * the cell reads as its own target); every state is also reachable by tap.
 */
.defensive-assignments-table--interactive .game-matrix-data-cell[data-v-fa2f13a6] {
  padding: 0;
}
.defensive-assignments-cell[data-v-fa2f13a6] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 2.75rem;
  padding: 0.25rem 0.5rem;
  border: 0;
  background: none;
  cursor: pointer;
  transition: background-color 0.15s ease-in-out;
}
.defensive-assignments-cell[data-v-fa2f13a6]:focus-visible {
  outline: 2px solid var(--bs-primary);
  outline-offset: -2px;
}
@media (hover: hover) {
.defensive-assignments-cell[data-v-fa2f13a6]:hover {
    background-color: var(--bs-secondary-bg);
}
}
/*
 * Row selection — the workspace's one selection language (tokens in main.scss) in table geometry.
 * One outline around the whole row, not fifteen outlined cells: the top/bottom edge is painted
 * inside every cell and the left/right edge only on the first and last, so it reads as a single
 * selected row. `!important` because the sticky label cell carries `bg-white` (also `!important`)
 * so scrolled inning columns can't show through — the tint is layered over an opaque surface for
 * the same reason. Bench and current-inning tints yield to the row; the BENCH pill and the
 * position badges keep their own colours, which is where those meanings live.
 */
.defensive-assignments-table tbody tr.is-selected > td[data-v-fa2f13a6],
.defensive-assignments-table tbody tr.is-selected > th[data-v-fa2f13a6] {
  background-color: var(--dm-surface) !important;
  background-image: linear-gradient(var(--dm-selection-bg), var(--dm-selection-bg));
  box-shadow: inset 0 2px 0 var(--dm-selection-color), inset 0 -2px 0 var(--dm-selection-color);
}
.defensive-assignments-table tbody tr.is-selected > th[data-v-fa2f13a6]:first-child {
  box-shadow: inset 2px 0 0 var(--dm-selection-color), inset 0 2px 0 var(--dm-selection-color), inset 0 -2px 0 var(--dm-selection-color), 1px 0 0 var(--bs-border-color);
}
.defensive-assignments-table tbody tr.is-selected > td[data-v-fa2f13a6]:last-child {
  box-shadow: inset -2px 0 0 var(--dm-selection-color), inset 0 2px 0 var(--dm-selection-color), inset 0 -2px 0 var(--dm-selection-color);
}

/* Hover is neutral and never on the selected row — the selected look stays put under the cursor. */
@media (hover: hover) {
.defensive-assignments-table--selectable tbody tr:not(.is-selected):hover > td[data-v-fa2f13a6],
  .defensive-assignments-table--selectable tbody tr:not(.is-selected):hover > th[data-v-fa2f13a6] {
    background-color: var(--bs-tertiary-bg) !important;
}
}
/*
 * By-position grid cards: nowrap on .game-matrix-data-cell loses to this rule.
 * Stacks multiple PlayerCards (bench) vertically within the inning column width.
 */
.full-game-matrix-page-table.by-position-matrix tbody td.game-matrix-data-cell.by-position-matrix-td-cards[data-v-fa2f13a6] {
  white-space: normal;
  height: auto;
  min-height: 2.25rem;
  vertical-align: top;
  max-width: none;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.by-position-matrix-card-stack[data-v-fa2f13a6] {
  min-width: 0;
}
.full-game-matrix-page-table.by-position-matrix .full-game-player-card[data-v-fa2f13a6] {
  max-width: 100%;
  min-width: 0;
}
.full-game-matrix-page-table.by-position-matrix .full-game-player-card.w-100[data-v-fa2f13a6],
.full-game-matrix-page-table.by-position-matrix .full-game-player-card .w-100[data-v-fa2f13a6] {
  min-width: 0;
}
.defensive-position-row[data-v-fa2f13a6] {
  transition: background-color 0.15s ease-in-out, opacity 0.15s ease-in-out;
}
.defensive-position-row .position-row-label-column[role=button][data-v-fa2f13a6] {
  cursor: pointer;
}
.defensive-position-row .position-row-label-column[role=button][data-v-fa2f13a6]:hover {
  background-color: var(--bs-tertiary-bg) !important;
}
.defensive-position-row--selected[data-v-fa2f13a6] {
  background-color: rgba(var(--bs-info-rgb), 0.12);
}
.defensive-position-row--selected .position-row-label-column[data-v-fa2f13a6] {
  background-color: rgba(var(--bs-info-rgb), 0.12) !important;
}
.defensive-position-row--dimmed[data-v-fa2f13a6] {
  opacity: 0.4;
}
.defensive-position-bench-row[data-v-fa2f13a6] {
  border-top: 2px solid var(--bs-border-color);
}
.current-inning-column[data-v-fa2f13a6] {
  background-color: rgba(var(--bs-emphasis-color-rgb), 0.05);
  box-shadow: inset 1px 0 0 rgba(var(--bs-emphasis-color-rgb), 0.2), inset -1px 0 0 rgba(var(--bs-emphasis-color-rgb), 0.2);
}
thead .current-inning-column[data-v-fa2f13a6] {
  background-color: var(--bs-secondary-bg) !important;
  background-image: linear-gradient(rgba(var(--bs-emphasis-color-rgb), 0.08), rgba(var(--bs-emphasis-color-rgb), 0.08));
}

/*
 * Paper. The scroll region becomes flow, sticky cells become ordinary cells, the inning-header
 * buttons print as plain labels, the fixed column widths give way so N innings share the sheet,
 * and rows hold together across a page break. The current-inning and bench tints stay — they
 * carry information — and ask the browser to keep their colour.
 */
@media print {
.full-game-matrix-scroll[data-v-fa2f13a6] {
    flex: none;
    height: auto;
    overflow: visible !important;
}
.full-game-matrix-page-table[data-v-fa2f13a6] {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed;
}
.full-game-matrix-page-table th[data-v-fa2f13a6],
  .full-game-matrix-page-table td[data-v-fa2f13a6] {
    min-height: 0;
    padding: 2pt 4pt;
    line-height: 1.2;
}
.full-game-matrix-page-table tr[data-v-fa2f13a6] {
    break-inside: avoid;
    page-break-inside: avoid;
}
.full-game-matrix-page-table .inning-column[data-v-fa2f13a6],
  .full-game-matrix-page-table .game-matrix-data-cell[data-v-fa2f13a6] {
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    white-space: normal;
}
.full-game-matrix-page-table .player-row-label-column[data-v-fa2f13a6] {
    width: 12rem !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
}
.full-game-matrix-page-table .position-row-label-column[data-v-fa2f13a6] {
    width: 6.5rem !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
}
.full-game-matrix-page-table.defensive-assignments-table .player-row-label-column[data-v-fa2f13a6] {
    width: 22% !important;
}
.sticky-header[data-v-fa2f13a6],
  .sticky-player-column[data-v-fa2f13a6],
  .sticky-player-column.sticky-header[data-v-fa2f13a6] {
    position: static;
    box-shadow: none;
}
.inning-column .btn[data-v-fa2f13a6] {
    appearance: none;
    padding: 0;
    border: 0;
    background: none !important;
    color: inherit !important;
    box-shadow: none;
}
.defensive-assignments-table--interactive .game-matrix-data-cell[data-v-fa2f13a6] {
    padding: 2pt 4pt;
}
.defensive-assignments-cell[data-v-fa2f13a6] {
    min-height: 0;
    padding: 0;
    cursor: default;
}
.bench-highlight[data-v-fa2f13a6],
  .current-inning-column[data-v-fa2f13a6],
  thead .current-inning-column[data-v-fa2f13a6] {
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
}
.defensive-assignments-table tbody tr.is-selected > td[data-v-fa2f13a6],
  .defensive-assignments-table tbody tr.is-selected > th[data-v-fa2f13a6] {
    background-image: none;
    box-shadow: none;
}
.defensive-position-row--selected[data-v-fa2f13a6],
  .defensive-position-row--selected .position-row-label-column[data-v-fa2f13a6] {
    background-color: transparent !important;
}
.defensive-position-row--dimmed[data-v-fa2f13a6] {
    opacity: 1;
}
}
@media (max-width: 767px) {
.by-position-matrix .position-row-label-column[data-v-fa2f13a6] {
    width: clamp(3.75rem, 16vw, 5.25rem);
    min-width: 3.5rem;
    max-width: 5.5rem;
}
.full-game-matrix-page-table.by-position-matrix .inning-column[data-v-fa2f13a6],
  .full-game-matrix-page-table.by-position-matrix .game-matrix-data-cell[data-v-fa2f13a6] {
    width: 5.75rem;
    min-width: 5.75rem;
}
.player-row-label-column[data-v-fa2f13a6] {
    width: clamp(7rem, 26vw, 9rem);
    min-width: 6.5rem;
    max-width: 10rem;
}
}
/*
 * Player column: screen shows the PlayerCard (`d-print-none`), paper the denser number-and-name
 * chip, hidden on screen here because the chip's own `d-flex` would beat a plain `display: none`.
 */
.defensive-assignments-player-print[data-v-fa2f13a6] {
  display: none !important;
}
@media print {
.defensive-assignments-player-print[data-v-fa2f13a6] {
    display: flex !important;
}
}

/*
 * Paper: a dedicated, densified presentation, not the screen grid shrunk to fit — every rule
 * earns back vertical or horizontal space a sheet read at arm's length doesn't need. Sizing
 * target: portrait Letter, 0.5in margins; a standard roster and inning count fit one page and an
 * unusually large game runs to a second rather than shrinking below legibility (see the
 * `tr { break-inside: avoid }` in full-game-matrix-pages.scss).
 *
 * Selector is the full `.full-game-matrix-page-table.defensive-assignments-table` compound on
 * purpose: the partial's own screen and print rules for `.player-row-label-column` use that same
 * compound (some with `!important`), and matching its specificity — with this block coming after
 * the `@import` — is what lets these overrides win.
 */
@media print {
.full-game-matrix-page-table.defensive-assignments-table[data-v-fa2f13a6] {
    font-size: 8pt;
}
.full-game-matrix-page-table.defensive-assignments-table th[data-v-fa2f13a6],
  .full-game-matrix-page-table.defensive-assignments-table td[data-v-fa2f13a6] {
    padding: 1pt 3pt;
}
.full-game-matrix-page-table.defensive-assignments-table tbody .game-matrix-data-cell[data-v-fa2f13a6],
  .full-game-matrix-page-table.defensive-assignments-table .player-row-label-column[data-v-fa2f13a6] {
    min-height: 0 !important;
    height: auto !important;
}
.full-game-matrix-page-table.defensive-assignments-table .player-row-label-column[data-v-fa2f13a6] {
    width: 16% !important;
}
.full-game-matrix-page-table.defensive-assignments-table .inning-column .print-only[data-v-fa2f13a6] {
    display: inline !important;
}
.full-game-matrix-page-table.defensive-assignments-table[data-v-fa2f13a6] .player-chip__avatar {
    display: none !important;
}
.full-game-matrix-page-table.defensive-assignments-table[data-v-fa2f13a6] .player-chip__name {
    font-size: 7.5pt !important;
}
.full-game-matrix-page-table.defensive-assignments-table[data-v-fa2f13a6] .player-chip__number {
    font-size: 6.5pt !important;
}
.full-game-matrix-page-table.defensive-assignments-table[data-v-fa2f13a6] .position-badge {
    font-size: 7.5pt !important;
    padding: 1pt 4pt !important;
    min-width: 0 !important;
}
.full-game-matrix-page-table.defensive-assignments-table .badge[data-v-fa2f13a6] {
    font-size: 7pt;
    padding: 1pt 4pt;
}
}
.full-game-matrix-scroll[data-v-3e95c354] {
  flex: 1 1 0%;
  min-height: 0;
  min-width: 0;
  width: 100%;
  overflow: auto;
}
.full-game-matrix-page-table[data-v-3e95c354] {
  min-width: 100%;
  width: max-content;
}
.full-game-matrix-page-table th[data-v-3e95c354],
.full-game-matrix-page-table td[data-v-3e95c354] {
  min-height: 64px;
  vertical-align: middle;
}
.full-game-matrix-page-table .inning-column[data-v-3e95c354],
.full-game-matrix-page-table .game-matrix-data-cell[data-v-3e95c354] {
  height: 64px;
  white-space: nowrap;
}

/*
 * Defensive assignments (Players editor and the Game Plan sheet — one component, DefensiveAssignmentsTable):
 * rows only need to fit an abbreviated position badge or the BENCH pill. 2.75rem is a comfortable
 * tap target for the interactive cell button and reads identically on the read-only sheet.
 */
.full-game-matrix-page-table.defensive-assignments-table tbody .game-matrix-data-cell[data-v-3e95c354] {
  height: auto;
  min-height: 2.75rem;
}

/*
 * One Bootstrap table. Separate borders (spacing 0) so a sticky header and player column
 * don't leave a hairline that scrolling cells show through — collapsed borders don't travel
 * with a sticky cell. Column widths come from the colgroup, not from whatever a button or a
 * name happens to measure: `table-layout: fixed` ignores per-cell min-widths, so the floor
 * that keeps an inning label ("1ST") inside its button lives on the table, from the inning
 * count the component passes in.
 *
 * `--assignments-player-min` / `--assignments-inning-min` are the floors. Game Plan narrows
 * them on a phone and widens the innings again from tablet portrait up; left unset, an
 * inning column is wide enough for the header button.
 */
.full-game-matrix-page-table.defensive-assignments-table[data-v-3e95c354] {
  width: 100%;
  min-width: calc(var(--assignments-player-min, 14rem) + var(--assignments-inning-count, 6) * var(--assignments-inning-min, 6.75rem) + var(--assignments-extra-col, 0rem));
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
}
.full-game-matrix-page-table.defensive-assignments-table[data-v-3e95c354] > :not(caption) > * > * {
  border-width: 0 var(--bs-border-width) var(--bs-border-width) 0;
  background-clip: padding-box;
}
.full-game-matrix-page-table.defensive-assignments-table[data-v-3e95c354] > :not(caption) > * > *:first-child {
  border-left-width: var(--bs-border-width);
}
.full-game-matrix-page-table.defensive-assignments-table > thead > tr[data-v-3e95c354] > * {
  border-top-width: var(--bs-border-width);
}
.defensive-assignments-player-col[data-v-3e95c354] {
  width: var(--assignments-player-min, 14rem);
}
.defensive-assignments-inning-col[data-v-3e95c354] {
  width: var(--assignments-inning-min, 6.75rem);
}
.defensive-assignments-extra-col[data-v-3e95c354] {
  width: 4.5rem;
}
.sticky-header[data-v-3e95c354] {
  position: sticky;
  top: 0;
  z-index: 3;
  box-shadow: 0 1px 0 var(--bs-border-color);
}
.sticky-player-column[data-v-3e95c354] {
  position: sticky;
  left: 0;
  z-index: 2;
  box-shadow: 1px 0 0 var(--bs-border-color);
}
.sticky-player-column.sticky-header[data-v-3e95c354] {
  z-index: 4;
  box-shadow: 1px 0 0 var(--bs-border-color), 0 1px 0 var(--bs-border-color);
}
.full-game-matrix-page-table.defensive-assignments-table .sticky-header[data-v-3e95c354],
.full-game-matrix-page-table.defensive-assignments-table .sticky-player-column[data-v-3e95c354],
.full-game-matrix-page-table.defensive-assignments-table .sticky-player-column.sticky-header[data-v-3e95c354] {
  box-shadow: none;
}

/* Wide enough for PositionBadge lg in full-game By position rail */
.by-position-matrix .position-row-label-column[data-v-3e95c354] {
  width: clamp(5.25rem, 11vw, 7.5rem);
  min-width: 5rem;
  max-width: 8rem;
  text-align: center;
}

/*
 * Assignments label column: a line PlayerCard (avatar + jersey + name), wider than a position
 * badge needs. Height is left to the row so the label cell never sets the row's height on its
 * own — it stretches to whatever the data cells beside it already are, which is what keeps the
 * label and data cells aligned: same `<tr>`, same row height, by construction.
 */
.player-row-label-column[data-v-3e95c354] {
  text-align: left;
  white-space: nowrap;
}
.full-game-matrix-page-table.defensive-assignments-table .player-row-label-column[data-v-3e95c354] {
  width: var(--assignments-player-min, 14rem);
  height: auto;
  min-height: 2.75rem;
}
.full-game-player-card[data-v-3e95c354] {
  max-width: 100%;
  min-width: 0;
}
.full-game-matrix-page-table.by-position-matrix .inning-column[data-v-3e95c354],
.full-game-matrix-page-table.by-position-matrix .game-matrix-data-cell[data-v-3e95c354] {
  width: 6.5rem;
  min-width: 6.5rem;
}
.full-game-matrix-page-table.by-position-matrix.full-game-matrix--full-labels .inning-column[data-v-3e95c354],
.full-game-matrix-page-table.by-position-matrix.full-game-matrix--full-labels .game-matrix-data-cell[data-v-3e95c354] {
  width: 9.5rem;
  min-width: 9.5rem;
}

/* Inning columns share one floor so the header button ("1ST") sits inside the cell. */
.full-game-matrix-page-table.defensive-assignments-table .inning-column[data-v-3e95c354],
.full-game-matrix-page-table.defensive-assignments-table .game-matrix-data-cell[data-v-3e95c354] {
  width: var(--assignments-inning-min, 6.75rem);
}
.full-game-matrix-page-table.defensive-assignments-table .inning-column[data-v-3e95c354] {
  height: auto;
  padding: 0.25rem 0.15rem;
}
.bench-highlight[data-v-3e95c354] {
  background-color: rgba(var(--bs-secondary-rgb), 0.12);
}

/*
 * Interactive assignments: the whole cell is the tap target — a position badge alone is too small
 * on a tablet. Hover is an enhancement only (neutral, one step darker than the row's own hover so
 * the cell reads as its own target); every state is also reachable by tap.
 */
.defensive-assignments-table--interactive .game-matrix-data-cell[data-v-3e95c354] {
  padding: 0;
}
.defensive-assignments-cell[data-v-3e95c354] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 2.75rem;
  padding: 0.25rem 0.5rem;
  border: 0;
  background: none;
  cursor: pointer;
  transition: background-color 0.15s ease-in-out;
}
.defensive-assignments-cell[data-v-3e95c354]:focus-visible {
  outline: 2px solid var(--bs-primary);
  outline-offset: -2px;
}
@media (hover: hover) {
.defensive-assignments-cell[data-v-3e95c354]:hover {
    background-color: var(--bs-secondary-bg);
}
}
/*
 * Row selection — the workspace's one selection language (tokens in main.scss) in table geometry.
 * One outline around the whole row, not fifteen outlined cells: the top/bottom edge is painted
 * inside every cell and the left/right edge only on the first and last, so it reads as a single
 * selected row. `!important` because the sticky label cell carries `bg-white` (also `!important`)
 * so scrolled inning columns can't show through — the tint is layered over an opaque surface for
 * the same reason. Bench and current-inning tints yield to the row; the BENCH pill and the
 * position badges keep their own colours, which is where those meanings live.
 */
.defensive-assignments-table tbody tr.is-selected > td[data-v-3e95c354],
.defensive-assignments-table tbody tr.is-selected > th[data-v-3e95c354] {
  background-color: var(--dm-surface) !important;
  background-image: linear-gradient(var(--dm-selection-bg), var(--dm-selection-bg));
  box-shadow: inset 0 2px 0 var(--dm-selection-color), inset 0 -2px 0 var(--dm-selection-color);
}
.defensive-assignments-table tbody tr.is-selected > th[data-v-3e95c354]:first-child {
  box-shadow: inset 2px 0 0 var(--dm-selection-color), inset 0 2px 0 var(--dm-selection-color), inset 0 -2px 0 var(--dm-selection-color), 1px 0 0 var(--bs-border-color);
}
.defensive-assignments-table tbody tr.is-selected > td[data-v-3e95c354]:last-child {
  box-shadow: inset -2px 0 0 var(--dm-selection-color), inset 0 2px 0 var(--dm-selection-color), inset 0 -2px 0 var(--dm-selection-color);
}

/* Hover is neutral and never on the selected row — the selected look stays put under the cursor. */
@media (hover: hover) {
.defensive-assignments-table--selectable tbody tr:not(.is-selected):hover > td[data-v-3e95c354],
  .defensive-assignments-table--selectable tbody tr:not(.is-selected):hover > th[data-v-3e95c354] {
    background-color: var(--bs-tertiary-bg) !important;
}
}
/*
 * By-position grid cards: nowrap on .game-matrix-data-cell loses to this rule.
 * Stacks multiple PlayerCards (bench) vertically within the inning column width.
 */
.full-game-matrix-page-table.by-position-matrix tbody td.game-matrix-data-cell.by-position-matrix-td-cards[data-v-3e95c354] {
  white-space: normal;
  height: auto;
  min-height: 2.25rem;
  vertical-align: top;
  max-width: none;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.by-position-matrix-card-stack[data-v-3e95c354] {
  min-width: 0;
}
.full-game-matrix-page-table.by-position-matrix .full-game-player-card[data-v-3e95c354] {
  max-width: 100%;
  min-width: 0;
}
.full-game-matrix-page-table.by-position-matrix .full-game-player-card.w-100[data-v-3e95c354],
.full-game-matrix-page-table.by-position-matrix .full-game-player-card .w-100[data-v-3e95c354] {
  min-width: 0;
}
.defensive-position-row[data-v-3e95c354] {
  transition: background-color 0.15s ease-in-out, opacity 0.15s ease-in-out;
}
.defensive-position-row .position-row-label-column[role=button][data-v-3e95c354] {
  cursor: pointer;
}
.defensive-position-row .position-row-label-column[role=button][data-v-3e95c354]:hover {
  background-color: var(--bs-tertiary-bg) !important;
}
.defensive-position-row--selected[data-v-3e95c354] {
  background-color: rgba(var(--bs-info-rgb), 0.12);
}
.defensive-position-row--selected .position-row-label-column[data-v-3e95c354] {
  background-color: rgba(var(--bs-info-rgb), 0.12) !important;
}
.defensive-position-row--dimmed[data-v-3e95c354] {
  opacity: 0.4;
}
.defensive-position-bench-row[data-v-3e95c354] {
  border-top: 2px solid var(--bs-border-color);
}
.current-inning-column[data-v-3e95c354] {
  background-color: rgba(var(--bs-emphasis-color-rgb), 0.05);
  box-shadow: inset 1px 0 0 rgba(var(--bs-emphasis-color-rgb), 0.2), inset -1px 0 0 rgba(var(--bs-emphasis-color-rgb), 0.2);
}
thead .current-inning-column[data-v-3e95c354] {
  background-color: var(--bs-secondary-bg) !important;
  background-image: linear-gradient(rgba(var(--bs-emphasis-color-rgb), 0.08), rgba(var(--bs-emphasis-color-rgb), 0.08));
}

/*
 * Paper. The scroll region becomes flow, sticky cells become ordinary cells, the inning-header
 * buttons print as plain labels, the fixed column widths give way so N innings share the sheet,
 * and rows hold together across a page break. The current-inning and bench tints stay — they
 * carry information — and ask the browser to keep their colour.
 */
@media print {
.full-game-matrix-scroll[data-v-3e95c354] {
    flex: none;
    height: auto;
    overflow: visible !important;
}
.full-game-matrix-page-table[data-v-3e95c354] {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed;
}
.full-game-matrix-page-table th[data-v-3e95c354],
  .full-game-matrix-page-table td[data-v-3e95c354] {
    min-height: 0;
    padding: 2pt 4pt;
    line-height: 1.2;
}
.full-game-matrix-page-table tr[data-v-3e95c354] {
    break-inside: avoid;
    page-break-inside: avoid;
}
.full-game-matrix-page-table .inning-column[data-v-3e95c354],
  .full-game-matrix-page-table .game-matrix-data-cell[data-v-3e95c354] {
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    white-space: normal;
}
.full-game-matrix-page-table .player-row-label-column[data-v-3e95c354] {
    width: 12rem !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
}
.full-game-matrix-page-table .position-row-label-column[data-v-3e95c354] {
    width: 6.5rem !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
}
.full-game-matrix-page-table.defensive-assignments-table .player-row-label-column[data-v-3e95c354] {
    width: 22% !important;
}
.sticky-header[data-v-3e95c354],
  .sticky-player-column[data-v-3e95c354],
  .sticky-player-column.sticky-header[data-v-3e95c354] {
    position: static;
    box-shadow: none;
}
.inning-column .btn[data-v-3e95c354] {
    appearance: none;
    padding: 0;
    border: 0;
    background: none !important;
    color: inherit !important;
    box-shadow: none;
}
.defensive-assignments-table--interactive .game-matrix-data-cell[data-v-3e95c354] {
    padding: 2pt 4pt;
}
.defensive-assignments-cell[data-v-3e95c354] {
    min-height: 0;
    padding: 0;
    cursor: default;
}
.bench-highlight[data-v-3e95c354],
  .current-inning-column[data-v-3e95c354],
  thead .current-inning-column[data-v-3e95c354] {
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
}
.defensive-assignments-table tbody tr.is-selected > td[data-v-3e95c354],
  .defensive-assignments-table tbody tr.is-selected > th[data-v-3e95c354] {
    background-image: none;
    box-shadow: none;
}
.defensive-position-row--selected[data-v-3e95c354],
  .defensive-position-row--selected .position-row-label-column[data-v-3e95c354] {
    background-color: transparent !important;
}
.defensive-position-row--dimmed[data-v-3e95c354] {
    opacity: 1;
}
}
@media (max-width: 767px) {
.by-position-matrix .position-row-label-column[data-v-3e95c354] {
    width: clamp(3.75rem, 16vw, 5.25rem);
    min-width: 3.5rem;
    max-width: 5.5rem;
}
.full-game-matrix-page-table.by-position-matrix .inning-column[data-v-3e95c354],
  .full-game-matrix-page-table.by-position-matrix .game-matrix-data-cell[data-v-3e95c354] {
    width: 5.75rem;
    min-width: 5.75rem;
}
.player-row-label-column[data-v-3e95c354] {
    width: clamp(7rem, 26vw, 9rem);
    min-width: 6.5rem;
    max-width: 10rem;
}
}
.defensive-position-view[data-v-3e95c354] {
  flex: 1 1 0%;
}

/* The whole cell is the tap target for a position assignment — same rule as the Players view's
   cell button. Hover is neutral (never the selection blue) and an enhancement only; every state
   here is also reachable by tap. */
.position-assignment-cell[data-v-3e95c354] {
  cursor: pointer;
}
.position-assignment-cell[data-v-3e95c354]:focus-visible {
  outline: 2px solid var(--bs-primary);
  outline-offset: -2px;
}
@media (hover: hover) {
.position-assignment-cell[data-v-3e95c354]:hover {
    background-color: var(--bs-secondary-bg);
}
}
@media print {
.position-assignment-cell[data-v-3e95c354] {
    cursor: default;
}
}
/* Drag-and-drop states (spec §6, §8, §18-20, §25) — every cell dims to "a drag is happening
   somewhere", the hovered one brightens, and an occupied hover swaps its tint for the "this
   will swap" cue instead of stacking a confirmation UI on top of a fast gesture. */
.dnd-target[data-v-3e95c354] {
  position: relative;
  transition: background-color 0.1s ease-out, outline-color 0.1s ease-out;
  outline: 1px dashed transparent;
  outline-offset: -1px;
}
.dnd-target--active[data-v-3e95c354] {
  outline-color: rgba(var(--bs-primary-rgb), 0.5);
  background-color: rgba(var(--bs-primary-rgb), 0.1);
}
.dnd-target--swap[data-v-3e95c354] {
  outline-style: solid;
  outline-color: var(--bs-primary);
  background-color: rgba(var(--bs-primary-rgb), 0.16);
}
.dnd-target--source[data-v-3e95c354] {
  background-color: rgba(var(--bs-secondary-rgb), 0.06);
}
.dnd-empty-hint[data-v-3e95c354] {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.dnd-active-column[data-v-3e95c354] {
  background-color: rgba(var(--bs-primary-rgb), 0.06) !important;
}
.dnd-active-row[data-v-3e95c354] .position-row-label-column {
  background-color: rgba(var(--bs-primary-rgb), 0.06) !important;
}

/* Paper: a flowing table, not a flex-filled panel (scroll/sticky resets: full-game-matrix-pages).
   Chips drop their photo so the number and name get the cell's width — a name beats a face on a
   sheet six innings wide. */
@media print {
.defensive-position-view[data-v-3e95c354] {
    display: block;
    flex: none;
}
.by-position-matrix[data-v-3e95c354] .player-avatar {
    display: none;
}
.by-position-matrix[data-v-3e95c354] .by-position-matrix-card-stack {
    gap: 0.25rem !important;
}
}
.full-game-matrix-scroll[data-v-54887252] {
  flex: 1 1 0%;
  min-height: 0;
  min-width: 0;
  width: 100%;
  overflow: auto;
}
.full-game-matrix-page-table[data-v-54887252] {
  min-width: 100%;
  width: max-content;
}
.full-game-matrix-page-table th[data-v-54887252],
.full-game-matrix-page-table td[data-v-54887252] {
  min-height: 64px;
  vertical-align: middle;
}
.full-game-matrix-page-table .inning-column[data-v-54887252],
.full-game-matrix-page-table .game-matrix-data-cell[data-v-54887252] {
  height: 64px;
  white-space: nowrap;
}

/*
 * Defensive assignments (Players editor and the Game Plan sheet — one component, DefensiveAssignmentsTable):
 * rows only need to fit an abbreviated position badge or the BENCH pill. 2.75rem is a comfortable
 * tap target for the interactive cell button and reads identically on the read-only sheet.
 */
.full-game-matrix-page-table.defensive-assignments-table tbody .game-matrix-data-cell[data-v-54887252] {
  height: auto;
  min-height: 2.75rem;
}

/*
 * One Bootstrap table. Separate borders (spacing 0) so a sticky header and player column
 * don't leave a hairline that scrolling cells show through — collapsed borders don't travel
 * with a sticky cell. Column widths come from the colgroup, not from whatever a button or a
 * name happens to measure: `table-layout: fixed` ignores per-cell min-widths, so the floor
 * that keeps an inning label ("1ST") inside its button lives on the table, from the inning
 * count the component passes in.
 *
 * `--assignments-player-min` / `--assignments-inning-min` are the floors. Game Plan narrows
 * them on a phone and widens the innings again from tablet portrait up; left unset, an
 * inning column is wide enough for the header button.
 */
.full-game-matrix-page-table.defensive-assignments-table[data-v-54887252] {
  width: 100%;
  min-width: calc(var(--assignments-player-min, 14rem) + var(--assignments-inning-count, 6) * var(--assignments-inning-min, 6.75rem) + var(--assignments-extra-col, 0rem));
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
}
.full-game-matrix-page-table.defensive-assignments-table[data-v-54887252] > :not(caption) > * > * {
  border-width: 0 var(--bs-border-width) var(--bs-border-width) 0;
  background-clip: padding-box;
}
.full-game-matrix-page-table.defensive-assignments-table[data-v-54887252] > :not(caption) > * > *:first-child {
  border-left-width: var(--bs-border-width);
}
.full-game-matrix-page-table.defensive-assignments-table > thead > tr[data-v-54887252] > * {
  border-top-width: var(--bs-border-width);
}
.defensive-assignments-player-col[data-v-54887252] {
  width: var(--assignments-player-min, 14rem);
}
.defensive-assignments-inning-col[data-v-54887252] {
  width: var(--assignments-inning-min, 6.75rem);
}
.defensive-assignments-extra-col[data-v-54887252] {
  width: 4.5rem;
}
.sticky-header[data-v-54887252] {
  position: sticky;
  top: 0;
  z-index: 3;
  box-shadow: 0 1px 0 var(--bs-border-color);
}
.sticky-player-column[data-v-54887252] {
  position: sticky;
  left: 0;
  z-index: 2;
  box-shadow: 1px 0 0 var(--bs-border-color);
}
.sticky-player-column.sticky-header[data-v-54887252] {
  z-index: 4;
  box-shadow: 1px 0 0 var(--bs-border-color), 0 1px 0 var(--bs-border-color);
}
.full-game-matrix-page-table.defensive-assignments-table .sticky-header[data-v-54887252],
.full-game-matrix-page-table.defensive-assignments-table .sticky-player-column[data-v-54887252],
.full-game-matrix-page-table.defensive-assignments-table .sticky-player-column.sticky-header[data-v-54887252] {
  box-shadow: none;
}

/* Wide enough for PositionBadge lg in full-game By position rail */
.by-position-matrix .position-row-label-column[data-v-54887252] {
  width: clamp(5.25rem, 11vw, 7.5rem);
  min-width: 5rem;
  max-width: 8rem;
  text-align: center;
}

/*
 * Assignments label column: a line PlayerCard (avatar + jersey + name), wider than a position
 * badge needs. Height is left to the row so the label cell never sets the row's height on its
 * own — it stretches to whatever the data cells beside it already are, which is what keeps the
 * label and data cells aligned: same `<tr>`, same row height, by construction.
 */
.player-row-label-column[data-v-54887252] {
  text-align: left;
  white-space: nowrap;
}
.full-game-matrix-page-table.defensive-assignments-table .player-row-label-column[data-v-54887252] {
  width: var(--assignments-player-min, 14rem);
  height: auto;
  min-height: 2.75rem;
}
.full-game-player-card[data-v-54887252] {
  max-width: 100%;
  min-width: 0;
}
.full-game-matrix-page-table.by-position-matrix .inning-column[data-v-54887252],
.full-game-matrix-page-table.by-position-matrix .game-matrix-data-cell[data-v-54887252] {
  width: 6.5rem;
  min-width: 6.5rem;
}
.full-game-matrix-page-table.by-position-matrix.full-game-matrix--full-labels .inning-column[data-v-54887252],
.full-game-matrix-page-table.by-position-matrix.full-game-matrix--full-labels .game-matrix-data-cell[data-v-54887252] {
  width: 9.5rem;
  min-width: 9.5rem;
}

/* Inning columns share one floor so the header button ("1ST") sits inside the cell. */
.full-game-matrix-page-table.defensive-assignments-table .inning-column[data-v-54887252],
.full-game-matrix-page-table.defensive-assignments-table .game-matrix-data-cell[data-v-54887252] {
  width: var(--assignments-inning-min, 6.75rem);
}
.full-game-matrix-page-table.defensive-assignments-table .inning-column[data-v-54887252] {
  height: auto;
  padding: 0.25rem 0.15rem;
}
.bench-highlight[data-v-54887252] {
  background-color: rgba(var(--bs-secondary-rgb), 0.12);
}

/*
 * Interactive assignments: the whole cell is the tap target — a position badge alone is too small
 * on a tablet. Hover is an enhancement only (neutral, one step darker than the row's own hover so
 * the cell reads as its own target); every state is also reachable by tap.
 */
.defensive-assignments-table--interactive .game-matrix-data-cell[data-v-54887252] {
  padding: 0;
}
.defensive-assignments-cell[data-v-54887252] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 2.75rem;
  padding: 0.25rem 0.5rem;
  border: 0;
  background: none;
  cursor: pointer;
  transition: background-color 0.15s ease-in-out;
}
.defensive-assignments-cell[data-v-54887252]:focus-visible {
  outline: 2px solid var(--bs-primary);
  outline-offset: -2px;
}
@media (hover: hover) {
.defensive-assignments-cell[data-v-54887252]:hover {
    background-color: var(--bs-secondary-bg);
}
}
/*
 * Row selection — the workspace's one selection language (tokens in main.scss) in table geometry.
 * One outline around the whole row, not fifteen outlined cells: the top/bottom edge is painted
 * inside every cell and the left/right edge only on the first and last, so it reads as a single
 * selected row. `!important` because the sticky label cell carries `bg-white` (also `!important`)
 * so scrolled inning columns can't show through — the tint is layered over an opaque surface for
 * the same reason. Bench and current-inning tints yield to the row; the BENCH pill and the
 * position badges keep their own colours, which is where those meanings live.
 */
.defensive-assignments-table tbody tr.is-selected > td[data-v-54887252],
.defensive-assignments-table tbody tr.is-selected > th[data-v-54887252] {
  background-color: var(--dm-surface) !important;
  background-image: linear-gradient(var(--dm-selection-bg), var(--dm-selection-bg));
  box-shadow: inset 0 2px 0 var(--dm-selection-color), inset 0 -2px 0 var(--dm-selection-color);
}
.defensive-assignments-table tbody tr.is-selected > th[data-v-54887252]:first-child {
  box-shadow: inset 2px 0 0 var(--dm-selection-color), inset 0 2px 0 var(--dm-selection-color), inset 0 -2px 0 var(--dm-selection-color), 1px 0 0 var(--bs-border-color);
}
.defensive-assignments-table tbody tr.is-selected > td[data-v-54887252]:last-child {
  box-shadow: inset -2px 0 0 var(--dm-selection-color), inset 0 2px 0 var(--dm-selection-color), inset 0 -2px 0 var(--dm-selection-color);
}

/* Hover is neutral and never on the selected row — the selected look stays put under the cursor. */
@media (hover: hover) {
.defensive-assignments-table--selectable tbody tr:not(.is-selected):hover > td[data-v-54887252],
  .defensive-assignments-table--selectable tbody tr:not(.is-selected):hover > th[data-v-54887252] {
    background-color: var(--bs-tertiary-bg) !important;
}
}
/*
 * By-position grid cards: nowrap on .game-matrix-data-cell loses to this rule.
 * Stacks multiple PlayerCards (bench) vertically within the inning column width.
 */
.full-game-matrix-page-table.by-position-matrix tbody td.game-matrix-data-cell.by-position-matrix-td-cards[data-v-54887252] {
  white-space: normal;
  height: auto;
  min-height: 2.25rem;
  vertical-align: top;
  max-width: none;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.by-position-matrix-card-stack[data-v-54887252] {
  min-width: 0;
}
.full-game-matrix-page-table.by-position-matrix .full-game-player-card[data-v-54887252] {
  max-width: 100%;
  min-width: 0;
}
.full-game-matrix-page-table.by-position-matrix .full-game-player-card.w-100[data-v-54887252],
.full-game-matrix-page-table.by-position-matrix .full-game-player-card .w-100[data-v-54887252] {
  min-width: 0;
}
.defensive-position-row[data-v-54887252] {
  transition: background-color 0.15s ease-in-out, opacity 0.15s ease-in-out;
}
.defensive-position-row .position-row-label-column[role=button][data-v-54887252] {
  cursor: pointer;
}
.defensive-position-row .position-row-label-column[role=button][data-v-54887252]:hover {
  background-color: var(--bs-tertiary-bg) !important;
}
.defensive-position-row--selected[data-v-54887252] {
  background-color: rgba(var(--bs-info-rgb), 0.12);
}
.defensive-position-row--selected .position-row-label-column[data-v-54887252] {
  background-color: rgba(var(--bs-info-rgb), 0.12) !important;
}
.defensive-position-row--dimmed[data-v-54887252] {
  opacity: 0.4;
}
.defensive-position-bench-row[data-v-54887252] {
  border-top: 2px solid var(--bs-border-color);
}
.current-inning-column[data-v-54887252] {
  background-color: rgba(var(--bs-emphasis-color-rgb), 0.05);
  box-shadow: inset 1px 0 0 rgba(var(--bs-emphasis-color-rgb), 0.2), inset -1px 0 0 rgba(var(--bs-emphasis-color-rgb), 0.2);
}
thead .current-inning-column[data-v-54887252] {
  background-color: var(--bs-secondary-bg) !important;
  background-image: linear-gradient(rgba(var(--bs-emphasis-color-rgb), 0.08), rgba(var(--bs-emphasis-color-rgb), 0.08));
}

/*
 * Paper. The scroll region becomes flow, sticky cells become ordinary cells, the inning-header
 * buttons print as plain labels, the fixed column widths give way so N innings share the sheet,
 * and rows hold together across a page break. The current-inning and bench tints stay — they
 * carry information — and ask the browser to keep their colour.
 */
@media print {
.full-game-matrix-scroll[data-v-54887252] {
    flex: none;
    height: auto;
    overflow: visible !important;
}
.full-game-matrix-page-table[data-v-54887252] {
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed;
}
.full-game-matrix-page-table th[data-v-54887252],
  .full-game-matrix-page-table td[data-v-54887252] {
    min-height: 0;
    padding: 2pt 4pt;
    line-height: 1.2;
}
.full-game-matrix-page-table tr[data-v-54887252] {
    break-inside: avoid;
    page-break-inside: avoid;
}
.full-game-matrix-page-table .inning-column[data-v-54887252],
  .full-game-matrix-page-table .game-matrix-data-cell[data-v-54887252] {
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    white-space: normal;
}
.full-game-matrix-page-table .player-row-label-column[data-v-54887252] {
    width: 12rem !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
}
.full-game-matrix-page-table .position-row-label-column[data-v-54887252] {
    width: 6.5rem !important;
    min-width: 0 !important;
    max-width: none !important;
    height: auto !important;
}
.full-game-matrix-page-table.defensive-assignments-table .player-row-label-column[data-v-54887252] {
    width: 22% !important;
}
.sticky-header[data-v-54887252],
  .sticky-player-column[data-v-54887252],
  .sticky-player-column.sticky-header[data-v-54887252] {
    position: static;
    box-shadow: none;
}
.inning-column .btn[data-v-54887252] {
    appearance: none;
    padding: 0;
    border: 0;
    background: none !important;
    color: inherit !important;
    box-shadow: none;
}
.defensive-assignments-table--interactive .game-matrix-data-cell[data-v-54887252] {
    padding: 2pt 4pt;
}
.defensive-assignments-cell[data-v-54887252] {
    min-height: 0;
    padding: 0;
    cursor: default;
}
.bench-highlight[data-v-54887252],
  .current-inning-column[data-v-54887252],
  thead .current-inning-column[data-v-54887252] {
    print-color-adjust: exact;
    -webkit-print-color-adjust: exact;
}
.defensive-assignments-table tbody tr.is-selected > td[data-v-54887252],
  .defensive-assignments-table tbody tr.is-selected > th[data-v-54887252] {
    background-image: none;
    box-shadow: none;
}
.defensive-position-row--selected[data-v-54887252],
  .defensive-position-row--selected .position-row-label-column[data-v-54887252] {
    background-color: transparent !important;
}
.defensive-position-row--dimmed[data-v-54887252] {
    opacity: 1;
}
}
@media (max-width: 767px) {
.by-position-matrix .position-row-label-column[data-v-54887252] {
    width: clamp(3.75rem, 16vw, 5.25rem);
    min-width: 3.5rem;
    max-width: 5.5rem;
}
.full-game-matrix-page-table.by-position-matrix .inning-column[data-v-54887252],
  .full-game-matrix-page-table.by-position-matrix .game-matrix-data-cell[data-v-54887252] {
    width: 5.75rem;
    min-width: 5.75rem;
}
.player-row-label-column[data-v-54887252] {
    width: clamp(7rem, 26vw, 9rem);
    min-width: 6.5rem;
    max-width: 10rem;
}
}
/*
 * A reading boundary, not a card: the sheet stops growing at 1600px and centres on wider
 * monitors so an 8-inning matrix doesn't stretch edge to edge at 1920px. Deliberately not
 * Bootstrap's `.container` — its steps are too narrow for a data-dense grid.
 */
.game-plan-container[data-v-54887252] {
  width: 100%;
  max-width: 1600px;
  margin-inline: auto;
  padding-inline: 0.75rem;
  container-type: inline-size;
  container-name: game-plan;
}
@media (max-width: 767px) {
.game-plan-container[data-v-54887252] {
    --assignments-player-min: 4.75rem;
    --assignments-inning-min: 4.5rem;
}
}
@media (min-width: 768px) {
.game-plan-container[data-v-54887252] {
    --assignments-player-min: 4.75rem;
    --assignments-inning-min: 6.75rem;
}
}
@media (min-width: 992px) {
.game-plan-container[data-v-54887252] {
    --assignments-player-min: 14rem;
    --assignments-inning-min: 6.75rem;
}
}
@media (min-width: 768px) {
.game-plan-container[data-v-54887252] {
    padding-inline: 1rem;
}
}
@media (min-width: 1200px) {
.game-plan-container[data-v-54887252] {
    padding-inline: 1.5rem;
}
}
@media (max-width: 767px) {
.game-plan-matrix.horizontal-scroll-affordance[data-v-54887252] {
    margin-inline: -0.75rem;
    max-width: none;
}
}
.game-plan-matrix[data-v-54887252] .defensive-assignments-table > :not(caption) > * > *:first-child {
  border-left-width: 0;
}
.game-plan-matrix[data-v-54887252] .defensive-assignments-table > :not(caption) > * > *:last-child {
  border-right-width: 0;
}
.game-plan-matrix[data-v-54887252] .defensive-assignments-table > thead > tr > * {
  border-top-width: 0;
}
.game-plan-matrix[data-v-54887252] .defensive-assignments-table > tbody > tr:last-child > * {
  border-bottom-width: 0;
}
.game-plan-order[data-v-54887252] {
  display: none;
}
@media print {
.game-plan-order[data-v-54887252] {
    display: grid;
}
}

/*
 * Phone and tablet portrait: the label column is the vertical rail. Inning width is
 * --assignments-inning-min on the container (compact on a phone, wider from tablet portrait up).
 */
@media screen {
@container game-plan (max-width: 991px) {
.game-plan-scroll--page[data-v-54887252] .full-game-matrix-page-table.defensive-assignments-table .player-row-label-column {
      width: 4.75rem;
      min-width: 4.75rem;
      max-width: 4.75rem;
      padding-inline: 0.2rem;
}
}
}
/*
 * Paper: a dedicated, densified print presentation, not the desktop layout shrunk to fit — every
 * rule below earns back vertical or horizontal space a screen reference sheet doesn't need. This
 * block is written LAST on purpose: the screen `.game-plan-order` rules above
 * include bare `@media (min-width: …)` queries, which (unlike `@media print`) match against a
 * page's own dimensions and so can still be "in effect" while printing — putting this block after
 * them, with `!important` on the properties those queries touch, is what keeps this block winning
 * regardless of what width the print engine decides to evaluate those against.
 *
 * Sizing target: portrait Letter, 0.5in margins → ~7.5in × 10in usable. The masthead/footer
 * (GamePage.vue print rules) and this sheet's own compacted sections are budgeted to leave the
 * defensive matrix — the primary section, densified by DefensiveAssignmentsTable's own print
 * rules — the majority of that height for a standard roster and inning count.
 */
@media print {
.game-plan-container[data-v-54887252] {
    display: block;
    max-width: none;
    margin: 0;
    padding-inline: 0;
    overflow: visible !important;
}
.game-plan-toolbar-row[data-v-54887252] {
    padding-top: 0 !important;
}
.game-plan-title[data-v-54887252] {
    font-size: 11pt;
}
.game-plan-section-title[data-v-54887252] {
    padding-top: 0.15rem !important;
    margin-bottom: 0.15rem !important;
    font-size: 7.5pt;
    break-after: avoid;
    page-break-after: avoid;
}
.game-plan-order[data-v-54887252] {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 0.1rem 0.5rem !important;
}
.game-plan-order[data-v-54887252] .player-chip {
    gap: 0.3rem !important;
    padding-block: 0.05rem !important;
    padding-inline: 0.1rem !important;
}
.game-plan-order[data-v-54887252] .player-chip__avatar {
    display: none !important;
}
.game-plan-order[data-v-54887252] .player-chip__name {
    font-size: 8pt !important;
}
.game-plan-order[data-v-54887252] .player-chip__number,
  .game-plan-order[data-v-54887252] .player-chip__value-label,
  .game-plan-order[data-v-54887252] .player-chip__value-number {
    font-size: 7pt !important;
}
.game-plan-scroll--page[data-v-54887252] {
    flex: none;
}
.game-plan-matrix[data-v-54887252] {
    margin-inline: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
}
}
.selection-toolbar-bar[data-v-6e603547] {
  z-index: 1035;
  padding-bottom: env(safe-area-inset-bottom, 0px);
}
.preview-position[data-v-3a3b18ac] {
  min-width: 40px;
  min-height: 40px;
}
.preview-position.disabled[data-v-3a3b18ac] {
  cursor: not-allowed;
  opacity: 0.6;
}
.preview-position.selected[data-v-3a3b18ac] .position-badge {
  background-color: var(--dm-position-badge-selected-bg, var(--bs-primary)) !important;
  color: var(--dm-position-badge-selected-color, var(--bs-white)) !important;
  border: 2px solid var(--dm-position-badge-selected-border, var(--bs-primary)) !important;
}
/* Only the width varies by size — the frame is a BaseballField on the preview
crop, so its aspect ratio, the art layer and the marker coordinates all
scale from this one number. */
.position-selector-field {
  width: 280px;
  max-width: 100%;
}
.position-selector-field.xxl {
  width: 438px;
}
.position-selector-field.xl {
  width: 350px;
}
.position-selector-field.lg {
  width: 280px;
}
.position-selector-field.md {
  width: 224px;
}
.position-selector-field.sm {
  width: 180px;
}

/* .preview-position has a 40px min-width/height tuned for the default (lg, 280px) field.
   Scale it down for narrower field sizes so closely-spaced positions (e.g. extra infielders)
   don't overlap on smaller previews. */
.position-selector-field.xl .preview-position {
  min-width: 50px;
  min-height: 50px;
}
.position-selector-field.md .preview-position {
  min-width: 32px;
  min-height: 32px;
}
.position-selector-field.sm .preview-position {
  min-width: 26px;
  min-height: 26px;
}
.position-selector {
  display: grid;
  grid-template-columns: auto 1fr;
}
.position-selector.show-details {
  gap: 1rem;
}
.position-selector.stacked {
  grid-template-columns: 1fr;
}
.position-selector.stacked .position-selector-field {
  margin: 0 auto;
}

/* Badge sizing comes from field `size` via fieldSizeToBadgeSize (FieldPreview / PositionPicker). */
.position-selector-field .preview-position {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.2s ease, opacity 0.2s ease;
  transform: translate(-50%, -50%);
}
.position-selector-field .preview-position:hover:not(.disabled) {
  transform: translate(-50%, -50%) scale(1.1);
}
.position-selector-field .preview-position.readonly {
  cursor: default;
  opacity: 1 !important;
}
.position-selector-field .preview-position.readonly .position-badge {
  opacity: 1 !important;
}
.position-selector-field .preview-position.readonly:not(.selected) .position-badge {
  background-color: #fff !important;
  color: #333 !important;
  border: 2px solid #fff !important;
}
.field-preview-player-marker {
  line-height: 1.1;
  max-width: 100%;
}
.field-preview-player-marker--initials {
  width: 1.75rem;
  height: 1.75rem;
  padding: 0;
  font-size: 0.65rem;
}
.field-preview-player-marker--name {
  max-width: 3.5rem;
  padding: 0.2rem 0.35rem;
  font-size: 0.6rem;
}
.position-selector-field.md .field-preview-player-marker--name {
  max-width: 4rem;
  font-size: 0.65rem;
}
.position-selector-field.lg .field-preview-player-marker--name,
.position-selector-field.default .field-preview-player-marker--name {
  max-width: 5rem;
  font-size: 0.7rem;
}
.position-selector-field.xl .field-preview-player-marker--name {
  max-width: 6rem;
  font-size: 0.75rem;
}
.position-selector-field.xxl .field-preview-player-marker--name {
  max-width: 7rem;
  font-size: 0.85rem;
}

/* ── Position coordinates ─────────────────────────────────────────
   Inline styles from resolvePreviewPositionStyle (utils/fieldGeometry.js),
   which accepts both canonical keys and the PositionPicker's short codes;
   transform: translate(-50%, -50%) on .preview-position handles badge
   centering. Only non-coordinate per-position styling lives here. */
.position-selector-field .preview-position.extraPlayer,
.position-selector-field .preview-position.designatedFielder {
  z-index: 2;
}.drill-selector-panel__search[data-v-f76c98ab] input {
  /* Room for the clear button, which sits over the right-hand end of the field. */
  padding-right: 2.75rem;
}

/* WebKit draws its own clear affordance on `type="search"`, directly under ours. */
.drill-selector-panel__search[data-v-f76c98ab] input::-webkit-search-cancel-button {
  display: none;
}
.drill-selector-panel--sheet .drill-selector-panel__controls[data-v-f76c98ab],
.drill-selector-panel--sheet .drill-selector-panel__results[data-v-f76c98ab],
.drill-selector-panel--sheet .drill-selector-panel__footer[data-v-f76c98ab] {
  padding-inline: 1rem !important;
}
.drill-selector-panel--sheet[data-v-f76c98ab] {
  /* One extra tap-height on every control, and a footer that clears the home indicator. */
}
.drill-selector-panel--sheet .form-select-sm[data-v-f76c98ab],
.drill-selector-panel--sheet .btn-sm[data-v-f76c98ab] {
  min-height: 38px;
}
.drill-selector-panel--sheet .drill-selector-panel__footer[data-v-f76c98ab] {
  padding-bottom: calc(0.75rem + env(safe-area-inset-bottom)) !important;
}/* The bordered row is the control, so it carries the focus ring the bare input gives up. */
.game-form-opponent[data-v-a64bf545]:focus-within {
  border-color: rgba(var(--bs-primary-rgb), 0.5);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}
#opponent[data-v-a64bf545]:focus {
  outline: 0;
}/* Same grass bleed treatment as the live field: the art overflows its frame and this
   element clips it, with the theme's turf-edge token as the floor under the art. */
.replay-field[data-v-dcc55f75] {
  --field-surface: #318e26;
  --field-surface-stripe: #419928;
  --field-edge: #1f5b18;
  --field-infield: #fb9d3d;
  --field-line: #fff;
  --field-line-width: 4;
  --field-base: #fff;
  --field-shape-stroke: transparent;
  --field-shape-stroke-width: 0;
  --field-vignette: 0.34;
  --field-text: #fff;
  --field-text-halo: rgba(17, 24, 39, 0.6);
  --field-marker: #1d3557;
  --field-marker-border: #fff;
  --field-marker-text: #fff;
  --field-selected: #0d6efd;
  --field-active: #ffc107;
  --field-active-text: #212529;
  --court-surface: #d9a768;
  --court-plank: #d19c5c;
  --court-apron: #b5803f;
  --court-paint: #a6433c;
  --volley-surface: #e8894a;
  --volley-front-zone: #dc7636;
  --volley-free-zone: #2f7f9e;
  --volley-net: #1d3557;
  --gridiron-end-zone: #1f5b18;
  --gridiron-scrimmage: #ffc107;
}
[data-bs-theme=dark] .replay-field[data-v-dcc55f75] {
  --field-surface: #1f4a24;
  --field-surface-stripe: #24532a;
  --field-edge: #14301a;
  --field-infield: #8a5a35;
  --field-line: #d4dbd6;
  --field-line-width: 4;
  --field-base: #e3e8e4;
  --field-shape-stroke: transparent;
  --field-shape-stroke-width: 0;
  --field-vignette: 0.5;
  --field-text: #e9ecef;
  --field-text-halo: rgba(0, 0, 0, 0.65);
  --field-marker: #e9ecef;
  --field-marker-border: #0f1a12;
  --field-marker-text: #212529;
  --field-selected: #6ea8fe;
  --field-active: #ffda6a;
  --field-active-text: #212529;
  --court-surface: #8b5e3c;
  --court-plank: #845736;
  --court-apron: #5a3b24;
  --court-paint: #6f2f2c;
  --volley-surface: #9a5a30;
  --volley-front-zone: #8b4d27;
  --volley-free-zone: #1f4f63;
  --volley-net: #e9ecef;
  --gridiron-end-zone: #14301a;
  --gridiron-scrimmage: #ffda6a;
}
@media print {
.replay-field[data-v-dcc55f75] {
    --field-surface: #fff;
    --field-surface-stripe: #fff;
    --field-edge: #fff;
    --field-infield: #fff;
    --field-line: #111;
    --field-line-width: 2;
    --field-base: #fff;
    --field-shape-stroke: #111;
    --field-shape-stroke-width: 2;
    --field-vignette: 0;
    --field-text: #111;
    --field-text-halo: #fff;
    --field-marker: #fff;
    --field-marker-border: #111;
    --field-marker-text: #111;
    --field-selected: #111;
    --field-active: #111;
    --field-active-text: #fff;
    --court-surface: #fff;
    --court-plank: #fff;
    --court-apron: #fff;
    --court-paint: #fff;
    --volley-surface: #fff;
    --volley-front-zone: #fff;
    --volley-free-zone: #fff;
    --volley-net: #111;
    --gridiron-end-zone: #fff;
    --gridiron-scrimmage: #111;
}
}
.replay-field[data-v-dcc55f75] {
  overflow: hidden;
  background-color: var(--field-edge);
}
.positions-container[data-v-dcc55f75] {
  width: 100%;
  margin: 0 auto;
}
.replay-timeline[data-v-3e9a8d86] {
  max-height: 32rem;
}
@supports (padding: max(0px)) {
.replay-playback-bar[data-v-3e9a8d86] {
    padding-bottom: max(1rem, env(safe-area-inset-bottom));
}
}
.countdown-card[data-v-4792e087] {
  padding: min(0.28em, 0.75rem) min(0.55em, 1rem);
  gap: min(0.16em, 0.3rem);
}
.countdown-card--flush[data-v-4792e087] {
  padding: 0;
}
.countdown-card--am-pm[data-v-4792e087] {
  padding-right: calc(min(0.55em, 1rem) + 0.7rem);
}
.countdown-card--done[data-v-4792e087] {
  color: rgba(var(--bs-secondary-rgb), 0.55);
}
.countdown-digits[data-v-4792e087] {
  display: grid;
  align-items: center;
  width: 100%;
  min-width: min-content;
  font-family: "Segment7", monospace;
}
.countdown-digits[data-v-4792e087] > * {
  grid-area: 1/1;
  width: 100%;
  text-align: center;
  font-weight: 600;
  letter-spacing: 0.1em;
}
.countdown-mask[data-v-4792e087] {
  opacity: 0.1;
}
.countdown-value[data-v-4792e087] {
  z-index: 1;
}
.countdown-colon[data-v-4792e087] {
  animation: countdown-blink-4792e087 1s infinite;
}
.countdown-label[data-v-4792e087] {
  font-size: clamp(0.6875rem, 1.2vw + 0.5rem, 0.75rem);
  letter-spacing: 0.04em;
  line-height: 1.25;
}
.countdown-am-pm[data-v-4792e087] {
  top: calc(min(var(--countdown-font-size) * 0.28, 0.75rem) + 0.15rem);
  right: calc(var(--countdown-font-size) * -0.1 + 0.7rem);
  font-size: 0.875rem;
}
.countdown-progress[data-v-4792e087] {
  width: min(78%, var(--countdown-font-size, 1.25rem) * 3.4);
  height: 0.375rem;
  background-color: rgba(var(--bs-white-rgb), 0.12);
}
.countdown-pulse[data-v-4792e087] {
  animation: countdown-pulse-4792e087 1.5s ease-in-out infinite;
}
.countdown-pulse--fast[data-v-4792e087] {
  animation-duration: 0.8s;
}
@keyframes countdown-blink-4792e087 {
0%, 50% {
    opacity: 1;
}
51%, 100% {
    opacity: 0.5;
}
}
@keyframes countdown-pulse-4792e087 {
0%, 100% {
    opacity: 1;
}
50% {
    opacity: 0.85;
}
}.venue-card.sm.chip[data-v-f566b007]:is(button):hover {
  background-color: var(--dm-hover, var(--bs-secondary-bg));
}
.venue-card-identity:is(button):hover .venue-card-name[data-v-f566b007] {
  text-decoration: underline;
}
.venue-card.md .venue-card-media[data-v-f566b007] {
  width: 96px;
  height: 72px;
}
.venue-card.md .venue-card-body[data-v-f566b007] {
  padding: 0.625rem 0.75rem;
}
.venue-card.md .venue-card-actions[data-v-f566b007] {
  padding: 0 0.75rem 0.625rem;
}
.venue-card.lg .venue-card-identity[data-v-f566b007] {
  flex-direction: column;
}
.venue-card.lg .venue-card-media[data-v-f566b007] {
  width: 100%;
  aspect-ratio: 16/9;
}
.venue-card.lg .venue-card-name[data-v-f566b007] {
  font-size: 1.125rem;
}
.venue-card.lg .venue-card-body[data-v-f566b007] {
  padding: 0.875rem 1rem;
}
.venue-card.lg .venue-card-actions[data-v-f566b007] {
  padding: 0 1rem 1rem;
}
@media (min-width: 768px) {
.venue-card.lg .venue-card-identity[data-v-f566b007] {
    flex-direction: row;
}
.venue-card.lg .venue-card-media[data-v-f566b007] {
    width: 45%;
    max-width: 280px;
    aspect-ratio: auto;
}
.venue-card.lg .venue-card-actions[data-v-f566b007] {
    padding-left: calc(45% + 1rem);
}
}
.venue-details-weather-refresh[data-v-c3e7f25c] {
  min-width: 44px;
  min-height: 44px;
}
.venue-details-map[data-v-c3e7f25c] {
  width: 100%;
  min-height: 240px;
  height: 240px;
}
@media (min-width: 768px) {
.venue-details-map[data-v-c3e7f25c] {
    height: 300px;
}
}
.matchup-team--header .matchup-team-logo-header[data-v-318ecb53] {
  width: var(--dm-game-logo-size) !important;
  height: var(--dm-game-logo-size) !important;
  max-width: var(--dm-game-logo-size) !important;
  max-height: var(--dm-game-logo-size) !important;
  object-fit: contain;
}.player-context[data-v-40d9496b] {
  max-width: 9rem;
}
/* Bootstrap has no drag affordances: the dashed in-flight row (the one sortable-list style).
   list-group-flush zeroes side borders, so the outline is declared on all four. */
[data-v-7bac3b4b] .reorder-ghost {
  opacity: 0.5;
  background-color: var(--bs-primary-bg-subtle);
  border: 2px dashed var(--bs-primary) !important;
  border-radius: var(--bs-border-radius);
}
[data-v-7bac3b4b] .reorder-chosen:not(.reorder-ghost) {
  box-shadow: 0 0 0 2px var(--bs-primary);
}

/* Below this (iPad portrait and under) two columns truncate ordinary names; stack instead. */
.roster-picker[data-v-e0eb7512] {
  container-type: inline-size;
  container-name: roster-picker;
}
.roster-picker-columns[data-v-e0eb7512] {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

/* Stacked (mobile): columns size to their own content so the single shared scroller
   (.roster-picker-scroll-split below) can scroll through both in one pass. A fixed height here
   would clip a column at one screen's worth of content instead of letting it grow — see the
   desktop override below, where each column becomes its own fixed-height, independently
   scrolling pane. */
/* height/overflow can't ride the h-auto/overflow-visible utilities here — Bootstrap utilities in
   this app compile `!important` (see _variables.scss), which would permanently beat the
   `@container` desktop override below that caps each column's height for independent scrolling. */
.roster-picker-col[data-v-e0eb7512] {
  height: auto;
  overflow: visible;
}
.roster-picker-order-num[data-v-e0eb7512] {
  min-width: 1.5ch;
  text-align: end;
}

/* flush: the two columns read as one workspace — divider only, no card border/background/shadow.
   Padding .card-header/.card-body would otherwise have supplied is replaced here so spacing
   doesn't collapse to nothing. Rows land closer to the 40–44px target row height a dense batting
   order needs, while keeping a real 40px touch target (spec floor) rather than the app-wide
   48px list row. */
.roster-picker-col-flush[data-v-e0eb7512] {
  /* The non-flush variant gets this for free from Bootstrap's `.card` (display: flex;
     flex-direction: column). Without it here, the column lays out in normal block flow, so the
     list's `flex: 1 1 0` split-scroll sizing (below) has no flex parent to size against — it
     grows to full content height instead of becoming its own scroll pane, and this column's own
     `overflow: hidden` (the @container split-scroll rules) hard-clips it instead. */
  display: flex;
  flex-direction: column;
  background: transparent;
  border: 0;
}
.roster-picker-col-flush[data-v-e0eb7512] .list-group-item {
  min-height: 40px;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.roster-picker-col-flush[data-v-e0eb7512] .reorder-handle {
  min-width: 40px;
  min-height: 40px;
}
.roster-picker-heading-flush[data-v-e0eb7512] {
  padding: 0.25rem 0.25rem 0.375rem;
  background: transparent;
}
.roster-picker-col-flush .roster-picker-list[data-v-e0eb7512] {
  padding: 0 0.25rem;
}
.roster-picker-remove-btn[data-v-e0eb7512] {
  width: 1.75rem;
  height: 1.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* SortableJS's drop target is the bounding box of the list it's bound to, which otherwise only
   claims the height of its rows — a short lineup leaves the rest of a tall column undroppable.
   Stretching the list to fill its pane (a no-op when the pane's own height is intrinsic, i.e.
   outside split-scroll) makes the whole column droppable, not just the existing rows. */
.roster-picker-list[data-v-e0eb7512] .reorderable-list {
  flex: 1 1 auto;
  min-height: 100%;
}
.roster-picker-list[data-v-e0eb7512] .list-group {
  flex: 1 1 auto;
}

/* Real card-header/card-body already give each column its divider and background — sticky just
   pins the header to the top of whichever ancestor is actually scrolling (the shared stacked
   scroller on narrow screens; a no-op on wide screens, where the card itself never scrolls and
   each card-body scrolls independently). */
.roster-picker-heading-sticky[data-v-e0eb7512] {
  position: sticky;
  top: 0;
  z-index: 10;
}

/* Faint until the row is hovered, so the "+" reads as an affordance and not a button of its own. */
.roster-picker-add-hint[data-v-e0eb7512] {
  opacity: 0.55;
}

/* The column a drag is currently headed toward — reads as the live drop target whichever
   direction the drag is running (lineup → Available to remove, Available → lineup to add). */
.roster-picker-col-drop-target[data-v-e0eb7512] {
  outline: 2px dashed var(--bs-primary);
  outline-offset: 6px;
}
@media (hover: hover) {
.roster-picker-list-available[data-v-e0eb7512] .list-group-item:hover .roster-picker-add-hint {
    opacity: 1;
}
}
/* The rail itself is PlayerCardScroller. This wrapper only exists so the wide layout can
   hide the whole row (the desktop list takes over) without fighting the scroller's display. */
.roster-picker-available-rail[data-v-e0eb7512] {
  min-width: 0;
  max-width: 100%;
}
.roster-picker-available-list-desktop-only[data-v-e0eb7512] {
  display: none;
}

/* Split-scroll: the picker fills its parent's height instead of growing the page. How the space
   inside is divided is decided below — stacked and side-by-side each override it differently. */
.roster-picker-scroll-split[data-v-e0eb7512] {
  flex: 1 1 0;
  min-height: 0;
}
@container roster-picker (max-width: 819.98px) {
  /* Stacked + split-scroll: two independently-sized panes, not one shared scroller. Starting
     Lineup takes the remaining height and scrolls internally, so its own header (and the
     "N / required" badge) never scrolls out of view. Available Players sizes to its own content
     — the tile rail is a fixed single row — and stays fully visible below it, however long the
     lineup gets. Same idea as the side-by-side desktop pattern below, rotated 90°. */
.roster-picker-scroll-split[data-v-e0eb7512] {
    overflow: hidden;
}
.roster-picker-scroll-split .roster-picker-col-selected[data-v-e0eb7512] {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}
.roster-picker-scroll-split .roster-picker-col-available[data-v-e0eb7512] {
    flex: 0 0 auto;
}
.roster-picker-scroll-split .roster-picker-list-selected[data-v-e0eb7512] {
    flex: 1 1 0;
    min-height: 0;
    overflow-y: auto;
}
  /* Stacked flush: the columns' own flex gap is dropped in favour of this divider's own spacing
     (below), so "last lineup row → Available Players" is one deliberate ~10–12px gap instead of
     the gap and the divider's padding stacking on top of each other. */
.roster-picker-columns-flush[data-v-e0eb7512] {
    gap: 0;
}
  /* Stacked flush: Available reads as a secondary tray under the lineup, set off by a divider
     instead of its own card border. */
.roster-picker-col-flush-available[data-v-e0eb7512] {
    border-top: 1px solid var(--bs-border-color);
    padding-top: 0.625rem;
    margin-top: 0;
}
}
@container roster-picker (min-width: 820px) {
.roster-picker-columns[data-v-e0eb7512] {
    flex-direction: row;
    /* Stretch, not flex-start: the two cards should read as equal-weight panels, neither taller
       than the other just because its content happens to run longer. */
    align-items: stretch;
    gap: 2rem;
}
.roster-picker-col[data-v-e0eb7512] {
    flex: 1 1 0;
    height: 100%;
    overflow: hidden;
}
.roster-picker-available-rail[data-v-e0eb7512] {
    display: none;
}
.roster-picker-available-list-desktop-only[data-v-e0eb7512] {
    display: block;
}
  /* Two columns + split-scroll: each column scrolls inside its own pane. */
.roster-picker-scroll-split[data-v-e0eb7512] {
    overflow: hidden;
}
.roster-picker-scroll-split .roster-picker-col[data-v-e0eb7512] {
    min-height: 0;
    max-height: 100%;
}
.roster-picker-scroll-split .roster-picker-list[data-v-e0eb7512] {
    flex: 1 1 0;
    min-height: 0;
    overflow-y: auto;
}
  /* Side-by-side flush: a vertical rule reads as lighter-weight than a second full card, and the
     unequal flex-grow keeps the lineup as the primary panel with Available clearly secondary,
     rather than two equal-weight boxes. */
.roster-picker-col-flush[data-v-e0eb7512]:not(.roster-picker-col-flush-available) {
    flex: 1.35 1 0;
}
.roster-picker-col-flush-available[data-v-e0eb7512] {
    flex: 1 1 0;
    border-left: 1px solid var(--bs-border-color);
    padding-left: 1.5rem;
}
}.lineup-card-fit[data-v-796dc975] {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.lineup-card[data-v-796dc975] {
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: top left;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background-color: var(--bs-white);
  color: #16181b;
  /* Only the weights loaded in main.scss are used, so the export matches the preview. */
  font-family: "Ubuntu", system-ui, -apple-system, "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
}
.lineup-card-header[data-v-796dc975] {
  display: flex;
  align-items: center;
  gap: 32px;
  padding: 44px 56px;
  min-height: 232px;
}
.lineup-card-logo[data-v-796dc975] {
  width: 136px;
  height: 136px;
  flex-shrink: 0;
  object-fit: contain;
  background-color: var(--bs-white);
  border-radius: 24px;
  padding: 12px;
}
.lineup-card-team[data-v-796dc975] {
  margin: 0;
  font-size: 62px;
  font-weight: 700;
  line-height: 1.05;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lineup-card-matchup[data-v-796dc975] {
  margin: 8px 0 0;
  font-size: 38px;
  font-weight: 400;
  line-height: 1.1;
  opacity: 0.88;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lineup-card-when[data-v-796dc975] {
  flex-shrink: 0;
  text-align: right;
}
.lineup-card-date[data-v-796dc975] {
  margin: 0;
  font-size: 34px;
  font-weight: 700;
  line-height: 1.1;
}
.lineup-card-time[data-v-796dc975] {
  margin: 4px 0 0;
  font-size: 30px;
  line-height: 1.1;
  opacity: 0.88;
}
.lineup-card-meta[data-v-796dc975] {
  margin: 0;
  padding: 20px 56px;
  font-size: 27px;
  line-height: 1.2;
  border-bottom: 2px solid;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lineup-card-body[data-v-796dc975] {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: 12px 56px;
  min-height: 0;
}
.lineup-card-row[data-v-796dc975] {
  display: grid;
  align-items: center;
  gap: 20px;
  flex: 1 1 0;
  min-height: 0;
  border-bottom: 2px solid #eef0f2;
}
.lineup-card-row[data-v-796dc975]:last-child {
  border-bottom: 0;
}
.lineup-card-row-head[data-v-796dc975] {
  flex: 0 0 auto;
  padding-bottom: 10px;
  border-bottom-color: var(--bs-gray-300);
}
.lineup-card-head-label[data-v-796dc975] {
  font-size: 0.62em;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--bs-gray-600);
}
.lineup-card-slot[data-v-796dc975] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.7em;
  height: 1.7em;
  border-radius: 999px;
  font-size: 0.86em;
  font-weight: 700;
  font-variant-numeric: tabular-nums;
}
.lineup-card-jersey[data-v-796dc975] {
  font-size: 0.86em;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
  color: var(--bs-gray-600);
}
.lineup-card-name[data-v-796dc975] {
  font-size: 1em;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lineup-card-position[data-v-796dc975] {
  justify-self: end;
  min-width: 3.4em;
  padding: 0.24em 0;
  border-radius: 999px;
  font-size: 0.82em;
  font-weight: 700;
  text-align: center;
}
.lineup-card-position-muted[data-v-796dc975] {
  background-color: #eef0f2;
  color: var(--bs-gray-600);
}
.lineup-card-cell[data-v-796dc975] {
  text-align: center;
  font-size: 0.82em;
  font-weight: 600;
  font-variant-numeric: tabular-nums;
}
.lineup-card-cell-muted[data-v-796dc975] {
  color: var(--bs-gray-500);
  font-weight: 400;
}
.lineup-card-bench[data-v-796dc975] {
  margin: 0;
  padding: 22px 56px;
  border-top: 2px solid;
  font-size: 26px;
  line-height: 1.25;
  color: var(--bs-gray-700);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.lineup-card-footer[data-v-796dc975] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 26px 56px;
  border-top: 2px solid;
  font-size: 22px;
  color: var(--bs-gray-600);
}.create-from-existing--sheet .create-from-existing__controls[data-v-e202dae5],
.create-from-existing--sheet .create-from-existing__results[data-v-e202dae5],
.create-from-existing--sheet .create-from-existing__footer[data-v-e202dae5] {
  padding-inline: 1rem !important;
}
.create-from-existing--sheet .create-from-existing__footer[data-v-e202dae5] {
  padding-bottom: calc(0.75rem + env(safe-area-inset-bottom)) !important;
}.game-header-skeleton[data-v-644c1fa3] {
  height: var(--dm-game-header-height);
}
.game-scoreboard-skeleton[data-v-644c1fa3] {
  display: grid;
  grid-template-columns: var(--dm-game-brand-width) minmax(0, 1fr) auto;
  align-items: center;
}
.game-scoreboard-brand-skeleton[data-v-644c1fa3] {
  justify-self: stretch;
  min-width: 0;
}
.game-scoreboard-matchup-skeleton[data-v-644c1fa3] {
  justify-self: stretch;
  justify-content: center;
  min-width: 0;
}
.game-scoreboard-logo-placeholder[data-v-644c1fa3] {
  width: var(--dm-game-logo-size);
  height: var(--dm-game-logo-size);
}
.game-scoreboard-name-placeholder[data-v-644c1fa3] {
  width: 10rem;
  height: 2rem;
}
@media (min-width: 1200px) {
.game-scoreboard-name-placeholder[data-v-644c1fa3] {
    height: 2.5rem;
    width: 12rem;
}
}
@media (max-width: 767px) {
.game-scoreboard-name-placeholder[data-v-644c1fa3] {
    display: none;
}
}
.game-scoreboard-vs-placeholder[data-v-644c1fa3] {
  width: 0.875rem;
  height: 0.5rem;
}
.game-scoreboard-clock-skeleton[data-v-644c1fa3] {
  justify-self: end;
  min-width: 0;
  padding-inline: var(--dm-space-2) var(--dm-space-4);
}.game-layout[data-v-a98ee873] {
  display: grid;
  grid-template-columns: 380px 1fr 380px;
  flex: 1 1 auto;
  min-height: 0;
}
.game-layout.game-layout--panel[data-v-a98ee873] {
  grid-template-columns: 380px 1fr;
  grid-template-rows: minmax(0, 1fr);
}
.game-layout.game-layout--panel.game-layout--no-sidebar[data-v-a98ee873] {
  grid-template-columns: 1fr;
}
@media (max-width: 1599px) {
.game-layout[data-v-a98ee873] {
    grid-template-columns: 380px 1fr;
}
.game-layout.game-layout--no-sidebar[data-v-a98ee873] {
    grid-template-columns: 1fr;
}
}
@media (max-width: 991px) {
.game-layout[data-v-a98ee873] {
    display: flex;
    flex-direction: column-reverse;
    min-height: 0;
}
}
@media (min-width: 992px) and (min-height: 600px) {
.game-layout[data-v-a98ee873] {
    margin: var(--dm-space-3);
    border: 1px solid var(--dm-border);
    border-radius: var(--dm-space-3);
    overflow: hidden;
    background-color: var(--bs-body-bg);
}
}.game-workspace-toolbar-skeleton[data-v-442d9745] {
  height: var(--dm-game-action-bar-height);
  background-color: var(--bs-gray-800);
}
.game-toolbar-skeleton-action[data-v-442d9745] {
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-padding-x: var(--dm-space-4);
  --bs-btn-font-size: 0.875rem;
  flex: 1 1 0;
  min-width: max-content;
  min-height: 44px;
}
@media (min-width: 1200px) {
.game-toolbar-skeleton-action[data-v-442d9745] {
    --bs-btn-padding-x: var(--dm-space-7);
}
}.lineup-panel-skeleton[data-v-48df1cc9] {
  overflow: hidden;
  height: 100%;
  min-height: 0;
}
@media (max-width: 991px) {
.lineup-panel-skeleton[data-v-48df1cc9] {
    height: auto;
    max-height: none;
    flex: 1 1 auto;
}
}
.lineup-panel-skeleton--embedded[data-v-48df1cc9] {
  height: 100%;
  width: 380px;
  flex-shrink: 0;
  overflow-y: auto;
}
.lineup-panel-skeleton--tray[data-v-48df1cc9] {
  min-width: 0;
  max-width: 100%;
  overflow-x: clip;
  padding-top: 0.5rem;
}
.lineup-tile-skeleton[data-v-48df1cc9] {
  width: 60px;
}
.lineup-row-skeleton[data-v-48df1cc9] {
  min-height: 48px;
}
.lineup-panel-skeleton__hud-spacer[data-v-48df1cc9] {
  flex-shrink: 0;
}
@media (max-width: 991px) {
.lineup-panel-skeleton__hud-spacer[data-v-48df1cc9] {
    height: calc(var(--dm-game-hud-height) + var(--dm-space-1));
}
}.game-hud-skeleton__row[data-v-bbe69d52] {
  height: var(--dm-game-hud-row-height);
}
.game-hud-skeleton__nav[data-v-bbe69d52] {
  background-color: rgba(255, 255, 255, 0.06);
  border-radius: var(--bs-border-radius);
}
.game-hud-skeleton__nav .btn[data-v-bbe69d52] {
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
}
.game-hud-skeleton__step[data-v-bbe69d52] {
  flex: 0 0 var(--dm-game-hud-step-width);
}
.game-hud-skeleton__label[data-v-bbe69d52] {
  flex: 1 1 0;
  background-color: rgba(255, 255, 255, 0.08);
}
.game-hud-skeleton__action[data-v-bbe69d52] {
  width: var(--dm-game-hud-row-height);
  height: var(--dm-game-hud-row-height);
  --bs-btn-bg: rgba(255, 255, 255, 0.06);
  --bs-btn-border-color: transparent;
}.field-skeleton-panel[data-v-2894a8ed] {
  height: 100%;
  min-height: 0;
}
@media (max-width: 991px) {
.field-skeleton-panel[data-v-2894a8ed] {
    height: auto;
    flex-shrink: 0;
}
}
@media (min-width: 992px) {
.field-skeleton-panel[data-v-2894a8ed] {
    container-type: size;
}
}
.baseball-field-skeleton[data-v-2894a8ed] {
  --field-surface: #318e26;
  --field-surface-stripe: #419928;
  --field-edge: #1f5b18;
  --field-infield: #fb9d3d;
  --field-line: #fff;
  --field-line-width: 4;
  --field-base: #fff;
  --field-shape-stroke: transparent;
  --field-shape-stroke-width: 0;
  --field-vignette: 0.34;
  --field-text: #fff;
  --field-text-halo: rgba(17, 24, 39, 0.6);
  --field-marker: #1d3557;
  --field-marker-border: #fff;
  --field-marker-text: #fff;
  --field-selected: #0d6efd;
  --field-active: #ffc107;
  --field-active-text: #212529;
  --court-surface: #d9a768;
  --court-plank: #d19c5c;
  --court-apron: #b5803f;
  --court-paint: #a6433c;
  --volley-surface: #e8894a;
  --volley-front-zone: #dc7636;
  --volley-free-zone: #2f7f9e;
  --volley-net: #1d3557;
  --gridiron-end-zone: #1f5b18;
  --gridiron-scrimmage: #ffc107;
}
[data-bs-theme=dark] .baseball-field-skeleton[data-v-2894a8ed] {
  --field-surface: #1f4a24;
  --field-surface-stripe: #24532a;
  --field-edge: #14301a;
  --field-infield: #8a5a35;
  --field-line: #d4dbd6;
  --field-line-width: 4;
  --field-base: #e3e8e4;
  --field-shape-stroke: transparent;
  --field-shape-stroke-width: 0;
  --field-vignette: 0.5;
  --field-text: #e9ecef;
  --field-text-halo: rgba(0, 0, 0, 0.65);
  --field-marker: #e9ecef;
  --field-marker-border: #0f1a12;
  --field-marker-text: #212529;
  --field-selected: #6ea8fe;
  --field-active: #ffda6a;
  --field-active-text: #212529;
  --court-surface: #8b5e3c;
  --court-plank: #845736;
  --court-apron: #5a3b24;
  --court-paint: #6f2f2c;
  --volley-surface: #9a5a30;
  --volley-front-zone: #8b4d27;
  --volley-free-zone: #1f4f63;
  --volley-net: #e9ecef;
  --gridiron-end-zone: #14301a;
  --gridiron-scrimmage: #ffda6a;
}
@media print {
.baseball-field-skeleton[data-v-2894a8ed] {
    --field-surface: #fff;
    --field-surface-stripe: #fff;
    --field-edge: #fff;
    --field-infield: #fff;
    --field-line: #111;
    --field-line-width: 2;
    --field-base: #fff;
    --field-shape-stroke: #111;
    --field-shape-stroke-width: 2;
    --field-vignette: 0;
    --field-text: #111;
    --field-text-halo: #fff;
    --field-marker: #fff;
    --field-marker-border: #111;
    --field-marker-text: #111;
    --field-selected: #111;
    --field-active: #111;
    --field-active-text: #fff;
    --court-surface: #fff;
    --court-plank: #fff;
    --court-apron: #fff;
    --court-paint: #fff;
    --volley-surface: #fff;
    --volley-front-zone: #fff;
    --volley-free-zone: #fff;
    --volley-net: #111;
    --gridiron-end-zone: #fff;
    --gridiron-scrimmage: #111;
}
}
.baseball-field-skeleton[data-v-2894a8ed] {
  min-height: 100%;
  overflow: hidden;
  background-color: var(--field-edge);
}
@media (min-width: 992px) {
.baseball-field-skeleton[data-v-2894a8ed] {
    height: 100%;
    align-items: center;
    padding-bottom: 120px;
}
}
.field-frame-fit-skeleton[data-v-2894a8ed] {
  --field-floor: 760px;
  --field-fit: 0px;
  width: min(100%, clamp(var(--field-floor), var(--field-fit), 1400px));
  margin: 0 auto;
}
@media (max-width: 1399px) {
.field-frame-fit-skeleton[data-v-2894a8ed] {
    --field-floor: 640px;
}
}
@media (max-width: 1199px) {
.field-frame-fit-skeleton[data-v-2894a8ed] {
    --field-floor: 650px;
}
}
@media (max-width: 991px) {
.field-frame-fit-skeleton[data-v-2894a8ed] {
    --field-floor: 580px;
}
}
@media (max-width: 767px) {
.field-frame-fit-skeleton[data-v-2894a8ed] {
    --field-floor: 400px;
}
}
@media (min-width: 992px) {
.field-frame-fit-skeleton[data-v-2894a8ed] {
    --field-fit: calc(100cqh * 1.0857142819 * 0.75);
    --field-height-cap: calc(
      max(0px, 100cqh - 120px - var(--field-bottom-safe-space, 0px)) *
        1.0857142819
    );
    width: min(100%, clamp(var(--field-floor), var(--field-fit), 1400px), var(--field-height-cap, 100%));
}
}

/* The BaseballField frame; its aspect ratio comes from the component. */
.positions-container-skeleton[data-v-2894a8ed] {
  width: 100%;
  margin: 0 auto;
}
.position-skeleton-marker[data-v-2894a8ed] {
  position: absolute;
  width: 64px;
  height: 64px;
  transform: translate(-50%, -50%);
  z-index: 3;
}
@media (max-width: 767px) {
.position-skeleton-marker[data-v-2894a8ed] {
    width: 44px;
    height: 44px;
}
}
@media (min-width: 576px) and (max-width: 991px) {
.position-skeleton-marker[data-v-2894a8ed] {
    width: 52px;
    height: 52px;
}
}.game-page-skeleton[data-v-e3873799] {
  height: 100%;
  min-height: 0;
}
@media (min-width: 992px) and (min-height: 600px) {
.game-page-skeleton[data-v-e3873799] {
    background-color: var(--bs-tertiary-bg);
}
}
.game-page-skeleton__header-wrapper[data-v-e3873799] {
  flex-shrink: 0;
}
@media (max-width: 991px) {
.game-page-skeleton__header-wrapper[data-v-e3873799] {
    position: sticky;
    top: 0;
    z-index: 1030;
}
}
.game-page-skeleton__landscape[data-v-e3873799] {
  display: flex;
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0;
}.batting-order[data-v-a0aa041e] {
  overflow-y: auto;
  height: 100%;
  min-height: 0;
  padding-bottom: 3rem;
}
@media (max-width: 991px) {
.batting-order[data-v-a0aa041e] {
    height: auto;
    max-height: none;
    flex: 0 0 auto;
}
.batting-order[data-v-a0aa041e]:not(.batting-order--embedded) {
    padding-top: 0 !important;
}
}
.batting-order--embedded[data-v-a0aa041e] {
  height: 100%;
  max-height: none;
  flex: 1 1 auto;
  min-height: 0;
  padding-bottom: 0.5rem;
}

/*
 * A trailing spacer, not container padding: below `lg` the HUD is `position: fixed` and
 * overlays the bottom of the viewport, so the scrollable list needs real content past the
 * last row to clear it. `padding-bottom` on the scrolling element itself is unreliable here
 * (its scrollable-overflow region doesn't reliably grow to include end padding once the
 * element's own height is `auto`/flex-derived rather than fixed), so an actual block-level
 * child guarantees the extra scroll room regardless of layout mode (page vs. embedded).
 */
.batting-order__hud-spacer[data-v-a0aa041e] {
  flex-shrink: 0;
}
@media (max-width: 991px) {
.batting-order__hud-spacer[data-v-a0aa041e] {
    height: calc(var(--pipeline-extra, 0px) + 0.25rem + env(safe-area-inset-bottom, 0px));
}
.batting-order__hud-spacer--flush[data-v-a0aa041e] {
    height: calc(var(--pipeline-extra, 0px) + env(safe-area-inset-bottom, 0px));
}
}
.lineup-sidebar-gutter[data-v-a0aa041e] {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 1200px) {
.lineup-sidebar-gutter[data-v-a0aa041e] {
    padding-left: 0;
    padding-right: 0;
}
}
.lineup-player-row[data-v-a0aa041e] {
  width: 100%;
}
.lineup-card-move[data-v-a0aa041e],
.lineup-card-enter-active[data-v-a0aa041e],
.lineup-card-leave-active[data-v-a0aa041e] {
  transition: transform 0.25s ease, opacity 0.25s ease;
}
.lineup-card-enter-from[data-v-a0aa041e],
.lineup-card-leave-to[data-v-a0aa041e] {
  opacity: 0;
  transform: translateY(-6px);
}
.lineup-tray[data-v-a0aa041e] {
  min-width: 0;
  max-width: 100%;
  overflow-x: clip;
}
@media print {
.batting-order[data-v-a0aa041e] {
    zoom: 0.85;
    height: auto;
    max-height: none;
    overflow: visible;
    padding: 0 !important;
}
.lineup-tray[data-v-a0aa041e] {
    overflow: visible;
}
.batting-order__hud-spacer[data-v-a0aa041e] {
    display: none;
}
.lineup-compact-surface[data-v-a0aa041e] {
    background: none !important;
    border-radius: 0;
    padding: 0 !important;
    margin: 0 !important;
}
.lineup-header-block[data-v-a0aa041e] {
    position: static;
    margin: 0;
    padding: 0 0 0.5rem;
}
.lineup-player-row[data-v-a0aa041e] {
    break-inside: avoid;
    page-break-inside: avoid;
}
}
/* Secondary-context sizing: the bar must read visibly smaller than the workspace
   controls below it, so every measurement here is fixed rather than inherited. */
.game-identity-bar[data-v-c1b48476] {
  min-height: 33px;
}
.identity-meta[data-v-c1b48476] {
  font-size: 12px;
}

/* Fixed line-height so swapping between the staleness line and an activity message never
   changes the bar's height; long messages truncate rather than wrap. */
.identity-meta-slot[data-v-c1b48476] {
  line-height: 23px;
}
.identity-activity[data-v-c1b48476],
.identity-activity > span[data-v-c1b48476] {
  display: inline-block;
  max-width: 70vw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.identity-meta-swap-enter-active[data-v-c1b48476],
.identity-meta-swap-leave-active[data-v-c1b48476] {
  transition: opacity 0.15s ease;
}
.identity-meta-swap-enter-from[data-v-c1b48476],
.identity-meta-swap-leave-to[data-v-c1b48476] {
  opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
.identity-meta-swap-enter-active[data-v-c1b48476],
  .identity-meta-swap-leave-active[data-v-c1b48476] {
    transition: none;
}
}

/* On the dark header btn-dark's own grey ring vanishes; the ring reads as white here instead. */
.game-nav-toggle[data-v-4e7bc783] {
  --bs-btn-focus-shadow-rgb: var(--bs-white-rgb);
}
.game-scoreboard[data-v-0232b2f7] {
  display: grid;
  height: var(--dm-game-header-height);
  border-bottom: 1px solid rgba(var(--bs-white-rgb), 0.08);
  grid-template-columns: var(--dm-game-brand-width) minmax(0, 1fr) auto;
  align-items: center;
}
.game-scoreboard-no-brand[data-v-0232b2f7] {
  grid-template-columns: minmax(0, 1fr) auto;
}
.game-scoreboard-brand[data-v-0232b2f7] {
  justify-self: stretch;
  min-width: 0;
}
.game-scoreboard-center[data-v-0232b2f7] {
  justify-self: stretch;
  min-width: 0;
  padding-inline: var(--dm-space-4);
}
.game-scoreboard-clock-wrap[data-v-0232b2f7] {
  justify-self: end;
  min-width: 0;
  gap: var(--dm-space-2);
  padding-inline: var(--dm-space-2) 0;
}
.game-scoreboard-identity[data-v-0232b2f7] {
  flex: 1 1 auto;
  min-width: 0;
}
.game-scoreboard-identity-trigger[data-v-0232b2f7] {
  cursor: pointer;
  border-radius: var(--dm-radius-sm);
  transition: background-color 0.15s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
.game-scoreboard-identity-trigger[data-v-0232b2f7]:hover {
    background-color: rgba(255, 255, 255, 0.05);
}
}
.game-scoreboard-identity-trigger[data-v-0232b2f7]:active {
  background-color: rgba(255, 255, 255, 0.1);
}
.game-scoreboard-result[data-v-0232b2f7]:disabled {
  opacity: 1;
}
.game-scoreboard-result-score[data-v-0232b2f7] {
  font-size: 1.5rem;
  line-height: 1;
  white-space: nowrap;
}
@media (max-width: 767px) {
.game-scoreboard-result-score[data-v-0232b2f7] {
    font-size: 1.25rem;
}
}
@media (max-width: 575px) {
.game-scoreboard-result-score[data-v-0232b2f7] {
    font-size: 1.125rem;
}
}.game-toolbar-action {
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-padding-x: var(--dm-space-4);
  --bs-btn-font-size: 0.875rem;
  flex: 1 1 0;
  min-width: max-content;
  min-height: 44px;
  white-space: nowrap;
  touch-action: pan-x;
}
@media (min-width: 1200px) {
.game-toolbar-action {
    --bs-btn-padding-x: var(--dm-space-7);
}
}
.game-toolbar-action:focus-visible {
  outline: 2px solid #fff;
  outline-offset: -2px;
  z-index: 1;
}
.game-toolbar-cell-text {
  gap: 2px;
}
.game-toolbar-cell-value {
  max-width: none;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.2;
  opacity: 0.75;
}
.bulk-action-bar--dark .btn-link.link-light[data-v-810e38a4] {
  --bs-btn-color: rgba(255, 255, 255, 0.85);
  --bs-btn-hover-color: #fff;
}
.bulk-action-bar--dark .dropdown-menu-dark .dropdown-item.text-danger[data-v-810e38a4] {
  color: var(--bs-danger-text-emphasis);
}

.inning-insight[data-v-4b92cde7] {
  /* Contextual, not an alert: quiet enough to ignore, big enough to tap. */
  width: 22px;
  height: 22px;
  opacity: 0.75;
}
.inning-insight[data-v-4b92cde7]:hover,
.inning-insight[data-v-4b92cde7]:focus-visible {
  opacity: 1;
}

/*
 * The reorder grip, only ever rendered in Reorder mode. Same 44px floor as the row's other
 * targets so they line up; the glyph stays at 20px because it is the target that needs to be
 * big, not the icon. Panel width is unchanged — the row label gives up the space instead.
 */
.inning-drag-handle[data-v-1e4f42e6] {
  width: 44px;
  min-height: 44px;
  padding-inline: 0;
  cursor: grab;
  touch-action: none;
}
.inning-drag-handle[data-v-1e4f42e6]:active {
  cursor: grabbing;
}
.inning-drag-handle.disabled[data-v-1e4f42e6] {
  opacity: 0.4;
  pointer-events: none;
}

/* Edit mode's row ⋮: same 44px target as the grip (Select mode's checkbox brings its own). */
.inning-row-menu[data-v-1e4f42e6] {
  width: 44px;
  min-height: 44px;
  padding-inline: 0;
}

/*
 * A checked row reads as selected the way a ticked lineup row does: a primary ring and a
 * primary-subtle wash behind the checkbox and the row together. The current inning's dark row
 * keeps its fill and gets the ring alone, so "you are here" and "this is selected" stay
 * distinguishable.
 */
.inning-row-checked[data-v-1e4f42e6] {
  box-shadow: 0 0 0 2px var(--bs-primary);
  background-color: var(--bs-primary-bg-subtle);
}
.inning-row-checked > .btn-light[data-v-1e4f42e6] {
  background-color: transparent;
  border-color: transparent;
}
.inning-row-ghost[data-v-1e4f42e6] {
  opacity: 0.5;
}
.inning-row-ghost > div[data-v-1e4f42e6] {
  outline: 2px dashed var(--bs-primary);
  outline-offset: -2px;
  background-color: var(--bs-primary-bg-subtle);
}
.inning-row-chosen:not(.inning-row-ghost) > div[data-v-1e4f42e6] {
  box-shadow: 0 0 0 2px var(--bs-primary);
}

/* Readable status chips on selected (btn-dark) row */
.inning-selected-split .btn-dark .inning-card-status.text-body-secondary[data-v-1e4f42e6] {
  color: rgba(255, 255, 255, 0.72) !important;
}

/* The sparkle is a brand-blue hint on light rows; on the selected dark row it reads as white. */
.inning-selected-split .btn-dark .inning-insight[data-v-1e4f42e6] {
  color: #fff;
}
.inning-rule-dot[data-v-1e4f42e6] {
  width: 8px;
  height: 8px;
}
/*
 * The label is the only part of the bar's left half that gives: it truncates a custom inning
 * title ("3RD Championship") long before the view selector beside it loses its own label. The
 * `min-width` floor is roughly the ordinal plus its chevron, so what a coach can never lose is
 * which inning they're in — the part they came to this control for.
 */
.inning-switcher__label[data-v-0033d999] {
  min-width: 4.25rem;
  max-width: 7rem;
  padding-inline: 0.5rem;
}
.inning-switcher__label span[data-v-0033d999] {
  font-size: 1.375rem;
}

/*
 * Phone: this is the game's primary inning control, so it reads like one — display type at
 * nearly twice the size of anything else in the bar, flanked by two 44px targets. The cell's
 * own width comes from the toolbar, which gives the inning a larger share than the three
 * utilities beside it.
 */
.inning-switcher--stepped .inning-switcher__step[data-v-0033d999] {
  flex: 0 0 44px;
  padding-inline: 0;
  color: var(--bs-white);
}
.inning-switcher--stepped .inning-switcher__step[data-v-0033d999]:disabled {
  color: rgba(var(--bs-white-rgb), 0.25);
  opacity: 1;
}
.inning-switcher--stepped .inning-switcher__label[data-v-0033d999] {
  flex: 1 1 auto;
  min-width: 2.5rem;
  max-width: none;
  padding-inline: 0.125rem;
  --bs-btn-bg: rgba(var(--bs-white-rgb), 0.12);
  --bs-btn-disabled-bg: rgba(var(--bs-white-rgb), 0.12);
}
.inning-switcher--stepped .inning-switcher__label span[data-v-0033d999] {
  font-size: 1.75rem;
}
@media (max-width: 360px) {
.inning-switcher--stepped .inning-switcher__step[data-v-0033d999] {
    flex: 0 0 40px;
}
.inning-switcher--stepped .inning-switcher__label span[data-v-0033d999] {
    font-size: 1.375rem;
}
}
.inning-switcher-flip-enter-active[data-v-0033d999],
.inning-switcher-flip-leave-active[data-v-0033d999] {
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.inning-switcher-flip-enter-from[data-v-0033d999] {
  opacity: 0;
  transform: scale(0.85);
}
.inning-switcher-flip-leave-to[data-v-0033d999] {
  opacity: 0;
  transform: scale(1.15);
}.game-view-card[data-v-4d86f3b6]:hover:not(.active) {
  border-color: var(--bs-secondary-color);
}
.game-view-card__preview[data-v-4d86f3b6] {
  /* Forced white, not a theme token: the screenshots ship with a baked-in white background,
     so this has to stay white in dark mode too or they'd float as mismatched rectangles. */
  background-color: #fff;
  flex: 0 0 140px;
  overflow: hidden;
}
@media (min-width: 768px) {
.game-view-card__preview[data-v-4d86f3b6] {
    flex-basis: 176px;
}
}
.game-view-card__description[data-v-4d86f3b6] {
  font-size: 0.6875rem;
}.game-view-grid[data-v-c4a006c5] {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.5rem;
  margin-inline: auto;
}
@media (min-width: 768px) {
.game-view-grid[data-v-c4a006c5] {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 0.75rem;
    max-width: 900px;
}
}.game-view-switcher-offcanvas.offcanvas-top[data-v-daef3019] {
  --bs-offcanvas-height: min(68vh, 32rem);
  --bs-offcanvas-transition: transform 220ms ease-out;
}
@media (min-width: 768px) {
.game-view-switcher-offcanvas.offcanvas-top[data-v-daef3019] {
    height: auto;
    min-height: 300px;
    max-height: 360px;
}
}
/*
 * The avatar sets the height of a row's first line, so the time and icon are centred against
 * that rather than against the whole row — otherwise both slide down the moment a row grows a
 * second line for its detail or the coach's name.
 */
.game-history-entry__time[data-v-b299c046],
.game-history-entry__icon[data-v-b299c046] {
  height: 1.375rem;
}

/* Fixed column so the icons line up. */
.game-history-entry__time[data-v-b299c046] {
  width: 4.25rem;
}

/* A hint in the margin: present enough to scan by, quiet enough not to compete with a badge. */
.game-history-entry__icon[data-v-b299c046] {
  opacity: 0.7;
}

/* Matches the avatar's height so a row without one keeps the same first-line rhythm. */
.game-history-entry__body > div[data-v-b299c046]:first-child {
  min-height: 1.375rem;
}

/* Indented under a group header, which is already carrying the timestamp for these. */
.game-history-entry--nested[data-v-b299c046] {
  padding-left: 3.25rem !important;
}
.game-history-entry--latest[data-v-b299c046] {
  background-color: var(--bs-tertiary-bg);
}.game-history-group__toggle[data-v-baf4e5e7]:hover, .game-history-group__toggle[data-v-baf4e5e7]:focus-visible {
  background-color: var(--bs-tertiary-bg);
}
.game-history-group__time[data-v-baf4e5e7] {
  width: 4.25rem;
}
.game-history-group__icon[data-v-baf4e5e7] {
  opacity: 0.7;
}
.game-history-group__chevron[data-v-baf4e5e7] {
  transition: transform 0.15s ease-out;
}
.game-history-group__chevron--open[data-v-baf4e5e7] {
  transform: rotate(180deg);
}/*
 * Anchored to the panel (the drawer and the dialog's content are both positioned), not the
 * scroller, so it holds still while the timeline moves underneath it.
 */
.history-menu__jump[data-v-b7a6fbeb] {
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
}
.history-menu__jump-enter-active[data-v-b7a6fbeb],
.history-menu__jump-leave-active[data-v-b7a6fbeb] {
  transition: opacity 0.15s ease-out, transform 0.15s ease-out;
}
.history-menu__jump-enter-from[data-v-b7a6fbeb],
.history-menu__jump-leave-to[data-v-b7a6fbeb] {
  opacity: 0;
  transform: translate(-50%, 0.5rem);
}

/* Row layout (time column, icon, latest highlight) lives in GameHistoryEntry.vue. */.game-workspace-toolbar[data-v-94f656b7] {
  height: var(--dm-game-action-bar-height);
  background-color: var(--bs-dark);
}
.game-toolbar-scroll[data-v-94f656b7] {
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  overscroll-behavior-y: none;
  touch-action: pan-x;
}
.game-toolbar-views[data-v-94f656b7],
.game-toolbar-actions[data-v-94f656b7] {
  display: contents;
}.game-toolbar-scroll button {
  touch-action: pan-x;
}.game-matrix-view[data-v-81b951c5] {
  height: 100%;
  min-height: 0;
}

/* Paper: the panel stops clipping and the view inside it flows onto as many pages as it needs. */
@media print {
.game-matrix-view[data-v-81b951c5] {
    display: block;
    height: auto;
    overflow: visible !important;
}
}.print-notes-lines[data-v-2795ef40] {
  break-inside: avoid;
}.game-mobile-landscape[data-v-41eba668] {
  --gml-lineup-width: 380px;
}
.game-mobile-landscape .gml-lineup[data-v-41eba668] {
  height: calc(100vh - 72px);
}
.gml-lineup[data-v-41eba668] {
  width: 380px;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.chip-tap-target[data-v-6eec290b] {
  min-height: 44px;
}

.lineup-position-trend[data-v-265508d7] {
  min-width: 2.25ch;
}
/**
 * Unscoped on purpose: the portal is teleported to <body>, outside this component's scope, and the
 * print rule has to reach every other direct child of <body> to blank the app behind the card.
 */
.lineup-card-print-portal {
  position: fixed;
  top: 0;
  left: -20000px;
  width: 680px;
  pointer-events: none;
}
@media print {
body.printing-lineup-card > *:not(.lineup-card-print-portal) {
    display: none !important;
}
  /* Width stays 680px (~7.1in): it fits Letter and A4 alike, and keeping it fixed means the
     card's measured scale is already correct when the print dialog snapshots the page. */
body.printing-lineup-card .lineup-card-print-portal {
    position: static;
    left: auto;
}
}
.game-stats-content[data-v-619fb42b] {
  max-width: 560px;
}
.drill-source-panel--sheet .drill-source-panel__controls[data-v-ad3721e4],
.drill-source-panel--sheet .drill-source-panel__results[data-v-ad3721e4],
.drill-source-panel--sheet .drill-source-panel__footer[data-v-ad3721e4] {
  padding-inline: 1rem !important;
}
.drill-source-panel--sheet .drill-source-panel__footer[data-v-ad3721e4] {
  padding-bottom: calc(0.75rem + env(safe-area-inset-bottom)) !important;
}.warmup-offcanvas-content[data-v-4c6198c3] {
  max-width: 640px;
}
.warmup-drill-list[data-v-4c6198c3] .list-group-item {
  border: 0;
  padding: 0.375rem 0;
  background: transparent;
}
.warmup-drill-list[data-v-4c6198c3] .card-header,
.warmup-drill-list[data-v-4c6198c3] .card {
  border: 0;
  background: transparent;
}.batter-announcement-avatar[data-v-9879f2e6] {
  width: 128px;
  height: 128px;
}.batter-announcement-progress[data-v-9b00b226] {
  max-width: 220px;
  height: 0.375rem;
}
.progress-bar[data-v-9b00b226] {
  width: 0;
  transition-property: width;
  transition-timing-function: linear;
}
@media (prefers-reduced-motion: reduce) {
.progress-bar[data-v-9b00b226] {
    transition: none !important;
    width: 0 !important;
}
}.batter-announcement-backdrop[data-v-8c1a0ee8] {
  z-index: 1046;
}
.batter-announcement-card[data-v-8c1a0ee8] {
  max-width: 640px;
  max-height: 90vh;
}
.batter-announcement-fade-enter-active[data-v-8c1a0ee8],
.batter-announcement-fade-leave-active[data-v-8c1a0ee8] {
  transition: opacity 0.2s ease;
}
.batter-announcement-fade-enter-from[data-v-8c1a0ee8],
.batter-announcement-fade-leave-to[data-v-8c1a0ee8] {
  opacity: 0;
}
.batter-announcement-fade-enter-active .batter-announcement-card[data-v-8c1a0ee8],
.batter-announcement-fade-leave-active .batter-announcement-card[data-v-8c1a0ee8] {
  transition: transform 0.25s ease, opacity 0.25s ease;
}
.batter-announcement-fade-enter-from .batter-announcement-card[data-v-8c1a0ee8],
.batter-announcement-fade-leave-to .batter-announcement-card[data-v-8c1a0ee8] {
  transform: scale(0.96);
  opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
.batter-announcement-fade-enter-active[data-v-8c1a0ee8],
  .batter-announcement-fade-leave-active[data-v-8c1a0ee8],
  .batter-announcement-fade-enter-active .batter-announcement-card[data-v-8c1a0ee8],
  .batter-announcement-fade-leave-active .batter-announcement-card[data-v-8c1a0ee8] {
    transition: none;
}
}
.game-page[data-v-f7450f50] {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}
@media (min-width: 992px) and (min-height: 600px) {
.game-page[data-v-f7450f50] {
    background-color: var(--bs-tertiary-bg);
}
}
@media (max-width: 991px) {
.game-header-wrapper[data-v-f7450f50] {
    position: sticky;
    top: 0;
    z-index: 1030;
}
}
.field-background[data-v-f7450f50] {
  background: #157336;
  height: 100dvh;
  overflow: hidden;
}

/*
 * Paper. Everything below is the workspace's screen layout — a viewport-filling flex column with
 * a definite-height grid inside — relaxed into a document that flows and page-breaks. The
 * per-view rules (scroll regions, sticky headers, HUD, buttons) live with the views themselves;
 * this block only owns the shell and the sheet chrome.
 */
@media print {
.field-background[data-v-f7450f50] {
    background: #fff;
    height: auto;
    overflow: visible;
}
.game-page[data-v-f7450f50] {
    display: block;
    height: auto;
}
.game-print-masthead[data-v-f7450f50] header {
    padding-block: 0 0.5rem !important;
}
.game-print-qr[data-v-f7450f50] {
    width: 80px;
    height: 80px;
    line-height: 0;
}
.game-print-qr[data-v-f7450f50] canvas,
  .game-print-qr[data-v-f7450f50] svg {
    display: block;
    width: 100% !important;
    height: 100% !important;
}
.game-print-footer[data-v-f7450f50] {
    break-inside: avoid;
}
.game-page[data-v-f7450f50]:has(.game-layout:not(.game-layout--panel)) {
    display: grid;
    grid-template-columns: 18rem minmax(0, 1fr);
    grid-template-rows: auto auto auto auto;
    column-gap: 1rem;
    align-items: start;
}
.game-page:has(.game-layout:not(.game-layout--panel)) .game-print-masthead[data-v-f7450f50],
  .game-page:has(.game-layout:not(.game-layout--panel)) .game-print-footer[data-v-f7450f50] {
    grid-column: 1/-1;
}
.game-page:has(.game-layout:not(.game-layout--panel)) .game-print-footer[data-v-f7450f50] {
    grid-row: 4;
}
.game-page:has(.game-layout:not(.game-layout--panel)) .game-layout[data-v-f7450f50] {
    display: contents;
}
.game-page[data-v-f7450f50]:has(.game-layout:not(.game-layout--panel)) .batting-order {
    grid-column: 1;
    grid-row: 2/span 2;
}
.game-page[data-v-f7450f50]:has(.game-layout:not(.game-layout--panel)) .game-layout > main {
    grid-column: 2;
    grid-row: 2;
}
.game-page:has(.game-layout:not(.game-layout--panel)) .print-notes-lines[data-v-f7450f50] {
    grid-column: 2;
    grid-row: 3;
}
.game-layout[data-v-f7450f50] {
    height: auto;
    min-height: 0;
}
.game-layout.game-layout--panel[data-v-f7450f50] {
    display: block;
}
}
.drop-zone[data-v-2d54be90]:hover:not([aria-disabled='true']) {
  border-color: var(--bs-primary) !important;
  background-color: var(--bs-primary-bg-subtle);
}

.import-snapshot-date[data-v-7388251c] {
  width: 100%;
}
@media (min-width: 768px) {
.import-snapshot-date[data-v-7388251c] {
    width: 240px;
}
}

.match-empty-avatar[data-v-028a263a] {
  width: 32px;
  height: 32px;
}

.team-photo-workspace__img[data-v-4c85cd78] {
  max-width: 100%;
  /* The whole photo has to stay in view while mapping — no page scrolling between
     photo and roster. Cap to the viewport minus header/footer chrome. */
  max-height: max(320px, calc(100dvh - 300px));
  width: auto;
  height: auto;
}
.face-marker[data-v-4c85cd78] {
  position: absolute;
  transform: translate(-50%, -50%);
  min-width: 34px;
  min-height: 34px;
  padding: 0;
  background: transparent;
  border: 2px solid rgba(255, 255, 255, 0.9);
  border-radius: 8px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.35);
  cursor: pointer;
}
.face-marker--assigned[data-v-4c85cd78] {
  border-color: var(--bs-success);
}
.face-marker--skipped[data-v-4c85cd78] {
  border-style: dashed;
  border-color: rgba(255, 255, 255, 0.65);
  opacity: 0.75;
}
.face-marker--selected[data-v-4c85cd78] {
  border-color: var(--bs-primary);
  box-shadow: 0 0 0 3px rgba(var(--bs-primary-rgb), 0.45);
}
.face-marker[data-v-4c85cd78]:disabled {
  cursor: not-allowed;
}
.face-marker__badge[data-v-4c85cd78] {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -55%);
  min-width: 20px;
  height: 20px;
  padding: 0 5px;
  border-radius: 999px;
  background: var(--dm-surface);
  color: var(--bs-body-color);
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
.face-marker--selected .face-marker__badge[data-v-4c85cd78] {
  background: var(--bs-primary);
  color: #fff;
}
.face-marker--assigned .face-marker__badge[data-v-4c85cd78] {
  background: var(--bs-success);
  color: #fff;
}
.face-marker--skipped .face-marker__badge[data-v-4c85cd78] {
  background: var(--bs-secondary);
  color: #fff;
}

.assignment-panel__face-thumb[data-v-c6550112] {
  width: 44px;
  height: 44px;
}
.assignment-panel__row-thumb[data-v-c6550112] {
  width: 28px;
  height: 28px;
}

.team-photo-pro-placeholder[data-v-635da20e] {
  width: 220px;
  max-width: 100%;
}

/* The panel column: fixed comfortable width, sticky beside the photo, own scroll —
   the roster never forces the page itself to scroll. */
.team-photo-assignment-col[data-v-635da20e] {
  width: 340px;
  position: sticky;
  top: 0;
  max-height: max(360px, calc(100dvh - 240px));
  display: flex;
  flex-direction: column;
}
.team-photo-import-footer[data-v-635da20e] {
  margin: 0 -1rem -1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  z-index: 2;
}
.cropper-content[data-v-635da20e] {
  min-height: 400px;
}
.team-filter-dropdown[data-v-d75313fb] {
  width: 9.5rem;
}
.selectable-avatar-idle[data-v-4efde176] {
  transition: opacity 150ms ease-out;
}
.selectable-avatar-selectable:hover .selectable-avatar-idle[data-v-4efde176] {
  opacity: 0.85;
}

/* Unselected-while-selecting: scrim + empty circle, so the avatar reads as a checkbox. */
.selectable-avatar-ring[data-v-4efde176] {
  background-color: rgba(0, 0, 0, 0.35);
  pointer-events: none;
}
.selectable-avatar-ring-circle[data-v-4efde176] {
  border: 2px solid rgba(255, 255, 255, 0.95);
}

/*
 * Hover-only discoverability hint. Hidden at rest and shown on a direct avatar hover. Guarded so
 * it never sticks on touch, where :hover latches after a tap.
 */
.selectable-avatar-hint[data-v-4efde176] {
  background-color: rgba(0, 0, 0, 0.45);
  opacity: 0;
  pointer-events: none;
  transition:
    opacity 150ms ease-out,
    transform 150ms ease-out;
}
@media (hover: none) {
.selectable-avatar-hint[data-v-4efde176] {
    display: none;
}
}
@media (hover: hover) {
.selectable-avatar.selectable-avatar-selectable:hover .selectable-avatar-hint[data-v-4efde176] {
    opacity: 1;
    transform: scale(1.06);
}
}
.selectable-avatar-fade-enter-active[data-v-4efde176],
.selectable-avatar-fade-leave-active[data-v-4efde176] {
  transition:
    opacity 180ms ease-out,
    transform 180ms ease-out;
}
.selectable-avatar-fade-enter-from[data-v-4efde176],
.selectable-avatar-fade-leave-to[data-v-4efde176] {
  opacity: 0;
  transform: scale(0.95);
}
@media (prefers-reduced-motion: reduce) {
.selectable-avatar-hint[data-v-4efde176],
  .selectable-avatar-fade-enter-active[data-v-4efde176],
  .selectable-avatar-fade-leave-active[data-v-4efde176] {
    transition-duration: 1ms;
}
.selectable-avatar-fade-enter-from[data-v-4efde176],
  .selectable-avatar-fade-leave-to[data-v-4efde176] {
    transform: none;
}
}
.player-report-tile[data-v-410a304f] {
  /* 44px touch target minimum for the interactive variant, and an even floor for the rest. */
  min-height: 4.5rem;
}
.player-report-tile--action[data-v-410a304f] {
  transition: background-color 0.15s ease, border-color 0.15s ease;
}
.player-report-tile--action[data-v-410a304f]:hover {
  background-color: var(--bs-secondary-bg) !important;
  border-color: var(--bs-primary);
}
.player-report-tile--action[data-v-410a304f]:focus-visible {
  outline: 2px solid var(--bs-primary);
  outline-offset: 2px;
}
.player-report-skeleton__photo[data-v-8f016cbb] {
  width: 52px;
  height: 52px;
}

.log-detail[data-v-2868bb50] {
  min-width: 3.5rem;
}
.log-detail-wide[data-v-2868bb50] {
  min-width: 7rem;
  max-width: 11rem;
}
.alert-purple[data-v-699045a3] {
  background-color: rgba(111, 66, 193, 0.12);
  border-color: rgba(111, 66, 193, 0.35);
  color: #4c2a85;
}
.border-purple[data-v-699045a3] {
  border-color: rgba(111, 66, 193, 0.35) !important;
}
.availability-timeline__fill[data-v-699045a3] {
  background-color: currentColor;
  opacity: 0.6;
}
.last\:mb-0[data-v-699045a3]:last-child {
  margin-bottom: 0 !important;
}
/* Same MVP gold as PlayerBadge's mark and the player header's recognition line — one hue for
   recognition everywhere it shows up. */
.recognition-count[data-v-4411b74a] {
  color: var(--dm-award-gold);
}

/* Metallic gold rather than a Bootstrap status colour — the app-wide MVP hue (see PlayerBadge's
   mvp mark) — so recognition never reads as a state like a warning or an alert would. */
.player-recognition-line[data-v-ee6f98e8] {
  color: var(--dm-award-gold);
}
.player-stat-cell__value[data-v-fffa8ca3] {
  font-size: 1.05rem;
}.hit-label[data-v-564bd6c6] {
  width: 5.5rem;
  flex-shrink: 0;
}
.hit-count[data-v-564bd6c6] {
  width: 2rem;
  flex-shrink: 0;
}
.qab-note[data-v-564bd6c6] {
  max-width: 22rem;
}.usage-count[data-v-20cd5a5e] {
  min-width: 6.5rem;
}
.history-bar[data-v-20cd5a5e] {
  height: 1.25rem;
}
.history-segment[data-v-20cd5a5e] {
  font-size: 0.6875rem;
  overflow: hidden;
  white-space: nowrap;
}
.history-segment__label[data-v-20cd5a5e] {
  padding-inline: 0.25rem;
}
.stopwatch-display[data-v-aa705e5c] {
  font-family: 'Segment7', ui-monospace, monospace;
  font-size: clamp(3rem, 12vw, 5rem);
  letter-spacing: 0.05em;
  line-height: 1;
}

.stopwatch-control-btn[data-v-38b29db1] {
  min-height: 64px;
}
.player-metric-tile[data-v-dc02340c] {
  min-height: 5.5rem;
}

/* The trend section ships as its own card; inside this module it is a section, not a second card. */
.player-metric-trends[data-v-dc02340c] {
  box-shadow: none !important;
  border-top: 1px solid var(--bs-border-color) !important;
  border-radius: 0 !important;
}
.player-metric-trends[data-v-dc02340c] .card-body {
  padding: 1rem 0 0;
}
.player-metric-tile--action[data-v-dc02340c] {
  transition: background-color 0.15s ease, border-color 0.15s ease;
}
.player-metric-tile--action[data-v-dc02340c]:hover {
  background-color: var(--bs-secondary-bg) !important;
  border-color: var(--bs-primary);
}
.player-metric-tile--action[data-v-dc02340c]:focus-visible {
  outline: 2px solid var(--bs-primary);
  outline-offset: 2px;
}
.trim-timeline[data-v-b88d3323] {
  height: 52px;
  touch-action: none;
}
.trim-playhead[data-v-b88d3323] {
  width: 2px;
}
.trim-handle[data-v-b88d3323] {
  width: 44px;
  height: 44px;
  cursor: ew-resize;
  touch-action: none;
}
.trim-handle[data-v-b88d3323]:focus-visible {
  outline: 2px solid var(--bs-primary);
  outline-offset: 2px;
  border-radius: 6px;
}
.trim-handle-bar[data-v-b88d3323] {
  width: 12px;
  height: 30px;
}

.trimmer-overlay[data-v-bf844d60] {
  z-index: 1080;
}
.trimmer-shell[data-v-bf844d60] {
  max-width: min(720px, 96vw);
  max-height: 95vh;
}
.video-preview[data-v-bf844d60] {
  max-height: min(60vh, 520px);
}
/* Modal parent uses flex + min-height:0 so portrait video shrinks to fit viewport (no scroll). */
.video-player__stage--chromeless-fit[data-v-a5e9c91b] {
  max-height: min(72vh, 620px);
}

/* Before Plyr inits, same rules for the raw <video> */
.video-player__stage > video[data-v-a5e9c91b] {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  object-position: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
}/* Plyr injects its own DOM; unscoped selectors rooted on .video-player only. */
.video-player .plyr {
  width: 100%;
  max-width: 100%;
  /* Plyr default accent is #00b2ff; align with Bootstrap primary (see _variables.scss $primary) */
  --plyr-color-main: var(--bs-primary);
  --plyr-focus-visible-color: var(--bs-primary);
}
.video-player--chromeless .video-player__stage .plyr {
  max-height: 100%;
}
.video-player .plyr__video-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  max-height: 100%;
}
.video-player .plyr__video-wrapper video {
  width: auto !important;
  height: auto !important;
  max-width: 100%;
  max-height: 100%;
  margin-left: auto;
  margin-right: auto;
  object-fit: contain;
  object-position: center;
  flex-shrink: 0;
}
.compare-pane[data-v-53a6d43a] {
  min-height: clamp(220px, 35vh, 640px);
}

.player-photo-pro-placeholder[data-v-28b3d3ae] {
  width: 148px;
  height: 148px;
  max-width: 100%;
}

.team-photo-hint[data-v-7ac61c0d] {
  max-width: min(22rem, calc(100vw - 2rem));
}
.practice-form .card .card[data-v-929d634f] {
  box-shadow: none;
  border: 0;
}
/* Narrow enough that the next card peeks in on a phone — the cue that the strip scrolls. */
.recent-notes-card[data-v-c4f4fe6a] {
  width: min(15rem, 78%);
}
.recent-notes-card[data-v-c4f4fe6a]:hover {
  background-color: var(--dm-hover);
}
.recent-notes-strip[data-v-c4f4fe6a] {
  scroll-snap-type: x proximity;
}
.recent-notes-strip[data-v-c4f4fe6a] > * {
  scroll-snap-align: start;
}

.season-month-grid-wrapper[data-v-2f5e7875] {
  width: 100%;
  min-height: 320px;
}
.season-month-grid-wrapper[data-v-2f5e7875] header.sx__calendar-header {
  display: none;
}
.season-month-grid-wrapper[data-v-2f5e7875] .sx__month-grid-day {
  cursor: pointer;
}

/* The list sits beside a calendar that can run for months — it scrolls on its own so the two
   columns stay side by side instead of the page growing to the taller of them. */
.recurring-occurrence-list[data-v-c3502556] {
  max-height: 60vh;
}
  /* A long drill scrolls sideways rather than wrapping into a second row and
   stealing height from the field, which is the thing the coach is looking at. */
.diagram-step-timeline__track[data-v-61c197cb] {
    padding-bottom: 2px;
}
.diagram-step-timeline__step[data-v-61c197cb] {
    position: relative;
    flex-shrink: 0;
    width: 6.5rem;
    padding: 0.25rem;
    text-align: left;
}

  /* Colour alone can't carry which step is open: the current one also grows a
   bar along its base, which survives grayscale and colour blindness. */
.diagram-step-timeline__step.is-active[data-v-61c197cb]::after {
    content: '';
    position: absolute;
    left: 0.5rem;
    right: 0.5rem;
    bottom: 0.125rem;
    height: 3px;
    border-radius: 2px;
    background-color: currentColor;
}
.diagram-step-timeline__index[data-v-61c197cb] {
    width: 1.25rem;
    height: 1.25rem;
    line-height: 1;
}

  /* The same height as a step card, so the row reads as "cards, then an empty
   slot" — and dashed, so the slot reads as somewhere a card isn't yet. */
.diagram-step-timeline__add[data-v-61c197cb] {
    width: 4.5rem;
    margin-bottom: 2px;
}
@media (max-width: 575.98px) {
.diagram-step-timeline__step[data-v-61c197cb] {
      width: 5rem;
}
.diagram-step-timeline__add[data-v-61c197cb] {
      width: 4rem;
}
}
/* Mirrors the editor workspace: making the stage a size container turns the
   height it has into the field's width through the crop's aspect ratio, so a
   short window shrinks the field instead of scrolling it. */
.drill-sequence-player__stage[data-v-e1387824] {
  container-type: size;
}
.drill-sequence-player__diagram[data-v-e1387824] {
  width: 100%;
  width: min(100%, 100cqh * 1.0857142819);
}

/* Without a filling host there is no height to read, so the field falls back to
   being width-driven and merely capped by the viewport. */
.drill-sequence-player:not(.flex-grow-1) .drill-sequence-player__stage[data-v-e1387824] {
  container-type: normal;
}
.drill-sequence-player:not(.flex-grow-1) .drill-sequence-player__diagram[data-v-e1387824] {
  width: min(100%, 70vh);
}
  /* Third-party override, deliberately: in view mode Excalidraw still draws its
     menu, zoom buttons and help — and, in a box narrower than its mobile
     breakpoint, a bottom bar outside that wrapper. A viewer is the drawing and
     nothing else. */
.diagram-excalidraw-viewer[data-v-e8c834ca] .layer-ui__wrapper,
  .diagram-excalidraw-viewer[data-v-e8c834ca] .App-bottom-bar {
    display: none;
}
/*
  Unscoped because the modal is teleported to <body>. The field keeps its own
  aspect ratio and is capped by the viewport's height, so a short window
  shrinks the diagram instead of scrolling it.
*/
.diagram-viewer__body {
  display: flex;
  justify-content: center;
}
.diagram-viewer__body .drill-diagram,
.diagram-viewer__body .diagram-scene-viewer {
  width: 100%;
  max-width: min(100%, 78vh);
}
/* A fixed frame keeps a near-square diagram and a 16:9 video thumbnail reading as one row of
   cards, and stops either from growing tall enough to dominate the page again. */
.drill-resource-card-media[data-v-383fcccc] {
  aspect-ratio: 16/9;
}
.drill-resource-card-media[data-v-383fcccc] img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/* The diagram renders width-driven, so it is centred in the frame and cropped top and bottom —
   the busy middle of the field is what identifies it at this size. */
.drill-resource-card-media[data-v-383fcccc] .drill-diagram {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
}
.drill-resource-card-play[data-v-383fcccc] {
  width: 44px;
  height: 44px;
}
/*
  Two columns wherever there is room for them, one when there isn't — driven by the section's own
  width, so the sidebar-less page and a narrow drawer both get the right answer. The cap keeps the
  cards compact on a wide desktop instead of stretching them into hero images.
*/
.drill-resources__grid[data-v-49ab70c6] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
  max-width: 640px;
}

.hover-underline-location:hover p[data-v-bb1fdd10] {
  text-decoration: underline;
}
.rating-method-example[data-v-06cf83bf] {
  cursor: default;
}
.rating-method-example[data-v-06cf83bf] .btn:disabled,
.rating-method-example[data-v-06cf83bf] .form-control:disabled,
.rating-method-example[data-v-06cf83bf] .form-select:disabled {
  opacity: 0.85;
}.recorder-timer[data-v-2c73b9d1] {
  font-family: "Segment7", ui-monospace, monospace;
  font-size: clamp(4.5rem, 24vw, 7.5rem);
  letter-spacing: 0.04em;
}
.recorder-manual-input[data-v-2c73b9d1] .form-control {
  height: 64px;
  font-size: 1.75rem;
  font-variant-numeric: tabular-nums;
}
/* Stacked (the default, and every width below the split threshold): the item list and the active
   item's detail sit in one column and scroll together as a single region — this element owns that
   scroll. It needs a bounded height to scroll instead of overflowing its own ancestor, which
   flex-grow + min-height:0 gets from a host that participates in the page's flex chain (see
   EventEvaluationPage.vue's wrapper); a host that already bounds its height (e.g.
   EvaluationWorkspace's card body) works the same way for free. */
.assessment-layout[data-v-c3bbaecc] {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}

/* The stacked column keeps a phone-sized reading width and centres itself on a wider tablet,
   so the item rows never stretch into long, sparse bars. */
.assessment-sidebar[data-v-c3bbaecc],
.assessment-content[data-v-c3bbaecc] {
  width: 100%;
  max-width: 720px;
  margin-inline: auto;
}
.assessment-sidebar[data-v-c3bbaecc] {
  border-bottom: 1px solid var(--bs-border-color);
}

/* Split: navigation, not a second workspace. The rail is fixed-ish at the density the stacked
   layout already uses, so extra width all goes to the player rows. */
.is-split[data-v-c3bbaecc] {
  flex-direction: row;
}
.is-split .assessment-sidebar[data-v-c3bbaecc] {
  width: clamp(340px, 34%, 380px);
  max-width: none;
  margin-inline: 0;
  flex-shrink: 0;
  overflow-y: auto;
  border-bottom: 0;
  border-right: 1px solid var(--bs-border-color);
}
.is-split .assessment-content[data-v-c3bbaecc] {
  width: auto;
  max-width: none;
  margin-inline: 0;
}
.is-split .assessment-results[data-v-c3bbaecc] {
  overflow-y: auto;
  overscroll-behavior: contain;
}
.assessment-drill-info[data-v-5f066525] {
  flex-basis: 16rem;
}
.assessment-drill-controls .form-select[data-v-5f066525],
.assessment-drill-controls .btn[data-v-5f066525],
.assessment-drill-controls .assessment-drill-attempts[data-v-5f066525] {
  height: 2.25rem;
}
.assessment-drill-attempts[data-v-5f066525] {
  width: 9.75rem;
  flex: 0 0 auto;
}
.assessment-drill-type[data-v-5f066525] {
  flex: 0 1 11rem;
  min-width: 7rem;
}.drill-step-number[data-v-20a79410] {
  width: 28px;
  height: 28px;
}
.drill-flash[data-v-20a79410] {
  animation: drill-flash-20a79410 0.6s ease-out;
}
@keyframes drill-flash-20a79410 {
0% {
    box-shadow: 0 0 0 0 rgba(var(--bs-primary-rgb), 0.5);
}
70% {
    box-shadow: 0 0 0 12px rgba(var(--bs-primary-rgb), 0);
}
100% {
    box-shadow: none;
}
}.coach-display-next[data-v-c4795e66] {
  font-size: clamp(1.25rem, 3vw, 2rem);
}
.coach-display-fade[data-v-c4795e66] {
  transition: opacity 0.3s ease;
  opacity: 1;
}
.coach-display-fade--hidden[data-v-c4795e66] {
  opacity: 0;
  pointer-events: none;
}
.fullscreen-clock-progress-fill[data-v-c4795e66] {
  transition: width 1s linear;
}
.diagram-resource__item[data-v-ecd36e19] {
    max-width: 320px;
}
.diagram-resource__preview[data-v-ecd36e19] {
    cursor: zoom-in;
}

.evaluation-nav[data-v-fa517562] {
  display: flex;
  gap: 0.5rem;
  /* Below the rail breakpoint this is a horizontal strip that scrolls. Names stay whole and the
     coach swipes — an evaluation item truncated to "Thr…" is not navigation. */
  flex-direction: row;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
  padding: 0.5rem 0.75rem;
}
.evaluation-nav__item[data-v-fa517562] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
  min-height: 44px;
  padding: 0.5rem 0.875rem;
  border: 1px solid var(--bs-border-color);
  border-radius: 999px;
  background-color: var(--dm-surface);
  color: var(--bs-body-color);
  font-size: 0.9375rem;
  line-height: 1.2;
  text-align: left;
  white-space: nowrap;
}
.evaluation-nav__item--complete[data-v-fa517562] {
  border-color: var(--bs-success-border-subtle);
  background-color: var(--bs-success-bg-subtle);
}
.evaluation-nav__item--active[data-v-fa517562] {
  border-color: var(--bs-primary);
  background-color: var(--bs-primary);
  color: var(--bs-white);
}
.evaluation-nav__marker[data-v-fa517562] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: var(--bs-secondary-bg);
  font-size: 0.75rem;
  font-weight: 600;
}
.evaluation-nav__item--active .evaluation-nav__marker[data-v-fa517562] {
  background-color: var(--bs-white);
  color: var(--bs-primary);
}
.evaluation-nav__item--complete:not(.evaluation-nav__item--active) .evaluation-nav__marker[data-v-fa517562] {
  background-color: var(--bs-success-border-subtle);
  color: var(--bs-success-text-emphasis);
}
.evaluation-nav__meta[data-v-fa517562] {
  display: inline-flex;
  align-items: center;
  font-size: 0.8125rem;
  font-variant-numeric: tabular-nums;
  opacity: 0.75;
}

/* Rail: on a wide screen the items stack down the left edge and names wrap instead of
   scrolling, so the whole plan is readable at a glance. */
@media (min-width: 992px) {
.evaluation-nav[data-v-fa517562] {
    flex-direction: column;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    height: 100%;
    padding: 0.75rem;
}
.evaluation-nav__item[data-v-fa517562] {
    border-radius: 0.5rem;
    white-space: normal;
    align-items: flex-start;
}
.evaluation-nav__label[data-v-fa517562] {
    flex-grow: 1;
    min-width: 0;
    overflow-wrap: anywhere;
}
.evaluation-nav__marker[data-v-fa517562],
  .evaluation-nav__meta[data-v-fa517562] {
    margin-top: 1px;
}
}

.evaluation-mode__main[data-v-d2b9e248] {
  overscroll-behavior: contain;
}

/* Below the rail breakpoint the navigator is a horizontal strip above the results. */
@media (min-width: 992px) {
.evaluation-mode__nav[data-v-d2b9e248] {
    width: 260px;
    border-bottom: 0 !important;
    border-right: 1px solid var(--bs-border-color);
    background-color: var(--bs-tertiary-bg) !important;
}
}
@media screen {
.equipment-print-page[data-v-2f0ad379] {
    max-height: 100vh;
    max-height: 100dvh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
}
@media print {
[data-v-2f0ad379] {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
}
.equipment-print-page[data-v-2f0ad379] {
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
}
.print-container[data-v-2f0ad379] {
    display: block !important;
}
.print-wrapper[data-v-2f0ad379] {
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    background: white !important;
}
}
/* Five stats across on paper; stacked two-up on a phone before anyone prints. */
.evaluation-report-summary__cell[data-v-ba8adc37] {
  min-width: 8rem;
}
@media (max-width: 575.98px) {
.evaluation-report-summary__cell[data-v-ba8adc37] {
    flex: 0 0 50%;
}
}

.evaluation-report__table[data-v-7d959800] {
  font-size: 0.9rem;
}

/* Portrait Letter is the narrowest sheet this table has to survive, so on paper it gives up
   padding and type size before it gives up columns. */
@media print {
.evaluation-report__table[data-v-7d959800] {
    font-size: 0.72rem;
    table-layout: fixed;
    width: 100% !important;
}
.evaluation-report__table[data-v-7d959800] :is(th, td) {
    padding: 0.2rem 0.25rem;
    overflow-wrap: anywhere;
}
.table-responsive[data-v-7d959800] {
    overflow: visible !important;
}
}

/*
 * One player, one sheet.
 *
 * The report exists to be handed to a family, and a second page carrying two stray lines and a
 * footer reads as an accident. Screen spacing is left alone — this only compresses paper.
 */
@media print {
section[data-v-4f3bdec4] {
    margin-bottom: 0.75rem !important;
}

  /* Keep a row, a highlight or a comment whole across the fold — but never the breakdown
     section as a block, or a long evaluation plan would push the whole table to page two and
     leave page one half empty. */
li[data-v-4f3bdec4],
  tr[data-v-4f3bdec4],
  .border-start[data-v-4f3bdec4] {
    break-inside: avoid;
    page-break-inside: avoid;
}
section[data-v-4f3bdec4]:first-child {
    padding-bottom: 0.5rem !important;
}
h2[data-v-4f3bdec4] {
    font-size: 1.5rem;
}
.display-5[data-v-4f3bdec4] {
    font-size: 2.25rem;
}
h6[data-v-4f3bdec4] {
    margin-bottom: 0.25rem !important;
}
li[data-v-4f3bdec4],
  .border-start[data-v-4f3bdec4] {
    margin-bottom: 0.25rem !important;
}
td[data-v-4f3bdec4],
  th[data-v-4f3bdec4] {
    padding-top: 0.2rem !important;
    padding-bottom: 0.2rem !important;
}
}

/* The app shell owns the viewport height and does not scroll its own content, so a page taller
   than the screen is simply clipped — this report is a full roster table and always is. */
@media screen {
.evaluation-report-page[data-v-07c2b15c] {
    max-height: 100vh;
    max-height: 100dvh;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
}
@media print {
[data-v-07c2b15c] {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
}
.evaluation-report-page[data-v-07c2b15c] {
    max-height: none !important;
    height: auto !important;
    overflow: visible !important;
}
.print-container[data-v-07c2b15c] {
    display: block !important;
}
.print-wrapper[data-v-07c2b15c] {
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
    background: white !important;
}

  /* On screen the chrome can breathe; on paper every reclaimed line is one the report body
     gets to keep, and a player report is meant to land on a single sheet. */
.evaluation-report-page__body[data-v-07c2b15c] {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}
[data-v-07c2b15c] header {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}
[data-v-07c2b15c] footer {
    padding-top: 0.5rem !important;
}
}

.entity-chip[data-v-72b1f314] {
  border: 1px solid transparent;
  border-left: 3px solid var(--entity-tone);
  transition: background-color 0.12s ease-out, border-color 0.12s ease-out;
}
.entity-chip-icon[data-v-72b1f314] {
  color: var(--entity-tone);
}
.entity-chip-clickable[data-v-72b1f314]:hover {
  background-color: var(--team-subtle-bg, var(--bs-secondary-bg-subtle));
}
.entity-chip-clickable[data-v-72b1f314]:focus-visible {
  outline: 2px solid var(--team-primary, var(--bs-secondary));
  outline-offset: 2px;
}
.entity-chip-selected[data-v-72b1f314] {
  background-color: var(--team-subtle-bg, var(--bs-secondary-bg-subtle));
  border-color: var(--team-border, transparent);
  border-left-color: var(--entity-tone);
}
.entity-chip-clickable.entity-chip-selected[data-v-72b1f314]:hover {
  background-color: var(--team-hover, var(--bs-secondary-bg-subtle));
}

.video-thumbnail-img[data-v-c984a9d4] {
  transition: transform 175ms ease;
}

.video-card-media[data-v-6acfcd10]:focus-visible {
  outline: 2px solid var(--bs-focus-ring-color);
  outline-offset: -2px;
}
.video-card[data-v-6acfcd10]:hover .video-thumbnail-img,
.video-card[data-v-6acfcd10]:focus-within .video-thumbnail-img {
  transform: scale(1.02);
}
@media (prefers-reduced-motion: reduce) {
.video-card[data-v-6acfcd10] .video-thumbnail-img {
    transition: none;
}
.video-card[data-v-6acfcd10]:hover .video-thumbnail-img,
  .video-card[data-v-6acfcd10]:focus-within .video-thumbnail-img {
    transform: none;
}
}

.drill-printed-at[data-v-2f131441] {
  font-size: 0.75rem;
  color: var(--bs-secondary-color);
  margin-top: 0.375rem;
}

/*
  The screen header is a plain stacked block; print turns the same markup into the sheet's
  masthead — team mark, drill identity, QR — without a second copy of the title.
*/
@media print {
.drill-header[data-v-2f131441] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--bs-border-color);
}
  /* The team mark keeps a subtle container so a pale logo doesn't dissolve into the white page.
     A QR is solid black on white and needs no such help, so it prints bare — sized to the logo's
     full 82px box (72px mark + 4px padding + 1px border) so the two marks read as a matched pair. */
.drill-print-logo[data-v-2f131441] {
    flex-shrink: 0;
    border: 1px solid var(--bs-border-color);
    border-radius: 0.375rem;
    line-height: 0;
    padding: 4px;
}
.drill-print-qr[data-v-2f131441] {
    flex-shrink: 0;
    line-height: 0;
    width: 82px;
    height: 82px;
}
.drill-print-qr[data-v-2f131441] svg {
    display: block;
    width: 100%;
    height: 100%;
}
}/*
  Print-mode rules for the drill sheet. Unscoped because they reach into DrillDetails' sections,
  and keyed on `.drill-printable` so nothing here can touch another page.
*/
@media print {
.drill-printable,
  .drill-printable * {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
}
.drill-page .container-xxl {
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}
.drill-page {
    padding: 0 !important;
}
.drill-printable {
    color: #000;
    font-size: 11pt;
    line-height: 1.5;
}
.drill-printable h1 {
    font-size: 18pt;
    margin-bottom: 0.35rem;
}
.drill-printable h2 {
    font-size: 12pt;
    font-weight: 700;
    border-bottom: 1px solid var(--bs-border-color);
    padding-bottom: 0.25rem;
    margin-bottom: 0.5rem;
    break-after: avoid;
    page-break-after: avoid;
}
.drill-printable h3 {
    break-after: avoid;
    page-break-after: avoid;
}
  /* Sections hold together when they can, but a long list is allowed to run onto page two
     rather than leaving half a page blank to keep itself whole. */
.drill-printable .drill-section {
    break-inside: avoid;
    page-break-inside: avoid;
    margin-bottom: 1rem !important;
}
.drill-printable ol,
  .drill-printable ul {
    break-inside: auto;
    page-break-inside: auto;
    padding-left: 1.25rem;
}
.drill-printable ol {
    list-style: decimal outside;
}
  /* Screen affordances that mean nothing on paper. */
.drill-printable .card,
  .drill-printable .shadow-sm,
  .drill-printable .shadow {
    box-shadow: none !important;
}
}
  /* Third-party override, deliberately: with open/save/export/reset/theme/background
     removed (UIOptions), Excalidraw's hamburger only holds Command palette, Find and
     Help — every one of them a keystroke (Cmd+/, Cmd+F, ?) and Help has its own
     corner button — so the trigger is hidden rather than left as an empty menu. */
.diagram-excalidraw-host[data-v-026bc75d] .main-menu-trigger {
    display: none;
}

  /* The "extra tools" dropdown at the end of Excalidraw's toolbar is Frame, Web
     embed and Laser (its AI entries are off via `aiEnabled`). Laser is on the
     sports toolbar; frames and embeds have no place in a drill. */
.diagram-excalidraw-host[data-v-026bc75d] .App-toolbar__extra-tools-trigger {
    display: none;
}
.required-toggle-input[data-v-8012e809] {
  width: 3rem;
  height: 1.5rem;
}.editor-step[data-v-06d240b3] {
  max-width: 720px;
}

/* The form wins the width: a registration page reads fine narrow, a form with side-by-side
   fields does not. Tablets lean harder toward the form than wide desktops do. */
.editor-form-pane[data-v-06d240b3] {
  flex: 1 1 0;
}
.editor-preview-pane[data-v-06d240b3] {
  flex: 0 0 40%;
}
@media (min-width: 1200px) {
.editor-preview-pane[data-v-06d240b3] {
    flex-basis: 45%;
}
}
.editor-preview-pane[data-v-06d240b3] >  .card {
  border-radius: 0;
  box-shadow: none;
}.public-form-preview-iframe[data-v-b6bcccc0] {
  transform-origin: top left;
}
.public-form-preview-overlay[data-v-b6bcccc0] {
  transition: background-color 0.15s ease;
}
.public-form-preview-overlay[data-v-b6bcccc0]:hover, .public-form-preview-overlay[data-v-b6bcccc0]:focus-visible {
  background-color: rgba(var(--bs-emphasis-color-rgb), 0.03);
}
.public-form-preview-overlay[data-v-b6bcccc0]:focus-visible {
  outline: 3px solid var(--bs-focus-ring-color);
  outline-offset: -3px;
}.notes-canvas[data-v-2bc9610a] {
  column-count: 1;
  column-gap: 1rem;
}
@media (min-width: 768px) {
.notes-canvas[data-v-2bc9610a] {
    column-count: 2;
}
}
@media (min-width: 1200px) {
.notes-canvas[data-v-2bc9610a] {
    column-count: 3;
}
}
.notes-canvas-item[data-v-2bc9610a] {
  break-inside: avoid;
}
.video-row--interactive[data-v-bb4cb382]:hover,
.video-row--interactive[data-v-bb4cb382]:focus-visible {
  background-color: var(--bs-tertiary-bg) !important;
}

.related-item-chip-body:hover .text-truncate[data-v-66a2c4ba] {
  text-decoration: underline;
}
.related-item-chip-remove[data-v-66a2c4ba] {
  width: 1.125rem;
  height: 1.125rem;
}

.contacts-cell-clamp[data-v-25461faf] {
  max-width: 16rem;
}
/*
  The navy is mixed from the two brand primaries rather than hardcoded so the bar tracks the
  palette, and it is deliberately a shade lighter than the sidebar's own colour: the sidebar is
  painted with the *team's* club colour, so the two must read as separate surfaces.
*/
.demo-banner[data-v-c0c9f7f5] {
  background-color: rgb(8.2352941176%, 24.9019607843%, 42.3529411765%);
}.drill-card-compact[data-v-739413ef] {
  /* The skill stripe is the card's left border (inline colour); only the other three edges react. */
}
.drill-card-compact[data-v-739413ef]:hover:not(:disabled), .drill-card-compact[data-v-739413ef]:focus-visible {
  border-top-color: var(--bs-primary) !important;
  border-right-color: var(--bs-primary) !important;
  border-bottom-color: var(--bs-primary) !important;
}
.drill-card-compact[data-v-739413ef]:disabled {
  opacity: 1;
  background-color: var(--bs-tertiary-bg) !important;
}
.drill-card-compact.is-selected[data-v-739413ef] {
  border-top-color: var(--bs-primary) !important;
  border-right-color: var(--bs-primary) !important;
  border-bottom-color: var(--bs-primary) !important;
  box-shadow: inset 0 0 0 1px var(--bs-primary);
  background-color: rgba(var(--bs-primary-rgb), 0.06) !important;
}

/* Looks like the quiet button it stands in for; see the template comment on why it is a span. */
.drill-card-compact__action[data-v-739413ef] {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.15rem 0.6rem;
  border-radius: 0.375rem;
  font-size: 0.8125rem;
  font-weight: 600;
  background-color: var(--bs-secondary-bg);
  color: var(--bs-secondary-color);
}
.drill-card-compact__action.is-added[data-v-739413ef] {
  background-color: var(--bs-success-bg-subtle);
  color: var(--bs-success-text-emphasis);
}
.drill-card-compact:hover:not(:disabled) .drill-card-compact__action[data-v-739413ef]:not(.is-added) {
  background-color: var(--bs-primary);
  color: var(--bs-white);
}
.confirm-dialog[data-v-61f3c9ed] {
  --bs-modal-zindex: 1065;
}

.welcome-team-logo[data-v-1c34fdfb] {
  animation: pop-in-1c34fdfb 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
}
@keyframes pop-in-1c34fdfb {
from { transform: scale(0.5); opacity: 0;
}
to   { transform: scale(1);   opacity: 1;
}
}
@media (prefers-reduced-motion: reduce) {
.welcome-team-logo[data-v-1c34fdfb] {
    animation: none;
}
}
.season-chip[data-v-d3472365] {
  border: 1px solid transparent;
  border-left: 3px solid var(--card-season);
  transition: background-color 0.12s ease-out, border-color 0.12s ease-out;
}
.season-chip-icon[data-v-d3472365] {
  color: var(--card-season);
}
.season-chip--sm[data-v-d3472365] {
  gap: 0.375rem;
  padding-block: 0.125rem;
  padding-inline: 0.375rem;
  font-size: 0.75rem;
}
.season-chip--md[data-v-d3472365] {
  gap: 0.5rem;
  padding-block: 0.25rem;
  padding-inline: 0.5rem;
  font-size: 0.8125rem;
}
.season-chip--lg[data-v-d3472365] {
  gap: 0.625rem;
  padding-block: 0.375rem;
  padding-inline: 0.625rem;
  font-size: 0.875rem;
}
.season-chip--clickable[data-v-d3472365] {
  cursor: pointer;
}
.season-chip--clickable[data-v-d3472365]:hover {
  background-color: var(--team-subtle-bg, rgba(71, 85, 105, 0.06));
}
.season-chip--clickable[data-v-d3472365]:focus-visible {
  outline: 2px solid var(--team-primary, #475569);
  outline-offset: 2px;
}
.season-chip--selected[data-v-d3472365] {
  background-color: var(--team-subtle-bg, rgba(71, 85, 105, 0.1));
  border-color: var(--team-border, transparent);
  border-left-color: var(--card-season);
}
.season-chip--clickable.season-chip--selected[data-v-d3472365]:hover {
  background-color: var(--team-hover, rgba(71, 85, 105, 0.14));
}
.season-chip--disabled[data-v-d3472365] {
  opacity: 0.5;
  cursor: not-allowed;
}.nav-header-bar[data-v-810293e2] {
  min-height: 78px;
}/*$vite$:1*/