/* [project]/src/app/globals.css [app-client] (css) */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-space-x-reverse: 0;
      --tw-content: "";
    }
  }
}

@layer theme {
  :root, :host {
    --color-amber-100: #fef3c6;
    --color-amber-200: #fee685;
    --color-amber-300: #ffd236;
    --color-amber-700: #b75000;
    --color-amber-900: #7b3306;
    --color-amber-950: #461901;
    --color-green-500: #00c758;
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --breakpoint-2xl: 96rem;
    --container-lg: 32rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-tight: -.025em;
    --tracking-widest: .1em;
    --leading-relaxed: 1.625;
    --radius-xl: .75rem;
    --ease-out: cubic-bezier(0, 0, .2, 1);
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  }

  @supports (color: lab(0% 0 0)) {
    :root, :host {
      --color-amber-100: lab(95.916% -1.21653 23.111);
      --color-amber-200: lab(91.7203% -.505269 49.9084);
      --color-amber-300: lab(86.4156% 6.13147 78.3961);
      --color-amber-700: lab(47.2709% 42.9082 69.2966);
      --color-amber-900: lab(31.2288% 30.2627 40.0378);
      --color-amber-950: lab(15.8111% 20.9107 23.3752);
      --color-green-500: lab(70.5521% -66.5147 45.8073);
    }
  }
}

@layer base {
  *, :after, :before, ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--font-geist-sans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"), ui-sans-serif, system-ui, sans-serif;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent;
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }

  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }

  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }

  b, strong {
    font-weight: bolder;
  }

  code, kbd, samp, pre {
    font-family: var(--font-geist-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace), ui-monospace, SFMono-Regular, monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em;
  }

  small {
    font-size: 80%;
  }

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

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.5em;
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }

  :-moz-focusring:where(:not(iframe)) {
    outline: auto;
  }

  progress {
    vertical-align: baseline;
  }

  summary {
    display: list-item;
  }

  ol, ul, menu {
    list-style: none;
  }

  img, svg, video, canvas, audio, iframe, embed, object {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }

  ::file-selector-button {
    margin-inline-end: 4px;
  }

  ::placeholder {
    opacity: 1;
  }

  @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentColor;
    }

    @supports (color: color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }

  textarea {
    resize: vertical;
  }

  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }

  ::-webkit-datetime-edit {
    display: inline-flex;
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }

  ::-webkit-datetime-edit {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

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

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

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }

  :root, .dark {
    --background: 207 77% 95%;
    --foreground: 230 65% 12%;
    --card: 0 0% 100%;
    --card-foreground: 230 65% 12%;
    --popover: 0 0% 100%;
    --popover-foreground: 230 65% 12%;
    --primary: 231 56% 27%;
    --primary-foreground: 0 0% 100%;
    --secondary: 210 82% 91%;
    --secondary-foreground: 225 61% 18%;
    --muted: 208 74% 93%;
    --muted-foreground: 212 30% 38%;
    --placeholder: 212 20% 47%;
    --accent: 209 85% 90%;
    --accent-foreground: 203 83% 16%;
    --destructive: 347 77% 50%;
    --destructive-foreground: 0 0% 100%;
    --border: 207 59% 82%;
    --input: 206 56% 78%;
    --ring: 203 100% 46%;
    --cyan: 203 100% 46%;
    --radius: .75rem;
    --success: 152 60% 40%;
    --warning: 38 92% 55%;
  }

  * {
    border-color: hsl(var(--border));
  }

  input::placeholder, textarea::placeholder {
    color: hsl(var(--placeholder));
    opacity: 1;
  }

  body {
    background-color: hsl(var(--background));
    color: hsl(var(--foreground));
  }
}

@layer components;

@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }

  .collapse {
    visibility: collapse;
  }

  .visible {
    visibility: visible;
  }

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

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .inset-0 {
    inset: 0;
  }

  .top-1 {
    top: var(--spacing);
  }

  .top-1\/2 {
    top: 50%;
  }

  .top-3 {
    top: calc(var(--spacing) * 3);
  }

  .top-4 {
    top: calc(var(--spacing) * 4);
  }

  .top-5 {
    top: calc(var(--spacing) * 5);
  }

  .top-\[50\%\] {
    top: 50%;
  }

  .top-full {
    top: 100%;
  }

  .right-0 {
    right: 0;
  }

  .right-1 {
    right: var(--spacing);
  }

  .right-4 {
    right: calc(var(--spacing) * 4);
  }

  .left-0 {
    left: 0;
  }

  .left-2 {
    left: calc(var(--spacing) * 2);
  }

  .left-4 {
    left: calc(var(--spacing) * 4);
  }

  .left-\[50\%\] {
    left: 50%;
  }

  .z-50 {
    z-index: 50;
  }

  .z-\[9999\] {
    z-index: 9999;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .container {
    margin-inline: auto;
    padding-inline: 2rem;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: none;
    }
  }

  @media (min-width: 1400px) {
    .container {
      max-width: 1400px;
    }
  }

  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }

  .mx-0\.5 {
    margin-inline: calc(var(--spacing) * .5);
  }

  .mx-auto {
    margin-inline: auto;
  }

  .my-0\.5 {
    margin-block: calc(var(--spacing) * .5);
  }

  .my-1 {
    margin-block: var(--spacing);
  }

  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }

  .mt-0\.5 {
    margin-top: calc(var(--spacing) * .5);
  }

  .mt-1 {
    margin-top: var(--spacing);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mr-0 {
    margin-right: 0;
  }

  .mr-1 {
    margin-right: var(--spacing);
  }

  .mb-1 {
    margin-bottom: var(--spacing);
  }

  .mb-1\.5 {
    margin-bottom: calc(var(--spacing) * 1.5);
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }

  .ml-2\.5 {
    margin-left: calc(var(--spacing) * 2.5);
  }

  .ml-auto {
    margin-left: auto;
  }

  .\!hidden {
    display: none !important;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-block {
    display: inline-block;
  }

  .inline-flex {
    display: inline-flex;
  }

  .table {
    display: table;
  }

  .aspect-square {
    aspect-ratio: 1;
  }

  .h-2 {
    height: calc(var(--spacing) * 2);
  }

  .h-3 {
    height: calc(var(--spacing) * 3);
  }

  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }

  .h-4 {
    height: calc(var(--spacing) * 4);
  }

  .h-6 {
    height: calc(var(--spacing) * 6);
  }

  .h-7 {
    height: calc(var(--spacing) * 7);
  }

  .h-8 {
    height: calc(var(--spacing) * 8);
  }

  .h-9 {
    height: calc(var(--spacing) * 9);
  }

  .h-10 {
    height: calc(var(--spacing) * 10);
  }

  .h-\[1px\] {
    height: 1px;
  }

  .h-\[140px\] {
    height: 140px;
  }

  .h-full {
    height: 100%;
  }

  .h-px {
    height: 1px;
  }

  .max-h-60 {
    max-height: calc(var(--spacing) * 60);
  }

  .max-h-\[60vh\] {
    max-height: 60vh;
  }

  .max-h-\[90dvh\] {
    max-height: 90dvh;
  }

  .max-h-\[240px\] {
    max-height: 240px;
  }

  .max-h-\[var\(--radix-dropdown-menu-content-available-height\)\] {
    max-height: var(--radix-dropdown-menu-content-available-height);
  }

  .min-h-28 {
    min-height: calc(var(--spacing) * 28);
  }

  .min-h-\[2rem\] {
    min-height: 2rem;
  }

  .min-h-\[40vh\] {
    min-height: 40vh;
  }

  .min-h-\[200px\] {
    min-height: 200px;
  }

  .w-2 {
    width: calc(var(--spacing) * 2);
  }

  .w-3 {
    width: calc(var(--spacing) * 3);
  }

  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }

  .w-4 {
    width: calc(var(--spacing) * 4);
  }

  .w-6 {
    width: calc(var(--spacing) * 6);
  }

  .w-8 {
    width: calc(var(--spacing) * 8);
  }

  .w-9 {
    width: calc(var(--spacing) * 9);
  }

  .w-10 {
    width: calc(var(--spacing) * 10);
  }

  .w-12 {
    width: calc(var(--spacing) * 12);
  }

  .w-24 {
    width: calc(var(--spacing) * 24);
  }

  .w-72 {
    width: calc(var(--spacing) * 72);
  }

  .w-\[1px\] {
    width: 1px;
  }

  .w-\[200px\] {
    width: 200px;
  }

  .w-\[232px\] {
    width: 232px;
  }

  .w-full {
    width: 100%;
  }

  .max-w-\[calc\(100vw-2rem\)\] {
    max-width: calc(100vw - 2rem);
  }

  .max-w-\[min\(560px\,calc\(100vw-24px\)\)\] {
    max-width: min(560px, 100vw - 24px);
  }

  .max-w-\[min\(640px\,calc\(100vw-24px\)\)\] {
    max-width: min(640px, 100vw - 24px);
  }

  .max-w-lg {
    max-width: var(--container-lg);
  }

  .max-w-screen-2xl {
    max-width: var(--breakpoint-2xl);
  }

  .min-w-0 {
    min-width: 0;
  }

  .min-w-8 {
    min-width: calc(var(--spacing) * 8);
  }

  .min-w-9 {
    min-width: calc(var(--spacing) * 9);
  }

  .min-w-10 {
    min-width: calc(var(--spacing) * 10);
  }

  .min-w-40 {
    min-width: calc(var(--spacing) * 40);
  }

  .min-w-44 {
    min-width: calc(var(--spacing) * 44);
  }

  .min-w-80 {
    min-width: calc(var(--spacing) * 80);
  }

  .min-w-\[8rem\] {
    min-width: 8rem;
  }

  .min-w-\[200px\] {
    min-width: 200px;
  }

  .flex-1 {
    flex: 1;
  }

  .shrink {
    flex-shrink: 1;
  }

  .shrink-0 {
    flex-shrink: 0;
  }

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

  .origin-\[--radix-dropdown-menu-content-transform-origin\] {
    transform-origin: --radix-dropdown-menu-content-transform-origin;
  }

  .origin-\[--radix-popover-content-transform-origin\] {
    transform-origin: --radix-popover-content-transform-origin;
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[-50\%\] {
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .rotate-180 {
    rotate: 180deg;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .cursor-crosshair {
    cursor: crosshair;
  }

  .cursor-default {
    cursor: default;
  }

  .cursor-pointer {
    cursor: pointer;
  }

  .touch-none {
    touch-action: none;
  }

  .resize {
    resize: both;
  }

  .list-inside {
    list-style-position: inside;
  }

  .list-decimal {
    list-style-type: decimal;
  }

  .list-disc {
    list-style-type: disc;
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-col-reverse {
    flex-direction: column-reverse;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .items-baseline {
    align-items: baseline;
  }

  .items-center {
    align-items: center;
  }

  .justify-between {
    justify-content: space-between;
  }

  .justify-center {
    justify-content: center;
  }

  .gap-0\.5 {
    gap: calc(var(--spacing) * .5);
  }

  .gap-1 {
    gap: var(--spacing);
  }

  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  :where(.space-y-1\.5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-3 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-4 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.space-y-5 > :not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
  }

  :where(.divide-y > :not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  }

  :where(.divide-border > :not(:last-child)) {
    border-color: hsl(var(--border));
  }

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

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-visible {
    overflow: visible;
  }

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

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

  .rounded {
    border-radius: .25rem;
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-lg {
    border-radius: var(--radius);
  }

  .rounded-md {
    border-radius: calc(var(--radius) - 2px);
  }

  .rounded-sm {
    border-radius: calc(var(--radius) - 4px);
  }

  .rounded-xl {
    border-radius: var(--radius-xl);
  }

  .rounded-t-lg {
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .border-r-0 {
    border-right-style: var(--tw-border-style);
    border-right-width: 0;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-l-4 {
    border-left-style: var(--tw-border-style);
    border-left-width: 4px;
  }

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .border-\(--ib-action\) {
    border-color: var(--ib-action);
  }

  .border-\(--ib-control\) {
    border-color: var(--ib-control);
  }

  .border-\(--ib-danger\) {
    border-color: var(--ib-danger);
  }

  .border-\(--ib-line\) {
    border-color: var(--ib-line);
  }

  .border-amber-300 {
    border-color: var(--color-amber-300);
  }

  .border-border {
    border-color: hsl(var(--border));
  }

  .border-input {
    border-color: hsl(var(--input));
  }

  .border-success {
    border-color: hsl(var(--success));
  }

  .border-success\/40 {
    border-color: hsl(var(--success));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-success\/40 {
      border-color: color-mix(in oklab, hsl(var(--success)) 40%, transparent);
    }
  }

  .border-transparent {
    border-color: #0000;
  }

  .border-white {
    border-color: var(--color-white);
  }

  .bg-\(--ib-action\) {
    background-color: var(--ib-action);
  }

  .bg-\(--ib-danger-bg\) {
    background-color: var(--ib-danger-bg);
  }

  .bg-\(--ib-raised\) {
    background-color: var(--ib-raised);
  }

  .bg-\(--ib-soft\) {
    background-color: var(--ib-soft);
  }

  .bg-\(--ib-surface\) {
    background-color: var(--ib-surface);
  }

  .bg-accent {
    background-color: hsl(var(--accent));
  }

  .bg-amber-100 {
    background-color: var(--color-amber-100);
  }

  .bg-background {
    background-color: hsl(var(--background));
  }

  .bg-black\/80 {
    background-color: #000c;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/80 {
      background-color: color-mix(in oklab, var(--color-black) 80%, transparent);
    }
  }

  .bg-border {
    background-color: hsl(var(--border));
  }

  .bg-card {
    background-color: hsl(var(--card));
  }

  .bg-destructive {
    background-color: hsl(var(--destructive));
  }

  .bg-green-500 {
    background-color: var(--color-green-500);
  }

  .bg-muted {
    background-color: hsl(var(--muted));
  }

  .bg-muted\/50 {
    background-color: hsl(var(--muted));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-muted\/50 {
      background-color: color-mix(in oklab, hsl(var(--muted)) 50%, transparent);
    }
  }

  .bg-popover {
    background-color: hsl(var(--popover));
  }

  .bg-primary {
    background-color: hsl(var(--primary));
  }

  .bg-primary\/\[0\.06\] {
    background-color: hsl(var(--primary));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/\[0\.06\] {
      background-color: color-mix(in oklab, hsl(var(--primary)) 6%, transparent);
    }
  }

  .bg-secondary {
    background-color: hsl(var(--secondary));
  }

  .bg-success\/\[0\.07\] {
    background-color: hsl(var(--success));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-success\/\[0\.07\] {
      background-color: color-mix(in oklab, hsl(var(--success)) 7.0%, transparent);
    }
  }

  .bg-success\/\[0\.09\] {
    background-color: hsl(var(--success));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-success\/\[0\.09\] {
      background-color: color-mix(in oklab, hsl(var(--success)) 9%, transparent);
    }
  }

  .bg-transparent {
    background-color: #0000;
  }

  .fill-current {
    fill: currentColor;
  }

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

  .p-1 {
    padding: var(--spacing);
  }

  .p-1\.5 {
    padding: calc(var(--spacing) * 1.5);
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-3 {
    padding: calc(var(--spacing) * 3);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .p-8 {
    padding: calc(var(--spacing) * 8);
  }

  .px-1 {
    padding-inline: var(--spacing);
  }

  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing) * .5);
  }

  .py-1 {
    padding-block: var(--spacing);
  }

  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }

  .pt-0 {
    padding-top: 0;
  }

  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }

  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }

  .pr-0 {
    padding-right: 0;
  }

  .pr-1\.5 {
    padding-right: calc(var(--spacing) * 1.5);
  }

  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }

  .pr-11 {
    padding-right: calc(var(--spacing) * 11);
  }

  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }

  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }

  .text-center {
    text-align: center;
  }

  .text-left {
    text-align: left;
  }

  .text-right {
    text-align: right;
  }

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

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

  .font-mono {
    font-family: var(--font-geist-mono), ui-monospace, SFMono-Regular, monospace;
  }

  .font-sans {
    font-family: var(--font-geist-sans), ui-sans-serif, system-ui, sans-serif;
  }

  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .text-\[10px\] {
    font-size: 10px;
  }

  .text-\[11px\] {
    font-size: 11px;
  }

  .leading-\[inherit\] {
    --tw-leading: inherit;
    line-height: inherit;
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .tracking-\[0\.08em\] {
    --tw-tracking: .08em;
    letter-spacing: .08em;
  }

  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .text-\(--ib-action\) {
    color: var(--ib-action);
  }

  .text-\(--ib-danger\) {
    color: var(--ib-danger);
  }

  .text-\(--ib-dim\) {
    color: var(--ib-dim);
  }

  .text-\(--ib-ink\) {
    color: var(--ib-ink);
  }

  .text-\(--ib-on-action\) {
    color: var(--ib-on-action);
  }

  .text-amber-950 {
    color: var(--color-amber-950);
  }

  .text-card-foreground {
    color: hsl(var(--card-foreground));
  }

  .text-destructive {
    color: hsl(var(--destructive));
  }

  .text-destructive-foreground {
    color: hsl(var(--destructive-foreground));
  }

  .text-foreground {
    color: hsl(var(--foreground));
  }

  .text-inherit {
    color: inherit;
  }

  .text-muted-foreground {
    color: hsl(var(--muted-foreground));
  }

  .text-popover-foreground {
    color: hsl(var(--popover-foreground));
  }

  .text-primary {
    color: hsl(var(--primary));
  }

  .text-primary-foreground {
    color: hsl(var(--primary-foreground));
  }

  .text-secondary-foreground {
    color: hsl(var(--secondary-foreground));
  }

  .text-success {
    color: hsl(var(--success));
  }

  .lowercase {
    text-transform: lowercase;
  }

  .uppercase {
    text-transform: uppercase;
  }

  .italic {
    font-style: italic;
  }

  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .line-through {
    text-decoration-line: line-through;
  }

  .overline {
    text-decoration-line: overline;
  }

  .underline {
    text-decoration-line: underline;
  }

  .decoration-wavy {
    text-decoration-style: wavy;
  }

  .underline-offset-4 {
    text-underline-offset: 4px;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-70 {
    opacity: .7;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-ring {
    --tw-ring-color: hsl(var(--ring));
  }

  .ring-offset-background {
    --tw-ring-offset-color: hsl(var(--background));
  }

  .outline, .outline-1 {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .outline-black\/40 {
    outline-color: #0006;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .outline-black\/40 {
      outline-color: color-mix(in oklab, var(--color-black) 40%, transparent);
    }
  }

  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .ease-out {
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .duration-200 {
    animation-duration: .2s;
  }

  .ease-out {
    animation-timing-function: cubic-bezier(0, 0, .2, 1);
  }

  .paused {
    animation-play-state: paused;
  }

  .running {
    animation-play-state: running;
  }

  .file\:border-0::file-selector-button {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .file\:bg-transparent::file-selector-button {
    background-color: #0000;
  }

  .file\:text-sm::file-selector-button {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .file\:font-medium::file-selector-button {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .file\:text-foreground::file-selector-button {
    color: hsl(var(--foreground));
  }

  .placeholder\:text-\(--ib-dim\)::placeholder {
    color: var(--ib-dim);
  }

  .placeholder\:text-placeholder::placeholder {
    color: hsl(var(--placeholder));
  }

  @media (hover: hover) {
    .hover\:bg-\(--ib-danger-bg\):hover {
      background-color: var(--ib-danger-bg);
    }

    .hover\:bg-\(--ib-hover\):hover {
      background-color: var(--ib-hover);
    }

    .hover\:bg-\(--ib-soft\):hover {
      background-color: var(--ib-soft);
    }

    .hover\:bg-accent:hover {
      background-color: hsl(var(--accent));
    }

    .hover\:bg-destructive\/80:hover {
      background-color: hsl(var(--destructive));
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-destructive\/80:hover {
        background-color: color-mix(in oklab, hsl(var(--destructive)) 80%, transparent);
      }
    }

    .hover\:bg-destructive\/90:hover {
      background-color: hsl(var(--destructive));
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-destructive\/90:hover {
        background-color: color-mix(in oklab, hsl(var(--destructive)) 90%, transparent);
      }
    }

    .hover\:bg-green-500\/90:hover {
      background-color: #00c758e6;
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-green-500\/90:hover {
        background-color: color-mix(in oklab, var(--color-green-500) 90%, transparent);
      }
    }

    .hover\:bg-muted:hover, .hover\:bg-muted\/50:hover {
      background-color: hsl(var(--muted));
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-muted\/50:hover {
        background-color: color-mix(in oklab, hsl(var(--muted)) 50%, transparent);
      }
    }

    .hover\:bg-primary\/80:hover {
      background-color: hsl(var(--primary));
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/80:hover {
        background-color: color-mix(in oklab, hsl(var(--primary)) 80%, transparent);
      }
    }

    .hover\:bg-primary\/90:hover {
      background-color: hsl(var(--primary));
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/90:hover {
        background-color: color-mix(in oklab, hsl(var(--primary)) 90%, transparent);
      }
    }

    .hover\:bg-secondary\/80:hover {
      background-color: hsl(var(--secondary));
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-secondary\/80:hover {
        background-color: color-mix(in oklab, hsl(var(--secondary)) 80%, transparent);
      }
    }

    .hover\:text-\(--ib-danger\):hover {
      color: var(--ib-danger);
    }

    .hover\:text-\(--ib-ink\):hover {
      color: var(--ib-ink);
    }

    .hover\:text-accent-foreground:hover {
      color: hsl(var(--accent-foreground));
    }

    .hover\:text-muted-foreground:hover {
      color: hsl(var(--muted-foreground));
    }

    .hover\:underline:hover {
      text-decoration-line: underline;
    }

    .hover\:opacity-100:hover {
      opacity: 1;
    }

    .hover\:brightness-95:hover {
      --tw-brightness: brightness(95%);
      filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
    }
  }

  .focus\:border-\(--ib-action\):focus {
    border-color: var(--ib-action);
  }

  .focus\:bg-accent:focus {
    background-color: hsl(var(--accent));
  }

  .focus\:text-accent-foreground:focus {
    color: hsl(var(--accent-foreground));
  }

  .focus\:ring-1:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-2:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus\:ring-\(--ib-action\):focus {
    --tw-ring-color: var(--ib-action);
  }

  .focus\:ring-ring:focus {
    --tw-ring-color: hsl(var(--ring));
  }

  .focus\:ring-offset-2:focus {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus\:outline-none:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  .focus-visible\:ring-1:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .focus-visible\:ring-\(--ib-action\):focus-visible {
    --tw-ring-color: var(--ib-action);
  }

  .focus-visible\:ring-ring:focus-visible {
    --tw-ring-color: hsl(var(--ring));
  }

  .focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus-visible\:outline-2:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
  }

  .focus-visible\:outline-offset-2:focus-visible {
    outline-offset: 2px;
  }

  .focus-visible\:outline-\(--ib-action\):focus-visible {
    outline-color: var(--ib-action);
  }

  .focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .disabled\:opacity-30:disabled {
    opacity: .3;
  }

  .disabled\:opacity-40:disabled {
    opacity: .4;
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  .disabled\:opacity-60:disabled {
    opacity: .6;
  }

  .has-focus-visible\:ring-1:has(:focus-visible) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .has-focus-visible\:ring-2:has(:focus-visible) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .has-focus-visible\:ring-\(--ib-action\):has(:focus-visible) {
    --tw-ring-color: var(--ib-action);
  }

  .has-focus-visible\:ring-inset:has(:focus-visible) {
    --tw-ring-inset: inset;
  }

  .data-\[disabled\]\:pointer-events-none[data-disabled] {
    pointer-events: none;
  }

  .data-\[disabled\]\:opacity-50[data-disabled] {
    opacity: .5;
  }

  .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
    --tw-enter-translate-y: -.5rem;
  }

  .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
    --tw-enter-translate-x: .5rem;
  }

  .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
    --tw-enter-translate-x: -.5rem;
  }

  .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
    --tw-enter-translate-y: .5rem;
  }

  .data-\[state\=active\]\:bg-background[data-state="active"] {
    background-color: hsl(var(--background));
  }

  .data-\[state\=active\]\:text-foreground[data-state="active"] {
    color: hsl(var(--foreground));
  }

  .data-\[state\=closed\]\:animate-out[data-state="closed"] {
    --tw-exit-opacity: initial;
    --tw-exit-scale: initial;
    --tw-exit-rotate: initial;
    --tw-exit-translate-x: initial;
    --tw-exit-translate-y: initial;
    animation-name: exit;
    animation-duration: .15s;
  }

  .data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
    --tw-exit-opacity: 0;
  }

  .data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state="closed"] {
    --tw-exit-translate-x: -50%;
  }

  .data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state="closed"] {
    --tw-exit-translate-y: -48%;
  }

  .data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
    --tw-exit-scale: .95;
  }

  .data-\[state\=on\]\:bg-accent[data-state="on"] {
    background-color: hsl(var(--accent));
  }

  .data-\[state\=on\]\:text-accent-foreground[data-state="on"] {
    color: hsl(var(--accent-foreground));
  }

  .data-\[state\=open\]\:bg-accent[data-state="open"] {
    background-color: hsl(var(--accent));
  }

  .data-\[state\=open\]\:text-muted-foreground[data-state="open"] {
    color: hsl(var(--muted-foreground));
  }

  .data-\[state\=open\]\:animate-in[data-state="open"] {
    --tw-enter-opacity: initial;
    --tw-enter-scale: initial;
    --tw-enter-rotate: initial;
    --tw-enter-translate-x: initial;
    --tw-enter-translate-y: initial;
    animation-name: enter;
    animation-duration: .15s;
  }

  .data-\[state\=open\]\:fade-in-0[data-state="open"] {
    --tw-enter-opacity: 0;
  }

  .data-\[state\=open\]\:slide-in-from-left-1\/2[data-state="open"] {
    --tw-enter-translate-x: -50%;
  }

  .data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state="open"] {
    --tw-enter-translate-y: -48%;
  }

  .data-\[state\=open\]\:zoom-in-95[data-state="open"] {
    --tw-enter-scale: .95;
  }

  .data-\[state\=selected\]\:bg-muted[data-state="selected"] {
    background-color: hsl(var(--muted));
  }

  @media (min-width: 40rem) {
    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .sm\:flex-row {
      flex-direction: row;
    }

    .sm\:justify-end {
      justify-content: flex-end;
    }

    :where(.sm\:space-x-2 > :not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)));
    }

    .sm\:rounded-lg {
      border-radius: var(--radius);
    }

    .sm\:px-8 {
      padding-inline: calc(var(--spacing) * 8);
    }

    .sm\:text-left {
      text-align: left;
    }
  }

  @media (min-width: 48rem) {
    .md\:min-w-\[400px\] {
      min-width: 400px;
    }

    .md\:flex-row {
      flex-direction: row;
    }

    .md\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  @media (min-width: 80rem) {
    .xl\:grid-cols-5 {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }

  .dark\:border-amber-700:is(.dark *) {
    border-color: var(--color-amber-700);
  }

  .dark\:bg-amber-900\/40:is(.dark *) {
    background-color: #7b330666;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:bg-amber-900\/40:is(.dark *) {
      background-color: color-mix(in oklab, var(--color-amber-900) 40%, transparent);
    }
  }

  .dark\:text-amber-200:is(.dark *) {
    color: var(--color-amber-200);
  }

  .\[\&_\.var-pill\]\:mx-0\.5 .var-pill {
    margin-inline: calc(var(--spacing) * .5);
  }

  .\[\&_\.var-pill\]\:rounded .var-pill {
    border-radius: .25rem;
  }

  .\[\&_\.var-pill\]\:border .var-pill {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .\[\&_\.var-pill\]\:border-amber-300 .var-pill {
    border-color: var(--color-amber-300);
  }

  .\[\&_\.var-pill\]\:bg-amber-100 .var-pill {
    background-color: var(--color-amber-100);
  }

  .\[\&_\.var-pill\]\:px-1 .var-pill {
    padding-inline: var(--spacing);
  }

  .\[\&_\.var-pill\]\:text-amber-950 .var-pill {
    color: var(--color-amber-950);
  }

  .dark\:\[\&_\.var-pill\]\:border-amber-700:is(.dark *) .var-pill {
    border-color: var(--color-amber-700);
  }

  .dark\:\[\&_\.var-pill\]\:bg-amber-900\/40:is(.dark *) .var-pill {
    background-color: #7b330666;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:\[\&_\.var-pill\]\:bg-amber-900\/40:is(.dark *) .var-pill {
      background-color: color-mix(in oklab, var(--color-amber-900) 40%, transparent);
    }
  }

  .dark\:\[\&_\.var-pill\]\:text-amber-200:is(.dark *) .var-pill {
    color: var(--color-amber-200);
  }

  .\[\&_\.var-pill-invalid\]\:border-\(--ib-danger\) .var-pill-invalid {
    border-color: var(--ib-danger);
  }

  .\[\&_\.var-pill-invalid\]\:bg-\(--ib-danger-bg\) .var-pill-invalid {
    background-color: var(--ib-danger-bg);
  }

  .\[\&_\.var-pill-invalid\]\:text-\(--ib-danger\) .var-pill-invalid {
    color: var(--ib-danger);
  }

  .\[\&_\.var-pill-invalid\]\:underline .var-pill-invalid {
    text-decoration-line: underline;
  }

  .\[\&_\.var-pill-invalid\]\:decoration-wavy .var-pill-invalid {
    text-decoration-style: wavy;
  }

  .\[\&_\[data-notif-variable\]\]\:border-amber-300 [data-notif-variable] {
    border-color: var(--color-amber-300);
  }

  .\[\&_\[data-notif-variable\]\]\:bg-amber-100 [data-notif-variable] {
    background-color: var(--color-amber-100);
  }

  .\[\&_\[data-notif-variable\]\]\:text-amber-950 [data-notif-variable] {
    color: var(--color-amber-950);
  }

  .dark\:\[\&_\[data-notif-variable\]\]\:border-amber-700:is(.dark *) [data-notif-variable] {
    border-color: var(--color-amber-700);
  }

  .dark\:\[\&_\[data-notif-variable\]\]\:bg-amber-900\/40:is(.dark *) [data-notif-variable] {
    background-color: #7b330666;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .dark\:\[\&_\[data-notif-variable\]\]\:bg-amber-900\/40:is(.dark *) [data-notif-variable] {
      background-color: color-mix(in oklab, var(--color-amber-900) 40%, transparent);
    }
  }

  .dark\:\[\&_\[data-notif-variable\]\]\:text-amber-200:is(.dark *) [data-notif-variable] {
    color: var(--color-amber-200);
  }

  .\[\&_svg\]\:pointer-events-none svg {
    pointer-events: none;
  }

  .\[\&_svg\]\:size-4 svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0;
  }

  .\[\&_tr\]\:border-b tr {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .\[\&_tr\:last-child\]\:border-0 tr:last-child {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .\[\&\:empty\]\:before\:pointer-events-none:empty:before {
    content: var(--tw-content);
    pointer-events: none;
  }

  .\[\&\:empty\]\:before\:text-\(--ib-dim\):empty:before {
    content: var(--tw-content);
    color: var(--ib-dim);
  }

  .\[\&\:empty\]\:before\:content-\[attr\(data-placeholder\)\]:empty:before {
    --tw-content: attr(data-placeholder);
    content: var(--tw-content);
  }

  .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role="checkbox"]) {
    padding-right: 0;
  }

  .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\] > [role="checkbox"] {
    --tw-translate-y: 2px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .\[\&\>svg\]\:size-4 > svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .\[\&\>svg\]\:shrink-0 > svg {
    flex-shrink: 0;
  }

  .\[\&\>tr\]\:last\:border-b-0 > tr:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }
}

@font-face {
  font-family: Bungee;
  src: url("/assets/fonts/BungeeInline-Regular.ttf") format("woff");
}

.hover-underline-animation-light {
  color: #dfdfe3;
  display: inline-block;
  position: relative;
}

.hover-underline-animation-light :after {
  content: "";
  transform-origin: center;
  background-color: #dfdfe3;
  width: 100%;
  height: 2px;
  transition: transform .25s ease-out;
  position: absolute;
  bottom: -2px;
  left: 0;
  transform: scaleX(0);
}

.hover-underline-animation-light :hover:after {
  transform-origin: center;
  transform: scaleX(1);
}

.hover-underline-animation {
  color: #211a52;
  display: inline-block;
  position: relative;
}

.hover-underline-animation:after {
  content: "";
  transform-origin: center;
  background-color: #211a52;
  width: 100%;
  height: 2px;
  transition: transform .25s ease-out;
  position: absolute;
  bottom: -2px;
  left: 0;
  transform: scaleX(0);
}

.hover-underline-animation:hover:after {
  transform-origin: center;
  transform: scaleX(1);
}

html {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background: #f7fafc url("/assets/background.png") center no-repeat fixed;
  height: 100% !important;
}

body {
  flex-direction: column;
  min-height: 100dvh;
  display: flex;
  background: none !important;
}

main {
  flex-grow: 1;
  overflow-x: auto;
}

.App {
  background-color: #dfdfe300;
  font-family: Roboto, sans-serif;
}

#root {
  height: 100%;
}

.container {
  background-color: #fff;
  border-radius: 15px;
  width: 100%;
  padding: 16px;
}

.container-header {
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
}

.container-header-text {
  font-weight: bold;
  line-height: 2.5;
}

.metric-title {
  font-size: 1.5em;
  font-weight: bold;
}

.metric-value {
  font-size: 1.3em;
}

.agent-table-item:hover {
  background-color: #211a52;
}

::-webkit-scrollbar-track {
  background-color: #f5f5f5;
  border-radius: 10px;
}

::-webkit-scrollbar {
  background-color: #f5f5f5;
  width: 7px;
  height: 7px;
}

.ProseMirror {
  background: none;
  border-radius: 0 0 5px 5px;
  min-height: 10px;
  padding: 10px 10px 30px;
}

.ProseMirror > * + * {
  margin-top: .75em;
}

.ProseMirror ul {
  padding: 0 1rem;
  list-style: outside !important;
}

.ProseMirror ol {
  padding: 0 2rem;
  list-style: decimal !important;
}

.ProseMirror h1, .ProseMirror h2, .ProseMirror h3, .ProseMirror h4, .ProseMirror h5, .ProseMirror h6 {
  line-height: 1.1;
}

.ProseMirror code {
  background-color: rgba(#616161, .1);
  color: #616161;
}

.ProseMirror pre {
  color: #fff;
  background: #0d0d0d;
  border-radius: .5rem;
  padding: .75rem 1rem;
  font-family: JetBrainsMono, monospace;
}

.ProseMirror code {
  color: inherit;
  background: none;
  padding: 0;
  font-size: .8rem;
}

.ProseMirror blockquote {
  border-left: 3px solid #999;
  padding-left: 1rem;
}

.ProseMirror hr {
  border: none;
  border-top: 3px solid #999;
  margin: 2rem 0;
}

.ProseMirror p {
  margin: 0;
}

.ProseMirror a {
  color: #0000ef;
  cursor: pointer;
}

.ProseMirror a:hover {
  color: #211a52;
}

.ProseMirror h1 {
  font-size: 1.4rem;
}

.ProseMirror h2 {
  font-size: 1.2rem;
}

.ProseMirror h3 {
  font-size: 1.1rem;
}

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

@keyframes enter {
  from {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
  }
}

@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
  }
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-ordinal {
  syntax: "*";
  inherits: false
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0;
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}

@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

/* [project]/src/styles/tokens.css [app-client] (css) */
@font-face {
  font-family: Geist;
  src: url("../media/Geist-Variable.0mrjj4bg00-he.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: Geist Mono;
  src: url("../media/GeistMono-Variable.3ms9vq719j3f8.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --ev-brand: #211a52;
  --ev-accent-light: var(--ev-brand);
  --ev-accent-dark: #e6e6ee;
  --ev-accent-live: #fff;
}

:root, [data-theme="light"] {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  --ib-paper: #f7f7f9;
  --ib-surface: #fff;
  --ib-raised: #fff;
  --ib-hero: #f0f0f5;
  --ib-line: #e4e4ec;
  --ib-control: #82839a;
  --ib-ink: #16152b;
  --ib-body: #2c2b42;
  --ib-dim: #5a5a70;
  --ib-faint: #66667a;
  --ib-action: var(--ev-brand);
  --ib-action-hover: color-mix(in srgb,var(--ev-brand),#fff 8%);
  --ib-on-action: #fff;
  --ib-accent: var(--ev-accent-light);
  --ib-soft: color-mix(in srgb,#fff,var(--ib-accent) 8%);
  --ib-hover: color-mix(in srgb,var(--ib-ink) 6%,transparent);
  --ib-ok: #1f7a55;
  --ib-ok-bg: #e8f3ee;
  --ib-danger: #b42318;
  --ib-danger-bg: #fbecea;
  --ib-warn: #8a5a00;
  --ib-warn-bg: #faf1e0;
  --ib-solved: color-mix(in srgb,#fff,var(--ib-accent) 7%);
  --ib-solved-line: #e4e4ec;
  --ib-backdrop: #16152b73;
  --ib-mass-btn: #fff;
  --ib-wave-filter: invert(1) grayscale(1);
  --ib-wave-opacity: .22;
  --ib-s1: #2a78d6;
  --ib-s2: #eb6834;
  --ib-s3: #1baf7a;
  --ib-s4: #e87ba4;
  --ib-s5: #008300;
  --ib-s6: #eda100;
  --ib-s7: #e34948;
  --ib-s8: #0f9fb8;
  --ib-s9: #b0651a;
  --ib-s10: #b04ad0;
  --ib-s-own: var(--ib-accent);
  --ib-s-other: #7c7c8e;
  --ib-grid: #e4e4ec;
}

[data-theme="dark"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --ib-paper: color-mix(in srgb,#403f41,var(--ev-brand) 25%);
  --ib-surface: color-mix(in srgb,#4c4b4d,var(--ev-brand) 25%);
  --ib-raised: color-mix(in srgb,#58575a,var(--ev-brand) 25%);
  --ib-hero: var(--ib-paper);
  --ib-line: color-mix(in srgb,#646363,var(--ev-brand) 25%);
  --ib-control: #9896a6;
  --ib-ink: #eeedf6;
  --ib-body: #dad9e5;
  --ib-dim: #bbb9cb;
  --ib-faint: #bbb9cb;
  --ib-action: #e6e6ee;
  --ib-action-hover: #f5f5f9;
  --ib-on-action: var(--ev-brand);
  --ib-accent: var(--ev-accent-dark);
  --ib-soft: color-mix(in srgb,var(--ib-surface),var(--ib-accent) 12%);
  --ib-hover: color-mix(in srgb,var(--ib-ink) 6%,transparent);
  --ib-ok: #7ce7ac;
  --ib-ok-bg: color-mix(in srgb,#607167,var(--ev-brand) 25%);
  --ib-danger: #fda69e;
  --ib-danger-bg: color-mix(in srgb,#5d4f4f,var(--ev-brand) 25%);
  --ib-warn: #e8b45e;
  --ib-warn-bg: color-mix(in srgb,#544e4a,var(--ev-brand) 25%);
  --ib-solved: var(--ib-paper);
  --ib-solved-line: var(--ib-line);
  --ib-backdrop: #06050e9e;
  --ib-mass-btn: #e6e6ee;
  --ib-wave-opacity: .16;
  --ib-s1: #3987e5;
  --ib-s2: #d95926;
  --ib-s3: #199e70;
  --ib-s4: #b55fd6;
  --ib-s5: #c98500;
  --ib-s6: #1a94ad;
  --ib-s7: #d55181;
  --ib-s8: #2f9a2f;
  --ib-s9: #e66767;
  --ib-s10: #a0671f;
  --ib-s-own: var(--ib-accent);
  --ib-s-other: #9896a6;
  --ib-grid: var(--ib-line);
}

:root {
  --ib-brand: var(--ev-brand);
  --ib-brand-hover: color-mix(in srgb,var(--ev-brand),#fff 5%);
  --ib-brand-active: color-mix(in srgb,var(--ev-brand),#fff 13%);
  --ib-brand-line: color-mix(in srgb,var(--ev-brand),#fff 17%);
  --ib-on-brand: #fff;
  --ib-on-brand-2: color-mix(in srgb,var(--ev-brand),#fff 86%);
  --ib-on-brand-3: color-mix(in srgb,var(--ev-brand),#fff 60%);
  --ib-brand-points: color-mix(in srgb,var(--ev-brand),#fff 84%);
  --ib-font: "Geist",system-ui,-apple-system,"Segoe UI",sans-serif;
  --ib-mono: "Geist Mono",ui-monospace,"SF Mono",Menlo,monospace;
  --ib-fs-11: 11px;
  --ib-fs-12: 12px;
  --ib-fs-13: 13px;
  --ib-fs-14: 14px;
  --ib-fs-16: 16px;
  --ib-fs-20: 20px;
  --ib-fs-24: 24px;
  --ib-fs-32: 32px;
  --ib-fs-48: 48px;
  --ib-fs-72: 72px;
  --ib-lh-tight: 1.15;
  --ib-lh-ui: 1.35;
  --ib-lh-body: 1.55;
  --ib-w-regular: 400;
  --ib-w-medium: 500;
  --ib-w-semibold: 600;
  --ib-1: 4px;
  --ib-2: 8px;
  --ib-3: 12px;
  --ib-4: 16px;
  --ib-5: 20px;
  --ib-6: 24px;
  --ib-8: 32px;
  --ib-10: 40px;
  --ib-12: 48px;
  --ib-16: 64px;
  --ib-r-sm: 4px;
  --ib-r: 6px;
  --ib-r-lg: 8px;
  --ib-r-pill: 999px;
  --ib-control-h: 32px;
  --ib-control-h-lg: 40px;
  --ib-row-h: 38px;
  --ib-dur-fast: .12s;
  --ib-dur: .16s;
  --ib-dur-move: .32s;
  --ib-ease: cubic-bezier(.2,.7,.2,1);
  --ib-tower-w: 216px;
  --ib-admin-side-w: 224px;
  --ib-modal-w: 640px;
  --ib-popover-w: 376px;
}

.ib-live, [data-live="light"] {
  --ib-live-bg: #f7f7f9;
  --ib-live-panel: #fff;
  --ib-live-line: #e4e4ec;
  --ib-live-ink: #16152b;
  --ib-live-dim: #5a5a70;
  --ib-live-faint: #66667a;
  --ib-live-lead: color-mix(in srgb,#fff,var(--ev-accent-light) 8%);
  --ib-live-grip: #82839a;
  --ib-s1: #2a78d6;
  --ib-s2: #ea6833;
  --ib-s3: #069f6d;
  --ib-s4: #d86c96;
  --ib-s5: #048203;
  --ib-s6: #c28301;
  --ib-s7: #de4444;
  --ib-s8: #099db6;
  --ib-s9: #b0651a;
  --ib-s10: #b04ad0;
  --ib-s-own: var(--ev-accent-light);
  --ib-live-grid: #e4e4ec;
  --ib-live-axis: #5a5a70;
  --ib-live-other: #7c7c8e;
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
}

[data-live="dark"] {
  --ib-live-bg: var(--ev-brand);
  --ib-live-panel: var(--ev-brand);
  --ib-live-line: color-mix(in srgb,var(--ev-brand),#fff 17%);
  --ib-live-ink: #fff;
  --ib-live-dim: color-mix(in srgb,var(--ev-brand),#fff 86%);
  --ib-live-faint: color-mix(in srgb,var(--ev-brand),#fff 60%);
  --ib-live-lead: color-mix(in srgb,var(--ev-brand),#fff 3%);
  --ib-live-grid: var(--ib-live-line);
  --ib-live-axis: var(--ib-live-faint);
  --ib-live-other: color-mix(in srgb,var(--ev-brand),#fff 50%);
  --ib-live-grip: var(--ib-live-other);
  --ib-s1: #3987e5;
  --ib-s2: #d95926;
  --ib-s3: #199e70;
  --ib-s4: #b55fd6;
  --ib-s5: #c98500;
  --ib-s6: #1a94ad;
  --ib-s7: #d55181;
  --ib-s8: #2f9a2f;
  --ib-s9: #e66767;
  --ib-s10: #a0671f;
  --ib-s-own: var(--ev-accent-live);
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
}

:root, [data-theme="light"] {
  --ib-wave-quiet-filter: none;
  --ib-wave-quiet-opacity: .9;
  --ib-diagram-zone: #8c8da1;
}

[data-theme="dark"] {
  --ib-wave-quiet-filter: invert(1) grayscale(1);
  --ib-wave-quiet-opacity: .35;
  --ib-diagram-zone: #8f8d9d;
}

/* [project]/src/styles/base.css [app-client] (css) */
*, :before, :after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
}

body {
  background: var(--ib-paper);
  color: var(--ib-body);
  font: var(--ib-w-regular) var(--ib-fs-14)/var(--ib-lh-body) var(--ib-font);
  -webkit-font-smoothing: antialiased;
  font-variant-numeric: tabular-nums;
  margin: 0;
}

[data-theme] {
  background: var(--ib-paper);
  color: var(--ib-body);
}

h1, h2, h3, h4 {
  color: var(--ib-ink);
  line-height: var(--ib-lh-tight);
  font-weight: var(--ib-w-semibold);
  letter-spacing: -.01em;
  text-wrap: balance;
  margin: 0;
}

h1 {
  font-size: var(--ib-fs-32);
}

h2 {
  font-size: var(--ib-fs-24);
}

h3 {
  font-size: var(--ib-fs-20);
}

h4 {
  font-size: var(--ib-fs-16);
}

p {
  margin: 0;
}

a {
  color: var(--ib-action);
  font-weight: var(--ib-w-medium);
  text-decoration: none;
}

a:hover {
  text-underline-offset: 3px;
  text-decoration: underline;
}

code, kbd, .ib-mono {
  font-family: var(--ib-mono);
}

code {
  background: var(--ib-soft);
  border-radius: var(--ib-r-sm);
  color: var(--ib-ink);
  padding: 1px 5px;
  font-size: .92em;
}

.ib-num {
  font-family: var(--ib-mono);
  font-variant-numeric: tabular-nums;
}

.ib-dim {
  color: var(--ib-dim);
}

.ib-sr {
  clip: rect(0 0 0 0);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

:focus-visible {
  outline: 2px solid var(--ib-action);
  outline-offset: 2px;
}

[hidden] {
  display: none !important;
}

::selection {
  background: var(--ib-soft);
  color: var(--ib-ink);
}

@media (prefers-reduced-motion: reduce) {
  * {
    transition: none !important;
    animation: none !important;
  }
}

.ib-mass {
  background: var(--ib-brand);
  color: var(--ib-on-brand);
  isolation: isolate;
  position: relative;
}

.ib-mass .ib-dim {
  color: var(--ib-on-brand-3);
}

.ib-mass-waves:before {
  content: "";
  z-index: -1;
  filter: var(--ib-wave-filter);
  opacity: var(--ib-wave-opacity);
  pointer-events: none;
  background: url("../media/waves.1t_epze6pzaoe.png") center / cover no-repeat;
  position: absolute;
  inset: 0;
}

.ib-waves-quiet {
  isolation: isolate;
  position: relative;
}

.ib-waves-quiet:before {
  content: "";
  z-index: -1;
  filter: var(--ib-wave-quiet-filter);
  opacity: var(--ib-wave-quiet-opacity);
  pointer-events: none;
  background: url("../media/waves.1t_epze6pzaoe.png") 0 / cover no-repeat;
  position: absolute;
  inset: 0;
}

/* [project]/src/styles/button.css [app-client] (css) */
:root, [data-theme="light"] {
  --ib-btn-mass-hover: #ededf1;
  --ib-btn-on-danger: #fff;
}

[data-theme="dark"] {
  --ib-btn-mass-hover: #f5f5f9;
  --ib-btn-on-danger: var(--ib-brand);
}

.ib-btn {
  --_bg: transparent;
  --_fg: var(--ib-ink);
  --_bd: var(--ib-control);
  --_hover: color-mix(in srgb,var(--ib-ink) 6%,transparent);
  justify-content: center;
  align-items: center;
  gap: var(--ib-2);
  height: var(--ib-control-h-lg);
  padding: 0 var(--ib-4);
  border: 1px solid var(--_bd);
  border-radius: var(--ib-r);
  background: var(--_bg);
  color: var(--_fg);
  font: var(--ib-w-medium) var(--ib-fs-14)/1 var(--ib-font);
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  transition: background-color var(--ib-dur-fast) var(--ib-ease),border-color var(--ib-dur-fast) var(--ib-ease),color var(--ib-dur-fast) var(--ib-ease);
  text-decoration: none;
  display: inline-flex;
  position: relative;
}

.ib-btn:hover, .ib-btn.is-hover {
  background: var(--_hover);
  text-decoration: none;
}

.ib-btn:focus-visible, .ib-btn.is-focus {
  outline: 2px solid var(--ib-action);
  outline-offset: 2px;
}

.ib-btn svg {
  stroke: currentColor;
  fill: none;
  stroke-width: 1.6px;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: none;
  width: 16px;
  height: 16px;
}

.ib-btn--sm {
  height: var(--ib-control-h);
  padding: 0 var(--ib-3);
  font-size: var(--ib-fs-13);
  gap: 6px;
}

.ib-btn--block {
  width: 100%;
  display: flex;
}

.ib-btn--primary {
  --_bg: var(--ib-action);
  --_fg: var(--ib-on-action);
  --_bd: var(--ib-action);
  --_hover: var(--ib-action-hover);
}

.ib-btn--primary:hover, .ib-btn--primary.is-hover {
  border-color: var(--ib-action-hover);
}

.ib-btn--ghost {
  --_bd: transparent;
}

.ib-btn--danger {
  --_fg: var(--ib-danger);
  --_bd: color-mix(in srgb,var(--ib-danger) 70%,var(--ib-surface));
  --_hover: var(--ib-danger-bg);
}

.ib-btn--danger-solid {
  --_bg: var(--ib-danger);
  --_fg: var(--ib-btn-on-danger);
  --_bd: var(--ib-danger);
  --_hover: color-mix(in srgb,var(--ib-danger) 88%,var(--ib-ink));
}

.ib-btn--mass {
  --_bg: var(--ib-mass-btn);
  --_fg: var(--ib-brand);
  --_bd: var(--ib-mass-btn);
  --_hover: var(--ib-btn-mass-hover);
}

.ib-btn--mass:hover, .ib-btn--mass.is-hover {
  border-color: var(--ib-btn-mass-hover);
}

.ib-btn--mass:focus-visible, .ib-btn--mass.is-focus {
  outline-color: var(--ib-on-brand);
}

.ib-btn--mass-outline {
  --_fg: var(--ib-on-brand);
  --_bd: var(--ib-on-brand-3);
  --_hover: var(--ib-brand-hover);
}

.ib-mass .ib-btn:focus-visible, .ib-mass .ib-btn.is-focus {
  outline-color: var(--ib-on-brand);
}

.ib-btn:disabled, .ib-btn[aria-disabled="true"] {
  opacity: .5;
  cursor: not-allowed;
  background: var(--_bg);
}

.ib-btn--primary:disabled, .ib-btn--primary[aria-disabled="true"] {
  border-color: var(--ib-action);
}

.ib-busy-mark {
  object-fit: contain;
  flex: none;
  width: 16px;
  height: 16px;
  animation: 1.8s ease-in-out infinite event-loading-pulse;
}

.ib-btn.is-busy > svg, .event-brand-drop.is-busy > svg {
  display: none;
}

.ib-btn.is-busy {
  cursor: progress;
}

@media (prefers-reduced-motion: reduce) {
  .ib-busy-mark {
    animation: none;
  }
}

/* [project]/src/styles/navbar.css [app-client] (css) */
.ib-navbar {
  z-index: 40;
  background: var(--ib-surface);
  color: var(--ib-ink);
  border-bottom: 1px solid var(--ib-line);
  position: sticky;
  top: 0;
  container: ib-navbar / inline-size;
}

.ib-navbar__bar {
  align-items: center;
  gap: var(--ib-5);
  height: calc(var(--ib-12) + var(--ib-3));
  padding: 0 var(--ib-8);
  margin: 0 auto;
  display: flex;
}

.ib-navbar__brand {
  align-items: center;
  gap: var(--ib-3);
  color: var(--ib-ink);
  font-weight: var(--ib-w-semibold);
  flex: none;
  min-width: 0;
  text-decoration: none;
  display: flex;
}

.ib-navbar__brand:hover {
  text-decoration: none;
}

.ib-navbar__crest {
  object-fit: contain;
  flex: none;
  width: 32px;
  height: 32px;
}

.ib-navbar__name {
  min-width: 0;
  font-size: var(--ib-fs-14);
  line-height: var(--ib-lh-tight);
  letter-spacing: -.01em;
  white-space: nowrap;
  flex-direction: column;
  display: flex;
}

.ib-navbar__sub {
  font-size: var(--ib-fs-12);
  font-weight: var(--ib-w-regular);
  color: var(--ib-faint);
  letter-spacing: 0;
  margin-top: 2px;
}

.ib-navbar__nav {
  min-width: 0;
  height: 100%;
  margin-left: var(--ib-3);
  flex: 1;
  align-items: stretch;
  display: flex;
}

.ib-navbar__tabs {
  align-items: stretch;
  gap: 2px;
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  overflow: hidden;
}

.ib-navbar__tabs > li {
  flex: none;
  display: flex;
}

.ib-navbar__link, .ib-navbar__more-btn {
  align-items: center;
  gap: var(--ib-1);
  height: 100%;
  padding: 0 var(--ib-3);
  color: var(--ib-dim);
  font: var(--ib-w-medium) var(--ib-fs-14)/1 var(--ib-font);
  white-space: nowrap;
  cursor: pointer;
  background: none;
  border: 0;
  text-decoration: none;
  display: inline-flex;
  position: relative;
}

.ib-navbar__link:hover, .ib-navbar__more-btn:hover {
  color: var(--ib-ink);
  text-decoration: none;
}

.ib-navbar__link:focus-visible, .ib-navbar__more-btn:focus-visible {
  outline-offset: -4px;
  border-radius: var(--ib-r);
}

.ib-navbar__link[aria-current="page"], .ib-navbar__more-btn.is-current {
  color: var(--ib-ink);
  font-weight: var(--ib-w-semibold);
}

.ib-navbar__link[aria-current="page"]:after, .ib-navbar__more-btn.is-current:after {
  content: "";
  left: var(--ib-3);
  right: var(--ib-3);
  background: var(--ib-action);
  height: 2px;
  position: absolute;
  bottom: -1px;
}

.ib-navbar__more-btn .ib-icon {
  width: 14px;
  height: 14px;
  transition: transform var(--ib-dur) var(--ib-ease);
}

.ib-navbar__more-btn[aria-expanded="true"] .ib-icon {
  transform: rotate(180deg);
}

.ib-navbar__more {
  flex: none;
  display: flex;
  position: relative;
}

.ib-navbar__menu {
  top: calc(100% + var(--ib-1));
  z-index: 60;
  min-width: 200px;
  padding: var(--ib-1);
  background: var(--ib-raised);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-lg);
  margin: 0;
  list-style: none;
  position: absolute;
  left: 0;
}

.ib-navbar__menu a {
  min-height: var(--ib-control-h);
  padding: 0 var(--ib-3);
  border-radius: var(--ib-r-sm);
  color: var(--ib-body);
  font-weight: var(--ib-w-medium);
  white-space: nowrap;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.ib-navbar__menu a:hover {
  background: var(--ib-soft);
  color: var(--ib-ink);
  text-decoration: none;
}

.ib-navbar__menu a:focus-visible {
  outline-offset: -2px;
}

.ib-navbar__menu a[aria-current="page"] {
  color: var(--ib-ink);
  font-weight: var(--ib-w-semibold);
  background: var(--ib-soft);
}

.ib-navbar__actions {
  align-items: center;
  gap: var(--ib-2);
  flex: none;
  margin-left: auto;
  display: flex;
}

.ib-navbar__toggle {
  width: var(--ib-control-h-lg);
  height: var(--ib-control-h-lg);
  border-radius: var(--ib-r);
  color: var(--ib-ink);
  cursor: pointer;
  background: none;
  border: 0;
  justify-content: center;
  align-items: center;
  display: none;
}

.ib-navbar__toggle:hover {
  background: var(--ib-soft);
}

.ib-navbar__toggle .ib-icon {
  width: 20px;
  height: 20px;
}

.ib-navbar__toggle .ib-navbar__icon-close, .ib-navbar.is-open .ib-navbar__toggle .ib-navbar__icon-open {
  display: none;
}

.ib-navbar.is-open .ib-navbar__toggle .ib-navbar__icon-close {
  display: block;
}

.ib-navbar__panel {
  border-top: 1px solid var(--ib-line);
  padding: var(--ib-2) var(--ib-4) var(--ib-4);
  display: none;
}

.ib-navbar__panel a {
  min-height: var(--ib-12);
  border-bottom: 1px solid var(--ib-line);
  color: var(--ib-ink);
  font-weight: var(--ib-w-medium);
  align-items: center;
  text-decoration: none;
  display: flex;
}

.ib-navbar__panel a:last-child {
  border-bottom: 0;
}

.ib-navbar__panel a[aria-current="page"] {
  font-weight: var(--ib-w-semibold);
}

.ib-navbar__panel a:focus-visible {
  outline-offset: -2px;
}

.ib-navbar--platform .ib-navbar__bar {
  height: var(--ib-16);
  max-width: 1280px;
  padding: 0 var(--ib-10);
  gap: var(--ib-8);
}

.ib-navbar--platform .ib-navbar__name {
  font-size: var(--ib-fs-16);
  letter-spacing: -.015em;
}

.ib-navbar--platform .ib-navbar__nav {
  margin-left: 0;
}

.ib-navbar--platform .ib-navbar__link {
  height: auto;
  padding: var(--ib-2) var(--ib-3);
  border-radius: var(--ib-r);
  align-self: center;
}

.ib-navbar--platform .ib-navbar__link:hover, .ib-navbar--platform .ib-navbar__link[aria-current="page"] {
  background: var(--ib-soft);
}

.ib-navbar--platform .ib-navbar__link[aria-current="page"]:after {
  display: none;
}

@container ib-navbar (max-width: 760px) {
  .ib-navbar__bar, .ib-navbar--platform .ib-navbar__bar {
    padding: 0 var(--ib-4);
    gap: var(--ib-3);
    height: calc(var(--ib-12) + var(--ib-2));
  }

  .ib-navbar__nav {
    display: none;
  }

  .ib-navbar__toggle {
    display: inline-flex;
  }

  .ib-navbar__signin {
    display: none;
  }

  .ib-navbar.is-open .ib-navbar__panel {
    display: block;
  }
}

@container ib-navbar (max-width: 400px) {
  .ib-navbar__sub, .ib-navbar--platform .ib-navbar__name {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ib-navbar__more-btn .ib-icon {
    transition: none;
  }
}

/* [project]/src/styles/tower.css [app-client] (css) */
:root {
  --ib-tower-rail-w: 64px;
  --ib-tower-active: var(--ib-brand-active);
  --ib-tower-mbar-h: 56px;
}

.ib-event-shell {
  height: var(--ib-shell-h, 100dvh);
  position: relative;
  overflow: hidden;
  container: ib-event-shell / inline-size;
}

.ib-event-shell__layout {
  grid-template-columns: var(--ib-tower-w) minmax(0,1fr);
  grid-template-rows: minmax(0, 1fr);
  height: 100%;
  display: grid;
}

.ib-event-shell__main {
  background: var(--ib-paper);
  min-width: 0;
  min-height: 0;
  color: var(--ib-body);
  overflow: auto;
}

.ib-event-shell__mbar, .ib-event-shell__backdrop {
  display: none;
}

.ib-tower {
  min-height: 0;
  font-size: var(--ib-fs-14);
  flex-direction: column;
  display: flex;
}

.ib-tower :focus-visible {
  outline-color: var(--ib-on-brand);
}

.ib-tower .ib-menu :focus-visible, .ib-tower .ib-inbox-pop :focus-visible, .ib-tower [role="menu"] :focus-visible {
  outline-color: var(--ib-action);
}

.ib-tower__head {
  align-items: center;
  gap: var(--ib-3);
  padding: var(--ib-3) var(--ib-4);
  border-bottom: 1px solid var(--ib-brand-line);
  flex: none;
  display: flex;
}

.ib-tower__crest {
  object-fit: contain;
  flex: none;
  width: 32px;
  height: 32px;
}

.ib-tower__title {
  min-width: 0;
  line-height: var(--ib-lh-tight);
  flex: 1;
}

.ib-tower__event {
  font-weight: var(--ib-w-semibold);
  color: var(--ib-on-brand);
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
}

.ib-tower__sub {
  font-size: var(--ib-fs-12);
  color: var(--ib-on-brand-3);
  margin-top: 2px;
  display: block;
}

.ib-tower__close {
  display: none;
}

.ib-tower__live {
  padding: var(--ib-3) var(--ib-4) var(--ib-4);
  border-bottom: 1px solid var(--ib-brand-line);
  flex: none;
}

.ib-tower__phase {
  font-size: var(--ib-fs-13);
  color: var(--ib-on-brand-2);
  font-weight: var(--ib-w-medium);
  display: block;
}

.ib-tower__clock {
  margin-top: var(--ib-1);
  font: var(--ib-w-medium) var(--ib-fs-32)/1 var(--ib-mono);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.04em;
  color: var(--ib-on-brand);
  display: block;
}

.ib-tower__until {
  margin-top: var(--ib-2);
  font-size: var(--ib-fs-12);
  color: var(--ib-on-brand-3);
  display: block;
}

.ib-tower__points {
  justify-content: space-between;
  align-items: baseline;
  gap: var(--ib-2);
  padding: var(--ib-3) var(--ib-4);
  border-bottom: 1px solid var(--ib-brand-line);
  flex: none;
  display: flex;
}

.ib-tower__points-label {
  font-size: var(--ib-fs-13);
  color: var(--ib-on-brand-2);
}

.ib-tower__points-value {
  font: var(--ib-w-medium) var(--ib-fs-20)/1 var(--ib-mono);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.03em;
  color: var(--ib-on-brand);
}

.ib-tower__nav {
  padding: var(--ib-2);
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-height: 0;
  display: flex;
  overflow: auto;
}

.ib-tower__sep {
  height: 1px;
  margin: var(--ib-2);
  background: var(--ib-brand-line);
  border: 0;
}

.ib-tower__foot {
  padding: var(--ib-2);
  border-top: 1px solid var(--ib-brand-line);
  flex-direction: column;
  flex: none;
  gap: 2px;
  display: flex;
}

.ib-tower__item {
  align-items: center;
  gap: var(--ib-3);
  width: 100%;
  min-height: var(--ib-control-h);
  padding: var(--ib-1) var(--ib-3);
  border-radius: var(--ib-r);
  color: var(--ib-on-brand-2);
  font: var(--ib-w-medium) var(--ib-fs-14)/var(--ib-lh-ui) var(--ib-font);
  text-align: left;
  cursor: pointer;
  transition: background-color var(--ib-dur-fast) var(--ib-ease),color var(--ib-dur-fast) var(--ib-ease);
  background: none;
  border: 0;
  text-decoration: none;
  display: flex;
  position: relative;
}

.ib-tower__item:hover {
  background: var(--ib-brand-hover);
  color: var(--ib-on-brand);
  text-decoration: none;
}

.ib-tower__item[aria-current="page"] {
  background: var(--ib-tower-active);
  color: var(--ib-on-brand);
  font-weight: var(--ib-w-semibold);
}

.ib-tower__item.is-unread {
  color: var(--ib-on-brand);
  font-weight: var(--ib-w-semibold);
}

.ib-tower__item .ib-icon {
  width: 16px;
  height: 16px;
}

.ib-tower__label {
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.ib-tower__meta {
  font: var(--ib-fs-12) var(--ib-mono);
  font-variant-numeric: tabular-nums;
  color: var(--ib-on-brand-3);
  margin-left: auto;
}

.ib-tower__item[aria-current="page"] .ib-tower__meta {
  color: var(--ib-on-brand-2);
}

.ib-tower__count {
  border-radius: var(--ib-r-pill);
  background: var(--ib-mass-btn);
  min-width: 20px;
  height: 20px;
  color: var(--ib-brand);
  font: var(--ib-w-semibold) var(--ib-fs-11)/1 var(--ib-mono);
  font-variant-numeric: tabular-nums;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  padding: 0 6px;
  display: inline-flex;
}

.ib-tower__me {
  align-items: center;
  gap: var(--ib-1);
  margin-top: var(--ib-1);
  padding-top: var(--ib-2);
  border-top: 1px solid var(--ib-brand-line);
  display: flex;
  position: relative;
}

.ib-tower__who {
  align-items: center;
  gap: var(--ib-3);
  min-width: 0;
  padding: var(--ib-1) var(--ib-2);
  border-radius: var(--ib-r);
  color: var(--ib-on-brand);
  text-align: left;
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  flex: 1;
  display: flex;
}

.ib-tower__who:hover, .ib-tower__who[aria-expanded="true"] {
  background: var(--ib-brand-hover);
}

.ib-tower__me > .ib-dropdown {
  flex: 1;
  min-width: 0;
}

.ib-tower__me > .ib-dropdown > .ib-tower__who {
  width: 100%;
}

.ib-tower .ib-menu {
  color: var(--ib-body);
}

.ib-tower__avatar {
  background: var(--ib-mass-btn);
  width: 28px;
  height: 28px;
  color: var(--ib-brand);
  font: var(--ib-w-semibold) var(--ib-fs-12)/1 var(--ib-font);
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.ib-tower__person {
  min-width: 0;
  line-height: var(--ib-lh-tight);
}

.ib-tower__person b {
  font-size: var(--ib-fs-13);
  font-weight: var(--ib-w-semibold);
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
}

.ib-tower__person small {
  font-size: var(--ib-fs-12);
  color: var(--ib-on-brand-3);
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 2px;
  display: block;
  overflow: hidden;
}

.ib-tower__bell {
  align-items: center;
  gap: var(--ib-1);
  height: var(--ib-control-h-lg);
  padding: 0 var(--ib-2);
  border-radius: var(--ib-r);
  color: var(--ib-on-brand);
  cursor: pointer;
  background: none;
  border: 0;
  flex: none;
  display: inline-flex;
  position: relative;
}

.ib-tower__bell:hover, .ib-tower__bell[aria-expanded="true"] {
  background: var(--ib-brand-hover);
}

.ib-tower__bell .ib-icon {
  width: 18px;
  height: 18px;
}

.ib-tower__bell .ib-tower__count {
  margin-left: 0;
}

.ib-tower__menu {
  left: 0;
  bottom: calc(100% + var(--ib-1));
  z-index: 70;
  width: 200px;
  padding: var(--ib-1);
  background: var(--ib-raised);
  color: var(--ib-body);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-lg);
  margin: 0;
  list-style: none;
  position: absolute;
}

.ib-tower__menu :focus-visible {
  outline-color: var(--ib-action);
  outline-offset: -2px;
}

.ib-tower__menu a, .ib-tower__menu button {
  align-items: center;
  gap: var(--ib-2);
  width: 100%;
  min-height: var(--ib-control-h);
  padding: 0 var(--ib-3);
  border-radius: var(--ib-r-sm);
  color: var(--ib-body);
  font: var(--ib-w-medium) var(--ib-fs-14)/1 var(--ib-font);
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  text-decoration: none;
  display: flex;
}

.ib-tower__menu a:hover, .ib-tower__menu button:hover {
  background: var(--ib-soft);
  color: var(--ib-ink);
  text-decoration: none;
}

.ib-tower__menu hr {
  height: 1px;
  margin: var(--ib-1) 0;
  background: var(--ib-line);
  border: 0;
}

.ib-tower__menu-head {
  padding: var(--ib-2) var(--ib-3);
  font-size: var(--ib-fs-12);
  color: var(--ib-dim);
  line-height: var(--ib-lh-ui);
}

.ib-tower__menu-head b {
  color: var(--ib-ink);
  font-size: var(--ib-fs-13);
  font-weight: var(--ib-w-semibold);
  display: block;
}

@container ib-event-shell (min-width: 768px) {
  .ib-event-shell.is-collapsed .ib-event-shell__layout {
    grid-template-columns: var(--ib-tower-rail-w) minmax(0,1fr);
  }

  .is-collapsed .ib-tower__head {
    padding: var(--ib-3) 0;
    justify-content: center;
  }

  .is-collapsed .ib-tower__title, .is-collapsed .ib-tower__phase, .is-collapsed .ib-tower__until, .is-collapsed .ib-tower__points-label, .is-collapsed .ib-tower__label, .is-collapsed .ib-tower__meta, .is-collapsed .ib-tower__person {
    clip: rect(0 0 0 0);
    white-space: nowrap;
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
  }

  .is-collapsed .ib-tower__live, .is-collapsed .ib-tower__points {
    padding: var(--ib-2) 0;
    text-align: center;
    justify-content: center;
  }

  .is-collapsed .ib-tower__clock {
    font-size: var(--ib-fs-11);
    letter-spacing: -.02em;
    margin: 0;
  }

  .is-collapsed .ib-tower__points-value {
    font-size: var(--ib-fs-11);
    letter-spacing: 0;
    color: var(--ib-on-brand-2);
  }

  .is-collapsed .ib-tower__nav, .is-collapsed .ib-tower__foot {
    padding: var(--ib-2) var(--ib-2);
  }

  .is-collapsed .ib-tower__item {
    height: var(--ib-control-h-lg);
    justify-content: center;
    padding: 0;
  }

  .is-collapsed .ib-tower__item .ib-tower__count {
    min-width: 16px;
    height: 16px;
    font-size: var(--ib-fs-11);
    padding: 0 4px;
    position: absolute;
    top: 2px;
    right: 2px;
  }

  .is-collapsed .ib-tower__sep {
    margin: var(--ib-2) var(--ib-1);
  }

  .is-collapsed .ib-tower__me {
    flex-direction: column;
    gap: 2px;
  }

  .is-collapsed .ib-tower__who {
    padding: var(--ib-1);
    flex: none;
    justify-content: center;
  }

  .is-collapsed .ib-tower__bell {
    width: var(--ib-control-h-lg);
    justify-content: center;
    padding: 0;
  }

  .is-collapsed .ib-tower__bell .ib-tower__count {
    min-width: 16px;
    height: 16px;
    font-size: var(--ib-fs-11);
    padding: 0 4px;
    position: absolute;
    top: 2px;
    right: 0;
  }

  .is-collapsed .ib-tower__menu {
    left: calc(100% + var(--ib-2));
    bottom: 0;
  }
}

@container ib-event-shell (max-width: 767px) {
  .ib-event-shell__layout {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: var(--ib-tower-mbar-h) minmax(0,1fr);
  }

  .ib-event-shell__mbar {
    align-items: center;
    gap: var(--ib-2);
    padding: 0 var(--ib-2);
    grid-row: 1;
    display: flex;
  }

  .ib-event-shell__main {
    grid-row: 2;
  }

  .ib-event-shell__mbar :focus-visible {
    outline-color: var(--ib-on-brand);
  }

  .ib-event-shell__mbtn {
    justify-content: center;
    align-items: center;
    gap: var(--ib-1);
    height: var(--ib-control-h-lg);
    min-width: var(--ib-control-h-lg);
    padding: 0 var(--ib-2);
    border-radius: var(--ib-r);
    color: var(--ib-on-brand);
    cursor: pointer;
    background: none;
    border: 0;
    display: inline-flex;
    position: relative;
  }

  .ib-event-shell__mbtn:hover {
    background: var(--ib-brand-hover);
  }

  .ib-event-shell__mbtn .ib-icon {
    width: 20px;
    height: 20px;
  }

  .ib-event-shell__mname {
    min-width: 0;
    font-weight: var(--ib-w-semibold);
    white-space: nowrap;
    text-overflow: ellipsis;
    flex: 1;
    overflow: hidden;
  }

  .ib-event-shell__mclock {
    font: var(--ib-w-medium) var(--ib-fs-16)/1 var(--ib-mono);
    font-variant-numeric: tabular-nums;
    letter-spacing: -.02em;
  }

  .ib-event-shell .ib-tower {
    z-index: 80;
    visibility: hidden;
    width: min(280px, 86%);
    transition: transform var(--ib-dur-move) var(--ib-ease),visibility 0s linear var(--ib-dur-move);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
  }

  .ib-event-shell.is-drawer-open .ib-tower {
    visibility: visible;
    transition: transform var(--ib-dur-move) var(--ib-ease);
    transform: none;
  }

  .ib-event-shell.is-drawer-open .ib-event-shell__backdrop {
    z-index: 79;
    background: var(--ib-backdrop);
    display: block;
    position: absolute;
    inset: 0;
  }

  .ib-tower__close {
    width: var(--ib-control-h-lg);
    height: var(--ib-control-h-lg);
    margin-right: calc(var(--ib-2) * -1);
    border-radius: var(--ib-r);
    color: var(--ib-on-brand);
    cursor: pointer;
    background: none;
    border: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .ib-tower__close:hover {
    background: var(--ib-brand-hover);
  }

  .ib-tower__close .ib-icon {
    width: 20px;
    height: 20px;
  }

  .ib-tower__item {
    min-height: var(--ib-control-h-lg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ib-event-shell .ib-tower, .ib-tower__item {
    transition: none !important;
  }
}

/* [project]/src/styles/footer.css [app-client] (css) */
.ib-footer {
  background: var(--ib-surface);
  border-top: 1px solid var(--ib-line);
  color: var(--ib-dim);
  container: ib-footer / inline-size;
}

.ib-footer__inner {
  max-width: 1280px;
  padding: 0 var(--ib-10);
  margin: 0 auto;
}

.ib-footer__row {
  justify-content: space-between;
  align-items: center;
  gap: var(--ib-6);
  padding: var(--ib-8) 0;
  display: flex;
}

.ib-footer__row + .ib-footer__row {
  padding: var(--ib-5) 0 var(--ib-6);
  border-top: 1px solid var(--ib-line);
  font-size: var(--ib-fs-13);
}

.ib-footer__brand {
  align-items: center;
  gap: var(--ib-3);
  color: var(--ib-ink);
  font-size: var(--ib-fs-16);
  font-weight: var(--ib-w-semibold);
  letter-spacing: -.015em;
  text-decoration: none;
  display: flex;
}

.ib-footer__brand:hover {
  text-decoration: none;
}

.ib-footer__brand img {
  object-fit: contain;
  width: 32px;
  height: 32px;
}

.ib-footer__links {
  gap: var(--ib-2) var(--ib-6);
  flex-wrap: wrap;
  display: flex;
}

.ib-footer__links a {
  color: var(--ib-dim);
  font-size: var(--ib-fs-14);
  font-weight: var(--ib-w-regular);
}

.ib-footer__links a:hover {
  color: var(--ib-ink);
}

.ib-footer__legal {
  color: var(--ib-dim);
}

:is(.ib-footer__legal, .ib-footer__support) a {
  color: var(--ib-ink);
  font-weight: var(--ib-w-medium);
  border-radius: 2px;
  text-decoration: none;
}

:is(.ib-footer__legal, .ib-footer__support) a:hover {
  color: var(--ib-accent);
}

:is(.ib-footer__legal, .ib-footer__support) a:focus-visible {
  outline: 2px solid var(--ib-action);
  outline-offset: 2px;
}

.ib-footer__credit a {
  color: var(--ib-ink);
  font-weight: var(--ib-w-medium);
  border-radius: 2px;
  text-decoration: none;
}

.ib-footer__credit a:hover {
  color: #1070a0;
}

[data-theme="dark"] .ib-footer__credit a:hover {
  color: #7fd0fa;
}

.ib-footer__credit a:focus-visible {
  outline: 2px solid var(--ib-ink);
  outline-offset: 2px;
}

.ib-footer--event .ib-footer__inner {
  max-width: none;
  padding: 0 var(--ib-12);
}

.ib-footer--event .ib-footer__row {
  padding: var(--ib-5) 0;
  font-size: var(--ib-fs-13);
}

.ib-footer__org b {
  color: var(--ib-ink);
  font-weight: var(--ib-w-semibold);
}

.ib-footer__org > span {
  margin-left: var(--ib-2);
}

.ib-footer--event .ib-footer__links a {
  font-size: var(--ib-fs-13);
}

@container ib-footer (max-width: 639px) {
  .ib-footer__inner, .ib-footer--event .ib-footer__inner {
    padding: 0 var(--ib-4);
  }

  .ib-footer__row {
    align-items: flex-start;
    gap: var(--ib-4);
    padding: var(--ib-6) 0;
    flex-direction: column;
  }

  .ib-footer__row + .ib-footer__row {
    gap: var(--ib-2);
  }

  .ib-footer--event .ib-footer__row {
    gap: var(--ib-3);
  }

  .ib-footer__org > span {
    margin: var(--ib-1) 0 0;
    display: block;
  }
}

@container ib-footer (max-width: 359px) {
  .ib-footer__credit {
    font-size: var(--ib-fs-12);
  }
}

/* [project]/src/styles/content-blocks.css [app-client] (css) */
.ib-blocks {
  flex-direction: column;
  min-width: 0;
  display: flex;
  container: ib-blocks / inline-size;
}

.ib-block {
  --ib-block-px: var(--ib-12);
  --ib-block-py: var(--ib-12);
  --ib-block-max: 1200px;
  --ib-block-gap: 56px;
  min-width: 0;
  padding: var(--ib-block-py) var(--ib-block-px);
  background: var(--ib-paper);
  color: var(--ib-body);
  position: relative;
}

.ib-block.ib-mass {
  background: var(--ib-brand);
  color: var(--ib-on-brand-2);
}

.ib-block__in {
  max-width: var(--ib-block-max);
  min-width: 0;
  margin: 0 auto;
}

.ib-visually-hidden {
  clip: rect(0,0,0,0);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

.ib-block-section--center {
  text-align: center;
}

.ib-block-section--right {
  text-align: right;
}

.ib-block-section--justify {
  text-align: justify;
}

.ib-block-text .ib-block-prose {
  max-width: 60ch;
}

.ib-block-text--wide .ib-block-prose {
  max-width: none;
}

.ib-block-text--center .ib-block-prose {
  text-align: center;
}

.ib-block-text--right .ib-block-prose {
  text-align: right;
}

.ib-block-text--justify .ib-block-prose {
  text-align: justify;
}

.ib-block-banner {
  padding: 0;
  overflow: hidden;
}

.ib-block-banner__inner {
  width: var(--ib-banner-width, 100%);
  background: var(--ib-brand);
  max-width: 1600px;
  margin-inline: auto;
  position: relative;
  overflow: hidden;
}

.ib-block-banner--frame {
  padding: var(--ib-block-py) var(--ib-block-px);
}

.ib-block-banner--frame .ib-block-banner__inner {
  max-width: var(--ib-block-max);
  border-radius: var(--ib-r-lg);
}

.ib-block-banner__media {
  width: 100%;
  max-height: 70vh;
  position: relative;
  overflow: hidden;
}

.ib-block-banner__image {
  object-fit: contain;
}

.ib-block-banner__placeholder {
  box-sizing: border-box;
  aspect-ratio: 2;
  width: 100%;
  min-width: 0;
  min-height: 200px;
  padding: var(--ib-6);
  color: var(--ib-on-brand);
  text-align: center;
  place-items: center;
  display: grid;
}

.ib-block-banner__placeholder strong {
  letter-spacing: -.03em;
  max-width: 20ch;
  font-size: clamp(24px, 5cqi, 54px);
  line-height: 1.05;
}

.ib-block-banner__caption {
  z-index: 1;
  padding: var(--ib-12);
  color: #fff;
  background: linear-gradient(#0000, #0e0c26b8);
  position: absolute;
  inset: auto 0 0;
}

.ib-block-banner__caption :is(h1, h2) {
  letter-spacing: -.035em;
  max-width: 900px;
  margin: 0;
  font-size: clamp(28px, 5cqi, 58px);
  line-height: 1.04;
}

.ib-block-banner--caption-center .ib-block-banner__caption {
  text-align: center;
}

.ib-block-banner--caption-center .ib-block-banner__caption :is(h1, h2) {
  margin-inline: auto;
}

.ib-block-banner--caption-right .ib-block-banner__caption {
  text-align: right;
}

.ib-block-banner--caption-right .ib-block-banner__caption :is(h1, h2) {
  margin-left: auto;
}

@container ib-blocks (max-width: 700px) {
  .ib-block-banner__inner {
    width: 100%;
  }

  .ib-block-banner__caption {
    padding: var(--ib-5);
  }
}

.ib-block__head {
  margin-bottom: var(--ib-6);
  min-width: 0;
}

.ib-block__title {
  font-size: 26px;
  font-weight: var(--ib-w-semibold);
  letter-spacing: -.025em;
  color: var(--ib-ink);
  margin: 0;
  line-height: 1.15;
}

.ib-block__sub {
  margin-top: var(--ib-2);
  color: var(--ib-dim);
  max-width: 62ch;
}

.ib-mass .ib-block__title {
  color: var(--ib-on-brand);
}

.ib-mass .ib-block__sub {
  color: var(--ib-on-brand-2);
}

.ib-block--split > .ib-block__in {
  gap: var(--ib-block-gap);
  grid-template-columns: 280px minmax(0, 1fr);
  align-items: start;
  display: grid;
}

.ib-block--split .ib-block__head {
  margin-bottom: 0;
}

.ib-block-prose {
  max-width: 68ch;
  color: var(--ib-body);
  line-height: var(--ib-lh-body);
}

.ib-block-prose > :first-child {
  margin-top: 0;
}

.ib-block-prose h2 {
  margin: var(--ib-8) 0 10px;
  font-size: var(--ib-fs-20);
  font-weight: var(--ib-w-semibold);
  letter-spacing: -.015em;
  color: var(--ib-ink);
  scroll-margin-top: var(--ib-6);
}

.ib-block-prose h3 {
  margin: var(--ib-6) 0 var(--ib-2);
  font-size: var(--ib-fs-16);
  font-weight: var(--ib-w-semibold);
  color: var(--ib-ink);
  scroll-margin-top: var(--ib-6);
}

.ib-block-prose p {
  margin: 10px 0 0;
}

.ib-block-prose ul, .ib-block-prose ol {
  margin: 10px 0 0;
  padding-left: 20px;
}

.ib-block-prose li {
  margin-top: 6px;
}

.ib-block-prose li::marker {
  color: var(--ib-dim);
}

.ib-block-prose a {
  color: var(--ib-action);
  text-underline-offset: 2px;
  text-decoration: underline;
}

.ib-block-prose a:hover {
  color: var(--ib-action-hover);
}

.ib-block-prose strong, .ib-block-prose b {
  font-weight: var(--ib-w-semibold);
  color: var(--ib-ink);
}

.ib-block-prose code {
  border-radius: var(--ib-r-sm);
  background: var(--ib-soft);
  font: .92em var(--ib-mono);
  color: var(--ib-ink);
  padding: 1px 5px;
}

.ib-block-prose pre {
  margin: var(--ib-3) 0 0;
  padding: var(--ib-3) var(--ib-4);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-lg);
  background: var(--ib-surface);
  font: var(--ib-fs-13)/1.55 var(--ib-mono);
  color: var(--ib-ink);
  overflow: auto;
}

.ib-block-prose pre code {
  font-size: inherit;
  background: none;
  padding: 0;
}

.ib-block-prose img {
  max-width: 100%;
  height: auto;
  margin-top: var(--ib-4);
  border-radius: var(--ib-r-lg);
  display: block;
}

.ib-block-prose figure {
  margin: var(--ib-4) 0 0;
}

.ib-block-prose figure img {
  margin-top: 0;
}

.ib-block-prose figcaption {
  margin-top: var(--ib-2);
  font-size: var(--ib-fs-13);
  color: var(--ib-dim);
}

.ib-block-prose blockquote {
  margin: var(--ib-4) 0 0;
  padding: var(--ib-3) var(--ib-4);
  border-radius: var(--ib-r-lg);
  background: var(--ib-soft);
  color: var(--ib-ink);
}

.ib-block-prose blockquote > :first-child {
  margin-top: 0;
}

.ib-block-prose hr {
  height: 1px;
  margin: var(--ib-6) 0;
  background: var(--ib-line);
  border: 0;
}

.ib-block-prose table {
  width: 100%;
  margin-top: var(--ib-3);
  border-collapse: collapse;
  font-size: var(--ib-fs-13);
}

.ib-block-prose th, .ib-block-prose td {
  padding: var(--ib-2) var(--ib-3) var(--ib-2) 0;
  border-bottom: 1px solid var(--ib-line);
  text-align: left;
  vertical-align: top;
}

.ib-block-prose th {
  font-weight: var(--ib-w-medium);
  color: var(--ib-dim);
}

@container ib-blocks (max-width: 860px) {
  .ib-block {
    --ib-block-px: var(--ib-8);
    --ib-block-py: var(--ib-10);
    --ib-block-gap: var(--ib-6);
  }

  .ib-block--split > .ib-block__in {
    grid-template-columns: minmax(0, 1fr);
  }
}

@container ib-blocks (max-width: 520px) {
  .ib-block {
    --ib-block-px: var(--ib-4);
    --ib-block-py: var(--ib-8);
  }

  .ib-block__title {
    font-size: var(--ib-fs-24);
  }
}

/* [project]/src/styles/hero.css [app-client] (css) */
.ib-block-hero {
  --ib-block-py: var(--ib-12);
}

.ib-block-hero__by {
  font-size: var(--ib-fs-16);
  color: var(--ib-dim);
}

.ib-block-hero__title {
  margin: var(--ib-5) 0 0;
  letter-spacing: -.05em;
  font-size: clamp(44px, 8.4cqi, 90px);
  line-height: .94;
  font-weight: var(--ib-w-semibold);
  color: var(--ib-ink);
}

.ib-block-hero__kicker {
  font-weight: var(--ib-w-medium);
  color: var(--ib-dim);
  display: block;
}

.ib-block-hero__row {
  gap: var(--ib-12);
  margin-top: var(--ib-10);
  grid-template-columns: minmax(0, 1fr) minmax(0, 520px);
  align-items: end;
  display: grid;
}

.ib-block-hero__facts {
  gap: 22px var(--ib-8);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 560px;
  margin: 0;
  display: grid;
}

.ib-block-hero__facts dt {
  font-size: var(--ib-fs-13);
  color: var(--ib-dim);
}

.ib-block-hero__facts dd {
  margin: var(--ib-1) 0 0;
  font-size: var(--ib-fs-20);
  font-weight: var(--ib-w-medium);
  letter-spacing: -.01em;
  color: var(--ib-ink);
}

.ib-block-hero__aside {
  align-items: flex-end;
  gap: var(--ib-6);
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.ib-block-hero__aside .ib-timer {
  text-align: right;
  align-items: flex-end;
}

.ib-block-hero .ib-timer__parts {
  flex-wrap: wrap;
  gap: clamp(8px, 1.5cqi, 22px);
  max-width: 100%;
}

.ib-block-hero .ib-timer__part strong {
  font-size: clamp(40px, 5cqi, 64px);
}

.ib-block-hero--timer-xl .ib-block-hero__row {
  grid-template-columns: minmax(0, 1fr) minmax(0, 620px);
}

.ib-block-hero--timer-xl .ib-timer__part strong {
  font-size: clamp(56px, 7cqi, 88px);
}

.ib-block-hero--center .ib-block__in {
  text-align: center;
}

.ib-block-hero--center .ib-block-hero__title {
  margin-inline: auto;
}

.ib-block-hero--center .ib-block-hero__row {
  align-items: center;
  gap: var(--ib-8);
  flex-direction: column;
  display: flex;
}

.ib-block-hero--center .ib-block-hero__facts {
  text-align: center;
  flex-wrap: wrap;
  justify-content: center;
  width: min(100%, 640px);
  margin-inline: auto;
  display: flex;
}

.ib-block-hero--center .ib-block-hero__facts > div {
  flex: 0 min(100%, 240px);
}

.ib-block-hero--center .ib-block-hero__aside {
  width: 100%;
}

.ib-block-hero--center .ib-block-hero__aside, .ib-block-hero--center .ib-block-hero__aside .ib-timer {
  text-align: center;
  align-items: center;
}

.ib-block-hero--center .ib-block-hero__cta {
  justify-content: center;
}

.ib-block-hero--center .ib-block-hero__cta--start {
  justify-content: flex-start;
}

.ib-block-hero--center .ib-block-hero__cta--end {
  justify-content: flex-end;
}

.ib-block-hero--center .ib-block-hero__note {
  text-align: center;
  max-width: 50ch;
}

.ib-block-hero__cta {
  justify-content: flex-end;
  align-items: center;
  gap: var(--ib-3) var(--ib-4);
  flex-wrap: wrap;
  align-self: stretch;
  display: flex;
}

.ib-block-hero__cta--start {
  justify-content: flex-start;
}

.ib-block-hero__cta--center {
  justify-content: center;
}

.ib-block-hero__note {
  font-size: var(--ib-fs-13);
  color: var(--ib-dim);
  text-align: right;
  max-width: 24ch;
  line-height: 1.35;
}

.ib-mass .ib-block-hero__by, .ib-mass .ib-block-hero__kicker, .ib-mass .ib-block-hero__note {
  color: var(--ib-on-brand-2);
}

.ib-mass .ib-block-hero__title, .ib-mass .ib-block-hero__facts dd {
  color: var(--ib-on-brand);
}

.ib-mass .ib-block-hero__facts dt {
  color: var(--ib-on-brand-3);
}

.ib-mass .ib-block-hero .ib-timer__part strong, .ib-block-hero.ib-mass .ib-timer__part strong {
  color: var(--ib-on-brand);
}

.ib-block-hero.ib-mass .ib-timer__part span {
  color: var(--ib-on-brand-2);
}

.ib-block-hero.ib-mass .ib-block-hero__cta .ib-btn:not(.ib-btn--mass) {
  --_fg: var(--ib-on-brand);
  --_bd: var(--ib-on-brand-3);
  --_hover: var(--ib-brand-hover);
}

@container ib-blocks (max-width: 980px) {
  .ib-block-hero__row, .ib-block-hero--timer-xl .ib-block-hero__row {
    gap: var(--ib-8);
    grid-template-columns: minmax(0, 1fr);
  }

  .ib-block-hero__aside {
    align-items: flex-start;
  }

  .ib-block-hero__aside .ib-timer {
    text-align: left;
    align-items: flex-start;
  }

  .ib-block-hero__cta {
    justify-content: flex-start;
  }

  .ib-block-hero__note {
    text-align: left;
  }

  .ib-block-hero--center .ib-block-hero__aside, .ib-block-hero--center .ib-block-hero__aside .ib-timer {
    text-align: center;
    align-items: center;
  }

  .ib-block-hero--center .ib-block-hero__cta {
    justify-content: center;
  }

  .ib-block-hero--center .ib-block-hero__note {
    text-align: center;
  }

  .ib-block-hero .ib-block-hero__cta--start {
    justify-content: flex-start;
  }

  .ib-block-hero .ib-block-hero__cta--center {
    justify-content: center;
  }

  .ib-block-hero .ib-block-hero__cta--end {
    justify-content: flex-end;
  }
}

@container ib-blocks (max-width: 520px) {
  .ib-block-hero__facts {
    grid-template-columns: minmax(0, 1fr);
  }

  .ib-block-hero__cta .ib-btn {
    max-width: 100%;
    height: auto;
    min-height: var(--ib-control-h-lg);
    padding-block: var(--ib-2);
    white-space: normal;
    flex: 0 auto;
  }
}

/* [project]/src/styles/accordion.css [app-client] (css) */
.ib-accordion {
  border-top: 1px solid var(--ib-line);
}

.ib-accordion__item {
  border-bottom: 1px solid var(--ib-line);
}

.ib-accordion__q {
  justify-content: space-between;
  align-items: center;
  gap: var(--ib-6);
  padding: var(--ib-3) 0;
  cursor: pointer;
  color: var(--ib-ink);
  font: var(--ib-w-semibold) var(--ib-fs-14)/var(--ib-lh-ui) var(--ib-font);
  border-radius: var(--ib-r-sm);
  transition: color var(--ib-dur-fast) var(--ib-ease);
  list-style: none;
  display: flex;
}

.ib-accordion__q::-webkit-details-marker {
  display: none;
}

.ib-accordion__q::marker {
  content: "";
}

.ib-accordion__q:hover, .ib-accordion__q.is-hover {
  color: var(--ib-action);
}

.ib-accordion__q:focus-visible, .ib-accordion__q.is-focus {
  outline: 2px solid var(--ib-action);
  outline-offset: 2px;
}

.ib-accordion__icon {
  width: 18px;
  height: 18px;
  color: var(--ib-dim);
  transition: transform var(--ib-dur) var(--ib-ease);
  flex: none;
}

.ib-accordion__item[open] > .ib-accordion__q .ib-accordion__icon {
  transform: rotate(45deg);
}

.ib-accordion__a {
  padding: 0 var(--ib-12) var(--ib-4) 0;
  color: var(--ib-dim);
  max-width: 62ch;
}

.ib-accordion__a p + p {
  margin-top: var(--ib-2);
}

.ib-accordion__item[aria-disabled="true"] > .ib-accordion__q {
  color: var(--ib-faint);
  cursor: not-allowed;
}

.ib-accordion--lg .ib-accordion__q {
  padding: var(--ib-5) 0;
  font-size: 17px;
}

.ib-accordion--lg .ib-accordion__a {
  font-size: var(--ib-fs-16);
  padding-bottom: 22px;
}

@media (max-width: 640px) {
  .ib-accordion--lg .ib-accordion__q {
    font-size: var(--ib-fs-16);
  }

  .ib-accordion__a {
    padding-right: 0;
  }
}

/* [project]/src/styles/timer.css [app-client] (css) */
:root {
  --ib-timer-warn-on-mass: #e8b45e;
}

.ib-timer {
  gap: var(--ib-1);
  min-width: 0;
  color: var(--ib-ink);
  flex-direction: column;
  display: flex;
}

.ib-timer__phase {
  font-size: var(--ib-fs-13);
  font-weight: var(--ib-w-medium);
  color: var(--ib-dim);
  line-height: var(--ib-lh-ui);
  white-space: nowrap;
}

.ib-timer__meta {
  font-size: var(--ib-fs-12);
  color: var(--ib-dim);
  line-height: var(--ib-lh-ui);
  white-space: nowrap;
}

.ib-timer__meta .ib-num {
  font-size: inherit;
}

.ib-timer__value {
  font-family: var(--ib-mono);
  font-weight: var(--ib-w-medium);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.04em;
  white-space: nowrap;
  line-height: 1;
}

.ib-timer__days {
  font-family: var(--ib-font);
  letter-spacing: 0;
  color: var(--ib-dim);
  margin-right: .25em;
  font-size: .55em;
}

.ib-timer[data-phase="last-hour"] .ib-timer__phase {
  color: var(--ib-warn);
}

.ib-timer[data-phase="finish"] .ib-timer__value {
  color: var(--ib-dim);
}

.ib-timer--header {
  text-align: right;
  align-items: flex-end;
  gap: 2px;
}

.ib-timer--header .ib-timer__value {
  font-size: 26px;
  line-height: 1.05;
}

.ib-timer--header .ib-timer__head {
  gap: var(--ib-1);
  font-size: var(--ib-fs-12);
  display: flex;
}

.ib-timer__head {
  white-space: nowrap;
  align-items: baseline;
  gap: 6px;
  display: flex;
}

.ib-timer__head .ib-timer__meta:before {
  content: "·";
  margin-right: 6px;
}

.ib-timer--hero {
  gap: var(--ib-3);
}

.ib-timer--hero .ib-timer__head, .ib-timer--hero .ib-timer__phase, .ib-timer--hero .ib-timer__meta {
  font-size: var(--ib-fs-14);
}

.ib-timer--hero .ib-timer__value {
  letter-spacing: -.05em;
  font-size: 60px;
}

.ib-timer--segments {
  gap: var(--ib-3);
}

.ib-timer__parts {
  justify-content: center;
  align-items: flex-end;
  gap: clamp(16px, 3cqi, 48px);
  display: flex;
}

.ib-timer__part {
  gap: var(--ib-2);
  text-align: center;
  min-width: 0;
  display: grid;
}

.ib-timer__part strong {
  font: var(--ib-w-semibold) clamp(34px,5cqi,64px)/1 var(--ib-mono);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.05em;
  color: var(--ib-ink);
}

.ib-timer__part span {
  font-size: var(--ib-fs-13);
  color: var(--ib-dim);
}

.ib-timer--segments .ib-timer__meta {
  font-size: var(--ib-fs-13);
  align-self: center;
}

.ib-timer--compact .ib-timer__value {
  white-space: normal;
  flex-wrap: wrap;
  align-items: baseline;
  gap: .1em .35em;
  max-width: 100%;
  font-size: clamp(34px, 5cqi, 64px);
  display: inline-flex;
}

.ib-timer__compact-days, .ib-timer__compact-clock {
  white-space: nowrap;
}

.ib-block-hero.ib-mass .ib-timer--compact .ib-timer__value {
  color: var(--ib-on-brand);
}

.ib-block-hero--timer-xl .ib-timer--compact .ib-timer__value, .ib-block-countdown--timer-xl .ib-timer--compact .ib-timer__value {
  font-size: clamp(42px, 7cqi, 88px);
}

.ib-timer--tiles .ib-timer__parts {
  align-items: stretch;
  gap: clamp(6px, 1cqi, 12px);
}

.ib-timer--tiles .ib-timer__part {
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-md);
  background: var(--ib-surface);
  align-content: center;
  min-width: clamp(62px, 8cqi, 100px);
  padding: clamp(8px, 1.4cqi, 16px);
}

.ib-timer--tiles .ib-timer__part strong {
  font-size: clamp(30px, 4cqi, 54px);
}

.ib-block-hero.ib-mass .ib-timer--tiles .ib-timer__part {
  border-color: color-mix(in srgb,var(--ib-on-brand) 26%,transparent);
  background: color-mix(in srgb,var(--ib-on-brand) 9%,transparent);
}

.ib-timer--focus {
  gap: var(--ib-2);
}

.ib-timer__focus-main {
  align-items: baseline;
  gap: var(--ib-2);
  font-variant-numeric: tabular-nums;
  display: flex;
}

.ib-timer__focus-main strong {
  font: var(--ib-w-semibold) clamp(72px,10cqi,120px)/.9 var(--ib-mono);
  letter-spacing: -.07em;
}

.ib-timer__focus-main span {
  font-size: var(--ib-fs-14);
  color: var(--ib-dim);
}

.ib-timer__focus-rest {
  gap: var(--ib-3);
  padding-top: var(--ib-2);
  border-top: 1px solid var(--ib-line);
  font-size: var(--ib-fs-13);
  color: var(--ib-dim);
  flex-wrap: wrap;
  display: flex;
}

.ib-timer__focus-rest strong {
  font-family: var(--ib-mono);
  font-size: var(--ib-fs-20);
  font-variant-numeric: tabular-nums;
  color: var(--ib-ink);
}

.ib-timer--dial {
  align-items: center;
  gap: var(--ib-4);
  flex-direction: row;
}

.ib-timer__dial-face {
  aspect-ratio: 1;
  text-align: center;
  font-variant-numeric: tabular-nums;
  flex: none;
  place-content: center;
  width: clamp(120px, 15cqi, 170px);
  display: grid;
  position: relative;
}

.ib-timer__dial-face:before {
  background: conic-gradient(var(--ib-action) var(--ib-timer-progress),var(--ib-line) 0);
  content: "";
  border-radius: 50%;
  position: absolute;
  inset: 0;
  -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 7px), #000 calc(100% - 6px));
  mask: radial-gradient(farthest-side, #0000 calc(100% - 7px), #000 calc(100% - 6px));
}

.ib-timer__dial-face strong {
  font: var(--ib-w-semibold) clamp(36px,5cqi,62px)/1 var(--ib-mono);
  letter-spacing: -.05em;
}

.ib-timer__dial-face span {
  font-size: var(--ib-fs-12);
  color: var(--ib-dim);
}

.ib-timer__dial-rest {
  gap: var(--ib-1);
  min-width: 0;
  display: grid;
}

.ib-timer__dial-rest > span {
  justify-content: space-between;
  align-items: baseline;
  gap: var(--ib-3);
  display: flex;
}

.ib-timer__dial-rest strong {
  font: var(--ib-w-medium) clamp(20px,3cqi,32px)/1 var(--ib-mono);
  font-variant-numeric: tabular-nums;
}

.ib-timer__dial-rest small {
  font-size: var(--ib-fs-12);
  color: var(--ib-dim);
}

.ib-timer--ledger {
  width: clamp(220px, 28cqi, 320px);
  max-width: 100%;
}

.ib-timer__ledger-rows {
  width: 100%;
}

.ib-timer__ledger-rows > div {
  justify-content: space-between;
  align-items: baseline;
  gap: var(--ib-4);
  padding: var(--ib-1) 0;
  border-bottom: 1px solid var(--ib-line);
  display: flex;
}

.ib-timer__ledger-rows span {
  font-size: var(--ib-fs-13);
  color: var(--ib-dim);
}

.ib-timer__ledger-rows strong {
  font: var(--ib-w-medium) clamp(25px,3.5cqi,40px)/1 var(--ib-mono);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.04em;
}

.ib-timer--poster {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: end;
  gap: clamp(16px, 3cqi, 36px);
  width: max-content;
  max-width: 100%;
  display: grid;
}

.ib-timer__poster-lead {
  gap: var(--ib-2);
  line-height: 1;
  display: grid;
}

.ib-timer__poster-lead > span {
  font-size: var(--ib-fs-13);
  font-weight: var(--ib-w-semibold);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--ib-dim);
}

.ib-timer__poster-lead > strong {
  font: var(--ib-w-semibold) clamp(80px,12cqi,144px)/.82 var(--ib-mono);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.09em;
}

.ib-timer__poster-rest {
  padding-bottom: var(--ib-1);
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  align-items: end;
  gap: clamp(10px, 1.7cqi, 24px);
  display: grid;
}

.ib-timer__poster-rest > span {
  gap: var(--ib-1);
  text-align: center;
  display: grid;
}

.ib-timer__poster-rest strong {
  font: var(--ib-w-medium) clamp(27px,4cqi,48px)/1 var(--ib-mono);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.05em;
}

.ib-timer__poster-rest small {
  font-size: var(--ib-fs-12);
  color: var(--ib-dim);
}

.ib-timer--poster .ib-timer__meta {
  grid-column: 1 / -1;
}

.ib-timer--tracks {
  gap: var(--ib-3);
  width: clamp(230px, 35cqi, 400px);
  max-width: 100%;
}

.ib-timer__tracks-days {
  align-items: baseline;
  gap: var(--ib-2);
  color: var(--ib-dim);
  font-size: var(--ib-fs-13);
  margin: 0;
  display: flex;
}

.ib-timer__tracks-days strong {
  color: var(--ib-ink);
  font: var(--ib-w-semibold) clamp(32px,5cqi,54px)/1 var(--ib-mono);
  font-variant-numeric: tabular-nums;
}

.ib-timer__tracks-list {
  gap: var(--ib-3);
  width: 100%;
  display: grid;
}

.ib-timer__tracks-row {
  align-items: center;
  gap: var(--ib-2);
  grid-template-columns: 64px minmax(0, 1fr) 38px;
  display: grid;
}

.ib-timer__tracks-row > span {
  font-size: var(--ib-fs-12);
  color: var(--ib-dim);
}

.ib-timer__tracks-row > strong {
  font: var(--ib-w-medium) var(--ib-fs-20)/1 var(--ib-mono);
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.ib-timer__tracks-bar {
  background: var(--ib-line);
  border-radius: 99px;
  height: 5px;
  overflow: hidden;
}

.ib-timer__tracks-bar:before {
  width: var(--ib-track-progress);
  border-radius: inherit;
  background: var(--ib-action);
  content: "";
  height: 100%;
  display: block;
}

.ib-timer--flip {
  max-width: 100%;
}

.ib-timer__flip-parts {
  gap: clamp(5px, .8cqi, 12px);
  max-width: 100%;
  display: flex;
}

.ib-timer__flip-part {
  border-radius: var(--ib-r);
  background: var(--ib-brand);
  min-width: clamp(58px, 8cqi, 92px);
  color: var(--ib-on-brand);
  text-align: center;
  display: grid;
  overflow: hidden;
}

.ib-timer__flip-part strong {
  min-height: clamp(58px, 8cqi, 90px);
  padding: var(--ib-2);
  font: var(--ib-w-semibold) clamp(32px,4.6cqi,54px)/1 var(--ib-mono);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.06em;
  place-items: center;
  display: grid;
  position: relative;
}

.ib-timer__flip-part strong:after {
  border-top: 1px solid color-mix(in srgb,var(--ib-on-brand) 35%,transparent);
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
}

.ib-timer__flip-part span {
  padding: var(--ib-1) var(--ib-2) var(--ib-2);
  background: color-mix(in srgb,var(--ib-on-brand) 9%,transparent);
  font-size: var(--ib-fs-12);
  color: var(--ib-on-brand-2);
}

.ib-mass .ib-timer__focus-main span, .ib-mass .ib-timer__focus-rest, .ib-mass .ib-timer__dial-face span, .ib-mass .ib-timer__dial-rest small, .ib-mass .ib-timer__ledger-rows span, .ib-mass .ib-timer__poster-lead > span, .ib-mass .ib-timer__poster-rest small, .ib-mass .ib-timer__tracks-days, .ib-mass .ib-timer__tracks-row > span {
  color: var(--ib-on-brand-2);
}

.ib-mass .ib-timer__tracks-days strong {
  color: var(--ib-on-brand);
}

.ib-mass .ib-timer__tracks-bar {
  background: color-mix(in srgb,var(--ib-on-brand) 24%,transparent);
}

.ib-mass .ib-timer__tracks-bar:before {
  background: var(--ib-on-brand);
}

.ib-mass .ib-timer__flip-part {
  background: var(--ib-on-brand);
  color: var(--ib-brand);
}

.ib-mass .ib-timer__flip-part strong:after {
  border-color: color-mix(in srgb,var(--ib-brand) 32%,transparent);
}

.ib-mass .ib-timer__flip-part span {
  background: color-mix(in srgb,var(--ib-brand) 8%,transparent);
  color: var(--ib-brand);
}

.ib-timer--ticker {
  max-width: 100%;
}

.ib-timer__ticker-parts {
  align-items: stretch;
  max-width: 100%;
  display: flex;
}

.ib-timer__ticker-part {
  align-content: end;
  gap: var(--ib-2);
  min-width: 0;
  padding: var(--ib-2) clamp(10px,1.8cqi,24px);
  border-left: 2px solid var(--ib-action);
  display: grid;
}

.ib-timer__ticker-part:first-child {
  border-left: 0;
  padding-left: 0;
}

.ib-timer__ticker-part span {
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
}

.ib-timer__ticker-part strong {
  color: var(--ib-ink);
  font: var(--ib-w-semibold) clamp(36px,6cqi,78px)/.95 var(--ib-mono);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.065em;
}

.ib-timer--stairs {
  width: clamp(250px, 36cqi, 470px);
  max-width: 100%;
}

.ib-timer__stairs-list {
  gap: 5px;
  width: 100%;
  display: grid;
}

.ib-timer__stairs-step {
  justify-content: space-between;
  align-items: baseline;
  gap: var(--ib-4);
  min-width: 0;
  margin-left: calc(var(--ib-step)*12px);
  padding: var(--ib-2) var(--ib-3);
  border-left: 4px solid var(--ib-action);
  background: var(--ib-soft);
  display: flex;
}

.ib-timer__stairs-step strong {
  color: var(--ib-ink);
  font: var(--ib-w-semibold) clamp(28px,4cqi,46px)/1 var(--ib-mono);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.05em;
}

.ib-timer__stairs-step span {
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
}

.ib-timer--orbits {
  max-width: 100%;
}

.ib-timer__orbits-list {
  flex-wrap: wrap;
  gap: clamp(6px, 1cqi, 14px);
  max-width: 100%;
  display: flex;
}

.ib-timer__orbits-unit {
  aspect-ratio: 1;
  border: 2px solid var(--ib-action);
  width: clamp(78px, 10cqi, 120px);
  color: var(--ib-ink);
  text-align: center;
  border-radius: 50%;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.ib-timer__orbits-unit:nth-child(2n) {
  border-style: dashed;
}

.ib-timer__orbits-unit strong {
  font: var(--ib-w-semibold) clamp(26px,4cqi,46px)/1 var(--ib-mono);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.05em;
}

.ib-timer__orbits-unit span {
  max-width: 90%;
  margin-top: var(--ib-1);
  font-size: var(--ib-fs-12);
  color: var(--ib-dim);
}

.ib-mass .ib-timer__ticker-part {
  border-color: var(--ib-on-brand);
}

.ib-mass .ib-timer__ticker-part span, .ib-mass .ib-timer__stairs-step span, .ib-mass .ib-timer__orbits-unit span {
  color: var(--ib-on-brand-2);
}

.ib-mass .ib-timer__ticker-part strong, .ib-mass .ib-timer__orbits-unit {
  color: var(--ib-on-brand);
}

.ib-mass .ib-timer__stairs-step {
  border-color: var(--ib-on-brand);
  background: color-mix(in srgb,var(--ib-on-brand) 12%,transparent);
}

.ib-mass .ib-timer__stairs-step strong {
  color: var(--ib-on-brand);
}

.ib-mass .ib-timer__orbits-unit {
  border-color: var(--ib-on-brand);
}

.ib-block-hero--timer-xl .ib-timer__ticker-part strong, .ib-block-countdown--timer-xl .ib-timer__ticker-part strong {
  font-size: clamp(44px, 7.5cqi, 96px);
}

.ib-block-hero--timer-xl .ib-timer__stairs-step strong, .ib-block-countdown--timer-xl .ib-timer__stairs-step strong {
  font-size: clamp(36px, 5cqi, 58px);
}

.ib-block-hero--timer-xl .ib-timer__orbits-unit, .ib-block-countdown--timer-xl .ib-timer__orbits-unit {
  width: clamp(94px, 12cqi, 148px);
}

.ib-block-hero--timer-xl .ib-timer__orbits-unit strong, .ib-block-countdown--timer-xl .ib-timer__orbits-unit strong {
  font-size: clamp(34px, 5cqi, 58px);
}

@container ib-blocks (max-width: 480px) {
  .ib-timer__ticker-parts {
    row-gap: var(--ib-3);
    flex-wrap: wrap;
  }

  .ib-timer__ticker-part {
    padding: var(--ib-1) var(--ib-2);
    flex: 0 0 50%;
  }

  .ib-timer__ticker-part:nth-child(odd) {
    border-left: 0;
    padding-left: 0;
  }

  .ib-timer__ticker-part strong, .ib-block-hero--timer-xl .ib-timer__ticker-part strong, .ib-block-countdown--timer-xl .ib-timer__ticker-part strong {
    font-size: clamp(36px, 10cqi, 52px);
  }

  .ib-timer__stairs-step {
    margin-left: calc(var(--ib-step)*6px);
  }

  .ib-timer__orbits-unit, .ib-block-hero--timer-xl .ib-timer__orbits-unit, .ib-block-countdown--timer-xl .ib-timer__orbits-unit {
    width: clamp(70px, 20cqi, 92px);
  }

  .ib-timer__orbits-unit strong, .ib-block-hero--timer-xl .ib-timer__orbits-unit strong, .ib-block-countdown--timer-xl .ib-timer__orbits-unit strong {
    font-size: clamp(25px, 7cqi, 38px);
  }
}

.ib-timer--matrix {
  width: 390px;
  max-width: 100%;
}

.ib-timer__matrix-grid {
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-md);
  background: var(--ib-line);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  width: 100%;
  display: grid;
  overflow: hidden;
}

.ib-timer__matrix-cell {
  min-width: 0;
  min-height: 104px;
  padding: var(--ib-3) var(--ib-4);
  background: var(--ib-surface);
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.ib-timer__matrix-cell:first-child {
  background: var(--ib-brand);
  color: var(--ib-on-brand);
}

.ib-timer__matrix-cell span {
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
}

.ib-timer__matrix-cell:first-child span {
  color: var(--ib-on-brand-2);
}

.ib-timer__matrix-cell strong {
  font: var(--ib-w-semibold) clamp(36px,6cqi,64px)/.92 var(--ib-mono);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.045em;
  align-self: flex-end;
}

.ib-mass .ib-timer__matrix-grid {
  border-color: var(--ib-on-brand-3);
  background: var(--ib-on-brand-3);
}

.ib-mass .ib-timer__matrix-cell {
  background: color-mix(in srgb,var(--ib-on-brand) 12%,var(--ib-brand));
  color: var(--ib-on-brand);
}

.ib-mass .ib-timer__matrix-cell:first-child {
  background: var(--ib-on-brand);
  color: var(--ib-brand);
}

.ib-mass .ib-timer__matrix-cell span {
  color: var(--ib-on-brand-2);
}

.ib-mass .ib-timer__matrix-cell:first-child span {
  color: var(--ib-brand);
}

.ib-timer--ribbon {
  max-width: 100%;
}

.ib-timer__ribbon-strip {
  border-radius: var(--ib-r-md);
  background: var(--ib-brand);
  width: max-content;
  max-width: 100%;
  color: var(--ib-on-brand);
  flex-wrap: wrap;
  display: flex;
  overflow: hidden;
}

.ib-timer__ribbon-unit {
  align-content: center;
  justify-items: center;
  gap: var(--ib-2);
  min-width: 92px;
  padding: var(--ib-3) clamp(14px,2cqi,28px);
  text-align: center;
  display: grid;
}

.ib-timer__ribbon-unit + .ib-timer__ribbon-unit {
  border-left: 1px solid var(--ib-on-brand-3);
}

.ib-timer__ribbon-unit strong {
  font: var(--ib-w-semibold) clamp(35px,5.5cqi,68px)/.92 var(--ib-mono);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.045em;
}

.ib-timer__ribbon-unit span {
  font-size: var(--ib-fs-12);
  color: var(--ib-on-brand-2);
}

.ib-mass .ib-timer__ribbon-strip {
  background: var(--ib-on-brand);
  color: var(--ib-brand);
}

.ib-mass .ib-timer__ribbon-unit + .ib-timer__ribbon-unit {
  border-color: color-mix(in srgb,var(--ib-brand) 25%,transparent);
}

.ib-mass .ib-timer__ribbon-unit span {
  color: var(--ib-brand);
}

.ib-timer--rings {
  max-width: 100%;
}

.ib-timer__rings-list {
  gap: var(--ib-3);
  flex-wrap: wrap;
  max-width: 100%;
  display: flex;
}

.ib-timer__rings-unit {
  aspect-ratio: 1;
  width: clamp(90px, 12cqi, 132px);
  color: var(--ib-ink);
  text-align: center;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.ib-timer__rings-unit:before {
  background: conic-gradient(var(--ib-action) var(--ib-ring-progress),var(--ib-line) 0);
  content: "";
  border-radius: 50%;
  position: absolute;
  inset: 0;
  -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 7px), #000 calc(100% - 6px));
  mask: radial-gradient(farthest-side, #0000 calc(100% - 7px), #000 calc(100% - 6px));
}

.ib-timer__rings-unit strong {
  font: var(--ib-w-semibold) clamp(30px,4.4cqi,52px)/1 var(--ib-mono);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.045em;
}

.ib-timer__rings-unit span {
  margin-top: var(--ib-1);
  font-size: var(--ib-fs-12);
  color: var(--ib-dim);
}

.ib-mass .ib-timer__rings-unit {
  color: var(--ib-on-brand);
}

.ib-mass .ib-timer__rings-unit:before {
  background: conic-gradient(var(--ib-on-brand) var(--ib-ring-progress),color-mix(in srgb,var(--ib-on-brand) 24%,transparent) 0);
}

.ib-mass .ib-timer__rings-unit span {
  color: var(--ib-on-brand-2);
}

.ib-block-hero--timer-xl .ib-timer__matrix-cell, .ib-block-countdown--timer-xl .ib-timer__matrix-cell {
  min-height: 126px;
}

.ib-block-hero--timer-xl .ib-timer__matrix-cell strong, .ib-block-countdown--timer-xl .ib-timer__matrix-cell strong {
  font-size: clamp(48px, 7cqi, 78px);
}

.ib-block-hero--timer-xl .ib-timer__ribbon-unit strong, .ib-block-countdown--timer-xl .ib-timer__ribbon-unit strong {
  font-size: clamp(48px, 7cqi, 88px);
}

.ib-block-hero--timer-xl .ib-timer__rings-unit, .ib-block-countdown--timer-xl .ib-timer__rings-unit {
  width: clamp(112px, 15cqi, 160px);
}

@container ib-blocks (max-width: 480px) {
  .ib-timer__matrix-cell {
    min-height: 90px;
    padding: var(--ib-2) var(--ib-3);
  }

  .ib-timer__matrix-cell strong, .ib-block-hero--timer-xl .ib-timer__matrix-cell strong, .ib-block-countdown--timer-xl .ib-timer__matrix-cell strong {
    font-size: clamp(34px, 10cqi, 54px);
  }

  .ib-timer__ribbon-strip {
    width: 100%;
  }

  .ib-timer__ribbon-unit {
    min-width: 0;
    padding: var(--ib-2);
    flex: 1 0 50%;
  }

  .ib-timer__ribbon-unit:nth-child(odd) {
    border-left: 0;
  }

  .ib-timer__ribbon-unit:nth-child(n+3) {
    border-top: 1px solid var(--ib-on-brand-3);
  }

  .ib-timer__ribbon-unit strong, .ib-block-hero--timer-xl .ib-timer__ribbon-unit strong, .ib-block-countdown--timer-xl .ib-timer__ribbon-unit strong {
    font-size: clamp(36px, 10cqi, 55px);
  }

  .ib-timer__rings-list {
    grid-template-columns: repeat(2, max-content);
    display: grid;
  }

  .ib-timer__rings-unit, .ib-block-hero--timer-xl .ib-timer__rings-unit, .ib-block-countdown--timer-xl .ib-timer__rings-unit {
    width: clamp(76px, 24cqi, 108px);
  }

  .ib-timer__rings-unit strong {
    font-size: clamp(28px, 8cqi, 40px);
  }
}

.ib-mass .ib-timer__focus-rest strong {
  color: var(--ib-on-brand);
}

.ib-mass .ib-timer__focus-rest, .ib-mass .ib-timer__ledger-rows > div {
  border-color: color-mix(in srgb,var(--ib-on-brand) 28%,transparent);
}

.ib-mass .ib-timer__dial-face:before {
  background: conic-gradient(var(--ib-on-brand) var(--ib-timer-progress),color-mix(in srgb,var(--ib-on-brand) 22%,transparent) 0);
}

.ib-block-hero--timer-xl .ib-timer__focus-main strong, .ib-block-countdown--timer-xl .ib-timer__focus-main strong {
  font-size: clamp(92px, 13cqi, 150px);
}

.ib-block-hero--timer-xl .ib-timer__dial-face, .ib-block-countdown--timer-xl .ib-timer__dial-face {
  width: clamp(145px, 19cqi, 210px);
}

.ib-block-hero--timer-xl .ib-timer__ledger-rows strong, .ib-block-countdown--timer-xl .ib-timer__ledger-rows strong {
  font-size: clamp(34px, 5cqi, 54px);
}

.ib-block-hero--timer-xl .ib-timer__poster-lead > strong, .ib-block-countdown--timer-xl .ib-timer__poster-lead > strong {
  font-size: clamp(100px, 15cqi, 180px);
}

.ib-block-hero--timer-xl .ib-timer__tracks-days strong, .ib-block-countdown--timer-xl .ib-timer__tracks-days strong {
  font-size: clamp(42px, 7cqi, 72px);
}

.ib-block-hero--timer-xl .ib-timer__flip-part strong, .ib-block-countdown--timer-xl .ib-timer__flip-part strong {
  min-height: clamp(72px, 10cqi, 110px);
  font-size: clamp(40px, 6cqi, 68px);
}

@container ib-blocks (max-width: 480px) {
  .ib-timer--dial {
    gap: var(--ib-3);
  }

  .ib-timer__dial-face {
    width: 112px;
  }

  .ib-timer__focus-main strong {
    font-size: 72px;
  }

  .ib-block-hero--timer-xl .ib-timer__focus-main strong, .ib-block-countdown--timer-xl .ib-timer__focus-main strong {
    font-size: 92px;
  }

  .ib-block-hero--timer-xl .ib-timer__dial-face, .ib-block-countdown--timer-xl .ib-timer__dial-face {
    width: 132px;
  }

  .ib-timer--poster {
    gap: var(--ib-3);
    flex-wrap: wrap;
    display: flex;
  }

  .ib-timer__poster-lead > strong {
    font-size: 72px;
  }

  .ib-timer__poster-rest {
    gap: var(--ib-2);
  }

  .ib-timer__poster-rest strong {
    font-size: 26px;
  }

  .ib-timer__flip-part {
    flex: 1;
    min-width: 0;
  }

  .ib-timer__flip-part strong {
    min-height: 56px;
    font-size: clamp(26px, 7cqi, 42px);
  }

  .ib-block-hero--timer-xl .ib-timer__flip-part strong, .ib-block-countdown--timer-xl .ib-timer__flip-part strong {
    min-height: 68px;
    font-size: clamp(30px, 8cqi, 48px);
  }

  .ib-timer--tiles .ib-timer__part {
    min-width: 0;
    padding: 8px;
  }

  .ib-timer--tiles .ib-timer__part strong {
    font-size: clamp(26px, 7cqi, 42px);
  }

  .ib-timer--tiles .ib-timer__part span {
    font-size: var(--ib-fs-12);
  }
}

@media (max-width: 1100px) {
  .ib-timer--hero .ib-timer__value {
    font-size: 50px;
  }
}

@media (max-width: 640px) {
  .ib-timer--hero .ib-timer__value {
    font-size: 40px;
  }
}

.ib-timer--tower {
  padding: 14px var(--ib-4);
  color: var(--ib-on-brand);
}

.ib-timer--tower .ib-timer__value {
  margin-top: 2px;
  font-size: 28px;
}

.ib-timer--screen {
  text-align: right;
  color: var(--ib-on-brand);
  align-items: flex-end;
  gap: var(--ib-2);
}

.ib-timer--screen .ib-timer__head {
  font-size: clamp(14px, 2vh, 22px);
}

.ib-timer--screen .ib-timer__phase, .ib-timer--screen .ib-timer__meta {
  font-size: inherit;
}

.ib-timer--screen .ib-timer__value {
  letter-spacing: -.055em;
  font-size: clamp(48px, 11vh, 120px);
  line-height: .9;
}

.ib-timer--tower .ib-timer__phase, .ib-timer--screen .ib-timer__phase, .ib-mass .ib-timer__phase, .ib-timer--tower .ib-timer__meta, .ib-timer--screen .ib-timer__meta, .ib-mass .ib-timer__meta, .ib-timer--tower .ib-timer__days, .ib-timer--screen .ib-timer__days, .ib-mass .ib-timer__days {
  color: var(--ib-on-brand-2);
}

.ib-timer--tower[data-phase="last-hour"] .ib-timer__phase, .ib-timer--screen[data-phase="last-hour"] .ib-timer__phase, .ib-mass .ib-timer[data-phase="last-hour"] .ib-timer__phase {
  color: var(--ib-timer-warn-on-mass);
}

.ib-timer--tower[data-phase="finish"] .ib-timer__value, .ib-timer--screen[data-phase="finish"] .ib-timer__value, .ib-mass .ib-timer[data-phase="finish"] .ib-timer__value {
  color: var(--ib-on-brand-3);
}

.ib-mass .ib-timer {
  color: var(--ib-on-brand);
}

/* [project]/src/styles/tooltip.css [app-client] (css) */
.ib-tip {
  display: inline-flex;
  position: relative;
}

.ib-tip__bubble {
  z-index: 70;
  transform: translateX(calc(-50% + var(--ib-tip-shift, 0px)));
  background: var(--ib-raised);
  width: max-content;
  max-width: 240px;
  color: var(--ib-ink);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r);
  font: var(--ib-w-medium) var(--ib-fs-12)/var(--ib-lh-ui) var(--ib-font);
  white-space: normal;
  text-align: left;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--ib-dur-fast) var(--ib-ease),visibility 0s linear var(--ib-dur-fast),scale 0s linear var(--ib-dur-fast);
  align-items: center;
  gap: 6px;
  padding: 5px 8px;
  display: inline-flex;
  position: absolute;
  bottom: calc(100% + 6px);
  left: 50%;
  scale: 0;
}

.ib-tip__bubble .ib-kbd {
  min-width: 16px;
  height: 16px;
  font-size: 10px;
}

.ib-tip__bubble small {
  color: var(--ib-dim);
  font-weight: var(--ib-w-regular);
  display: block;
}

.ib-tip__bubble:has(.ib-tip__copy) {
  max-width: min(320px, 100vw - 24px);
  padding: 10px 12px;
  line-height: 1.45;
}

.ib-tip__copy {
  white-space: normal;
  gap: 6px;
  min-width: 0;
  display: grid;
}

.ib-tip__point {
  font-weight: var(--ib-w-regular);
  padding-left: 12px;
  position: relative;
}

.ib-tip__point:before {
  content: "•";
  position: absolute;
  left: 0;
}

.ib-tip:hover > .ib-tip__bubble {
  opacity: 1;
  visibility: visible;
  transition-delay: .3s, .3s, .3s;
  scale: 1;
}

.ib-tip.is-open > .ib-tip__bubble {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s, 0s, 0s;
  scale: 1;
}

.ib-tip:has(:focus-visible) > .ib-tip__bubble {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s, 0s, 0s;
  scale: 1;
}

.ib-tip--bottom > .ib-tip__bubble {
  top: calc(100% + 6px);
  bottom: auto;
}

.ib-tip--end > .ib-tip__bubble {
  left: auto;
  right: 0;
  transform: none;
}

.ib-tip--start > .ib-tip__bubble {
  left: 0;
  transform: none;
}

.ib-tip.is-dismissed > .ib-tip__bubble {
  opacity: 0;
  visibility: hidden;
  transition: none;
  scale: 0;
}

/* [project]/src/styles/select.css [app-client] (css) */
.ib-select {
  width: 100%;
  display: inline-flex;
  position: relative;
}

.ib-select > select.ib-input {
  appearance: none;
  cursor: pointer;
  padding-right: 34px;
}

.ib-select > svg {
  width: 16px;
  height: 16px;
  color: var(--ib-dim);
  pointer-events: none;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.6px;
  stroke-linecap: round;
  stroke-linejoin: round;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  right: 10px;
}

.ib-select--sm > select.ib-input {
  height: var(--ib-control-h);
  font-size: var(--ib-fs-13);
}

.ib-select--inline {
  width: auto;
}

.ib-select > select:disabled {
  cursor: not-allowed;
}

.ib-select > select:disabled ~ svg {
  color: var(--ib-faint);
}

.ib-select__trigger {
  align-items: center;
  gap: var(--ib-2);
  text-align: left;
  cursor: pointer;
  padding-right: 10px;
  display: flex;
}

.ib-select__trigger > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.ib-select__trigger > .ib-select__ph {
  color: var(--ib-faint);
}

.ib-select__trigger > svg {
  width: 16px;
  height: 16px;
  color: var(--ib-dim);
  stroke: currentColor;
  fill: none;
  stroke-width: 1.6px;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: none;
}

.ib-select__trigger[aria-expanded="true"] {
  outline: 2px solid var(--ib-action);
  outline-offset: -1px;
  border-color: var(--ib-action);
}

.ib-listbox {
  margin: var(--ib-1) 0 0;
  padding: var(--ib-1);
  background: var(--ib-raised);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-lg);
  min-width: 200px;
  max-height: 264px;
  list-style: none;
  overflow: auto;
}

.ib-listbox__opt {
  align-items: center;
  gap: var(--ib-2);
  height: var(--ib-control-h);
  padding: 0 var(--ib-2) 0 10px;
  border-radius: var(--ib-r-sm);
  color: var(--ib-ink);
  font-size: var(--ib-fs-14);
  cursor: pointer;
  display: flex;
}

.ib-listbox__opt > svg {
  visibility: hidden;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.8px;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: none;
  width: 16px;
  height: 16px;
  margin-left: auto;
}

.ib-listbox__opt:hover, .ib-listbox__opt.is-active, .ib-listbox__opt[data-highlighted] {
  background: var(--ib-soft);
}

.ib-listbox__opt[aria-selected="true"], .ib-listbox__opt[data-state="checked"] {
  font-weight: var(--ib-w-semibold);
}

.ib-listbox__opt[aria-selected="true"] > svg, .ib-listbox__opt[data-state="checked"] > svg {
  visibility: visible;
}

.ib-listbox__opt[aria-disabled="true"], .ib-listbox__opt[data-disabled] {
  color: var(--ib-faint);
  cursor: not-allowed;
  background: none;
}

.ib-listbox__opt .ib-num {
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
  margin-left: auto;
}

.ib-listbox__opt .ib-num + svg {
  margin-left: var(--ib-2);
}

.ib-listbox__opt:hover .ib-num, .ib-listbox__opt.is-active .ib-num {
  color: var(--ib-body);
}

/* [project]/src/styles/block-facts.css [app-client] (css) */
.ib-block-facts__list {
  gap: var(--ib-6) var(--ib-8);
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  margin: 0;
  display: grid;
}

.ib-block-facts__item {
  min-width: 0;
  padding-top: var(--ib-3);
  border-top: 1px solid var(--ib-line);
}

.ib-block-facts__item dt {
  font-size: var(--ib-fs-13);
  color: var(--ib-dim);
}

.ib-block-facts__item dd {
  margin: var(--ib-1) 0 0;
  font-size: var(--ib-fs-20);
  font-weight: var(--ib-w-medium);
  letter-spacing: -.01em;
  color: var(--ib-ink);
  line-height: 1.25;
}

.ib-block-facts--rows .ib-block-facts__list {
  border-top: 1px solid var(--ib-line);
  display: block;
}

.ib-block-facts--rows .ib-block-facts__item {
  gap: var(--ib-4);
  border-top: 0;
  border-bottom: 1px solid var(--ib-line);
  grid-template-columns: 170px minmax(0, 1fr);
  padding: 13px 0;
  display: grid;
}

.ib-block-facts--rows .ib-block-facts__item dt {
  font-size: var(--ib-fs-14);
  font-weight: var(--ib-w-semibold);
  color: var(--ib-ink);
}

.ib-block-facts--rows .ib-block-facts__item dd {
  font-size: var(--ib-fs-14);
  font-weight: var(--ib-w-regular);
  letter-spacing: 0;
  line-height: var(--ib-lh-body);
  color: var(--ib-body);
  margin: 0;
}

.ib-block-facts a {
  color: var(--ib-action);
}

.ib-mass .ib-block-facts__item {
  border-color: var(--ib-brand-line);
}

.ib-mass .ib-block-facts__item dt {
  color: var(--ib-on-brand-3);
}

.ib-mass .ib-block-facts__item dd {
  color: var(--ib-on-brand);
}

@container ib-blocks (max-width: 520px) {
  .ib-block-facts--rows .ib-block-facts__item {
    grid-template-columns: minmax(0, 1fr);
    gap: 2px;
  }
}

/* [project]/src/styles/block-partners.css [app-client] (css) */
.ib-block-partners__text {
  max-width: 60ch;
  color: var(--ib-dim);
}

.ib-block-partners__text + .ib-block-partners__group, .ib-block__head + .ib-block-partners__group {
  margin-top: var(--ib-5);
}

.ib-block-partners__group + .ib-block-partners__group {
  margin-top: var(--ib-6);
}

.ib-block-partners__label {
  margin-bottom: var(--ib-3);
  font-size: var(--ib-fs-13);
  color: var(--ib-dim);
}

.ib-block-partners__grid {
  gap: var(--ib-3);
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.ib-block-partners__logo {
  height: 72px;
  padding: var(--ib-4);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-lg);
  background: var(--ib-surface);
  color: var(--ib-ink);
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.ib-block-partners__image {
  object-fit: contain;
  filter: grayscale();
  opacity: .85;
  width: auto;
  max-width: 100%;
  height: 40px;
  display: block;
}

.ib-block-partners__name {
  font-size: var(--ib-fs-13);
  font-weight: var(--ib-w-semibold);
  text-align: center;
}

a.ib-block-partners__logo:hover {
  border-color: var(--ib-control);
}

a.ib-block-partners__logo:hover .ib-block-partners__image {
  opacity: 1;
}

@media (prefers-reduced-motion: no-preference) {
  .ib-block-partners__image {
    transition: opacity .15s;
  }
}

.ib-block-partners__tip {
  display: flex;
}

.ib-block-partners__tip > .ib-block-partners__logo {
  flex: 1;
  min-width: 0;
}

/* [project]/src/styles/block-timeline.css [app-client] (css) */
.ib-block-timeline__list {
  row-gap: var(--ib-6);
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.ib-block-timeline__step {
  padding: 14px var(--ib-4) 0 0;
  border-top: 2px solid var(--ib-ink);
  position: relative;
}

.ib-block-timeline__step:before {
  content: "";
  background: var(--ib-ink);
  width: 2px;
  height: 12px;
  position: absolute;
  top: -2px;
  left: 0;
}

.ib-block-timeline__time {
  font: var(--ib-w-medium) var(--ib-fs-20) var(--ib-mono);
  letter-spacing: -.03em;
  color: var(--ib-ink);
  padding-left: 10px;
  display: block;
}

.ib-block-timeline__label {
  margin-top: var(--ib-1);
  font-size: var(--ib-fs-13);
  color: var(--ib-dim);
  padding-left: 10px;
}

.ib-block-timeline--list .ib-block-timeline__list {
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  max-width: 720px;
}

.ib-block-timeline--list .ib-block-timeline__step {
  align-items: start;
  gap: var(--ib-4);
  padding: var(--ib-4) 0;
  border-top: 1px solid var(--ib-line);
  grid-template-columns: minmax(100px, 170px) minmax(0, 1fr);
  display: grid;
}

.ib-block-timeline--list .ib-block-timeline__step:before {
  display: none;
}

.ib-block-timeline--list .ib-block-timeline__time, .ib-block-timeline--list .ib-block-timeline__label {
  margin: 0;
  padding-left: 0;
}

@container ib-blocks (max-width: 520px) {
  .ib-block-timeline--list .ib-block-timeline__step {
    gap: var(--ib-1);
    grid-template-columns: minmax(0, 1fr);
  }
}

.ib-block-timeline__step.is-now .ib-block-timeline__time {
  color: var(--ib-action);
}

.ib-block-timeline__step.is-now .ib-block-timeline__label {
  color: var(--ib-ink);
  font-weight: var(--ib-w-medium);
}

.ib-mass .ib-block-timeline__step {
  border-color: var(--ib-on-brand);
}

.ib-mass .ib-block-timeline__step:before {
  background: var(--ib-on-brand);
}

.ib-mass .ib-block-timeline__time {
  color: var(--ib-on-brand);
}

.ib-mass .ib-block-timeline__label {
  color: var(--ib-on-brand-2);
}

/* [project]/src/styles/block-faq.css [app-client] (css) */
.ib-block-faq .ib-accordion {
  max-width: 760px;
}

.ib-block-faq .ib-accordion__a p + p {
  margin-top: var(--ib-2);
}

/* [project]/src/styles/block-doc.css [app-client] (css) */
.ib-block-doc__grid {
  gap: var(--ib-block-gap);
  grid-template-columns: minmax(0, 1fr) 220px;
  align-items: start;
  display: grid;
}

.ib-block-doc__grid > article {
  min-width: 0;
}

.ib-block-doc__grid > article section + section {
  margin-top: var(--ib-6);
}

.ib-block-doc__grid > article h3 {
  scroll-margin-top: 84px;
}

.ib-block-doc .ib-toc {
  top: var(--ib-6);
  min-width: 0;
  font-size: var(--ib-fs-13);
  align-self: start;
  position: sticky;
}

.ib-toc__title {
  margin: 0 0 var(--ib-2);
  padding: 0 var(--ib-3);
  font-size: var(--ib-fs-12);
  font-weight: var(--ib-w-medium);
  color: var(--ib-dim);
}

.ib-toc__list {
  flex-direction: column;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.ib-toc__link {
  padding: 6px var(--ib-3);
  border-radius: var(--ib-r);
  color: var(--ib-dim);
  font-weight: var(--ib-w-regular);
  line-height: var(--ib-lh-ui);
  transition: background-color var(--ib-dur-fast) var(--ib-ease),color var(--ib-dur-fast) var(--ib-ease);
  text-decoration: none;
  display: block;
}

.ib-toc__link:hover {
  background: var(--ib-hover);
  color: var(--ib-ink);
  text-decoration: none;
}

.ib-toc__link:focus-visible {
  outline: 2px solid var(--ib-action);
  outline-offset: 0;
}

@container ib-blocks (max-width: 600px) {
  .ib-block-doc__grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .ib-block-doc .ib-toc {
    order: -1;
    position: static;
  }
}

/* [project]/src/styles/block-cta.css [app-client] (css) */
.ib-block-cta {
  --ib-block-py: var(--ib-10);
}

.ib-block-cta:not(.ib-mass) {
  background: var(--ib-paper);
}

.ib-block-cta--buttons-only.ib-block {
  --ib-block-py: var(--ib-4);
}

.ib-block-cta .ib-block__in {
  justify-content: space-between;
  align-items: center;
  gap: var(--ib-4) var(--ib-10);
  flex-wrap: wrap;
  display: flex;
}

.ib-block-cta__title {
  font-size: var(--ib-fs-24);
  font-weight: var(--ib-w-semibold);
  letter-spacing: -.02em;
  color: var(--ib-ink);
  margin: 0;
}

.ib-block-cta__text {
  margin-top: var(--ib-1);
  max-width: 56ch;
  color: var(--ib-dim);
}

.ib-block-cta__acts {
  gap: var(--ib-3);
  flex-wrap: wrap;
  width: 100%;
  display: flex;
}

.ib-block-cta--actions-start .ib-block-cta__acts {
  justify-content: flex-start;
}

.ib-block-cta--actions-center .ib-block-cta__acts {
  justify-content: center;
}

.ib-block-cta--actions-end .ib-block-cta__acts {
  justify-content: flex-end;
}

.ib-mass .ib-block-cta__title {
  color: var(--ib-on-brand);
}

.ib-mass .ib-block-cta__text {
  color: var(--ib-on-brand-2);
}

@container ib-blocks (max-width: 520px) {
  .ib-block-cta__acts {
    width: 100%;
  }

  .ib-block-cta__acts .ib-btn {
    flex: 1;
  }
}

.ib-block-cta__status {
  cursor: default;
  pointer-events: none;
  opacity: .7;
}

.ib-block-cta__reserved {
  visibility: hidden;
  pointer-events: none;
}

/* [project]/src/styles/block-countdown.css [app-client] (css) */
.ib-block-countdown .ib-block__in {
  align-items: center;
  gap: var(--ib-6) var(--ib-10);
  grid-template-columns: minmax(0, 1fr) auto;
  display: grid;
}

.ib-block-countdown--text-start:not(.ib-block-countdown--center):not(.ib-block-countdown--timer-only) .ib-block__in > div:first-child {
  align-self: start;
}

.ib-block-countdown--text-end:not(.ib-block-countdown--center):not(.ib-block-countdown--timer-only) .ib-block__in > div:first-child {
  align-self: end;
}

.ib-block-countdown__title {
  font-size: var(--ib-fs-24);
  font-weight: var(--ib-w-semibold);
  letter-spacing: -.02em;
  color: var(--ib-ink);
  margin: 0;
}

.ib-block-countdown__text {
  margin-top: var(--ib-1);
  max-width: 48ch;
  color: var(--ib-dim);
}

.ib-block-countdown__side {
  align-items: flex-end;
  gap: var(--ib-4);
  flex-direction: column;
  display: flex;
}

.ib-block-countdown--actions-start .ib-block-countdown__side > .ib-btn {
  align-self: flex-start;
}

.ib-block-countdown--actions-center .ib-block-countdown__side > .ib-btn {
  align-self: center;
}

.ib-block-countdown__side .ib-timer {
  text-align: right;
  align-items: flex-end;
}

.ib-block-countdown--timer-xl .ib-timer__part strong {
  font-size: clamp(42px, 7cqi, 88px);
}

.ib-block-countdown--frame .ib-block__in {
  padding: var(--ib-6);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-lg);
  background: var(--ib-surface);
}

.ib-block-countdown--center .ib-block__in, .ib-block-countdown--timer-only .ib-block__in {
  text-align: center;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.ib-block-countdown--center .ib-block-countdown__side, .ib-block-countdown--timer-only .ib-block-countdown__side {
  width: 100%;
  max-width: 100%;
}

.ib-block-countdown--center .ib-block-countdown__side, .ib-block-countdown--center .ib-block-countdown__side .ib-timer, .ib-block-countdown--timer-only .ib-block-countdown__side, .ib-block-countdown--timer-only .ib-timer {
  text-align: center;
  align-items: center;
}

.ib-mass .ib-block-countdown__title {
  color: var(--ib-on-brand);
}

.ib-mass .ib-block-countdown__text {
  color: var(--ib-on-brand-2);
}

@container ib-blocks (max-width: 600px) {
  .ib-block-countdown .ib-block__in {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .ib-block-countdown--text-start .ib-block__in > div:first-child, .ib-block-countdown--text-end .ib-block__in > div:first-child {
    align-self: stretch;
  }

  .ib-block-countdown--center .ib-block__in, .ib-block-countdown--timer-only .ib-block__in {
    align-items: center;
  }

  .ib-block-countdown__side, .ib-block-countdown__side .ib-timer {
    text-align: left;
    align-items: flex-start;
  }
}

@container ib-blocks (max-width: 480px) {
  .ib-block-countdown .ib-timer--compact .ib-timer__value {
    font-size: clamp(20px, 6cqi, 30px);
  }

  .ib-block-countdown--timer-xl .ib-timer--compact .ib-timer__value {
    font-size: clamp(24px, 7cqi, 34px);
  }
}

/* [project]/src/styles/block-divider.css [app-client] (css) */
.ib-block.ib-block-divider {
  height: var(--ib-12);
  padding: 0 var(--ib-block-px);
  align-items: center;
  display: flex;
  border-top: 0 !important;
}

.ib-block-divider--sm {
  height: var(--ib-6) !important;
}

.ib-block-divider--lg {
  height: 96px !important;
}

.ib-block-divider .ib-block__in {
  width: 100%;
}

.ib-block-divider--line .ib-block__in {
  background: var(--ib-line);
  height: 1px;
}

/* [project]/src/styles/event.css [app-client] (css) */
html {
  background: var(--ib-paper) !important;
}

body.event-root {
  min-height: 100dvh;
  color: var(--ib-body);
  font: var(--ib-w-regular) var(--ib-fs-14)/var(--ib-lh-body) var(--ib-font);
  display: block;
  background: var(--ib-paper) !important;
}

body.event-root main {
  overflow-x: visible;
}

.event-guest-shell {
  background: var(--ib-paper);
  flex-direction: column;
  min-height: 100dvh;
  display: flex;
}

.event-guest-main {
  flex: 1;
  min-width: 0;
}

.event-navbar .ib-navbar__bar {
  gap: var(--ib-3);
  max-width: 1280px;
  padding-inline: var(--ib-6);
}

.event-navbar .ib-navbar__name {
  text-overflow: ellipsis;
  max-width: clamp(130px, 17vw, 240px);
  font-size: var(--ib-fs-14);
  display: block;
  overflow: hidden;
}

.event-navbar .ib-navbar__nav {
  margin-left: 0;
}

.event-navbar .ib-navbar__link {
  padding-inline: var(--ib-2);
  font-size: var(--ib-fs-13);
}

.event-navbar .event-manage-entry {
  white-space: nowrap;
  font-size: var(--ib-fs-12);
}

.event-navbar .ib-navbar__nav {
  position: relative;
}

.event-navbar__measure {
  visibility: hidden;
  pointer-events: none;
  white-space: nowrap;
  max-width: none;
  position: absolute;
  top: 0;
  left: 0;
  overflow: visible;
}

.event-navbar__more-measure {
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
}

.event-navbar__more-menu {
  z-index: 70;
  min-width: 200px;
  max-width: min(320px, 90vw);
  padding: var(--ib-1);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-lg);
  background: var(--ib-raised);
}

.event-navbar__more-menu a {
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: var(--ib-2) var(--ib-3);
  border-radius: var(--ib-r-sm);
  color: var(--ib-body);
  text-decoration: none;
  display: block;
  overflow: hidden;
}

.event-navbar__more-menu a:hover, .event-navbar__more-menu a[aria-current="page"] {
  background: var(--ib-soft);
  color: var(--ib-ink);
}

.event-navbar__icon, .event-account__trigger {
  border-radius: var(--ib-r);
  width: 36px;
  height: 36px;
  color: var(--ib-dim);
  cursor: pointer;
  background: none;
  border: 0;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.event-navbar__icon:hover, .event-account__trigger:hover {
  background: var(--ib-soft);
  color: var(--ib-ink);
}

.event-navbar__icon:disabled {
  opacity: .55;
  cursor: default;
}

.event-account__trigger {
  background: var(--ib-soft);
  color: var(--ib-ink);
  border-radius: 50%;
}

.event-account__avatar {
  background: var(--ib-brand);
  width: 32px;
  height: 32px;
  color: var(--ib-on-brand);
  font-size: var(--ib-fs-12);
  font-weight: var(--ib-w-semibold);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  overflow: hidden;
}

.event-account__avatar img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.event-account__menu {
  z-index: 70;
  width: 220px;
  padding: var(--ib-1);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-lg);
  background: var(--ib-raised);
}

.event-account__menu a, .event-account__menu button {
  align-items: center;
  gap: var(--ib-2);
  width: 100%;
  min-height: 40px;
  padding: 0 var(--ib-3);
  border-radius: var(--ib-r-sm);
  color: var(--ib-body);
  font: var(--ib-w-medium) var(--ib-fs-13)/1 var(--ib-font);
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  text-decoration: none;
  display: flex;
}

.event-account__menu a:hover, .event-account__menu button:hover {
  background: var(--ib-soft);
  color: var(--ib-ink);
  text-decoration: none;
}

.event-account__menu a > svg, .event-account__menu button > svg {
  color: var(--ib-dim);
  flex: none;
}

.event-account__menu a:hover > svg, .event-account__menu button:hover > svg, .event-account__menu a:focus-visible > svg, .event-account__menu button:focus-visible > svg {
  color: var(--ib-ink);
}

.event-account__head {
  min-width: 0;
  margin: 0 calc(-1 * var(--ib-1)) var(--ib-1);
  padding: var(--ib-2) var(--ib-3) 10px;
  border-bottom: 1px solid var(--ib-line);
  flex-direction: column;
  gap: 2px;
  display: flex;
}

.event-account__head b {
  color: var(--ib-ink);
  font-size: var(--ib-fs-14);
  font-weight: var(--ib-w-semibold);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.event-account__head span {
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.event-account__sep {
  height: 1px;
  margin: var(--ib-1) calc(-1 * var(--ib-1));
  background: var(--ib-line);
  border: 0;
}

.event-account__theme {
  display: none;
}

@media (max-width: 760px) {
  .event-account__menu {
    width: min(290px, 100vw - 24px);
  }

  .event-account__theme {
    justify-content: space-between;
    align-items: center;
    gap: var(--ib-3);
    padding: var(--ib-2) var(--ib-3);
    border-top: 1px solid var(--ib-line);
    color: var(--ib-dim);
    font-size: var(--ib-fs-13);
    display: flex;
  }

  .event-account__theme .event-theme-toggle {
    flex: none;
  }

  .event-account__theme .event-theme-toggle button {
    justify-content: center;
    width: 32px;
    height: 32px;
    min-height: 0;
    padding: 0;
  }

  .event-header-theme--desktop, .event-header-divider {
    display: none;
  }
}

.event-account__error {
  margin: var(--ib-2) var(--ib-3);
  color: var(--ib-danger);
  font-size: var(--ib-fs-12);
}

.event-manage-frame {
  flex-direction: column;
  height: 100dvh;
  min-height: 0;
  display: flex;
}

.event-manage-frame > .event-navbar {
  flex: none;
}

.event-manage-frame > .event-manage-shell {
  flex: 1;
  height: auto;
  min-height: 0;
}

@container ib-navbar (max-width: 760px) {
  .event-navbar .ib-navbar__bar {
    padding-inline: var(--ib-4);
  }

  .event-navbar .event-manage-entry {
    display: none;
  }
}

@container ib-navbar (max-width: 480px) {
  .event-navbar .ib-navbar__brand {
    flex: 1;
    overflow: hidden;
  }

  .event-navbar .ib-navbar__name {
    min-width: 0;
    max-width: none;
  }

  .event-navbar .ib-navbar__actions {
    margin-left: 0;
  }
}

.event-navbar__mobile-theme {
  display: none;
}

@media (max-width: 760px) {
  .event-navbar__mobile-theme {
    justify-content: space-between;
    align-items: center;
    gap: var(--ib-3);
    padding-top: var(--ib-3);
    font-size: var(--ib-fs-13);
    color: var(--ib-dim);
    display: flex;
  }
}

.event-vpn-page {
  gap: var(--ib-5);
  max-width: 900px;
  padding: var(--ib-10) var(--ib-6) var(--ib-16);
  margin: 0 auto;
  display: grid;
}

.event-vpn-heading {
  align-items: flex-start;
  gap: var(--ib-4);
  margin-bottom: var(--ib-2);
  display: flex;
}

.event-vpn-heading h1 {
  color: var(--ib-ink);
  margin: 0;
  font-size: clamp(28px, 4vw, 40px);
  line-height: 1.15;
}

.event-vpn-heading p {
  margin: var(--ib-2) 0 0;
  color: var(--ib-dim);
}

.event-vpn-heading .event-manage-eyebrow {
  margin: 0 0 var(--ib-2);
}

.event-vpn-icon {
  border-radius: var(--ib-r-lg);
  background: var(--ib-soft);
  width: 48px;
  height: 48px;
  color: var(--ib-action);
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.event-vpn-card, .event-vpn-state {
  padding: var(--ib-6);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-lg);
  background: var(--ib-surface);
}

.event-vpn-card h2, .event-vpn-state h2 {
  margin: 0 0 var(--ib-2);
  color: var(--ib-ink);
  font-size: var(--ib-fs-20);
}

.event-vpn-card p, .event-vpn-state p {
  max-width: 65ch;
  margin: 0 0 var(--ib-5);
  color: var(--ib-dim);
}

.event-vpn-card .ib-btn {
  align-items: center;
  gap: var(--ib-2);
  display: inline-flex;
}

.event-vpn-command {
  align-items: center;
  gap: var(--ib-3);
  margin-top: var(--ib-6);
  padding: var(--ib-3) var(--ib-4);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r);
  background: var(--ib-paper);
  display: flex;
}

.event-vpn-command span {
  color: var(--ib-dim);
}

.event-vpn-command code {
  color: var(--ib-ink);
  font: var(--ib-w-medium) var(--ib-fs-14)/1.3 var(--ib-mono);
  margin-left: auto;
}

.event-vpn-command button {
  border-radius: var(--ib-r-sm);
  width: 32px;
  height: 32px;
  color: var(--ib-dim);
  cursor: pointer;
  background: none;
  border: 0;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.event-vpn-command button:hover {
  background: var(--ib-soft);
  color: var(--ib-ink);
}

.event-vpn-feedback {
  color: var(--ib-danger);
}

@media (max-width: 640px) {
  .event-vpn-page {
    padding: var(--ib-6) var(--ib-4);
  }

  .event-vpn-card, .event-vpn-state {
    padding: var(--ib-4);
  }

  .event-vpn-command {
    flex-wrap: wrap;
  }

  .event-vpn-command span {
    width: 100%;
  }

  .event-vpn-command code {
    margin-left: 0;
  }
}

.event-team-page {
  gap: var(--ib-5);
  max-width: 900px;
  padding: var(--ib-10) var(--ib-6) var(--ib-16);
  margin: 0 auto;
  display: grid;
}

.event-team-heading {
  align-items: center;
  gap: var(--ib-4);
  display: flex;
}

.event-team-heading h1 {
  color: var(--ib-ink);
  margin: 0;
  font-size: clamp(28px, 4vw, 40px);
}

.event-team-heading .event-manage-eyebrow {
  margin: 0 0 var(--ib-2);
}

.event-team-name {
  font-size: var(--ib-fs-20);
  font-weight: var(--ib-w-semibold);
  color: var(--ib-ink) !important;
}

.event-team-tabs {
  gap: var(--ib-1);
  width: max-content;
  max-width: 100%;
  margin-bottom: var(--ib-5);
  padding: var(--ib-1);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r);
  background: var(--ib-paper);
  display: flex;
}

.event-team-tabs button {
  padding: var(--ib-2) var(--ib-3);
  border-radius: var(--ib-r-sm);
  color: var(--ib-dim);
  font: var(--ib-w-medium) var(--ib-fs-14)/1.2 var(--ib-font);
  cursor: pointer;
  background: none;
  border: 0;
}

.event-team-tabs button[aria-pressed="true"] {
  background: var(--ib-surface);
  color: var(--ib-ink);
}

.event-team-form {
  gap: var(--ib-4);
  max-width: 460px;
  display: grid;
}

.event-team-form label {
  gap: var(--ib-2);
  color: var(--ib-ink);
  font-weight: var(--ib-w-medium);
  display: grid;
}

.event-team-form .ib-btn {
  justify-self: start;
}

@media (max-width: 640px) {
  .event-team-page {
    padding: var(--ib-6) var(--ib-4);
  }
}

.event-page-content:has(.ib-blocks) {
  padding: 0;
}

.event-landing, .event-page-content > .ib-blocks {
  padding: 0 0 var(--ib-12);
  gap: 0;
}

.event-landing > .ib-blocks {
  gap: 0;
  padding: 0;
}

.event-guest-main .ib-blocks > .ib-block, .event-landing > .ib-block {
  border: 0;
  border-radius: 0;
  overflow: hidden;
}

.event-guest-main .ib-blocks > .ib-block:not(.ib-mass) {
  background: var(--ib-paper);
}

.event-landing > .ib-blocks {
  container: ib-blocks / inline-size;
}

.event-content-empty {
  color: var(--ib-dim);
}

.event-landing .ib-block-hero__by {
  margin: 0;
}

.event-landing .ib-block-hero__title {
  max-width: 14ch;
}

.event-landing .ib-block-hero__facts {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 520px) {
  .event-landing .ib-block-hero__facts {
    grid-template-columns: minmax(0, 1fr);
  }
}

.event-page-content {
  width: 100%;
  max-width: 1280px;
  padding: var(--ib-8) var(--ib-6) var(--ib-12);
  margin: 0 auto;
}

.event-page-content .ib-blocks > .ib-block {
  --ib-block-px: var(--ib-6);
  --ib-block-max: none;
}

@media (max-width: 760px) {
  .event-page-content .ib-blocks > .ib-block {
    --ib-block-px: var(--ib-4);
  }
}

.event-guest-main {
  flex-direction: column;
  display: flex;
}

.event-page-content {
  flex-direction: column;
  flex: 1 0 auto;
  display: flex;
}

.event-page-content > :last-child {
  flex: 1 0 auto;
}

.event-page-content > .event-private-preview-banner:last-child {
  flex: none;
}

.event-page-content .ib-board__empty {
  flex-direction: column;
  flex: 1 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.ib-footer--event .ib-footer__org > span:first-child {
  margin: 0;
}

.event-page-content > .event-shell-state {
  background: none;
  min-height: max(60dvh, 240px);
  padding-inline: 0;
}

.event-join-banner {
  justify-content: space-between;
  align-items: center;
  gap: var(--ib-4);
  margin: 0 0 var(--ib-5);
  padding: var(--ib-4) var(--ib-5);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r);
  background: var(--ib-surface);
  font-size: var(--ib-fs-14);
  display: flex;
}

.event-join-page {
  max-width: 880px;
  margin: 0 auto;
}

.event-join-card {
  gap: var(--ib-5);
  padding: var(--ib-6);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r);
  background: var(--ib-surface);
  display: grid;
}

.event-join-card h1, .event-join-card h2, .event-join-card h3, .event-join-card p {
  margin: 0;
}

.event-join-card h1 {
  font-size: var(--ib-fs-24);
}

.event-join-card h2 {
  font-size: var(--ib-fs-18);
}

.event-join-card h3 {
  font-size: var(--ib-fs-16);
}

.event-join-card > .ib-btn {
  justify-self: end;
}

.event-join-back {
  color: var(--ib-dim);
  font-size: var(--ib-fs-13);
  justify-self: start;
}

.event-join-form {
  gap: var(--ib-5);
  padding-top: var(--ib-4);
  border-top: 1px solid var(--ib-line);
  display: grid;
}

.event-join-form > p, .event-join-question > p {
  color: var(--ib-dim);
  font-size: var(--ib-fs-13);
}

.event-join-question {
  gap: var(--ib-2);
  display: grid;
}

fieldset.event-join-question {
  border: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.event-join-question > label:first-child {
  font-size: var(--ib-fs-14);
  align-items: baseline;
  gap: 3px;
  display: flex;
}

.event-join-input {
  width: 100%;
  min-height: 40px;
  padding: var(--ib-2) var(--ib-3);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-sm);
  background: var(--ib-paper);
  color: var(--ib-body);
  font: inherit;
}

.event-join-input:focus-visible {
  outline: 2px solid var(--ib-action);
  outline-offset: 1px;
}

.event-join-options {
  gap: var(--ib-2);
  display: grid;
}

.event-join-choice {
  align-items: center;
  gap: var(--ib-2);
  font-size: var(--ib-fs-14);
  display: flex;
}

.event-join-choice input {
  accent-color: var(--ib-action);
}

.event-join-markdown {
  font-size: var(--ib-fs-14);
  line-height: 1.55;
}

.event-join-error {
  color: var(--ib-danger);
  font-size: var(--ib-fs-13);
}

.event-join-actions {
  gap: var(--ib-3);
  flex-wrap: wrap;
  display: flex;
}

.event-forms-notice {
  align-items: center;
  gap: var(--ib-3);
  margin-bottom: var(--ib-5);
  padding: var(--ib-3) var(--ib-4);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-sm);
  background: var(--ib-surface);
  font-size: var(--ib-fs-13);
  display: flex;
}

.event-forms-notice > svg {
  color: var(--ib-action);
  flex: none;
}

.event-forms-notice > div {
  flex: 1;
  min-width: 0;
}

.event-forms-notice strong {
  color: var(--ib-ink);
}

.event-forms-notice p {
  margin: var(--ib-1) 0 0;
  color: var(--ib-dim);
}

.event-forms-page {
  gap: var(--ib-5);
  display: grid;
}

.event-forms-page header {
  gap: var(--ib-2);
  display: grid;
}

.event-forms-page h1, .event-forms-page h2, .event-forms-page p {
  margin: 0;
}

.event-forms-page h1 {
  font-size: var(--ib-fs-24);
}

.event-forms-page header p, .event-forms-page__state p {
  color: var(--ib-dim);
  font-size: var(--ib-fs-14);
}

.event-forms-page__layout {
  align-items: start;
  gap: var(--ib-5);
  grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
  display: grid;
}

.event-forms-page__list, .event-forms-page__detail, .event-forms-page__state {
  min-width: 0;
  padding: var(--ib-5);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r);
  background: var(--ib-surface);
}

.event-forms-page__list {
  gap: var(--ib-2);
  display: grid;
}

.event-forms-page__item {
  gap: var(--ib-2);
  width: 100%;
  padding: var(--ib-3);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-sm);
  background: var(--ib-paper);
  color: var(--ib-body);
  font: inherit;
  text-align: left;
  cursor: pointer;
  display: grid;
}

.event-forms-page__item:hover, .event-forms-page__item.is-selected {
  border-color: var(--ib-action);
  background: var(--ib-soft);
}

.event-forms-page__item span {
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
}

.event-forms-page__detail {
  gap: var(--ib-5);
  display: grid;
}

.event-forms-page__detail-head {
  justify-content: space-between;
  align-items: baseline;
  gap: var(--ib-3);
  display: flex;
}

.event-forms-page__detail-head h2 {
  font-size: var(--ib-fs-18);
}

.event-forms-page__detail-head span {
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
}

.event-forms-page__detail > .ib-btn {
  justify-self: end;
}

.event-forms-page__state {
  gap: var(--ib-3);
  display: grid;
}

@media (max-width: 720px) {
  .event-forms-page__layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .event-forms-notice {
    flex-wrap: wrap;
  }

  .event-forms-notice .ib-btn {
    margin-left: auto;
  }
}

.event-shell-state {
  justify-content: center;
  align-items: center;
  gap: var(--ib-4);
  min-height: 100dvh;
  padding: var(--ib-6);
  background: var(--ib-paper);
  color: var(--ib-body);
  text-align: center;
  flex-direction: column;
  display: flex;
}

.event-shell-state h1 {
  max-width: 40ch;
}

.event-shell-state p {
  max-width: 52ch;
}

.event-block-state {
  min-height: var(--event-block-state-h, 240px);
  justify-content: center;
  align-items: center;
  gap: var(--ib-3);
  padding: var(--ib-6);
  text-align: center;
  flex-direction: column;
  flex: auto;
  display: flex;
}

.event-block-state--compact {
  --event-block-state-h: 160px;
  padding: var(--ib-4);
}

.event-block-state--compact .event-loading-logo {
  width: 40px;
  height: 40px;
}

.event-loading-logo {
  object-fit: contain;
  width: 64px;
  height: 64px;
  animation: 1.8s ease-in-out infinite event-loading-pulse;
}

.event-loading-label {
  color: var(--ib-dim);
  font-size: var(--ib-fs-13);
}

@keyframes event-loading-pulse {
  50% {
    opacity: .45;
    transform: scale(.94);
  }
}

@media (prefers-reduced-motion: reduce) {
  .event-loading-logo {
    animation: none;
  }
}

.event-private-preview-banner {
  padding: .75rem max(var(--ib-6),calc((100% - 1280px) / 2 + var(--ib-6)));
  background: var(--ib-paper);
  border-bottom: 1px solid var(--ib-line);
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  font-size: .875rem;
  display: flex;
}

.event-private-preview-banner a {
  color: var(--ib-ink);
  text-underline-offset: 3px;
  font-weight: 650;
  text-decoration: underline;
}

.event-theme-toggle {
  border: 1px solid var(--ib-line);
  border-radius: 6px;
  align-items: center;
  gap: 2px;
  padding: 2px;
  display: inline-flex;
}

.event-theme-toggle button {
  width: 32px;
  height: 32px;
  color: var(--ib-dim);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: inline-flex;
}

.event-theme-toggle button:hover {
  background: var(--ib-soft);
  color: var(--ib-ink);
}

.event-theme-toggle button[aria-checked="true"] {
  background: var(--ib-hero);
  color: var(--ib-ink);
}

.event-theme-toggle button:focus-visible {
  outline: 2px solid var(--ib-action);
  outline-offset: 1px;
}

.ib-event-shell__backdrop {
  cursor: pointer;
  border: 0;
  padding: 0;
}

@media (max-width: 760px) {
  .event-page-content {
    padding: var(--ib-6) var(--ib-4) var(--ib-10);
  }

  .event-private-preview-banner {
    padding-inline: var(--ib-4);
  }
}

@media (max-width: 600px) {
  .event-join-banner {
    padding: var(--ib-4);
    flex-direction: column;
    align-items: flex-start;
  }

  .event-join-card {
    padding: var(--ib-5);
  }
}

@media (max-width: 760px) {
  .event-landing, .event-page-content > .ib-blocks {
    padding: var(--ib-4) 0 var(--ib-8);
    gap: 0;
  }

  .event-landing > .ib-blocks {
    padding: 0;
  }
}

.ib-footer--event .ib-footer__inner {
  max-width: 1280px;
  padding-inline: var(--ib-6);
}

@media (max-width: 760px) {
  .ib-footer--event .ib-footer__inner {
    padding-inline: var(--ib-4);
  }
}

.event-notification-card__source {
  margin-left: var(--ib-2);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r);
  color: var(--ib-dim);
  font-size: 11px;
  font-weight: var(--ib-w-medium);
  vertical-align: 1px;
  align-items: center;
  padding: 0 6px;
  line-height: 18px;
  display: inline-flex;
}

/* [project]/src/styles/input.css [app-client] (css) */
:root, [data-theme="light"] {
  --ib-field-bg: var(--ib-surface);
}

[data-theme="dark"] {
  --ib-field-bg: var(--ib-paper);
}

.ib-input {
  width: 100%;
  height: var(--ib-control-h-lg);
  padding: 0 var(--ib-3);
  border: 1px solid var(--ib-control);
  border-radius: var(--ib-r);
  background: var(--ib-field-bg);
  color: var(--ib-ink);
  font: var(--ib-w-regular) var(--ib-fs-14)/var(--ib-lh-ui) var(--ib-font);
  caret-color: var(--ib-action);
  transition: border-color var(--ib-dur-fast) var(--ib-ease);
  margin: 0;
  display: block;
}

.ib-input::placeholder {
  color: var(--ib-faint);
  opacity: 1;
}

.ib-input:hover, .ib-input.is-hover {
  border-color: var(--ib-dim);
}

.ib-input:focus, .ib-input.is-focus {
  outline: 2px solid var(--ib-action);
  outline-offset: -1px;
  border-color: var(--ib-action);
}

.ib-input[aria-invalid="true"], .ib-input.is-invalid {
  border-color: var(--ib-danger);
}

.ib-input[aria-invalid="true"]:focus, .ib-input.is-invalid.is-focus {
  outline-color: var(--ib-danger);
  border-color: var(--ib-danger);
}

.ib-input:disabled {
  background: color-mix(in srgb,var(--ib-ink) 4%,var(--ib-field-bg));
  border-color: var(--ib-line);
  color: var(--ib-faint);
  cursor: not-allowed;
}

.ib-input[readonly] {
  background: var(--ib-paper);
  border-color: var(--ib-line);
  color: var(--ib-dim);
}

.ib-input--sm {
  height: var(--ib-control-h);
  font-size: var(--ib-fs-13);
}

.ib-input--mono {
  font-family: var(--ib-mono);
  font-size: var(--ib-fs-14);
  letter-spacing: 0;
}

.ib-input--code {
  font-family: var(--ib-mono);
  letter-spacing: .2em;
  text-align: center;
  width: 140px;
}

.ib-kbd {
  min-width: 18px;
  height: 18px;
  font: var(--ib-w-medium) var(--ib-fs-11)/1 var(--ib-mono);
  color: var(--ib-faint);
  background: var(--ib-surface);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-sm);
  border-bottom-width: 2px;
  justify-content: center;
  align-items: center;
  padding: 0 5px;
  display: inline-flex;
}

.ib-input-wrap {
  width: 100%;
  display: block;
  position: relative;
}

.ib-input-wrap > svg {
  width: 16px;
  height: 16px;
  color: var(--ib-faint);
  pointer-events: none;
  stroke: currentColor;
  fill: none;
  stroke-width: 1.6px;
  stroke-linecap: round;
  stroke-linejoin: round;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  left: 10px;
}

.ib-input-wrap--search .ib-input {
  padding-left: 34px;
  padding-right: 36px;
}

.ib-input-wrap--search .ib-kbd {
  pointer-events: none;
  margin-top: -9px;
  position: absolute;
  top: 50%;
  right: 10px;
}

.ib-input-wrap--search .ib-input:focus ~ .ib-kbd, .ib-input-wrap--search .ib-input:not(:placeholder-shown) ~ .ib-kbd {
  display: none;
}

.ib-input-wrap--password .ib-input {
  padding-right: 96px;
}

.ib-input__reveal {
  border-radius: var(--ib-r-sm);
  color: var(--ib-dim);
  font: var(--ib-w-medium) var(--ib-fs-13)/1 var(--ib-font);
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  padding: 0 10px;
  display: inline-flex;
  position: absolute;
  top: 4px;
  bottom: 4px;
  right: 4px;
}

.ib-input__reveal:hover, .ib-input__reveal.is-hover {
  color: var(--ib-ink);
  background: color-mix(in srgb,var(--ib-ink) 6%,transparent);
}

.ib-input__reveal:focus-visible {
  outline: 2px solid var(--ib-action);
  outline-offset: 0;
}

.ib-input:disabled ~ .ib-input__reveal {
  display: none;
}

.ib-input-wrap--password > .event-manage-input {
  padding-right: 96px;
}

input[type="number"] {
  appearance: textfield;
}

input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* [project]/src/styles/field.css [app-client] (css) */
.ib-field {
  flex-direction: column;
  gap: 6px;
  min-width: 0;
  display: flex;
}

.ib-field__row {
  justify-content: space-between;
  align-items: baseline;
  gap: var(--ib-3);
  display: flex;
}

.ib-field__label {
  font-size: var(--ib-fs-13);
  font-weight: var(--ib-w-medium);
  color: var(--ib-ink);
  line-height: var(--ib-lh-ui);
}

.ib-field__opt {
  font-weight: var(--ib-w-regular);
  color: var(--ib-dim);
  margin-left: 6px;
}

.ib-field__req {
  color: var(--ib-danger);
  font-weight: var(--ib-w-semibold);
  margin-left: 2px;
}

.ib-field__aside {
  font-size: var(--ib-fs-13);
}

.ib-field__hint {
  font-size: var(--ib-fs-12);
  color: var(--ib-dim);
  line-height: var(--ib-lh-ui);
}

.ib-field__error {
  font-size: var(--ib-fs-13);
  color: var(--ib-danger);
  font-weight: var(--ib-w-medium);
  line-height: var(--ib-lh-ui);
  align-items: flex-start;
  gap: 6px;
  display: flex;
}

.ib-field__error:empty {
  display: none;
}

.ib-field__error > svg {
  stroke: currentColor;
  fill: none;
  stroke-width: 1.6px;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: none;
  width: 16px;
  height: 16px;
  margin-top: 0;
}

.ib-field.is-disabled .ib-field__label {
  color: var(--ib-faint);
}

.ib-field--inline {
  column-gap: var(--ib-4);
  grid-template-columns: minmax(120px, 200px) 1fr;
  align-items: center;
  display: grid;
}

.ib-field--inline > .ib-field__hint, .ib-field--inline > .ib-field__error {
  grid-column: 2;
}

.ib-form {
  flex-direction: column;
  gap: 14px;
  display: flex;
}

/* [project]/src/styles/link.css [app-client] (css) */
.ib-link {
  color: var(--ib-action);
  font: inherit;
  font-weight: var(--ib-w-medium);
  text-underline-offset: 3px;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  -webkit-text-decoration-color: color-mix(in srgb,currentColor 45%,transparent);
  text-decoration-color: color-mix(in srgb,currentColor 45%,transparent);
  cursor: pointer;
  border-radius: var(--ib-r-sm);
  transition: text-decoration-color var(--ib-dur-fast) var(--ib-ease),color var(--ib-dur-fast) var(--ib-ease);
  background: none;
  border: 0;
  padding: 0;
}

.ib-link:hover, .ib-link.is-hover {
  color: var(--ib-action-hover);
  text-decoration-color: currentColor;
}

.ib-link:focus-visible, .ib-link.is-focus {
  outline: 2px solid var(--ib-action);
  outline-offset: 2px;
  text-decoration-color: currentColor;
}

.ib-link:visited {
  color: var(--ib-action);
}

.ib-link--standalone, .ib-link--external {
  align-items: center;
  gap: var(--ib-1);
  text-decoration-color: #0000;
  display: inline-flex;
}

.ib-link--standalone:hover, .ib-link--standalone.is-hover, .ib-link--external:hover, .ib-link--external.is-hover {
  text-decoration-color: currentColor;
}

.ib-link > svg {
  stroke: currentColor;
  fill: none;
  stroke-width: 1.8px;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: none;
  width: 14px;
  height: 14px;
}

.ib-link--dim {
  color: var(--ib-dim);
  font-weight: var(--ib-w-regular);
}

.ib-link--dim:hover, .ib-link--dim.is-hover {
  color: var(--ib-ink);
}

.ib-link--mass, .ib-link--mass:visited, .ib-link--mass:hover, .ib-link--mass.is-hover {
  color: var(--ib-on-brand);
}

.ib-link--mass:focus-visible, .ib-link--mass.is-focus {
  outline-color: var(--ib-on-brand);
}

.ib-link[aria-disabled="true"] {
  color: var(--ib-faint);
  cursor: not-allowed;
  pointer-events: none;
  text-decoration: none;
}

/* [project]/src/styles/tag.css [app-client] (css) */
:root, [data-theme="light"] {
  --ib-tag-bg: var(--ib-paper);
}

[data-theme="dark"] {
  --ib-tag-bg: var(--ib-surface);
}

.ib-tag {
  align-items: center;
  gap: var(--ib-1);
  height: 22px;
  padding: 0 var(--ib-2);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-sm);
  background: var(--ib-tag-bg);
  max-width: 100%;
  color: var(--ib-dim);
  font: var(--ib-w-medium) var(--ib-fs-12)/1 var(--ib-font);
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
  display: inline-flex;
  overflow: hidden;
}

.ib-tag > svg {
  stroke: currentColor;
  fill: none;
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: none;
  width: 13px;
  height: 13px;
}

.ib-tag--sm {
  height: 20px;
  font-size: var(--ib-fs-11);
  padding: 0 6px;
}

.ib-tag--category {
  background: var(--ib-soft);
  color: var(--ib-ink);
  border-color: #0000;
}

.ib-tag--role {
  border-color: var(--ib-control);
  color: var(--ib-ink);
  background: none;
}

.ib-tag--ok {
  background: var(--ib-ok-bg);
  color: var(--ib-ok);
  border-color: #0000;
}

.ib-tag--danger {
  background: var(--ib-danger-bg);
  color: var(--ib-danger);
  border-color: #0000;
}

.ib-tag--warn {
  background: var(--ib-warn-bg);
  color: var(--ib-warn);
  border-color: #0000;
}

.ib-tag--mass {
  border-color: var(--ib-brand-line);
  color: var(--ib-on-brand-2);
  background: none;
}

.ib-tag--mono {
  font-family: var(--ib-mono);
  font-weight: var(--ib-w-regular);
}

button.ib-tag {
  color: var(--ib-ink);
  cursor: pointer;
  transition: border-color var(--ib-dur-fast) var(--ib-ease),background-color var(--ib-dur-fast) var(--ib-ease);
  margin: 0;
}

button.ib-tag:hover, button.ib-tag.is-hover {
  border-color: var(--ib-control);
}

button.ib-tag:focus-visible, button.ib-tag.is-focus {
  outline: 2px solid var(--ib-action);
  outline-offset: 1px;
}

button.ib-tag:disabled {
  color: var(--ib-faint);
  cursor: not-allowed;
  border-color: var(--ib-line);
}

/* [project]/src/styles/tabs.css [app-client] (css) */
.ib-tabs {
  gap: var(--ib-5);
  border-bottom: 1px solid var(--ib-line);
  display: flex;
}

.ib-tabs--scroll {
  scrollbar-width: none;
  padding-top: 4px;
  overflow-x: auto;
}

.ib-tabs--scroll::-webkit-scrollbar {
  display: none;
}

.ib-tabs.ib-tabs--scroll > [role="tab"]:focus-visible {
  outline-offset: -2px;
}

.ib-tabs > [role="tab"] {
  color: var(--ib-dim);
  font: var(--ib-w-medium) var(--ib-fs-14)/var(--ib-lh-ui) var(--ib-font);
  cursor: pointer;
  white-space: nowrap;
  transition: color var(--ib-dur-fast) var(--ib-ease),border-color var(--ib-dur-fast) var(--ib-ease);
  background: none;
  border: 0;
  border-bottom: 2px solid #0000;
  flex: none;
  align-items: center;
  gap: 6px;
  margin-bottom: -1px;
  padding: 10px 0;
  display: inline-flex;
  position: relative;
}

.ib-tabs > [role="tab"]:hover, .ib-tabs > [role="tab"].is-hover {
  color: var(--ib-ink);
  border-bottom-color: var(--ib-line);
}

.ib-tabs > [role="tab"]:focus-visible, .ib-tabs > [role="tab"].is-focus {
  outline: 2px solid var(--ib-action);
  outline-offset: 2px;
  border-radius: var(--ib-r-sm);
}

.ib-tabs > [role="tab"][aria-selected="true"] {
  color: var(--ib-ink);
  font-weight: var(--ib-w-semibold);
  border-bottom-color: var(--ib-action);
}

.ib-tabs > [role="tab"]:disabled, .ib-tabs > [role="tab"][aria-disabled="true"] {
  color: var(--ib-faint);
  cursor: not-allowed;
  opacity: .7;
  border-bottom-color: #0000;
}

.ib-tabs > [role="tab"] .ib-num {
  font-size: var(--ib-fs-12);
  color: var(--ib-faint);
  font-weight: var(--ib-w-regular);
}

.ib-tabs > [role="tab"] > svg {
  stroke: currentColor;
  fill: none;
  stroke-width: 1.6px;
  stroke-linecap: round;
  stroke-linejoin: round;
  width: 16px;
  height: 16px;
}

.ib-tabs--page {
  gap: var(--ib-6);
}

.ib-tabs--page > [role="tab"] {
  padding: 12px 0;
}

.ib-tabs--inset {
  padding: 0 var(--ib-6);
}

.ib-tabpanel {
  padding-top: var(--ib-5);
}

.ib-tabpanel:focus-visible {
  outline: 2px solid var(--ib-action);
  outline-offset: 2px;
  border-radius: var(--ib-r-sm);
}

.ib-tabs--vertical {
  border-bottom: 0;
  flex-direction: column;
  gap: 2px;
}

.ib-tabs--vertical > [role="tab"] {
  width: 100%;
  padding: var(--ib-2) var(--ib-3);
  border-radius: var(--ib-r);
  color: var(--ib-dim);
  text-align: left;
  white-space: normal;
  transition: background-color var(--ib-dur-fast) var(--ib-ease),color var(--ib-dur-fast) var(--ib-ease);
  border: 0;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px;
  margin: 0;
}

.ib-tabs__label {
  font-size: var(--ib-fs-14);
  font-weight: var(--ib-w-medium);
  color: var(--ib-ink);
}

.ib-tabs__caption {
  font-size: var(--ib-fs-12);
  font-weight: var(--ib-w-regular);
  color: var(--ib-dim);
}

.ib-tabs--vertical > [role="tab"]:hover, .ib-tabs--vertical > [role="tab"].is-hover {
  background: var(--ib-hover);
}

.ib-tabs--vertical > [role="tab"][aria-selected="true"] {
  background: var(--ib-soft);
}

.ib-tabs--vertical > [role="tab"][aria-selected="true"] .ib-tabs__label {
  font-weight: var(--ib-w-semibold);
}

.ib-tabs--vertical > [role="tab"][aria-selected="true"] .ib-tabs__caption {
  color: var(--ib-body);
}

.ib-tabs--vertical > [role="tab"]:focus-visible, .ib-tabs--vertical > [role="tab"].is-focus {
  outline: 2px solid var(--ib-action);
  outline-offset: 0;
  border-radius: var(--ib-r);
}

.ib-tabs--vertical > [role="tab"]:disabled, .ib-tabs--vertical > [role="tab"][aria-disabled="true"] {
  background: none;
}

.ib-tabs--vertical > [role="tab"]:disabled .ib-tabs__label, .ib-tabs--vertical > [role="tab"][aria-disabled="true"] .ib-tabs__label {
  color: var(--ib-faint);
}

@media (max-width: 860px) {
  .ib-tabs--vertical {
    scrollbar-width: none;
    flex-direction: row;
    overflow-x: auto;
  }

  .ib-tabs--vertical::-webkit-scrollbar {
    display: none;
  }

  .ib-tabs--vertical > [role="tab"] {
    white-space: nowrap;
    flex: none;
    width: auto;
  }

  .ib-tabs--vertical .ib-tabs__caption {
    display: none;
  }
}

/* [project]/src/styles/segmented.css [app-client] (css) */
:root, [data-theme="light"] {
  --ib-seg-bg: var(--ib-paper);
}

[data-theme="dark"] {
  --ib-seg-bg: var(--ib-surface);
}

.ib-seg {
  scrollbar-width: none;
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-lg);
  background: var(--ib-seg-bg);
  gap: 2px;
  max-width: 100%;
  padding: 3px;
  display: inline-flex;
  overflow-x: auto;
}

.ib-seg::-webkit-scrollbar {
  display: none;
}

.ib-seg > button {
  border-radius: var(--ib-r);
  height: 28px;
  color: var(--ib-dim);
  font: var(--ib-w-medium) var(--ib-fs-13)/1 var(--ib-font);
  white-space: nowrap;
  cursor: pointer;
  transition: color var(--ib-dur-fast) var(--ib-ease),background-color var(--ib-dur-fast) var(--ib-ease);
  background: none;
  border: 1px solid #0000;
  align-items: center;
  gap: 6px;
  padding: 0 10px;
  display: inline-flex;
}

.ib-seg > button:hover, .ib-seg > button.is-hover {
  color: var(--ib-ink);
}

.ib-seg > button:focus-visible, .ib-seg > button.is-focus {
  outline: 2px solid var(--ib-action);
  outline-offset: 0;
}

.ib-seg > button[aria-pressed="true"] {
  background: var(--ib-raised);
  border-color: var(--ib-line);
  color: var(--ib-ink);
  font-weight: var(--ib-w-semibold);
}

.ib-seg > button:disabled {
  color: var(--ib-faint);
  opacity: .6;
  cursor: not-allowed;
}

.ib-seg > button .ib-num {
  font-size: var(--ib-fs-12);
  color: var(--ib-faint);
  font-weight: var(--ib-w-regular);
}

.ib-seg > button[aria-pressed="true"] .ib-num {
  color: var(--ib-dim);
}

.ib-seg > button > svg {
  stroke: currentColor;
  fill: none;
  stroke-width: 1.7px;
  stroke-linecap: round;
  stroke-linejoin: round;
  width: 14px;
  height: 14px;
}

.ib-seg--sm > button {
  height: 24px;
  font-size: var(--ib-fs-12);
  padding: 0 8px;
}

.ib-seg--block {
  display: flex;
}

.ib-seg--block > button {
  flex: 1;
  justify-content: center;
}

/* [project]/src/styles/checkbox.css [app-client] (css) */
.ib-check {
  align-items: flex-start;
  gap: var(--ib-2);
  cursor: pointer;
  color: var(--ib-body);
  font-size: var(--ib-fs-14);
  line-height: 20px;
  display: inline-flex;
  position: relative;
}

.ib-check > input {
  opacity: 0;
  width: 16px;
  height: 16px;
  cursor: inherit;
  margin: 2px 0 0;
  position: absolute;
}

.ib-check__box {
  border: 1px solid var(--ib-control);
  border-radius: var(--ib-r-sm);
  background: var(--ib-field-bg, var(--ib-surface));
  width: 16px;
  height: 16px;
  transition: background-color var(--ib-dur-fast) var(--ib-ease),border-color var(--ib-dur-fast) var(--ib-ease);
  flex: none;
  margin-top: 2px;
  position: relative;
}

.ib-check__box:after {
  content: "";
  border: solid var(--ib-on-action);
  opacity: 0;
  border-width: 0 2px 2px 0;
  width: 5px;
  height: 9px;
  position: absolute;
  top: 1.5px;
  left: 4.5px;
  transform: rotate(45deg);
}

.ib-check:hover .ib-check__box, .ib-check.is-hover .ib-check__box {
  border-color: var(--ib-dim);
}

.ib-check > input:focus-visible + .ib-check__box, .ib-check.is-focus .ib-check__box {
  outline: 2px solid var(--ib-action);
  outline-offset: 2px;
}

.ib-check > input:checked + .ib-check__box, .ib-check.is-mixed .ib-check__box {
  background: var(--ib-action);
  border-color: var(--ib-action);
}

.ib-check > input:checked + .ib-check__box:after {
  opacity: 1;
}

.ib-check.is-mixed .ib-check__box:after {
  opacity: 1;
  border-width: 0 0 2px;
  width: 8px;
  height: 0;
  top: 6px;
  left: 3px;
  transform: none;
}

.ib-check.is-invalid .ib-check__box {
  border-color: var(--ib-danger);
}

.ib-check:has( > input:disabled) {
  cursor: not-allowed;
  color: var(--ib-faint);
}

.ib-check > input:disabled + .ib-check__box {
  opacity: .5;
}

.ib-check small {
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
  line-height: var(--ib-lh-ui);
  display: block;
}

.ib-check-group {
  gap: var(--ib-2);
  border: 0;
  flex-direction: column;
  min-width: 0;
  margin: 0;
  padding: 0;
  display: flex;
}

.ib-check-group > legend {
  margin-bottom: var(--ib-2);
  font-size: var(--ib-fs-13);
  font-weight: var(--ib-w-medium);
  color: var(--ib-ink);
  padding: 0;
}

/* [project]/src/styles/switch.css [app-client] (css) */
.ib-switch {
  align-items: center;
  gap: var(--ib-2);
  cursor: pointer;
  color: var(--ib-body);
  font-size: var(--ib-fs-14);
  line-height: 20px;
  display: inline-flex;
  position: relative;
}

.ib-switch > input {
  opacity: 0;
  width: 32px;
  height: 18px;
  cursor: inherit;
  margin: 0;
  position: absolute;
}

.ib-switch__track {
  border-radius: var(--ib-r-pill);
  border: 1px solid var(--ib-control);
  background: var(--ib-field-bg, var(--ib-surface));
  width: 32px;
  height: 18px;
  transition: background-color var(--ib-dur) var(--ib-ease),border-color var(--ib-dur) var(--ib-ease);
  flex: none;
  position: relative;
}

.ib-switch__track:after {
  content: "";
  background: var(--ib-control);
  width: 12px;
  height: 12px;
  transition: left var(--ib-dur) var(--ib-ease),background-color var(--ib-dur) var(--ib-ease);
  border-radius: 50%;
  position: absolute;
  top: 2px;
  left: 2px;
}

.ib-switch:hover .ib-switch__track, .ib-switch.is-hover .ib-switch__track {
  border-color: var(--ib-dim);
}

.ib-switch:hover .ib-switch__track:after, .ib-switch.is-hover .ib-switch__track:after {
  background: var(--ib-dim);
}

.ib-switch > input:focus-visible + .ib-switch__track, .ib-switch.is-focus .ib-switch__track {
  outline: 2px solid var(--ib-action);
  outline-offset: 2px;
}

.ib-switch > input:checked + .ib-switch__track {
  background: var(--ib-action);
  border-color: var(--ib-action);
}

.ib-switch > input:checked + .ib-switch__track:after {
  background: var(--ib-on-action);
  left: 16px;
}

.ib-switch:has( > input:disabled) {
  cursor: not-allowed;
  color: var(--ib-faint);
}

.ib-switch > input:disabled + .ib-switch__track {
  opacity: .5;
}

.ib-switch--end {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.ib-switch--end > .ib-switch__track {
  order: 2;
}

.ib-switch--end > input {
  right: 0;
}

.ib-switch small {
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
  line-height: var(--ib-lh-ui);
  display: block;
}

/* [project]/src/styles/copy-field.css [app-client] (css) */
:root, [data-theme="light"] {
  --ib-copy-bg: var(--ib-paper);
}

[data-theme="dark"] {
  --ib-copy-bg: var(--ib-surface);
}

.ib-copy {
  min-width: 0;
  padding: 3px 3px 3px var(--ib-3);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-lg);
  background: var(--ib-copy-bg);
  align-items: center;
  gap: 6px;
  display: flex;
}

.ib-copy__value {
  min-width: 0;
  font: var(--ib-w-regular) var(--ib-fs-13)/1.4 var(--ib-mono);
  color: var(--ib-ink);
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  overflow: hidden;
}

.ib-copy .ib-btn, .ib-copy .ib-icon-btn {
  background: var(--ib-raised);
}

.ib-copy .ib-btn:hover, .ib-copy .ib-icon-btn:hover {
  background: color-mix(in srgb,var(--ib-ink) 6%,var(--ib-raised));
}

.ib-copy__btn.is-copied {
  color: var(--ib-ok);
  border-color: currentColor;
}

.ib-copy__idle, .ib-copy__done {
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.ib-copy__btn .ib-copy__done, .ib-copy__btn.is-copied .ib-copy__idle {
  display: none;
}

.ib-copy__btn.is-copied .ib-copy__done {
  display: inline-flex;
}

.ib-copy.is-disabled .ib-copy__value {
  color: var(--ib-faint);
}

.ib-copy__note {
  font-size: var(--ib-fs-12);
  color: var(--ib-dim);
  margin-top: 6px;
}

.ib-copy--code {
  gap: var(--ib-3);
  background: none;
  border: 0;
  padding: 0;
  display: inline-flex;
}

.ib-copy--code .ib-copy__value {
  font-size: var(--ib-fs-16);
  letter-spacing: .04em;
  border: 1px dashed var(--ib-control);
  border-radius: var(--ib-r);
  flex: none;
  padding: 6px 10px;
}

.ib-copy__tip {
  flex: 1;
  min-width: 0;
}

.ib-copy--code .ib-copy__tip {
  flex: none;
}

/* [project]/src/styles/icon-button.css [app-client] (css) */
.ib-icon-btn {
  --_fg: var(--ib-dim);
  --_fg-h: var(--ib-ink);
  --_bd: transparent;
  --_hover: color-mix(in srgb,var(--ib-ink) 6%,transparent);
  --_on: var(--ib-soft);
  width: var(--ib-control-h-lg);
  height: var(--ib-control-h-lg);
  border: 1px solid var(--_bd);
  border-radius: var(--ib-r);
  color: var(--_fg);
  cursor: pointer;
  transition: background-color var(--ib-dur-fast) var(--ib-ease),color var(--ib-dur-fast) var(--ib-ease);
  background: none;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: inline-flex;
  position: relative;
}

.ib-icon-btn > svg {
  stroke: currentColor;
  fill: none;
  stroke-width: 1.6px;
  stroke-linecap: round;
  stroke-linejoin: round;
  width: 18px;
  height: 18px;
}

.ib-icon-btn:hover, .ib-icon-btn.is-hover {
  background: var(--_hover);
  color: var(--_fg-h);
}

.ib-icon-btn:focus-visible, .ib-icon-btn.is-focus {
  outline: 2px solid var(--ib-action);
  outline-offset: 2px;
}

.ib-icon-btn[aria-pressed="true"], .ib-icon-btn[aria-expanded="true"], .ib-icon-btn.is-active {
  background: var(--_on);
  color: var(--_fg-h);
}

.ib-icon-btn:disabled, .ib-icon-btn[aria-disabled="true"] {
  opacity: .5;
  cursor: not-allowed;
  background: none;
}

.ib-icon-btn--sm {
  width: var(--ib-control-h);
  height: var(--ib-control-h);
}

.ib-icon-btn--sm > svg {
  width: 16px;
  height: 16px;
}

.ib-icon-btn--outline {
  --_bd: var(--ib-control);
  --_fg: var(--ib-ink);
}

.ib-icon-btn--mass {
  --_fg: var(--ib-on-brand);
  --_fg-h: var(--ib-on-brand);
  --_hover: var(--ib-brand-hover);
  --_on: color-mix(in srgb,var(--ib-on-brand) 13%,transparent);
}

.ib-icon-btn--mass:focus-visible, .ib-icon-btn--mass.is-focus {
  outline-color: var(--ib-on-brand);
}

.ib-icon-btn > .ib-counter {
  position: absolute;
  top: 1px;
  right: 1px;
  transform: translate(35%, -25%);
}

/* [project]/src/styles/modal.css [app-client] (css) */
.ib-modal-backdrop {
  z-index: 1100;
  padding: var(--ib-4);
  background: var(--ib-backdrop);
  animation: ib-modal-fade var(--ib-dur) var(--ib-ease);
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0;
}

.ib-modal-backdrop[hidden] {
  display: none;
}

.ib-modal-backdrop--static {
  z-index: auto;
  border-radius: var(--ib-r-lg);
  min-height: 360px;
  animation: none;
  position: relative;
  inset: auto;
}

@keyframes ib-modal-fade {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.ib-modal {
  width: var(--ib-modal-w);
  background: var(--ib-raised);
  max-width: 100%;
  max-height: 100%;
  color: var(--ib-body);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-lg);
  animation: ib-modal-in var(--ib-dur-move) var(--ib-ease);
  flex-direction: column;
  display: flex;
}

.ib-modal--sm {
  width: 480px;
}

.ib-modal-backdrop--static .ib-modal {
  animation: none;
}

@keyframes ib-modal-in {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.ib-modal__head {
  align-items: flex-start;
  gap: var(--ib-3);
  padding: var(--ib-5) var(--ib-6) 0;
  flex: none;
  display: flex;
}

.ib-modal__head > div {
  flex: 1;
  min-width: 0;
}

.ib-modal__title {
  font-size: var(--ib-fs-16);
  line-height: var(--ib-lh-ui);
  color: var(--ib-ink);
}

.ib-modal__desc {
  margin-top: var(--ib-1);
  font-size: var(--ib-fs-14);
  color: var(--ib-dim);
}

.ib-modal__close {
  flex: none;
  margin: -4px -8px 0 0;
}

.ib-modal__body {
  gap: var(--ib-4);
  padding: var(--ib-5) var(--ib-6);
  flex-direction: column;
  min-height: 0;
  display: flex;
  overflow: auto;
}

.ib-modal__foot {
  justify-content: flex-end;
  align-items: center;
  gap: var(--ib-2);
  padding: var(--ib-4) var(--ib-6) var(--ib-5);
  flex: none;
  display: flex;
}

.ib-modal__foot-start {
  font-size: var(--ib-fs-13);
  color: var(--ib-dim);
  margin-right: auto;
}

@media (max-width: 480px) {
  .ib-modal-backdrop:not(.ib-modal-backdrop--static) {
    padding: var(--ib-2);
    align-items: flex-end;
  }

  .ib-modal__head {
    padding: var(--ib-4) var(--ib-4) 0;
  }

  .ib-modal__body {
    padding: var(--ib-4);
  }

  .ib-modal__foot {
    padding: var(--ib-3) var(--ib-4) var(--ib-4);
    flex-direction: column-reverse;
    align-items: stretch;
  }
}

/* [project]/src/styles/empty-state.css [app-client] (css) */
.ib-empty {
  justify-content: center;
  align-items: center;
  gap: var(--ib-3);
  padding: var(--ib-12) var(--ib-6);
  text-align: center;
  color: var(--ib-dim);
  flex-direction: column;
  display: flex;
}

.ib-empty svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5px;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: none;
  width: 24px;
  height: 24px;
}

.ib-empty__icon {
  color: var(--ib-faint);
  display: flex;
}

.ib-empty__text {
  max-width: 36ch;
  color: var(--ib-ink);
  font-size: var(--ib-fs-14);
  font-weight: var(--ib-w-medium);
  line-height: var(--ib-lh-ui);
  text-wrap: balance;
}

.ib-empty__text q, .ib-empty__query {
  font-family: var(--ib-mono);
  font-weight: var(--ib-w-regular);
  quotes: "«" "»";
}

.ib-empty__action {
  gap: var(--ib-2);
  margin-top: var(--ib-1);
  display: flex;
}

.ib-empty--error .ib-empty__icon {
  color: var(--ib-danger);
}

.ib-empty__hint {
  max-width: 44ch;
  color: var(--ib-dim);
  font-size: var(--ib-fs-13);
  line-height: var(--ib-lh-ui);
  text-wrap: balance;
}

.ib-empty__code {
  color: var(--ib-faint);
  font-family: var(--ib-mono);
  font-size: var(--ib-fs-12);
}

.ib-empty--compact {
  padding: var(--ib-8) var(--ib-4);
  gap: var(--ib-2);
}

.ib-empty--compact .ib-empty__action {
  margin-top: 0;
}

.ib-empty--start {
  text-align: left;
  align-items: flex-start;
  padding-left: 0;
  padding-right: 0;
}

/* [project]/src/styles/banner.css [app-client] (css) */
:root, [data-theme="light"] {
  --ib-banner-info-bg: color-mix(in srgb,#fcfcff,var(--ev-brand) 6%);
  --ib-banner-success-bg: var(--ib-ok-bg);
  --ib-banner-warning-bg: var(--ib-warn-bg);
  --ib-banner-danger-bg: var(--ib-danger-bg);
  --ib-banner-control: var(--ib-control);
}

[data-theme="dark"] {
  --ib-banner-info-bg: color-mix(in srgb,#565757,var(--ev-brand) 25%);
  --ib-banner-success-bg: color-mix(in srgb,#49574e,var(--ev-brand) 25%);
  --ib-banner-warning-bg: color-mix(in srgb,#585145,var(--ev-brand) 25%);
  --ib-banner-danger-bg: color-mix(in srgb,#5a4e4d,var(--ev-brand) 25%);
  --ib-banner-control: #a9a7b7;
}

.ib-banner {
  --ib-banner-px: var(--ib-6);
  align-items: center;
  column-gap: var(--ib-3);
  min-height: 48px;
  padding: var(--ib-2) var(--ib-2) var(--ib-2) var(--ib-banner-px);
  background: var(--ib-banner-info-bg);
  border-bottom: 1px solid var(--ib-line);
  color: var(--ib-body);
  font-size: var(--ib-fs-14);
  line-height: var(--ib-lh-ui);
  grid-template-columns: 16px minmax(0, 1fr) auto auto;
  grid-template-areas: "icon text action close";
  display: grid;
}

.ib-banner:not(:has(.ib-banner__close)) {
  padding-right: var(--ib-banner-px);
}

.ib-banner--success {
  background: var(--ib-banner-success-bg);
}

.ib-banner--warning {
  background: var(--ib-banner-warning-bg);
}

.ib-banner--danger {
  background: var(--ib-banner-danger-bg);
}

.ib-banner {
  --ib-control: var(--ib-banner-control);
}

.ib-banner svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6px;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: none;
  width: 16px;
  height: 16px;
}

.ib-banner__icon {
  color: var(--ib-action);
  grid-area: icon;
  display: flex;
}

.ib-banner--success .ib-banner__icon {
  color: var(--ib-ok);
}

.ib-banner--warning .ib-banner__icon {
  color: var(--ib-warn);
}

.ib-banner--danger .ib-banner__icon {
  color: var(--ib-danger);
}

.ib-banner__text {
  align-items: baseline;
  column-gap: var(--ib-2);
  flex-wrap: wrap;
  grid-area: text;
  row-gap: 2px;
  min-width: 0;
  display: flex;
}

.ib-banner__title {
  color: var(--ib-ink);
  font-weight: var(--ib-w-semibold);
}

.ib-banner__msg {
  color: var(--ib-body);
}

.ib-banner__meta {
  font-family: var(--ib-mono);
  font-size: var(--ib-fs-13);
  color: var(--ib-dim);
}

.ib-banner__action {
  align-items: center;
  gap: var(--ib-2);
  white-space: nowrap;
  grid-area: action;
  display: flex;
}

.ib-banner__note {
  font-size: var(--ib-fs-13);
  color: var(--ib-dim);
}

.ib-banner__close {
  grid-area: close;
}

.ib-banner.is-leaving {
  opacity: 0;
  transition: opacity var(--ib-dur) var(--ib-ease);
}

.ib-banner-stack {
  flex-direction: column;
  display: flex;
}

@media (max-width: 640px) {
  .ib-banner {
    --ib-banner-px: var(--ib-4);
    align-items: start;
    row-gap: var(--ib-2);
    padding-top: var(--ib-3);
    padding-bottom: var(--ib-3);
    grid-template-columns: 16px minmax(0, 1fr) auto;
    grid-template-areas: "icon text close"
                         ". action action";
  }

  .ib-banner__icon {
    margin-top: 2px;
  }

  .ib-banner__close {
    margin-top: -6px;
  }

  .ib-banner__action {
    white-space: normal;
    flex-wrap: wrap;
  }
}

/* [project]/src/styles/consent.css [app-client] (css) */
.cb-consent {
  z-index: 60;
  left: var(--ib-4);
  right: var(--ib-4);
  bottom: var(--ib-4);
  align-items: center;
  gap: var(--ib-6);
  max-width: 880px;
  padding: var(--ib-4) var(--ib-5);
  background: var(--ib-raised);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r);
  color: var(--ib-body);
  font-size: var(--ib-fs-14);
  line-height: var(--ib-lh-body);
  margin: 0 auto;
  display: flex;
  position: fixed;
}

.cb-consent:focus-visible {
  outline: 2px solid var(--ib-action);
  outline-offset: 2px;
}

.cb-consent a {
  color: var(--ib-ink);
  text-underline-offset: 3px;
  text-decoration: underline;
}

.cb-consent__text {
  flex: 1;
  min-width: 0;
}

.cb-consent__actions {
  align-items: center;
  gap: var(--ib-2);
  flex: none;
  display: flex;
}

.cb-consent--panel {
  max-width: 360px;
  max-height: calc(100dvh - var(--ib-8));
  padding: var(--ib-5);
  display: block;
  overflow-y: auto;
}

.cb-consent__title {
  color: var(--ib-ink);
  font-size: var(--ib-fs-16);
  font-weight: var(--ib-w-semibold);
}

.cb-consent__cats {
  margin: var(--ib-3) 0 0;
  padding: 0;
  list-style: none;
}

.cb-consent__cats li {
  border-top: 1px solid var(--ib-line);
}

.cb-consent__cat {
  justify-content: space-between;
  align-items: center;
  gap: var(--ib-4);
  padding: var(--ib-3) 0;
  cursor: pointer;
  display: flex;
}

.cb-consent__cat:has(:disabled) {
  cursor: default;
}

.cb-consent__name {
  color: var(--ib-ink);
  font-weight: var(--ib-w-medium);
  display: block;
}

.cb-consent__desc {
  color: var(--ib-dim);
  font-size: var(--ib-fs-13);
  display: block;
}

.cb-consent__policy {
  padding-top: var(--ib-3);
  border-top: 1px solid var(--ib-line);
  color: var(--ib-dim);
  font-size: var(--ib-fs-13);
}

.cb-consent__actions--panel {
  margin-top: var(--ib-4);
  justify-content: flex-end;
}

.cb-switch {
  appearance: none;
  border: 1px solid var(--ib-control);
  border-radius: var(--ib-r-pill, 999px);
  background: var(--ib-field-bg, var(--ib-surface));
  cursor: pointer;
  width: 32px;
  height: 18px;
  transition: background-color var(--ib-dur, .16s) var(--ib-ease, ease),border-color var(--ib-dur, .16s) var(--ib-ease, ease);
  flex: none;
  margin: 0;
  position: relative;
}

.cb-switch:after {
  content: "";
  background: var(--ib-control);
  width: 12px;
  height: 12px;
  transition: transform var(--ib-dur, .16s) var(--ib-ease, ease),background-color var(--ib-dur, .16s) var(--ib-ease, ease);
  border-radius: 50%;
  position: absolute;
  top: 2px;
  left: 2px;
}

.cb-switch:hover:not(:disabled, :checked) {
  border-color: var(--ib-dim);
}

.cb-switch:hover:not(:disabled, :checked):after {
  background: var(--ib-dim);
}

.cb-switch:checked {
  background: var(--ib-action);
  border-color: var(--ib-action);
}

.cb-switch:checked:after {
  background: var(--ib-on-action);
  transform: translateX(14px);
}

.cb-switch:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.cb-switch:focus-visible {
  outline: 2px solid var(--ib-action);
  outline-offset: 2px;
}

@media (max-width: 640px) {
  .cb-consent {
    align-items: stretch;
    gap: var(--ib-3);
    left: var(--ib-2);
    right: var(--ib-2);
    bottom: var(--ib-2);
    flex-direction: column;
  }

  .cb-consent__actions > .ib-btn {
    flex: 1;
  }
}

.cb-consent-link {
  color: var(--ib-dim);
  font: inherit;
  font-size: var(--ib-fs-13);
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
}

.cb-consent-link:hover {
  color: var(--ib-ink);
}

.cb-consent-link:focus-visible {
  outline: 2px solid var(--ib-action);
  outline-offset: 2px;
}

/* [project]/src/styles/page-header.css [app-client] (css) */
.ib-page-header {
  gap: var(--ib-4);
  margin-bottom: var(--ib-3);
  flex-direction: column;
  display: flex;
  container: ib-page-header / inline-size;
}

.ib-page-header__top {
  justify-content: space-between;
  align-items: flex-end;
  gap: var(--ib-6);
  display: flex;
}

.ib-page-header__heading {
  min-width: 0;
}

.ib-page-header__title {
  align-items: baseline;
  gap: var(--ib-3);
  font-size: var(--ib-fs-24);
  font-weight: var(--ib-w-semibold);
  letter-spacing: -.025em;
  color: var(--ib-ink);
  flex-wrap: wrap;
  display: flex;
}

.ib-page-header__count {
  font: var(--ib-w-regular) var(--ib-fs-16)/1 var(--ib-mono);
  font-variant-numeric: tabular-nums;
  letter-spacing: 0;
  color: var(--ib-dim);
}

.ib-page-header__sub {
  margin-top: var(--ib-1);
  font-size: var(--ib-fs-13);
  color: var(--ib-dim);
}

.ib-page-header__actions {
  align-items: center;
  gap: var(--ib-2);
  flex: none;
  display: flex;
}

.ib-page-header__filters, .ib-page-header__bulk {
  align-items: center;
  gap: var(--ib-3);
  min-height: var(--ib-control-h-lg);
  display: flex;
}

.ib-page-header__search {
  width: 300px;
  max-width: 100%;
}

.ib-page-header__total {
  font-size: var(--ib-fs-13);
  color: var(--ib-dim);
  white-space: nowrap;
  margin-left: auto;
}

.ib-page-header__bulk {
  padding: 0 var(--ib-2) 0 var(--ib-3);
  border-radius: var(--ib-r);
  background: var(--ib-soft);
  font-size: var(--ib-fs-13);
  color: var(--ib-body);
}

.ib-page-header__bulk b {
  font-weight: var(--ib-w-semibold);
  color: var(--ib-ink);
  margin-right: var(--ib-2);
}

.ib-page-header__bulk .ib-page-header__end {
  margin-left: auto;
}

@container ib-page-header (max-width: 639px) {
  .ib-page-header__top {
    align-items: stretch;
    gap: var(--ib-3);
    flex-direction: column;
  }

  .ib-page-header__actions {
    flex-wrap: wrap;
  }

  .ib-page-header__actions > * {
    flex: auto;
  }

  .ib-page-header__filters, .ib-page-header__bulk {
    gap: var(--ib-2);
    flex-wrap: wrap;
  }

  .ib-page-header__search {
    flex: 100%;
    width: 100%;
  }

  .ib-page-header__total {
    flex: 100%;
    margin-left: 0;
  }

  .ib-page-header__bulk {
    padding: var(--ib-2) var(--ib-3);
  }
}

/* [project]/src/styles/challenge-tile.css [app-client] (css) */
:root, [data-theme="light"] {
  --ib-tile-solved-name: #5a5a70;
}

[data-theme="dark"] {
  --ib-tile-solved-name: #bbb9cb;
}

.ib-tile {
  justify-content: space-between;
  gap: var(--ib-1);
  border: 1px solid var(--ib-brand);
  border-radius: var(--ib-r-lg);
  background: var(--ib-brand);
  width: 100%;
  min-width: 0;
  height: 76px;
  color: var(--ib-on-brand);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: background-color var(--ib-dur-fast) var(--ib-ease),border-color var(--ib-dur-fast) var(--ib-ease),outline-color var(--ib-dur-move) var(--ib-ease);
  flex-direction: column;
  padding: 9px 11px;
  display: flex;
}

.ib-tile:hover, .ib-tile.is-hover {
  background: var(--ib-brand-hover);
  border-color: var(--ib-brand-hover);
}

.ib-tile:focus-visible, .ib-tile.is-focus {
  outline: 2px solid var(--ib-action);
  outline-offset: 2px;
}

.ib-tile__name {
  font-size: var(--ib-fs-13);
  font-weight: var(--ib-w-semibold);
  -webkit-line-clamp: 2;
  overflow-wrap: anywhere;
  -webkit-box-orient: vertical;
  line-height: 1.25;
  display: -webkit-box;
  overflow: hidden;
}

.ib-tile__foot {
  align-items: center;
  gap: var(--ib-2);
  min-width: 0;
  display: flex;
  position: relative;
}

.ib-tile__pts {
  font: var(--ib-w-regular) 13.5px/1 var(--ib-mono);
  font-variant-numeric: tabular-nums;
  color: var(--ib-brand-points);
  margin-right: auto;
}

.ib-tile__upd {
  border: 1px solid var(--ib-brand-line);
  border-radius: var(--ib-r-sm);
  height: 18px;
  font-size: var(--ib-fs-11);
  font-weight: var(--ib-w-medium);
  color: var(--ib-on-brand-2);
  white-space: nowrap;
  align-items: center;
  padding: 0 5px;
  line-height: 1;
  display: inline-flex;
}

.ib-tile__solved {
  align-items: center;
  gap: var(--ib-1);
  font-size: var(--ib-fs-12);
  font-weight: var(--ib-w-medium);
  color: var(--ib-ok);
  white-space: nowrap;
  display: none;
}

.ib-tile__solved svg {
  stroke: currentColor;
  fill: none;
  stroke-width: 2.2px;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: none;
  width: 13px;
  height: 13px;
}

.ib-tile.is-solved {
  background: var(--ib-solved);
  border-color: var(--ib-solved-line);
  color: var(--ib-tile-solved-name);
}

.ib-tile.is-solved:hover, .ib-tile.is-solved.is-hover {
  background: var(--ib-solved);
  border-color: var(--ib-control);
}

.ib-tile.is-solved .ib-tile__name {
  font-weight: var(--ib-w-medium);
}

.ib-tile.is-solved .ib-tile__pts {
  color: var(--ib-faint);
}

.ib-tile.is-solved .ib-tile__solved {
  display: inline-flex;
}

.ib-tile.is-solved .ib-tile__upd {
  border-color: var(--ib-line);
  color: var(--ib-dim);
}

.ib-tile.is-solved .ib-tile__upd ~ .ib-tile__solved .ib-tile__solved-t {
  clip: rect(0 0 0 0);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

.ib-tile.is-accepted {
  animation: 1.6s ease-out ib-tile-ok;
}

@keyframes ib-tile-ok {
  0% {
    outline: 3px solid var(--ib-ok);
    outline-offset: 2px;
  }

  100% {
    outline-offset: 2px;
    outline: 3px solid #0000;
  }
}

.ib-tile--lg {
  height: 100px;
  padding: 12px 14px;
}

.ib-tile--lg .ib-tile__name {
  letter-spacing: -.01em;
  font-size: 15px;
}

.ib-tile--lg .ib-tile__pts {
  font-size: var(--ib-fs-16);
}

.ib-tiles {
  grid-template-columns: repeat(auto-fill, minmax(152px, 1fr));
  gap: 6px;
  display: grid;
}

.ib-tiles--lg {
  gap: var(--ib-2);
  grid-template-columns: repeat(auto-fill, minmax(196px, 1fr));
}

.ib-tile-tip {
  min-width: 0;
  display: flex;
}

/* [project]/src/styles/challenge-board.css [app-client] (css) */
.ib-board {
  --ib-board-bg: var(--ib-paper);
  background: var(--ib-board-bg);
  flex-direction: column;
  min-height: 0;
  display: flex;
}

.ib-board--surface {
  --ib-board-bg: var(--ib-surface);
}

.ib-board__bar {
  align-items: center;
  gap: var(--ib-3);
  padding: 0 0 var(--ib-3);
  border-bottom: 1px solid var(--ib-line);
  flex-wrap: wrap;
  display: flex;
}

.ib-board__search {
  width: 240px;
  margin-left: auto;
}

.ib-board__search .ib-input {
  height: var(--ib-control-h-lg);
}

.ib-board__chips {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.ib-board__chip {
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r);
  height: 30px;
  color: var(--ib-ink);
  font: var(--ib-w-medium) var(--ib-fs-13)/1 var(--ib-font);
  white-space: nowrap;
  cursor: pointer;
  transition: border-color var(--ib-dur-fast) var(--ib-ease),background-color var(--ib-dur-fast) var(--ib-ease);
  background: none;
  align-items: center;
  gap: 7px;
  padding: 0 11px;
  display: inline-flex;
}

.ib-board__chip .ib-num {
  font-size: var(--ib-fs-12);
  color: var(--ib-faint);
}

.ib-board__chip:hover, .ib-board__chip.is-hover {
  border-color: var(--ib-control);
}

.ib-board__chip[aria-pressed="true"] {
  background: var(--ib-action);
  border-color: var(--ib-action);
  color: var(--ib-on-action);
}

.ib-board__chip[aria-pressed="true"] .ib-num {
  color: inherit;
}

.ib-board__body {
  min-height: 0;
  padding-bottom: var(--ib-6);
  overflow: auto;
}

.ib-board__cat {
  z-index: 2;
  padding: var(--ib-3) 0 var(--ib-2);
  background: var(--ib-board-bg);
  align-items: baseline;
  gap: 10px;
  display: flex;
  position: sticky;
  top: 0;
}

.ib-board__cat h3 {
  font-size: 15px;
  font-weight: var(--ib-w-semibold);
}

.ib-board__count {
  font: var(--ib-fs-12) var(--ib-mono);
  color: var(--ib-dim);
}

.ib-board__rest {
  font-size: var(--ib-fs-12);
  color: var(--ib-faint);
  margin-left: auto;
}

.ib-board__rest .ib-num {
  color: var(--ib-dim);
}

.ib-board__empty {
  text-align: center;
  color: var(--ib-dim);
  padding: 56px 0;
}

.ib-board__empty b {
  color: var(--ib-ink);
  font-size: 15px;
  font-weight: var(--ib-w-semibold);
  margin-bottom: var(--ib-1);
  display: block;
}

.ib-board__empty .ib-btn {
  margin-top: 14px;
}

.ib-board__state {
  padding-bottom: var(--ib-6);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

/* [project]/src/styles/category-rail.css [app-client] (css) */
:root, [data-theme="light"] {
  --ib-rail-bg: #f7f7f9;
  --ib-rail-hover: #ededf1;
  --ib-rail-current: #fff;
}

[data-theme="dark"] {
  --ib-rail-bg: var(--ib-surface);
  --ib-rail-hover: var(--ib-raised);
  --ib-rail-current: var(--ib-raised);
}

.ib-rail {
  grid-template-columns: var(--ib-admin-side-w) minmax(0,1fr);
  background: var(--ib-surface);
  min-height: 0;
  display: grid;
}

[data-theme="dark"] .ib-rail, .ib-rail[data-theme="dark"] {
  background: var(--ib-paper);
}

.ib-rail__nav {
  min-height: 0;
  padding: var(--ib-3) 10px;
  border-right: 1px solid var(--ib-line);
  background: var(--ib-rail-bg);
  flex-direction: column;
  gap: 2px;
  display: flex;
  overflow: auto;
}

.ib-rail__item {
  align-items: center;
  gap: var(--ib-2);
  height: 52px;
  padding: 0 var(--ib-3);
  border-radius: var(--ib-r-lg);
  color: var(--ib-ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: background-color var(--ib-dur-fast) var(--ib-ease);
  background: none;
  border: 1px solid #0000;
  flex: none;
  grid-template-columns: 18px minmax(0, 1fr) auto;
  display: grid;
}

.ib-rail__item:hover, .ib-rail__item.is-hover {
  background: var(--ib-rail-hover);
}

.ib-rail__item:focus-visible {
  outline: 2px solid var(--ib-action);
  outline-offset: 0;
}

.ib-rail__item[aria-current="true"] {
  background: var(--ib-rail-current);
  border-color: var(--ib-line);
}

[data-theme="dark"] .ib-rail__item[aria-current="true"] {
  border-color: var(--ib-control);
}

.ib-rail__key {
  font: var(--ib-w-medium) 11.5px var(--ib-mono);
  color: var(--ib-faint);
}

.ib-rail__name {
  min-width: 0;
}

.ib-rail__name b {
  font-size: var(--ib-fs-14);
  font-weight: var(--ib-w-semibold);
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
}

.ib-rail__name small {
  font-size: var(--ib-fs-12);
  color: var(--ib-dim);
  line-height: 1.3;
  display: block;
}

.ib-rail__count {
  font: var(--ib-w-medium) var(--ib-fs-13) var(--ib-mono);
  color: var(--ib-dim);
}

.ib-rail__item[aria-current="true"] .ib-rail__count {
  color: var(--ib-ink);
}

.ib-rail__item.is-done small {
  color: var(--ib-ok);
}

.ib-rail__hint {
  padding: var(--ib-3) var(--ib-3) 2px;
  font-size: var(--ib-fs-12);
  color: var(--ib-faint);
  margin-top: auto;
  line-height: 1.9;
}

.ib-rail__main {
  min-width: 0;
  min-height: 0;
  padding: 18px 28px 28px;
  overflow: auto;
}

.ib-rail__head {
  align-items: baseline;
  gap: 14px;
  margin-bottom: 14px;
  display: flex;
}

.ib-rail__head h2 {
  font-size: var(--ib-fs-20);
  letter-spacing: -.02em;
}

.ib-rail__head .ib-num {
  color: var(--ib-dim);
}

.ib-rail__rest {
  font-size: var(--ib-fs-13);
  color: var(--ib-dim);
  margin-left: auto;
}

.ib-rail__empty {
  text-align: center;
  color: var(--ib-dim);
  padding: 56px 0;
}

.ib-rail__state {
  flex-direction: column;
  flex: auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.ib-rail__empty b {
  color: var(--ib-ink);
  font-size: 15px;
  font-weight: var(--ib-w-semibold);
  margin-bottom: var(--ib-1);
  display: block;
}

@media (max-width: 720px) {
  .ib-rail {
    grid-template-columns: 1fr;
  }

  .ib-rail__nav {
    border-right: 0;
    border-bottom: 1px solid var(--ib-line);
    flex-direction: row;
    overflow-x: auto;
  }

  .ib-rail__item {
    flex: none;
    min-width: 164px;
  }

  .ib-rail__hint {
    display: none;
  }

  .ib-rail__main {
    padding: var(--ib-4);
  }
}

/* [project]/src/styles/challenge-modal.css [app-client] (css) */
.ib-cmodal {
  width: min(var(--ib-modal-w),calc(100vw - 32px));
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-lg);
  background: var(--ib-raised);
  max-height: calc(100vh - 112px);
  color: var(--ib-body);
  flex-direction: column;
  margin: 56px auto auto;
  padding: 0;
  display: flex;
  overflow: hidden;
}

dialog.ib-cmodal:not([open]) {
  display: none;
}

.ib-cmodal::backdrop {
  background: var(--ib-backdrop);
}

.ib-cmodal[open] {
  animation: ib-cmodal-in var(--ib-dur-move) var(--ib-ease);
}

@keyframes ib-cmodal-in {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

.ib-cmodal--static {
  max-height: none;
  margin: 0;
  animation: none;
  position: static;
}

.ib-cmodal__head {
  padding: 20px 24px 0;
  position: relative;
}

.ib-cmodal__meta {
  align-items: center;
  gap: var(--ib-2);
  font-size: var(--ib-fs-13);
  color: var(--ib-dim);
  flex-wrap: wrap;
  display: flex;
}

.ib-cmodal__meta .ib-num {
  color: var(--ib-ink);
}

.ib-cmodal__title {
  letter-spacing: -.02em;
  color: var(--ib-ink);
  margin-top: 5px;
  padding-right: 44px;
  font-size: 21px;
}

.ib-cmodal__title:focus {
  outline: none;
}

.ib-cmodal__close {
  position: absolute;
  top: 14px;
  right: 14px;
}

.ib-cmodal__tabs {
  margin-top: var(--ib-3);
  padding: 0 24px;
}

.ib-cmodal__body {
  min-height: 0;
  padding: 20px 24px 24px;
  overflow: auto;
}

.ib-cmodal__body[hidden] {
  display: none;
}

.ib-cmodal__desc {
  max-width: 66ch;
  color: var(--ib-body);
  line-height: var(--ib-lh-body);
}

.ib-cmodal__desc p + p {
  margin-top: 10px;
}

.ib-cmodal__desc pre {
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r);
  background: var(--ib-paper);
  font: var(--ib-fs-13)/1.5 var(--ib-mono);
  color: var(--ib-ink);
  margin: 10px 0 0;
  padding: 10px 12px;
  overflow: auto;
}

.ib-cmodal__desc pre code {
  background: none;
  padding: 0;
}

.ib-cmodal__blk {
  margin-top: 18px;
}

.ib-cmodal__blk h3 {
  margin: 0 0 var(--ib-2);
  font-size: var(--ib-fs-13);
  font-weight: var(--ib-w-semibold);
  color: var(--ib-ink);
  letter-spacing: 0;
}

.ib-cmodal__files {
  border-top: 1px solid var(--ib-line);
  margin: 0;
  padding: 0;
  list-style: none;
}

.ib-cmodal__file {
  min-height: 36px;
  padding: var(--ib-2) 2px;
  border-bottom: 1px solid var(--ib-line);
  color: var(--ib-action);
  font-weight: var(--ib-w-medium);
  align-items: center;
  gap: 10px;
  text-decoration: none;
  display: flex;
}

.ib-cmodal__file:hover {
  background: var(--ib-soft);
  text-decoration: none;
}

.ib-cmodal__file[role="button"] {
  cursor: pointer;
}

.ib-cmodal__file svg {
  stroke: currentColor;
  fill: none;
  stroke-width: 1.6px;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: none;
  width: 16px;
  height: 16px;
}

.ib-cmodal__size {
  font: var(--ib-fs-12) var(--ib-mono);
  color: var(--ib-dim);
  font-weight: var(--ib-w-regular);
  margin-left: auto;
}

.ib-cmodal__hint {
  font-size: var(--ib-fs-12);
  color: var(--ib-dim);
  align-items: center;
  gap: 6px;
  margin-top: 6px;
  display: flex;
}

.ib-cmodal__flag {
  border-top: 1px solid var(--ib-line);
  margin-top: 18px;
  padding-top: 18px;
}

.ib-cmodal__flag label {
  margin-bottom: var(--ib-2);
  font-size: var(--ib-fs-13);
  font-weight: var(--ib-w-semibold);
  color: var(--ib-ink);
  display: block;
}

.ib-cmodal__row {
  gap: var(--ib-2);
  display: flex;
}

.ib-cmodal__row .ib-input {
  flex: 1;
  min-width: 0;
}

.ib-cmodal__msg {
  min-height: 20px;
  margin-top: var(--ib-2);
  font-size: var(--ib-fs-13);
  font-weight: var(--ib-w-medium);
  color: var(--ib-dim);
}

.ib-cmodal__msg.is-error {
  color: var(--ib-danger);
}

.ib-cmodal__msg.is-warn {
  color: var(--ib-warn);
}

.ib-cmodal__ok {
  padding: var(--ib-3) 14px;
  border-radius: var(--ib-r-lg);
  background: var(--ib-ok-bg);
  color: var(--ib-ok);
  font-weight: var(--ib-w-semibold);
  align-items: center;
  gap: 10px;
  margin-top: 18px;
  display: flex;
}

.ib-cmodal__ok svg {
  stroke: currentColor;
  fill: none;
  stroke-width: 2.2px;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex: none;
  width: 18px;
  height: 18px;
}

.ib-cmodal__ok .ib-num {
  font-weight: var(--ib-w-medium);
  margin-left: auto;
}

.ib-cmodal__solves {
  border-collapse: collapse;
  width: 100%;
  font-size: var(--ib-fs-13);
}

.ib-cmodal__solves th {
  padding: 0 var(--ib-2) var(--ib-2);
  border-bottom: 1px solid var(--ib-line);
  text-align: left;
  font-size: var(--ib-fs-12);
  font-weight: var(--ib-w-medium);
  color: var(--ib-dim);
}

.ib-cmodal__solves td {
  height: 36px;
  padding: 0 var(--ib-2);
  border-bottom: 1px solid var(--ib-line);
  color: var(--ib-ink);
}

.ib-cmodal__solves .is-n {
  width: 40px;
  font-family: var(--ib-mono);
  color: var(--ib-faint);
}

.ib-cmodal__solves .is-t {
  text-align: right;
  font-family: var(--ib-mono);
  color: var(--ib-dim);
}

.ib-cmodal__solves tr.is-own td {
  background: var(--ib-soft);
  font-weight: var(--ib-w-semibold);
}

.ib-cmodal__solves tr.is-own .is-n, .ib-cmodal__solves tr.is-own .is-t {
  color: var(--ib-ink);
}

.ib-cmodal__empty {
  text-align: center;
  color: var(--ib-dim);
  padding: 26px 0;
}

.ib-cmodal__body--solves {
  flex-direction: column;
  min-height: 204px;
  display: flex;
}

.ib-cmodal__empty b {
  margin-bottom: var(--ib-1);
  color: var(--ib-ink);
  font-weight: var(--ib-w-semibold);
  display: block;
}

@media (max-width: 560px) {
  .ib-cmodal {
    max-height: calc(100vh - 32px);
    margin-top: 16px;
  }

  .ib-cmodal__row {
    flex-direction: column;
  }
}

/* [project]/src/styles/event-participant.css [app-client] (css) */
.event-challenges, .event-participation {
  flex-direction: column;
  min-width: 0;
  display: flex;
}

.event-challenges__banners, .event-participation__banners {
  gap: var(--ib-2);
  margin-bottom: var(--ib-5);
}

.event-challenges__banners .ib-banner, .event-participation__banners .ib-banner {
  --ib-banner-px: var(--ib-4);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-lg);
}

.event-results {
  gap: var(--ib-4);
  flex-direction: column;
  width: 100%;
  min-width: 0;
  display: flex;
}

.event-results__banners {
  gap: var(--ib-2);
}

.event-results__banners .ib-banner {
  --ib-banner-px: var(--ib-4);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-lg);
}

.ib-ranking-note {
  margin: calc(var(--ib-2) - var(--ib-4)) 0 0;
  font-size: var(--ib-fs-12);
  color: var(--ib-faint);
}

.event-board .ib-board__body {
  overflow: visible;
}

.event-board .ib-board__cat {
  top: 61px;
}

.event-board .ib-board__bar {
  z-index: 3;
  position: relative;
}

.event-rail {
  gap: var(--ib-3);
  flex-direction: column;
  display: flex;
}

.event-rail__bar {
  align-items: center;
  gap: var(--ib-3);
  padding-bottom: var(--ib-3);
  border-bottom: 1px solid var(--ib-line);
  flex-wrap: wrap;
  display: flex;
}

.event-rail__bar .ib-input-wrap {
  width: 240px;
  margin-left: auto;
}

.event-rail .ib-rail {
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-lg);
  min-height: min(640px, 70vh);
  overflow: hidden;
}

@media (max-width: 720px) {
  .event-rail__bar .ib-input-wrap, .event-board .ib-board__search {
    width: 100%;
    margin-left: 0;
  }
}

:root, [data-theme="light"] {
  --ib-tile-locked-bg: var(--ib-paper);
}

[data-theme="dark"] {
  --ib-tile-locked-bg: var(--ib-surface);
}

.ib-tile.is-locked, .ib-tile.is-locked:hover {
  background: var(--ib-tile-locked-bg);
  border: 1px dashed var(--ib-control);
  color: var(--ib-dim);
  cursor: not-allowed;
}

.ib-tile.is-locked .ib-tile__name {
  font-weight: var(--ib-w-medium);
}

.ib-tile.is-locked .ib-tile__pts {
  color: var(--ib-faint);
  flex: none;
  margin-right: 0;
}

.ib-tile__lock {
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  font-size: var(--ib-fs-11);
  color: var(--ib-dim);
  display: block;
  overflow: hidden;
}

.ib-tile__lock svg {
  vertical-align: -2px;
  width: 12px;
  height: 12px;
  margin-right: 4px;
  display: inline-block;
}

.event-vpn-badge svg {
  width: 13px;
  height: 13px;
}

.event-cmodal__hosts {
  gap: 6px;
  display: grid;
}

.event-cmodal__hints {
  border-top: 1px solid var(--ib-line);
  margin: 0;
  padding: 0;
  list-style: none;
}

.event-cmodal__hints li {
  padding: var(--ib-2) 2px;
  border-bottom: 1px solid var(--ib-line);
}

.event-cmodal__hints p {
  margin-top: var(--ib-1);
  color: var(--ib-body);
}

.event-cmodal__hint-title {
  font-size: var(--ib-fs-13);
  font-weight: var(--ib-w-semibold);
  color: var(--ib-ink);
}

.event-cmodal__hint-title .ib-num {
  font-weight: var(--ib-w-regular);
  color: var(--ib-dim);
}

.event-cmodal__hint-head {
  justify-content: space-between;
  align-items: center;
  gap: var(--ib-3);
  min-height: 28px;
  display: flex;
}

.event-cmodal__hint-head .ib-btn {
  flex: none;
}

.event-cmodal__hints .ib-cmodal__hint, .event-cmodal__hint-text {
  margin-top: var(--ib-1);
}

.event-cmodal__hint-mode {
  margin: 0 0 var(--ib-2);
}

.event-cmodal__note {
  margin-top: 18px;
}

.event-cmodal__closed {
  padding: var(--ib-3) 14px;
  border-radius: var(--ib-r-lg);
  background: var(--ib-soft);
  color: var(--ib-body);
  margin-top: 18px;
}

.event-cmodal__closed b {
  color: var(--ib-ink);
}

dialog.ib-modal {
  max-width: calc(100vw - 32px);
  max-height: calc(100dvh - 32px);
  margin: auto;
  padding: 0;
  overflow: hidden;
}

dialog.ib-modal:not([open]) {
  display: none;
}

dialog.ib-modal::backdrop {
  background: var(--ib-backdrop);
}

dialog.ib-modal .ib-icon-btn svg {
  width: 18px;
  height: 18px;
}

.event-vpn-button.is-ready {
  --_fg: var(--ib-ok);
}

.event-vpn-button.is-failed {
  --_fg: var(--ib-danger);
}

.event-vpn-stand {
  align-items: flex-start;
  gap: var(--ib-3);
  padding: var(--ib-3) 14px;
  border-radius: var(--ib-r-lg);
  background: var(--ib-soft);
  display: flex;
}

.event-vpn-stand > svg {
  width: 20px;
  height: 20px;
  color: var(--ib-dim);
  flex: none;
  margin-top: 1px;
}

.event-vpn-stand.is-ready > svg {
  color: var(--ib-ok);
}

.event-vpn-stand.is-failed > svg {
  color: var(--ib-danger);
}

.event-vpn-stand.is-creating > svg, .event-vpn-stand.is-not_deployed > svg {
  color: var(--ib-warn);
}

.event-vpn-stand b {
  color: var(--ib-ink);
  font-weight: var(--ib-w-semibold);
  display: block;
}

.event-vpn-stand span {
  font-size: var(--ib-fs-13);
  color: var(--ib-dim);
  margin-top: 2px;
  display: block;
}

.event-vpn-steps {
  gap: var(--ib-2);
  color: var(--ib-body);
  line-height: var(--ib-lh-body);
  margin: 0;
  padding-left: 20px;
  display: grid;
}

.event-vpn-steps code {
  font: var(--ib-fs-13) var(--ib-mono);
  color: var(--ib-ink);
}

.event-vpn-note {
  font-size: var(--ib-fs-12);
  color: var(--ib-dim);
}

.event-inline-icon {
  vertical-align: -2px;
  width: 14px;
  height: 14px;
  display: inline-block;
}

.event-participation {
  width: 100%;
}

.event-part {
  padding: var(--ib-6) 0;
  border-top: 1px solid var(--ib-line);
}

.event-part:first-of-type {
  padding-top: var(--ib-2);
  border-top: 0;
}

.event-part__head {
  justify-content: space-between;
  align-items: baseline;
  gap: var(--ib-4);
  margin-bottom: var(--ib-4);
  display: flex;
}

.event-part__head h2 {
  font-size: var(--ib-fs-18, 18px);
  font-weight: var(--ib-w-semibold);
  color: var(--ib-ink);
}

.event-part__head p {
  font-size: var(--ib-fs-13);
  color: var(--ib-dim);
}

.event-part__rows {
  border-top: 1px solid var(--ib-line);
  grid-template-columns: minmax(140px, 200px) minmax(0, 1fr);
  display: grid;
}

.event-part__rows > dt, .event-part__rows > dd {
  min-height: 44px;
  padding: var(--ib-2) 0;
  border-bottom: 1px solid var(--ib-line);
  align-items: center;
  gap: var(--ib-2);
  min-width: 0;
  display: flex;
}

.event-part__rows > dt {
  font-size: var(--ib-fs-13);
  color: var(--ib-dim);
}

.event-part__rows > dd {
  color: var(--ib-ink);
  flex-wrap: wrap;
}

.event-part__rows > dd .event-part__end {
  gap: var(--ib-2);
  margin-left: auto;
  display: flex;
}

.event-part__muted {
  color: var(--ib-dim);
}

.event-part__missing {
  vertical-align: middle;
  margin-inline-start: 8px;
}

.event-part__note {
  margin-top: var(--ib-3);
  font-size: var(--ib-fs-13);
  color: var(--ib-dim);
}

.event-part__actions {
  gap: var(--ib-2);
  margin-top: var(--ib-4);
  flex-wrap: wrap;
  display: flex;
}

.event-part__inline {
  align-items: center;
  gap: var(--ib-2);
  flex-wrap: wrap;
  width: 100%;
  display: flex;
}

.event-part__inline .ib-input {
  flex: 220px;
  min-width: 0;
}

.event-part__form {
  gap: var(--ib-4);
  display: grid;
}

.event-part__choice {
  gap: var(--ib-4);
  grid-template-columns: 1fr 1fr;
  display: grid;
}

.event-part__choice > section {
  padding: var(--ib-5);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-lg);
  background: var(--ib-surface);
}

.event-part__choice h3 {
  font-size: var(--ib-fs-16);
  color: var(--ib-ink);
  margin-bottom: var(--ib-1);
}

.event-part__choice p {
  font-size: var(--ib-fs-13);
  color: var(--ib-dim);
  margin-bottom: var(--ib-4);
}

.event-part__code {
  font: var(--ib-fs-14) var(--ib-mono);
  letter-spacing: .2em;
  color: var(--ib-ink);
}

.event-part__link {
  gap: var(--ib-1);
  flex: 320px;
  min-width: 0;
  display: grid;
}

.event-part__link .ib-input {
  width: 100%;
}

.event-part__link small {
  font-size: var(--ib-fs-12);
}

.event-part__warn {
  color: var(--ib-danger);
}

.event-members {
  border-collapse: collapse;
  width: 100%;
  font-size: var(--ib-fs-14);
}

.event-members th {
  padding: 0 var(--ib-2) var(--ib-2) 0;
  border-bottom: 1px solid var(--ib-line);
  text-align: left;
  font-size: var(--ib-fs-12);
  font-weight: var(--ib-w-medium);
  color: var(--ib-dim);
}

.event-members td {
  height: 44px;
  padding: 0 var(--ib-2) 0 0;
  border-bottom: 1px solid var(--ib-line);
  color: var(--ib-ink);
}

.event-members tr.is-own td {
  font-weight: var(--ib-w-semibold);
}

.event-members td.is-actions {
  text-align: right;
  white-space: nowrap;
}

.event-members td.is-actions .ib-btn + .ib-btn {
  margin-left: var(--ib-1);
}

.event-part__field-value {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

@media (max-width: 640px) {
  .event-part__rows {
    grid-template-columns: 1fr;
  }

  .event-part__rows > dt {
    border-bottom: 0;
    min-height: 0;
    padding-bottom: 0;
  }

  .event-part__choice {
    grid-template-columns: 1fr;
  }
}

.event-part__subhead {
  margin: var(--ib-6) 0 var(--ib-3);
  font-size: var(--ib-fs-14);
  font-weight: var(--ib-w-semibold);
  color: var(--ib-ink);
}

.event-part .ib-btn svg {
  width: 14px;
  height: 14px;
}

.event-countdown {
  justify-content: space-between;
  align-items: center;
  gap: var(--ib-3) var(--ib-6);
  padding: var(--ib-4) var(--ib-5);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-lg);
  background: color-mix(in srgb,var(--ib-surface),var(--ev-brand) 6%);
  flex-wrap: wrap;
  flex: none;
  display: flex;
}

.event-challenges > .event-countdown {
  margin-bottom: var(--ib-5);
}

.event-countdown--finish {
  border-color: var(--ib-warn);
}

.event-countdown--finished {
  background: var(--ib-surface);
  justify-content: center;
}

.event-countdown__text {
  gap: var(--ib-1);
  min-width: 0;
  display: grid;
}

.event-countdown__label {
  color: var(--ib-ink);
  font-size: var(--ib-fs-16);
  font-weight: var(--ib-w-semibold);
}

.event-countdown__hint {
  color: var(--ib-dim);
  font-size: var(--ib-fs-13);
}

.event-countdown__clock {
  gap: var(--ib-5);
  flex-wrap: wrap;
  display: flex;
}

.event-countdown__cell {
  justify-items: center;
  gap: var(--ib-1);
  min-width: 56px;
  display: grid;
}

.event-countdown__cell strong {
  color: var(--ib-ink);
  font: var(--ib-w-semibold) clamp(30px,5vw,48px)/1 var(--ib-mono);
  font-variant-numeric: tabular-nums;
}

.event-countdown__cell span {
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
}

.event-countdown--finish .event-countdown__cell strong {
  color: var(--ib-warn);
}

@media (max-width: 640px) {
  .event-countdown {
    text-align: center;
    padding: var(--ib-4);
    flex-direction: column;
    align-items: stretch;
  }

  .event-countdown__clock {
    justify-content: center;
    gap: var(--ib-4);
  }
}

/* [project]/src/styles/event-manage.css [app-client] (css) */
:root {
  --ib-admin-rail-w: 64px;
  --ib-admin-active: var(--ib-brand-active);
  --ib-topbar-h: 52px;
}

.ib-admin-shell {
  height: var(--ib-shell-h, 100dvh);
  position: relative;
  overflow: hidden;
  container: ib-admin-shell / inline-size;
}

.ib-admin-shell__layout {
  grid-template-columns: var(--ib-admin-side-w) minmax(0,1fr);
  height: 100%;
  display: grid;
}

.ib-admin-shell__main {
  background: var(--ib-surface);
  min-width: 0;
  min-height: 0;
  color: var(--ib-body);
  flex-direction: column;
  display: flex;
}

.ib-admin-shell__scroll {
  min-height: 0;
  padding: var(--ib-6);
  flex: 1;
  overflow: auto;
}

.ib-admin-shell__scroll--flush, .ib-admin-shell__scroll.is-flush {
  padding: 0;
  overflow: hidden;
}

.ib-admin-shell__fill {
  height: 100%;
}

.ib-admin-shell__backdrop {
  display: none;
}

.ib-admin-side {
  min-height: 0;
  font-size: var(--ib-fs-14);
  flex-direction: column;
  display: flex;
}

.ib-admin-side :focus-visible {
  outline-color: var(--ib-on-brand);
}

.ib-admin-side__head {
  align-items: center;
  gap: var(--ib-3);
  padding: var(--ib-3) var(--ib-4);
  border-bottom: 1px solid var(--ib-brand-line);
  flex: none;
  display: flex;
}

.ib-admin-side__crest {
  object-fit: contain;
  flex: none;
  width: 32px;
  height: 32px;
}

.event-manage-logo-preview {
  align-items: center;
  gap: var(--ib-4);
  padding: var(--ib-4);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r);
  display: flex;
}

.event-manage-logo-preview img {
  object-fit: contain;
  width: 72px;
  height: 72px;
}

.event-manage-picture-preview {
  aspect-ratio: 2;
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r);
  background: var(--ib-soft);
  max-width: 560px;
  overflow: hidden;
}

.event-manage-picture-preview img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.event-manage-picture-empty {
  aspect-ratio: 2;
  border: 1px dashed var(--ib-line);
  border-radius: var(--ib-r);
  max-width: 560px;
  color: var(--ib-dim);
  font-size: var(--ib-fs-13);
  place-items: center;
  display: grid;
}

.event-manage-logo-actions {
  gap: var(--ib-2);
  flex-wrap: wrap;
}

.event-manage-visually-hidden {
  opacity: 0;
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

.ib-admin-side__title {
  min-width: 0;
  line-height: var(--ib-lh-tight);
  flex: 1;
}

.ib-admin-side__title b {
  font-weight: var(--ib-w-semibold);
  color: var(--ib-on-brand);
  display: block;
}

.ib-admin-side__title small {
  font-size: var(--ib-fs-12);
  color: var(--ib-on-brand-3);
  margin-top: 2px;
  display: block;
}

.ib-admin-side__close {
  display: none;
}

.ib-admin-side__nav {
  padding: var(--ib-2);
  flex-direction: column;
  flex: 1;
  gap: 2px;
  min-height: 0;
  display: flex;
  overflow: auto;
}

.ib-admin-side__group {
  padding: var(--ib-4) var(--ib-3) var(--ib-1);
  font-size: var(--ib-fs-12);
  color: var(--ib-on-brand-3);
  font-weight: var(--ib-w-medium);
}

.ib-admin-side__item {
  align-items: center;
  gap: var(--ib-3);
  width: 100%;
  min-height: var(--ib-control-h);
  padding: var(--ib-1) var(--ib-3);
  border-radius: var(--ib-r);
  color: var(--ib-on-brand-2);
  font: var(--ib-w-medium) var(--ib-fs-14)/var(--ib-lh-ui) var(--ib-font);
  text-align: left;
  cursor: pointer;
  transition: background-color var(--ib-dur-fast) var(--ib-ease),color var(--ib-dur-fast) var(--ib-ease);
  background: none;
  border: 0;
  text-decoration: none;
  display: flex;
  position: relative;
}

.ib-admin-side__item:hover {
  background: var(--ib-brand-hover);
  color: var(--ib-on-brand);
  text-decoration: none;
}

.ib-admin-side__item[aria-current="page"] {
  background: var(--ib-admin-active);
  color: var(--ib-on-brand);
  font-weight: var(--ib-w-semibold);
}

.ib-admin-side__item.is-unread {
  color: var(--ib-on-brand);
  font-weight: var(--ib-w-semibold);
}

.ib-admin-side__item[aria-disabled="true"] {
  color: var(--ib-on-brand-3);
  cursor: not-allowed;
  background: none;
}

.ib-admin-side__item .ib-icon {
  width: 16px;
  height: 16px;
}

.ib-admin-side__label {
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.ib-admin-side__count {
  border-radius: var(--ib-r-pill);
  background: var(--ib-mass-btn);
  min-width: 20px;
  height: 20px;
  color: var(--ib-brand);
  font: var(--ib-w-semibold) var(--ib-fs-11)/1 var(--ib-mono);
  font-variant-numeric: tabular-nums;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  padding: 0 6px;
  display: inline-flex;
}

.ib-admin-side__foot {
  padding: var(--ib-2);
  border-top: 1px solid var(--ib-brand-line);
  flex: none;
}

.ib-admin-side__user {
  align-items: center;
  gap: var(--ib-3);
  width: 100%;
  padding: var(--ib-1) var(--ib-2);
  border-radius: var(--ib-r);
  color: var(--ib-on-brand);
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  display: flex;
}

.ib-admin-side__user:hover {
  background: var(--ib-brand-hover);
}

.ib-admin-side__avatar {
  background: var(--ib-mass-btn);
  width: 28px;
  height: 28px;
  color: var(--ib-brand);
  font: var(--ib-w-semibold) var(--ib-fs-12)/1 var(--ib-font);
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.ib-admin-side__person {
  min-width: 0;
  line-height: var(--ib-lh-tight);
}

.ib-admin-side__person b {
  font-size: var(--ib-fs-13);
  font-weight: var(--ib-w-semibold);
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
}

.ib-admin-side__person small {
  font-size: var(--ib-fs-12);
  color: var(--ib-on-brand-3);
  margin-top: 2px;
  display: block;
}

.ib-topbar {
  align-items: center;
  gap: var(--ib-4);
  height: var(--ib-topbar-h);
  padding: 0 var(--ib-6);
  background: var(--ib-surface);
  border-bottom: 1px solid var(--ib-line);
  flex: none;
  display: flex;
}

.ib-topbar .ib-topbar__menu {
  display: none;
}

.ib-topbar__crumbs {
  align-items: center;
  gap: var(--ib-2);
  min-width: 0;
  font-size: var(--ib-fs-13);
  color: var(--ib-dim);
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.ib-topbar__crumbs li {
  align-items: center;
  gap: var(--ib-2);
  white-space: nowrap;
  min-width: 0;
  display: flex;
}

.ib-topbar__crumbs li + li:before {
  content: "/";
  color: var(--ib-faint);
}

.ib-topbar__crumbs a {
  color: var(--ib-dim);
  font-weight: var(--ib-w-regular);
}

.ib-topbar__crumbs a:hover {
  color: var(--ib-ink);
}

.ib-topbar__crumbs [aria-current="page"] {
  color: var(--ib-ink);
  font-weight: var(--ib-w-semibold);
  text-overflow: ellipsis;
  overflow: hidden;
}

.ib-topbar__actions {
  align-items: center;
  gap: var(--ib-2);
  flex: none;
  margin-left: auto;
  display: flex;
}

.ib-topbar__icon-btn {
  justify-content: center;
  align-items: center;
  gap: var(--ib-1);
  height: var(--ib-control-h);
  min-width: var(--ib-control-h);
  padding: 0 var(--ib-2);
  border-radius: var(--ib-r);
  color: var(--ib-dim);
  cursor: pointer;
  background: none;
  border: 0;
  display: inline-flex;
  position: relative;
}

.ib-topbar__icon-btn:hover {
  background: var(--ib-soft);
  color: var(--ib-ink);
}

.ib-topbar__icon-btn .ib-icon {
  width: 18px;
  height: 18px;
}

.ib-topbar__avatar {
  width: var(--ib-control-h);
  height: var(--ib-control-h);
  background: var(--ib-action);
  color: var(--ib-on-action);
  font: var(--ib-w-semibold) var(--ib-fs-12)/1 var(--ib-font);
  cursor: pointer;
  border: 0;
  border-radius: 50%;
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.ib-topbar__avatar:hover {
  background: var(--ib-action-hover);
}

@container ib-admin-shell (min-width: 768px) {
  .ib-admin-shell.is-collapsed .ib-admin-shell__layout {
    grid-template-columns: var(--ib-admin-rail-w) minmax(0,1fr);
  }

  .is-collapsed .ib-admin-side__head {
    padding: var(--ib-3) 0;
    justify-content: center;
  }

  .is-collapsed .ib-admin-side__title, .is-collapsed .ib-admin-side__label, .is-collapsed .ib-admin-side__person {
    clip: rect(0 0 0 0);
    white-space: nowrap;
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
  }

  .is-collapsed .ib-admin-side__group {
    height: 1px;
    margin: var(--ib-2) var(--ib-1);
    background: var(--ib-brand-line);
    color: #0000;
    padding: 0;
    overflow: hidden;
  }

  .is-collapsed .ib-admin-side__item {
    height: var(--ib-control-h-lg);
    justify-content: center;
    padding: 0;
  }

  .is-collapsed .ib-admin-side__count {
    min-width: 16px;
    height: 16px;
    padding: 0 4px;
    position: absolute;
    top: 2px;
    right: 2px;
  }

  .is-collapsed .ib-admin-side__user {
    padding: var(--ib-1);
    justify-content: center;
  }
}

@container ib-admin-shell (max-width: 767px) {
  .ib-admin-shell__layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .ib-admin-shell__scroll {
    padding: var(--ib-4);
  }

  .ib-admin-shell .ib-admin-side {
    z-index: 80;
    visibility: hidden;
    width: min(280px, 86%);
    transition: transform var(--ib-dur-move) var(--ib-ease),visibility 0s linear var(--ib-dur-move);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    transform: translateX(-100%);
  }

  .ib-admin-shell.is-drawer-open .ib-admin-side {
    visibility: visible;
    transition: transform var(--ib-dur-move) var(--ib-ease);
    transform: none;
  }

  .ib-admin-shell.is-drawer-open .ib-admin-shell__backdrop {
    z-index: 79;
    background: var(--ib-backdrop);
    display: block;
    position: absolute;
    inset: 0;
  }

  .ib-admin-side__close {
    width: var(--ib-control-h-lg);
    height: var(--ib-control-h-lg);
    margin-right: calc(var(--ib-2) * -1);
    border-radius: var(--ib-r);
    color: var(--ib-on-brand);
    cursor: pointer;
    background: none;
    border: 0;
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  .ib-admin-side__close:hover {
    background: var(--ib-brand-hover);
  }

  .ib-admin-side__close .ib-icon {
    width: 20px;
    height: 20px;
  }

  .ib-admin-side__item {
    min-height: var(--ib-control-h-lg);
  }

  .ib-topbar {
    padding: 0 var(--ib-2) 0 var(--ib-1);
    gap: var(--ib-2);
  }

  .ib-topbar .ib-topbar__menu {
    display: inline-flex;
  }

  .ib-topbar__crumbs li:not(:last-child) {
    display: none;
  }

  .ib-topbar__crumbs li + li:before {
    content: none;
  }

  .ib-topbar__hide-sm {
    display: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ib-admin-shell .ib-admin-side, .ib-admin-side__item {
    transition: none !important;
  }
}

.event-manage-shell .ib-admin-side__head {
  min-height: var(--ib-topbar-h);
}

.event-manage-shell .ib-admin-side__title b {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.event-manage-shell .ib-admin-side__item svg {
  flex: none;
  width: 16px;
  height: 16px;
}

.event-manage-shell .ib-topbar__icon-btn svg {
  width: 18px;
  height: 18px;
}

.event-manage-mode {
  font-size: var(--ib-fs-12);
  color: var(--ib-dim);
  white-space: nowrap;
}

.event-manage-entry {
  gap: var(--ib-2);
  white-space: nowrap;
}

@media (max-width: 767px) {
  .ib-navbar__actions > .event-manage-entry {
    display: none;
  }
}

.event-manage-settings, .event-manage-setup, .event-manage-content, .event-manage-registration, .event-live-editor {
  --event-manage-flow: 0px;
  width: 100%;
  max-width: none;
  padding-bottom: var(--ib-12);
  margin: 0;
}

.event-manage-general, .event-manage-appearance, .event-manage-registration, .event-manage-mail, .event-manage-participants, .event-manage-teams, .event-manage-results, .event-stands, .event-live-editor {
  --event-manage-flow: var(--ib-4);
}

[role="tabpanel"] > :is(.event-manage-settings, .event-manage-content) {
  padding-bottom: 0;
}

.event-manage-shell .ib-admin-shell__scroll > * {
  max-width: 1440px;
  margin-inline-start: max(0px, 50% - 720px);
}

.event-manage-shell .ib-admin-shell__scroll > :is(.event-manage-general, .event-manage-appearance, .event-manage-schedule, .event-manage-setup, .event-manage-mail), .event-manage-shell [role="tabpanel"] > .event-manage-general {
  max-width: 1200px;
}

.event-manage-general, .event-manage-appearance {
  gap: var(--ib-4);
  display: grid;
}

.event-manage-general .event-manage-section, .event-manage-appearance .event-manage-section {
  gap: var(--ib-4);
  padding: var(--ib-5);
}

.event-manage-general textarea.event-manage-input {
  min-height: 86px;
}

@media (min-width: 1024px) {
  :is(.event-manage-general, .event-manage-appearance) .event-manage-section, .event-manage-setup__form {
    column-gap: var(--ib-6);
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  :is(.event-manage-general, .event-manage-appearance) .event-manage-section > :not(.event-manage-field, .event-brand-field), .event-manage-setup__form > :not(.event-manage-field, .event-brand-field) {
    grid-column: 1 / -1;
  }

  :is(.event-manage-general, .event-manage-appearance) .event-manage-section > :is(.event-manage-field, .event-brand-field):has(textarea, .event-manage-choice-group, .event-lexical, .event-rich-text-field) {
    grid-column: 1 / -1;
  }

  .event-manage-setup__form > :is(.event-manage-field, .event-brand-field):has(textarea, .event-manage-choice-group, .event-lexical, .event-rich-text-field) {
    grid-column: 1 / -1;
  }
}

.event-manage-details > summary {
  justify-content: space-between;
  align-items: center;
  gap: var(--ib-3);
  cursor: pointer;
  list-style: none;
  display: flex;
}

.event-manage-details > summary::-webkit-details-marker {
  display: none;
}

.event-manage-details > summary span {
  gap: 2px;
  display: grid;
}

.event-manage-details > summary strong {
  font-size: var(--ib-fs-16);
}

.event-manage-details > summary small {
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
}

.event-manage-details[open] > summary svg {
  transform: rotate(180deg);
}

.event-brand-field {
  gap: var(--ib-2);
  min-width: 0;
  font-size: var(--ib-fs-13);
  display: grid;
}

.event-brand-field__head {
  align-items: center;
  gap: var(--ib-1);
  font-weight: var(--ib-w-medium);
  display: inline-flex;
}

.event-field-required {
  color: var(--ib-danger);
  font-weight: var(--ib-w-semibold);
}

.event-brand-help {
  width: 20px;
  height: 20px;
  color: var(--ib-dim);
  cursor: help;
  background: none;
  border: 0;
  place-items: center;
  padding: 0;
  display: inline-grid;
}

.event-brand-help:hover {
  color: var(--ib-ink);
}

.ib-tip__bubble:has(.event-brand-tooltip-copy) {
  max-width: 300px;
  padding: 10px 12px;
}

.event-brand-tooltip-copy {
  white-space: pre-line;
  line-height: 1.5;
}

.event-manage-validation.event-manage-validation--warning {
  color: var(--ib-warn);
}

.event-brand-drop {
  justify-content: center;
  align-items: center;
  gap: var(--ib-3);
  width: 100%;
  min-width: 0;
  min-height: 82px;
  padding: var(--ib-3);
  border: 1px dashed var(--ib-line);
  border-radius: var(--ib-r);
  background: var(--ib-soft);
  color: var(--ib-ink);
  font: inherit;
  cursor: pointer;
  display: flex;
}

.event-brand-drop:hover, .event-brand-drop:focus-within {
  border-color: var(--ib-action);
  color: var(--ib-ink);
}

.event-brand-drop:disabled {
  opacity: .65;
  cursor: not-allowed;
}

.event-brand-drop > svg {
  width: 24px;
  height: 24px;
  color: var(--ib-ink);
  stroke-width: 2px;
  flex: none;
}

.event-brand-drop__action {
  text-align: left;
  justify-items: start;
  gap: 2px;
  display: grid;
}

.event-brand-drop__action strong {
  font-weight: var(--ib-w-semibold);
}

.event-brand-drop small {
  font-size: var(--ib-fs-12);
  color: var(--ib-dim);
}

.event-brand-drop--preview {
  min-height: 96px;
}

.event-brand-current {
  align-items: center;
  gap: var(--ib-3);
  width: 100%;
  min-width: 0;
  min-height: 82px;
  display: flex;
}

.event-brand-current > img {
  object-fit: contain;
  width: auto;
  max-width: min(320px, 100% - 104px);
  height: 82px;
  max-height: 82px;
  display: block;
}

.event-brand-current--preview {
  min-height: 96px;
}

.event-brand-current--preview > img {
  height: 96px;
  max-height: 96px;
}

.event-brand-current--favicon > img {
  height: 64px;
}

.event-brand-current__actions {
  align-items: center;
  gap: var(--ib-2);
  opacity: 0;
  transition: opacity var(--ib-dur-fast) var(--ib-ease);
  flex: none;
  display: flex;
}

.event-brand-current:hover .event-brand-current__actions, .event-brand-current:focus-within .event-brand-current__actions {
  opacity: 1;
}

.event-brand-change, .event-brand-remove {
  aspect-ratio: 1;
  place-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  padding: 0;
  display: grid;
}

.event-brand-remove:hover, .event-brand-remove:focus-visible {
  border-color: var(--ib-danger);
  background: var(--ib-danger-bg);
  color: var(--ib-danger);
}

@media (hover: none) {
  .event-brand-current__actions {
    opacity: 1;
  }
}

.event-brand-field > small {
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
}

.event-brand-field > small.event-brand-field__error {
  color: var(--ib-danger);
}

.event-brand-reset {
  place-self: start;
}

.event-brand-section-head {
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--ib-3);
  display: flex;
}

.event-manage-color {
  position: relative;
}

.event-color-picker {
  cursor: pointer;
  flex: none;
  place-items: center;
  width: 40px;
  height: 40px;
  display: inline-grid;
  position: relative;
}

.event-color-picker:focus-within {
  outline: 2px solid var(--ib-action);
  outline-offset: 2px;
}

.event-color-picker input[type="color"] {
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: inherit;
  position: absolute;
  inset: 0;
}

.event-color-swatch {
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r);
  background: var(--ib-surface);
  width: 38px;
  height: 38px;
  color: var(--ib-dim);
  place-items: center;
  display: grid;
}

.event-manage-color {
  width: 100%;
  min-width: 0;
}

.event-manage-color .event-manage-input {
  flex: 1;
  width: auto;
  min-width: 0;
}

.event-manage-color:has(.event-brand-reset-icon) .event-manage-input {
  padding-right: 54px;
}

.event-brand-reset-icon {
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r);
  background: var(--ib-surface);
  width: 30px;
  height: 30px;
  color: var(--ib-dim);
  cursor: pointer;
  flex: none;
  place-items: center;
  padding: 0;
  display: inline-grid;
}

.event-manage-color .event-brand-reset-icon {
  border: 1px solid var(--ib-line);
  width: 30px;
  height: 30px;
  color: var(--ib-ink);
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}

.event-brand-reset-icon:hover {
  border-color: var(--ib-action);
  color: var(--ib-action);
  background: var(--ib-soft);
}

.event-brand-palette-dialog {
  border-color: var(--ib-line);
  border-radius: var(--ib-r-lg);
  background: var(--ib-surface);
  color: var(--ib-ink);
}

.event-brand-palette-dialog__colors {
  gap: var(--ib-3);
  display: grid;
}

.event-brand-palette-dialog__colors > div {
  justify-content: space-between;
  align-items: center;
  gap: var(--ib-3);
  font-size: var(--ib-fs-13);
  display: flex;
}

.event-brand-palette-dialog__colors strong {
  align-items: center;
  gap: var(--ib-2);
  font: var(--ib-w-semibold) var(--ib-fs-13)/var(--ib-lh-ui) var(--ib-mono);
  display: inline-flex;
}

.event-brand-palette-dialog__colors i {
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-sm);
  width: 24px;
  height: 24px;
  display: inline-block;
}

.event-brand-palette-dialog__actions {
  justify-content: flex-end;
  gap: var(--ib-2);
  flex-wrap: wrap;
  display: flex;
}

.event-brand-preview-logo {
  align-items: center;
  gap: var(--ib-2);
  display: flex;
}

.event-brand-preview-logo img {
  object-fit: contain;
  width: 24px;
  height: 24px;
}

.event-manage-savebar {
  z-index: 2;
  justify-content: flex-end;
  align-items: center;
  gap: var(--ib-3);
  padding: var(--ib-3) 0;
  background: var(--ib-surface);
  display: flex;
  position: sticky;
  bottom: 0;
}

.event-manage-heading {
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--ib-5);
  display: flex;
}

.event-manage-heading, .event-live-editor__heading, :is(.event-manage-heading, .event-live-editor__heading) ~ [role="tablist"] {
  margin-bottom: calc(var(--ib-6) - var(--event-manage-flow, 0px));
}

.event-manage-heading h1 {
  font-size: var(--ib-fs-24);
}

.event-manage-heading p:not(.event-manage-eyebrow) {
  margin-top: var(--ib-2);
  color: var(--ib-dim);
}

.event-manage-heading__actions {
  justify-content: flex-end;
  gap: var(--ib-2);
  flex-wrap: wrap;
  display: flex;
}

.event-manage-icon-action {
  width: var(--ib-control-h);
  height: var(--ib-control-h);
  place-items: center;
  padding: 0;
  display: grid;
}

.event-manage-eyebrow {
  margin-bottom: var(--ib-2);
  color: var(--ib-accent);
  font-size: var(--ib-fs-12);
  font-weight: var(--ib-w-semibold);
}

.event-manage-planned {
  max-width: 880px;
  margin: 0 auto;
}

.event-manage-planned__notice {
  justify-items: start;
  gap: var(--ib-3);
  padding: var(--ib-6);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-lg);
  background: var(--ib-surface);
  display: grid;
}

.event-manage-planned__notice h2 {
  font-size: var(--ib-fs-18);
}

.event-manage-planned__notice p {
  color: var(--ib-dim);
  font-size: var(--ib-fs-14);
}

.event-manage-grid {
  align-items: start;
  gap: var(--ib-8);
  grid-template-columns: minmax(0, 1fr) minmax(280px, 350px);
  display: grid;
}

.event-manage-forms {
  gap: var(--ib-6);
  min-width: 0;
  display: grid;
}

.event-manage-section {
  gap: var(--ib-5);
  padding: var(--ib-6);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-lg);
  background: var(--ib-surface);
  display: grid;
}

.event-manage-section__head h2, .event-manage-preview__head h2 {
  font-size: var(--ib-fs-16);
}

.event-manage-section__head p, .event-manage-preview__head p {
  margin-top: var(--ib-1);
  color: var(--ib-dim);
  font-size: var(--ib-fs-13);
}

.event-manage-section__actions {
  padding-top: var(--ib-4);
  justify-content: flex-end;
  display: flex;
}

.event-manage-fields-two, .event-manage-fields-three {
  gap: var(--ib-4);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.event-manage-fields-three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.event-manage-field {
  align-content: start;
  gap: var(--ib-2);
  min-width: 0;
  color: var(--ib-ink);
  font-size: var(--ib-fs-13);
  font-weight: var(--ib-w-medium);
  display: grid;
}

.event-manage-field small {
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
  font-weight: var(--ib-w-regular);
  line-height: var(--ib-lh-ui);
}

.event-manage-input {
  width: 100%;
  min-width: 0;
  min-height: var(--ib-control-h-lg);
  padding: 0 var(--ib-3);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r);
  background: var(--ib-surface);
  color: var(--ib-ink);
  font: var(--ib-w-regular) var(--ib-fs-14)/var(--ib-lh-ui) var(--ib-font);
}

textarea.event-manage-input {
  padding: var(--ib-3);
}

textarea.event-manage-input, textarea.event-join-input {
  resize: vertical;
  max-height: 80vh;
  min-height: calc(attr(rows type(<number>),2)*1lh + 2*var(--ib-3) + 2px);
  overflow: hidden auto;
}

textarea.event-join-input {
  min-height: calc(attr(rows type(<number>),2)*1lh + 2*var(--ib-2) + 2px);
}

.event-manage-input:focus-visible {
  border-color: var(--ib-action);
}

.event-manage-input:disabled {
  opacity: .65;
  cursor: not-allowed;
}

.event-manage-color {
  align-items: center;
  gap: var(--ib-2);
  display: flex;
}

.event-manage-color > input[type="color"] {
  width: var(--ib-control-h-lg);
  height: var(--ib-control-h-lg);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r);
  background: var(--ib-surface);
  cursor: pointer;
  flex: none;
  padding: 4px;
}

.event-manage-color > input[type="color"]:disabled {
  cursor: not-allowed;
  opacity: .65;
}

.event-manage-notice, .event-manage-feedback {
  align-items: center;
  gap: var(--ib-2);
  padding: var(--ib-3) var(--ib-4);
  margin-bottom: var(--ib-5);
  border-radius: var(--ib-r);
  background: var(--ib-soft);
  color: var(--ib-ink);
  font-size: var(--ib-fs-13);
  display: flex;
}

.event-manage-feedback--error {
  background: var(--ib-danger-bg);
  color: var(--ib-danger);
}

.event-manage-validation {
  color: var(--ib-danger);
  font-size: var(--ib-fs-13);
}

.event-manage-warning {
  align-items: center;
  gap: var(--ib-3);
  padding: var(--ib-4);
  border: 1px solid var(--ib-danger);
  border-radius: var(--ib-r);
  background: var(--ib-danger-bg);
  color: var(--ib-danger);
  font-size: var(--ib-fs-13);
  font-weight: var(--ib-w-semibold);
  display: flex;
}

.event-manage-warning svg {
  flex: none;
}

.event-content-editor__action-warning {
  padding: var(--ib-3);
  font-weight: var(--ib-w-medium);
  align-items: flex-start;
}

.event-content-editor__action-warning a {
  color: inherit;
  font-weight: var(--ib-w-semibold);
  text-underline-offset: 2px;
  text-decoration: underline;
}

.event-challenge-manager__list {
  gap: var(--ib-2);
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.event-challenge-manager__group, .event-challenge-manager__task {
  align-items: center;
  gap: var(--ib-3);
  min-width: 0;
  padding: var(--ib-3);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r);
  display: flex;
}

.event-challenge-manager__group-main {
  align-items: baseline;
  gap: var(--ib-3);
  flex: 1;
  min-width: 0;
  display: flex;
}

.event-challenge-manager__group-main strong, .event-challenge-manager__task-name strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--ib-fs-14);
  font-weight: var(--ib-w-semibold);
  overflow: hidden;
}

.event-challenge-manager__group-main span, .event-challenge-manager__board h3 span {
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
  font-weight: var(--ib-w-regular);
  white-space: nowrap;
}

.event-challenge-manager__actions {
  gap: var(--ib-1);
  margin-left: auto;
  display: flex;
}

.event-challenge-manager__actions .ib-btn:has(svg) {
  width: var(--ib-control-h);
  padding: 0;
}

.event-challenge-manager__rename {
  align-items: center;
  gap: var(--ib-2);
  flex: 1;
  min-width: 0;
  display: flex;
}

.event-challenge-manager__rename .event-manage-input {
  max-width: 320px;
}

.event-challenge-manager__create {
  align-items: end;
  gap: var(--ib-3);
  border-top: 1px solid var(--ib-line);
  padding-top: var(--ib-4);
  display: flex;
}

.event-challenge-manager__create .event-manage-field {
  flex: 1;
  max-width: 400px;
}

.event-challenge-manager__board {
  gap: var(--ib-3);
  display: grid;
}

.event-challenge-manager__board + .event-challenge-manager__board {
  border-top: 1px solid var(--ib-line);
  padding-top: var(--ib-4);
}

.event-challenge-manager__board h3 {
  align-items: baseline;
  gap: var(--ib-2);
  font-size: var(--ib-fs-14);
  font-weight: var(--ib-w-semibold);
  margin: 0;
  display: flex;
}

.event-challenge-manager__task-name {
  align-items: center;
  gap: var(--ib-3);
  flex: 1;
  min-width: 0;
  display: flex;
}

.event-challenge-manager__position {
  border-radius: var(--ib-r);
  background: var(--ib-soft);
  width: 28px;
  height: 28px;
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
  flex: none;
  place-items: center;
  display: grid;
}

.event-challenge-manager__task .event-select {
  flex: none;
  width: 220px;
}

.event-exercise-editor__tasks {
  gap: var(--ib-2);
  display: grid;
}

.event-exercise-editor__task {
  gap: var(--ib-3);
  padding: var(--ib-4);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r);
  display: grid;
}

.event-exercise-editor__task-head {
  justify-content: space-between;
  align-items: baseline;
  gap: var(--ib-3);
  display: flex;
}

.event-exercise-editor__task-head strong, .event-exercise-editor__choice strong {
  font-size: var(--ib-fs-14);
  font-weight: var(--ib-w-semibold);
}

.event-exercise-editor__task-head span, .event-exercise-editor__choice p {
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
}

.event-exercise-editor__controls {
  align-items: end;
  gap: var(--ib-4);
  flex-wrap: wrap;
  display: flex;
}

.event-exercise-editor__scoring {
  gap: var(--ib-3);
  padding-top: var(--ib-3);
  border-top: 1px solid var(--ib-line);
  display: grid;
}

.event-exercise-editor__scoring > .event-manage-field {
  max-width: 280px;
}

.event-exercise-editor__scoring > .ib-btn {
  justify-self: start;
}

.event-exercise-editor__controls > .event-manage-field {
  width: 110px;
}

.event-exercise-editor__check {
  align-items: center;
  gap: var(--ib-2);
  min-height: var(--ib-control-h-lg);
  font-size: var(--ib-fs-13);
  cursor: pointer;
  display: inline-flex;
}

.event-exercise-editor__check input {
  accent-color: var(--ib-action);
}

.event-exercise-editor__controls > .ib-btn {
  margin-left: auto;
}

.event-exercise-editor__search {
  align-items: end;
  gap: var(--ib-3);
  display: flex;
}

.event-exercise-editor__search .event-manage-field {
  flex: 1;
  max-width: 420px;
}

.event-exercise-editor__choice {
  justify-content: space-between;
  align-items: center;
  gap: var(--ib-4);
  padding: var(--ib-3) var(--ib-4);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r);
  display: flex;
}

.event-exercise-editor__choice p {
  margin: var(--ib-1) 0 0;
  line-height: var(--ib-lh-ui);
}

.event-exercise-editor__choice-actions {
  gap: var(--ib-2);
  flex: none;
  display: flex;
}

.event-exercise-editor__preview {
  gap: var(--ib-2);
  margin-top: var(--ib-3);
  padding: var(--ib-4);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r);
  background: var(--ib-soft);
  display: grid;
}

.event-exercise-editor__preview-head {
  justify-content: space-between;
  align-items: center;
  gap: var(--ib-3);
  display: flex;
}

.event-exercise-editor__preview h3, .event-exercise-editor__preview p {
  margin: 0;
}

.event-exercise-editor__preview ol {
  gap: var(--ib-1);
  padding-left: var(--ib-5);
  margin: 0;
  display: grid;
}

.event-exercise-editor__preview li {
  padding-left: var(--ib-1);
}

.event-exercise-editor__preview li span {
  margin-left: var(--ib-2);
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
}

.event-exercise-editor__choice > .ib-btn {
  flex: none;
}

.event-challenge-manager__panel {
  gap: var(--ib-4);
  display: grid;
}

.event-exercise-set {
  gap: var(--ib-3);
  display: grid;
}

.event-exercise-set + .event-exercise-set {
  border-top: 1px solid var(--ib-line);
  padding-top: var(--ib-5);
}

.event-exercise-set__head {
  align-items: center;
  gap: var(--ib-1) var(--ib-4);
  grid-template-columns: minmax(0, 1fr) auto;
  display: grid;
}

.event-exercise-set__title {
  align-items: center;
  gap: var(--ib-2);
  flex-wrap: wrap;
  min-width: 0;
  display: flex;
}

.event-exercise-set__title h3 {
  font-size: var(--ib-fs-16);
  font-weight: var(--ib-w-semibold);
  margin: 0;
}

.event-exercise-set__meta {
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
  grid-column: 1 / -1;
  margin: 0;
}

.event-exercise-set__actions {
  justify-content: flex-end;
  gap: var(--ib-2);
  flex-wrap: wrap;
  display: flex;
}

.event-exercise-set__actions svg {
  width: 14px;
  height: 14px;
}

.event-exercise-set__notice {
  justify-content: space-between;
  align-items: center;
  gap: var(--ib-3);
  padding: var(--ib-2) var(--ib-3);
  border-radius: var(--ib-r);
  background: var(--ib-soft);
  font-size: var(--ib-fs-13);
  color: var(--ib-body);
  display: flex;
}

.event-exercise-set__notice strong {
  margin-right: var(--ib-1);
  color: var(--ib-ink);
  font-weight: var(--ib-w-semibold);
}

.event-exercise-set__notice .ib-btn {
  flex: none;
}

.event-exercise-set.is-detached {
  opacity: .62;
}

.event-exercise-set.is-detached h3 {
  font-size: var(--ib-fs-14);
  font-weight: var(--ib-w-medium);
}

.event-exercise-set__dialog-name {
  font-weight: var(--ib-w-semibold);
  margin: 0;
}

.event-exercise-infra {
  border-radius: var(--ib-r-sm);
  width: 22px;
  height: 22px;
  color: var(--ib-dim);
  place-items: center;
  display: inline-grid;
}

.event-exercise-infra svg {
  width: 15px;
  height: 15px;
}

.event-exercise-hints {
  gap: var(--ib-2);
  padding-top: var(--ib-3);
  border-top: 1px solid var(--ib-line);
  display: grid;
}

.event-exercise-hints > .ib-btn {
  justify-self: start;
}

.event-exercise-hints__title {
  font-size: var(--ib-fs-13);
  font-weight: var(--ib-w-semibold);
}

.event-exercise-hints__list {
  gap: var(--ib-1);
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.event-exercise-hints__item {
  align-items: center;
  gap: var(--ib-3);
  font-size: var(--ib-fs-13);
  grid-template-columns: auto auto minmax(0, 1fr) auto;
  display: grid;
}

.event-exercise-hints__name {
  white-space: nowrap;
  font-weight: var(--ib-w-medium);
}

.event-exercise-hints__level {
  white-space: nowrap;
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
}

.event-exercise-hints__text {
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--ib-dim);
  overflow: hidden;
}

.event-exercise-hints__tip {
  min-width: 0;
}

.event-exercise-hints__cost {
  align-items: center;
  gap: var(--ib-2);
  display: flex;
}

.event-exercise-hints__cost .event-manage-input {
  width: 96px;
}

.event-exercise-hints__unit {
  min-width: 72px;
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
}

.event-exercise-picker {
  gap: var(--ib-3);
  width: 100%;
  min-width: 0;
  display: grid;
}

.event-exercise-picker__filter {
  align-items: center;
  gap: var(--ib-3);
  font-size: var(--ib-fs-13);
  color: var(--ib-dim);
  display: flex;
}

.event-exercise-picker__list {
  gap: var(--ib-1);
  flex-direction: column;
  width: 100%;
  height: min(380px, 45dvh);
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  overflow: auto;
}

.event-exercise-picker > .event-block-state {
  --event-block-state-h: min(380px,45dvh);
  height: min(380px, 45dvh);
  min-height: 0;
}

.event-exercise-picker__item {
  align-items: center;
  gap: var(--ib-1) var(--ib-3);
  width: 100%;
  padding: var(--ib-2) var(--ib-3);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r);
  color: var(--ib-ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  grid-template-columns: minmax(0, 1fr) auto;
  display: grid;
}

.event-exercise-picker__item:hover:not(:disabled) {
  border-color: var(--ib-control);
}

.event-exercise-picker__item.is-selected {
  border-color: var(--ib-action);
  background: var(--ib-soft);
}

.event-exercise-picker__item:disabled {
  cursor: default;
  opacity: .6;
}

.event-exercise-picker__name {
  align-items: center;
  gap: var(--ib-2);
  font-size: var(--ib-fs-14);
  display: flex;
}

.event-exercise-picker__name strong {
  font-weight: var(--ib-w-semibold);
}

.event-exercise-picker__desc {
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
  grid-column: 1;
  overflow: hidden;
}

.event-exercise-picker__tags {
  justify-content: flex-end;
  gap: var(--ib-1);
  flex-wrap: wrap;
  grid-area: 1 / 2 / span 2;
  display: flex;
}

.event-exercise-picker__variants {
  gap: var(--ib-1);
  padding: var(--ib-2) 0 0;
  border: 0;
  border-top: 1px solid var(--ib-line);
  margin: 0;
  display: grid;
}

.event-exercise-picker__variants legend {
  padding: var(--ib-2) 0 0;
  font-size: var(--ib-fs-13);
  font-weight: var(--ib-w-semibold);
}

.event-exercise-editor__preview-head .event-select {
  width: 160px;
}

.event-exercise-picker .event-exercise-editor__preview h3 {
  font-size: var(--ib-fs-16);
}

.event-hint-charge {
  gap: var(--ib-2);
  margin: var(--ib-3) 0 0;
  border: 0;
  padding: 0;
  display: grid;
}

.event-hint-charge legend {
  margin-bottom: var(--ib-2);
  font-size: var(--ib-fs-13);
  font-weight: var(--ib-w-semibold);
  padding: 0;
}

@media (max-width: 640px) {
  .event-exercise-set__head {
    grid-template-columns: 1fr;
  }

  .event-exercise-set__actions {
    justify-content: flex-start;
  }

  .event-exercise-hints__item {
    grid-template-columns: 1fr;
  }

  .event-exercise-set__notice {
    flex-direction: column;
    align-items: flex-start;
  }
}

.event-attempts-manager__total {
  color: var(--ib-dim);
  font-size: var(--ib-fs-13);
  flex: none;
  align-self: center;
}

.event-attempts-manager__pagination {
  justify-content: space-between;
  align-items: center;
  gap: var(--ib-2);
  padding: var(--ib-3);
  display: flex;
}

.event-attempts-manager__pagination span {
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
}

.event-attempts-manager__detail {
  gap: var(--ib-4);
  display: grid;
}

.event-attempts-manager__facts {
  gap: var(--ib-3);
  margin: 0;
  display: grid;
}

.event-attempts-manager__facts > div {
  gap: var(--ib-1);
  display: grid;
}

.event-attempts-manager__facts dt {
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
}

.event-attempts-manager__facts dd {
  font-size: var(--ib-fs-14);
  overflow-wrap: anywhere;
  margin: 0;
}

.event-attempts-manager__facts code, .event-attempts-manager__expected code {
  font: var(--ib-fs-13)/var(--ib-lh-ui) var(--ib-mono);
  overflow-wrap: anywhere;
}

.event-attempts-manager__expected {
  align-items: center;
  gap: var(--ib-3);
  flex-wrap: wrap;
  display: flex;
}

.event-attempts-manager__reason {
  color: var(--ib-dim);
  font-size: var(--ib-fs-13);
  margin: 0;
}

.event-attempts-manager__review {
  gap: var(--ib-4);
  padding-top: var(--ib-4);
  border-top: 1px solid var(--ib-line);
  display: grid;
}

.event-attempts-manager__review textarea {
  min-height: 88px;
}

.event-attempts-manager__head-actions {
  align-items: center;
  gap: var(--ib-3);
  flex-wrap: wrap;
  display: flex;
}

.event-attempts-manager__filters {
  margin-bottom: var(--ib-4);
  gap: var(--ib-3);
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  align-items: end;
  display: grid;
}

.event-attempts-manager__filter-row {
  justify-content: space-between;
  align-items: center;
  gap: var(--ib-2);
  flex-wrap: wrap;
  grid-column: 1 / -1;
  display: flex;
}

.event-attempts-manager__annul {
  justify-content: space-between;
  align-items: center;
  gap: var(--ib-4);
  padding-top: var(--ib-4);
  border-top: 1px solid var(--ib-line);
  display: flex;
}

.event-attempts-manager__annul p {
  margin: var(--ib-1) 0 0;
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
}

.event-attempts-manager__annul strong {
  font-size: var(--ib-fs-13);
}

.event-manage-results {
  gap: var(--ib-4);
  display: grid;
}

.event-manage-results__summary {
  gap: var(--ib-3);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}

.event-manage-results__summary > div {
  gap: var(--ib-2);
  padding: var(--ib-4);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r);
  background: var(--ib-surface);
  display: grid;
}

.event-manage-results__summary span {
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
}

.event-manage-results__summary strong {
  font-size: var(--ib-fs-20);
  font-weight: var(--ib-w-semibold);
}

.event-manage-results__summary > div:last-child strong {
  font-size: var(--ib-fs-14);
}

.event-manage-results__table {
  min-width: 0;
}

.event-manage-results__table-head, .event-manage-results__row {
  align-items: center;
  gap: var(--ib-4);
  padding: var(--ib-3) var(--ib-4);
  grid-template-columns: 64px minmax(200px, 1fr) 90px 100px minmax(170px, .7fr);
  display: grid;
}

.event-manage-results__table-head {
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
  border-bottom: 1px solid var(--ib-line);
}

.event-manage-results__row {
  border-bottom: 1px solid var(--ib-line);
  font-size: var(--ib-fs-13);
}

.event-manage-results__row:last-child {
  border-bottom: 0;
}

.event-manage-results__rank {
  color: var(--ib-dim);
  font: var(--ib-fs-14) var(--ib-mono);
}

.event-manage-results__name {
  gap: var(--ib-2);
  min-width: 0;
  display: grid;
}

.event-manage-results__name strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.event-manage-results__bar {
  background: var(--ib-soft);
  border-radius: 100px;
  height: 4px;
  overflow: hidden;
}

.event-manage-results__bar i {
  border-radius: inherit;
  background: var(--ib-action);
  height: 100%;
  display: block;
}

.event-manage-results__points {
  font-weight: var(--ib-w-semibold);
  font-variant-numeric: tabular-nums;
}

.event-manage-results__time {
  color: var(--ib-dim);
}

.event-manage-results__actions {
  gap: var(--ib-2);
  flex-wrap: wrap;
  display: flex;
}

.event-manage-results__title {
  align-items: center;
  gap: var(--ib-2);
  flex-wrap: wrap;
  min-width: 0;
  display: flex;
}

.event-manage-results__name small {
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
}

.event-manage-results__freeze {
  justify-content: space-between;
  align-items: center;
  gap: var(--ib-3);
  flex-wrap: wrap;
  display: flex;
}

.event-manage-results__freeze p {
  font-size: var(--ib-fs-13);
  margin: 0;
}

.event-manage-participants {
  gap: var(--ib-4);
  display: grid;
}

.event-manage-participants__filters {
  gap: var(--ib-2);
  flex-wrap: wrap;
  display: flex;
}

.event-manage-participants__filter {
  align-items: center;
  gap: var(--ib-2);
  min-height: 36px;
  padding: var(--ib-2) var(--ib-3);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r);
  background: var(--ib-surface);
  color: var(--ib-body);
  font: var(--ib-w-semibold) var(--ib-fs-13)/var(--ib-lh-ui) var(--ib-font);
  cursor: pointer;
  display: inline-flex;
}

.event-manage-participants__filter:hover {
  border-color: var(--ib-brand);
}

.event-manage-participants__filter[aria-pressed="true"], .event-manage-participants__filter[aria-selected="true"] {
  border-color: var(--ib-brand);
  background: var(--ib-brand);
  color: var(--ib-on-brand);
}

.event-manage-participants__count {
  min-width: 20px;
  padding: 0 var(--ib-1);
  background: var(--ib-soft);
  color: var(--ib-body);
  font-size: var(--ib-fs-12);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.event-manage-participants__filter[aria-pressed="true"] .event-manage-participants__count {
  background: var(--ib-on-brand);
  color: var(--ib-brand);
}

.event-manage-participants__status {
  font-size: var(--ib-fs-12);
  font-weight: var(--ib-w-semibold);
  flex: none;
}

.event-manage-participants__status.is-1 {
  color: var(--ib-warn);
}

.event-manage-participants__status.is-2 {
  color: var(--ib-ok);
}

.event-manage-participants__status.is-3 {
  color: var(--ib-danger);
}

.event-manage-participants__actions {
  gap: var(--ib-2);
  flex: none;
  display: flex;
}

.event-manage-registration {
  gap: var(--ib-4);
  display: grid;
}

.event-manage-form__head {
  justify-content: space-between;
  align-items: center;
  gap: var(--ib-3);
  margin-bottom: var(--ib-4);
  color: var(--ib-dim);
  font-size: var(--ib-fs-13);
  display: flex;
}

.event-manage-form__head p {
  margin: 0;
}

.event-participants-table {
  overflow-x: auto;
}

.event-participants-table table {
  border-collapse: collapse;
  width: 100%;
  min-width: 640px;
  font-size: var(--ib-fs-13);
}

.event-participants-table th {
  padding: var(--ib-3) var(--ib-4);
  border-bottom: 1px solid var(--ib-line);
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
  font-weight: var(--ib-w-semibold);
  text-align: left;
  white-space: nowrap;
}

.event-participants-table td {
  padding: var(--ib-3) var(--ib-4);
  border-bottom: 1px solid var(--ib-line);
  vertical-align: middle;
}

.event-participants-table tbody tr:last-child td {
  border-bottom: 0;
}

.event-participants-table tr.is-clickable {
  cursor: pointer;
}

.event-participants-table tr.is-clickable:hover, .event-participants-table tr.is-clickable:focus-visible {
  background: var(--ib-soft);
  outline: none;
}

.event-participants-table__person {
  gap: var(--ib-1);
  min-width: 160px;
  display: grid;
}

.event-participants-table__person strong {
  font-size: var(--ib-fs-14);
}

.event-participants-table__person small, .event-participants-table__dim {
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
  overflow-wrap: anywhere;
}

.event-participants-table .event-manage-participants__actions {
  justify-content: flex-end;
}

.event-field-columns {
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.event-field-columns li {
  justify-content: space-between;
  align-items: center;
  gap: var(--ib-3);
  padding: var(--ib-2) 0;
  border-bottom: 1px solid var(--ib-line);
  display: flex;
}

.event-field-columns li:last-child {
  border-bottom: 0;
}

.event-manage-teams {
  gap: var(--ib-4);
  display: grid;
}

.event-manage-teams__head {
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--ib-4);
  display: flex;
}

.event-manage-teams__head h2, .event-manage-teams__members h3 {
  font-size: var(--ib-fs-16);
  margin: 0;
}

.event-manage-teams__head p, .event-manage-teams__members p {
  margin: var(--ib-1) 0 0;
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
}

.event-manage-teams__head-actions {
  gap: var(--ib-2);
  display: flex;
}

.event-manage-teams__edit {
  align-items: end;
  gap: var(--ib-3);
  padding: var(--ib-4);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r);
  background: var(--ib-soft);
  grid-template-columns: minmax(0, 1fr) auto auto;
  display: grid;
}

.event-manage-teams__members {
  gap: var(--ib-2);
  padding-top: var(--ib-3);
  border-top: 1px solid var(--ib-line);
  display: grid;
}

.event-manage-staff-fields {
  gap: var(--ib-3);
  margin-top: var(--ib-3);
  padding-top: var(--ib-3);
  border-top: 1px solid var(--ib-line);
  display: grid;
}

.event-manage-staff-fields h3 {
  font-size: var(--ib-fs-16);
  margin: 0;
}

.event-manage-staff-fields__note, .event-manage-staff-fields__change {
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
  margin: 0;
}

.event-manage-staff-fields__actions {
  gap: var(--ib-2);
  flex-wrap: wrap;
  display: flex;
}

.event-form-preview__staff {
  align-items: center;
  gap: 4px;
  margin-inline-start: var(--ib-2);
  display: inline-flex;
}

.event-manage-teams__member {
  justify-content: space-between;
  align-items: center;
  gap: var(--ib-3);
  min-height: 42px;
  display: flex;
}

.event-manage-teams__member > span {
  align-items: center;
  gap: var(--ib-2);
  min-width: 0;
  font-size: var(--ib-fs-13);
  display: flex;
}

.event-manage-teams__member small {
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
}

.event-manage-teams__member > div {
  gap: var(--ib-2);
  display: flex;
}

.event-manage-teams__assign {
  align-items: end;
  gap: var(--ib-3);
  padding-top: var(--ib-3);
  border-top: 1px solid var(--ib-line);
  display: flex;
}

.event-manage-teams__assign > .event-manage-field {
  flex: 1;
  max-width: 420px;
}

.event-manage-teams__load-more {
  justify-self: center;
}

.event-manage-teams__head p.event-manage-teams__admission {
  color: var(--ib-danger);
  font-weight: var(--ib-w-semibold);
}

.event-manage-teams__head p.event-manage-teams__admission.is-admitted {
  color: var(--ib-ok);
}

.event-manage-teams__edit-fields {
  gap: var(--ib-3);
  grid-column: 1 / -1;
  display: grid;
}

.event-manage-teams__members-head {
  justify-content: space-between;
  align-items: center;
  gap: var(--ib-3);
  display: flex;
}

.event-manage-teams__fields {
  gap: var(--ib-3);
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  margin: 0;
  display: grid;
}

.event-manage-teams__fields dt {
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
}

.event-manage-teams__fields dd {
  margin: var(--ib-1) 0 0;
  font-size: var(--ib-fs-13);
  overflow-wrap: anywhere;
}

@media (max-width: 760px) {
  .event-manage-teams__edit {
    grid-template-columns: minmax(0, 1fr);
  }

  .event-manage-teams__head, .event-manage-teams__member, .event-manage-teams__assign {
    flex-direction: column;
    align-items: stretch;
  }

  .event-manage-teams__head-actions, .event-manage-teams__member > div {
    flex-wrap: wrap;
  }

  .event-manage-teams__assign > .event-manage-field {
    max-width: none;
  }

  .event-manage-participants__actions {
    flex-wrap: wrap;
    width: 100%;
  }

  .event-manage-results__summary {
    grid-template-columns: minmax(0, 1fr);
  }

  .event-manage-results__table-head {
    display: none;
  }

  .event-manage-results__row {
    gap: var(--ib-3);
    grid-template-columns: 42px minmax(0, 1fr) auto;
  }

  .event-manage-results__time {
    grid-column: 2 / -1;
  }

  .event-manage-results__rank, .event-manage-results__points {
    align-self: start;
  }

  .event-challenge-manager__group, .event-challenge-manager__task {
    flex-wrap: wrap;
  }

  .event-challenge-manager__group-main, .event-challenge-manager__rename, .event-challenge-manager__task-name {
    flex-basis: 100%;
  }

  .event-challenge-manager__task .event-select {
    width: min(100%, 260px);
  }

  .event-challenge-manager__actions {
    margin-left: 0;
  }

  .event-challenge-manager__create {
    flex-direction: column;
    align-items: stretch;
  }

  .event-challenge-manager__create .event-manage-field {
    width: 100%;
    max-width: none;
  }
}

@media (max-width: 640px) {
  .event-exercise-editor__search, .event-exercise-editor__choice {
    flex-direction: column;
    align-items: stretch;
  }

  .event-exercise-editor__search .event-manage-field {
    max-width: none;
  }

  .event-exercise-editor__controls > .ib-btn {
    margin-left: 0;
  }
}

.event-manage-preview {
  gap: var(--ib-4);
  display: grid;
  position: sticky;
  top: 0;
}

.event-manage-preview__sample {
  --ib-brand: var(--ev-brand);
  --ib-brand-hover: color-mix(in srgb,var(--ev-brand),#fff 5%);
  --ib-brand-line: color-mix(in srgb,var(--ev-brand),#fff 17%);
  --ib-on-brand-2: color-mix(in srgb,var(--ev-brand),#fff 86%);
  --ib-on-brand-3: color-mix(in srgb,var(--ev-brand),#fff 60%);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-lg);
  background: var(--ib-surface);
  color: var(--ib-ink);
  overflow: hidden;
}

.event-manage-preview__mass {
  gap: var(--ib-2);
  padding: var(--ib-5);
  background: var(--ib-brand);
  color: var(--ib-on-brand);
  display: grid;
}

.event-manage-preview__mass > span:first-child {
  font-size: var(--ib-fs-12);
  color: var(--ib-on-brand-3);
}

.event-manage-preview__mass strong {
  font-size: var(--ib-fs-20);
  line-height: var(--ib-lh-tight);
}

.event-manage-preview__mass > span:last-child {
  font-size: var(--ib-fs-13);
  color: var(--ib-on-brand-2);
}

.event-manage-preview__body {
  align-items: center;
  gap: var(--ib-3);
  padding: var(--ib-5);
  font-size: var(--ib-fs-13);
  flex-wrap: wrap;
  display: flex;
}

.event-manage-preview__body strong {
  font-size: var(--ib-fs-16);
  flex-basis: 100%;
}

.event-manage-preview__accent {
  color: var(--ib-accent);
  font-weight: var(--ib-w-semibold);
}

.event-manage-preview__note {
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
}

@media (max-width: 1100px) {
  .event-manage-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .event-manage-preview {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    position: static;
  }

  .event-manage-preview__head, .event-manage-preview__note {
    grid-column: 1 / -1;
  }
}

@media (max-width: 640px) {
  .event-manage-heading {
    flex-direction: column;
  }

  .event-manage-section {
    padding: var(--ib-4);
  }

  .event-manage-fields-two, .event-manage-fields-three, .event-manage-preview {
    grid-template-columns: minmax(0, 1fr);
  }

  .event-manage-preview__head, .event-manage-preview__note {
    grid-column: auto;
  }

  .event-manage-mode {
    display: none;
  }

  .event-brand-palette-dialog__actions {
    justify-content: stretch;
  }

  .event-brand-palette-dialog__actions .ib-btn {
    flex: 1;
  }
}

.event-manage-status {
  align-items: center;
  gap: var(--ib-2);
  padding: var(--ib-2) var(--ib-3);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-pill);
  background: var(--ib-soft);
  color: var(--ib-ink);
  font-size: var(--ib-fs-13);
  font-weight: var(--ib-w-semibold);
  white-space: nowrap;
  display: inline-flex;
}

.event-manage-check {
  align-items: flex-start;
  gap: var(--ib-3);
  padding: var(--ib-4);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r);
  cursor: pointer;
  display: flex;
}

.event-manage-check input, .event-manage-choice-group input {
  accent-color: var(--ib-action);
  flex: none;
  margin-top: 3px;
}

.event-manage-check span, .event-manage-choice-group label > span, .event-manage-choice-content {
  gap: var(--ib-1);
  display: grid;
}

.event-manage-check strong, .event-manage-choice-group strong {
  font-size: var(--ib-fs-13);
  font-weight: var(--ib-w-semibold);
}

.event-manage-check small, .event-manage-choice-group small {
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
}

.event-manage-choice-group {
  gap: var(--ib-3);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.event-manage-choice-group label {
  align-items: flex-start;
  gap: var(--ib-3);
  padding: var(--ib-4);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r);
  cursor: pointer;
  display: flex;
}

.event-manage-choice-group label:has(input:checked) {
  border-color: var(--ib-action);
  background: var(--ib-soft);
}

.event-manage-choice-group label.is-unavailable {
  border-color: var(--ib-line);
  background: var(--ib-soft);
  color: var(--ib-dim);
  cursor: not-allowed;
}

.event-manage-choice-group label.is-unavailable input {
  cursor: not-allowed;
}

.event-manage-choice-points {
  margin: var(--ib-2) 0 0;
  padding-left: var(--ib-4);
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
  line-height: var(--ib-lh-ui);
  list-style: outside;
  display: block;
}

.event-manage-choice-points li + li {
  margin-top: var(--ib-1);
}

.event-manage-schedule__note {
  margin-top: var(--ib-5);
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
}

.event-manage-setup__summary {
  justify-content: space-between;
  align-items: center;
  gap: var(--ib-6);
  padding: var(--ib-6);
  margin-bottom: var(--ib-4);
  border-radius: var(--ib-r-lg);
  background: var(--ib-brand);
  color: var(--ib-on-brand);
  display: flex;
}

.event-manage-setup__summary > div:first-child {
  max-width: 620px;
}

.event-manage-setup__summary-label {
  margin-bottom: var(--ib-2);
  color: var(--ib-on-brand-3);
  font-size: var(--ib-fs-12);
  font-weight: var(--ib-w-semibold);
  letter-spacing: .06em;
  text-transform: uppercase;
  display: block;
}

.event-manage-setup__summary strong {
  font-size: var(--ib-fs-20);
  line-height: var(--ib-lh-tight);
  display: block;
}

.event-manage-setup__summary p {
  margin-top: var(--ib-2);
  color: var(--ib-on-brand-2);
  font-size: var(--ib-fs-13);
  line-height: var(--ib-lh-body);
}

.event-manage-setup__summary-progress {
  gap: var(--ib-1);
  width: 148px;
  color: var(--ib-on-brand-3);
  font-size: var(--ib-fs-12);
  flex: none;
  display: grid;
}

.event-manage-setup__summary-progress b {
  color: var(--ib-on-brand);
  font-size: var(--ib-fs-24);
  font-variant-numeric: tabular-nums;
  line-height: 1;
}

.event-manage-setup__summary-progress b span {
  color: var(--ib-on-brand-3);
  font-size: var(--ib-fs-14);
}

.event-manage-setup__progress-track {
  height: 4px;
  margin-top: var(--ib-2);
  border-radius: var(--ib-r-pill);
  background: var(--ib-brand-line);
  overflow: hidden;
}

.event-manage-setup__progress-track span {
  border-radius: inherit;
  background: var(--ib-accent);
  height: 100%;
  transition: width var(--ib-dur-move) var(--ib-ease);
  display: block;
}

.event-manage-setup__steps {
  gap: var(--ib-3);
  margin-bottom: var(--ib-6);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}

.event-manage-setup__step {
  align-items: flex-start;
  gap: var(--ib-2);
  min-width: 0;
  padding: var(--ib-4);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-lg);
  background: var(--ib-surface);
  color: var(--ib-ink);
  text-decoration: none;
  display: flex;
}

.event-manage-setup__step.is-current {
  border-color: var(--ib-action);
  outline: 1px solid var(--ib-action);
  outline-offset: -2px;
}

.event-manage-setup__step-number {
  border-radius: var(--ib-r-sm);
  background: var(--ib-soft);
  width: 26px;
  height: 26px;
  color: var(--ib-dim);
  font: var(--ib-w-semibold) var(--ib-fs-12)/1 var(--ib-mono);
  flex: none;
  place-items: center;
  display: grid;
}

.event-manage-setup__step.is-current .event-manage-setup__step-number, .event-manage-setup__step.is-complete .event-manage-setup__step-number {
  background: var(--ib-action);
  color: var(--ib-on-action);
}

.event-manage-setup__step > svg:first-of-type {
  width: 18px;
  height: 18px;
  color: var(--ib-accent);
  flex: none;
  margin-top: 4px;
}

.event-manage-setup__step > svg:last-child {
  color: var(--ib-accent);
  flex: none;
  margin-left: auto;
}

.event-manage-setup__step > div {
  gap: var(--ib-1);
  min-width: 0;
  display: grid;
}

.event-manage-setup__step strong {
  font-size: var(--ib-fs-13);
}

.event-manage-setup__step span {
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
  line-height: var(--ib-lh-ui);
}

a.event-manage-setup__step:hover {
  border-color: var(--ib-action);
  text-decoration: none;
}

.event-manage-setup__facts {
  gap: var(--ib-2);
  margin: 0;
  display: grid;
}

.event-manage-setup__facts > div {
  align-items: baseline;
  gap: var(--ib-1) var(--ib-3);
  font-size: var(--ib-fs-13);
  flex-wrap: wrap;
  display: flex;
}

.event-manage-setup__facts dt {
  min-width: 160px;
  color: var(--ib-dim);
}

.event-manage-setup__facts dd {
  color: var(--ib-ink);
  font-weight: var(--ib-w-medium);
  margin: 0;
}

.event-manage-setup__facts a {
  color: var(--ib-action);
}

.event-manage-setup__links {
  gap: var(--ib-3);
  flex-wrap: wrap;
  display: flex;
}

@media (max-width: 740px) {
  .event-manage-setup__steps {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 640px) {
  .event-manage-setup__summary {
    flex-direction: column;
    align-items: flex-start;
  }

  .event-manage-setup__summary-progress {
    grid-template-columns: auto 1fr;
    align-items: center;
    width: 100%;
  }

  .event-manage-setup__summary-progress .event-manage-setup__progress-track {
    grid-column: 1 / -1;
  }

  .event-manage-choice-group {
    grid-template-columns: minmax(0, 1fr);
  }
}

.event-manage-content__layout {
  align-items: start;
  gap: var(--ib-6);
  grid-template-columns: minmax(0, 1fr) minmax(300px, .72fr);
  display: grid;
}

.event-manage-content__layout--single {
  grid-template-columns: minmax(0, 1fr);
}

.event-manage-page-details {
  margin-bottom: var(--ib-8);
  padding: var(--ib-5);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-lg);
  background: var(--ib-surface);
  display: block;
}

.event-manage-page-details.is-collapsed {
  padding: var(--ib-3) var(--ib-5);
}

.event-manage-page-details__toggle {
  justify-content: space-between;
  align-items: center;
  gap: var(--ib-4);
  width: 100%;
  color: var(--ib-ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  display: flex;
}

.event-manage-page-details__toggle > span {
  gap: 2px;
  min-width: 0;
  display: grid;
}

.event-manage-page-details__toggle strong {
  font-size: var(--ib-fs-16);
}

.event-manage-page-details__toggle small {
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
}

.event-manage-page-details__toggle svg {
  transition: transform var(--ib-dur-fast) var(--ib-ease);
  flex: none;
  margin-left: auto;
}

.event-manage-page-details:not(.is-collapsed) .event-manage-page-details__toggle svg {
  transform: rotate(180deg);
}

.event-manage-page-details__fields {
  gap: var(--ib-4);
  margin-top: var(--ib-5);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.event-manage-field__reset {
  margin-top: var(--ib-1);
  color: var(--ib-action);
  font: inherit;
  font-size: var(--ib-fs-12);
  cursor: pointer;
  background: none;
  border: 0;
  place-self: start;
  padding: 0;
}

.event-manage-field__label {
  gap: var(--ib-2);
  display: grid;
}

.event-manage-field__reset:hover:not(:disabled) {
  text-decoration: underline;
}

.event-manage-field__reset:disabled {
  opacity: .45;
  cursor: default;
}

.event-manage-page-slug {
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-sm);
  background: var(--ib-paper);
  align-items: center;
  display: flex;
  overflow: hidden;
}

.event-manage-page-slug > span {
  padding: 0 var(--ib-3);
  color: var(--ib-dim);
  font: var(--ib-fs-13) var(--ib-mono);
}

.event-manage-page-slug > .event-manage-input {
  border: 0;
  border-left: 1px solid var(--ib-line);
  border-radius: 0;
  min-width: 0;
}

.event-content-editor {
  min-width: 0;
}

.event-content-editor__top {
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--ib-4);
  margin-bottom: var(--ib-4);
  display: flex;
}

.event-content-editor__top h2, .event-manage-content__preview-head h2 {
  font-size: var(--ib-fs-16);
}

.event-content-editor__top p, .event-manage-content__preview-head p {
  margin-top: var(--ib-1);
  color: var(--ib-dim);
  font-size: var(--ib-fs-13);
}

.event-content-editor__top > span {
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
  white-space: nowrap;
}

.event-content-editor__stack {
  gap: var(--ib-3);
  display: grid;
}

.event-content-editor__block {
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-lg);
  background: var(--ib-surface);
  min-width: 0;
}

.event-content-editor__block.is-selected {
  border-color: var(--ib-action);
  outline: 1px solid var(--ib-action);
}

.event-content-editor__block.is-invalid {
  border-color: var(--ib-danger);
  outline: 1px solid var(--ib-danger);
}

.event-content-editor__block-error {
  padding: var(--ib-2) var(--ib-4);
  border-bottom: 1px solid var(--ib-line);
  color: var(--ib-danger);
  font-size: var(--ib-fs-13);
  line-height: var(--ib-lh-body);
  margin: 0;
}

.event-manage-input.is-invalid, .event-rich-markdown__frame.is-invalid, .event-manage-field.is-invalid .event-select, .event-manage-field.is-invalid .event-date-picker__trigger, .event-manage-field.is-invalid .event-brand-drop {
  border-color: var(--ib-danger);
  outline: 1px solid var(--ib-danger);
}

.event-content-editor__field-error {
  color: var(--ib-danger);
  font-size: var(--ib-fs-12);
  line-height: var(--ib-lh-body);
  margin: 0;
}

.event-content-editor__block-head {
  justify-content: space-between;
  align-items: center;
  gap: var(--ib-3);
  padding: var(--ib-3) var(--ib-4);
  border-bottom: 1px solid var(--ib-line);
  cursor: pointer;
  display: flex;
}

.event-content-editor__block:not(.is-open) > .event-content-editor__block-head {
  border-bottom: 0;
}

.event-content-editor__block-title {
  align-items: center;
  gap: var(--ib-3);
  min-width: 0;
  font-size: var(--ib-fs-13);
  flex: 1;
  display: flex;
}

.event-content-editor__block-title strong {
  flex: none;
}

button.event-content-editor__block-title {
  color: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  font-family: inherit;
}

.event-content-editor__block-title:focus-visible, .event-content-editor__block-toggle:focus-visible {
  outline: 2px solid var(--ib-action);
  outline-offset: 2px;
  border-radius: var(--ib-r-sm);
}

.event-content-editor__block-toggle {
  border-radius: var(--ib-r-sm);
  width: 30px;
  height: 30px;
  color: var(--ib-dim);
  cursor: pointer;
  background: none;
  border: 0;
  flex: none;
  place-items: center;
  padding: 0;
  display: grid;
}

.event-content-editor__block-toggle:hover {
  background: var(--ib-soft);
  color: var(--ib-ink);
}

.event-content-editor__block-toggle svg {
  transition: transform .16s;
}

.event-content-editor__block.is-open .event-content-editor__block-toggle svg {
  transform: rotate(180deg);
}

@media (prefers-reduced-motion: reduce) {
  .event-content-editor__block-toggle svg {
    transition: none;
  }
}

.event-content-editor__block-summary {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  max-width: 32ch;
  color: var(--ib-dim);
  overflow: hidden;
}

.event-content-editor__order {
  border-radius: var(--ib-r-sm);
  background: var(--ib-soft);
  width: 24px;
  height: 24px;
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
  place-items: center;
  display: grid;
}

.event-content-editor__block-actions {
  align-items: center;
  gap: var(--ib-1);
  flex: none;
  display: flex;
}

.event-content-editor__block-actions button, .event-content-editor__variable-head button, .event-content-editor__rule-remove {
  border-radius: var(--ib-r-sm);
  width: 30px;
  height: 30px;
  color: var(--ib-dim);
  cursor: pointer;
  background: none;
  border: 0;
  place-items: center;
  display: grid;
}

.event-content-editor__block-actions button:hover:not(:disabled), .event-content-editor__variable-head button:hover, .event-content-editor__rule-remove:hover {
  background: var(--ib-soft);
  color: var(--ib-ink);
}

.event-content-editor__block-actions button:disabled {
  opacity: .35;
  cursor: not-allowed;
}

.event-content-editor__block-actions .event-content-editor__drag {
  cursor: grab;
  touch-action: none;
}

.event-content-editor__block-actions .event-content-editor__drag:active {
  cursor: grabbing;
}

.event-content-editor__block-actions button.event-content-editor__danger:hover:not(:disabled) {
  background: var(--ib-danger-bg);
  color: var(--ib-danger);
}

.event-content-editor__block-actions .event-content-editor__danger {
  color: var(--ib-danger);
}

.event-content-editor__block-grip {
  margin-inline-start: calc(var(--ib-2) * -1);
  margin-inline-end: calc(var(--ib-2) * -1);
}

.event-content-editor__block:not(.is-open) > .event-content-editor__block-head > .event-content-editor__block-actions:not(.event-content-editor__block-grip) {
  opacity: 0;
  transition: opacity .12s;
}

.event-content-editor__block:not(.is-open):hover > .event-content-editor__block-head > .event-content-editor__block-actions, .event-content-editor__block:not(.is-open):focus-within > .event-content-editor__block-head > .event-content-editor__block-actions {
  opacity: 1;
}

@media (hover: none), (pointer: coarse) {
  .event-content-editor__block:not(.is-open) > .event-content-editor__block-head > .event-content-editor__block-actions:not(.event-content-editor__block-grip) {
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {
  .event-content-editor__block-head > .event-content-editor__block-actions {
    transition: none;
  }
}

.event-rich-markdown__toolbar .event-rich-markdown__heading-trigger {
  place-items: center;
  width: 45px;
  display: grid;
  position: relative;
}

.event-rich-markdown__heading-trigger > svg:last-child {
  position: absolute;
  top: 50%;
  right: 2px;
  transform: translateY(-50%);
}

.event-rich-markdown__variable-token {
  color: #3f330c;
  white-space: nowrap;
  vertical-align: baseline;
  background: #f7db75;
  border: 1px solid #dfbd52;
  border-radius: 6px;
  margin-inline: 2px;
  padding: 1px 6px;
  line-height: 1.3;
  display: inline-block;
}

.event-rich-markdown__inline {
  gap: var(--ib-2);
  padding: var(--ib-2);
  border-bottom: 1px solid var(--ib-line);
  flex-wrap: wrap;
  display: flex;
}

.event-rich-markdown__inline > .event-select, .event-rich-markdown__inline > input {
  flex: 180px;
  min-width: 0;
}

.event-rich-markdown__inline > button {
  flex: none;
}

.event-rich-markdown__inline > small {
  color: var(--ib-dim);
  flex-basis: 100%;
}

.event-content-editor__link-target {
  gap: var(--ib-2);
  min-width: 0;
  display: grid;
}

.event-content-editor__badge-input {
  min-height: var(--ib-control-h-lg);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  cursor: text;
  outline: none;
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}

.event-content-editor__badge-input:not(.event-content-editor__textarea):not(.event-content-editor__textarea--compact) {
  white-space: nowrap;
  scrollbar-width: thin;
  overflow-x: auto;
}

.event-content-editor__badge-input:empty:before {
  content: attr(data-placeholder);
  color: var(--ib-dim);
  pointer-events: none;
}

.event-content-editor__badge-input:focus-visible {
  border-color: var(--ib-action);
  box-shadow: 0 0 0 2px color-mix(in srgb,var(--ib-action) 18%,transparent);
}

.event-content-editor__badge-input[aria-readonly="true"] {
  opacity: .65;
  cursor: not-allowed;
}

.event-content-editor__variable-token {
  color: #3f330c;
  white-space: nowrap;
  vertical-align: baseline;
  -webkit-user-select: all;
  user-select: all;
  background: #f7db75;
  border: 1px solid #dfbd52;
  border-radius: 6px;
  margin-inline: 2px;
  padding: 1px 6px;
  line-height: 1.3;
  display: inline-block;
}

.event-rich-markdown__editor::selection, .event-rich-markdown__editor ::selection {
  color: #1f1b3a;
  background: #b5b0d1;
}

[data-theme="dark"] .event-rich-markdown__editor::selection, [data-theme="dark"] .event-rich-markdown__editor ::selection {
  color: #fff;
  background: #766d99;
}

.event-content-editor__block-body {
  gap: var(--ib-3);
  padding: var(--ib-4);
  display: grid;
}

.event-content-editor__hint {
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
  line-height: var(--ib-lh-body);
}

.event-content-editor__textarea {
  min-height: 170px;
  line-height: var(--ib-lh-body);
}

.event-content-editor__textarea--compact {
  min-height: 84px;
  line-height: var(--ib-lh-body);
}

.event-content-editor__textarea, .event-content-editor__textarea--compact {
  resize: vertical;
  height: 0;
  max-height: 80vh;
  overflow: hidden auto;
}

.event-content-editor__field-label {
  align-items: center;
  gap: 3px;
  display: inline-flex;
}

.event-content-editor__field-control {
  min-width: 0;
  position: relative;
}

.event-content-editor__field-control > .event-manage-input {
  padding-right: 48px;
}

.event-content-editor__field-variable {
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-sm);
  background: var(--ib-paper);
  width: 30px;
  height: 30px;
  color: var(--ib-action);
  cursor: pointer;
  place-items: center;
  display: grid;
}

.event-content-editor__field-variable:hover:not(:disabled) {
  border-color: var(--ib-action);
  background: var(--ib-soft);
}

.event-content-editor__field-variable:disabled {
  opacity: .4;
  cursor: default;
}

.event-content-editor__required {
  color: var(--ib-danger);
  font-weight: var(--ib-w-semibold);
}

.event-content-editor__help {
  width: 20px;
  height: 20px;
  color: var(--ib-dim);
  cursor: help;
  background: none;
  border: 0;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: inline-flex;
}

.event-content-editor__help:hover, .event-content-editor__help:focus-visible {
  color: var(--ib-ink);
  background: var(--ib-soft);
}

.event-content-editor__tools {
  justify-content: space-between;
  align-items: center;
  gap: var(--ib-3);
  flex-wrap: wrap;
  display: flex;
}

.event-content-editor__checkbox {
  align-items: center;
  gap: var(--ib-2);
  font-size: var(--ib-fs-13);
  color: var(--ib-ink);
  display: inline-flex;
}

.event-content-editor__picker {
  z-index: 2;
  position: absolute;
  top: 50%;
  right: 7px;
  transform: translateY(-50%);
}

.event-content-editor__field-control--multiline .event-content-editor__picker {
  top: 8px;
  transform: none;
}

.event-content-editor__variable-menu {
  z-index: 120;
  gap: var(--ib-2);
  width: min(360px, 100vw - 24px);
  max-height: min(430px,var(--radix-popover-content-available-height));
  min-height: 0;
  padding: var(--ib-3);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-lg);
  background: var(--ib-surface);
  grid-template-rows: auto auto minmax(0, 1fr);
  display: grid;
}

.event-content-editor__upload {
  cursor: pointer;
  width: 100%;
  position: relative;
}

.event-content-editor__upload.is-over {
  border-color: var(--ib-action);
  background: var(--ib-paper);
}

.event-content-editor__upload input {
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.event-content-editor__variable-head {
  font-size: var(--ib-fs-13);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.event-content-editor__variable-list {
  align-content: start;
  min-height: 0;
  display: grid;
  overflow-y: auto;
}

.event-content-editor__variable-list button {
  padding: var(--ib-2);
  border-radius: var(--ib-r-sm);
  color: var(--ib-ink);
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  gap: 2px;
  display: grid;
}

.event-content-editor__variable-list button:hover, .event-content-editor__variable-list button:focus-visible {
  background: var(--ib-soft);
}

.event-content-editor__variable-list strong {
  font-size: var(--ib-fs-13);
}

.event-content-editor__variable-list code {
  font: var(--ib-fs-12) var(--ib-mono);
  color: var(--ib-accent);
}

.event-content-editor__variable-list small {
  font-size: var(--ib-fs-12);
  color: var(--ib-dim);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.event-content-editor__rules-toggle {
  color: var(--ib-action);
  font-size: var(--ib-fs-12);
  cursor: pointer;
  background: none;
  border: 0;
}

.event-content-editor__rules {
  gap: var(--ib-3);
  padding: var(--ib-3);
  border-radius: var(--ib-r);
  background: var(--ib-soft);
  display: grid;
}

.event-content-editor__rules > p {
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
}

.event-content-editor__rule {
  gap: var(--ib-2);
  grid-template-columns: minmax(145px, 1.3fr) minmax(112px, .8fr) minmax(120px, 1fr) 30px;
  align-items: center;
  display: grid;
}

.event-content-editor__rule > .event-manage-input {
  min-height: 38px;
}

.event-content-editor__add {
  gap: var(--ib-2);
  min-width: 0;
  margin-top: var(--ib-4);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 180px), 1fr));
  display: grid;
}

.event-content-editor__add .ib-btn {
  justify-content: flex-start;
  align-items: center;
  gap: var(--ib-2);
  white-space: normal;
  text-align: left;
  min-width: 0;
  min-height: 40px;
  display: inline-flex;
}

.event-content-editor__add .ib-btn svg {
  flex: none;
}

.event-content-editor__item {
  gap: var(--ib-2);
  grid-template-columns: repeat(2, minmax(0, 1fr)) auto;
  align-items: start;
  min-width: 0;
  display: grid;
}

.event-content-editor__item > .event-manage-field {
  min-width: 0;
}

.event-content-editor__item > .event-content-editor__rule-remove {
  margin-top: 22px;
}

.event-content-editor__item--timeline {
  align-items: start;
  gap: var(--ib-3);
  padding: var(--ib-3);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r);
  background: var(--ib-paper);
  grid-template-columns: minmax(0, 1fr);
}

.event-content-editor__timeline-row {
  gap: var(--ib-3);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  min-width: 0;
  display: grid;
}

.event-content-editor__timeline-format {
  gap: var(--ib-2);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  min-width: 0;
  display: grid;
}

.event-content-editor__timeline-format > .event-content-editor__hint {
  grid-column: 1 / -1;
}

.event-content-editor__time-settings, .event-content-editor__date-displays {
  gap: var(--ib-2);
  min-width: 0;
  display: grid;
}

.event-content-editor__date-display {
  gap: var(--ib-2);
  min-width: 0;
  padding: var(--ib-3);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-sm);
  background: var(--ib-soft);
  display: grid;
}

.event-content-editor__date-display .event-manage-field {
  margin: 0;
}

.event-content-editor__item--faq {
  gap: var(--ib-2);
  padding: var(--ib-3);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r);
  background: var(--ib-paper);
  grid-template-columns: minmax(0, 1fr);
}

.event-content-editor__item-head {
  min-height: 24px;
  color: var(--ib-ink);
  font-size: var(--ib-fs-13);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.event-content-editor__item-head button {
  border-radius: var(--ib-r-sm);
  width: 28px;
  height: 28px;
  color: var(--ib-dim);
  cursor: pointer;
  background: none;
  border: 0;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.event-content-editor__item-head .event-content-editor__item-delete {
  color: var(--ib-danger);
}

.event-content-editor__item-head button:hover {
  background: var(--ib-danger-bg);
  color: var(--ib-danger);
}

.event-select {
  justify-content: space-between;
  align-items: center;
  gap: var(--ib-2);
  display: flex;
}

.event-select__menu {
  z-index: 80;
  width: var(--radix-dropdown-menu-trigger-width);
  outline: 0;
  min-width: 0;
  max-width: calc(100vw - 24px);
}

.event-select__option {
  height: auto;
  min-height: var(--ib-control-h);
  white-space: normal;
  padding: 7px 8px 7px 28px;
  line-height: 1.35;
  position: relative;
}

.event-select__indicator {
  justify-content: center;
  align-items: center;
  width: 10px;
  height: 10px;
  display: flex;
  position: absolute;
  left: 9px;
}

.event-select__indicator svg {
  stroke-width: 2px;
  display: block;
}

.event-select__unavailable {
  min-height: var(--ib-control-h);
  cursor: help;
  border-radius: var(--ib-r-sm);
  align-items: center;
  display: flex;
}

.event-select__unavailable:hover {
  background: var(--ib-soft);
}

.event-select__unavailable .ib-listbox__opt {
  min-width: 0;
  height: auto;
  min-height: var(--ib-control-h);
  pointer-events: none;
  flex: none;
  padding-right: 2px;
}

.event-select__unavailable .ib-listbox__opt > svg {
  display: none;
}

.event-select__unavailable small {
  min-width: 0;
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
  overflow-wrap: anywhere;
  flex: 1;
  padding: 6px 8px;
  line-height: 1.35;
  display: block;
}

@media (max-width: 640px) {
  .event-content-editor__item {
    grid-template-columns: minmax(0, 1fr);
  }

  .event-content-editor__rule {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .event-content-editor__rule > .event-manage-input:first-child {
    grid-column: 1 / -1;
  }

  .event-content-editor__timeline-row, .event-content-editor__timeline-format {
    grid-template-columns: minmax(0, 1fr);
  }
}

.event-content-editor__range {
  align-items: center;
  gap: var(--ib-3);
  display: flex;
}

.event-content-editor__range input {
  min-width: 0;
  accent-color: var(--ib-action);
  flex: 1;
}

.event-content-editor__range output {
  min-width: 4ch;
  color: var(--ib-ink);
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.event-content-editor__hidden-note {
  color: var(--ib-dim);
  font-size: var(--ib-fs-13);
  margin: 0;
}

.event-content-editor__footer {
  justify-content: space-between;
  align-items: center;
  gap: var(--ib-4);
  margin-top: var(--ib-6);
  padding-top: var(--ib-4);
  color: var(--ib-dim);
  font-size: var(--ib-fs-13);
  display: flex;
}

.event-content-editor__footer > div {
  gap: var(--ib-2);
  flex-wrap: wrap;
  display: flex;
}

.event-manage-content__preview {
  min-width: 0;
  position: sticky;
  top: 0;
}

.event-manage-content__preview-head {
  align-items: flex-start;
  gap: var(--ib-3);
  margin-bottom: var(--ib-4);
  display: flex;
}

.event-manage-content__preview-head > svg {
  color: var(--ib-accent);
  margin-top: 2px;
}

.event-manage-content__preview-head > div {
  flex: 1;
  min-width: 0;
}

.event-manage-content__preview-close {
  border-radius: var(--ib-r-sm);
  width: 30px;
  height: 30px;
  color: var(--ib-dim);
  cursor: pointer;
  background: none;
  border: 0;
  flex: none;
  place-items: center;
  display: grid;
}

.event-manage-content__preview-close:hover {
  background: var(--ib-soft);
  color: var(--ib-ink);
}

.event-manage-content__preview-window {
  max-height: calc(100vh - var(--ib-topbar-h) - 100px);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-lg);
  background: var(--ib-paper);
  overflow: auto;
}

.event-manage-content__preview-window .ib-blocks {
  gap: 0;
}

.event-manage-content__preview-window .ib-block {
  --ib-block-px: var(--ib-5);
  --ib-block-py: var(--ib-6);
}

.event-manage-content__preview-window .ib-block-cta--buttons-only {
  --ib-block-py: var(--ib-4);
}

.event-manage-content__preview-window .ib-block-banner__inner {
  width: var(--ib-banner-width, 100%);
}

.event-manage-content__preview-window .ib-block-hero__title {
  font-size: clamp(30px, 6cqi, 52px);
}

.event-manage-content__preview-window .ib-block-hero__row {
  margin-top: var(--ib-6);
}

.event-manage-content__preview-window .ib-block-hero__facts dd {
  font-size: var(--ib-fs-16);
}

.event-manage-content__preview-window .ib-block__title {
  font-size: var(--ib-fs-20);
}

.event-manage-form__settings {
  max-width: 100%;
  margin-bottom: var(--ib-6);
}

.event-manage-form__switch {
  align-items: center;
  gap: var(--ib-2);
  min-height: 38px;
  font-size: var(--ib-fs-13);
  cursor: pointer;
  display: flex;
}

.event-manage-form__switch input {
  accent-color: var(--ib-action);
}

.event-manage-form__condition {
  gap: var(--ib-2);
  padding-top: var(--ib-3);
  border-top: 1px solid var(--ib-line);
  display: grid;
}

.event-manage-form__condition-fields {
  gap: var(--ib-2);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}

.event-manage-form__switches {
  column-gap: var(--ib-5);
  flex-wrap: wrap;
  display: flex;
}

.event-form-options {
  gap: var(--ib-2);
  display: grid;
}

.event-form-options__row {
  align-items: center;
  gap: var(--ib-2);
  grid-template-columns: minmax(0, 1fr) auto;
  display: grid;
}

.event-form-options__row > .event-content-editor__field-error {
  grid-column: 1 / -1;
}

.event-form-options__add {
  justify-self: start;
}

.event-form-card__title {
  align-items: baseline;
  gap: var(--ib-1);
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  display: flex;
  overflow: hidden;
}

.event-form-card__question {
  text-overflow: ellipsis;
  min-width: 0;
  font-weight: var(--ib-w-semibold);
  color: var(--ib-ink);
  overflow: hidden;
}

.event-form-card__question.is-empty {
  font-weight: var(--ib-w-regular);
  color: var(--ib-dim);
}

.event-form-card__meta {
  align-items: center;
  gap: var(--ib-2);
  margin-left: var(--ib-2);
  color: var(--ib-dim);
  flex: none;
  display: inline-flex;
}

.event-form-card__icon {
  flex: none;
  display: inline-flex;
}

.event-form-card__main {
  gap: var(--ib-3);
  grid-template-columns: minmax(0, 2fr) minmax(160px, 1fr) auto;
  align-items: end;
  display: grid;
}

.event-form-card__switches {
  gap: 0;
  display: grid;
}

.event-form-card__switches .event-manage-form__switch {
  white-space: nowrap;
  min-height: 28px;
}

@media (max-width: 1100px) {
  .event-form-card__main {
    grid-template-columns: minmax(0, 1fr) minmax(160px, 1fr);
  }

  .event-form-card__switches {
    column-gap: var(--ib-5);
    flex-wrap: wrap;
    grid-column: 1 / -1;
    display: flex;
  }
}

@media (max-width: 640px) {
  .event-form-card__main {
    grid-template-columns: minmax(0, 1fr);
  }
}

.event-form-file-settings {
  gap: var(--ib-4);
  grid-template-columns: minmax(0, 1fr) minmax(0, 220px);
  align-items: start;
  display: grid;
}

.event-form-file-settings__types {
  gap: var(--ib-2);
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  display: grid;
}

.event-form-file-settings small {
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
}

@media (max-width: 760px) {
  .event-form-file-settings {
    grid-template-columns: minmax(0, 1fr);
  }
}

.event-form-file-settings__group {
  gap: var(--ib-2);
  display: grid;
}

.event-form-file-settings__sub {
  gap: var(--ib-2);
  padding-left: var(--ib-5);
  display: grid;
}

.event-form-date-settings {
  gap: var(--ib-3);
  grid-template-columns: auto minmax(0, 1fr) minmax(0, 1fr);
  align-items: end;
  display: grid;
}

.event-form-date-settings__parts {
  align-items: center;
  gap: var(--ib-4);
  min-height: var(--ib-control-h);
  flex-wrap: wrap;
  display: flex;
}

@media (max-width: 760px) {
  .event-form-date-settings {
    grid-template-columns: minmax(0, 1fr);
  }
}

.event-form-preview {
  gap: var(--ib-3);
  padding: var(--ib-5);
  display: grid;
}

.event-form-preview__block {
  min-width: 0;
  padding: var(--ib-3);
  border-radius: var(--ib-r);
  font-size: var(--ib-fs-13);
  border: 2px solid #0000;
}

.event-form-preview__block.is-selected {
  border-color: var(--ib-action);
  background: var(--ib-soft);
}

.event-form-preview__block h3 {
  font-size: var(--ib-fs-16);
  margin: 0;
}

.event-form-preview__block .event-manage-field {
  gap: var(--ib-2);
}

.event-form-preview__block .event-manage-field small {
  color: var(--ib-dim);
}

.event-form-preview__block .event-manage-field .event-form-preview__condition {
  color: var(--ib-action);
}

.event-form-preview__text > * {
  margin: 0 0 var(--ib-2);
}

.event-form-preview__choices {
  gap: var(--ib-2);
  display: grid;
}

.event-form-preview__choice {
  align-items: center;
  gap: var(--ib-2);
  display: flex;
}

.event-form-responses__answers {
  gap: 0;
  margin: 0;
  display: grid;
}

.event-form-responses__answers > div {
  gap: var(--ib-2);
  min-width: 0;
  padding: var(--ib-4) 0;
  border-top: 1px solid var(--ib-line);
  display: grid;
}

.event-form-responses__answers dt {
  font-size: var(--ib-fs-13);
  font-weight: 650;
}

.event-form-responses__answers dd {
  overflow-wrap: anywhere;
  white-space: pre-wrap;
  font-size: var(--ib-fs-14);
  margin: 0;
  line-height: 1.5;
}

.event-manage-surveys__layout {
  align-items: start;
  gap: var(--ib-5);
  grid-template-columns: minmax(220px, 260px) minmax(0, 1fr);
  display: grid;
}

.event-manage-surveys__list {
  padding: 0;
  overflow: hidden;
}

.event-manage-surveys__list-head {
  justify-content: space-between;
  align-items: center;
  gap: var(--ib-3);
  padding: var(--ib-4);
  border-bottom: 1px solid var(--ib-line);
  display: flex;
}

.event-manage-surveys__item {
  gap: var(--ib-1);
  width: 100%;
  padding: var(--ib-3) var(--ib-4);
  text-align: left;
  border: 0;
  border-bottom: 1px solid var(--ib-line);
  color: var(--ib-body);
  cursor: pointer;
  background: none;
  display: grid;
}

.event-manage-surveys__item:hover, .event-manage-surveys__item.is-selected {
  background: var(--ib-soft);
}

.event-manage-surveys__item.is-selected strong {
  color: var(--ib-action);
}

.event-manage-surveys__item strong {
  font-size: var(--ib-fs-14);
}

.event-manage-surveys__item small {
  font-size: var(--ib-fs-13);
  color: var(--ib-dim);
}

.event-manage-surveys__main {
  gap: var(--ib-5);
  min-width: 0;
  display: grid;
}

.event-manage-surveys__main .event-manage-content__layout {
  grid-template-columns: minmax(0, 1fr);
}

.event-manage-surveys__main .event-manage-content__preview {
  position: static;
}

.event-manage-surveys__settings {
  gap: var(--ib-4);
  display: grid;
}

.event-manage-surveys__send {
  justify-content: space-between;
  align-items: center;
  gap: var(--ib-5);
  display: flex;
}

.event-manage-surveys__send h2 {
  margin: 0 0 var(--ib-2);
  font-size: var(--ib-fs-16);
}

.event-manage-surveys__send p {
  color: var(--ib-dim);
  font-size: var(--ib-fs-13);
  margin: 0;
}

.event-manage-surveys__send .ib-btn {
  flex: none;
}

@media (max-width: 1100px) {
  .event-manage-surveys__layout {
    grid-template-columns: 1fr;
  }

  .event-manage-surveys__list {
    flex-wrap: wrap;
    align-items: center;
    display: flex;
  }

  .event-manage-surveys__list-head {
    border-bottom: 0;
  }

  .event-manage-surveys__item {
    border: 0;
    border-left: 1px solid var(--ib-line);
    width: auto;
  }
}

@media (max-width: 600px) {
  .event-manage-surveys__send {
    flex-direction: column;
    align-items: stretch;
  }

  .event-manage-surveys__send .ib-btn {
    align-self: start;
  }
}

@media (max-width: 760px) {
  .event-manage-form__condition-fields {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 900px) {
  .event-manage-content__layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .event-manage-content__preview {
    position: static;
  }

  .event-manage-content__preview-window {
    max-height: 650px;
  }
}

@media (max-width: 640px) {
  .event-content-editor__rule {
    grid-template-columns: minmax(0, 1fr) 30px;
  }

  .event-content-editor__rule > .event-manage-input {
    grid-column: 1;
  }

  .event-content-editor__rule-remove {
    grid-area: 1 / 2 / 4;
  }

  .event-content-editor__footer {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 600px) {
  .event-content-editor__block-summary {
    display: none;
  }
}

@media (max-width: 640px) {
  .event-manage-page-details__fields {
    grid-template-columns: minmax(0, 1fr);
  }
}

.event-manage-notifications__layout {
  gap: var(--ib-5);
  grid-template-columns: minmax(230px, 280px) minmax(0, 1fr);
  align-items: start;
  display: grid;
}

.event-manage-notifications__list {
  padding: 0;
  display: block;
  overflow: hidden;
}

.event-manage-notifications__group + .event-manage-notifications__group {
  border-top: 1px solid var(--ib-line);
}

.event-manage-notifications__group h2 {
  padding: var(--ib-4) var(--ib-4) var(--ib-2);
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
  margin: 0;
}

.event-manage-notifications__item {
  justify-content: space-between;
  align-items: center;
  gap: var(--ib-2);
  width: 100%;
  padding-right: var(--ib-4);
  color: var(--ib-body);
  font-size: var(--ib-fs-13);
  display: flex;
}

.event-manage-notifications__pick {
  min-width: 0;
  padding: var(--ib-3) 0 var(--ib-3) var(--ib-4);
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  flex: 1;
}

.event-manage-notifications__item:hover, .event-manage-notifications__item.is-selected {
  background: var(--ib-soft);
}

.event-manage-notifications__item.is-selected {
  color: var(--ib-action);
  font-weight: var(--ib-w-semibold);
}

.event-manage-notifications__signal-head {
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--ib-4);
  display: flex;
}

.event-manage-notifications__signal-head .event-manage-section__head {
  min-width: 0;
}

.event-manage-notifications__field-head {
  justify-content: space-between;
  align-items: center;
  gap: var(--ib-3);
  flex-wrap: wrap;
  display: flex;
}

.event-manage-notifications__variables {
  width: auto;
  min-width: 0;
  max-width: 240px;
  min-height: 32px;
  font-size: var(--ib-fs-12);
}

.event-manage-notifications__narrow {
  max-width: 220px;
}

.event-manage-notifications__preview--wide {
  background: none;
  border: 0;
  padding: 0;
}

.event-manage-notifications__stage {
  gap: var(--ib-5);
  display: grid;
}

.event-manage-notifications__stage-item {
  justify-items: center;
  gap: var(--ib-2);
  display: grid;
}

.event-manage-notifications__stage-item h3 {
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
  font-weight: var(--ib-w-medium);
  justify-self: start;
  margin: 0;
}

.event-manage-notifications__stage-item small {
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
}

.event-manage-notifications__inbox {
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-lg);
  background: var(--ib-raised);
  width: min(400px, 100%);
}

.event-manage-notifications__stage-item .event-notification-popin {
  width: min(400px, 100%);
}

.event-manage-notifications__tones {
  gap: var(--ib-2);
  grid-template-columns: repeat(auto-fit, minmax(104px, 1fr));
  display: grid;
}

.event-manage-notifications__tone {
  align-items: center;
  gap: var(--ib-1);
  padding: var(--ib-2);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r);
  background: var(--ib-surface);
  color: var(--ib-body);
  font: inherit;
  font-size: var(--ib-fs-12);
  cursor: pointer;
  flex-direction: column;
  display: flex;
}

.event-manage-notifications__tone[aria-checked="true"], .event-manage-notifications__icon[aria-checked="true"] {
  border-color: var(--ib-action);
  color: var(--ib-ink);
}

.event-manage-notifications__tone:disabled, .event-manage-notifications__icon:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.event-manage-notifications__more {
  justify-self: start;
}

.event-manage-notifications__appearance {
  gap: var(--ib-4);
  padding-top: var(--ib-3);
  border-top: 1px solid var(--ib-line);
  display: grid;
}

.event-manage-notifications__icons {
  gap: var(--ib-2);
  flex-wrap: wrap;
  display: flex;
}

.event-manage-notifications__icon {
  padding: var(--ib-1);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r);
  background: var(--ib-surface);
  cursor: pointer;
  place-items: center;
  display: grid;
}

.event-manage-notifications__accent {
  align-items: center;
  gap: var(--ib-3);
  color: var(--ib-dim);
  font-size: var(--ib-fs-13);
  flex-wrap: wrap;
  display: flex;
}

.event-manage-notifications__accent input[type="color"] {
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r);
  cursor: pointer;
  background: none;
  width: 44px;
  height: 32px;
  padding: 0;
}

.event-manage-notifications__action {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
  align-items: center;
}

.event-inapp-editor {
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r);
  background: var(--ib-surface);
}

.event-inapp-editor__bar {
  align-items: center;
  gap: var(--ib-1);
  padding: var(--ib-2);
  border-bottom: 1px solid var(--ib-line);
  display: flex;
}

.event-inapp-editor__bar .event-manage-notifications__variables {
  margin-left: auto;
}

.event-inapp-editor__body {
  min-height: 112px;
  padding: var(--ib-3);
  color: var(--ib-ink);
  font-size: var(--ib-fs-14);
  overflow-wrap: anywhere;
  line-height: 1.5;
}

.event-inapp-editor__body:focus-visible {
  outline: 2px solid var(--ib-action);
  outline-offset: -2px;
}

.event-inapp-editor__body[aria-disabled="true"] {
  opacity: .6;
}

.event-inapp-editor__pill {
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r);
  background: var(--ib-soft);
  color: var(--ib-action);
  font-size: var(--ib-fs-12);
  margin: 0 2px;
  padding: 0 6px;
}

.event-manage-notifications__main {
  gap: var(--ib-5);
  min-width: 0;
  display: grid;
}

.event-manage-notifications__delivery, .event-manage-notifications__template-head, .event-manage-notifications__state, .event-manage-notifications__footer {
  justify-content: space-between;
  align-items: center;
  gap: var(--ib-4);
  display: flex;
}

.event-manage-notifications__delivery > div:first-child {
  gap: var(--ib-1);
  display: grid;
}

.event-manage-notifications__delivery small {
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
}

.event-manage-notifications__delivery-actions, .event-manage-notifications__footer > div {
  align-items: center;
  gap: var(--ib-2);
  flex-wrap: wrap;
  display: flex;
}

.event-manage-notifications__state {
  padding: var(--ib-3) 0;
  border-top: 1px solid var(--ib-line);
  border-bottom: 1px solid var(--ib-line);
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
}

.event-manage-notifications__versions {
  gap: var(--ib-2);
  flex-wrap: wrap;
  display: flex;
}

.event-manage-notifications__version {
  padding: var(--ib-2) var(--ib-3);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r);
  background: var(--ib-surface);
  color: var(--ib-body);
  font: inherit;
  font-size: var(--ib-fs-12);
  cursor: pointer;
}

.event-manage-notifications__version.is-selected {
  border-color: var(--ib-action);
  color: var(--ib-action);
}

.event-manage-notifications__editor {
  gap: var(--ib-5);
  grid-template-columns: minmax(0, 1fr) minmax(220px, .8fr);
  align-items: start;
  display: grid;
}

.event-manage-notifications__fields {
  gap: var(--ib-4);
  min-width: 0;
  display: grid;
}

.event-manage-notifications__preview {
  gap: var(--ib-3);
  min-width: 0;
  padding: var(--ib-4);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r);
  background: var(--ib-soft);
  display: grid;
}

.event-manage-notifications__preview h3 {
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
  font-weight: var(--ib-w-medium);
  margin: 0;
}

.event-manage-notifications__preview .event-notification-card {
  background: var(--ib-surface);
}

.event-manage-notifications__footer {
  padding-top: var(--ib-4);
  justify-content: flex-end;
}

.event-manage-notifications__footer > span {
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
  margin-right: auto;
}

.event-manage-notifications__empty {
  align-items: center;
  gap: var(--ib-3);
  padding-bottom: var(--ib-6);
  flex-direction: column;
  display: flex;
}

.event-manage-notifications__preview small {
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
}

@media (max-width: 1000px) {
  .event-manage-notifications__layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .event-manage-notifications__list {
    display: flex;
    overflow: auto;
  }

  .event-manage-notifications__group {
    flex: none;
    min-width: 210px;
  }

  .event-manage-notifications__group + .event-manage-notifications__group {
    border-top: 0;
    border-left: 1px solid var(--ib-line);
  }
}

@media (max-width: 680px) {
  .event-manage-notifications__signal-head {
    flex-direction: column;
  }

  .event-manage-notifications__action, .event-manage-notifications__editor {
    grid-template-columns: minmax(0, 1fr);
  }

  .event-manage-notifications__template-head, .event-manage-notifications__delivery {
    flex-direction: column;
    align-items: flex-start;
  }

  .event-manage-notifications__footer {
    flex-direction: column;
    align-items: stretch;
  }

  .event-manage-notifications__footer > div {
    justify-content: flex-end;
  }
}

@media (max-width: 600px) {
  .event-manage-notifications__list {
    max-height: 260px;
    display: block;
    overflow: hidden auto;
  }

  .event-manage-notifications__group {
    min-width: 0;
  }

  .event-manage-notifications__group + .event-manage-notifications__group {
    border-top: 1px solid var(--ib-line);
    border-left: 0;
  }

  .event-manage-notifications__item span {
    overflow-wrap: anywhere;
    min-width: 0;
  }
}

.event-email-blocks {
  gap: var(--ib-4);
  display: grid;
}

.event-email-blocks__list {
  gap: var(--ib-3);
  display: grid;
}

.event-email-blocks__item {
  gap: var(--ib-4);
  min-width: 0;
  padding: var(--ib-4);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r);
  background: var(--ib-surface);
  display: grid;
}

.event-email-blocks__head {
  justify-content: space-between;
  align-items: center;
  gap: var(--ib-3);
  display: flex;
}

.event-email-blocks__head strong {
  font-size: var(--ib-fs-13);
}

.event-email-blocks__head > div {
  gap: var(--ib-1);
  display: flex;
}

.event-email-blocks__head button {
  border-radius: var(--ib-r-sm);
  width: 30px;
  height: 30px;
  color: var(--ib-dim);
  cursor: pointer;
  background: none;
  border: 0;
  place-items: center;
  display: grid;
}

.event-email-blocks__head button:hover:not(:disabled) {
  background: var(--ib-soft);
  color: var(--ib-action);
}

.event-email-blocks__head button:last-child:hover:not(:disabled) {
  background: var(--ib-danger-bg);
  color: var(--ib-danger);
}

.event-email-blocks__head button:disabled {
  opacity: .4;
  cursor: not-allowed;
}

.event-email-blocks__hint {
  color: var(--ib-dim);
  font-size: var(--ib-fs-13);
  margin: 0;
}

.event-email-blocks__image {
  object-fit: contain;
  object-position: left center;
  max-width: min(100%, 420px);
  max-height: 200px;
  display: block;
}

.event-email-blocks__add {
  gap: var(--ib-2);
  flex-wrap: wrap;
  display: flex;
}

.event-email-preview {
  gap: var(--ib-4);
  min-width: 0;
  padding-top: var(--ib-4);
  border-top: 1px solid var(--ib-line);
  display: grid;
}

.event-email-preview__head {
  justify-content: space-between;
  align-items: start;
  gap: var(--ib-4);
  display: flex;
}

.event-email-preview__head h3 {
  font-size: var(--ib-fs-16);
  margin: 0;
}

.event-email-preview__head p, .event-email-preview > p {
  margin: var(--ib-1) 0 0;
  color: var(--ib-dim);
  font-size: var(--ib-fs-13);
}

.event-email-preview__frame {
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r);
  background: var(--ib-surface);
  overflow: hidden;
}

dl.event-email-preview__meta {
  gap: var(--ib-1);
  padding: var(--ib-3) var(--ib-4);
  border-bottom: 1px solid var(--ib-line);
  font-size: var(--ib-fs-13);
  margin: 0;
  display: grid;
}

dl.event-email-preview__meta > div {
  gap: var(--ib-2);
  min-width: 0;
  display: flex;
}

dl.event-email-preview__meta dt {
  min-width: 84px;
  color: var(--ib-dim);
  flex: none;
}

dl.event-email-preview__meta dd {
  min-width: 0;
  color: var(--ib-ink);
  overflow-wrap: anywhere;
  margin: 0;
}

.event-email-preview__canvas {
  background: var(--ib-soft);
  flex-direction: column;
  justify-content: center;
  height: 560px;
  display: flex;
}

.event-email-preview__canvas > .event-block-state {
  flex: 1;
  min-height: 0;
}

.event-email-preview__canvas iframe {
  border: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.event-email-preview > .event-email-preview__stale {
  color: var(--ib-warn);
}

@media (max-width: 680px) {
  .event-email-preview__head {
    flex-direction: column;
  }

  .event-email-preview__canvas {
    height: 480px;
  }

  .event-manage-email .event-manage-fields-two, .event-email-blocks__item .event-manage-fields-two {
    grid-template-columns: minmax(0, 1fr);
  }
}

.event-email-styling {
  border-top: 1px solid var(--ib-line);
  padding-top: var(--ib-4);
}

.event-email-styling summary {
  font-size: var(--ib-fs-14);
  font-weight: var(--ib-w-semibold);
  cursor: pointer;
}

.event-email-styling > p {
  margin: var(--ib-2) 0 var(--ib-4);
  color: var(--ib-dim);
  font-size: var(--ib-fs-13);
}

.event-email-styling__grid {
  gap: var(--ib-4);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.event-email-styling__field {
  align-content: start;
  gap: var(--ib-2);
  display: grid;
}

.event-email-styling__control {
  align-items: center;
  gap: var(--ib-2);
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
  display: flex;
}

.event-email-styling__control input {
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-sm);
  background: var(--ib-surface);
  width: 42px;
  height: 36px;
  padding: 3px;
}

@media (max-width: 680px) {
  .event-email-styling__grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

.event-lexical {
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-sm);
  background: var(--ib-paper);
  min-width: 0;
  color: var(--ib-body);
  position: relative;
}

.event-lexical:focus-within {
  border-color: var(--ib-action);
}

.event-lexical.is-invalid {
  border-color: var(--ib-danger);
  outline: 1px solid var(--ib-danger);
}

.event-lexical__toolbar-wrap {
  border-bottom: 1px solid var(--ib-line);
  position: relative;
}

.event-lexical__toolbar {
  flex-wrap: wrap;
  align-items: center;
  gap: 2px;
  padding: 6px;
  display: flex;
}

.event-lexical__group {
  border-right: 1px solid var(--ib-line);
  align-items: center;
  gap: 2px;
  margin-right: 4px;
  padding-right: 6px;
  display: flex;
}

.event-lexical__group--end {
  border-right: 0;
  margin-left: auto;
  margin-right: 0;
  padding-right: 0;
}

.event-lexical__tool {
  border-radius: var(--ib-r-sm);
  width: 30px;
  height: 30px;
  color: var(--ib-body);
  cursor: pointer;
  background: none;
  border: 0;
  place-items: center;
  padding: 0;
  display: inline-grid;
}

.event-lexical__tool:hover {
  background: var(--ib-soft);
}

.event-lexical__tool.is-active {
  background: var(--ib-brand);
  color: var(--ib-on-brand);
}

.event-lexical__menu {
  z-index: 1000;
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-sm);
  background: var(--ib-raised);
  min-width: 150px;
  padding: 4px;
}

.event-lexical__menu .ib-listbox__opt {
  align-items: center;
  gap: 8px;
  display: flex;
}

.event-lexical__body {
  resize: vertical;
  flex-direction: column;
  height: 0;
  min-height: 180px;
  max-height: 80vh;
  display: flex;
  position: relative;
  overflow: hidden auto;
}

.event-lexical__body > * {
  flex: 1 0 auto;
}

.event-lexical__content {
  display: grid;
}

.event-lexical__editor {
  font-size: var(--ib-fs-14);
  outline: none;
  padding: 12px 14px;
  line-height: 1.55;
}

.event-lexical__placeholder {
  pointer-events: none;
  color: var(--ib-dim);
  font-size: var(--ib-fs-14);
  position: absolute;
  top: 12px;
  left: 14px;
}

.event-lexical__editor::selection, .event-lexical__editor ::selection {
  color: #1f1b3a;
  background: #b5b0d1;
}

.event-lexical__paragraph {
  margin: 0 0 .55em;
}

.event-lexical__h1 {
  margin: .65em 0 .3em;
  font-size: 1.65em;
  font-weight: 700;
}

.event-lexical__h2 {
  margin: .65em 0 .3em;
  font-size: 1.35em;
  font-weight: 700;
}

.event-lexical__h3 {
  margin: .65em 0 .3em;
  font-size: 1.12em;
  font-weight: 650;
}

.event-lexical__h4 {
  margin: .65em 0 .3em;
  font-size: 1.05em;
  font-weight: 650;
}

.event-lexical__h5 {
  margin: .65em 0 .3em;
  font-size: 1em;
  font-weight: 650;
}

.event-lexical__h6 {
  margin: .65em 0 .3em;
  font-size: .92em;
  font-weight: 650;
}

.event-lexical__bold {
  font-weight: 700;
}

.event-lexical__italic {
  font-style: italic;
}

.event-lexical__underline {
  text-decoration: underline;
}

.event-lexical__strike {
  text-decoration: line-through;
}

.event-lexical__inline-code {
  background: var(--ib-soft);
  border-radius: 3px;
  padding: 1px 4px;
  font-family: monospace;
}

.event-lexical__quote {
  border-left: 2px solid var(--ib-line);
  color: var(--ib-dim);
  margin: .7em 0;
  padding: .3em 0 .3em 14px;
}

.event-lexical__code {
  border-radius: var(--ib-r-sm);
  background: var(--ib-soft);
  white-space: pre-wrap;
  margin: .7em 0;
  padding: 12px;
  font-family: monospace;
  display: block;
}

.event-lexical__ul {
  margin: .4em 0;
  padding-left: 1.5em;
  list-style: outside;
}

.event-lexical__ol {
  margin: .4em 0;
  padding-left: 1.5em;
  list-style: decimal;
}

.event-lexical__li {
  margin: .2em 0;
}

.event-lexical__link {
  color: var(--ib-action);
  text-decoration: underline;
}

.event-lexical__variable {
  color: #3f330c;
  white-space: nowrap;
  vertical-align: baseline;
  background: #f7db75;
  border: 1px solid #dfbd52;
  border-radius: 6px;
  margin-inline: 2px;
  padding: 1px 6px;
  line-height: 1.3;
  display: inline-block;
}

.event-lexical__variable.is-selected {
  outline: 2px solid var(--ib-brand);
  outline-offset: 1px;
}

.event-lexical__picker {
  z-index: 1000;
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-sm);
  background: var(--ib-raised);
  gap: 2px;
  width: min(340px, 100vw - 24px);
  max-height: 300px;
  padding: 8px;
  display: grid;
  position: absolute;
  top: 100%;
  right: 6px;
  overflow: auto;
}

.event-lexical__picker input, .event-lexical__link-input input {
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-sm);
  background: var(--ib-paper);
  min-height: 36px;
  color: var(--ib-body);
  padding: 0 10px;
}

.event-lexical__picker button {
  border-radius: var(--ib-r-sm);
  color: var(--ib-body);
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  gap: 1px;
  padding: 7px;
  display: grid;
}

.event-lexical__picker button:hover {
  background: var(--ib-soft);
}

.event-lexical__picker code {
  font-size: var(--ib-fs-11);
  color: var(--ib-dim);
}

.event-lexical__link-input {
  border-top: 1px solid var(--ib-line);
  gap: 8px;
  padding: 8px;
  display: flex;
}

.event-lexical__link-input input {
  flex: 1;
  min-width: 0;
}

.event-lexical__link-input button {
  border-radius: var(--ib-r-sm);
  background: var(--ib-brand);
  color: var(--ib-on-brand);
  cursor: pointer;
  border: 0;
  padding: 0 12px;
}

.event-lexical__link-input button:disabled {
  opacity: .5;
  cursor: default;
}

.event-rich-text-field > .is-invalid .event-lexical {
  border-color: var(--ib-danger);
  outline: 1px solid var(--ib-danger);
}

.event-rich-text-field__link {
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-sm);
  background: var(--ib-soft);
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  padding: 8px;
  display: flex;
}

.event-rich-text-field__link > .event-select, .event-rich-text-field__link > input {
  flex: 180px;
  min-width: 0;
}

.event-rich-text-field__link > small {
  color: var(--ib-dim);
  flex-basis: 100%;
}

.event-stands {
  gap: var(--ib-4);
  display: grid;
}

.event-stands__schedule {
  gap: var(--ib-4);
}

.event-stands__times {
  gap: var(--ib-3);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
  display: grid;
}

.event-stands__times div {
  gap: var(--ib-1);
  display: grid;
}

.event-stands__times dt {
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
}

.event-stands__times dd {
  font-size: var(--ib-fs-14);
  font-weight: var(--ib-w-semibold);
  margin: 0;
}

.event-stands__summary {
  gap: var(--ib-3);
  grid-template-columns: repeat(6, minmax(0, 1fr));
  display: grid;
}

.event-stands__summary > div {
  gap: var(--ib-1);
  padding: var(--ib-3) var(--ib-4);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r);
  background: var(--ib-surface);
  display: grid;
}

.event-stands__summary span {
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
}

.event-stands__summary strong {
  font-size: var(--ib-fs-20);
  font-weight: var(--ib-w-semibold);
}

.event-stands__table {
  padding: 0;
  overflow: hidden;
}

.event-stands__status {
  padding: 2px var(--ib-2);
  border-radius: var(--ib-r);
  font-size: var(--ib-fs-12);
  font-weight: var(--ib-w-semibold);
  white-space: nowrap;
  background: var(--ib-soft);
  color: var(--ib-ink);
  align-items: center;
  display: inline-flex;
}

.event-stands__status.is-progress {
  background: var(--ib-warn-bg);
  color: var(--ib-warn);
}

.event-stands__status.is-ok {
  background: var(--ib-ok-bg);
  color: var(--ib-ok);
}

.event-stands__status.is-danger {
  background: var(--ib-danger-bg);
  color: var(--ib-danger);
}

.event-stands__reason {
  align-items: center;
  gap: var(--ib-1);
  max-width: 280px;
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  display: inline-flex;
}

.event-stands__reason span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.event-stands__reason[aria-expanded="true"] svg {
  transform: rotate(180deg);
}

.event-stands__actions {
  gap: var(--ib-2);
  flex-wrap: wrap;
  display: flex;
}

.event-stands__labs td {
  background: var(--ib-soft);
}

.event-stands__labs ul, .event-stands__challenges, .event-stands__access {
  gap: var(--ib-2);
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.event-stands__labs li {
  align-items: center;
  gap: var(--ib-3);
  flex-wrap: wrap;
  display: flex;
}

.event-stands__error {
  color: var(--ib-danger);
  font-size: var(--ib-fs-12);
  overflow-wrap: anywhere;
}

.event-stands__challenges {
  min-height: 160px;
}

.event-stands__challenges > li {
  gap: var(--ib-2);
  padding: var(--ib-3) 0;
  border-bottom: 1px solid var(--ib-line);
  display: grid;
}

.event-stands__challenges > li:last-child {
  border-bottom: 0;
}

.event-stands__challenge-head {
  justify-content: space-between;
  gap: var(--ib-3);
  display: flex;
}

.event-stands__challenge-head small {
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
}

.event-stands__challenge-lab {
  align-items: center;
  gap: var(--ib-3);
  display: flex;
}

.event-stands__access li {
  gap: var(--ib-3);
  font-size: var(--ib-fs-13);
  flex-wrap: wrap;
  display: flex;
}

.event-stands__access a {
  overflow-wrap: anywhere;
}

@media (max-width: 760px) {
  .event-stands__times {
    grid-template-columns: minmax(0, 1fr);
  }

  .event-stands__summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.event-manage-readonly-note {
  color: var(--ib-body);
  font-size: var(--ib-fs-14);
  margin: 0;
}

.event-results-settings__number {
  max-width: 160px;
}

.event-manage-mail {
  gap: var(--ib-4);
  display: grid;
}

.event-manage-mail__panel {
  gap: var(--ib-5);
  display: grid;
}

.event-manage-mail__panel > .event-manage-notice {
  margin-bottom: 0;
}

.event-manage-mail__facts {
  gap: var(--ib-3);
  margin: 0;
  display: grid;
}

.event-manage-mail__facts > div {
  gap: var(--ib-3);
  grid-template-columns: 140px minmax(0, 1fr);
  align-items: baseline;
  display: grid;
}

.event-manage-mail__facts dt {
  color: var(--ib-dim);
  font-size: var(--ib-fs-13);
}

.event-manage-mail__facts dd {
  color: var(--ib-ink);
  font-size: var(--ib-fs-14);
  font-weight: var(--ib-w-medium);
  overflow-wrap: anywhere;
  margin: 0;
}

.event-manage-mail__facts dd span {
  color: var(--ib-dim);
  font-family: var(--ib-mono);
  font-size: var(--ib-fs-13);
  font-weight: var(--ib-w-regular);
}

.event-manage-mail__smtp {
  gap: var(--ib-4);
  grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr);
  display: grid;
}

.event-manage-mail__password {
  justify-content: space-between;
  align-items: center;
  gap: var(--ib-2);
  flex-wrap: wrap;
  display: flex;
}

.event-manage-mail__result {
  gap: var(--ib-1);
  padding: var(--ib-3) var(--ib-4);
  border-radius: var(--ib-r);
  background: var(--ib-ok-bg);
  color: var(--ib-ok);
  font-size: var(--ib-fs-13);
  display: grid;
}

.event-manage-mail__result span {
  color: var(--ib-ink);
  overflow-wrap: anywhere;
}

.event-manage-mail__result.is-error {
  background: var(--ib-danger-bg);
  color: var(--ib-danger);
}

.event-manage-mail__actions {
  gap: var(--ib-2);
  flex-wrap: wrap;
}

.event-manage-mail__hint {
  color: var(--ib-dim);
  font-size: var(--ib-fs-13);
  margin: 0;
}

.event-manage-mail__filters {
  gap: var(--ib-3);
  padding: var(--ib-4) var(--ib-5);
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  align-items: end;
}

.event-manage-mail__filter-row {
  align-items: center;
  gap: var(--ib-3);
  flex-wrap: wrap;
  grid-column: 1 / -1;
  display: flex;
}

.event-manage-mail__total {
  color: var(--ib-dim);
  font-size: var(--ib-fs-13);
  margin-left: auto;
}

.event-manage-mail__journal {
  padding: var(--ib-2) 0;
}

.event-manage-mail__journal .event-attempts-manager__pagination {
  padding: var(--ib-3) var(--ib-4) var(--ib-1);
}

.event-manage-mail__time, .event-manage-mail__nowrap {
  white-space: nowrap;
  color: var(--ib-body);
}

.event-manage-mail__recipient {
  white-space: nowrap;
}

.event-manage-mail__error {
  color: var(--ib-danger) !important;
}

.event-manage-notifications__required {
  min-height: 30px;
  padding: 0 var(--ib-3);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r);
  color: var(--ib-ink);
  font-size: var(--ib-fs-13);
  font-weight: var(--ib-w-semibold);
  align-items: center;
  display: inline-flex;
}

.event-email-test {
  justify-content: space-between;
  align-items: center;
  gap: var(--ib-4);
  padding: var(--ib-4);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r);
  display: flex;
}

.event-email-test p {
  margin-top: var(--ib-1);
  color: var(--ib-dim);
  font-size: var(--ib-fs-13);
}

.event-email-test .event-email-test__result {
  color: var(--ib-ok);
}

.event-email-test button {
  flex: none;
}

@media (max-width: 760px) {
  .event-manage-mail__smtp {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .event-manage-mail__host {
    grid-column: 1 / -1;
  }

  .event-manage-mail__facts > div {
    gap: var(--ib-1);
    grid-template-columns: minmax(0, 1fr);
  }

  .event-email-test {
    flex-direction: column;
    align-items: stretch;
  }
}

.event-draft-bar {
  justify-content: space-between;
  align-items: center;
  gap: var(--ib-4);
  margin-bottom: var(--ib-5);
  padding: var(--ib-3) var(--ib-4);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-lg);
  background: var(--ib-surface);
  flex-wrap: wrap;
  display: flex;
}

.event-draft-bar__state {
  flex-direction: column;
  gap: 2px;
  min-width: 0;
  display: flex;
}

.event-draft-bar__state strong {
  font-size: var(--ib-fs-14);
  color: var(--ib-ink);
}

.event-draft-bar__state small {
  font-size: var(--ib-fs-13);
  color: var(--ib-dim);
}

.event-draft-bar__actions {
  gap: var(--ib-2);
  flex-wrap: wrap;
  display: flex;
}

.event-preview-switches {
  gap: var(--ib-2);
  margin-bottom: var(--ib-3);
  flex-wrap: wrap;
  display: flex;
}

.event-anchor-field {
  align-items: center;
  gap: var(--ib-2);
  display: flex;
}

.event-anchor-field > span {
  color: var(--ib-dim);
  font: var(--ib-fs-13) var(--ib-mono);
}

.event-anchor-field > .event-manage-input {
  flex: 1;
  min-width: 0;
}

.event-partner-logos {
  gap: var(--ib-2);
  margin: var(--ib-3) 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.event-partner-logo {
  align-items: center;
  gap: var(--ib-2);
  grid-template-columns: 104px minmax(0, 1fr) minmax(0, 1fr) 30px;
  display: grid;
}

.event-partner-logo__preview {
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-sm);
  background: var(--ib-paper);
  height: 40px;
  color: var(--ib-dim);
  place-items: center;
  display: grid;
}

.event-partner-logo__preview img {
  object-fit: contain;
  filter: grayscale();
  width: auto;
  max-width: 96px;
  height: 32px;
}

.event-undo-toast {
  align-items: center;
  gap: var(--ib-3);
  display: flex;
}

@media (max-width: 640px) {
  .event-partner-logo {
    grid-template-columns: 72px minmax(0, 1fr) 30px;
  }

  .event-partner-logo > .event-manage-input:nth-of-type(2) {
    grid-column: 2;
  }

  .event-partner-logo__preview {
    grid-row: 1 / 3;
  }

  .event-partner-logo > .event-content-editor__rule-remove {
    grid-area: 1 / 3;
  }
}

.event-template-header {
  align-items: center;
  gap: var(--ib-3) var(--ib-4);
  padding-bottom: var(--ib-4);
  border-bottom: 1px solid var(--ib-line);
  flex-wrap: wrap;
  display: flex;
}

.event-template-header__back {
  align-items: center;
  gap: var(--ib-1);
  color: var(--ib-action);
  font-size: var(--ib-fs-13);
  flex: none;
  text-decoration: none;
  display: inline-flex;
}

.event-template-header__back:hover {
  text-decoration: underline;
}

.event-template-header__title {
  align-items: center;
  gap: var(--ib-2);
  flex-wrap: wrap;
  flex: 1;
  min-width: 0;
  display: flex;
}

.event-template-header__title h1 {
  overflow-wrap: anywhere;
  min-width: 0;
  font-size: var(--ib-fs-20);
  font-weight: var(--ib-w-semibold);
  margin: 0;
}

.event-template-header__actions {
  justify-content: flex-end;
  align-items: center;
  gap: var(--ib-2);
  flex-wrap: wrap;
  display: flex;
}

.event-template-page {
  gap: var(--ib-4);
  align-content: start;
  display: grid;
}

.event-template-page__intro, .event-template-page__hint {
  color: var(--ib-dim);
  font-size: var(--ib-fs-13);
  margin: 0;
}

.event-template-page__hint {
  padding: var(--ib-3) var(--ib-4);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r);
  background: var(--ib-warn-bg);
  color: var(--ib-ink);
}

.event-template-grid {
  gap: var(--ib-6);
  grid-template-columns: minmax(0, 1fr) minmax(360px, 45%);
  align-items: start;
  display: grid;
}

.event-template-grid__fields {
  gap: var(--ib-5);
  min-width: 0;
  display: grid;
}

.event-template-grid__preview {
  gap: var(--ib-3);
  top: var(--ib-4);
  min-width: 0;
  display: grid;
  position: sticky;
}

.event-template-grid__preview h2 {
  font-size: var(--ib-fs-14);
  font-weight: var(--ib-w-semibold);
  margin: 0;
}

.event-template-grid__preview small {
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
}

.event-template-versions {
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r);
  background: var(--ib-surface);
}

.event-template-versions__toggle {
  width: 100%;
  padding: var(--ib-3) var(--ib-4);
  color: var(--ib-ink);
  font: inherit;
  font-size: var(--ib-fs-14);
  font-weight: var(--ib-w-semibold);
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.event-template-versions__list {
  padding: 0 var(--ib-4);
  border-top: 1px solid var(--ib-line);
}

.event-template-versions__row {
  align-items: center;
  gap: var(--ib-3);
  padding: var(--ib-3) 0;
  flex-wrap: wrap;
  display: flex;
}

.event-template-versions__row + .event-template-versions__row {
  border-top: 1px solid var(--ib-line);
}

.event-template-versions__row > div {
  flex: 1;
  min-width: 0;
}

.event-template-versions__meta {
  align-items: center;
  gap: var(--ib-2);
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
  flex-wrap: wrap;
  display: flex;
}

.event-template-versions__row p {
  margin: var(--ib-1) 0 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--ib-fs-13);
  overflow: hidden;
}

.event-template-versions__row a {
  color: var(--ib-action);
  font-size: var(--ib-fs-12);
}

.event-template-versions__current {
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
}

.event-template-list__name {
  color: var(--ib-ink);
  font-weight: var(--ib-w-medium);
  text-decoration: none;
}

.event-template-list__name:hover {
  color: var(--ib-action);
  text-decoration: underline;
}

.event-template-list__status {
  align-items: center;
  gap: var(--ib-2);
  flex-wrap: wrap;
  display: flex;
}

.event-template-list__status a {
  color: var(--ib-action);
  font-size: var(--ib-fs-12);
}

.event-email-styling__advanced {
  padding-top: var(--ib-3);
  grid-column: 1 / -1;
}

@media (max-width: 1100px) {
  .event-template-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .event-template-grid__preview {
    position: static;
  }
}

.exercise-editor-toolbar button:not([aria-pressed="true"]):hover, .exercise-editor-toolbar button:not([aria-pressed="true"]):focus-visible {
  background: var(--ib-hover);
  outline: 1px solid var(--ib-line);
  outline-offset: -1px;
}

.exercise-editor-toolbar button[aria-pressed="true"]:hover {
  filter: brightness(.94);
}

.editor-scroll {
  resize: vertical;
  flex-direction: column;
  height: 0;
  max-height: 80vh;
  display: flex;
  overflow: hidden auto;
}

.editor-scroll > * {
  flex: 1 0 auto;
}

.editor-scroll__body {
  display: grid;
}

.variable-richtext .var-pill {
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r);
  background: var(--ib-soft);
  color: var(--ib-action);
  margin: 0 2px;
  padding: 0 4px;
}

.event-mail-detail {
  gap: var(--ib-4);
  display: grid;
}

.event-mail-detail h3 {
  font-size: var(--ib-fs-14);
  margin: 0;
}

.event-mail-detail ul {
  gap: var(--ib-3);
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.event-mail-detail li {
  gap: var(--ib-2);
  padding: var(--ib-3);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r);
  display: grid;
}

.event-mail-detail__head {
  justify-content: space-between;
  align-items: center;
  gap: var(--ib-3);
  display: flex;
}

.event-mail-detail__facts {
  gap: var(--ib-1);
  font-size: var(--ib-fs-13);
  margin: 0;
  display: grid;
}

.event-mail-detail__facts > div {
  gap: var(--ib-3);
  grid-template-columns: 130px minmax(0, 1fr);
  display: grid;
}

.event-mail-detail__facts dt {
  color: var(--ib-dim);
}

.event-mail-detail__facts dd {
  overflow-wrap: anywhere;
  margin: 0;
}

/* [project]/src/styles/event-inbox.css [app-client] (css) */
.event-notifications__trigger {
  flex: none;
  position: relative;
}

.event-notifications__count {
  border-radius: var(--ib-r-pill);
  background: var(--ib-action);
  min-width: 17px;
  height: 17px;
  color: var(--ib-on-action);
  font-size: 10px;
  font-weight: var(--ib-w-semibold);
  place-items: center;
  padding: 0 3px;
  line-height: 1;
  display: grid;
  position: absolute;
  top: -3px;
  right: -5px;
}

.event-notifications__panel {
  z-index: 80;
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-lg);
  background: var(--ib-raised);
  width: min(32rem, 100vw - 24px);
  max-height: min(28rem, 100dvh - 6rem);
  color: var(--ib-ink);
  flex-direction: column;
  padding: 0;
  display: flex;
  overflow: hidden;
}

.event-notifications__head {
  justify-content: space-between;
  align-items: center;
  gap: var(--ib-2);
  padding: var(--ib-3) var(--ib-4);
  border-bottom: 1px solid var(--ib-line);
  flex: none;
  display: flex;
}

.event-notifications__head:has( + .event-notifications__tabs-wrap) {
  padding-bottom: var(--ib-2);
  border-bottom: 0;
}

.event-notifications__head h2 {
  color: var(--ib-dim);
  margin: 0;
  line-height: 1;
}

.event-notifications__sr-only {
  clip: rect(0,0,0,0);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

.event-notifications__head > div {
  align-items: center;
  gap: var(--ib-2);
  flex: none;
  display: flex;
}

.event-notifications__head button, .event-notification-card__actions a, .event-notification-card__actions button {
  border-radius: var(--ib-r);
  color: var(--ib-action);
  font: var(--ib-w-medium) var(--ib-fs-12)/1.3 var(--ib-font);
  cursor: pointer;
  background: none;
  border: 0;
}

.event-notifications__head button:not(.event-notifications__icon-btn) {
  padding: var(--ib-1) var(--ib-2);
}

.event-notifications__head button:hover, .event-notification-card__actions a:hover, .event-notification-card__actions button:hover {
  text-decoration: underline;
}

.event-notifications__head button:disabled {
  opacity: .4;
  cursor: not-allowed;
  text-decoration: none;
}

.event-notifications__head .event-notifications__icon-btn {
  width: 28px;
  height: 28px;
  color: var(--ib-dim);
  place-items: center;
  padding: 0;
  display: grid;
}

.event-notifications__head .event-notifications__icon-btn:hover {
  background: var(--ib-soft);
  color: var(--ib-ink);
  text-decoration: none;
}

.event-notifications__trigger:focus-visible, .event-notifications__head button:focus-visible, .event-notification-card__actions a:focus-visible, .event-notification-card__actions button:focus-visible, .event-notification-popin button:focus-visible {
  outline: 2px solid var(--ib-action);
  outline-offset: 2px;
}

.event-notifications__scroll {
  flex-direction: column;
  min-height: 160px;
  display: flex;
  overflow-y: auto;
}

.event-notifications__older .event-block-state {
  --event-block-state-h: 72px;
  padding: var(--ib-3);
  flex: none;
}

.event-notifications__list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.event-notifications__list li + li {
  border-top: 1px solid var(--ib-line);
}

.event-notifications__list li {
  padding: var(--ib-3) var(--ib-4);
}

.event-notifications__list li:hover {
  background: var(--ib-soft);
}

.event-notifications__error {
  margin: var(--ib-3);
  padding: var(--ib-2) var(--ib-3);
  border-radius: var(--ib-r);
  background: var(--ib-danger-bg);
  color: var(--ib-danger);
  font-size: var(--ib-fs-12);
}

.event-notification-card {
  align-items: flex-start;
  gap: var(--ib-3);
  text-align: left;
  min-width: 0;
  display: flex;
}

.event-notification-icon {
  border-radius: var(--ib-r);
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: inline-flex;
}

.event-notification-icon.is-compact {
  width: 32px;
  height: 32px;
}

.event-notification-card__content {
  flex: 1;
  min-width: 0;
}

.event-notification-card__heading {
  align-items: flex-start;
  gap: var(--ib-2);
  min-width: 0;
  display: flex;
}

.event-notification-card__heading p {
  min-width: 0;
  color: var(--ib-ink);
  font-size: var(--ib-fs-14);
  font-weight: var(--ib-w-medium);
  overflow-wrap: anywhere;
  flex: 1;
  margin: 0;
  line-height: 1.35;
}

.event-notification-card__heading p.is-unread {
  font-weight: var(--ib-w-semibold);
}

.event-notification-card__unread {
  background: var(--ib-action);
  border-radius: 50%;
  flex: none;
  width: 8px;
  height: 8px;
  margin-top: 6px;
}

.event-notification-card__body {
  margin-top: var(--ib-1);
  color: var(--ib-dim);
  font-size: var(--ib-fs-14);
  overflow-wrap: anywhere;
  line-height: 1.5;
}

.event-notification-card.is-compact .event-notification-card__body {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.event-notification-card__time {
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
  margin-top: 6px;
}

.event-notification-card__actions {
  gap: var(--ib-2);
  margin-top: var(--ib-3);
  flex-wrap: wrap;
  display: flex;
}

.event-notification-card__actions a, .event-notification-card__actions button {
  font-size: var(--ib-fs-14);
  padding: 0;
  text-decoration: none;
}

.event-notifications__popins {
  z-index: 90;
  gap: var(--ib-3);
  max-height: calc(100dvh - 80px);
  display: grid;
  position: fixed;
  top: 64px;
  right: 16px;
  overflow-y: auto;
}

.event-notification-popin {
  width: min(360px, 100vw - 32px);
  padding: var(--ib-4) var(--ib-4) var(--ib-5);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-lg);
  background: var(--ib-raised);
  color: var(--ib-ink);
  position: relative;
}

.event-notification-popin__content {
  padding-right: var(--ib-5);
}

.event-notification-popin__close {
  top: var(--ib-2);
  right: var(--ib-2);
  border-radius: var(--ib-r);
  width: 25px;
  height: 25px;
  color: var(--ib-dim);
  cursor: pointer;
  background: none;
  border: 0;
  place-items: center;
  padding: 0;
  display: grid;
  position: absolute;
}

.event-notification-popin__close:hover {
  background: var(--ib-soft);
  color: var(--ib-ink);
}

.event-notification-popin__track {
  right: var(--ib-4);
  bottom: var(--ib-2);
  left: var(--ib-4);
  border-radius: var(--ib-r-pill);
  background: var(--ib-soft);
  height: 3px;
  position: absolute;
  overflow: hidden;
}

.event-notification-popin__track span {
  transform-origin: 0;
  width: 100%;
  height: 100%;
  animation: linear forwards event-notification-countdown;
  display: block;
}

@keyframes event-notification-countdown {
  to {
    transform: scaleX(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .event-notification-popin__track span {
    animation: none;
  }
}

.event-notifications__tabs-wrap {
  padding: 0 var(--ib-3) var(--ib-3);
  border-bottom: 1px solid var(--ib-line);
  flex: none;
}

.event-notifications__tabs {
  border-radius: var(--ib-r);
  background: var(--ib-hero);
  align-items: center;
  width: 100%;
  height: 40px;
  padding: 4px;
  display: flex;
}

.event-notifications__tabs button {
  min-width: 0;
  height: 32px;
  padding: 0 var(--ib-2);
  border-radius: calc(var(--ib-r) - 2px);
  color: var(--ib-dim);
  font: var(--ib-w-regular) var(--ib-fs-14)/1 var(--ib-font);
  cursor: pointer;
  background: none;
  border: 0;
  flex: auto;
  justify-content: center;
  align-items: center;
  gap: 4px;
  display: inline-flex;
}

.event-notifications__tabs button:hover {
  color: var(--ib-ink);
}

.event-notifications__tabs button[aria-selected="true"] {
  background: var(--ib-surface);
  color: var(--ib-ink);
  font-weight: var(--ib-w-medium);
}

.event-notifications__tabs button:focus-visible {
  outline: 2px solid var(--ib-action);
  outline-offset: 0;
}

.event-notifications__tab-name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.event-notifications__tab-count {
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
  font-variant-numeric: tabular-nums;
}

.event-notifications__meta {
  justify-content: space-between;
  align-items: center;
  gap: var(--ib-2);
  min-width: 0;
  display: flex;
}

.event-notifications__meta > :first-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.event-notifications__event {
  text-overflow: ellipsis;
  white-space: nowrap;
  background: var(--ib-soft);
  max-width: 60%;
  color: var(--ib-dim);
  font-size: 11px;
  font-weight: var(--ib-w-medium);
  border-radius: 4px;
  flex: none;
  padding: 1px 6px;
  overflow: hidden;
}

.event-notifications__list li.is-resolved {
  opacity: .6;
}

.event-notification-card__actions .event-notifications__resolve {
  font-size: var(--ib-fs-12);
  align-items: center;
  gap: 4px;
  display: inline-flex;
}

.event-notification-card__actions .event-notifications__resolve:disabled {
  opacity: .6;
  cursor: not-allowed;
  text-decoration: none;
}

.event-notifications__resolve .event-block-state {
  --event-block-state-h: 0;
  flex: none;
  padding: 0;
}

.event-notifications__resolve .event-loading-logo {
  width: 14px;
  height: 14px;
}

.event-notifications__other {
  padding: 10px var(--ib-4);
  border-top: 1px solid var(--ib-line);
  color: var(--ib-action);
  font-size: var(--ib-fs-14);
  font-weight: var(--ib-w-medium);
  flex: none;
  justify-content: center;
  align-items: center;
  gap: 4px;
  text-decoration: none;
  display: flex;
}

.event-notifications__other:hover {
  background: var(--ib-soft);
}

.event-notifications__other:focus-visible {
  outline: 2px solid var(--ib-action);
  outline-offset: -2px;
}

/* [project]/src/styles/event-navbar-account.css [app-client] (css) */
.event-navbar .ib-navbar__actions, .event-manage-shell .ib-topbar__actions {
  gap: 12px;
}

.event-header-divider {
  background: var(--ib-line);
  flex: none;
  width: 1px;
  height: 20px;
  display: block;
}

.event-account__trigger, .event-account__avatar {
  width: 36px;
  height: 36px;
}

.event-account__trigger {
  background: none;
  padding: 0;
}

.event-account__trigger:hover {
  background: none;
}

.event-account__avatar {
  font-size: var(--ib-fs-14);
  font-weight: var(--ib-w-medium);
  text-align: center;
  line-height: 1;
}

.event-manage-brand {
  align-items: center;
  gap: var(--ib-3);
  min-width: 0;
  color: inherit;
  flex: 1;
  text-decoration: none;
  display: flex;
}

.event-manage-brand:hover {
  color: inherit;
  text-decoration: none;
}

.event-manage-brand .ib-admin-side__title {
  flex: 1;
}

.event-manage-brand:focus-visible {
  outline: 2px solid var(--ib-on-brand);
  outline-offset: 2px;
  border-radius: var(--ib-r);
}

.event-manage-frame > .event-manage-shell {
  height: 100dvh;
}

.event-manage-shell .ib-topbar__crumbs {
  font-size: var(--ib-fs-14);
}

.event-account__theme {
  display: none;
}

@media (max-width: 640px) {
  .event-account__menu {
    width: min(290px, 100vw - 24px);
  }

  .event-account__theme {
    justify-content: space-between;
    align-items: center;
    gap: var(--ib-3);
    padding: var(--ib-2) var(--ib-3);
    border-top: 1px solid var(--ib-line);
    color: var(--ib-dim);
    font-size: var(--ib-fs-13);
    display: flex;
  }

  .event-account__theme .event-theme-toggle {
    flex: none;
  }

  .event-account__theme .event-theme-toggle button {
    justify-content: center;
    width: 32px;
    height: 32px;
    min-height: 0;
    padding: 0;
  }

  .event-header-theme--account {
    display: none;
  }
}

@container ib-navbar (max-width: 480px) {
  .event-navbar .ib-navbar__actions .event-header-theme:not(.event-header-theme--account) {
    display: none;
  }
}

@media (max-width: 760px) {
  .event-navbar .ib-navbar__actions .event-header-theme--desktop, .event-header-divider {
    display: none;
  }

  .event-account__menu {
    width: min(290px, 100vw - 24px);
  }

  .event-account__theme {
    justify-content: space-between;
    align-items: center;
    gap: var(--ib-3);
    padding: var(--ib-2) var(--ib-3);
    border-top: 1px solid var(--ib-line);
    color: var(--ib-dim);
    font-size: var(--ib-fs-13);
    display: flex;
  }

  .event-account__theme .event-theme-toggle {
    flex: none;
  }

  .event-account__theme .event-theme-toggle button {
    justify-content: center;
    width: 32px;
    height: 32px;
    min-height: 0;
    padding: 0;
  }

  .event-navbar__mobile-theme {
    justify-content: space-between;
    align-items: center;
    gap: var(--ib-3);
    padding-top: var(--ib-3);
    font-size: var(--ib-fs-13);
    color: var(--ib-dim);
    display: flex;
  }

  .event-header-divider {
    display: none;
  }
}

.event-pin {
  --_fg: var(--ib-dim);
  flex: none;
}

.event-pin:hover {
  --_fg: var(--ib-ink);
}

.event-pin[aria-current="page"] {
  --_fg: var(--ib-ink);
  background: var(--ib-soft);
}

.event-vpn-button.is-ready:hover {
  --_fg: var(--ib-ok);
}

.event-vpn-button.is-failed:hover {
  --_fg: var(--ib-danger);
}

.event-navbar .event-pin-tip {
  display: inline-flex;
}

@container ib-navbar (min-width: 1101px) {
  .event-pin-tip .ib-tip__bubble {
    display: none;
  }
}

@container ib-navbar (max-width: 1100px) {
  .event-pin--page {
    width: var(--ib-control-h);
    justify-content: center;
    padding: 0;
  }

  .event-pin--page .event-pin__label {
    display: none;
  }
}

@container ib-navbar (max-width: 760px) {
  .event-pin-tip:has(.event-pin--page) {
    display: none;
  }

  .event-vpn-button {
    width: var(--ib-control-h);
    padding: 0;
  }

  .event-vpn-button .event-pin__label {
    display: none;
  }
}

.event-navbar__panel-pin {
  gap: var(--ib-3);
}

.event-navbar__panel-pin svg {
  width: 18px;
  height: 18px;
  color: var(--ib-dim);
  flex: none;
}

/* [project]/src/styles/event-manage-brand.css [app-client] (css) */
.event-manage-general, .event-manage-appearance {
  gap: var(--ib-4);
  display: grid;
}

.event-manage-general .event-manage-heading, .event-manage-appearance .event-manage-heading {
  margin-bottom: var(--ib-2);
}

.event-manage-general .event-manage-section, .event-manage-appearance .event-manage-section {
  gap: var(--ib-4);
  padding: var(--ib-5);
}

.event-manage-general textarea.event-manage-input {
  min-height: 86px;
}

.event-manage-details > summary {
  justify-content: space-between;
  align-items: center;
  gap: var(--ib-3);
  cursor: pointer;
  list-style: none;
  display: flex;
}

.event-manage-details > summary::-webkit-details-marker {
  display: none;
}

.event-manage-details > summary span {
  gap: 2px;
  display: grid;
}

.event-manage-details > summary strong {
  font-size: var(--ib-fs-16);
}

.event-manage-details > summary small {
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
}

.event-manage-details[open] > summary svg {
  transform: rotate(180deg);
}

.event-brand-field {
  gap: var(--ib-2);
  min-width: 0;
  font-size: var(--ib-fs-13);
  display: grid;
}

.event-brand-field__head {
  align-items: center;
  gap: var(--ib-1);
  font-weight: var(--ib-w-medium);
  display: inline-flex;
}

.event-field-required {
  color: var(--ib-danger);
  font-weight: var(--ib-w-semibold);
}

.event-brand-help {
  width: 20px;
  height: 20px;
  color: var(--ib-dim);
  cursor: help;
  background: none;
  border: 0;
  place-items: center;
  padding: 0;
  display: inline-grid;
}

.event-brand-help:hover {
  color: var(--ib-ink);
}

.ib-tip__bubble:has(.event-brand-tooltip-copy) {
  max-width: 300px;
  padding: 10px 12px;
}

.event-brand-tooltip-copy {
  white-space: pre-line;
  line-height: 1.5;
}

.event-manage-validation.event-manage-validation--warning {
  color: var(--ib-warn);
}

.event-brand-drop {
  justify-content: center;
  align-items: center;
  gap: var(--ib-3);
  width: 100%;
  min-width: 0;
  min-height: 82px;
  padding: var(--ib-3);
  border: 1px dashed var(--ib-line);
  border-radius: var(--ib-r);
  background: var(--ib-soft);
  color: var(--ib-ink);
  font: inherit;
  cursor: pointer;
  display: flex;
}

.event-brand-drop:hover, .event-brand-drop:focus-within {
  border-color: var(--ib-action);
  color: var(--ib-ink);
}

.event-brand-drop:disabled {
  opacity: .65;
  cursor: not-allowed;
}

.event-brand-drop > svg {
  width: 24px;
  height: 24px;
  color: var(--ib-ink);
  stroke-width: 2px;
  flex: none;
}

.event-brand-drop__action {
  text-align: left;
  justify-items: start;
  gap: 2px;
  display: grid;
}

.event-brand-drop__action strong {
  font-weight: var(--ib-w-semibold);
}

.event-brand-drop small {
  font-size: var(--ib-fs-12);
  color: var(--ib-dim);
}

.event-brand-drop--preview {
  min-height: 96px;
}

.event-brand-current {
  align-items: center;
  gap: var(--ib-3);
  width: 100%;
  min-width: 0;
  min-height: 82px;
  display: flex;
}

.event-brand-current > img {
  object-fit: contain;
  width: auto;
  max-width: min(320px, 100% - 104px);
  height: 82px;
  max-height: 82px;
  display: block;
}

.event-brand-current--preview {
  min-height: 96px;
}

.event-brand-current--preview > img {
  height: 96px;
  max-height: 96px;
}

.event-brand-current--favicon > img {
  height: 64px;
}

.event-brand-current__actions {
  align-items: center;
  gap: var(--ib-2);
  opacity: 0;
  transition: opacity var(--ib-dur-fast) var(--ib-ease);
  flex: none;
  display: flex;
}

.event-brand-current:hover .event-brand-current__actions, .event-brand-current:focus-within .event-brand-current__actions {
  opacity: 1;
}

.event-brand-change, .event-brand-remove {
  aspect-ratio: 1;
  place-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  padding: 0;
  display: grid;
}

.event-brand-remove:hover, .event-brand-remove:focus-visible {
  border-color: var(--ib-danger);
  background: var(--ib-danger-bg);
  color: var(--ib-danger);
}

@media (hover: none) {
  .event-brand-current__actions {
    opacity: 1;
  }
}

.event-brand-field > small {
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
}

.event-brand-field > small.event-brand-field__error {
  color: var(--ib-danger);
}

.event-brand-reset {
  place-self: start;
}

.event-brand-section-head {
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--ib-3);
  display: flex;
}

.event-manage-color {
  position: relative;
}

.event-color-picker {
  cursor: pointer;
  flex: none;
  place-items: center;
  width: 40px;
  height: 40px;
  display: inline-grid;
  position: relative;
}

.event-color-picker:focus-within {
  outline: 2px solid var(--ib-action);
  outline-offset: 2px;
}

.event-color-picker input[type="color"] {
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: inherit;
  position: absolute;
  inset: 0;
}

.event-color-swatch {
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r);
  background: var(--ib-surface);
  width: 38px;
  height: 38px;
  color: var(--ib-dim);
  place-items: center;
  display: grid;
}

.event-manage-color {
  width: 100%;
  min-width: 0;
}

.event-manage-color .event-manage-input {
  flex: 1;
  width: auto;
  min-width: 0;
}

.event-manage-color:has(.event-brand-reset-icon) .event-manage-input {
  padding-right: 54px;
}

.event-brand-reset-icon {
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r);
  background: var(--ib-surface);
  width: 30px;
  height: 30px;
  color: var(--ib-dim);
  cursor: pointer;
  flex: none;
  place-items: center;
  padding: 0;
  display: inline-grid;
}

.event-manage-color .event-brand-reset-icon {
  border: 1px solid var(--ib-line);
  width: 30px;
  height: 30px;
  color: var(--ib-ink);
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}

.event-brand-reset-icon:hover {
  border-color: var(--ib-action);
  color: var(--ib-action);
  background: var(--ib-soft);
}

.event-brand-palette-dialog {
  border-color: var(--ib-line);
  border-radius: var(--ib-r-lg);
  background: var(--ib-surface);
  color: var(--ib-ink);
}

.event-brand-palette-dialog__colors {
  gap: var(--ib-3);
  display: grid;
}

.event-brand-palette-dialog__colors > div {
  justify-content: space-between;
  align-items: center;
  gap: var(--ib-3);
  font-size: var(--ib-fs-13);
  display: flex;
}

.event-brand-palette-dialog__colors strong {
  align-items: center;
  gap: var(--ib-2);
  font: var(--ib-w-semibold) var(--ib-fs-13)/var(--ib-lh-ui) var(--ib-mono);
  display: inline-flex;
}

.event-brand-palette-dialog__colors i {
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-sm);
  width: 24px;
  height: 24px;
  display: inline-block;
}

.event-brand-palette-dialog__actions {
  justify-content: flex-end;
  gap: var(--ib-2);
  flex-wrap: wrap;
  display: flex;
}

.event-brand-preview-logo {
  align-items: center;
  gap: var(--ib-2);
  display: flex;
}

.event-brand-preview-logo img {
  object-fit: contain;
  width: 24px;
  height: 24px;
}

.event-manage-savebar {
  z-index: 2;
  justify-content: flex-end;
  align-items: center;
  gap: var(--ib-3);
  padding: var(--ib-3) 0;
  background: var(--ib-surface);
  display: flex;
  position: sticky;
  bottom: 0;
}

/* [project]/src/styles/event-manage-access.css [app-client] (css) */
.event-manage-warning {
  align-items: center;
  gap: var(--ib-3);
  padding: var(--ib-4);
  border: 1px solid var(--ib-danger);
  border-radius: var(--ib-r);
  background: var(--ib-danger-bg);
  color: var(--ib-danger);
  font-size: var(--ib-fs-13);
  font-weight: var(--ib-w-semibold);
  display: flex;
}

.event-manage-warning svg {
  flex: none;
}

.event-manage-general .event-manage-fields-two > .event-manage-field:nth-child(-n+2) .ib-tip__bubble {
  top: calc(100% + 6px);
  bottom: auto;
}

.event-manage-status {
  align-items: center;
  gap: var(--ib-2);
  padding: var(--ib-2) var(--ib-3);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-pill);
  background: var(--ib-soft);
  color: var(--ib-ink);
  font-size: var(--ib-fs-13);
  font-weight: var(--ib-w-semibold);
  white-space: nowrap;
  display: inline-flex;
}

.event-manage-check {
  align-items: flex-start;
  gap: var(--ib-3);
  padding: var(--ib-4);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r);
  cursor: pointer;
  display: flex;
}

.event-manage-schedule .event-manage-field:has(.event-manage-check input:not(:checked)) + .event-manage-fields-two {
  display: none;
}

.event-manage-check input, .event-manage-choice-group input {
  accent-color: var(--ib-action);
  flex: none;
  margin-top: 3px;
}

.event-manage-check span, .event-manage-choice-group label > span, .event-manage-choice-content {
  gap: var(--ib-1);
  display: grid;
}

.event-manage-check strong, .event-manage-choice-group strong {
  font-size: var(--ib-fs-13);
  font-weight: var(--ib-w-semibold);
}

.event-manage-check small, .event-manage-choice-group small {
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
}

.event-manage-choice-group {
  gap: var(--ib-3);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.event-manage-choice-group label {
  align-items: flex-start;
  gap: var(--ib-3);
  padding: var(--ib-4);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r);
  cursor: pointer;
  display: flex;
}

.event-manage-choice-group label:has(input:checked) {
  border-color: var(--ib-action);
  background: var(--ib-soft);
}

.event-manage-choice-points {
  margin: var(--ib-2) 0 0;
  padding-left: var(--ib-4);
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
  line-height: var(--ib-lh-ui);
  list-style: outside;
  display: block;
}

.event-manage-choice-points li + li {
  margin-top: var(--ib-1);
}

.event-date-picker__trigger {
  justify-content: space-between;
  align-items: center;
  gap: var(--ib-2);
  text-align: left;
  cursor: pointer;
  display: flex;
}

.event-date-picker__trigger span {
  flex: 1;
  min-width: 0;
}

.event-date-picker__trigger svg {
  color: var(--ib-dim);
  flex: none;
}

.event-date-picker__trigger:disabled {
  cursor: not-allowed;
}

.event-date-picker__placeholder {
  color: var(--ib-dim);
}

.event-date-picker__dialog {
  gap: var(--ib-2);
  width: min(380px, 100vw - 32px);
  max-width: none;
  max-height: calc(100dvh - 32px);
  padding: var(--ib-4);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-lg);
  background: var(--ib-surface);
  color: var(--ib-ink);
  overflow-y: auto;
}

.event-date-picker__title {
  margin-bottom: var(--ib-2);
  font-size: var(--ib-fs-16);
}

.event-date-picker__month {
  justify-content: space-between;
  align-items: center;
  gap: var(--ib-2);
  display: flex;
}

.event-date-picker__month strong {
  font-size: var(--ib-fs-13);
  font-weight: var(--ib-w-semibold);
  text-transform: capitalize;
}

.event-date-picker__month button, .event-date-picker__day {
  border-radius: var(--ib-r);
  width: 34px;
  height: 34px;
  color: var(--ib-ink);
  cursor: pointer;
  background: none;
  border: 0;
  place-items: center;
  padding: 0;
  display: grid;
}

.event-date-picker__month button:hover, .event-date-picker__day:hover {
  background: var(--ib-soft);
}

.event-date-picker__weekdays, .event-date-picker__days {
  justify-items: center;
  gap: var(--ib-1);
  text-align: center;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  display: grid;
}

.event-date-picker__weekdays {
  margin-top: var(--ib-2);
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
}

.event-date-picker__day {
  width: 100%;
  max-width: 34px;
  font-size: var(--ib-fs-12);
  font-variant-numeric: tabular-nums;
}

.event-date-picker__day.is-other-month {
  color: var(--ib-dim);
}

.event-date-picker__day.is-selected, .event-date-picker__day.is-selected:hover {
  background: var(--ib-action);
  color: var(--ib-on-action);
}

.event-date-picker__footer {
  justify-content: space-between;
  align-items: center;
  gap: var(--ib-3);
  margin-top: var(--ib-3);
  padding-top: var(--ib-3);
  flex-wrap: wrap;
  display: flex;
}

.event-date-picker__time, .event-date-picker__actions {
  align-items: center;
  gap: var(--ib-2);
  display: flex;
}

.event-date-picker__time {
  font-size: var(--ib-fs-13);
}

:is(.event-date-picker__time:has(.event-date-picker__time-hint), .event-date-picker__time:has(input:disabled)) {
  justify-items: start;
  gap: 4px;
  display: grid;
}

.event-date-picker__time-hint {
  max-width: 220px;
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
  line-height: var(--ib-lh-ui);
}

.event-date-picker__time:has(input:disabled) input {
  display: none;
}

.event-date-picker__time:has(input:disabled) > span:nth-of-type(2) {
  display: none;
}

.event-date-picker__time:has(input:disabled):after {
  content: "Спочатку оберіть дату, щоб вказати час.";
  max-width: 220px;
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
  line-height: var(--ib-lh-ui);
}

.event-date-picker__time input {
  width: 44px;
  height: 32px;
  padding: 0 var(--ib-1);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r);
  background: var(--ib-surface);
  color: var(--ib-ink);
  font: inherit;
  font-variant-numeric: tabular-nums;
  text-align: center;
}

.event-date-picker__actions .ib-btn {
  min-height: 32px;
  padding: 0 var(--ib-3);
  font-size: var(--ib-fs-12);
}

@media (max-width: 640px) {
  .event-manage-choice-group {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* [project]/src/styles/event-action-toast.css [app-client] (css) */
.event-action-toast {
  background: var(--ib-surface);
  width: min(384px, 100vw - 32px);
  color: var(--ib-body);
  font: 400 14px/20px var(--ib-font);
  pointer-events: auto;
  border: 1px solid;
  border-radius: 8px;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 16px;
  transition: opacity .15s;
  display: flex;
}

.event-action-toast[data-visible="false"] {
  opacity: 0;
}

.event-action-toast[data-tone="success"] {
  border-color: var(--ib-ok);
  background: var(--ib-ok-bg);
}

.event-action-toast[data-tone="warning"] {
  border-color: var(--ib-warn);
  background: var(--ib-warn-bg);
}

.event-action-toast[data-tone="error"] {
  border-color: var(--ib-danger);
  background: color-mix(in srgb,var(--ib-danger) 15%,var(--ib-surface));
}

.event-action-toast__icon {
  flex: none;
  width: 16px;
  height: 16px;
  margin-top: 2px;
}

.event-action-toast[data-tone="success"] .event-action-toast__icon {
  color: var(--ib-ok);
}

.event-action-toast[data-tone="warning"] .event-action-toast__icon {
  color: var(--ib-warn);
}

.event-action-toast[data-tone="error"] .event-action-toast__icon {
  color: var(--ib-danger);
}

.event-action-toast__message {
  overflow-wrap: anywhere;
  white-space: pre-line;
  flex: 1;
  min-width: 0;
}

.event-action-toast__close {
  color: var(--ib-dim);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 4px;
  flex: none;
  place-items: center;
  padding: 2px;
  display: grid;
}

.event-action-toast__close:hover {
  color: var(--ib-body);
}

.event-action-toast__close:focus-visible {
  outline: 2px solid var(--ib-action);
  outline-offset: 2px;
}

/* [project]/src/styles/event-page-builder.css [app-client] (css) */
.ib-block-countdown--text-start:not(.ib-block-countdown--center):not(.ib-block-countdown--timer-only) .ib-block__in > div:first-child {
  align-self: start;
}

.ib-block-countdown--text-end:not(.ib-block-countdown--center):not(.ib-block-countdown--timer-only) .ib-block__in > div:first-child {
  align-self: end;
}

@container ib-blocks (max-width: 600px) {
  .ib-block-countdown--text-start .ib-block__in > div:first-child, .ib-block-countdown--text-end .ib-block__in > div:first-child {
    align-self: stretch;
  }
}

.event-manage-content .event-manage-page-details {
  margin-bottom: var(--ib-8);
  padding: var(--ib-5);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-lg);
  background: var(--ib-surface);
  display: block !important;
}

.event-manage-page-details.is-collapsed {
  padding: var(--ib-3) var(--ib-5);
}

.event-manage-content .event-manage-page-details__toggle {
  justify-content: space-between;
  align-items: center;
  gap: var(--ib-4);
  width: 100%;
  color: var(--ib-ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  display: flex !important;
}

.event-manage-page-details__toggle > span {
  gap: 2px;
  min-width: 0;
  display: grid;
}

.event-manage-page-details__toggle strong {
  font-size: var(--ib-fs-16);
}

.event-manage-page-details__toggle small {
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
}

.event-manage-page-details__toggle svg {
  transition: transform var(--ib-dur-fast) var(--ib-ease);
  flex: none;
  margin-left: auto;
}

.event-manage-page-details:not(.is-collapsed) .event-manage-page-details__toggle svg {
  transform: rotate(180deg);
}

.event-manage-content .event-manage-page-details__fields {
  gap: var(--ib-4);
  margin-top: var(--ib-5);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid !important;
}

@media (max-width: 640px) {
  .event-manage-page-details__fields {
    grid-template-columns: minmax(0, 1fr);
  }
}

.ib-block-section--right {
  text-align: right;
}

.ib-block-section--justify {
  text-align: justify;
}

.ib-block-banner--caption-center .ib-block-banner__caption {
  text-align: center;
}

.ib-block-banner--caption-center .ib-block-banner__caption h2 {
  margin-inline: auto;
}

.ib-block-banner--caption-right .ib-block-banner__caption {
  text-align: right;
}

.ib-block-banner--caption-right .ib-block-banner__caption h2 {
  margin-left: auto;
}

@container ib-blocks (min-width: 601px) and (max-width: 840px) {
  .ib-block-countdown:not(.ib-block-countdown--center):not(.ib-block-countdown--timer-only) .ib-block__in {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    display: grid;
  }

  .ib-block-countdown__side, .ib-block-countdown__side .ib-timer {
    text-align: right;
    align-items: flex-end;
  }
}

@container ib-blocks (min-width: 601px) and (max-width: 860px) {
  .ib-block-doc__grid {
    grid-template-columns: minmax(0, 1fr) 220px;
  }

  .ib-block-doc .ib-toc {
    order: initial;
    position: sticky;
  }
}

@container ib-blocks (max-width: 980px) {
  .ib-block-hero--timer-xl .ib-block-hero__row {
    grid-template-columns: minmax(0, 1fr);
  }
}

.ib-tip__bubble:has(.ib-tip__copy) {
  max-width: min(320px, 100vw - 24px);
  padding: 10px 12px;
  line-height: 1.45;
}

.ib-tip__bubble {
  transform: translateX(calc(-50% + var(--ib-tip-shift, 0px)));
}

.ib-tip__copy {
  white-space: normal;
  gap: 6px;
  min-width: 0;
  display: grid;
}

.ib-tip__point {
  font-weight: var(--ib-w-regular);
  padding-left: 12px;
  position: relative;
}

.ib-tip__point:before {
  content: "•";
  position: absolute;
  left: 0;
}

.event-rich-markdown__frame {
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-sm);
  background: var(--ib-paper);
  min-width: 0;
}

.event-rich-markdown__frame:focus-within {
  border-color: var(--ib-action);
  box-shadow: 0 0 0 2px color-mix(in srgb,var(--ib-action) 18%,transparent);
}

.event-rich-markdown__toolbar {
  border-bottom: 1px solid var(--ib-line);
  flex-wrap: wrap;
  gap: 2px;
  padding: 6px;
  display: flex;
}

.event-rich-markdown__toolbar button {
  border-radius: var(--ib-r-sm);
  width: 32px;
  height: 32px;
  color: var(--ib-ink);
  cursor: pointer;
  background: none;
  border: 0;
  place-items: center;
  display: grid;
}

.event-rich-markdown__toolbar button:hover:not(:disabled) {
  background: var(--ib-hover);
}

.event-rich-markdown__toolbar button:disabled {
  opacity: .4;
  cursor: default;
}

.event-rich-markdown__tool-group {
  border-right: 1px solid var(--ib-line);
  align-items: center;
  gap: 2px;
  margin-right: 4px;
  padding-right: 6px;
  display: flex;
}

.event-rich-markdown__tool-group--end {
  border-right: 0;
  margin-left: auto;
  margin-right: 0;
  padding-right: 0;
}

.event-rich-markdown__toolbar .event-rich-markdown__heading-trigger {
  place-items: center;
  width: 45px;
  display: grid;
  position: relative;
}

.event-rich-markdown__heading-trigger > svg:last-child {
  position: absolute;
  top: 50%;
  right: 2px;
  transform: translateY(-50%);
}

.event-rich-markdown__heading-menu {
  z-index: 130;
  min-width: 160px;
  max-height: min(240px, 100vh - 24px);
}

.event-rich-markdown__heading-menu .ib-listbox__opt > svg {
  visibility: visible;
  margin: 0;
}

.event-rich-markdown__editor {
  min-height: 180px;
  max-height: 420px;
  padding: var(--ib-4);
  white-space: pre-wrap;
  outline: 0;
  overflow: auto;
}

.event-rich-markdown__editor::selection, .event-rich-markdown__editor ::selection {
  color: #1f1b3a;
  background: #b5b0d1;
}

[data-theme="dark"] .event-rich-markdown__editor::selection, [data-theme="dark"] .event-rich-markdown__editor ::selection {
  color: #fff;
  background: #766d99;
}

.event-rich-markdown__editor:empty:before {
  content: attr(data-placeholder);
  color: var(--ib-dim);
  pointer-events: none;
}

.event-rich-markdown__inline {
  gap: var(--ib-2);
  padding: var(--ib-2);
  border-bottom: 1px solid var(--ib-line);
  display: flex;
}

.event-rich-markdown__inline input {
  flex: 1;
  min-width: 0;
}

.event-rich-markdown__inline {
  flex-wrap: wrap;
}

.event-rich-markdown__inline > .event-select, .event-rich-markdown__inline > input {
  flex: 180px;
  min-width: 0;
}

.event-rich-markdown__inline > button {
  flex: none;
}

.event-rich-markdown__inline > small {
  color: var(--ib-dim);
  flex-basis: 100%;
}

.event-rich-markdown__variable-popover {
  z-index: 120;
  gap: var(--ib-2);
  width: min(360px, 100vw - 24px);
  max-height: min(430px,var(--radix-popover-content-available-height));
  min-height: 0;
  padding: var(--ib-3);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-lg);
  background: var(--ib-surface);
  color: var(--ib-ink);
  grid-template-rows: auto auto minmax(0, 1fr);
  display: grid;
}

.event-rich-markdown__variable-heading {
  font-size: var(--ib-fs-13);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.event-rich-markdown__variable-heading button {
  color: var(--ib-dim);
  cursor: pointer;
  background: none;
  border: 0;
  font-size: 18px;
  line-height: 1;
}

.event-rich-markdown__variable-popover > input {
  width: 100%;
}

.event-rich-markdown__variables {
  align-content: start;
  gap: var(--ib-2);
  min-height: 0;
  display: grid;
  overflow-y: auto;
}

.event-rich-markdown__variables > button {
  width: 100%;
  padding: var(--ib-2);
  border-radius: var(--ib-r-sm);
  color: var(--ib-ink);
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  gap: 2px;
  display: grid;
}

.event-rich-markdown__variables > button:hover {
  background: var(--ib-hover);
}

.event-rich-markdown__variables strong {
  font-size: var(--ib-fs-13);
}

.event-rich-markdown__variables code, .event-rich-markdown__variables small {
  font-size: var(--ib-fs-12);
  color: var(--ib-dim);
}

.event-rich-markdown__variable-token {
  color: #3f330c;
  white-space: nowrap;
  vertical-align: baseline;
  background: #f7db75;
  border: 1px solid #dfbd52;
  border-radius: 6px;
  margin-inline: 2px;
  padding: 1px 6px;
  line-height: 1.3;
  display: inline-block;
}

.event-content-editor__badge-input {
  min-height: var(--ib-control-h-lg);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  cursor: text;
  outline: none;
  padding-top: 9px !important;
  padding-bottom: 9px !important;
}

.event-content-editor__badge-input:not(.event-content-editor__textarea):not(.event-content-editor__textarea--compact) {
  white-space: nowrap;
  scrollbar-width: thin;
  overflow-x: auto;
}

.event-content-editor__badge-input:empty:before {
  content: attr(data-placeholder);
  color: var(--ib-dim);
  pointer-events: none;
}

.event-content-editor__badge-input:focus-visible {
  border-color: var(--ib-action);
  box-shadow: 0 0 0 2px color-mix(in srgb,var(--ib-action) 18%,transparent);
}

.event-content-editor__badge-input[aria-readonly="true"] {
  opacity: .65;
  cursor: not-allowed;
}

.event-content-editor__variable-token {
  color: #3f330c;
  white-space: nowrap;
  vertical-align: baseline;
  -webkit-user-select: all;
  user-select: all;
  background: #f7db75;
  border: 1px solid #dfbd52;
  border-radius: 6px;
  margin-inline: 2px;
  padding: 1px 6px;
  line-height: 1.3;
  display: inline-block;
}

.event-content-editor__variable-menu {
  z-index: 120;
  width: min(360px, 100vw - 24px);
  max-height: min(430px,var(--radix-popover-content-available-height));
  grid-template-rows: auto auto minmax(0, 1fr);
  min-height: 0;
  display: grid;
  position: relative;
  top: auto;
  right: auto;
}

.event-content-editor__variable-list {
  min-height: 0;
  max-height: none;
  overflow-y: auto;
}

.event-select__menu {
  width: var(--radix-dropdown-menu-trigger-width);
  min-width: 0;
  max-width: calc(100vw - 24px);
}

.event-select__option {
  height: auto;
  min-height: var(--ib-control-h);
  white-space: normal;
  padding: 7px 8px 7px 28px;
  line-height: 1.35;
  position: relative;
}

.event-select__indicator {
  justify-content: center;
  align-items: center;
  width: 10px;
  height: 10px;
  display: flex;
  position: absolute;
  left: 9px;
}

.event-select__indicator svg {
  stroke-width: 2px;
  display: block;
}

.event-select__unavailable {
  min-height: var(--ib-control-h);
  align-items: center;
  display: flex;
}

.event-select__unavailable .ib-listbox__opt {
  min-width: 0;
  height: auto;
  min-height: var(--ib-control-h);
  pointer-events: none;
  flex: none;
  padding-right: 2px;
}

.event-select__unavailable .ib-listbox__opt > svg {
  display: none;
}

.event-select__unavailable small {
  overflow-wrap: anywhere;
  flex: 1;
  min-width: 0;
  padding: 6px 8px;
  line-height: 1.35;
  display: block;
}

.event-content-editor__block.is-invalid {
  border-color: var(--ib-danger);
  outline: 1px solid var(--ib-danger);
}

.event-content-editor__block-error {
  padding: var(--ib-2) var(--ib-4);
  border-bottom: 1px solid var(--ib-line);
  color: var(--ib-danger);
  font-size: var(--ib-fs-13);
  line-height: var(--ib-lh-body);
  margin: 0;
}

.event-manage-input.is-invalid, .event-rich-markdown__frame.is-invalid, .event-manage-field.is-invalid .event-select, .event-manage-field.is-invalid .event-date-picker__trigger, .event-manage-field.is-invalid .event-brand-drop {
  border-color: var(--ib-danger);
  outline: 1px solid var(--ib-danger);
}

.event-content-editor__field-error {
  color: var(--ib-danger);
  font-size: var(--ib-fs-12);
  line-height: var(--ib-lh-body);
  margin: 0;
}

.event-page-delete-dialog {
  border-color: var(--ib-line);
  border-radius: var(--ib-r-lg);
  background: var(--ib-surface);
  width: min(440px, 100vw - 32px);
  max-width: none;
  color: var(--ib-ink);
}

.event-page-delete-dialog__actions {
  justify-content: flex-end;
  gap: var(--ib-2);
  flex-wrap: wrap;
  display: flex;
}

.event-manage-icon-action {
  width: var(--ib-control-h);
  height: var(--ib-control-h);
  place-items: center;
  padding: 0;
  display: grid;
}

.event-content-editor__block-actions .event-content-editor__danger {
  color: var(--ib-danger);
}

.event-content-editor__block-actions button.event-content-editor__danger:hover:not(:disabled) {
  background: var(--ib-danger-bg);
  color: var(--ib-danger);
}

.ib-timer--compact .ib-timer__value {
  font-size: clamp(34px, 5cqi, 64px);
}

.ib-block-hero.ib-mass .ib-timer--compact .ib-timer__value {
  color: var(--ib-on-brand);
}

.ib-block-hero--timer-xl .ib-timer--compact .ib-timer__value, .ib-block-countdown--timer-xl .ib-timer--compact .ib-timer__value {
  font-size: clamp(42px, 7cqi, 88px);
}

.ib-timer--tiles .ib-timer__parts {
  align-items: stretch;
  gap: clamp(6px, 1cqi, 12px);
}

.ib-timer--tiles .ib-timer__part {
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-md);
  background: var(--ib-surface);
  align-content: center;
  min-width: clamp(62px, 8cqi, 100px);
  padding: clamp(8px, 1.4cqi, 16px);
}

.ib-timer--tiles .ib-timer__part strong {
  font-size: clamp(30px, 4cqi, 54px);
}

.ib-block-hero.ib-mass .ib-timer--tiles .ib-timer__part {
  border-color: color-mix(in srgb,var(--ib-on-brand) 26%,transparent);
  background: color-mix(in srgb,var(--ib-on-brand) 9%,transparent);
}

@container ib-blocks (max-width: 480px) {
  .ib-timer--tiles .ib-timer__part {
    min-width: 0;
    padding: 8px;
  }

  .ib-timer--tiles .ib-timer__part strong {
    font-size: clamp(26px, 7cqi, 42px);
  }

  .ib-timer--tiles .ib-timer__part span {
    font-size: var(--ib-fs-12);
  }
}

.event-content-editor__link-target {
  gap: var(--ib-2);
  min-width: 0;
  display: grid;
}

.event-content-editor__item-error {
  grid-column: 1 / -1;
}

.event-content-editor__item--timeline {
  align-items: start;
  gap: var(--ib-3);
  padding: var(--ib-3);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r);
  background: var(--ib-paper);
  grid-template-columns: minmax(0, 1fr);
}

.event-content-editor__timeline-row {
  gap: var(--ib-3);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  min-width: 0;
  display: grid;
}

.event-content-editor__timeline-format {
  gap: var(--ib-2);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  min-width: 0;
  display: grid;
}

.event-content-editor__timeline-format > .event-content-editor__hint {
  grid-column: 1 / -1;
}

.event-content-editor__time-settings, .event-content-editor__date-displays {
  gap: var(--ib-2);
  min-width: 0;
  display: grid;
}

.event-content-editor__date-display {
  gap: var(--ib-2);
  min-width: 0;
  padding: var(--ib-3);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-sm);
  background: var(--ib-soft);
  display: grid;
}

.event-content-editor__date-display .event-manage-field {
  margin: 0;
}

@media (max-width: 640px) {
  .event-content-editor__timeline-row, .event-content-editor__timeline-format {
    grid-template-columns: minmax(0, 1fr);
  }
}

.ib-timer--focus {
  gap: var(--ib-2);
}

.ib-timer__focus-main {
  align-items: baseline;
  gap: var(--ib-2);
  font-variant-numeric: tabular-nums;
  display: flex;
}

.ib-timer__focus-main strong {
  font: var(--ib-w-semibold) clamp(72px,10cqi,120px)/.9 var(--ib-mono);
  letter-spacing: -.07em;
}

.ib-timer__focus-main span {
  font-size: var(--ib-fs-14);
  color: var(--ib-dim);
}

.ib-timer__focus-rest {
  gap: var(--ib-3);
  padding-top: var(--ib-2);
  border-top: 1px solid var(--ib-line);
  font-size: var(--ib-fs-13);
  color: var(--ib-dim);
  flex-wrap: wrap;
  display: flex;
}

.ib-timer__focus-rest strong {
  font-family: var(--ib-mono);
  font-size: var(--ib-fs-20);
  font-variant-numeric: tabular-nums;
  color: var(--ib-ink);
}

.ib-timer--dial {
  align-items: center;
  gap: var(--ib-4);
  flex-direction: row;
}

.ib-timer__dial-face {
  aspect-ratio: 1;
  text-align: center;
  font-variant-numeric: tabular-nums;
  flex: none;
  place-content: center;
  width: clamp(120px, 15cqi, 170px);
  display: grid;
  position: relative;
}

.ib-timer__dial-face:before {
  background: conic-gradient(var(--ib-action) var(--ib-timer-progress),var(--ib-line) 0);
  content: "";
  border-radius: 50%;
  position: absolute;
  inset: 0;
  -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 7px), #000 calc(100% - 6px));
  mask: radial-gradient(farthest-side, #0000 calc(100% - 7px), #000 calc(100% - 6px));
}

.ib-timer__dial-face strong {
  font: var(--ib-w-semibold) clamp(36px,5cqi,62px)/1 var(--ib-mono);
  letter-spacing: -.05em;
}

.ib-timer__dial-face span {
  font-size: var(--ib-fs-12);
  color: var(--ib-dim);
}

.ib-timer__dial-rest {
  gap: var(--ib-1);
  min-width: 0;
  display: grid;
}

.ib-timer__dial-rest > span {
  justify-content: space-between;
  align-items: baseline;
  gap: var(--ib-3);
  display: flex;
}

.ib-timer__dial-rest strong {
  font: var(--ib-w-medium) clamp(20px,3cqi,32px)/1 var(--ib-mono);
  font-variant-numeric: tabular-nums;
}

.ib-timer__dial-rest small {
  font-size: var(--ib-fs-12);
  color: var(--ib-dim);
}

.ib-timer--ledger {
  width: clamp(220px, 28cqi, 320px);
  max-width: 100%;
}

.ib-timer__ledger-rows {
  width: 100%;
}

.ib-timer__ledger-rows > div {
  justify-content: space-between;
  align-items: baseline;
  gap: var(--ib-4);
  padding: var(--ib-1) 0;
  border-bottom: 1px solid var(--ib-line);
  display: flex;
}

.ib-timer__ledger-rows span {
  font-size: var(--ib-fs-13);
  color: var(--ib-dim);
}

.ib-timer__ledger-rows strong {
  font: var(--ib-w-medium) clamp(25px,3.5cqi,40px)/1 var(--ib-mono);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.04em;
}

.ib-mass .ib-timer__focus-main span, .ib-mass .ib-timer__focus-rest, .ib-mass .ib-timer__dial-face span, .ib-mass .ib-timer__dial-rest small, .ib-mass .ib-timer__ledger-rows span {
  color: var(--ib-on-brand-2);
}

.ib-mass .ib-timer__focus-rest strong {
  color: var(--ib-on-brand);
}

.ib-mass .ib-timer__focus-rest, .ib-mass .ib-timer__ledger-rows > div {
  border-color: color-mix(in srgb,var(--ib-on-brand) 28%,transparent);
}

.ib-mass .ib-timer__dial-face:before {
  background: conic-gradient(var(--ib-on-brand) var(--ib-timer-progress),color-mix(in srgb,var(--ib-on-brand) 22%,transparent) 0);
}

.ib-block-hero--timer-xl .ib-timer__focus-main strong, .ib-block-countdown--timer-xl .ib-timer__focus-main strong {
  font-size: clamp(92px, 13cqi, 150px);
}

.ib-block-hero--timer-xl .ib-timer__dial-face, .ib-block-countdown--timer-xl .ib-timer__dial-face {
  width: clamp(145px, 19cqi, 210px);
}

.ib-block-hero--timer-xl .ib-timer__ledger-rows strong, .ib-block-countdown--timer-xl .ib-timer__ledger-rows strong {
  font-size: clamp(34px, 5cqi, 54px);
}

@container ib-blocks (max-width: 480px) {
  .ib-timer--dial {
    gap: var(--ib-3);
  }

  .ib-timer__dial-face {
    width: 112px;
  }

  .ib-timer__focus-main strong {
    font-size: 72px;
  }

  .ib-block-hero--timer-xl .ib-timer__focus-main strong, .ib-block-countdown--timer-xl .ib-timer__focus-main strong {
    font-size: 92px;
  }

  .ib-block-hero--timer-xl .ib-timer__dial-face, .ib-block-countdown--timer-xl .ib-timer__dial-face {
    width: 132px;
  }
}

.ib-timer--poster {
  grid-template-columns: auto minmax(0, 1fr);
  align-items: end;
  gap: clamp(16px, 3cqi, 36px);
  width: max-content;
  max-width: 100%;
  display: grid;
}

.ib-timer__poster-lead {
  gap: var(--ib-2);
  line-height: 1;
  display: grid;
}

.ib-timer__poster-lead > span {
  font-size: var(--ib-fs-13);
  font-weight: var(--ib-w-semibold);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--ib-dim);
}

.ib-timer__poster-lead > strong {
  font: var(--ib-w-semibold) clamp(80px,12cqi,144px)/.82 var(--ib-mono);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.09em;
}

.ib-timer__poster-rest {
  padding-bottom: var(--ib-1);
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  align-items: end;
  gap: clamp(10px, 1.7cqi, 24px);
  display: grid;
}

.ib-timer__poster-rest > span {
  gap: var(--ib-1);
  text-align: center;
  display: grid;
}

.ib-timer__poster-rest strong {
  font: var(--ib-w-medium) clamp(27px,4cqi,48px)/1 var(--ib-mono);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.05em;
}

.ib-timer__poster-rest small {
  font-size: var(--ib-fs-12);
  color: var(--ib-dim);
}

.ib-timer--poster .ib-timer__meta {
  grid-column: 1 / -1;
}

.ib-timer--tracks {
  gap: var(--ib-3);
  width: clamp(230px, 35cqi, 400px);
  max-width: 100%;
}

.ib-timer__tracks-days {
  align-items: baseline;
  gap: var(--ib-2);
  color: var(--ib-dim);
  font-size: var(--ib-fs-13);
  margin: 0;
  display: flex;
}

.ib-timer__tracks-days strong {
  color: var(--ib-ink);
  font: var(--ib-w-semibold) clamp(32px,5cqi,54px)/1 var(--ib-mono);
  font-variant-numeric: tabular-nums;
}

.ib-timer__tracks-list {
  gap: var(--ib-3);
  width: 100%;
  display: grid;
}

.ib-timer__tracks-row {
  align-items: center;
  gap: var(--ib-2);
  grid-template-columns: 64px minmax(0, 1fr) 38px;
  display: grid;
}

.ib-timer__tracks-row > span {
  font-size: var(--ib-fs-12);
  color: var(--ib-dim);
}

.ib-timer__tracks-row > strong {
  font: var(--ib-w-medium) var(--ib-fs-20)/1 var(--ib-mono);
  font-variant-numeric: tabular-nums;
  text-align: right;
}

.ib-timer__tracks-bar {
  background: var(--ib-line);
  border-radius: 99px;
  height: 5px;
  overflow: hidden;
}

.ib-timer__tracks-bar:before {
  width: var(--ib-track-progress);
  border-radius: inherit;
  background: var(--ib-action);
  content: "";
  height: 100%;
  display: block;
}

.ib-timer--flip {
  max-width: 100%;
}

.ib-timer__flip-parts {
  gap: clamp(5px, .8cqi, 12px);
  max-width: 100%;
  display: flex;
}

.ib-timer__flip-part {
  border-radius: var(--ib-r);
  background: var(--ib-brand);
  min-width: clamp(58px, 8cqi, 92px);
  color: var(--ib-on-brand);
  text-align: center;
  display: grid;
  overflow: hidden;
}

.ib-timer__flip-part strong {
  min-height: clamp(58px, 8cqi, 90px);
  padding: var(--ib-2);
  font: var(--ib-w-semibold) clamp(32px,4.6cqi,54px)/1 var(--ib-mono);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.06em;
  place-items: center;
  display: grid;
  position: relative;
}

.ib-timer__flip-part strong:after {
  border-top: 1px solid color-mix(in srgb,var(--ib-on-brand) 35%,transparent);
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
}

.ib-timer__flip-part span {
  padding: var(--ib-1) var(--ib-2) var(--ib-2);
  background: color-mix(in srgb,var(--ib-on-brand) 9%,transparent);
  font-size: var(--ib-fs-12);
  color: var(--ib-on-brand-2);
}

.ib-mass .ib-timer__poster-lead > span, .ib-mass .ib-timer__poster-rest small, .ib-mass .ib-timer__tracks-days, .ib-mass .ib-timer__tracks-row > span {
  color: var(--ib-on-brand-2);
}

.ib-mass .ib-timer__tracks-days strong {
  color: var(--ib-on-brand);
}

.ib-mass .ib-timer__tracks-bar {
  background: color-mix(in srgb,var(--ib-on-brand) 24%,transparent);
}

.ib-mass .ib-timer__tracks-bar:before {
  background: var(--ib-on-brand);
}

.ib-mass .ib-timer__flip-part {
  background: var(--ib-on-brand);
  color: var(--ib-brand);
}

.ib-mass .ib-timer__flip-part strong:after {
  border-color: color-mix(in srgb,var(--ib-brand) 32%,transparent);
}

.ib-mass .ib-timer__flip-part span {
  background: color-mix(in srgb,var(--ib-brand) 8%,transparent);
  color: var(--ib-brand);
}

.ib-block-hero--timer-xl .ib-timer__poster-lead > strong, .ib-block-countdown--timer-xl .ib-timer__poster-lead > strong {
  font-size: clamp(100px, 15cqi, 180px);
}

.ib-block-hero--timer-xl .ib-timer__tracks-days strong, .ib-block-countdown--timer-xl .ib-timer__tracks-days strong {
  font-size: clamp(42px, 7cqi, 72px);
}

.ib-block-hero--timer-xl .ib-timer__flip-part strong, .ib-block-countdown--timer-xl .ib-timer__flip-part strong {
  min-height: clamp(72px, 10cqi, 110px);
  font-size: clamp(40px, 6cqi, 68px);
}

@container ib-blocks (max-width: 480px) {
  .ib-timer--poster {
    gap: var(--ib-3);
    flex-wrap: wrap;
    display: flex;
  }

  .ib-timer__poster-lead > strong {
    font-size: 72px;
  }

  .ib-timer__poster-rest {
    gap: var(--ib-2);
  }

  .ib-timer__poster-rest strong {
    font-size: 26px;
  }

  .ib-timer__flip-part {
    flex: 1;
    min-width: 0;
  }

  .ib-timer__flip-part strong {
    min-height: 56px;
    font-size: clamp(26px, 7cqi, 42px);
  }

  .ib-block-hero--timer-xl .ib-timer__flip-part strong, .ib-block-countdown--timer-xl .ib-timer__flip-part strong {
    min-height: 68px;
    font-size: clamp(30px, 8cqi, 48px);
  }
}

.ib-block-text .ib-block-prose {
  max-width: 60ch;
}

.ib-block-text--wide .ib-block-prose {
  max-width: none;
}

.ib-timer--ticker {
  max-width: 100%;
}

.ib-timer__ticker-parts {
  align-items: stretch;
  max-width: 100%;
  display: flex;
}

.ib-timer__ticker-part {
  align-content: end;
  gap: var(--ib-2);
  min-width: 0;
  padding: var(--ib-2) clamp(10px,1.8cqi,24px);
  border-left: 2px solid var(--ib-action);
  display: grid;
}

.ib-timer__ticker-part:first-child {
  border-left: 0;
  padding-left: 0;
}

.ib-timer__ticker-part span {
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
}

.ib-timer__ticker-part strong {
  color: var(--ib-ink);
  font: var(--ib-w-semibold) clamp(36px,6cqi,78px)/.95 var(--ib-mono);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.065em;
}

.ib-timer--stairs {
  width: clamp(250px, 36cqi, 470px);
  max-width: 100%;
}

.ib-timer__stairs-list {
  gap: 5px;
  width: 100%;
  display: grid;
}

.ib-timer__stairs-step {
  justify-content: space-between;
  align-items: baseline;
  gap: var(--ib-4);
  min-width: 0;
  margin-left: calc(var(--ib-step)*12px);
  padding: var(--ib-2) var(--ib-3);
  border-left: 4px solid var(--ib-action);
  background: var(--ib-soft);
  display: flex;
}

.ib-timer__stairs-step strong {
  color: var(--ib-ink);
  font: var(--ib-w-semibold) clamp(28px,4cqi,46px)/1 var(--ib-mono);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.05em;
}

.ib-timer__stairs-step span {
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
}

.ib-timer--orbits {
  max-width: 100%;
}

.ib-timer__orbits-list {
  flex-wrap: wrap;
  gap: clamp(6px, 1cqi, 14px);
  max-width: 100%;
  display: flex;
}

.ib-timer__orbits-unit {
  aspect-ratio: 1;
  border: 2px solid var(--ib-action);
  width: clamp(78px, 10cqi, 120px);
  color: var(--ib-ink);
  text-align: center;
  border-radius: 50%;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.ib-timer__orbits-unit:nth-child(2n) {
  border-style: dashed;
}

.ib-timer__orbits-unit strong {
  font: var(--ib-w-semibold) clamp(26px,4cqi,46px)/1 var(--ib-mono);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.05em;
}

.ib-timer__orbits-unit span {
  max-width: 90%;
  margin-top: var(--ib-1);
  font-size: var(--ib-fs-12);
  color: var(--ib-dim);
}

.ib-mass .ib-timer__ticker-part {
  border-color: var(--ib-on-brand);
}

.ib-mass .ib-timer__ticker-part span, .ib-mass .ib-timer__stairs-step span, .ib-mass .ib-timer__orbits-unit span {
  color: var(--ib-on-brand-2);
}

.ib-mass .ib-timer__ticker-part strong, .ib-mass .ib-timer__orbits-unit {
  color: var(--ib-on-brand);
}

.ib-mass .ib-timer__stairs-step {
  border-color: var(--ib-on-brand);
  background: color-mix(in srgb,var(--ib-on-brand) 12%,transparent);
}

.ib-mass .ib-timer__stairs-step strong {
  color: var(--ib-on-brand);
}

.ib-mass .ib-timer__orbits-unit {
  border-color: var(--ib-on-brand);
}

.ib-block-hero--timer-xl .ib-timer__ticker-part strong, .ib-block-countdown--timer-xl .ib-timer__ticker-part strong {
  font-size: clamp(44px, 7.5cqi, 96px);
}

.ib-block-hero--timer-xl .ib-timer__stairs-step strong, .ib-block-countdown--timer-xl .ib-timer__stairs-step strong {
  font-size: clamp(36px, 5cqi, 58px);
}

.ib-block-hero--timer-xl .ib-timer__orbits-unit, .ib-block-countdown--timer-xl .ib-timer__orbits-unit {
  width: clamp(94px, 12cqi, 148px);
}

.ib-block-hero--timer-xl .ib-timer__orbits-unit strong, .ib-block-countdown--timer-xl .ib-timer__orbits-unit strong {
  font-size: clamp(34px, 5cqi, 58px);
}

@container ib-blocks (max-width: 480px) {
  .ib-timer__ticker-parts {
    row-gap: var(--ib-3);
    flex-wrap: wrap;
  }

  .ib-timer__ticker-part {
    padding: var(--ib-1) var(--ib-2);
    flex: 0 0 50%;
  }

  .ib-timer__ticker-part:nth-child(odd) {
    border-left: 0;
    padding-left: 0;
  }

  .ib-timer__ticker-part strong, .ib-block-hero--timer-xl .ib-timer__ticker-part strong, .ib-block-countdown--timer-xl .ib-timer__ticker-part strong {
    font-size: clamp(36px, 10cqi, 52px);
  }

  .ib-timer__stairs-step {
    margin-left: calc(var(--ib-step)*6px);
  }

  .ib-timer__orbits-unit, .ib-block-hero--timer-xl .ib-timer__orbits-unit, .ib-block-countdown--timer-xl .ib-timer__orbits-unit {
    width: clamp(70px, 20cqi, 92px);
  }

  .ib-timer__orbits-unit strong, .ib-block-hero--timer-xl .ib-timer__orbits-unit strong, .ib-block-countdown--timer-xl .ib-timer__orbits-unit strong {
    font-size: clamp(25px, 7cqi, 38px);
  }
}

.event-content-editor__item {
  align-items: start;
}

.event-content-editor__item > .event-content-editor__rule-remove {
  margin-top: 22px;
}

.ib-block-hero--center .ib-block-hero__facts {
  text-align: center;
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.ib-block-hero--center .ib-block-hero__facts > div {
  flex: 0 min(100%, 240px);
}

@container ib-blocks (max-width: 980px) {
  .ib-block-hero .ib-block-hero__cta--start {
    justify-content: flex-start;
  }

  .ib-block-hero .ib-block-hero__cta--center {
    justify-content: center;
  }

  .ib-block-hero .ib-block-hero__cta--end {
    justify-content: flex-end;
  }
}

@container ib-blocks (max-width: 520px) {
  .ib-block-hero__cta .ib-btn {
    max-width: 100%;
    height: auto;
    min-height: var(--ib-control-h-lg);
    padding-block: var(--ib-2);
    white-space: normal;
    flex: 0 auto;
  }
}

.ib-block-hero--center .ib-block-hero__aside {
  width: 100%;
}

.ib-block-hero .ib-timer__parts {
  flex-wrap: wrap;
  max-width: 100%;
}

.ib-block-hero .ib-timer__part strong {
  font-size: clamp(40px, 5cqi, 64px);
}

.ib-block-hero--timer-xl .ib-timer__part strong {
  font-size: clamp(56px, 7cqi, 88px);
}

.ib-block-hero.ib-mass .ib-block-hero__cta .ib-btn:not(.ib-btn--mass) {
  --_fg: var(--ib-on-brand);
  --_bd: var(--ib-on-brand-3);
  --_hover: var(--ib-brand-hover);
}

.ib-timer--matrix {
  width: min(100%, 390px);
}

.ib-timer__matrix-grid {
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-md);
  background: var(--ib-line);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  display: grid;
  overflow: hidden;
}

.ib-timer__matrix-cell {
  min-width: 0;
  min-height: 104px;
  padding: var(--ib-3) var(--ib-4);
  background: var(--ib-surface);
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.ib-timer__matrix-cell:first-child {
  background: var(--ib-brand);
  color: var(--ib-on-brand);
}

.ib-timer__matrix-cell span {
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
}

.ib-timer__matrix-cell:first-child span {
  color: var(--ib-on-brand-2);
}

.ib-timer__matrix-cell strong {
  font: var(--ib-w-semibold) clamp(36px,6cqi,64px)/.92 var(--ib-mono);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.045em;
  align-self: flex-end;
}

.ib-mass .ib-timer__matrix-grid {
  border-color: var(--ib-on-brand-3);
  background: var(--ib-on-brand-3);
}

.ib-mass .ib-timer__matrix-cell {
  background: color-mix(in srgb,var(--ib-on-brand) 12%,var(--ib-brand));
  color: var(--ib-on-brand);
}

.ib-mass .ib-timer__matrix-cell:first-child {
  background: var(--ib-on-brand);
  color: var(--ib-brand);
}

.ib-mass .ib-timer__matrix-cell span {
  color: var(--ib-on-brand-2);
}

.ib-mass .ib-timer__matrix-cell:first-child span {
  color: var(--ib-brand);
}

.ib-timer--ribbon {
  max-width: 100%;
}

.ib-timer__ribbon-strip {
  border-radius: var(--ib-r-md);
  background: var(--ib-brand);
  width: max-content;
  max-width: 100%;
  color: var(--ib-on-brand);
  flex-wrap: wrap;
  display: flex;
  overflow: hidden;
}

.ib-timer__ribbon-unit {
  align-content: center;
  justify-items: center;
  gap: var(--ib-2);
  min-width: 92px;
  padding: var(--ib-3) clamp(14px,2cqi,28px);
  text-align: center;
  display: grid;
}

.ib-timer__ribbon-unit + .ib-timer__ribbon-unit {
  border-left: 1px solid var(--ib-on-brand-3);
}

.ib-timer__ribbon-unit strong {
  font: var(--ib-w-semibold) clamp(35px,5.5cqi,68px)/.92 var(--ib-mono);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.045em;
}

.ib-timer__ribbon-unit span {
  font-size: var(--ib-fs-12);
  color: var(--ib-on-brand-2);
}

.ib-mass .ib-timer__ribbon-strip {
  background: var(--ib-on-brand);
  color: var(--ib-brand);
}

.ib-mass .ib-timer__ribbon-unit + .ib-timer__ribbon-unit {
  border-color: color-mix(in srgb,var(--ib-brand) 25%,transparent);
}

.ib-mass .ib-timer__ribbon-unit span {
  color: var(--ib-brand);
}

.ib-timer--rings {
  max-width: 100%;
}

.ib-timer__rings-list {
  gap: var(--ib-3);
  flex-wrap: wrap;
  max-width: 100%;
  display: flex;
}

.ib-timer__rings-unit {
  aspect-ratio: 1;
  width: clamp(90px, 12cqi, 132px);
  color: var(--ib-ink);
  text-align: center;
  flex-direction: column;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.ib-timer__rings-unit:before {
  background: conic-gradient(var(--ib-action) var(--ib-ring-progress),var(--ib-line) 0);
  content: "";
  border-radius: 50%;
  position: absolute;
  inset: 0;
  -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 7px), #000 calc(100% - 6px));
  mask: radial-gradient(farthest-side, #0000 calc(100% - 7px), #000 calc(100% - 6px));
}

.ib-timer__rings-unit strong {
  font: var(--ib-w-semibold) clamp(30px,4.4cqi,52px)/1 var(--ib-mono);
  font-variant-numeric: tabular-nums;
  letter-spacing: -.045em;
}

.ib-timer__rings-unit span {
  margin-top: var(--ib-1);
  font-size: var(--ib-fs-12);
  color: var(--ib-dim);
}

.ib-mass .ib-timer__rings-unit {
  color: var(--ib-on-brand);
}

.ib-mass .ib-timer__rings-unit:before {
  background: conic-gradient(var(--ib-on-brand) var(--ib-ring-progress),color-mix(in srgb,var(--ib-on-brand) 24%,transparent) 0);
}

.ib-mass .ib-timer__rings-unit span {
  color: var(--ib-on-brand-2);
}

.ib-block-hero--timer-xl .ib-timer__matrix-cell, .ib-block-countdown--timer-xl .ib-timer__matrix-cell {
  min-height: 126px;
}

.ib-block-hero--timer-xl .ib-timer__matrix-cell strong, .ib-block-countdown--timer-xl .ib-timer__matrix-cell strong {
  font-size: clamp(48px, 7cqi, 78px);
}

.ib-block-hero--timer-xl .ib-timer__ribbon-unit strong, .ib-block-countdown--timer-xl .ib-timer__ribbon-unit strong {
  font-size: clamp(48px, 7cqi, 88px);
}

.ib-block-hero--timer-xl .ib-timer__rings-unit, .ib-block-countdown--timer-xl .ib-timer__rings-unit {
  width: clamp(112px, 15cqi, 160px);
}

@container ib-blocks (max-width: 480px) {
  .ib-timer__matrix-cell {
    min-height: 90px;
    padding: var(--ib-2) var(--ib-3);
  }

  .ib-timer__matrix-cell strong, .ib-block-hero--timer-xl .ib-timer__matrix-cell strong, .ib-block-countdown--timer-xl .ib-timer__matrix-cell strong {
    font-size: clamp(34px, 10cqi, 54px);
  }

  .ib-timer__ribbon-strip {
    width: 100%;
  }

  .ib-timer__ribbon-unit {
    min-width: 0;
    padding: var(--ib-2);
    flex: 1 0 50%;
  }

  .ib-timer__ribbon-unit:nth-child(odd) {
    border-left: 0;
  }

  .ib-timer__ribbon-unit:nth-child(n+3) {
    border-top: 1px solid var(--ib-on-brand-3);
  }

  .ib-timer__ribbon-unit strong, .ib-block-hero--timer-xl .ib-timer__ribbon-unit strong, .ib-block-countdown--timer-xl .ib-timer__ribbon-unit strong {
    font-size: clamp(36px, 10cqi, 55px);
  }

  .ib-timer__rings-list {
    grid-template-columns: repeat(2, max-content);
    display: grid;
  }

  .ib-timer__rings-unit, .ib-block-hero--timer-xl .ib-timer__rings-unit, .ib-block-countdown--timer-xl .ib-timer__rings-unit {
    width: clamp(76px, 24cqi, 108px);
  }

  .ib-timer__rings-unit strong {
    font-size: clamp(28px, 8cqi, 40px);
  }
}

.ib-block-countdown--center .ib-block-countdown__side, .ib-block-countdown--timer-only .ib-block-countdown__side {
  width: 100%;
  max-width: 100%;
}

.ib-timer--matrix {
  width: 390px;
  max-width: 100%;
}

.ib-timer__matrix-grid {
  width: 100%;
}

.event-content-editor__item-head .event-content-editor__item-delete {
  color: var(--ib-danger);
}

.ib-block-cta__acts {
  width: 100%;
}

.ib-block-cta--actions-start .ib-block-cta__acts {
  justify-content: flex-start;
  margin-right: 0;
}

.ib-block-cta--actions-center .ib-block-cta__acts {
  justify-content: center;
}

.ib-block-cta--actions-end .ib-block-cta__acts {
  justify-content: flex-end;
}

@container ib-blocks (max-width: 480px) {
  .ib-block-countdown .ib-timer--compact .ib-timer__value {
    font-size: clamp(20px, 6cqi, 30px);
  }

  .ib-block-countdown--timer-xl .ib-timer--compact .ib-timer__value {
    font-size: clamp(24px, 7cqi, 34px);
  }
}

.ib-timer--compact .ib-timer__value {
  white-space: normal;
  flex-wrap: wrap;
  align-items: baseline;
  gap: .1em .35em;
  max-width: 100%;
  display: inline-flex;
}

.ib-timer__compact-days, .ib-timer__compact-clock {
  white-space: nowrap;
}

.event-lexical {
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-sm);
  background: var(--ib-paper);
  min-width: 0;
  color: var(--ib-body);
  position: relative;
}

.event-lexical:focus-within {
  border-color: var(--ib-action);
}

.event-lexical.is-invalid {
  border-color: var(--ib-danger);
  outline: 1px solid var(--ib-danger);
}

.event-lexical__toolbar-wrap {
  border-bottom: 1px solid var(--ib-line);
  position: relative;
}

.event-lexical__toolbar {
  flex-wrap: wrap;
  align-items: center;
  gap: 2px;
  padding: 6px;
  display: flex;
}

.event-lexical__group {
  border-right: 1px solid var(--ib-line);
  align-items: center;
  gap: 2px;
  margin-right: 4px;
  padding-right: 6px;
  display: flex;
}

.event-lexical__group--end {
  border-right: 0;
  margin-left: auto;
  margin-right: 0;
  padding-right: 0;
}

.event-lexical__tool {
  border-radius: var(--ib-r-sm);
  width: 30px;
  height: 30px;
  color: var(--ib-body);
  cursor: pointer;
  background: none;
  border: 0;
  place-items: center;
  padding: 0;
  display: inline-grid;
}

.event-lexical__tool:hover {
  background: var(--ib-soft);
}

.event-lexical__tool.is-active {
  background: var(--ib-brand);
  color: var(--ib-on-brand);
}

.event-lexical__menu {
  z-index: 1000;
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-sm);
  background: var(--ib-raised);
  min-width: 150px;
  padding: 4px;
}

.event-lexical__menu .ib-listbox__opt {
  align-items: center;
  gap: 8px;
  display: flex;
}

.event-lexical__body {
  position: relative;
}

.event-lexical__editor {
  min-height: 180px;
  font-size: var(--ib-fs-14);
  outline: none;
  padding: 12px 14px;
  line-height: 1.55;
}

.event-lexical__placeholder {
  pointer-events: none;
  color: var(--ib-dim);
  font-size: var(--ib-fs-14);
  position: absolute;
  top: 12px;
  left: 14px;
}

.event-lexical__editor::selection, .event-lexical__editor ::selection {
  color: #1f1b3a;
  background: #b5b0d1;
}

.event-lexical__paragraph {
  margin: 0 0 .55em;
}

.event-lexical__h1 {
  margin: .65em 0 .3em;
  font-size: 1.65em;
  font-weight: 700;
}

.event-lexical__h2 {
  margin: .65em 0 .3em;
  font-size: 1.35em;
  font-weight: 700;
}

.event-lexical__h3 {
  margin: .65em 0 .3em;
  font-size: 1.12em;
  font-weight: 650;
}

.event-lexical__h4 {
  margin: .65em 0 .3em;
  font-size: 1.05em;
  font-weight: 650;
}

.event-lexical__h5 {
  margin: .65em 0 .3em;
  font-size: 1em;
  font-weight: 650;
}

.event-lexical__h6 {
  margin: .65em 0 .3em;
  font-size: .92em;
  font-weight: 650;
}

.event-lexical__bold {
  font-weight: 700;
}

.event-lexical__italic {
  font-style: italic;
}

.event-lexical__underline {
  text-decoration: underline;
}

.event-lexical__strike {
  text-decoration: line-through;
}

.event-lexical__inline-code {
  background: var(--ib-soft);
  border-radius: 3px;
  padding: 1px 4px;
  font-family: monospace;
}

.event-lexical__quote {
  border-left: 2px solid var(--ib-line);
  color: var(--ib-dim);
  margin: .7em 0;
  padding: .3em 0 .3em 14px;
}

.event-lexical__code {
  border-radius: var(--ib-r-sm);
  background: var(--ib-soft);
  white-space: pre-wrap;
  margin: .7em 0;
  padding: 12px;
  font-family: monospace;
  display: block;
}

.event-lexical__ul {
  margin: .4em 0;
  padding-left: 1.5em;
  list-style: outside;
}

.event-lexical__ol {
  margin: .4em 0;
  padding-left: 1.5em;
  list-style: decimal;
}

.event-lexical__li {
  margin: .2em 0;
}

.event-lexical__link {
  color: var(--ib-action);
  text-decoration: underline;
}

.event-lexical__variable {
  color: #3f330c;
  white-space: nowrap;
  vertical-align: baseline;
  background: #f7db75;
  border: 1px solid #dfbd52;
  border-radius: 6px;
  margin-inline: 2px;
  padding: 1px 6px;
  line-height: 1.3;
  display: inline-block;
}

.event-lexical__variable.is-selected {
  outline: 2px solid var(--ib-brand);
  outline-offset: 1px;
}

.event-lexical__picker {
  z-index: 1000;
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-sm);
  background: var(--ib-raised);
  gap: 2px;
  width: min(340px, 100vw - 24px);
  max-height: 300px;
  padding: 8px;
  display: grid;
  position: absolute;
  top: 100%;
  right: 6px;
  overflow: auto;
}

.event-lexical__picker input, .event-lexical__link-input input {
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-sm);
  background: var(--ib-paper);
  min-height: 36px;
  color: var(--ib-body);
  padding: 0 10px;
}

.event-lexical__picker button {
  border-radius: var(--ib-r-sm);
  color: var(--ib-body);
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  gap: 1px;
  padding: 7px;
  display: grid;
}

.event-lexical__picker button:hover {
  background: var(--ib-soft);
}

.event-lexical__picker code {
  font-size: var(--ib-fs-11);
  color: var(--ib-dim);
}

.event-lexical__link-input {
  border-top: 1px solid var(--ib-line);
  gap: 8px;
  padding: 8px;
  display: flex;
}

.event-lexical__link-input input {
  flex: 1;
  min-width: 0;
}

.event-lexical__link-input button {
  border-radius: var(--ib-r-sm);
  background: var(--ib-brand);
  color: var(--ib-on-brand);
  cursor: pointer;
  border: 0;
  padding: 0 12px;
}

.event-lexical__link-input button:disabled {
  opacity: .5;
  cursor: default;
}

.event-rich-text-field > .is-invalid .event-lexical {
  border-color: var(--ib-danger);
  outline: 1px solid var(--ib-danger);
}

.event-rich-text-field__link {
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-sm);
  background: var(--ib-soft);
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  padding: 8px;
  display: flex;
}

.event-rich-text-field__link > .event-select, .event-rich-text-field__link > input {
  flex: 180px;
  min-width: 0;
}

.event-rich-text-field__link > small {
  color: var(--ib-dim);
  flex-basis: 100%;
}

.ib-block-cta:not(.ib-mass) {
  background: var(--ib-paper);
}

.ib-block-cta--buttons-only.ib-block, .event-manage-content__preview-window .ib-block-cta--buttons-only {
  --ib-block-py: var(--ib-4);
}

.event-content-editor__checkbox {
  align-items: center;
  gap: var(--ib-2);
  font-size: var(--ib-fs-13);
  color: var(--ib-ink);
  display: inline-flex;
}

/* [project]/src/styles/event-manage-layout.css [app-client] (css) */
.event-manage-shell :is(.event-manage-settings, .event-manage-setup, .event-manage-content, .event-manage-registration, .event-live-editor, .event-manage-general, .event-manage-appearance, .event-manage-schedule, .event-manage-setup__form, .event-manage-notifications, .event-manage-email, .event-manage-results, .event-manage-participants, .event-manage-teams, .event-stands, .event-challenge-manager, .event-attempts-manager) {
  width: 100%;
  max-width: none;
  margin: 0;
}

.event-manage-shell :is(.event-manage-settings, .event-manage-setup, .event-manage-content, .event-manage-registration, .event-live-editor) {
  --event-manage-flow: 0px;
  padding-bottom: var(--ib-12);
}

.event-manage-shell :is(.event-manage-general, .event-manage-appearance, .event-manage-registration, .event-manage-mail, .event-manage-participants, .event-manage-teams, .event-manage-results, .event-stands, .event-live-editor) {
  --event-manage-flow: var(--ib-4);
}

.event-manage-shell [role="tabpanel"] > :is(.event-manage-settings, .event-manage-content) {
  padding-bottom: 0;
}

.event-manage-shell .ib-admin-shell__scroll > * {
  max-width: 1440px;
  margin-inline-start: max(0px, 50% - 720px);
}

.event-manage-shell .ib-admin-shell__scroll > :is(.event-manage-general, .event-manage-appearance, .event-manage-schedule, .event-manage-setup, .event-manage-mail), .event-manage-shell [role="tabpanel"] > .event-manage-general {
  max-width: 1200px;
}

.event-manage-shell :is(.event-manage-heading, .event-live-editor__heading), .event-manage-shell :is(.event-manage-heading, .event-live-editor__heading) ~ [role="tablist"] {
  margin-bottom: calc(var(--ib-6) - var(--event-manage-flow, 0px));
}

@media (min-width: 1024px) {
  .event-manage-shell :is(.event-manage-general, .event-manage-appearance) .event-manage-section, .event-manage-shell .event-manage-setup__form {
    column-gap: var(--ib-6);
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .event-manage-shell :is(.event-manage-general, .event-manage-appearance) .event-manage-section > :not(.event-manage-field, .event-brand-field), .event-manage-shell .event-manage-setup__form > :not(.event-manage-field, .event-brand-field) {
    grid-column: 1 / -1;
  }

  .event-manage-shell :is(.event-manage-general, .event-manage-appearance) .event-manage-section > :is(.event-manage-field, .event-brand-field):has(textarea, .event-manage-choice-group, .event-lexical, .event-rich-text-field) {
    grid-column: 1 / -1;
  }

  .event-manage-shell .event-manage-setup__form > :is(.event-manage-field, .event-brand-field):has(textarea, .event-manage-choice-group, .event-lexical, .event-rich-text-field) {
    grid-column: 1 / -1;
  }
}

.event-manage-savebar, .event-manage-section__actions, .event-content-editor__footer, .event-manage-notifications__footer, .ib-modal__foot, .event-date-picker__footer {
  border-top: 0;
}

input[type="number"] {
  appearance: textfield;
}

input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.event-manage-setup__facts {
  gap: var(--ib-2);
  margin: 0;
  display: grid;
}

.event-manage-setup__facts > div {
  align-items: baseline;
  gap: var(--ib-1) var(--ib-3);
  font-size: var(--ib-fs-13);
  flex-wrap: wrap;
  display: flex;
}

.event-manage-setup__facts dt {
  min-width: 160px;
  color: var(--ib-dim);
}

.event-manage-setup__facts dd {
  color: var(--ib-ink);
  font-weight: var(--ib-w-medium);
  margin: 0;
}

.event-manage-setup__facts a {
  color: var(--ib-action);
}

/* [project]/src/styles/event-page-frame.css [app-client] (css) */
.event-page-content {
  width: 100%;
  max-width: 1280px;
  padding: var(--ib-8) var(--ib-6) var(--ib-12);
  margin: 0 auto;
}

.event-page-content:has(.ib-blocks) {
  padding: 0;
}

.event-guest-main {
  flex-direction: column;
  display: flex;
}

.event-page-content {
  flex-direction: column;
  flex: 1 0 auto;
  display: flex;
}

.event-page-content > :last-child {
  flex: 1 0 auto;
}

.event-page-content > .event-private-preview-banner:last-child {
  flex: none;
}

.event-page-content .ib-board__empty, .event-challenges__countdown {
  flex-direction: column;
  flex: 1 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.ib-footer--event .ib-footer__org > span:first-child {
  margin: 0;
}

.event-page-content > .event-shell-state {
  background: none;
  min-height: max(60dvh, 240px);
  padding-inline: 0;
}

.event-page-content .ib-blocks > .ib-block {
  --ib-block-px: var(--ib-6);
  --ib-block-max: none;
}

@media (max-width: 760px) {
  .event-page-content .ib-blocks > .ib-block {
    --ib-block-px: var(--ib-4);
  }
}

.event-join-banner {
  max-width: none;
  margin: 0 0 var(--ib-5);
}

.event-join-page {
  max-width: 880px;
  margin: 0 auto;
  padding: 0;
}

.event-join-card {
  padding: var(--ib-6);
}

.event-forms-page {
  max-width: none;
  margin: 0;
}

.event-results {
  max-width: none;
  margin: 0;
  padding: 0;
}

.event-participation {
  max-width: none;
  margin: 0;
}

.event-private-preview-banner {
  padding: .75rem max(var(--ib-6),calc((100% - 1280px) / 2 + var(--ib-6)));
}

@media (max-width: 760px) {
  .event-page-content {
    padding: var(--ib-6) var(--ib-4) var(--ib-10);
  }

  .event-page-content:has(.ib-blocks) {
    padding: 0;
  }

  .event-landing, .event-page-content > .ib-blocks {
    padding: var(--ib-4) 0 var(--ib-8);
  }

  .event-landing > .ib-blocks {
    padding: 0;
  }

  .event-private-preview-banner, .ib-footer--event .ib-footer__inner {
    padding-inline: var(--ib-4);
  }
}

@media (max-width: 600px) {
  .event-join-banner {
    margin: 0 0 var(--ib-4);
  }

  .event-join-page {
    padding: 0;
  }

  .event-join-card {
    padding: var(--ib-5);
  }
}

/* [project]/node_modules/geist/dist/geistsans_d5a4f12f.module.css [app-client] (css) */
@font-face {
  font-family: GeistSans;
  src: url("../media/Geist_Variable-s.p.0mrjj4bg00-he.woff2") format("woff2");
  font-display: swap;
  font-weight: 100 900;
}

@font-face {
  font-family: GeistSans Fallback;
  src: local(Arial);
  ascent-override: 94.56%;
  descent-override: 27.76%;
  line-gap-override: 0.0%;
  size-adjust: 106.28%;
}

.geistsans_d5a4f12f-module__Ur3q_a__className {
  font-family: GeistSans, GeistSans Fallback;
}

.geistsans_d5a4f12f-module__Ur3q_a__variable {
  --font-geist-sans: "GeistSans", "GeistSans Fallback";
}

/* [project]/node_modules/geist/dist/geistmono_157ca88a.module.css [app-client] (css) */
@font-face {
  font-family: GeistMono;
  src: url("../media/GeistMono_Variable.p.3ms9vq719j3f8.woff2") format("woff2");
  font-display: swap;
  font-weight: 100 900;
}

.geistmono_157ca88a-module__iaM1Ya__className {
  font-family: GeistMono, ui-monospace, SFMono-Regular, Roboto Mono, Menlo, Monaco, Liberation Mono, DejaVu Sans Mono, Courier New, monospace;
}

.geistmono_157ca88a-module__iaM1Ya__variable {
  --font-geist-mono: "GeistMono", ui-monospace, SFMono-Regular, Roboto Mono, Menlo, Monaco, Liberation Mono, DejaVu Sans Mono, Courier New, monospace;
}

/* [project]/src/styles/error-screen.css [app-client] (css) */
.event-error {
  min-height: max(60dvh,var(--event-block-state-h, 240px));
  justify-content: center;
  align-items: center;
  gap: var(--ib-4);
  padding: var(--ib-12) var(--ib-6);
  color: var(--ib-body);
  text-align: center;
  flex-direction: column;
  display: flex;
}

.event-error--page {
  background: var(--ib-paper);
  min-height: 100dvh;
}

.event-error__logo {
  object-fit: contain;
  width: 64px;
  height: 64px;
}

.event-error__mark {
  width: 32px;
  height: 32px;
  color: var(--ib-danger);
}

.event-error__mark--muted {
  color: var(--ib-dim);
}

.event-error h1 {
  max-width: 40ch;
  color: var(--ib-ink);
  font-size: var(--ib-fs-24);
  letter-spacing: -.015em;
  text-wrap: balance;
}

.event-error p {
  max-width: 52ch;
  color: var(--ib-dim);
}

.event-error__actions {
  justify-content: center;
  gap: var(--ib-2);
  margin-top: var(--ib-2);
  flex-wrap: wrap;
  display: flex;
}

/* [project]/src/components/event/manage/setup/setup.css [app-client] (css) */
.event-setup__list {
  gap: var(--ib-2);
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.event-setup__row {
  align-items: center;
  gap: var(--ib-3);
  min-width: 0;
  padding: var(--ib-3) var(--ib-4);
  border: 1px solid var(--ib-line);
  border-radius: var(--ib-r-lg);
  background: var(--ib-surface);
  display: flex;
}

.event-setup__row.is-blocked {
  border-color: var(--ib-danger);
  background: var(--ib-danger-bg);
}

.event-setup__number {
  border-radius: var(--ib-r-sm);
  background: var(--ib-soft);
  width: 26px;
  height: 26px;
  color: var(--ib-dim);
  font: var(--ib-w-semibold) var(--ib-fs-12)/1 var(--ib-mono);
  flex: none;
  place-items: center;
  display: grid;
}

.event-setup__row.is-done .event-setup__number {
  background: var(--ib-action);
  color: var(--ib-on-action);
}

.event-setup__icon {
  color: var(--ib-accent);
  flex: none;
}

.event-setup__body {
  gap: var(--ib-1);
  flex: 1;
  min-width: 0;
  display: grid;
}

.event-setup__body strong {
  font-size: var(--ib-fs-14);
}

.event-setup__body span {
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
  line-height: var(--ib-lh-ui);
}

.event-setup__status {
  padding: 2px var(--ib-2);
  border-radius: var(--ib-r-pill);
  background: var(--ib-soft);
  color: var(--ib-dim);
  font-size: var(--ib-fs-12);
  font-weight: var(--ib-w-semibold);
  flex: none;
}

.event-setup__status.is-done {
  color: var(--ib-action);
}

.event-setup__status.is-todo {
  background: var(--ib-warn-bg);
  color: var(--ib-warn);
}

.event-setup__status.is-blocked {
  background: var(--ib-danger);
  color: var(--ib-btn-on-danger);
}

@media (max-width: 640px) {
  .event-setup__row {
    flex-wrap: wrap;
  }

  .event-setup__body {
    flex-basis: calc(100% - 100px);
  }

  .event-setup__status {
    margin-left: auto;
  }
}

.event-setup-chip {
  align-items: center;
  gap: var(--ib-2);
  height: 28px;
  padding: 0 var(--ib-3);
  border-radius: var(--ib-r-pill);
  background: var(--ib-soft);
  color: var(--ib-ink);
  font-size: var(--ib-fs-12);
  font-weight: var(--ib-w-semibold);
  white-space: nowrap;
  text-decoration: none;
  display: inline-flex;
}

.event-setup-chip:hover {
  background: var(--ib-line);
  text-decoration: none;
}

.event-setup-chip.is-blocked {
  background: var(--ib-danger-bg);
  color: var(--ib-danger);
}

.event-setup-chip.is-done {
  color: var(--ib-dim);
  font-weight: var(--ib-w-regular);
  background: none;
}

.event-setup-chip__track {
  border-radius: var(--ib-r-pill);
  background: var(--ib-line);
  width: 36px;
  height: 4px;
  display: block;
  overflow: hidden;
}

.event-setup-chip__track span {
  border-radius: inherit;
  background: var(--ib-accent);
  height: 100%;
  transition: width var(--ib-dur-move) var(--ib-ease);
  display: block;
}

.event-setup-chip.is-blocked .event-setup-chip__track span {
  background: var(--ib-danger);
}

@media (max-width: 640px) {
  .event-setup-chip__track {
    display: none;
  }
}

/* [project]/src/components/event/manage/managerSidebar.css [app-client] (css) */
.event-manage-shell {
  --ib-admin-side-w: 248px;
}

.event-manage-sidebar__group {
  padding: var(--ib-1) 0;
  border-top: 1px solid var(--ib-brand-line);
}

.event-manage-sidebar__group:first-child {
  border-top: 0;
  padding-top: 0;
}

.event-manage-sidebar__heading {
  justify-content: space-between;
  align-items: center;
  gap: var(--ib-2);
  width: 100%;
  min-height: 32px;
  padding: var(--ib-1) var(--ib-3);
  border-radius: var(--ib-r);
  color: var(--ib-on-brand-3);
  font: var(--ib-w-semibold) var(--ib-fs-12)/var(--ib-lh-ui) var(--ib-font);
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  display: flex;
}

.event-manage-sidebar__heading:hover {
  background: var(--ib-brand-hover);
  color: var(--ib-on-brand);
}

.event-manage-sidebar__heading svg {
  transition: transform var(--ib-dur-fast) var(--ib-ease);
  flex: none;
}

.event-manage-sidebar__heading[aria-expanded="false"] svg {
  transform: rotate(-90deg);
}

.event-manage-sidebar__items {
  gap: 2px;
  display: grid;
}

.event-manage-sidebar__items[hidden] {
  display: none;
}

.event-manage-sidebar__page {
  padding-left: var(--ib-5);
}

.event-manage-sidebar__draft {
  padding: 0 var(--ib-2);
  border: 1px solid var(--ib-brand-line);
  border-radius: var(--ib-r-sm);
  color: var(--ib-on-brand-3);
  font-size: var(--ib-fs-11);
  flex: none;
  margin-left: auto;
  line-height: 18px;
}

.event-manage-sidebar__add {
  color: var(--ib-on-brand-3);
}

.event-manage-sidebar__error {
  padding: var(--ib-2) var(--ib-3);
  color: var(--ib-on-brand-3);
  font-size: var(--ib-fs-12);
  line-height: var(--ib-lh-body);
}

.event-manage-sidebar__error button {
  color: var(--ib-on-brand);
  font: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  text-decoration: underline;
}

@media (prefers-reduced-motion: reduce) {
  .event-manage-sidebar__heading svg {
    transition: none;
  }
}

.event-manage-sidebar__tip {
  flex: 1;
  min-width: 0;
}

/* [project]/src/styles/service-gate.css [app-client] (css) */
.event-service-gate__body {
  align-items: center;
  gap: var(--ib-2);
  padding-top: var(--ib-6);
  text-align: center;
}

.event-service-gate__logo {
  width: 48px;
  height: 48px;
  margin-bottom: var(--ib-2);
  object-fit: contain;
}

.event-service-gate__body .ib-modal__desc {
  max-width: 40ch;
  margin-top: 0;
}

.event-service-gate__hint {
  min-height: 1.5em;
  font-size: var(--ib-fs-13);
  color: var(--ib-dim);
  font-variant-numeric: tabular-nums;
}

.event-service-gate__foot {
  justify-content: center;
}

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