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

package/dist/css/properties.css

@@ -1,299 +1,5 @@
-@layer properties {
+@layer properties{@property --itd-content{syntax:"*";inherits:false;initial-value:""}@property --itd-border-style{syntax:"*";inherits:false;initial-value:solid}@property --itd-font-weight{syntax:"*";inherits:false;initial-value:normal}@property --itd-translate-x{syntax:"*";inherits:false;initial-value:0}@property --itd-translate-y{syntax:"*";inherits:false;initial-value:0}@property --itd-translate-z{syntax:"*";inherits:false;initial-value:0}@property --itd-scale-x{syntax:"*";inherits:false;initial-value:1}@property --itd-scale-y{syntax:"*";inherits:false;initial-value:1}@property --itd-scale-z{syntax:"*";inherits:false;initial-value:1}@property --itd-rotate-x{syntax:"*";inherits:false;initial-value:0}@property --itd-rotate-y{syntax:"*";inherits:false;initial-value:0}@property --itd-rotate-z{syntax:"*";inherits:false;initial-value:0}@property --itd-skew-x{syntax:"*";inherits:false;initial-value:0}@property --itd-skew-y{syntax:"*";inherits:false;initial-value:0}@property --itd-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --itd-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --itd-gradient-position{syntax:"*";inherits:false;initial-value:0}@property --itd-gradient-from{syntax:"*";inherits:false;initial-value:#0000;initial-value:oklch(0 0 0/0)}@property --itd-gradient-via{syntax:"*";inherits:false;initial-value:#0000;initial-value:oklch(0 0 0/0)}@property --itd-gradient-to{syntax:"*";inherits:false;initial-value:#0000;initial-value:oklch(0 0 0/0)}@property --itd-gradient-stops{syntax:"*";inherits:false;initial-value:""}@property --itd-gradient-via-stops{syntax:"*";inherits:false;initial-value:""}@property --itd-gradient-from-position{syntax:"*";inherits:false;initial-value:0}@property --itd-gradient-via-position{syntax:"*";inherits:false;initial-value:50%}@property --itd-gradient-to-position{syntax:"*";inherits:false;initial-value:100%}@property --itd-leading{syntax:"*";inherits:false;initial-value:normal}@property --itd-tracking{syntax:"*";inherits:false;initial-value:0}@property --itd-ordinal{syntax:"*";inherits:false;initial-value:normal}@property --itd-slashed-zero{syntax:"*";inherits:false;initial-value:normal}@property --itd-numeric-figure{syntax:"*";inherits:false;initial-value:normal}@property --itd-numeric-spacing{syntax:"*";inherits:false;initial-value:normal}@property --itd-numeric-fraction{syntax:"*";inherits:false;initial-value:normal}@property --itd-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;initial-value:0 0 oklch(0 0 0/0)}@property --itd-shadow-color{syntax:"*";inherits:false;initial-value:#0000}@property --itd-shadow-alpha{syntax:"*";inherits:false;initial-value:100%}@property --itd-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;initial-value:0 0 oklch(0 0 0/0)}@property --itd-inset-shadow-color{syntax:"*";inherits:false;initial-value:#0000}@property --itd-inset-shadow-alpha{syntax:"*";inherits:false;initial-value:100%}@property --itd-ring-color{syntax:"*";inherits:false;initial-value:#0000}@property --itd-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;initial-value:0 0 oklch(0 0 0/0)}@property --itd-inset-ring-color{syntax:"*";inherits:false;initial-value:#0000}@property --itd-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;initial-value:0 0 oklch(0 0 0/0)}@property --itd-ring-inset{syntax:"*";inherits:false;initial-value:none}@property --itd-ring-offset-width{syntax:"*";inherits:false;initial-value:0}@property --itd-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff;initial-value:oklch(1 0 0)}@property --itd-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000;initial-value:0 0 oklch(0 0 0/0)}@property --itd-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --itd-blur{syntax:"*";inherits:false;initial-value:none}@property --itd-brightness{syntax:"*";inherits:false;initial-value:1}@property --itd-contrast{syntax:"*";inherits:false;initial-value:1}@property --itd-grayscale{syntax:"*";inherits:false;initial-value:0}@property --itd-hue-rotate{syntax:"*";inherits:false;initial-value:0deg}@property --itd-invert{syntax:"*";inherits:false;initial-value:0}@property --itd-opacity{syntax:"*";inherits:false;initial-value:1}@property --itd-saturate{syntax:"*";inherits:false;initial-value:1}@property --itd-sepia{syntax:"*";inherits:false;initial-value:0}@property --itd-drop-shadow{syntax:"*";inherits:false;initial-value:none}@property --itd-drop-shadow-color{syntax:"*";inherits:false;initial-value:#0000}@property --itd-drop-shadow-alpha{syntax:"*";inherits:false;initial-value:100%}@property --itd-drop-shadow-size{syntax:"*";inherits:false;initial-value:0}@property --itd-backdrop-blur{syntax:"*";inherits:false;initial-value:none}@property --itd-backdrop-brightness{syntax:"*";inherits:false;initial-value:1}@property --itd-backdrop-contrast{syntax:"*";inherits:false;initial-value:1}@property --itd-backdrop-grayscale{syntax:"*";inherits:false;initial-value:0}@property --itd-backdrop-hue-rotate{syntax:"*";inherits:false;initial-value:0deg}@property --itd-backdrop-invert{syntax:"*";inherits:false;initial-value:0}@property --itd-backdrop-opacity{syntax:"*";inherits:false;initial-value:1}@property --itd-backdrop-saturate{syntax:"*";inherits:false;initial-value:1}@property --itd-backdrop-sepia{syntax:"*";inherits:false;initial-value:0}@property --itd-duration{syntax:"*";inherits:false;initial-value:0s}@property --itd-ease{syntax:"*";inherits:false;initial-value:ease}@property --itd-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --itd-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --itd-animation-duration{syntax:"*";inherits:false;initial-value:0s}@property --itd-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --itd-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --itd-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --itd-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --itd-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --itd-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --itd-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --itd-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --itd-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --itd-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --itd-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --itd-exit-translate-y{syntax:"*";inherits:false;initial-value:0}@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--itd-content:"";--itd-border-style:solid;--itd-font-weight:initial;--itd-translate-x:0;--itd-translate-y:0;--itd-translate-z:0;--itd-scale-x:1;--itd-scale-y:1;--itd-scale-z:1;--itd-rotate-x:initial;--itd-rotate-y:initial;--itd-rotate-z:initial;--itd-skew-x:initial;--itd-skew-y:initial;--itd-space-y-reverse:0;--itd-space-x-reverse:0;--itd-gradient-position:initial;--itd-gradient-from:#0000;--itd-gradient-via:#0000;--itd-gradient-to:#0000;--itd-gradient-stops:initial;--itd-gradient-via-stops:initial;--itd-gradient-from-position:0%;--itd-gradient-via-position:50%;--itd-gradient-to-position:100%;--itd-leading:initial;--itd-tracking:initial;--itd-ordinal:initial;--itd-slashed-zero:initial;--itd-numeric-figure:initial;--itd-numeric-spacing:initial;--itd-numeric-fraction:initial;--itd-shadow:0 0 #0000;--itd-shadow-color:initial;--itd-shadow-alpha:100%;--itd-inset-shadow:0 0 #0000;--itd-inset-shadow-color:initial;--itd-inset-shadow-alpha:100%;--itd-ring-color:initial;--itd-ring-shadow:0 0 #0000;--itd-inset-ring-color:initial;--itd-inset-ring-shadow:0 0 #0000;--itd-ring-inset:initial;--itd-ring-offset-width:0px;--itd-ring-offset-color:#fff;--itd-ring-offset-shadow:0 0 #0000;--itd-outline-style:solid;--itd-blur:initial;--itd-brightness:initial;--itd-contrast:initial;--itd-grayscale:initial;--itd-hue-rotate:initial;--itd-invert:initial;--itd-opacity:initial;--itd-saturate:initial;--itd-sepia:initial;--itd-drop-shadow:initial;--itd-drop-shadow-color:initial;--itd-drop-shadow-alpha:100%;--itd-drop-shadow-size:initial;--itd-backdrop-blur:initial;--itd-backdrop-brightness:initial;--itd-backdrop-contrast:initial;--itd-backdrop-grayscale:initial;--itd-backdrop-hue-rotate:initial;--itd-backdrop-invert:initial;--itd-backdrop-opacity:initial;--itd-backdrop-saturate:initial;--itd-backdrop-sepia:initial;--itd-duration:initial;--itd-ease:initial;--itd-animation-delay:0s;--itd-animation-direction:normal;--itd-animation-duration:initial;--itd-animation-fill-mode:none;--itd-animation-iteration-count:1;--itd-enter-opacity:1;--itd-enter-rotate:0;--itd-enter-scale:1;--itd-enter-translate-x:0;--itd-enter-translate-y:0;--itd-exit-opacity:1;--itd-exit-rotate:0;--itd-exit-scale:1;--itd-exit-translate-x:0;--itd-exit-translate-y:0}
 
-  @property --itd-content {
-    syntax: "*"; inherits: false; initial-value: "";
-  }
-  @property --itd-border-style {
-    syntax: "*"; inherits: false; initial-value: solid;
-  }
-
-  /* initial -> normal (≈400) */
-  @property --itd-font-weight {
-    syntax: "*"; inherits: false; initial-value: normal;
-  }
-
-  @property --itd-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
-  @property --itd-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
-  @property --itd-translate-z { syntax: "*"; inherits: false; initial-value: 0; }
-
-  @property --itd-scale-x { syntax: "*"; inherits: false; initial-value: 1; }
-  @property --itd-scale-y { syntax: "*"; inherits: false; initial-value: 1; }
-  @property --itd-scale-z { syntax: "*"; inherits: false; initial-value: 1; }
-
-  @property --itd-rotate-x {
-    syntax: "*"; inherits: false; initial-value: 0;
-  }
-  @property --itd-rotate-y {
-    syntax: "*"; inherits: false; initial-value: 0;
-  }
-  @property --itd-rotate-z {
-    syntax: "*"; inherits: false; initial-value: 0;
-  }
-
-  @property --itd-skew-x {
-    syntax: "*"; inherits: false; initial-value: 0;
-  }
-  @property --itd-skew-y {
-    syntax: "*"; inherits: false; initial-value: 0;
-  }
-
-  @property --itd-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; }
-  @property --itd-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; }
-
-  @property --itd-gradient-position {
-    syntax: "*"; inherits: false; initial-value: 0%;
-  }
-  @property --itd-gradient-from { syntax: "*"; inherits: false; initial-value: #0000; }
-  @property --itd-gradient-via {  syntax: "*"; inherits: false; initial-value: #0000; }
-  @property --itd-gradient-to {   syntax: "*"; inherits: false; initial-value: #0000; }
-
-  @property --itd-gradient-stops {
-    syntax: "*"; inherits: false; initial-value: "";
-  }
-  @property --itd-gradient-via-stops {
-    syntax: "*"; inherits: false; initial-value: "";
-  }
-
-  @property --itd-gradient-from-position { syntax: "*"; inherits: false; initial-value: 0%; }
-  @property --itd-gradient-via-position  { syntax: "*"; inherits: false; initial-value: 50%; }
-  @property --itd-gradient-to-position   { syntax: "*"; inherits: false; initial-value: 100%; }
-
-  @property --itd-leading {
-    syntax: "*"; inherits: false; initial-value: normal;
-  }
-  @property --itd-tracking {  
-    syntax: "*"; inherits: false; initial-value: 0;
-  }
-
-  @property --itd-ordinal {
-    syntax: "*"; inherits: false; initial-value: normal;
-  }
-  @property --itd-slashed-zero {
-    syntax: "*"; inherits: false; initial-value: normal;
-  }
-  @property --itd-numeric-figure {
-    syntax: "*"; inherits: false; initial-value: normal;
-  }
-  @property --itd-numeric-spacing {
-    syntax: "*"; inherits: false; initial-value: normal;
-  }
-  @property --itd-numeric-fraction {
-    syntax: "*"; inherits: false; initial-value: normal;
-  }
-
-  @property --itd-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
-  @property --itd-shadow-color {
-    syntax: "*"; inherits: false; initial-value: transparent;
-  }
-  @property --itd-shadow-alpha { syntax: "*"; inherits: false; initial-value: 100%; }
-
-  @property --itd-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
-  @property --itd-inset-shadow-color {
-    syntax: "*"; inherits: false; initial-value: transparent;
-  }
-  @property --itd-inset-shadow-alpha { syntax: "*"; inherits: false; initial-value: 100%; }
-
-  @property --itd-ring-color {
-    syntax: "*"; inherits: false; initial-value: transparent;
-  }
-  @property --itd-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
-  @property --itd-inset-ring-color {
-    syntax: "*"; inherits: false; initial-value: transparent;
-  }
-  @property --itd-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
-  @property --itd-ring-inset {
-    syntax: "*"; inherits: false; initial-value: none;
-  }
-  @property --itd-ring-offset-width { syntax: "*"; inherits: false; initial-value: 0px; }
-  @property --itd-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
-  @property --itd-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
-
-  @property --itd-outline-style { syntax: "*"; inherits: false; initial-value: solid; }
-
-  @property --itd-blur {
-    syntax: "*"; inherits: false; initial-value: none;
-  }
-  @property --itd-brightness {
-    syntax: "*"; inherits: false; initial-value: 1;
-  }
-  @property --itd-contrast {
-    syntax: "*"; inherits: false; initial-value: 1;
-  }
-  @property --itd-grayscale {
-    syntax: "*"; inherits: false; initial-value: 0;
-  }
-  @property --itd-hue-rotate {
-    syntax: "*"; inherits: false; initial-value: 0deg;
-  }
-  @property --itd-invert {
-    syntax: "*"; inherits: false; initial-value: 0;
-  }
-  @property --itd-opacity {
-    syntax: "*"; inherits: false; initial-value: 1;
-  }
-  @property --itd-saturate {
-    syntax: "*"; inherits: false; initial-value: 1;
-  }
-  @property --itd-sepia {
-    syntax: "*"; inherits: false; initial-value: 0;
-  }
-
-  @property --itd-drop-shadow {
-    syntax: "*"; inherits: false; initial-value: none;
-  }
-  @property --itd-drop-shadow-color {
-    syntax: "*"; inherits: false; initial-value: transparent;
-  }
-  @property --itd-drop-shadow-alpha { syntax: "*"; inherits: false; initial-value: 100%; }
-  @property --itd-drop-shadow-size {
-    syntax: "*"; inherits: false; initial-value: 0;
-  }
-
-  @property --itd-backdrop-blur {
-    syntax: "*"; inherits: false; initial-value: none;
-  }
-  @property --itd-backdrop-brightness {
-    syntax: "*"; inherits: false; initial-value: 1;
-  }
-  @property --itd-backdrop-contrast {
-    syntax: "*"; inherits: false; initial-value: 1;
-  }
-  @property --itd-backdrop-grayscale {
-    syntax: "*"; inherits: false; initial-value: 0;
-  }
-  @property --itd-backdrop-hue-rotate {
-    syntax: "*"; inherits: false; initial-value: 0deg;
-  }
-  @property --itd-backdrop-invert {
-    syntax: "*"; inherits: false; initial-value: 0;
-  }
-  @property --itd-backdrop-opacity {
-    syntax: "*"; inherits: false; initial-value: 1;
-  }
-  @property --itd-backdrop-saturate {
-    syntax: "*"; inherits: false; initial-value: 1;
-  }
-  @property --itd-backdrop-sepia {
-    syntax: "*"; inherits: false; initial-value: 0;
-  }
-
-  @property --itd-duration { syntax: "*"; inherits: false; initial-value: 0s; }
-  @property --itd-ease {     syntax: "*"; inherits: false; initial-value: ease; }
-
-  @property --itd-animation-delay { syntax: "*"; inherits: false; initial-value: 0s; }
-  @property --itd-animation-direction { syntax: "*"; inherits: false; initial-value: normal; }
-  @property --itd-animation-duration {
-    syntax: "*"; inherits: false; initial-value: 0s;
-  }
-  @property --itd-animation-fill-mode {
-    syntax: "*"; inherits: false; initial-value: none;
-  }
-  @property --itd-animation-iteration-count { syntax: "*"; inherits: false; initial-value: 1; }
-
-  @property --itd-enter-opacity { syntax: "*"; inherits: false; initial-value: 1; }
-  @property --itd-enter-rotate {  syntax: "*"; inherits: false; initial-value: 0; }
-  @property --itd-enter-scale {   syntax: "*"; inherits: false; initial-value: 1; }
-  @property --itd-enter-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
-  @property --itd-enter-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
-
-  @property --itd-exit-opacity { syntax: "*"; inherits: false; initial-value: 1; }
-  @property --itd-exit-rotate {  syntax: "*"; inherits: false; initial-value: 0; }
-  @property --itd-exit-scale {   syntax: "*"; inherits: false; initial-value: 1; }
-  @property --itd-exit-translate-x { syntax: "*"; inherits: false; initial-value: 0; }
-  @property --itd-exit-translate-y { syntax: "*"; inherits: false; initial-value: 0; }
-
-  @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 {
-      --itd-content:"";
-      --itd-border-style: solid;
-      --itd-font-weight: initial;
-      --itd-translate-x: 0;
-      --itd-translate-y: 0;
-      --itd-translate-z: 0;
-      --itd-scale-x: 1;
-      --itd-scale-y: 1;
-      --itd-scale-z: 1;
-      --itd-rotate-x: initial;
-      --itd-rotate-y: initial;
-      --itd-rotate-z: initial;
-      --itd-skew-x: initial;
-      --itd-skew-y: initial;
-      --itd-space-y-reverse: 0;
-      --itd-space-x-reverse: 0;
-      --itd-gradient-position: initial;
-      --itd-gradient-from: #0000;
-      --itd-gradient-via: #0000;
-      --itd-gradient-to: #0000;
-      --itd-gradient-stops: initial;
-      --itd-gradient-via-stops: initial;
-      --itd-gradient-from-position: 0%;
-      --itd-gradient-via-position: 50%;
-      --itd-gradient-to-position: 100%;
-      --itd-leading: initial;
-      --itd-tracking: initial;
-      --itd-ordinal: initial;
-      --itd-slashed-zero: initial;
-      --itd-numeric-figure: initial;
-      --itd-numeric-spacing: initial;
-      --itd-numeric-fraction: initial;
-      --itd-shadow: 0 0 #0000;
-      --itd-shadow-color: initial;
-      --itd-shadow-alpha: 100%;
-      --itd-inset-shadow: 0 0 #0000;
-      --itd-inset-shadow-color: initial;
-      --itd-inset-shadow-alpha: 100%;
-      --itd-ring-color: initial;
-      --itd-ring-shadow: 0 0 #0000;
-      --itd-inset-ring-color: initial;
-      --itd-inset-ring-shadow: 0 0 #0000;
-      --itd-ring-inset: initial;
-      --itd-ring-offset-width: 0px;
-      --itd-ring-offset-color: #fff;
-      --itd-ring-offset-shadow: 0 0 #0000;
-      --itd-outline-style: solid;
-      --itd-blur: initial;
-      --itd-brightness: initial;
-      --itd-contrast: initial;
-      --itd-grayscale: initial;
-      --itd-hue-rotate: initial;
-      --itd-invert: initial;
-      --itd-opacity: initial;
-      --itd-saturate: initial;
-      --itd-sepia: initial;
-      --itd-drop-shadow: initial;
-      --itd-drop-shadow-color: initial;
-      --itd-drop-shadow-alpha: 100%;
-      --itd-drop-shadow-size: initial;
-      --itd-backdrop-blur: initial;
-      --itd-backdrop-brightness: initial;
-      --itd-backdrop-contrast: initial;
-      --itd-backdrop-grayscale: initial;
-      --itd-backdrop-hue-rotate: initial;
-      --itd-backdrop-invert: initial;
-      --itd-backdrop-opacity: initial;
-      --itd-backdrop-saturate: initial;
-      --itd-backdrop-sepia: initial;
-      --itd-duration: initial;
-      --itd-ease: initial;
-      --itd-animation-delay: 0s;
-      --itd-animation-direction: normal;
-      --itd-animation-duration: initial;
-      --itd-animation-fill-mode: none;
-      --itd-animation-iteration-count: 1;
-      --itd-enter-opacity: 1;
-      --itd-enter-rotate: 0;
-      --itd-enter-scale: 1;
-      --itd-enter-translate-x: 0;
-      --itd-enter-translate-y: 0;
-      --itd-exit-opacity: 1;
-      --itd-exit-rotate: 0;
-      --itd-exit-scale: 1;
-      --itd-exit-translate-x: 0;
-      --itd-exit-translate-y: 0;
-    }
-  }
-}
+@supports (color: oklab(0% 0 0%)){
+*,::backdrop,:after,:before{--itd-gradient-from:oklch(0 0 0/0);--itd-gradient-via:oklch(0 0 0/0);--itd-gradient-to:oklch(0 0 0/0);--itd-shadow:0 0 oklch(0 0 0/0);--itd-inset-shadow:0 0 oklch(0 0 0/0);--itd-ring-shadow:0 0 oklch(0 0 0/0);--itd-inset-ring-shadow:0 0 oklch(0 0 0/0);--itd-ring-offset-color:oklch(1 0 0);--itd-ring-offset-shadow:0 0 oklch(0 0 0/0)}
+}}}

package/dist/css/provider.css

@@ -0,0 +1 @@
+@layer components{.itd-provider::selection{background:var(--itd-selection);color:var(--itd-selection-foreground)}.itd-provider * ::selection{background:var(--itd-selection);color:var(--itd-selection-foreground)}}

package/dist/css/radio.css

@@ -0,0 +1 @@
+@layer components{.itd-radio-group{display:flex;flex-direction:column;gap:calc(var(--itd-spacing)*3)}.itd-radio-group[data-orientation=horizontal]{align-items:center;flex-direction:row;flex-wrap:wrap;gap:calc(var(--itd-spacing)*4)}.itd-radio{display:inline-flex;flex:none;height:calc(var(--itd-spacing)*4);position:relative;width:calc(var(--itd-spacing)*4)}.itd-radio-input{appearance:none;border-radius:50%;cursor:pointer;inset:0;margin:0;outline:0 solid #0000;outline-offset:var(--itd-ring-offset);padding:0;position:absolute;z-index:1}.itd-radio-input:disabled{cursor:not-allowed}.itd-radio-indicator{background-color:var(--itd-color-background-bordered);border:1px solid var(--itd-color-border);border-radius:50%;box-shadow:var(--itd-box-shadow);box-sizing:border-box;display:grid;height:100%;place-items:center;pointer-events:none;transition:border-color var(--itd-transition-duration) var(--itd-transition-timing-function),background-color var(--itd-transition-duration) var(--itd-transition-timing-function);width:100%}.itd-radio-indicator:after{background-color:var(--itd-primary);border-radius:50%;content:"";height:calc(var(--itd-spacing)*2);transform:scale(0);transition:transform calc(var(--itd-transition-duration)/1.5) var(--itd-transition-timing-function);width:calc(var(--itd-spacing)*2)}.itd-radio:not([data-disabled]):not([data-invalid]) .itd-radio-input:not(:checked):hover:where(:root:not(.itd-touch) *)~.itd-radio-indicator{border-color:var(--itd-color-border-hover)}.itd-radio-input:checked~.itd-radio-indicator{border-color:var(--itd-primary)}.itd-radio-input:checked~.itd-radio-indicator:after{transform:scale(1)}.itd-radio-input:focus-visible~.itd-radio-indicator{outline:var(--itd-ring-width) solid var(--itd-color-focus-primary-ring);outline-offset:var(--itd-ring-offset)}.itd-radio[data-invalid] .itd-radio-indicator{border-color:var(--itd-color-error-border)}.itd-radio[data-invalid] .itd-radio-input:checked~.itd-radio-indicator:after{background-color:var(--itd-color-error-border)}.itd-radio[data-invalid] .itd-radio-input:focus-visible~.itd-radio-indicator{outline:var(--itd-ring-width) solid var(--itd-color-error-outline)}.itd-radio[data-disabled] .itd-radio-indicator{background-color:var(--itd-color-disabled-bg);border-color:var(--itd-color-disabled-border);box-shadow:none}.itd-radio[data-disabled] .itd-radio-input:checked~.itd-radio-indicator:after{background-color:var(--itd-color-disabled-border)}.itd-radio-group-sm .itd-radio{height:calc(var(--itd-spacing)*3.5);width:calc(var(--itd-spacing)*3.5)}.itd-radio-group-sm .itd-radio-indicator:after{height:calc(var(--itd-spacing)*1.5);width:calc(var(--itd-spacing)*1.5)}.itd-radio-group-lg .itd-radio{height:calc(var(--itd-spacing)*5);width:calc(var(--itd-spacing)*5)}.itd-radio-group-lg .itd-radio-indicator:after{height:calc(var(--itd-spacing)*2.5);width:calc(var(--itd-spacing)*2.5)}.itd-radio:has(>.itd-radio-label){align-items:center;gap:calc(var(--itd-spacing)*2);height:auto;width:fit-content}.itd-radio:has(>.itd-radio-label)>.itd-radio-input{border-radius:min(calc(var(--itd-border-radius)*.8),6px)}.itd-radio:has(>.itd-radio-label) .itd-radio-indicator{flex:none;height:calc(var(--itd-spacing)*4);width:calc(var(--itd-spacing)*4)}.itd-radio:has(>.itd-radio-label):not([data-disabled]):not([data-invalid]):hover:where(:root:not(.itd-touch) *) .itd-radio-input:not(:checked)~.itd-radio-indicator{border-color:var(--itd-color-border-hover)}.itd-radio-group-sm .itd-radio:has(>.itd-radio-label) .itd-radio-indicator{height:calc(var(--itd-spacing)*3.5);width:calc(var(--itd-spacing)*3.5)}.itd-radio-group-lg .itd-radio:has(>.itd-radio-label) .itd-radio-indicator{height:calc(var(--itd-spacing)*5);width:calc(var(--itd-spacing)*5)}.itd-radio-label{color:var(--itd-color-text);cursor:pointer;font-size:var(--itd-size-df-font);font-weight:var(--itd-size-df-field-fw);line-height:var(--itd-text-sm--line-height);position:relative;transition-duration:var(--itd-transition-duration);transition-property:color;transition-timing-function:var(--itd-transition-timing-function);z-index:2}.itd-radio[data-invalid]:not([data-disabled]) .itd-radio-label{color:var(--itd-color-alert-error-text)}.itd-radio-input:disabled~.itd-radio-label{color:var(--itd-color-disabled-text);cursor:not-allowed}.itd-radio-group-filled .itd-radio-indicator{background-color:var(--itd-color-background-alt-hover);border-color:#0000;box-shadow:none}.itd-radio-group-filled .itd-radio:not([data-disabled]):not([data-invalid]) .itd-radio-input:hover:where(:root:not(.itd-touch) *)~.itd-radio-indicator{border-color:#0000}.itd-radio-group-filled .itd-radio:has(>.itd-radio-label):not([data-disabled]):not([data-invalid]):hover:where(:root:not(.itd-touch) *) .itd-radio-input:not(:checked)~.itd-radio-indicator{border-color:#0000}.itd-radio-group-filled .itd-radio:not([data-disabled]) .itd-radio-input:checked~.itd-radio-indicator{background-color:var(--itd-primary);border-color:#0000}.itd-radio-group-filled .itd-radio-input:checked~.itd-radio-indicator:after{background-color:var(--itd-primary-foreground)}.itd-radio-group-filled .itd-radio-indicator:after{height:calc(var(--itd-spacing)*2);width:calc(var(--itd-spacing)*2)}.itd-radio-group-filled.itd-radio-group-sm .itd-radio-indicator:after{height:calc(var(--itd-spacing)*1.5);width:calc(var(--itd-spacing)*1.5)}.itd-radio-group-filled.itd-radio-group-lg .itd-radio-indicator:after{height:calc(var(--itd-spacing)*2);width:calc(var(--itd-spacing)*2)}.itd-radio-group-filled .itd-radio[data-invalid] .itd-radio-indicator{border-color:var(--itd-color-error-border)}.itd-field:has(.itd-radio) .itd-field-label{font-weight:var(--itd-font-weight-normal)}}

package/dist/css/raffle.css

@@ -0,0 +1 @@
+@layer components{.itd-raffle{--_wash:var(--itd-box-wash);--_steel:var(--site-footer-ink,var(--itd-color-text-muted));margin:0 auto;position:relative}.itd-raffle,.itd-raffle-title-bar{color:var(--itd-color-text);width:100%}.itd-raffle-title-bar{align-items:center;display:flex;font-size:var(--itd-text-default);font-weight:var(--itd-font-weight-semibold);height:3.75rem}.itd-raffle-content-wrapper{column-gap:1.25rem;display:flex;flex-wrap:wrap}.itd-raffle-content{container-type:inline-size;width:100%}.itd-raffle-cover{align-items:center;aspect-ratio:1480/363;border-radius:var(--itd-radius-md);display:flex;justify-content:center;overflow:hidden}.itd-raffle-cover img:not(.itd-image-error){height:100%;object-fit:cover;width:100%}.itd-mobile .itd-raffle-cover{aspect-ratio:auto}.itd-mobile .itd-raffle-cover img:not(.itd-image-error){height:auto}.itd-raffle-box{background-color:var(--_wash);border-radius:var(--itd-radius-sm);color:var(--itd-color-text-neutral);display:flex;flex-direction:column;gap:1rem;padding:3rem;position:relative}.itd-mobile .itd-raffle-box{padding:1.25rem}.itd-raffle-box-title{color:var(--itd-color-text);font-size:var(--itd-text-default);font-weight:var(--itd-font-weight-bold);margin:0}.itd-mobile .itd-raffle-box-title{font-size:var(--itd-text-15)}.itd-raffle-empty-note{color:var(--_steel);font-size:var(--itd-text-13)}.itd-raffle-info-box{margin-top:1.25rem}.itd-mobile .itd-raffle-info-box{margin-top:1rem}.itd-raffle-title{color:var(--itd-primary);font-size:var(--itd-text-xl);font-weight:var(--itd-font-weight-bold);margin:0}.itd-raffle-description{color:var(--itd-color-text-neutral);font-size:var(--itd-text-sm);line-height:1.4rem}.itd-mobile .itd-raffle-description.is-clamped{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.itd-raffle-desc-toggle{align-self:flex-start;background:none;border:0;color:var(--itd-primary);cursor:pointer;font-family:inherit;font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-semibold);padding:0}.itd-raffle-sep{border:0;border-top:1px solid color-mix(in srgb,var(--_steel) 15%,#0000);margin:.3125rem 0;width:100%}:root[data-theme=light] .itd-raffle-sep{border-top-color:#00000014;border-top-color:oklch(0 0 0/.08)}:root[data-theme=light] .itd-raffle-info-sep{border-right-color:#00000014;border-right-color:oklch(0 0 0/.08)}.itd-raffle-info{align-items:center;display:grid;gap:1rem;grid-template-columns:max-content max-content max-content max-content 1fr}.itd-mobile .itd-raffle-info{gap:.75rem;grid-template-columns:1fr}.itd-raffle-info-cell{align-items:center;display:flex;font-size:var(--itd-text-13);gap:.375rem}.itd-raffle-info-cell b{color:var(--itd-color-text);font-weight:var(--itd-font-weight-semibold)}.itd-raffle-info-sep{border-right:1px solid var(--itd-color-background-alt-hover);height:2.375rem}.itd-mobile .itd-raffle-info-sep{display:none}.itd-raffle-status{align-items:center;border-radius:var(--itd-radius-chip,var(--itd-radius-sm));display:inline-flex;font-size:var(--itd-text-11);font-weight:var(--itd-font-weight-bold);height:1.5rem;padding:0 .625rem}.itd-raffle-status[data-tone=active]{background:var(--itd-primary);color:var(--itd-primary-foreground)}.itd-raffle-status[data-tone=upcoming]{background:var(--itd-color-info);color:#fff;color:oklch(1 0 0)}.itd-raffle-status[data-tone=ended]{background:#fff;background:oklch(1 0 0);color:#12161f;color:oklch(.2 .02 270)}.itd-raffle-main{display:grid;gap:1.25rem;grid-template-columns:.75fr 1.25fr .6fr;margin-top:1.25rem}@container (max-width: 68rem){.itd-raffle-main{grid-template-columns:1fr 1fr}.itd-raffle-main>:nth-child(3){grid-column:1/-1}}@container (max-width: 48rem){.itd-raffle-main{grid-template-columns:1fr}.itd-raffle-main>:nth-child(3){grid-column:auto}}.itd-mobile .itd-raffle-main{gap:1rem;grid-template-columns:1fr;margin-top:1rem}@container (min-width: 48.01rem){.itd-raffle-main>.itd-raffle-rules{height:0;min-height:100%}}@container (min-width: 68.01rem){.itd-raffle-main>.itd-raffle-participants{height:0;min-height:100%}}.itd-mobile .itd-raffle-main>*{height:auto;min-height:0}.itd-raffle-prize-list{display:flex;flex-direction:column;gap:1rem}.itd-raffle-prize-item{align-items:center;display:flex;flex-direction:row;gap:1rem}.itd-raffle-prize-art{background:var(--_wash);border-radius:var(--itd-radius-sm);flex:none;height:6.25rem;overflow:hidden;width:6.25rem}.itd-mobile .itd-raffle-prize-art{height:5rem;width:5rem}.itd-raffle-prize-art img{display:block;height:100%;object-fit:cover;width:100%}.itd-raffle-prize-texts{display:flex;flex-direction:column;gap:.25rem;min-width:0}.itd-raffle-prize-texts h5{color:var(--itd-color-text);font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-semibold);margin:0}.itd-raffle-prize-texts>span{color:var(--_steel);font-size:var(--itd-text-sm);font-weight:var(--itd-font-weight-normal)}.itd-raffle-rules{overflow:hidden}.itd-raffle-rules-scroll{flex:1;min-height:0;overflow-y:auto;scrollbar-color:var(--itd-panel-scroll-thumb) #0000;scrollbar-width:thin}.itd-raffle-rules-text{color:var(--itd-color-text-neutral);font-size:var(--itd-text-13);line-height:1.35rem;white-space:pre-wrap}.itd-raffle-participant-list{display:flex;flex:1;flex-direction:column;gap:.875rem;min-height:0;overflow-y:auto;scrollbar-color:var(--itd-panel-scroll-thumb) #0000;scrollbar-width:thin}.itd-raffle-participants{overflow:hidden}.itd-raffle-participant-item{align-items:center;display:flex;gap:.75rem}.itd-raffle-participant-photo{background:var(--_wash);border-radius:9999px;flex:none;height:2.5rem;overflow:hidden;width:2.5rem}.itd-raffle-participant-photo img{display:block;height:100%;object-fit:cover;width:100%}.itd-raffle-participant-texts{display:flex;flex-direction:column;gap:.125rem;min-width:0}.itd-raffle-participant-texts h6{color:var(--itd-color-text);font-size:var(--itd-text-13);font-weight:var(--itd-font-weight-semibold);margin:0}.itd-raffle-participant-texts>span{color:var(--_steel);font-size:var(--itd-text-xs)}.itd-raffle-participants-sentinel{display:flex;flex:none;justify-content:center;min-height:1px;padding:.625rem 0}.itd-raffle-participants-sentinel .itd-spin-spinner{position:static;transform:none}.itd-raffle-tabs{margin-top:1rem}.itd-raffle-skeleton{display:flex;flex-direction:column;gap:.75rem;width:100%}.itd-raffle-skeleton-cover{aspect-ratio:1480/363;border-radius:var(--itd-radius-md)}.itd-raffle-empty{align-items:center;background-color:var(--_wash);border-radius:var(--itd-radius-md);display:flex;flex-direction:column;gap:1rem;height:max-content;justify-content:center;min-height:31.25rem;padding:0 2rem;text-align:center;width:100%}.itd-raffle-empty h3{color:var(--itd-color-text);font-size:var(--itd-text-default);font-weight:var(--itd-font-weight-bold);margin:0}.itd-raffle-empty h3 span{color:var(--itd-primary)}.itd-raffle-empty>span{color:var(--_steel);font-size:var(--itd-text-13);line-height:1.1rem}}

package/dist/css/rangepicker.css

@@ -0,0 +1 @@
+@layer components{.itd-range-picker{height:max-content;position:relative;width:inherit}.itd-range-picker .itd-input{cursor:pointer}.itd-range-picker-field{align-items:center;display:flex;flex:1 1 auto;min-width:0}.itd-range-picker-segment-box{align-items:center;display:flex;flex:1 1 0;height:100%;min-width:0;position:relative}.itd-range-picker-segment-box:after{background-color:var(--itd-primary);border-radius:2px;bottom:calc(var(--itd-spacing)*1);content:"";height:2px;left:calc(var(--itd-spacing)*3);position:absolute;right:calc(var(--itd-spacing)*3);transform:scaleX(0);transform-origin:center;transition:transform .18s ease}.itd-range-picker-segment-box.active:after,.itd-range-picker-segment-box:has(.itd-range-picker-segment:focus):after{transform:scaleX(1)}.itd-range-picker-segment{appearance:none;-webkit-appearance:none;background:#0000;border:0;color:var(--itd-color-text-input,var(--itd-color-text));cursor:text;flex:1 1 0;font:inherit;height:100%;min-width:0;outline:none;padding:0 calc(var(--itd-spacing)*3);text-overflow:ellipsis;width:100%}.itd-range-picker-segment::placeholder{color:var(--itd-color-placeholder);opacity:1}.itd-range-picker-segment:disabled{-webkit-text-fill-color:var(--itd-color-disabled-text);color:var(--itd-color-disabled-text);cursor:not-allowed}@media (prefers-reduced-motion:reduce){.itd-range-picker-segment-box:after{transition:none}}.itd-range-picker-arrow{align-items:center;color:var(--itd-color-text-neutral);display:flex;flex:0 0 auto;padding:0 calc(var(--itd-spacing)*.5)}.itd-range-picker-suffix{display:inline-grid;flex:0 0 auto;height:calc(var(--itd-spacing)*4);margin-right:calc(var(--itd-spacing)*3);place-items:center;width:calc(var(--itd-spacing)*4)}.itd-range-picker-error{color:var(--itd-color-error);font-size:var(--itd-text-xs);margin-top:calc(var(--itd-spacing)*1)}.itd-range-picker-xs .itd-range-picker-field{font-size:var(--itd-size-xs-font);font-weight:var(--itd-size-xs-field-fw);height:var(--itd-size-xs-h)}.itd-range-picker-sm .itd-range-picker-field{font-size:var(--itd-size-sm-font);font-weight:var(--itd-size-sm-field-fw);height:var(--itd-size-sm-h)}.itd-range-picker-md .itd-range-picker-field{font-size:var(--itd-size-md-font);font-weight:var(--itd-size-md-field-fw);height:var(--itd-size-md-h)}.itd-range-picker-df .itd-range-picker-field{font-size:var(--itd-size-df-font);font-weight:var(--itd-size-df-field-fw);height:var(--itd-size-df-h)}.itd-range-picker-lg .itd-range-picker-field{font-size:var(--itd-size-lg-font);font-weight:var(--itd-size-lg-field-fw);height:var(--itd-size-lg-h)}.itd-range-picker-xlg .itd-range-picker-field{font-size:var(--itd-size-xlg-font);font-weight:var(--itd-size-xlg-field-fw);height:var(--itd-size-xlg-h)}.itd-range-picker-segment{font-size:inherit}.itd-calendar-range-picker-panel{animation:itd-range-picker-fade .16s ease}@keyframes itd-range-picker-fade{0%{opacity:0;transform:translateY(calc(var(--itd-spacing)*-1))}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.itd-calendar-range-picker-panel{animation:none}}}

package/dist/css/reset.css

@@ -1,310 +1,5 @@
-/* ================================= */
-/* RESET - Modern CSS Reset for ITD */
-/* Based on modern CSS reset standards: */
-/* - normalize.css by Nicolas Gallagher */
-/* - modern-normalize by sindresorhus */
-/* - Tailwind CSS Preflight */
-/* All under MIT License */
-/* Optimized for ITD Design System */
-/* ================================= */
-@layer reset {
-
-  /* ========== Universal Box Model ========== */
-  *,
-  *::before,
-  *::after,
-  ::backdrop {
-    box-sizing: border-box;
-    border-width: 0;
-    border-style: solid;
-    margin: 0;
-    padding: 0;
-  }
-
-  /* ========== Document & Root ========== */
-  html,
-  :host {
-    line-height: 1.5;
-    -webkit-text-size-adjust: 100%;
-    -moz-tab-size: 4;
-    tab-size: 4;
-    font-family: var(--itd-font-sans, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif);
-    font-feature-settings: normal;
-    font-variation-settings: normal;
-    -webkit-tap-highlight-color: transparent;
-  }
-
-  body {
-    margin: 0;
-    line-height: inherit;
-  }
-
-  /* ========== Role-based Cursor ========== */
-  :where([role="button"]) {
-    cursor: pointer;
-  }
-
-  :where([aria-disabled="true"]) {
-    cursor: not-allowed;
-  }
-
-  /* ========== Horizontal Rule ========== */
-  hr {
-    height: 0;
-    color: inherit;
-    border-top-width: 1px;
-  }
-
-  /* ========== Typography ========== */
-  h1, h2, h3, h4, h5, h6 {
-    font-size: inherit;
-    font-weight: inherit;
-  }
-
-  p {
-    margin: 0;
-  }
-
-  a {
-    color: inherit;
-    text-decoration: inherit;
-  }
-
-  abbr:where([title]) {
-    text-decoration: underline dotted;
-  }
-
-  b,
-  strong {
-    font-weight: bolder;
-  }
-
-  code,
-  kbd,
-  samp,
-  pre {
-    font-family: var(--itd-font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace);
-    font-feature-settings: normal;
-    font-variation-settings: normal;
-    font-size: 1em;
-  }
-
-  small {
-    font-size: 80%;
-  }
-
-  sub,
-  sup {
-    position: relative;
-    vertical-align: baseline;
-    font-size: 75%;
-    line-height: 0;
-  }
-
-  sub {
-    bottom: -0.25em;
-  }
-
-  sup {
-    top: -0.5em;
-  }
-
-  /* ========== Table ========== */
-  table {
-    text-indent: 0;
-    border-collapse: collapse;
-  }
-
-  /* ========== Lists ========== */
-  /* list-style: none kasıtlı olarak eklenmedi */
-  /* İsteyen utilities'teki .list-none kullanabilir */
-
-  /* ========== Details & Dialog ========== */
-  details {
-    display: block;
-  }
-
-  summary {
-    display: list-item;
-    cursor: pointer;
-    list-style: none;
-  }
-
-  summary::-webkit-details-marker {
-    display: none;
-  }
-
-  dialog {
-    margin: auto;
-    padding: 0;
-    border: none;
-  }
-
-  /* ========== Media ========== */
-  img,
-  svg {
-    display: block;
-  }
-
-  img {
-    max-inline-size: 100%;
-    block-size: auto;
-  }
-
-  svg {
-    overflow: hidden;
-  }
-
-  /* ========== Form Elements ========== */
-  /* :where() ile düşük spesifikite - kolay override için */
-  :where(button, input, optgroup, select, textarea) {
-    font: inherit;
-    font-feature-settings: inherit;
-    font-variation-settings: inherit;
-    letter-spacing: inherit;
-    color: inherit;
-    background-color: transparent;
-    border-radius: 0;
-    box-shadow: none;
-  }
-
-  :where(button, select) {
-    text-transform: none;
-  }
-
-  :where(input[type='button'], input[type='reset'], input[type='submit'], button) {
-    -webkit-appearance: button;
-    appearance: button;
-    background-image: none;
-  }
-
-  ::file-selector-button {
-    -webkit-appearance: button;
-    appearance: button;
-    background-color: transparent;
-    background-image: none;
-    font: inherit;
-    font-feature-settings: inherit;
-    font-variation-settings: inherit;
-    letter-spacing: inherit;
-    color: inherit;
-    margin-inline-end: 4px;
-  }
-
-  /* Remove default button styles */
-  :where(button) {
-    cursor: pointer;
-  }
-
-  :where(button:disabled) {
-    cursor: not-allowed;
-  }
-
-  /* Optgroup */
-  :where(optgroup) {
-    font-weight: bolder;
-  }
-
-  /* ========== Placeholders ========== */
-  :where(input::placeholder, textarea::placeholder) {
-    color: var(--itd-placeholder-color, currentColor);
-    opacity: 0.6;
-  }
-
-  @supports (color: color-mix(in oklab, red, red)) {
-    :where(input::placeholder, textarea::placeholder) {
-      color: color-mix(in oklab, currentColor 55%, transparent);
-      opacity: 1;
-    }
-  }
-
-  /* ========== Autofill Nötralizasyonu ========== */
-  /* Tema renkleriyle çakışmaması için */
-  input:-webkit-autofill,
-  input:-webkit-autofill:hover,
-  input:-webkit-autofill:focus {
-    -webkit-text-fill-color: currentColor;
-    transition: background-color 5000s ease-in-out 0s;
-  }
-
-  /* ========== Textarea ========== */
-  textarea {
-    resize: vertical;
-  }
-
-  /* ========== Search Input ========== */
-  ::-webkit-search-decoration {
-    -webkit-appearance: none;
-  }
-
-  /* ========== Number Input Spinners ========== */
-  ::-webkit-inner-spin-button,
-  ::-webkit-outer-spin-button {
-    height: auto;
-  }
-
-  /* Firefox number input spinner gizleme (opsiyonel) */
-  input[type="number"] {
-    -moz-appearance: textfield;
-    appearance: textfield;
-  }
-
-  /* ========== Date/Time Inputs ========== */
-  ::-webkit-date-and-time-value {
-    min-height: 1.5em;
-    text-align: inherit;
-  }
-
-  ::-webkit-datetime-edit {
-    display: inline-flex;
-    padding: 0;
-  }
-
-  ::-webkit-datetime-edit-fields-wrapper {
-    padding: 0;
-  }
-
-  /* ========== Validation ========== */
-  :-moz-ui-invalid {
-    box-shadow: none;
-  }
-
-  /* ========== Hidden Elements ========== */
-  [hidden]:where(:not([hidden="until-found"])) {
-    display: none !important;
-  }
-
-  /* ========== Selection ========== */
-  ::selection {
-    background-color: var(--itd-selection-bg, rgba(59, 130, 246, 0.2));
-    color: var(--itd-selection-fg, inherit);
-  }
-
-  /* ========== Text Rendering ========== */
-  body {
-    text-rendering: optimizeLegibility;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-  }
-
-  /* ========== Accessibility: Forced Colors (High Contrast) ========== */
-  @media (forced-colors: active) {
-    ::selection {
-      forced-color-adjust: none;
-    }
-
-    :where(button, input, select, textarea):focus {
-      outline: 1px solid CanvasText;
-    }
-  }
-
-  /* ========== Accessibility: Focus-visible Fallback ========== */
-  @supports not selector(:focus-visible) {
-    :where(:focus) {
-      outline: 2px solid currentColor;
-      outline-offset: 2px;
-    }
-  }
-  
-}
+@layer reset{*,::backdrop,:after,:before{border-style:solid;border-width:0;box-sizing:border-box;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:var(--itd-font-sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}:where([role=button]){cursor:pointer}:where([aria-disabled=true]){cursor:not-allowed}hr{border-top-width:1px;color:inherit;height:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}p{margin:0}a{color:inherit;text-decoration:inherit}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:var(--itd-font-mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace);font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;text-indent:0}details{display:block}summary{cursor:pointer;display:list-item;list-style:none}summary::-webkit-details-marker{display:none}dialog{border:none;margin:auto;padding:0}img,svg{display:block}img{block-size:auto;max-inline-size:100%}svg{overflow:hidden}:where(button,input,optgroup,select,textarea){font-feature-settings:inherit;background-color:initial;border-radius:0;box-shadow:none;color:inherit;font:inherit;font-variation-settings:inherit;letter-spacing:inherit}:where(button,select){text-transform:none}:where(input[type=button],input[type=reset],input[type=submit],button){appearance:button;background-image:none}::file-selector-button{font-feature-settings:inherit;appearance:button;background-color:initial;background-image:none;color:inherit;font:inherit;font-variation-settings:inherit;letter-spacing:inherit;margin-inline-end:4px}:where(button){cursor:pointer}:where(button:disabled){cursor:not-allowed}:where(optgroup){font-weight:bolder}:where(input::placeholder,textarea::placeholder){color:var(--itd-placeholder-color,currentColor);opacity:.6}@supports (color:color-mix(in oklab,red,red)){:where(input::placeholder,textarea::placeholder){color:color-mix(in oklab,currentColor 55%,#0000);opacity:1}}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover:where(:root:not(.itd-touch) *){-webkit-text-fill-color:currentColor;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}input[type=number]{appearance:textfield}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding:0}::-webkit-datetime-edit-fields-wrapper{padding:0}:-moz-ui-invalid{box-shadow:none}[hidden]:where(:not([hidden=until-found])){display:none!important}::selection{background-color:var(--itd-selection-bg,#3b82f633);color:var(--itd-selection-fg,inherit)}
 
+@supports (color: oklab(0% 0 0%)){
+::selection{background-color:var(--itd-selection-bg,oklch(.623 .188 259.8/.2))}
+}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}@media (forced-colors:active){::selection{forced-color-adjust:none}:where(button,input,select,textarea):focus{outline:1px solid CanvasText}}@supports not selector(:focus-visible){:where(:focus){outline:2px solid currentColor;outline-offset:2px}}}