@inntechcorp/it-design 4.0.0-beta.2 → 4.0.0-beta.4

package/dist/css/input.css

@@ -1,421 +1 @@
-/* ================================= */
-/* INPUT COMPONENT STYLES            */
-/* ================================= */
-@layer components {
-
-  /* ===== WRAPPER (BASE) ===== */
-  .itd-input {
-    width: inherit;
-    position: relative;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-
-    border-radius: calc(var(--itd-border-radius) - calc(var(--itd-spacing) * 0.5));
-    border: 1px solid transparent;
-    outline: 0 solid transparent;
-    outline-offset: var(--itd-ring-offset);
-
-    transition:
-      outline 100ms linear,
-      border-color var(--itd-transition-duration) var(--itd-transition-timing-function),
-      background-color var(--itd-transition-duration) var(--itd-transition-timing-function);
-
-    & input {
-      display: block;
-      width: 100%;
-      height: 100%;
-      border: none;
-      color: var(--itd-color-text);
-
-      &::placeholder {
-        color: var(--itd-color-placeholder);
-      }
-
-      &:disabled {
-        cursor: not-allowed;
-      }
-
-      &[data-locked] {
-        pointer-events: none;
-      }
-
-      &:-webkit-autofill {
-        -webkit-box-shadow: 0 0 0 1.875rem transparent inset;
-        -webkit-text-fill-color: var(--itd-color-text);
-        transition: background-color 5000s ease-in-out 0s;
-      }
-
-      &:-webkit-autofill::first-line {
-        font-size: inherit;
-      }
-    }
-  }
-
-  .itd-input.itd-input-disabled {
-    cursor: not-allowed;
-  }
-
-  /* ===== CONTENT ===== */
-  .itd-input-content {
-    display: grid;
-    grid-auto-flow: column;
-    align-items: center;
-    width: 100%;
-    justify-content: flex-start;
-    grid-template-columns: 1fr;
-
-    &[data-has-prefix][data-has-suffix] {
-      grid-template-columns: auto 1fr auto;
-    }
-
-    &[data-has-prefix]:not([data-has-suffix]) {
-      grid-template-columns: auto 1fr;
-    }
-
-    &:not([data-has-prefix])[data-has-suffix] {
-      grid-template-columns: 1fr auto;
-    }
-  }
-
-  /* Content — per-size input padding */
-  .itd-input-content.itd-input-xs  input { padding: 0 calc(var(--itd-spacing) * 2.5); }
-  .itd-input-content.itd-input-sm  input { padding: 0 calc(var(--itd-spacing) * 2.5); }
-  .itd-input-content.itd-input-md  input { padding: 0 calc(var(--itd-spacing) * 3); }
-  .itd-input-content.itd-input-df  input { padding: 0 calc(var(--itd-spacing) * 3); }
-  .itd-input-content.itd-input-lg  input { padding: 0 calc(var(--itd-spacing) * 3.75); }
-  .itd-input-content.itd-input-xlg input { padding: 0 calc(var(--itd-spacing) * 3.75); }
-
-  /* ===== MIDDLE ===== */
-  .itd-input-middle {
-    width: 100%;
-    height: 100%;
-    justify-self: flex-start;
-  }
-
-  /* ===== ICONS WRAPPER ===== */
-  .itd-input-icons-wrapper {
-    display: grid;
-    grid-auto-flow: column;
-    grid-template-columns: 1fr;
-    grid-gap: calc(var(--itd-spacing) * 1.25);
-    justify-items: flex-end;
-    margin-right: calc(var(--itd-spacing) * 3);
-  }
-
-  /* ===== PREFIX ===== */
-  .itd-input-prefix {
-    display: flex;
-    align-items: center;
-    height: 100%;
-    margin-left: calc(var(--itd-spacing) * 2.5);
-
-    & span {
-      transition: color .3s ease-out;
-    }
-  }
-
-  /* ===== SUFFIX ===== */
-  .itd-input-suffix {
-    display: flex;
-    align-items: center;
-    height: 100%;
-    gap: calc(var(--itd-spacing) * 1.25);
-
-    & span {
-      transition: color .3s ease-out;
-    }
-
-    &.itd-input-password-toggle {
-      cursor: pointer;
-      user-select: none;
-
-      & svg {
-        color: var(--itd-color-text-neutral);
-        transition: color var(--itd-transition-duration) var(--itd-transition-timing-function);
-      }
-
-      &:hover svg {
-        color: var(--itd-color-text);
-      }
-    }
-  }
-
-  /* ===== LOCKED ===== */
-  .itd-input-locked {
-    display: flex;
-    align-items: center;
-    height: 100%;
-    color: var(--itd-color-text-neutral);
-  }
-
-  /* ===== ADDON (shared) ===== */
-  .itd-input-addon-before,
-  .itd-input-addon-after {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: var(--itd-color-text-neutral);
-    background-color: var(--itd-color-background-alt-hover);
-    height: 100%;
-
-    & span {
-      transition: color .3s ease-out;
-    }
-  }
-
-  .itd-input-addon-before {
-    border-radius: calc(var(--itd-border-radius) - calc(var(--itd-spacing) * 0.75)) 0 0 calc(var(--itd-border-radius) - calc(var(--itd-spacing) * 0.75));
-  }
-
-  .itd-input-addon-after {
-    border-radius: 0 calc(var(--itd-border-radius) - calc(var(--itd-spacing) * 0.75)) calc(var(--itd-border-radius) - calc(var(--itd-spacing) * 0.75)) 0;
-  }
-
-  /* Addon — per-size padding */
-  .itd-input-addon-before.itd-input-xs,
-  .itd-input-addon-after.itd-input-xs  { padding: 0 calc(var(--itd-spacing) * 2.5); }
-
-  .itd-input-addon-before.itd-input-sm,
-  .itd-input-addon-after.itd-input-sm  { padding: 0 calc(var(--itd-spacing) * 2.5); }
-
-  .itd-input-addon-before.itd-input-md,
-  .itd-input-addon-after.itd-input-md  { padding: 0 calc(var(--itd-spacing) * 3); }
-
-  .itd-input-addon-before.itd-input-df,
-  .itd-input-addon-after.itd-input-df  { padding: 0 calc(var(--itd-spacing) * 3); }
-
-  .itd-input-addon-before.itd-input-lg,
-  .itd-input-addon-after.itd-input-lg  { padding: 0 calc(var(--itd-spacing) * 3.75); }
-
-  .itd-input-addon-before.itd-input-xlg,
-  .itd-input-addon-after.itd-input-xlg { padding: 0 calc(var(--itd-spacing) * 3.75); }
-
-  /* ===== STATUS / ERROR ICONS ===== */
-  .itd-input-status {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    cursor: pointer;
-    position: relative;
-
-    &[data-icon="i"]::before {
-      padding: var(--itd-spacing);
-      border-radius: 3.125rem;
-    }
-
-    & svg circle {
-      fill: var(--itd-color-error);
-    }
-
-    & svg path {
-      fill: var(--itd-color-error-text);
-    }
-  }
-
-  .itd-input-failed {
-    color: var(--itd-color-text);
-
-    &::before {
-      background-color: var(--itd-color-error);
-    }
-  }
-
-  /* ===== SIZE — font, height, line-height per scale ===== */
-  .itd-input.itd-input-xs {
-    & input,
-    & .itd-input-addon-before, & .itd-input-addon-after,
-    & .itd-input-prefix, & .itd-input-suffix {
-      font-size: var(--itd-size-xs-font);
-      line-height: var(--itd-size-xs-font);
-      font-weight: var(--itd-font-weight-normal);
-      height: var(--itd-size-xs-h);
-    }
-  }
-
-  .itd-input.itd-input-sm {
-    & input,
-    & .itd-input-addon-before, & .itd-input-addon-after,
-    & .itd-input-prefix, & .itd-input-suffix {
-      font-size: var(--itd-size-sm-font);
-      line-height: var(--itd-size-sm-font);
-      font-weight: var(--itd-font-weight-normal);
-      height: var(--itd-size-sm-h);
-    }
-  }
-
-  .itd-input.itd-input-md {
-    & input,
-    & .itd-input-addon-before, & .itd-input-addon-after,
-    & .itd-input-prefix, & .itd-input-suffix {
-      font-size: var(--itd-size-md-font);
-      line-height: var(--itd-size-md-font);
-      font-weight: var(--itd-font-weight-normal);
-      height: var(--itd-size-md-h);
-    }
-  }
-
-  .itd-input.itd-input-df {
-    & input,
-    & .itd-input-addon-before, & .itd-input-addon-after,
-    & .itd-input-prefix, & .itd-input-suffix {
-      font-size: var(--itd-size-df-font);
-      line-height: var(--itd-size-df-font);
-      font-weight: var(--itd-font-weight-normal);
-      height: var(--itd-size-df-h);
-    }
-  }
-
-  .itd-input.itd-input-lg {
-    & input,
-    & .itd-input-addon-before, & .itd-input-addon-after,
-    & .itd-input-prefix, & .itd-input-suffix {
-      font-size: var(--itd-size-lg-font);
-      line-height: var(--itd-size-lg-font);
-      font-weight: var(--itd-font-weight-medium);
-      height: var(--itd-size-lg-h);
-    }
-  }
-
-  .itd-input.itd-input-xlg {
-    & input,
-    & .itd-input-addon-before, & .itd-input-addon-after,
-    & .itd-input-prefix, & .itd-input-suffix {
-      font-size: var(--itd-size-lg-font);
-      line-height: var(--itd-size-lg-font);
-      font-weight: var(--itd-font-weight-medium);
-      height: var(--itd-size-xlg-h);
-    }
-  }
-
-  /* ===== VARIANT: DEFAULT ===== */
-  .itd-input.itd-input-default {
-    box-shadow: var(--itd-box-shadow);
-    border: 1px solid transparent;
-    border-color: var(--itd-color-border);
-    background-color: var(--itd-color-background-bordered);
-
-    &:hover:not(.focused, .itd-input-disabled) {
-      border-color: var(--itd-color-border-hover);
-    }
-
-    &.itd-input-disabled {
-      background-color: var(--itd-color-disabled-bg);
-      border: 1px solid var(--itd-color-disabled-border);
-
-      & input,
-      & .itd-input-addon-before, & .itd-input-addon-after,
-      & .itd-input-prefix, & .itd-input-suffix {
-        color: var(--itd-color-disabled-text);
-        &::placeholder { color: var(--itd-color-disabled-text); }
-      }
-    }
-  }
-
-  /* ===== VARIANT: FILLED ===== */
-  .itd-input.itd-input-filled {
-    background-color: var(--itd-color-background-alt);
-
-    &:hover:not(.focused, .itd-input-disabled) {
-      background-color: var(--itd-color-background-alt-hover);
-    }
-
-    &.focused {
-      background-color: var(--itd-color-background-alt-hover);
-    }
-
-    &.itd-input-disabled {
-      background-color: var(--itd-color-disabled-bg);
-      border: 1px solid var(--itd-color-disabled-border);
-
-      & input,
-      & .itd-input-addon-before, & .itd-input-addon-after,
-      & .itd-input-prefix, & .itd-input-suffix {
-        color: var(--itd-color-disabled-text);
-        &::placeholder { color: var(--itd-color-disabled-text); }
-      }
-    }
-  }
-
-  /* ===== VARIANT: DASHED ===== */
-  .itd-input.itd-input-dashed {
-
-    & .itd-error-border {
-      border-style: dashed;
-    }
-
-    &::after {
-      content: '';
-      position: absolute;
-      border: 1px dashed transparent;
-      width: calc(100% + 2px);
-      height: calc(100% + 2px);
-      border-radius: calc(var(--itd-border-radius) - 2px);
-      top: -1px;
-      left: -1px;
-      pointer-events: none;
-      transition: border-color var(--itd-transition-duration) var(--itd-transition-timing-function);
-      border-color: var(--itd-color-border);
-    }
-
-    &:hover:not(.focused, .itd-input-disabled) {
-      &::after { border-color: var(--itd-color-border-hover); }
-    }
-
-    &.itd-input-disabled {
-      background-color: var(--itd-color-disabled-bg);
-
-      & input,
-      & .itd-input-addon-before, & .itd-input-addon-after,
-      & .itd-input-prefix, & .itd-input-suffix {
-        color: var(--itd-color-disabled-text);
-        &::placeholder { color: var(--itd-color-disabled-text); }
-      }
-
-      &::after {
-        border-color: var(--itd-color-disabled-border);
-      }
-    }
-  }
-
-  /* ===== FOCUS STATES ===== */
-
-  /* Keyboard focus — outline */
-  .itd-input.itd-input-default.keyboard-focus:not(.itd-input-error),
-  .itd-input.itd-input-filled.keyboard-focus:not(.itd-input-error),
-  .itd-input.itd-input-dashed.keyboard-focus:not(.itd-input-error),
-  .itd-input.itd-input-custom.keyboard-focus:not(.itd-input-error) {
-    outline: var(--itd-ring-width) solid var(--itd-color-border-focus-ring);
-  }
-
-  .itd-input.itd-input-default.keyboard-focus.itd-input-error,
-  .itd-input.itd-input-filled.keyboard-focus.itd-input-error,
-  .itd-input.itd-input-dashed.keyboard-focus.itd-input-error,
-  .itd-input.itd-input-custom.keyboard-focus.itd-input-error {
-    outline: var(--itd-ring-width) solid var(--itd-color-error-outline);
-  }
-
-  /* Mouse/keyboard focus — border color change for default + custom */
-  .itd-input.itd-input-default.focused,
-  .itd-input.itd-input-default.keyboard-focus,
-  .itd-input.itd-input-custom.focused,
-  .itd-input.itd-input-custom.keyboard-focus {
-    border-color: var(--itd-color-border-focus);
-  }
-
-  /* Dashed variant — focus uses ::after border */
-  .itd-input.itd-input-dashed.focused::after,
-  .itd-input.itd-input-dashed.keyboard-focus::after {
-    border-color: var(--itd-color-border-focus);
-  }
-
-  .itd-input.itd-input-dashed.itd-input-error::after {
-    border-color: var(--itd-color-error-border);
-  }
-
-  /* ===== LOCK ICON ===== */
-  .itd-input-lock-icon {
-    fill: var(--itd-color-icon-muted);
-  }
-
-}
+@layer components{.itd-input{align-items:center;border:1px solid #0000;border-radius:var(--itd-radius-control);display:flex;justify-content:space-between;outline:0 solid #0000;outline-offset:var(--itd-ring-offset);position:relative;transition:outline .1s linear,border-color var(--itd-transition-duration) var(--itd-transition-timing-function),background-color var(--itd-transition-duration) var(--itd-transition-timing-function);width:inherit}.itd-input input{border:none;color:var(--itd-color-text-input,var(--itd-color-text));display:block;height:100%;width:100%}:is(.itd-input input)::placeholder{color:var(--itd-color-placeholder)}:is(.itd-input input):disabled{cursor:not-allowed}[data-locked]:is(.itd-input input){pointer-events:none}:is(.itd-input input):-webkit-autofill{-webkit-text-fill-color:var(--itd-color-text);-webkit-box-shadow:inset 0 0 0 1.875rem #0000;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}:is(.itd-input input):-webkit-autofill:first-line{font-size:inherit}.itd-input.itd-input-disabled{cursor:not-allowed}.itd-input-content{align-items:center;display:grid;grid-auto-flow:column;grid-template-columns:1fr;justify-content:flex-start;width:100%}.itd-input-content[data-has-prefix][data-has-suffix]{grid-template-columns:auto 1fr auto}.itd-input-content[data-has-prefix]:not([data-has-suffix]){grid-template-columns:auto 1fr}.itd-input-content[data-has-suffix]:not([data-has-prefix]){grid-template-columns:1fr auto}.itd-input-content.itd-input-sm input,.itd-input-content.itd-input-xs input{padding:0 calc(var(--itd-spacing)*2.5)}.itd-input-content.itd-input-df input,.itd-input-content.itd-input-md input{padding:0 calc(var(--itd-spacing)*3)}.itd-input-content.itd-input-lg input,.itd-input-content.itd-input-xlg input{padding:0 calc(var(--itd-spacing)*3.75)}.itd-input-middle{height:100%;justify-self:flex-start;width:100%}.itd-input-icons-wrapper{grid-gap:calc(var(--itd-spacing)*1.25);display:grid;grid-auto-flow:column;grid-template-columns:1fr;justify-items:flex-end;margin-inline-end:calc(var(--itd-spacing)*3)}.itd-input-prefix{align-items:center;display:flex;height:100%;margin-inline-start:calc(var(--itd-spacing)*2.5)}.itd-input-prefix span{transition:color .3s ease-out}.itd-input-suffix{align-items:center;display:flex;gap:calc(var(--itd-spacing)*1.25);height:100%}.itd-input-suffix span{transition:color .3s ease-out}.itd-input-suffix.itd-input-password-toggle{cursor:pointer;-webkit-user-select:none;user-select:none}.itd-input-suffix.itd-input-password-toggle svg{color:var(--itd-color-text-neutral);transition:color var(--itd-transition-duration) var(--itd-transition-timing-function)}.itd-input-suffix.itd-input-password-toggle:hover:where(:root:not(.itd-touch) *) svg{color:var(--itd-color-text)}.itd-input-addon-after,.itd-input-addon-before,.itd-input-locked{align-items:center;color:var(--itd-color-text-neutral);display:flex;height:100%}.itd-input-addon-after,.itd-input-addon-before{background-color:var(--itd-input-addon-bg,var(--itd-color-background-alt-hover));justify-content:center}:is(.itd-input-addon-before,.itd-input-addon-after) span{transition:color .3s ease-out}.itd-input-addon-before{border-radius:var(--itd-radius-control) 0 0 var(--itd-radius-control)}.itd-input-addon-after{border-radius:0 var(--itd-radius-control) var(--itd-radius-control) 0}.itd-input-addon-after.itd-input-sm,.itd-input-addon-after.itd-input-xs,.itd-input-addon-before.itd-input-sm,.itd-input-addon-before.itd-input-xs{padding:0 calc(var(--itd-spacing)*2.5)}.itd-input-addon-after.itd-input-df,.itd-input-addon-after.itd-input-md,.itd-input-addon-before.itd-input-df,.itd-input-addon-before.itd-input-md{padding:0 calc(var(--itd-spacing)*3)}.itd-input-addon-after.itd-input-lg,.itd-input-addon-after.itd-input-xlg,.itd-input-addon-before.itd-input-lg,.itd-input-addon-before.itd-input-xlg{padding:0 calc(var(--itd-spacing)*3.75)}.itd-input-status{align-items:center;cursor:pointer;display:flex;justify-content:center;position:relative}.itd-input-status[data-icon=i]:before{border-radius:3.125rem;padding:var(--itd-spacing)}.itd-input-status svg circle{fill:var(--itd-color-error)}.itd-input-status svg path{fill:var(--itd-color-error-text)}.itd-input-failed{color:var(--itd-color-text)}.itd-input-failed:before{background-color:var(--itd-color-error)}.itd-input.itd-input-xs .itd-input-addon-after,.itd-input.itd-input-xs .itd-input-addon-before,.itd-input.itd-input-xs .itd-input-prefix,.itd-input.itd-input-xs .itd-input-suffix,.itd-input.itd-input-xs input{font-size:var(--itd-size-xs-font);font-weight:var(--itd-size-xs-field-fw);height:var(--itd-size-xs-h);line-height:var(--itd-size-xs-font)}.itd-input.itd-input-sm .itd-input-addon-after,.itd-input.itd-input-sm .itd-input-addon-before,.itd-input.itd-input-sm .itd-input-prefix,.itd-input.itd-input-sm .itd-input-suffix,.itd-input.itd-input-sm input{font-size:var(--itd-size-sm-font);font-weight:var(--itd-size-sm-field-fw);height:var(--itd-size-sm-h);line-height:var(--itd-size-sm-font)}.itd-input.itd-input-md .itd-input-addon-after,.itd-input.itd-input-md .itd-input-addon-before,.itd-input.itd-input-md .itd-input-prefix,.itd-input.itd-input-md .itd-input-suffix,.itd-input.itd-input-md input{font-size:var(--itd-size-md-font);font-weight:var(--itd-size-md-field-fw);height:var(--itd-size-md-h);line-height:var(--itd-size-md-font)}.itd-input.itd-input-df .itd-input-addon-after,.itd-input.itd-input-df .itd-input-addon-before,.itd-input.itd-input-df .itd-input-prefix,.itd-input.itd-input-df .itd-input-suffix,.itd-input.itd-input-df input{font-size:var(--itd-size-df-font);font-weight:var(--itd-size-df-field-fw);height:var(--itd-size-df-h);line-height:var(--itd-size-df-font)}.itd-input.itd-input-lg .itd-input-addon-after,.itd-input.itd-input-lg .itd-input-addon-before,.itd-input.itd-input-lg .itd-input-prefix,.itd-input.itd-input-lg .itd-input-suffix,.itd-input.itd-input-lg input{font-size:var(--itd-size-lg-font);font-weight:var(--itd-size-lg-field-fw);height:var(--itd-size-lg-h);line-height:var(--itd-size-lg-font)}.itd-input.itd-input-xlg .itd-input-addon-after,.itd-input.itd-input-xlg .itd-input-addon-before,.itd-input.itd-input-xlg .itd-input-prefix,.itd-input.itd-input-xlg .itd-input-suffix,.itd-input.itd-input-xlg input{font-size:var(--itd-size-xlg-font);font-weight:var(--itd-size-xlg-field-fw);height:var(--itd-size-xlg-h);line-height:var(--itd-size-xlg-font)}.itd-input.itd-input-default{background-color:var(--itd-color-background-bordered);border:1px solid #0000;border-color:var(--itd-color-border);box-shadow:var(--itd-box-shadow)}.itd-input.itd-input-default:hover:where(:root:not(.itd-touch) *):not(.focused,.itd-input-disabled){border-color:var(--itd-color-border-hover)}.itd-input.itd-input-default.itd-input-disabled{background-color:var(--itd-color-disabled-bg);border:1px solid var(--itd-color-disabled-border)}.itd-input.itd-input-default.itd-input-disabled .itd-input-addon-after,.itd-input.itd-input-default.itd-input-disabled .itd-input-addon-before,.itd-input.itd-input-default.itd-input-disabled .itd-input-prefix,.itd-input.itd-input-default.itd-input-disabled .itd-input-suffix,.itd-input.itd-input-default.itd-input-disabled input,:is(.itd-input.itd-input-default.itd-input-disabled input,.itd-input.itd-input-default.itd-input-disabled .itd-input-addon-before,.itd-input.itd-input-default.itd-input-disabled .itd-input-addon-after,.itd-input.itd-input-default.itd-input-disabled .itd-input-prefix,.itd-input.itd-input-default.itd-input-disabled .itd-input-suffix)::placeholder{color:var(--itd-color-disabled-text)}.itd-input.itd-input-filled{background-color:var(--itd-color-background-input,var(--itd-color-background-alt));border:0}.itd-input.itd-input-filled:hover:where(:root:not(.itd-touch) *):not(.focused,.itd-input-disabled){background-color:var(--itd-color-background-alt-hover)}.itd-input.itd-input-filled.focused{background-color:var(--itd-color-background-alt-hover)}.itd-input.itd-input-filled.itd-input-disabled{background-color:var(--itd-color-disabled-bg);border:0;box-shadow:inset 0 0 0 1px var(--itd-color-disabled-border)}.itd-input.itd-input-filled.itd-input-disabled .itd-input-addon-after,.itd-input.itd-input-filled.itd-input-disabled .itd-input-addon-before,.itd-input.itd-input-filled.itd-input-disabled .itd-input-prefix,.itd-input.itd-input-filled.itd-input-disabled .itd-input-suffix,.itd-input.itd-input-filled.itd-input-disabled input,:is(.itd-input.itd-input-filled.itd-input-disabled input,.itd-input.itd-input-filled.itd-input-disabled .itd-input-addon-before,.itd-input.itd-input-filled.itd-input-disabled .itd-input-addon-after,.itd-input.itd-input-filled.itd-input-disabled .itd-input-prefix,.itd-input.itd-input-filled.itd-input-disabled .itd-input-suffix)::placeholder{color:var(--itd-color-disabled-text)}.itd-input.itd-input-dashed .itd-error-border{border-style:dashed}.itd-input.itd-input-dashed:after{border:1px dashed #0000;border-color:var(--itd-color-border);border-radius:var(--itd-radius-control);content:"";height:calc(100% + 2px);left:-1px;pointer-events:none;position:absolute;top:-1px;transition:border-color var(--itd-transition-duration) var(--itd-transition-timing-function);width:calc(100% + 2px)}.itd-input.itd-input-dashed:hover:where(:root:not(.itd-touch) *):not(.focused,.itd-input-disabled):after{border-color:var(--itd-color-border-hover)}.itd-input.itd-input-dashed.itd-input-disabled{background-color:var(--itd-color-disabled-bg)}.itd-input.itd-input-dashed.itd-input-disabled .itd-input-addon-after,.itd-input.itd-input-dashed.itd-input-disabled .itd-input-addon-before,.itd-input.itd-input-dashed.itd-input-disabled .itd-input-prefix,.itd-input.itd-input-dashed.itd-input-disabled .itd-input-suffix,.itd-input.itd-input-dashed.itd-input-disabled input,:is(.itd-input.itd-input-dashed.itd-input-disabled input,.itd-input.itd-input-dashed.itd-input-disabled .itd-input-addon-before,.itd-input.itd-input-dashed.itd-input-disabled .itd-input-addon-after,.itd-input.itd-input-dashed.itd-input-disabled .itd-input-prefix,.itd-input.itd-input-dashed.itd-input-disabled .itd-input-suffix)::placeholder{color:var(--itd-color-disabled-text)}.itd-input.itd-input-dashed.itd-input-disabled:after{border-color:var(--itd-color-disabled-border)}.itd-input.itd-input-custom.keyboard-focus:not(.itd-input-error),.itd-input.itd-input-dashed.keyboard-focus:not(.itd-input-error),.itd-input.itd-input-default.keyboard-focus:not(.itd-input-error),.itd-input.itd-input-filled.keyboard-focus:not(.itd-input-error){outline:var(--itd-ring-width) solid var(--itd-color-border-focus-ring)}.itd-input.itd-input-custom.keyboard-focus.itd-input-error,.itd-input.itd-input-dashed.keyboard-focus.itd-input-error,.itd-input.itd-input-default.keyboard-focus.itd-input-error,.itd-input.itd-input-filled.keyboard-focus.itd-input-error{outline:var(--itd-ring-width) solid var(--itd-color-error-outline)}.itd-input.itd-input-custom.focused,.itd-input.itd-input-custom.keyboard-focus,.itd-input.itd-input-dashed.focused:after,.itd-input.itd-input-dashed.keyboard-focus:after,.itd-input.itd-input-default.focused,.itd-input.itd-input-default.keyboard-focus{border-color:var(--itd-color-border-focus)}.itd-input.itd-input-dashed.itd-input-error:after{border-color:var(--itd-color-error-border)}.itd-input-lock-icon{fill:var(--itd-color-icon-muted)}}

package/dist/css/label.css

@@ -0,0 +1 @@
+@layer components{.itd-label{align-items:center;color:var(--itd-foreground);display:inline-flex;font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-medium);gap:.5rem;line-height:var(--itd-text-sm--line-height);-webkit-user-select:none;user-select:none}.itd-label[data-disabled=true],[data-disabled=true]>.itd-label{opacity:.5;pointer-events:none}}

package/dist/css/last-winners.css

@@ -0,0 +1 @@
+@layer components{.itd-last-winners{display:flex;flex-direction:column;gap:.75rem;margin-inline:calc(var(--itd-last-winners-bleed, 0rem)*-1);min-width:0;padding-inline:var(--itd-last-winners-bleed,0);width:auto}.itd-last-winners-header .title{color:var(--itd-color-text);font-size:var(--itd-text-15);font-weight:var(--itd-font-weight-semibold)}.itd-last-winners-viewport{min-width:0;overflow:hidden;width:100%}.itd-last-winners-track{-webkit-overflow-scrolling:touch;display:flex;gap:.625rem;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none}.itd-last-winners-track::-webkit-scrollbar{display:none}[data-itd-elevation=raised] .itd-last-winners-card{background:oklch(from var(--itd-background) 1 c h)}.itd-last-winners-card{align-items:center;background-image:linear-gradient(180deg,oklch(from var(--itd-background) calc(min(l + .095, .94)) c h) 0,oklch(from var(--itd-background) calc(min(l + .115, .935)) c h) 100%);border:0;border-radius:var(--itd-radius-md);box-sizing:border-box;cursor:pointer;display:flex;flex:0 0 auto;font:inherit;gap:.625rem;height:4.625rem;padding:.625rem;text-align:left;transition:transform var(--itd-transition-duration) var(--itd-transition-timing-function);width:13.5rem}.itd-last-winners-card:active{transform:scale(.98)}.itd-last-winners-card:hover:where(:root:not(.itd-touch) *){background-image:linear-gradient(180deg,oklch(from var(--itd-background) calc(min(l + .115, .905)) c h) 0,oklch(from var(--itd-background) calc(min(l + .135, .885)) c h) 100%)}.itd-last-winners-image{align-items:center;background-color:var(--itd-surface-nested);border-radius:var(--itd-radius-sm);display:flex;flex:0 0 auto;height:2.75rem;justify-content:center;overflow:hidden;width:2.75rem}.itd-last-winners-image[data-shape=horizontal]{aspect-ratio:440/310;width:auto}.itd-last-winners-image img{height:100%;object-fit:cover;width:100%}.itd-last-winners-body{display:flex;flex:1;flex-direction:column;min-width:0}.itd-last-winners-username{font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-semibold)}.itd-last-winners-game,.itd-last-winners-username{color:var(--itd-color-text-neutral);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.itd-last-winners-game{font-size:var(--itd-text-11)}.itd-last-winners-amount{color:var(--itd-primary);font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-bold);white-space:nowrap}.itd-last-winners-empty{background-image:linear-gradient(180deg,oklch(from var(--itd-background) calc(min(l + .095, .94)) c h) 0,oklch(from var(--itd-background) calc(min(l + .115, .935)) c h) 100%);border-radius:var(--itd-radius-md);color:var(--itd-color-text-neutral);display:grid;font-size:var(--itd-text-13);height:4.625rem;padding:0 1rem;place-items:center;text-align:center}.itd-last-winners-skeleton{display:flex;gap:.625rem;overflow:hidden}.itd-last-winners-skeleton .itd-skeleton{flex:none}}

package/dist/css/login.css

@@ -0,0 +1 @@
+@layer components{.itd-login{background-color:var(--itd-color-background-modal);border-radius:var(--itd-radius-md);box-shadow:var(--itd-color-modal-shadow);max-width:100%;overflow:hidden;width:var(--itd-login-w,25rem)}[data-itd-elevation=raised] .itd-login,[data-itd-elevation=raised] .itd-login-body{background-color:var(--itd-background)}.itd-login-topbar{align-items:center;background-color:var(--itd-login-bar-bg,var(--itd-color-background-alt-hover));display:flex;gap:calc(var(--itd-spacing)*3);justify-content:space-between;padding:calc(var(--itd-spacing)*4) calc(var(--itd-spacing)*5)}.itd-login-logo{align-items:center;color:var(--itd-color-text);display:inline-flex;min-width:0}.itd-login-close{flex:none;height:calc(var(--itd-spacing)*8);padding:0;width:calc(var(--itd-spacing)*8)}.itd-login-banner{height:var(--itd-login-banner-h,9rem);overflow:hidden}.itd-login-banner img,.itd-login-banner>*{display:block;height:100%;object-fit:cover;width:100%}.itd-login-body{background-color:var(--itd-color-background-modal);display:flex;flex-direction:column;gap:var(--itd-login-gap,calc(var(--itd-spacing)*3));padding:var(--itd-login-pad,calc(var(--itd-spacing)*8))}.itd-login-body.itd-login-verify{margin-inline:auto;max-width:var(--itd-login-verify-w,26rem);width:100%}.itd-login-intro{display:flex;flex-direction:column;gap:calc(var(--itd-spacing)*.5)}.itd-login-eyebrow{color:var(--itd-login-eyebrow-ink,var(--itd-color-text));font-size:var(--itd-text-13);line-height:var(--itd-text-13--line-height)}.itd-login-title{color:var(--itd-login-title-ink,var(--itd-primary));font-size:var(--itd-text-default);font-weight:var(--itd-font-weight-semibold);letter-spacing:.01em;line-height:1.2}.itd-login-rule{background-color:var(--itd-login-rule,var(--itd-color-border));height:1px;margin-block:calc(var(--itd-spacing)*1.5) calc(var(--itd-spacing)*.5);width:100%}.itd-login-hint{color:var(--itd-color-text-muted);font-size:var(--itd-text-13);line-height:var(--itd-text-13--line-height);margin:0;text-align:center}.itd-login-body .itd-form-control{margin-block-start:calc(var(--itd-spacing)*8)}.itd-login-code{display:grid;gap:calc(var(--itd-spacing)*5)}.itd-login-dial{color:var(--itd-color-text);font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-medium);-webkit-user-select:none;user-select:none;white-space:nowrap}.itd-login-actions{align-items:center;display:flex;flex-direction:column;gap:calc(var(--itd-spacing)*1.5)}.itd-login-countdown{font-feature-settings:"tnum";align-items:center;background-color:var(--itd-login-countdown-bg,var(--itd-color-background-alt-hover));border-radius:var(--itd-radius-control);color:var(--itd-login-countdown-ink,var(--itd-color-text-neutral));display:inline-flex;font-size:var(--itd-text-13);font-variant-numeric:tabular-nums;font-weight:var(--itd-font-weight-semibold);justify-content:center;min-width:calc(var(--itd-spacing)*16);padding:calc(var(--itd-spacing)*1.5) calc(var(--itd-spacing)*4)}.itd-login-support{margin-block-start:calc(var(--itd-spacing)*2)}@media (max-width:48rem){.itd-login{border-radius:0;box-shadow:none;min-height:100dvh;width:100%}.itd-login-topbar{position:sticky;top:0;z-index:2}.itd-login-body{padding:var(--itd-login-pad,calc(var(--itd-spacing)*5))}}.itd-mobile .itd-login{border-radius:0;box-shadow:none;min-height:100dvh;width:100%}.itd-mobile .itd-login-topbar{position:sticky;top:0;z-index:2}.itd-mobile .itd-login-body{padding:var(--itd-login-pad,calc(var(--itd-spacing)*5))}}

package/dist/css/mega-menu.css

@@ -0,0 +1 @@
+@layer components{.itd-mega-menu{--itd-mega-menu-ink:color-mix(in srgb,var(--itd-color-text) 88%,#0000);--itd-mega-menu-shadow-alpha:0.1;--itd-mega-menu-well-shift:-0.08;--itd-mega-menu-well-bg:oklch(from var(--itd-color-background-alt-hover) calc(l + var(--itd-mega-menu-well-shift)) c h);--itd-mega-menu-bg:oklch(from var(--itd-background) 0.2 c h);background:var(--itd-mega-menu-bg);box-sizing:border-box;display:flex;flex-direction:column;gap:.625rem;min-height:100%;padding:1rem;width:100%}[data-theme=light] .itd-mega-menu{--itd-mega-menu-bg:oklch(from var(--itd-background) 0.89 c h)}.itd-mega-menu-item{background:var(--itd-color-background-alt-hover);border-radius:var(--itd-radius-control);overflow:hidden;transition:border-radius .15s ease .24s}.itd-mega-menu-item--group,.itd-mega-menu-item[data-open=true]{border-radius:min(var(--itd-radius-control),var(--itd-radius-lg))}.itd-mega-menu-item[data-open=true]{transition:border-radius 0s}[data-theme=light] .itd-mega-menu-item{background:oklch(from var(--itd-mega-menu-bg) calc(min(l + .06, .99)) c h)}.itd-mega-menu-groupitem,.itd-mega-menu-head-main,.itd-mega-menu-link,.itd-mega-menu-subitem{align-items:center;background:none;border:0;box-sizing:border-box;color:var(--itd-mega-menu-ink);cursor:pointer;display:flex;font-family:inherit;gap:.875rem;min-height:2.75rem;padding:0 .75rem 0 1rem;text-align:left;text-decoration:none;width:100%}.itd-mega-menu-head,.itd-mega-menu-link{background:linear-gradient(var(--itd-color-background-alt-hover),color-mix(in srgb,var(--itd-color-background-alt-hover) 55%,var(--itd-color-background-alt) 45%));border-radius:var(--itd-radius-md)}.itd-mega-menu-head{align-items:center;display:flex;filter:drop-shadow(0 4px 6px oklch(from var(--itd-background) .21 calc(min(c, .04)) h/0));min-height:2.75rem;padding-right:.75rem;transition:filter .2s ease .28s,border-radius .15s ease .24s}.itd-mega-menu-item[data-open=true] .itd-mega-menu-head{border-radius:var(--itd-radius-md) var(--itd-radius-md) 0 0;filter:drop-shadow(0 4px 6px oklch(from var(--itd-background) .21 calc(min(c, .04)) h/var(--itd-mega-menu-shadow-alpha)));transition:filter .25s ease .22s,border-radius .1s ease}[data-theme=dark] .itd-mega-menu{--itd-mega-menu-shadow-alpha:0.52;--itd-mega-menu-well-shift:0.08}.itd-mega-menu-head-main{flex:1;min-width:0;padding-right:.5rem}.itd-mega-menu-groupitem:focus-visible,.itd-mega-menu-head-main:focus-visible,.itd-mega-menu-link:focus-visible,.itd-mega-menu-subitem:focus-visible,.itd-mega-menu-toggle:focus-visible{outline:var(--itd-ring-width) solid var(--itd-color-border-focus-ring);outline-offset:-2px}.itd-mega-menu-icon{color:var(--itd-mega-menu-ink);display:inline-flex;flex:none}.itd-mega-menu-icon img,.itd-mega-menu-icon svg{height:1.25rem;width:1.25rem}.itd-mega-menu-icon img{border-radius:var(--itd-radius-xs);object-fit:cover}.itd-mega-menu-label{color:var(--itd-mega-menu-ink);flex:1;font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-semibold);line-height:1;min-width:0}.is-active .itd-mega-menu-icon,.is-active .itd-mega-menu-label{color:var(--itd-primary)}.itd-mega-menu-badge{align-items:center;background:var(--itd-color-background-alt);border-radius:var(--itd-radius-pill);color:var(--itd-mega-menu-ink);display:inline-flex;flex:none;font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-semibold);padding:.0625rem .5rem}.itd-mega-menu-toggle{background:var(--itd-mega-menu-well-bg);border:0;border-radius:var(--itd-radius-chip);color:var(--itd-mega-menu-ink);cursor:pointer;display:grid;flex:none;height:1.5rem;padding:0;place-items:center;width:1.5rem}.itd-mega-menu-toggle-icon{display:inline-flex;transition:transform .25s ease}.itd-mega-menu-toggle-icon svg{height:1rem;width:1rem}.itd-mega-menu-item[data-open=true] .itd-mega-menu-toggle-icon{transform:rotate(180deg)}.itd-mega-menu-chevron{color:var(--itd-mega-menu-ink);display:inline-flex;flex:none}.itd-mega-menu-chevron svg{height:1rem;width:1rem}.itd-mega-menu-collapse{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease}.itd-mega-menu-item[data-open=true] .itd-mega-menu-collapse{grid-template-rows:1fr}.itd-mega-menu-collapse-inner{min-height:0;opacity:0;overflow:hidden;transition:opacity .2s ease}.itd-mega-menu-item[data-open=true] .itd-mega-menu-collapse-inner{opacity:1}.itd-mega-menu-subitem{min-height:2.75rem}.itd-mega-menu-item--group{padding:.25rem 0}.itd-mega-menu-item--select{background:none;overflow:visible}.itd-mega-menu-select{width:100%}.itd-mega-menu-select.itd-select-filled .itd-select-selector{height:2.75rem;padding:0 .75rem 0 1rem}.itd-mega-menu-select .itd-select-selection-label.itd-select-selection-item-single{margin-left:.5rem}.itd-mega-menu-select--well .itd-select-arrow{background:var(--itd-mega-menu-well-bg);border-radius:var(--itd-radius-chip);display:grid;height:1.5rem;place-items:center;width:1.5rem}}

package/dist/css/min-width-gate.css

@@ -0,0 +1 @@
+@layer components{.itd-min-width-gate{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:oklch(from var(--itd-background,var(--itd-color-background-alt)) l c h/.55);display:grid;inset:0;padding:1.5rem;place-items:center;position:fixed;z-index:1100}.itd-min-width-gate-card{align-items:center;background:var(--itd-color-background-modal);border-radius:var(--itd-radius-md);box-shadow:var(--itd-floating-shadow);color:var(--itd-color-text);display:flex;flex-direction:column;gap:calc(var(--itd-spacing)*2);max-width:26rem;padding:calc(var(--itd-spacing)*8) calc(var(--itd-spacing)*7);text-align:center}.itd-min-width-gate-icon{color:var(--itd-primary);margin-bottom:calc(var(--itd-spacing)*1)}.itd-min-width-gate-icon svg{height:2.5rem;width:2.5rem}.itd-min-width-gate-title{font-size:var(--itd-text-lg);font-weight:var(--itd-font-weight-bold);line-height:var(--itd-text-lg--line-height)}.itd-min-width-gate-desc{color:var(--itd-color-text-neutral);font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-medium);line-height:var(--itd-text-sm--line-height)}}

package/dist/css/mobile-bottom-nav.css

@@ -0,0 +1 @@
+@layer components{.itd-mobile-bottom-nav{background:linear-gradient(180deg,var(--itd-color-background-alt-hover) 0,color-mix(in srgb,var(--itd-color-background-alt-hover) 92%,var(--itd-color-text)) 100%);border-top-left-radius:1rem;border-top-right-radius:1rem;bottom:0;box-shadow:0 0 30px 10px #00000026;height:4rem;left:0;min-height:4rem;padding-bottom:env(safe-area-inset-bottom);position:fixed;right:0;transform:translateY(0);transition:transform .15s ease-out;width:100%;will-change:transform;z-index:10}.itd-mobile-bottom-nav[data-open=false]{transform:translateY(100%)}@media (orientation:landscape){.itd-mobile-bottom-nav{padding-bottom:0}}.itd-mobile-bottom-nav .inn-mobile-menu-items{align-items:center;display:flex;height:100%;justify-content:center}.itd-mobile-bottom-nav .inn-mobile-menu-item{background:none;border:0;cursor:pointer;display:grid;flex:1;justify-content:center;text-decoration:none}.itd-mobile-bottom-nav .inn-mobile-menu-item>div{align-items:center;display:flex;flex-direction:column;gap:.125rem;text-align:center}.itd-mobile-bottom-nav .inn-mobile-menu-item svg{color:var(--itd-color-text-neutral);height:1.125rem;width:1.125rem}.itd-mobile-bottom-nav .inn-mobile-menu-item svg:not([fill=none]) path{fill:currentColor}.itd-mobile-bottom-nav .inn-mobile-menu-item span{color:var(--itd-color-text-neutral);font-size:var(--itd-text-11);font-weight:var(--itd-font-weight-extrabold);line-height:var(--itd-text-11--line-height)}.itd-mobile-bottom-nav .inn-mobile-menu-item.active span,.itd-mobile-bottom-nav .inn-mobile-menu-item.active svg{color:var(--itd-primary)}.itd-mobile-bottom-nav-skeletons{align-items:center;display:grid;gap:1rem;grid-auto-columns:1fr;grid-auto-flow:column;height:100%;margin:0 1rem}}

package/dist/css/modal.css

@@ -0,0 +1,11 @@
+@layer components{.itd-modal{height:100vh}.itd-modal,.itd-modal-overlay{left:0;position:fixed;top:0;width:100vw}.itd-modal-overlay{background:var(--itd-color-overlay);height:100%;opacity:0;transition:opacity .25s ease-out}.itd-modal-overlay[data-show=true]{opacity:1}.itd-modal-content-wrapper{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;transform-box:fill-box;transform-origin:50% 50%;width:100%}.itd-modal-inner-wrapper{display:flex;height:100vh;overflow-y:auto;padding:var(
+      --itd-modal-outer-padding,clamp(calc(var(--itd-spacing)*3.5),4vw,calc(var(--itd-spacing)*12.5))
+    );width:100vw}.itd-modal-body{background:var(
+      --itd-modal-bg,var(--itd-color-background-dialog,var(--itd-color-background-modal))
+    );border-radius:var(--itd-radius-md);box-shadow:var(--itd-floating-shadow);color:var(--itd-card-foreground);font-size:var(--itd-text-sm);height:max-content;line-height:var(--itd-text-sm--line-height);margin:auto;max-width:var(--itd-modal-width,31.25rem);width:var(--itd-modal-width,31.25rem)}.itd-modal-body,.itd-modal-content{position:relative}.itd-modal-header{align-items:center;color:var(--itd-card-foreground);display:flex;padding:calc(var(--itd-spacing)*6) calc(var(--itd-spacing)*5) 0}.itd-modal-title{color:var(--itd-color-text);font-size:var(--itd-text-default);font-weight:var(--itd-font-weight-semibold);line-height:var(--itd-leading-tight);margin:0}.itd-modal-header[data-variant=separator]{background:var(--itd-color-background-modal-footer,var(--itd-color-background-footer));border-bottom:1px solid var(--itd-color-border);border-radius:var(--itd-radius-md) var(--itd-radius-md) 0 0;min-height:var(--itd-modal-header-h,4rem);padding-bottom:0;padding-top:0}.itd-modal-header[data-variant=separator] .itd-modal-title{max-width:90%}.itd-modal-body:has(.itd-modal-header[data-variant=separator]) .itd-modal-close-button{top:calc((var(--itd-modal-header-h, 4rem) - 2rem)/2)}[data-itd-elevation=raised] .itd-modal-header[data-variant=separator]{background:oklch(from var(--itd-background) .92 c h)}[data-itd-elevation=raised] .itd-modal-body:has(.itd-modal-header[data-variant=separator]) .itd-modal-close-button .itd-button.itd-button-ghost:hover:where(:root:not(.itd-touch) *):not([disabled]){background-color:oklch(from var(--itd-background) .95 c h)}.itd-modal-message{color:var(--itd-muted-foreground);font-size:var(--itd-text-sm);line-height:var(--itd-text-sm--line-height);margin:0}.itd-modal-footer{align-items:center;display:flex;gap:calc(var(--itd-spacing)*2);justify-content:var(--itd-modal-footer-justify,flex-end);padding:0 calc(var(--itd-spacing)*5) calc(var(--itd-spacing)*6)}.itd-modal-footer[data-variant=filled],.itd-modal-footer[data-variant=separator]{background:var(--itd-color-background-modal-footer,var(--itd-color-background-footer));border-radius:0 0 var(--itd-radius-md) var(--itd-radius-md);padding-top:calc(var(--itd-spacing)*4)}.itd-modal-footer[data-variant=separator]{border-top:1px solid var(--itd-color-border)}.itd-modal-icon{align-items:center;background:var(--itd-secondary);border-radius:var(--itd-radius-md);color:var(--itd-card-foreground);display:inline-flex;flex:none;height:calc(var(--itd-spacing)*9);justify-content:center;margin-inline-end:calc(var(--itd-spacing)*3);width:calc(var(--itd-spacing)*9)}.itd-modal-icon svg{height:calc(var(--itd-spacing)*4.5);width:calc(var(--itd-spacing)*4.5)}.itd-modal-icon[data-tone=destructive]{background:var(--itd-color-alert-error-background);color:var(--itd-color-error)}.itd-modal-content[data-align=center] .itd-modal-header{align-items:center;flex-direction:column;gap:calc(var(--itd-spacing)*2.5);text-align:center}.itd-modal-content[data-align=center] .itd-modal-icon{margin-inline-end:0}.itd-modal-content[data-align=center] .itd-modal-message{text-align:center}.itd-modal-content[data-align=center] .itd-modal-footer{justify-content:stretch}.itd-modal-content[data-align=center] .itd-modal-footer>.itd-button{flex:1}.itd-modal-close-button{cursor:pointer;position:absolute;right:calc(var(--itd-spacing)*3);top:calc(var(--itd-spacing)*3);z-index:1}.itd-modal-middle-content{padding:var(
+      --itd-modal-content-padding,calc(var(--itd-spacing)*7.5) calc(var(--itd-spacing)*5)
+    )}.itd-modal-middle-content-before{padding:var(
+      --itd-modal-content-padding-before,calc(var(--itd-spacing)*7.5) calc(var(--itd-spacing)*5) 0
+    )}.itd-modal-middle-content-after{padding:var(
+      --itd-modal-content-padding-after,0 calc(var(--itd-spacing)*5) calc(var(--itd-spacing)*7.5)
+    )}.itd-modal-confirm .itd-modal-middle-content{padding:calc(var(--itd-spacing)*2) calc(var(--itd-spacing)*5) calc(var(--itd-spacing)*4)}[data-itd-elevation=raised] .itd-modal-body{background:var(--itd-background)}.itd-mobile [data-mobile-fullscreen] .itd-modal-inner-wrapper{min-height:100dvh;overflow-x:hidden;padding:0}.itd-mobile [data-mobile-fullscreen] .itd-modal-content-wrapper{border-radius:0}.itd-mobile [data-mobile-fullscreen] .itd-modal-content{border-radius:0;margin-bottom:0;min-height:100dvh}.itd-mobile [data-mobile-fullscreen] .itd-modal-body{border-radius:0;margin:0;max-height:none;max-width:100vw;min-height:100dvh;width:100vw}.itd-mobile [data-mobile-fullscreen] .itd-modal-header{border-radius:0;position:sticky;top:0;z-index:5}.itd-mobile [data-mobile-fullscreen] .itd-modal-header[data-variant=separator]{height:var(--itd-modal-header-h,4rem)}.itd-mobile [data-mobile-fullscreen] .itd-modal-close-button{position:fixed;right:.75rem;top:calc((var(--itd-modal-header-h, 4rem) - 2rem)/2);z-index:6}.itd-mobile [data-mobile-fullscreen] .itd-modal-footer{border-radius:0}@media (max-width:48rem){[data-mobile-fullscreen] .itd-modal-inner-wrapper{min-height:100dvh;overflow-x:hidden;padding:0}[data-mobile-fullscreen] .itd-modal-content-wrapper{border-radius:0}[data-mobile-fullscreen] .itd-modal-content{border-radius:0;margin-bottom:0;min-height:100dvh}[data-mobile-fullscreen] .itd-modal-body{border-radius:0;margin:0;max-height:none;max-width:100vw;min-height:100dvh;width:100vw}[data-mobile-fullscreen] .itd-modal-header{border-radius:0;position:sticky;top:0;z-index:5}[data-mobile-fullscreen] .itd-modal-header[data-variant=separator]{height:var(--itd-modal-header-h,4rem)}[data-mobile-fullscreen] .itd-modal-close-button{position:fixed;right:.75rem;top:calc((var(--itd-modal-header-h, 4rem) - 2rem)/2);z-index:6}[data-mobile-fullscreen] .itd-modal-footer{border-radius:0}}}

package/dist/css/multiple-jackpots.css

@@ -0,0 +1,5 @@
+@layer components{.itd-jackpot-winners-modal,.itd-jackpots{--itd-jackpot-mini:#c43dd4;--itd-jackpot-minor:#3d7dd4;--itd-jackpot-major:#57d43d;--itd-jackpot-grand:#d43d3d}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-jackpot-winners-modal,.itd-jackpots{--itd-jackpot-mini:oklch(0.614 0.238 323.3);--itd-jackpot-minor:oklch(0.591 0.149 256.9);--itd-jackpot-major:oklch(0.77 0.218 140.6);--itd-jackpot-grand:oklch(0.584 0.188 25.2)}
+}.itd-jackpots{background-image:linear-gradient(180deg,oklch(from var(--itd-background) calc(min(l + .095, var(--itd-elev-box, .96))) c h) 0,oklch(from var(--itd-background) calc(min(l + .115, var(--itd-elev-box, .955))) c h) 100%);border-radius:var(--itd-radius-md);height:6.25rem;min-height:6.25rem;overflow:hidden;position:relative}.itd-jackpot-carousel,.itd-jackpot-viewport{height:100%}.itd-jackpot-viewport{overflow:hidden}.itd-jackpot-container{display:flex;flex-direction:column;height:calc(100% + .625rem);margin-top:-.625rem;touch-action:pan-x pinch-zoom}.itd-jackpot-slide{align-items:center;display:grid;flex:0 0 100%;grid-template-columns:4.625rem 3.8125rem 6.25rem 1.875rem 1fr 6.25rem;min-height:0;padding:1.25rem 1.25rem .625rem}.itd-jackpot-brand{align-items:center;display:flex;flex-direction:column;gap:.625rem;justify-content:center}.itd-jackpot-brand img:first-child{height:2.0625rem;width:auto}.itd-jackpot-brand img:last-child{height:auto;width:4rem}.itd-jackpot-separator{background-color:color-mix(in srgb,var(--itd-color-text-neutral) 20%,#0000);height:3.125rem;justify-self:center;width:1px}.itd-jackpot-art{align-items:center;display:flex;justify-content:center}.itd-jackpot-art img{height:3.4375rem;max-width:100%;width:auto}.itd-jackpot-tiers-strip{--itd-strip-fade-from:oklch(from var(--itd-background) calc(min(l + 0.105, var(--itd-elev-box, 0.9575))) c h);--itd-strip-icon-size:1rem}.itd-jackpot-tier{align-items:center;background-color:oklch(from var(--itd-background) calc(min(l + .145, var(--itd-elev-nested, .94))) c h);border-radius:var(--itd-radius-md);display:flex;flex:none;gap:.625rem;height:5rem;min-width:16.3375rem;padding:.9375rem;position:relative;-webkit-user-select:none;user-select:none}.itd-jackpot-single:before,.itd-jackpot-tier:before{background-image:var(--itd-jackpot-texture,none);background-size:cover;border-radius:inherit;content:"";inset:0;mix-blend-mode:luminosity;opacity:.25;pointer-events:none;position:absolute}[data-theme=light] .itd-jackpot-single:before,[data-theme=light] .itd-jackpot-tier:before{background-image:none}.itd-jackpot-tier-symbol{height:2.25rem;position:relative;width:auto}.itd-jackpot-tier-text{display:flex;flex-direction:column;gap:.3125rem;min-width:0;position:relative}.itd-jackpot-tier-name{color:var(--itd-color-text);font-size:var(--itd-text-10);font-weight:var(--itd-font-weight-bold);line-height:var(--itd-text-10--line-height);white-space:nowrap}.itd-jackpot-tier-amount{font-feature-settings:"tnum";font-family:var(--itd-font-sans);font-size:var(--itd-text-22);font-variant-numeric:tabular-nums;font-weight:var(--itd-font-weight-extrabold);line-height:var(--itd-text-22--line-height);-webkit-user-select:none;user-select:none;white-space:nowrap}.itd-jackpot-tier-amount.mini{color:var(--itd-jackpot-mini)}.itd-jackpot-tier-amount.minor{color:var(--itd-jackpot-minor)}.itd-jackpot-tier-amount.major{color:var(--itd-jackpot-major)}.itd-jackpot-tier-amount.grand,.itd-jackpot-tier-amount.power{color:var(--itd-jackpot-grand)}.itd-jackpot-single{align-items:flex-start;background-color:oklch(from var(--itd-background) calc(min(l + .145, var(--itd-elev-deep, .9))) c h);border-radius:var(--itd-radius-md);display:flex;flex-direction:column;gap:.3125rem;height:5rem;justify-content:center;padding:.9375rem}.itd-jackpot-single,.itd-jackpot-single-amount{position:relative;-webkit-user-select:none;user-select:none}.itd-jackpot-single-amount{font-feature-settings:"tnum";color:var(--itd-jackpot-grand);font-family:var(--itd-font-sans);font-size:var(--itd-text-3xl);font-variant-numeric:tabular-nums;font-weight:var(--itd-font-weight-extrabold);line-height:1}.itd-jackpot-round.itd-button{background-color:color-mix(in srgb,var(--itd-color-text-neutral) 10%,#0000);border-radius:calc(infinity*1px);color:var(--itd-color-text-neutral);padding:0}.itd-jackpot-round.itd-button:hover:where(:root:not(.itd-touch) *):not(:disabled){background-color:color-mix(in srgb,var(--itd-color-text-neutral) 22%,#0000);color:var(--itd-color-text)}[data-theme=light] .itd-jackpot-round.itd-button{background-color:var(--itd-surface-deep)}[data-theme=light] .itd-jackpot-round.itd-button:hover:where(:root:not(.itd-touch) *):not(:disabled){background-color:oklch(from var(--itd-background) calc(min(l + .068, .86)) calc(c * .8) h)}[data-itd-elevation=raised] .itd-jackpot-round.itd-button:hover:where(:root:not(.itd-touch) *):not(:disabled){background-color:oklch(from var(--itd-background) .92 c h)}.itd-jackpot-round.itd-button:disabled svg:not(.itd-spinner){opacity:.25}.itd-jackpot-round.itd-button.itd-button-icon svg:not(.itd-spinner){color:var(--itd-color-text-neutral)}.itd-jackpot-round.itd-button.itd-button-icon:hover:where(:root:not(.itd-touch) *):not(:disabled) svg:not(.itd-spinner){color:var(--itd-color-text)}.itd-jackpot-round.itd-jackpot-round--xs.itd-button svg:not(.itd-spinner){height:.875rem;width:.875rem}.itd-jackpot-tier-buttons{flex-direction:column;gap:.1875rem;right:.3125rem}.itd-jackpot-controls,.itd-jackpot-tier-buttons{display:flex;position:absolute;top:50%;transform:translateY(-50%);z-index:3}.itd-jackpot-controls{align-items:center;gap:.625rem;right:1.25rem}.itd-jackpot-separator--controls{height:1.875rem}.itd-jackpot-arrows{display:flex;flex-direction:column;gap:.3125rem}.itd-mobile .itd-jackpot-slide{grid-template-columns:4.625rem 2.5625rem 4.0625rem .625rem 1fr 6.25rem;padding:1.25rem .625rem .625rem}.itd-mobile .itd-jackpot-tier-symbol{height:1.875rem}.itd-mobile .itd-jackpot-single-amount{font-size:var(--itd-text-26);line-height:var(--itd-text-26--line-height)}@media (max-width:899.98px){.itd-jackpot-controls{display:none}.itd-jackpot-slide,.itd-mobile .itd-jackpot-slide{column-gap:.625rem;grid-template-columns:3.4375rem 1fr;padding:1.25rem .625rem .625rem}.itd-jackpot-brand,.itd-jackpot-separator:not(.itd-jackpot-separator--controls),.itd-jackpot-spacer{display:none}.itd-jackpot-art img{height:auto;width:3.4375rem}.itd-jackpot-tiers-strip .arrow-left svg,.itd-jackpot-tiers-strip .arrow-right svg{display:none}}.itd-jackpot-loading{gap:.375rem;padding:.625rem 1.25rem}.itd-jackpot-empty,.itd-jackpot-loading{align-items:center;display:flex;height:100%}.itd-jackpot-empty{color:var(--itd-color-text-neutral);font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-medium);justify-content:center}.itd-jackpot-winners-modal{color:var(--itd-color-text);display:flex;flex-direction:column;padding:3.125rem}.itd-jackpot-win-box{display:flex;flex-direction:column;gap:.9375rem}.itd-jackpot-win-box-title{align-items:center;display:flex;font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-semibold);gap:.5rem}.itd-jackpot-win-box-meta svg,.itd-jackpot-win-box-title svg{color:var(--itd-color-text);height:.875rem;width:.875rem}.itd-jackpot-win-box-amount{font-feature-settings:"tnum";color:var(--itd-jackpot-major);font-family:var(--itd-font-sans);font-size:var(--itd-text-28);font-variant-numeric:tabular-nums;font-weight:var(--itd-font-weight-extrabold);line-height:var(--itd-text-28--line-height);-webkit-user-select:none;user-select:none}.itd-jackpot-win-box-meta{color:color-mix(in srgb,var(--itd-color-text) 75%,#0000);display:flex;font-size:var(--itd-text-11);gap:1.25rem}.itd-jackpot-win-box-meta>span{align-items:center;display:inline-flex;gap:.375rem}.itd-jackpot-winners-separator{border:0;border-top:1px solid color-mix(in srgb,var(--itd-color-text) 6%,#0000);margin:1.875rem 0}.itd-jackpot-total-wins{font-size:var(--itd-text-default);font-weight:var(--itd-font-weight-semibold);margin-top:1.875rem;text-align:center}.jackpot-games-modal .itd-modal-header{align-items:center;background:var(--itd-surface-nested);border-radius:var(--itd-radius-md) var(--itd-radius-md) 0 0;height:4.375rem;padding:0 calc(var(--itd-spacing)*5)}.jackpot-games-modal .itd-modal-title{color:var(--itd-color-text-muted);font-size:var(--itd-text-default);font-weight:var(--itd-font-weight-semibold);line-height:1.125rem}.itd-jackpot-games-modal{align-content:start;display:grid;gap:.625rem;grid-template-columns:repeat(auto-fill,minmax(9.375rem,1fr));min-height:31.25rem;padding-top:.625rem}.itd-mobile .jackpot-games-modal .itd-modal-inner-wrapper{padding:0}.itd-mobile .jackpot-games-modal .itd-modal-body{border-radius:0;max-width:100%;min-height:100dvh;width:100%}.itd-mobile .jackpot-games-modal .itd-modal-content{min-height:100dvh}.itd-mobile .jackpot-games-modal .itd-modal-header{align-items:center;background:var(--itd-surface-nested);border-radius:0;height:4rem;min-height:4rem;position:sticky;top:0;z-index:2}.itd-mobile .jackpot-games-modal .itd-modal-close-button{position:fixed;right:1rem;top:1.125rem;z-index:3}.itd-mobile .jackpot-games-modal .itd-jackpot-games-modal{min-height:0}}.itd-jackpot-round.itd-button{height:1.875rem;min-height:1.875rem;min-width:1.875rem;width:1.875rem}@media (min-width:900px){.itd-jackpot-tier-buttons .itd-jackpot-tier-games{display:none}}

package/dist/css/notifications-panel.css

@@ -0,0 +1,5 @@
+@layer components{.itd-notifs{inset:0;pointer-events:none;position:fixed;transition:visibility 0s linear .4s;visibility:hidden;z-index:60}.itd-notifs--open{pointer-events:auto;transition-delay:0s;visibility:visible}.itd-notifs-overlay{background:color-mix(in srgb,#000 75%,#0000);background:color-mix(in srgb,oklch(0 0 0) 75%,#0000);inset:0;opacity:0;position:absolute;transition:opacity .25s ease-out}.itd-notifs--open .itd-notifs-overlay{opacity:1}.itd-notifs-panel{background:var(--itd-color-background-modal);display:flex;flex-direction:column;height:100dvh;max-width:100vw;position:absolute;right:0;top:0;transform:translateX(100%);transition:transform .3s cubic-bezier(0,.97,.1,1);width:23.75rem}.itd-notifs--open .itd-notifs-panel{transform:translateX(0)}[data-itd-elevation=raised] .itd-notifs-panel{background:var(--itd-background)}.itd-notifs-header{align-items:center;background:linear-gradient(90deg,var(--itd-color-background-alt) 44%,var(--itd-color-background-modal) 100%);display:flex;filter:drop-shadow(0 4px 12px rgba(0,0,0,.25));filter:drop-shadow(0 4px 12px oklch(0 0 0/.25));flex:none;height:3rem;padding:0 1rem;position:relative;z-index:2}[data-itd-elevation=raised] .itd-notifs-header{background:linear-gradient(90deg,oklch(from var(--itd-background) 1 c h) 44%,var(--itd-background) 100%)}.itd-notifs-title{color:var(--itd-color-text-neutral);font-size:var(--itd-text-15);font-weight:var(--itd-font-weight-bold);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.itd-notifs-filter{background:var(--itd-color-background-modal);padding:.9375rem;position:relative;z-index:1}[data-itd-elevation=raised] .itd-notifs-filter{background:var(--itd-background)}.itd-notifs-filter .itd-select{min-height:2.75rem;width:100%}.itd-notifs-scroll{display:flex;flex:1;flex-direction:column;min-height:0;overflow-y:auto;padding:0 .9375rem .9375rem}.itd-notifs-scroll::-webkit-scrollbar{width:10px}.itd-notifs-scroll::-webkit-scrollbar-track{background:color-mix(in srgb,var(--itd-color-background-modal) 25%,#0000)}.itd-notifs-scroll::-webkit-scrollbar-thumb{background-color:var(--itd-color-background-alt-hover);border:2px solid var(--itd-color-background-modal);border-radius:20px}.itd-notifs-scroll::-webkit-scrollbar-thumb:hover:where(:root:not(.itd-touch) *){background-color:var(--itd-color-background-panel)}.itd-notif-item{background:var(--site-notif-box,var(--itd-color-background-alt));border-radius:var(--itd-radius-sm);cursor:pointer;flex:none;overflow:hidden;position:relative;transition:transform .18s ease,opacity .18s ease,height .22s ease .12s,margin-bottom .22s ease .12s}.itd-notif-item:not(:last-child){margin-bottom:.625rem}.itd-notif-item--entering{animation:itd-notif-in .55s ease both}.itd-notif-item--removing{height:0!important;margin-bottom:0!important;opacity:0;pointer-events:none;transform:scale(.95)}[data-itd-elevation=raised] .itd-notif-item{background:oklch(from var(--itd-background) 1 c h)}.itd-notif-date{color:color-mix(in srgb,var(--itd-color-text-neutral) 67%,#0000);font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-semibold);line-height:1;padding:.9375rem .9375rem .3125rem}.itd-notif-title{align-items:center;color:var(--itd-color-text);display:flex;font-size:var(--itd-text-default);font-weight:var(--itd-font-weight-bold);gap:.375rem;line-height:1;margin:0;padding:.625rem .9375rem 0}.itd-notif-body{color:var(--itd-color-text-neutral);font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-medium);line-height:1.2;padding:.9375rem}.itd-notif-body p{font:inherit;margin:0}.itd-notif-body p:not(:last-child){margin-bottom:.625rem}.itd-notif-body b{color:var(--itd-color-text);font-weight:var(--itd-font-weight-semibold)}.itd-notif-body img{border-radius:var(--itd-radius-md);display:block;margin:.3125rem 0 .625rem;max-width:12rem;width:55%}.itd-notif-foot{align-items:center;display:flex;gap:.625rem;height:2.5rem;justify-content:flex-end;padding:0 .3125rem}.itd-notif-delete:active{transform:scale(.9)}.itd-notif-dot{background:var(--site-notif-dot,#3357d6);border-radius:9999px;height:.5rem;position:absolute;right:.9375rem;top:.9375rem;width:.5rem}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-notif-dot{background:var(--site-notif-dot,oklch(.51 .2 267))}
+}.itd-notifs-note{color:var(--itd-color-text-muted);display:flex;font-size:var(--itd-text-sm);justify-content:center;padding:1rem;position:relative}.itd-notifs-note .itd-spin-spinner{position:static;transform:none}.itd-notifs-skels{align-items:flex-start;display:grid;gap:.625rem}.itd-notifs-footer{align-items:center;background:var(--itd-color-background-alt);display:grid;filter:drop-shadow(0 -4px 12px rgba(0,0,0,.25));filter:drop-shadow(0 -4px 12px oklch(0 0 0/.25));flex:none;gap:0;grid-template-columns:1fr auto;height:3.375rem;padding:0 .9375rem;z-index:2}[data-itd-elevation=raised] .itd-notifs-footer{background:oklch(from var(--itd-background) 1 c h)}.itd-notifs-unread{align-items:center;color:var(--itd-color-text-neutral);cursor:pointer;display:inline-flex;font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-bold);gap:.3125rem}.itd-notifs-markall,.itd-notifs-markall span{color:var(--itd-primary);font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-semibold)}.itd-notifs-markall svg{color:var(--itd-color-success)}.itd-notifs--mobile .itd-notifs-panel{transition-duration:.35s;width:100vw}@keyframes itd-notif-in{0%{margin-bottom:0;max-height:0;opacity:0;transform:translateX(110%)}45%{margin-bottom:.625rem;max-height:30rem;opacity:0;transform:translateX(110%)}to{margin-bottom:.625rem;max-height:60rem;opacity:1;transform:none}}}

package/dist/css/page.css

@@ -0,0 +1,5 @@
+@layer components{:root{--itd-page-chrome-layer:2147482000}.itd-page{display:flow-root;padding-inline:var(--itd-page-gutter,0);width:100%}.itd-page[data-itd-page-settling]{block-size:var(--itd-page-settling-height,24rem);overflow:clip;position:relative;visibility:hidden}.itd-page:not([data-itd-page-settling]){animation:itd-page-in .24s ease both}@keyframes itd-page-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.itd-page:not([data-itd-page-settling]){animation:none}}.itd-page-settling{color:var(--itd-color-text-muted);display:grid;inset:0;place-items:center;position:absolute;visibility:visible}.itd-page-block{display:contents}.itd-page[data-itd-page-mode=editor] .itd-page-block{border-radius:var(--itd-radius-md);display:block;position:relative;z-index:0}.itd-page[data-itd-page-mode=editor] .itd-page-block>:not(.itd-page-block-chrome){transition:opacity .14s ease}.itd-page[data-itd-page-mode=editor] .itd-page-block[data-itd-block-hovered]:not([data-itd-block-selected])>:not(.itd-page-block-chrome){opacity:.75}.itd-page[data-itd-page-mode=editor] .itd-page-block[data-itd-block-disabled]{opacity:.4}.itd-page[data-itd-page-mode=editor] .itd-page-block>*{pointer-events:none!important}.itd-page[data-itd-page-mode=editor] .itd-page-block:after{border:0 solid #0000;border-radius:calc(var(--itd-radius-md) + 4px);content:"";inset:-4px;opacity:0;pointer-events:none;position:absolute;transition:opacity .14s ease;z-index:var(--itd-page-chrome-layer)}.itd-page[data-itd-page-mode=editor] .itd-page-block:is([data-itd-block-hovered],[data-itd-block-selected]):after{opacity:1}.itd-page[data-itd-page-mode=editor] .itd-page-block[data-itd-block-hovered]:after{border:var(--itd-page-hover-ring,1px dotted var(--itd-primary))!important}.itd-page[data-itd-page-mode=editor] .itd-page-block[data-itd-block-selected]:after{border:var(--itd-page-select-ring,2px solid var(--itd-primary))!important}.itd-page[data-itd-page-mode=editor]:has(.itd-page-block[data-itd-block-hovered]:not([data-itd-block-selected])) .itd-page-block[data-itd-block-selected]:not([data-itd-block-hovered])>.itd-page-block-chrome{display:none}[data-itd-show-spacers] .itd-page[data-itd-page-mode=editor] .itd-page-block:is([data-itd-block-type=spacer],[data-itd-block-type=mobile-spacer]){background:repeating-linear-gradient(-45deg,#0000,#0000 6px,var(--itd-color-background-alt-hover) 6px,var(--itd-color-background-alt-hover) 12px);border-radius:0}.itd-page[data-itd-page-mode=editor] .itd-skeleton:after{content:none}.itd-page[data-itd-page-mode=editor] .itd-skeleton-pulse{animation:none}.itd-page[data-itd-page-mode=editor] .itd-casino-featured-box .itd-gamebox-item:not(:has(img)),.itd-page[data-itd-page-mode=editor] .itd-page-ref-pending:empty{background:color-mix(in srgb,var(--itd-foreground) 12%,#0000)}.itd-page[data-itd-page-mode=editor] .itd-page-block[data-itd-block-editing] :is(.itd-layout-boxes>*,.itd-casino-featured-box,.itd-banner,.itd-page-ref-pending,.itd-featured-games-lead),.itd-page[data-itd-page-mode=editor] .itd-page-block[data-itd-edit-tiles] .itd-featured-games-tiles>*{pointer-events:auto!important}.itd-page[data-itd-page-mode=editor] .itd-page-block[data-itd-block-editing] :is(.itd-layout-boxes>*,.itd-casino-featured-box,.itd-banner,.itd-featured-games-lead) *,.itd-page[data-itd-page-mode=editor] .itd-page-block[data-itd-edit-tiles] .itd-featured-games-tiles>* *{pointer-events:none!important}.itd-page[data-itd-page-mode=editor] .itd-page-block[data-itd-block-editing] [data-itd-edit-title]{border-radius:.25rem;cursor:text;outline:1px dashed #0000;outline-offset:.25rem;pointer-events:auto!important;user-select:text;-webkit-user-select:text}.itd-page[data-itd-page-mode=editor] .itd-page-block[data-itd-block-editing] [data-itd-edit-title]:hover:where(:root:not(.itd-touch) *):not([contenteditable]){outline-color:color-mix(in srgb,var(--itd-ring) 55%,#0000)}.itd-page[data-itd-page-mode=editor] .itd-page-block[data-itd-block-editing] [data-itd-edit-title][contenteditable]{caret-color:var(--itd-ring);outline:var(--itd-ring-width) solid var(--itd-ring);outline-offset:.25rem}.itd-page-block[data-itd-block-editing] .itd-gamebox:hover .itd-gamebox-item{outline:none;transform:none}.itd-page-block[data-itd-block-editing] .itd-gamebox :is(.itd-gamebox-play,.info-container,.itd-gamebox-demo,.itd-gamebox-live){opacity:0;transition:none}.itd-page-block[data-itd-block-editing] .itd-gamebox .info-container{transform:translate(-50%,var(--_pill-travel))}.itd-page-block[data-itd-block-editing] .itd-gamebox .itd-gamebox-demo{transform:translateX(var(--_demo-travel));visibility:hidden}.itd-page[data-itd-page-mode=editor] .itd-page-block[data-itd-block-editing]{outline:2px dashed var(--itd-primary);outline-offset:2px;user-select:none;-webkit-user-select:none;z-index:4}.itd-page[data-itd-page-mode=editor] .itd-page-block[data-itd-block-editing]:after{opacity:0!important}.itd-page[data-itd-page-mode=editor] .itd-page-block[data-itd-block-editing]>.itd-page-block-chrome{display:none!important}[data-itd-page-editing] .itd-page-block:not([data-itd-block-editing]){opacity:.45;transition:opacity .14s ease}body:has([data-itd-page-editing]) .itd-page-chrome{isolation:isolate;opacity:.45;position:relative;transition:opacity .14s ease;z-index:0}body:has(.itd-page[data-itd-page-settling]) .itd-page-chrome{visibility:hidden}body:has(.itd-page:not([data-itd-page-settling])) .itd-page-chrome{animation:itd-page-in .24s ease both}@media (prefers-reduced-motion:reduce){body:has(.itd-page:not([data-itd-page-settling])) .itd-page-chrome{animation:none}}[data-itd-edit-snap] .itd-page-block,[data-itd-edit-snap] .itd-page-block-chrome,[data-itd-edit-snap] .itd-page-block-tag,[data-itd-edit-snap] .itd-page-block:after,[data-itd-edit-snap] .itd-page-block>*{transition:none!important}.itd-page-block[data-itd-block-editing] :is(.itd-banner,.itd-page-ref-pending,.itd-featured-games-lead){cursor:pointer}[data-itd-tile-lifted]{cursor:grabbing!important;opacity:.92;position:relative;z-index:5}.itd-page-drop-hint{align-items:center;background:var(--itd-page-drop-hint-bg,#090b0fad);border:2px dashed var(--itd-primary);border-radius:var(--itd-radius-md);color:#f5f5f5;color:oklch(.97 0 0);display:flex;flex-direction:column;font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-medium);gap:calc(var(--itd-spacing)*1.5);justify-content:center;opacity:1;pointer-events:none;position:fixed;transition:opacity .14s ease,left .14s ease,top .14s ease,width .14s ease,height .14s ease;z-index:2147483000}
+
+@supports (color: oklab(0% 0 0%)){
+.itd-page-drop-hint{background:var(--itd-page-drop-hint-bg,oklch(.15 .01 260/.68))}
+}@starting-style{.itd-page-drop-hint{opacity:0}}.itd-page-drop-hint svg{height:1.75rem;width:1.75rem}.itd-page-item-upload{background:color-mix(in srgb,var(--itd-background) 45%,#0000);border-radius:var(--itd-radius-md);overflow:hidden;pointer-events:none;position:fixed;z-index:2147483000}.itd-page-item-upload:after{animation:itd-item-upload-fill .8s linear forwards;background:color-mix(in srgb,var(--itd-primary) 35%,#0000);content:"";inset:0;position:absolute;transform:scaleX(0);transform-origin:left center}@keyframes itd-item-upload-fill{to{transform:scaleX(1)}}.itd-page[data-itd-page-mode=editor] .itd-page-block[data-itd-block-selected]{z-index:1}.itd-page[data-itd-page-mode=editor] .itd-page-block[data-itd-block-hovered]{z-index:2}.itd-page-block-chrome{--itd-page-chrome-inset:calc(var(--itd-spacing)*3);align-items:center;display:none;gap:calc(var(--itd-spacing)*2);inset-block-start:-3px;inset-inline-start:0;justify-content:space-between;pointer-events:none;position:absolute;translate:0 -50%;z-index:calc(var(--itd-page-chrome-layer) + 1)}.itd-page-block-tag{margin-inline-start:var(--itd-page-chrome-inset)}.itd-page-block-tools{margin-inline-end:var(--itd-page-chrome-inset)}.itd-page[data-itd-page-mode=editor] .itd-page-block:is([data-itd-block-hovered],[data-itd-block-selected])>.itd-page-block-chrome{display:flex}.itd-page-block-chrome{opacity:0;transition:opacity .14s ease,display allow-discrete .14s}.itd-page[data-itd-page-mode=editor] .itd-page-block:is([data-itd-block-hovered],[data-itd-block-selected])>.itd-page-block-chrome{opacity:1}@starting-style{.itd-page[data-itd-page-mode=editor] .itd-page-block:is([data-itd-block-hovered],[data-itd-block-selected])>.itd-page-block-chrome{opacity:0}}.itd-page-block-tag{transition:translate .16s cubic-bezier(.2,.9,.3,1)}.itd-page-block[data-itd-block-hovered]>.itd-page-block-chrome>.itd-page-block-tag,.itd-page-block[data-itd-block-selected]>.itd-page-block-chrome>.itd-page-block-tag{translate:0}@starting-style{.itd-page-block[data-itd-block-hovered]>.itd-page-block-chrome>.itd-page-block-tag,.itd-page-block[data-itd-block-selected]>.itd-page-block-chrome>.itd-page-block-tag{translate:-100% 0}}.itd-page-block-chrome{--itd-page-chrome-zoom:max(0.45,var(--itd-page-zoom,1));container-name:itd-page-block-chrome;container-type:inline-size;scale:calc(1/var(--itd-page-chrome-zoom));transform-origin:left center;width:calc(100%*var(--itd-page-chrome-zoom))}.itd-page-block-tag,.itd-page-block-tools>button{font-size:var(--itd-text-xs);line-height:1;pointer-events:auto!important}.itd-page-block-tag{background-color:var(--itd-primary);color:var(--itd-primary-foreground);padding:calc(var(--itd-spacing)*1.25) calc(var(--itd-spacing)*3)}.itd-page-block-sample,.itd-page-block-tag{border-radius:9999px;font-weight:var(--itd-font-weight-medium);white-space:nowrap}.itd-page-block-sample{background-color:color-mix(in srgb,var(--itd-primary) 18%,#0000);color:var(--itd-primary);font-size:var(--itd-text-xs);line-height:1;margin-inline-start:calc(var(--itd-spacing)*1);padding:calc(var(--itd-spacing)*1) calc(var(--itd-spacing)*2);pointer-events:auto!important}.itd-page-block-tools{display:flex;gap:calc(var(--itd-spacing)*1)}.itd-page-block-tools>.itd-button{border-radius:9999px}.itd-page-block-tools>.itd-page-block-remove{--itd-primary:var(--itd-color-error);--itd-primary-hover:color-mix(in oklab,var(--itd-color-error) 82%,var(--itd-color-text));--itd-primary-foreground:var(--itd-color-error-text)}}@layer utilities{@container itd-page-block-chrome (width < 720px){.itd-page-block-tools>.itd-button{height:1.625rem;width:1.625rem}.itd-page-block-tools>.itd-button svg:not(.itd-spinner){height:var(--itd-size-sm-icon);width:var(--itd-size-sm-icon)}}@container itd-page-block-chrome (width < 300px){.itd-page-block-tools{gap:calc(var(--itd-spacing)*.5)}.itd-page-block-tools>.itd-button{height:1.125rem;width:1.125rem}.itd-page-block-tools>.itd-button svg:not(.itd-spinner){height:calc(var(--itd-spacing)*2.5);width:calc(var(--itd-spacing)*2.5)}.itd-page-block-tag{font-size:calc(var(--itd-spacing)*2.5);padding:calc(var(--itd-spacing)*.5) calc(var(--itd-spacing)*1.5)}.itd-page-block-tag,.itd-page-block-tools{--itd-page-chrome-inset:calc(var(--itd-spacing)*1.5)}}}@layer components{.itd-page[data-itd-page-mode=editor] .itd-page-block[data-itd-block-lifted]{opacity:.92;z-index:2147482600}.itd-page-block[data-itd-block-lifted]>.itd-page-block-chrome{display:none!important}.itd-page[data-itd-page-mode=editor] .itd-page-block[data-itd-block-lifted]:after{border:var(--itd-page-select-ring,2px solid var(--itd-primary))!important;opacity:1}.itd-page-insert-preview{animation:itd-page-insert-in .16s ease;overflow:hidden;pointer-events:none;position:fixed;transition:top .18s cubic-bezier(.2,.9,.3,1),left .18s ease;z-index:calc(var(--itd-page-chrome-layer) + 1)}.itd-page-insert-preview[data-landing=true]{opacity:0;transition:opacity .2s ease}.itd-page-insert-preview .itd-block-preview:not(.itd-block-preview-spacer){background:#0000}@keyframes itd-page-insert-in{0%{opacity:0;translate:0 6px}}.itd-page-drop-line{border-top:2px solid var(--itd-primary)!important;height:0;pointer-events:none;position:fixed;z-index:2147483000}.itd-page-chrome{pointer-events:none}.itd-page-note{align-items:center;background-color:var(--itd-color-background-alt);border-radius:var(--itd-radius-md);color:var(--itd-color-text-muted);display:flex;font-size:var(--itd-text-xs);gap:calc(var(--itd-spacing)*2);margin-bottom:calc(var(--itd-spacing)*3);padding:calc(var(--itd-spacing)*3) calc(var(--itd-spacing)*4)}.itd-page-ref-pending{border-radius:var(--itd-radius-md);min-height:calc(var(--itd-spacing)*20);overflow:hidden;width:100%}.itd-page-ref-pending>*{height:100%;width:100%}.itd-page-unknown{align-items:center;border:1px dashed var(--itd-color-border);border-radius:var(--itd-radius-md);color:var(--itd-color-text-muted);display:flex;font-family:var(--itd-font-mono,monospace);font-size:var(--itd-text-xs);justify-content:center;min-height:calc(var(--itd-spacing)*20)}}

package/dist/css/popover.css

@@ -1,10 +1 @@
-@layer components {
-  .itd-popover-content {
-    border-radius: var(--itd-border-radius);
-    background: var(--itd-popover);
-    color: var(--itd-color-text);
-    box-shadow: var(--itd-floating-shadow);
-    border: 1px solid var(--itd-color-border);
-    min-width: 150px;
-  }
-}
+@layer components{.itd-popover-content{min-width:150px;padding:calc(var(--itd-spacing)*4)}}

package/dist/css/post-viewer.css

@@ -0,0 +1 @@
+@layer components{.itd-post-viewer{color:var(--itd-color-text-neutral);font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-medium);line-height:1.125rem;padding:var(--itd-post-viewer-padding,0)}.itd-post-viewer b,.itd-post-viewer strong{color:var(--itd-primary)}.itd-post-viewer b{font-weight:var(--itd-font-weight-bold)}.itd-post-viewer i{font-style:italic}.itd-post-viewer a{color:var(--itd-primary)}.itd-post-viewer a:hover:where(:root:not(.itd-touch) *){text-decoration:underline}.itd-post-viewer p{color:var(--itd-color-text-neutral);margin:1.25rem 0}.itd-post-viewer h1,.itd-post-viewer h2,.itd-post-viewer h3,.itd-post-viewer h4,.itd-post-viewer h5,.itd-post-viewer h6{color:var(--itd-primary);margin-bottom:.3125rem;margin-top:2rem}.itd-post-viewer h1{font-size:calc(var(--itd-text-default)*2);font-weight:var(--itd-font-weight-bold);line-height:2rem}.itd-mobile .itd-post-viewer h1{font-size:var(--itd-text-26);line-height:2rem}.itd-post-viewer h2{font-size:var(--itd-text-28);font-weight:var(--itd-font-weight-semibold);line-height:2rem}.itd-post-viewer h3{font-size:var(--itd-text-2xl);font-weight:var(--itd-font-weight-bold);line-height:1.75rem}.itd-post-viewer h4{font-size:var(--itd-text-xl);font-weight:var(--itd-font-weight-bold);line-height:1.5rem}.itd-post-viewer h5{font-size:var(--itd-text-lg);font-weight:var(--itd-font-weight-bold);line-height:1.25rem}.itd-post-viewer h6{font-size:var(--itd-text-default);font-weight:var(--itd-font-weight-bold);line-height:1.125rem}.itd-post-viewer>:first-child{margin-top:0}.itd-post-viewer>:last-child{margin-bottom:0}.itd-post-viewer ol,.itd-post-viewer ul{background-color:var(--itd-post-list-bg,#0000);border-radius:var(--itd-radius-sm);margin:0;padding-left:0}.itd-post-viewer ul{list-style-type:circle;margin-bottom:2rem}.itd-post-viewer ol{list-style:decimal}.itd-post-viewer li{color:var(--itd-color-text-neutral);margin:.625rem 0 .625rem 1.25rem;padding:.3125rem 0}.itd-post-table-wrap{overflow-x:auto}.itd-post-viewer table{border-collapse:initial;border-spacing:0;color:var(--itd-color-text-neutral);font-size:var(--itd-text-sm);min-width:21.875rem;table-layout:fixed;text-align:left;width:100%}.itd-post-viewer th{background-color:var(--itd-primary);border-right:1px solid var(--itd-primary);border-top:1px solid var(--itd-primary);padding:.625rem .9375rem;text-align:left}.itd-post-viewer th,.itd-post-viewer th b{color:var(--itd-primary-foreground)}.itd-post-viewer tr:nth-child(2n){background-color:color-mix(in srgb,var(--itd-color-background-alt-hover) 13%,#0000)}.itd-post-viewer td{border-bottom:1px solid color-mix(in srgb,var(--itd-color-border-hover) 50%,#0000);border-right:1px solid color-mix(in srgb,var(--itd-color-border-hover) 50%,#0000);padding:.3125rem .9375rem}.itd-post-viewer td,.itd-post-viewer th{word-break:break-word}.itd-post-viewer tr th:first-child{border-left:1px solid var(--itd-primary)}.itd-post-viewer tr td:first-child{border-left:1px solid color-mix(in srgb,var(--itd-color-border-hover) 50%,#0000)}.itd-post-viewer thead tr:first-child th:first-child{border-top-left-radius:.375rem}.itd-post-viewer thead tr:first-child th:last-child{border-top-right-radius:.375rem}.itd-post-viewer tbody tr:last-child td:first-child{border-bottom-left-radius:.375rem}.itd-post-viewer tbody tr:last-child td:last-child{border-bottom-right-radius:.375rem}.itd-post-divider{border:0;border-top:1px solid var(--itd-color-border);margin:1.25rem 0}.itd-post-spacer{height:1.25rem}.itd-post-image{align-items:center;display:flex;justify-content:center}.itd-post-image img{max-width:100%}}

package/dist/css/progress.css

@@ -0,0 +1 @@
+@layer components{.itd-progress{--itd-progress-fill:var(--itd-primary);--itd-progress-track:color-mix(in srgb,var(--itd-foreground) 14%,#0000);position:relative;width:100%}.itd-progress[data-status=success]{--itd-progress-fill:var(--itd-color-progress-success-fill)}.itd-progress[data-status=exception]{--itd-progress-fill:var(--itd-color-error)}.itd-progress[data-status=warning]{--itd-progress-fill:var(--itd-color-alert-warning-title)}.itd-progress .itd-progress-outer{align-items:center;display:flex;flex-direction:row;gap:10px;list-style:none;margin:0;min-height:20px;padding:0;width:100%}.itd-progress .itd-progress-status{align-items:center;color:var(--itd-progress-fill);display:flex}.itd-progress .itd-progress-status .itd-progress-status-text{color:var(--itd-color-text)}.itd-progress .itd-progress-inner{background:var(--itd-progress-track);border-radius:var(--itd-radius-sm);display:inline-block;flex:1;overflow:hidden;position:relative;vertical-align:middle;width:100%}.itd-progress .itd-progress-inner .itd-progress-bg{background:var(--itd-progress-fill);height:8px;transition:width .25s ease-out}}

package/dist/css/promotions-grid.css

@@ -0,0 +1,7 @@
+@layer components{.itd-promo-grid{display:grid;gap:var(--itd-promo-gap,calc(var(--itd-spacing)*5));grid-template-columns:repeat(auto-fill,minmax(var(--itd-promo-card-w,18.75rem),1fr));width:100%}.itd-promo-card{align-items:start;background:none;border:0;cursor:pointer;display:grid;font-family:inherit;padding:0;text-align:left;text-decoration:none}.itd-promo-media{border-radius:var(--itd-radius-md);overflow:hidden;position:relative;transition:transform .25s ease-out}.itd-promo-media img{display:block;width:100%}.itd-promo-card:hover:where(:root:not(.itd-touch) *) .itd-promo-media{transform:scale(1.025) rotate(var(--itd-promo-deg,0deg));z-index:1}.itd-promo-card:hover:where(:root:not(.itd-touch) *) .itd-promo-caption{opacity:.5}.itd-promo-card:focus-visible .itd-promo-media{outline:var(--itd-ring-width) solid var(--itd-color-border-focus-ring);outline-offset:.125rem}.itd-promo-caption{background:var(
+      --itd-promo-caption-bg,color-mix(in srgb,var(--itd-color-background-alt-hover) 31%,#0000)
+    );border-radius:var(--itd-radius-sm);height:2.125rem;margin:calc(var(--itd-spacing)*2) 0 0;padding:0 calc(var(--itd-spacing)*2.5);position:relative;transition:opacity .25s ease-out}[data-theme=light] .itd-promo-caption{background:var(
+      --itd-promo-caption-bg,color-mix(in srgb,oklch(from var(--itd-background) .93 c h) 75%,#0000)
+    )}[data-itd-elevation=raised] .itd-promo-caption{background:var(
+      --itd-promo-caption-bg,color-mix(in srgb,oklch(from var(--itd-background) 1 c h) 75%,#0000)
+    )}.itd-promo-caption span{color:var(--itd-color-text);display:inline-block;font-size:var(--itd-text-xs);font-weight:var(--itd-font-weight-semibold);line-height:2.125rem;overflow:hidden;position:absolute;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - var(--itd-spacing)*5)}.itd-promo-empty{color:var(--itd-color-text-muted);font-size:var(--itd-text-sm);padding:calc(var(--itd-spacing)*10) 0;text-align:center}.itd-promo-card[data-skeleton=true]{cursor:default}.itd-promo-card[data-skeleton=true] .itd-promo-media{aspect-ratio:var(--itd-promo-ratio,300/170)}.itd-promo-card[data-skeleton=true] .itd-promo-media>*{height:100%;width:100%}}