@arcanejs/toolkit 6.0.0 → 7.0.0

package/dist/frontend/entrypoint.css

@@ -0,0 +1,836 @@
+/* ../toolkit-frontend/dist/styles/core.css */
+@layer properties;
+.pointer-events-none {
+  pointer-events: none;
+}
+.absolute {
+  position: absolute;
+}
+.relative {
+  position: relative;
+}
+.-inset-1\.5 {
+  inset: calc(calc(var(--arcane-spacing) / 2 * 3) * -1);
+}
+.-inset-arcane-touch-indicator {
+  inset: calc(6px * -1);
+}
+.inset-x-2 {
+  inset-inline: calc(var(--arcane-spacing));
+}
+.inset-y-0 {
+  inset-block: 0px;
+}
+.-top-px {
+  top: -1px;
+}
+.top-0 {
+  top: 0px;
+}
+.bottom-1 {
+  bottom: calc(var(--arcane-spacing) / 2);
+}
+.-left-arcane-switch-label {
+  left: calc(40px * -1);
+}
+.-left-px {
+  left: -1px;
+}
+.left-0 {
+  left: 0px;
+}
+.left-arcane-switch-label {
+  left: 40px;
+}
+.left-arcane-switch-off-left {
+  left: 28px;
+}
+.z-arcane-slider-touching {
+  z-index: 100;
+}
+.m-0 {
+  margin: 0px;
+}
+.-mx-arcane-slider-input-hidden {
+  margin-inline: calc(9px * -1);
+}
+.-mx-arcane-slider-value-hidden {
+  margin-inline: calc(30px * -1);
+}
+.mx-0 {
+  margin-inline: 0px;
+}
+.mx-0\.5 {
+  margin-inline: calc(var(--arcane-spacing) / 4);
+}
+.mx-arcane-slider-pad {
+  margin-inline: 7.5px;
+}
+.my-0 {
+  margin-block: 0px;
+}
+.mr-px {
+  margin-right: 1px;
+}
+.mb-2 {
+  margin-bottom: calc(var(--arcane-spacing));
+}
+.box-border {
+  box-sizing: border-box;
+}
+.block {
+  display: block;
+}
+.flex {
+  display: flex;
+}
+.inline-block {
+  display: inline-block;
+}
+.size-arcane-btn {
+  width: 30px;
+  height: 30px;
+}
+.size-full {
+  width: 100%;
+  height: 100%;
+}
+.h-0\.5 {
+  height: calc(var(--arcane-spacing) / 4);
+}
+.h-arcane-btn {
+  height: 30px;
+}
+.h-arcane-rect {
+  height: 30px;
+}
+.h-arcane-slider-display {
+  height: 4px;
+}
+.h-arcane-slider-gradient-display {
+  height: 10px;
+}
+.h-arcane-switch-knob {
+  height: 30px;
+}
+.h-arcane-tabs-item {
+  height: calc(var(--arcane-spacing) * 3);
+}
+.h-arcane-timeline-bar {
+  height: 10px;
+}
+.h-full {
+  height: 100%;
+}
+.min-h-arcane-btn {
+  min-height: 30px;
+}
+.\!w-arcane-slider-open {
+  width: 400px !important;
+}
+.w-0 {
+  width: 0px;
+}
+.w-3\/5 {
+  width: calc(3/5 * 100%);
+}
+.w-arcane-slider-value {
+  width: 60px;
+}
+.w-arcane-switch-label {
+  width: 40px;
+}
+.w-arcane-switch-track {
+  width: 70px;
+}
+.w-full {
+  width: 100%;
+}
+.min-w-arcane-rect {
+  min-width: 30px;
+}
+.min-w-arcane-slider-min {
+  min-width: 100px;
+}
+.min-w-arcane-switch-track {
+  min-width: 70px;
+}
+.grow {
+  flex-grow: 1;
+}
+.cursor-pointer {
+  cursor: pointer;
+}
+.flex-col {
+  flex-direction: column;
+}
+.flex-row {
+  flex-direction: row;
+}
+.flex-nowrap {
+  flex-wrap: nowrap;
+}
+.flex-wrap {
+  flex-wrap: wrap;
+}
+.items-center {
+  align-items: center;
+}
+.items-end {
+  align-items: flex-end;
+}
+.justify-center {
+  justify-content: center;
+}
+.gap-0\.5 {
+  gap: calc(var(--arcane-spacing) / 4);
+}
+.gap-2 {
+  gap: calc(var(--arcane-spacing));
+}
+.overflow-hidden {
+  overflow: hidden;
+}
+.overflow-visible {
+  overflow: visible;
+}
+.rounded-arcane-btn {
+  border-radius: 3px;
+}
+.rounded-arcane-touch-indicator {
+  border-radius: 6px;
+}
+.rounded-md {
+  border-radius: calc(var(--arcane-spacing) * 6 / 15);
+}
+.border {
+  border-style: var(--tw-border-style);
+  border-width: 1px;
+}
+.border-2 {
+  border-style: var(--tw-border-style);
+  border-width: 2px;
+}
+.border-r-\[2px\] {
+  border-right-style: var(--tw-border-style);
+  border-right-width: 2px;
+}
+.border-b {
+  border-bottom-style: var(--tw-border-style);
+  border-bottom-width: 1px;
+}
+.border-b-0 {
+  border-bottom-style: var(--tw-border-style);
+  border-bottom-width: 0px;
+}
+.border-none {
+  --tw-border-style: none;
+  border-style: none;
+}
+.border-arcane-bg-light-1 {
+  border-color: var(--arcane-bg-light-1);
+}
+.border-arcane-btn-border {
+  border-color: var(--arcane-border-dark);
+}
+.border-arcane-btn-err {
+  border-color: var(--arcane-color-red);
+}
+.border-arcane-hint {
+  border-color: var(--arcane-hint);
+}
+.border-transparent {
+  border-color: transparent;
+}
+.\!bg-arcane-bg-dark-1 {
+  background-color: var(--arcane-bg-dark-1) !important;
+}
+.bg-arcane-bg {
+  background-color: var(--arcane-bg);
+}
+.bg-arcane-bg-dark-1 {
+  background-color: var(--arcane-bg-dark-1);
+}
+.bg-arcane-bg-light-1 {
+  background-color: var(--arcane-bg-light-1);
+}
+.bg-arcane-btn-border {
+  background-color: var(--arcane-border-dark);
+}
+.bg-arcane-hint {
+  background-color: var(--arcane-hint);
+}
+.bg-arcane-hint-soft {
+  background-color: rgba(var(--val-arcane-hint-rgb), 0.2);
+}
+.bg-transparent {
+  background-color: transparent;
+}
+.\!bg-arcane-grad-btn-active {
+  background-image: var(--arcane-gradient-button-active) !important;
+}
+.bg-arcane-grad-btn {
+  background-image: var(--arcane-gradient-button);
+}
+.bg-arcane-grad-btn-active {
+  background-image: var(--arcane-gradient-button-active);
+}
+.bg-arcane-grad-hint-pressed {
+  background-image: var( --arcane-gradient-hint-pressed );
+}
+.bg-repeat {
+  background-repeat: repeat;
+}
+.p-1 {
+  padding: calc(var(--arcane-spacing) / 2);
+}
+.p-2 {
+  padding: calc(var(--arcane-spacing));
+}
+.px-0\.5 {
+  padding-inline: calc(var(--arcane-spacing) / 4);
+}
+.px-1 {
+  padding-inline: calc(var(--arcane-spacing) / 2);
+}
+.px-arcane {
+  padding-inline: var(--arcane-spacing);
+}
+.px-arcane-slider-input-px {
+  padding-inline: 5px;
+}
+.px-arcane-slider-pad {
+  padding-inline: 7.5px;
+}
+.py-0 {
+  padding-block: 0px;
+}
+.py-0\.5 {
+  padding-block: calc(var(--arcane-spacing) / 4);
+}
+.text-center {
+  text-align: center;
+}
+.font-arcane-icon {
+  font-family: "Material Symbols Outlined", sans-serif;
+}
+.text-arcane-icon {
+  font-size: 22px;
+}
+.text-arcane-normal {
+  font-size: 1em;
+}
+.text-arcane-subtitle {
+  font-size: 1em;
+}
+.text-arcane-timeline-indicator {
+  font-size: 40px;
+}
+.text-arcane-title {
+  font-size: 1.5em;
+}
+.leading-arcane-slider-value-hidden {
+  --tw-leading: 30px;
+  line-height: 30px;
+}
+.leading-arcane-switch-label {
+  --tw-leading: 28px;
+  line-height: 28px;
+}
+.leading-none {
+  --tw-leading: 1;
+  line-height: 1;
+}
+.font-bold {
+  --tw-font-weight: 700;
+  font-weight: 700;
+}
+.font-normal {
+  --tw-font-weight: 400;
+  font-weight: 400;
+}
+.tracking-normal {
+  --tw-tracking: 0em;
+  letter-spacing: 0em;
+}
+.whitespace-nowrap {
+  white-space: nowrap;
+}
+.text-arcane-btn-err {
+  color: var(--arcane-color-red);
+}
+.text-arcane-btn-text {
+  color: var(--arcane-text-normal);
+}
+.text-arcane-hint {
+  color: var(--arcane-hint);
+}
+.text-arcane-text {
+  color: var(--arcane-text-normal);
+}
+.text-arcane-text-muted {
+  color: var(--arcane-text-muted);
+}
+.opacity-0 {
+  opacity: 0%;
+}
+.opacity-100 {
+  opacity: 100%;
+}
+.\!shadow-arcane-btn-active {
+  --tw-shadow: inset 0 1px 2px var(--tw-shadow-color, rgba(0, 0, 0, 0.2)), 0 1px 0 0 var(--tw-shadow-color, rgba(255, 255, 255, 0.15)) !important;
+  box-shadow:
+    var(--tw-inset-shadow),
+    var(--tw-inset-ring-shadow),
+    var(--tw-ring-offset-shadow),
+    var(--tw-ring-shadow),
+    var(--tw-shadow) !important;
+}
+.shadow-arcane-box-inset {
+  --tw-shadow: var(--arcane-shadow-box-inset);
+  box-shadow:
+    var(--tw-inset-shadow),
+    var(--tw-inset-ring-shadow),
+    var(--tw-ring-offset-shadow),
+    var(--tw-ring-shadow),
+    var(--tw-shadow);
+}
+.shadow-arcane-btn {
+  --tw-shadow: inset 0 1px 0 var(--tw-shadow-color, rgba(255, 255, 255, 0.15)), 0 1px 0 0 var(--tw-shadow-color, rgba(0, 0, 0, 0.25));
+  box-shadow:
+    var(--tw-inset-shadow),
+    var(--tw-inset-ring-shadow),
+    var(--tw-ring-offset-shadow),
+    var(--tw-ring-shadow),
+    var(--tw-shadow);
+}
+.shadow-arcane-btn-active {
+  --tw-shadow: inset 0 1px 2px var(--tw-shadow-color, rgba(0, 0, 0, 0.2)), 0 1px 0 0 var(--tw-shadow-color, rgba(255, 255, 255, 0.15));
+  box-shadow:
+    var(--tw-inset-shadow),
+    var(--tw-inset-ring-shadow),
+    var(--tw-ring-offset-shadow),
+    var(--tw-ring-shadow),
+    var(--tw-shadow);
+}
+.transition-all {
+  transition-property: all;
+  transition-timing-function: var(--tw-ease, ease);
+  transition-duration: var(--tw-duration, 0s);
+}
+.transition-colors {
+  transition-property:
+    color,
+    background-color,
+    border-color,
+    outline-color,
+    text-decoration-color,
+    fill,
+    stroke,
+    --tw-gradient-from,
+    --tw-gradient-via,
+    --tw-gradient-to;
+  transition-timing-function: var(--tw-ease, ease);
+  transition-duration: var(--tw-duration, 0s);
+}
+.\!duration-50 {
+  --tw-duration: 50ms !important;
+  transition-duration: 50ms !important;
+}
+.duration-0 {
+  --tw-duration: 0ms;
+  transition-duration: 0ms;
+}
+.duration-50 {
+  --tw-duration: 50ms;
+  transition-duration: 50ms;
+}
+.duration-200 {
+  --tw-duration: 200ms;
+  transition-duration: 200ms;
+}
+.duration-300 {
+  --tw-duration: 300ms;
+  transition-duration: 300ms;
+}
+.outline-none {
+  --tw-outline-style: none;
+  outline-style: none;
+}
+.\!text-shadow-arcane-btn-active {
+  text-shadow: var(--arcane-shadow-text-active) !important;
+}
+.text-shadow-arcane-btn {
+  text-shadow: var(--arcane-shadow-text);
+}
+.text-shadow-arcane-btn-active {
+  text-shadow: var(--arcane-shadow-text-active);
+}
+.group-hover\:text-arcane-hint {
+  &:is(:where(.group):hover *) {
+    @media (hover: hover) {
+      color: var(--arcane-hint);
+    }
+  }
+}
+.before\:absolute {
+  &::before {
+    content: var(--tw-content);
+    position: absolute;
+  }
+}
+.before\:-top-\[5px\] {
+  &::before {
+    content: var(--tw-content);
+    top: calc(5px * -1);
+  }
+}
+.before\:-right-\[3px\] {
+  &::before {
+    content: var(--tw-content);
+    right: calc(3px * -1);
+  }
+}
+.before\:-bottom-\[5px\] {
+  &::before {
+    content: var(--tw-content);
+    bottom: calc(5px * -1);
+  }
+}
+.before\:w-\[4px\] {
+  &::before {
+    content: var(--tw-content);
+    width: 4px;
+  }
+}
+.before\:bg-arcane-btn-border {
+  &::before {
+    content: var(--tw-content);
+    background-color: var(--arcane-border-dark);
+  }
+}
+.after\:absolute {
+  &::after {
+    content: var(--tw-content);
+    position: absolute;
+  }
+}
+.after\:-top-\[4px\] {
+  &::after {
+    content: var(--tw-content);
+    top: calc(4px * -1);
+  }
+}
+.after\:-right-\[2px\] {
+  &::after {
+    content: var(--tw-content);
+    right: calc(2px * -1);
+  }
+}
+.after\:-bottom-\[4px\] {
+  &::after {
+    content: var(--tw-content);
+    bottom: calc(4px * -1);
+  }
+}
+.after\:w-\[2px\] {
+  &::after {
+    content: var(--tw-content);
+    width: 2px;
+  }
+}
+.after\:bg-arcane-btn-text {
+  &::after {
+    content: var(--tw-content);
+    background-color: var(--arcane-text-normal);
+  }
+}
+.hover\:bg-arcane-bg {
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--arcane-bg);
+    }
+  }
+}
+.hover\:bg-arcane-bg-light-1 {
+  &:hover {
+    @media (hover: hover) {
+      background-color: var(--arcane-bg-light-1);
+    }
+  }
+}
+.hover\:bg-arcane-grad-btn-hover {
+  &:hover {
+    @media (hover: hover) {
+      background-image: var(--arcane-gradient-button-hover);
+    }
+  }
+}
+.active\:bg-arcane-grad-btn-active {
+  &:active {
+    background-image: var(--arcane-gradient-button-active);
+  }
+}
+.active\:shadow-arcane-btn-active {
+  &:active {
+    --tw-shadow: inset 0 1px 2px var(--tw-shadow-color, rgba(0, 0, 0, 0.2)), 0 1px 0 0 var(--tw-shadow-color, rgba(255, 255, 255, 0.15));
+    box-shadow:
+      var(--tw-inset-shadow),
+      var(--tw-inset-ring-shadow),
+      var(--tw-ring-offset-shadow),
+      var(--tw-ring-shadow),
+      var(--tw-shadow);
+  }
+}
+.active\:duration-50 {
+  &:active {
+    --tw-duration: 50ms;
+    transition-duration: 50ms;
+  }
+}
+.active\:text-shadow-arcane-btn-active {
+  &:active {
+    text-shadow: var(--arcane-shadow-text-active);
+  }
+}
+:root,
+:host {
+  --val-arcane-hint-rgb: var(--arcane-hint-rgb);
+}
+* {
+  box-sizing: border-box;
+}
+body {
+  background: var(--arcane-page-bg);
+  margin: 0;
+  padding: 0;
+  font-size: 14px;
+  font-family: sans-serif;
+}
+body.touch-mode * {
+  cursor: none !important;
+}
+.arcane-stage {
+  width: 100%;
+  height: 100%;
+  background: var(--arcane-page-bg);
+  color: var(--arcane-text-normal);
+}
+@property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; }
+@property --tw-leading { syntax: "*"; inherits: false; }
+@property --tw-font-weight { syntax: "*"; inherits: false; }
+@property --tw-tracking { syntax: "*"; inherits: false; }
+@property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
+@property --tw-shadow-color { syntax: "*"; inherits: false; }
+@property --tw-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
+@property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
+@property --tw-inset-shadow-color { syntax: "*"; inherits: false; }
+@property --tw-inset-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
+@property --tw-ring-color { syntax: "*"; inherits: false; }
+@property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
+@property --tw-inset-ring-color { syntax: "*"; inherits: false; }
+@property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
+@property --tw-ring-inset { syntax: "*"; inherits: false; }
+@property --tw-ring-offset-width { syntax: "<length>"; inherits: false; initial-value: 0px; }
+@property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; }
+@property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; }
+@property --tw-duration { syntax: "*"; inherits: false; }
+@property --tw-text-shadow-color { syntax: "*"; inherits: false; }
+@property --tw-text-shadow-alpha { syntax: "<percentage>"; inherits: false; initial-value: 100%; }
+@property --tw-content { syntax: "*"; initial-value: ""; inherits: false; }
+@layer properties {
+  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
+    *,
+    ::before,
+    ::after,
+    ::backdrop {
+      --tw-border-style: solid;
+      --tw-leading: initial;
+      --tw-font-weight: initial;
+      --tw-tracking: initial;
+      --tw-shadow: 0 0 #0000;
+      --tw-shadow-color: initial;
+      --tw-shadow-alpha: 100%;
+      --tw-inset-shadow: 0 0 #0000;
+      --tw-inset-shadow-color: initial;
+      --tw-inset-shadow-alpha: 100%;
+      --tw-ring-color: initial;
+      --tw-ring-shadow: 0 0 #0000;
+      --tw-inset-ring-color: initial;
+      --tw-inset-ring-shadow: 0 0 #0000;
+      --tw-ring-inset: initial;
+      --tw-ring-offset-width: 0px;
+      --tw-ring-offset-color: #fff;
+      --tw-ring-offset-shadow: 0 0 #0000;
+      --tw-duration: initial;
+      --tw-text-shadow-color: initial;
+      --tw-text-shadow-alpha: 100%;
+      --tw-content: "";
+    }
+  }
+}
+
+/* ../toolkit-frontend/dist/styles/theme.css */
+.arcane-theme-root {
+  --arcane-page-bg: #f8f9fa;
+  --arcane-color-green: #22863a;
+  --arcane-color-red: #d73a49;
+  --arcane-color-amber: #b08800;
+  --arcane-bg-dark-1: #e9ecef;
+  --arcane-bg: #ffffff;
+  --arcane-bg-light-1: #f5f5f5;
+  --arcane-border-dark: #c7c7c7;
+  --arcane-border-light: #d7d7d7;
+  --arcane-border-lighter: #eaecef;
+  --arcane-border-lighterer: #f6f8fa;
+  --arcane-hint: #4286f4;
+  --arcane-hint-rgb:
+    0,
+    92,
+    197;
+  --arcane-hint-dark-1: #2a77f3;
+  --arcane-text-normal: #24292e;
+  --arcane-text-active: #202020;
+  --arcane-text-muted: #6a737d;
+  --arcane-shadow-box-inset: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.05);
+  --arcane-shadow-text: 0 1px rgba(255, 255, 255, 0.7);
+  --arcane-shadow-text-active: 0 1px rgba(255, 255, 255, 0.4);
+  --arcane-gradient-button:
+    linear-gradient(
+      to bottom,
+      #e1e4e8,
+      #d1d5da);
+  --arcane-gradient-button-hover:
+    linear-gradient(
+      to bottom,
+      #d1d5da,
+      #c1c6cc);
+  --arcane-gradient-button-active:
+    linear-gradient(
+      to bottom,
+      #b1b6bc,
+      #d2d6da);
+  --arcane-gradient-button-pressed-hover:
+    linear-gradient(
+      
+      to bottom,
+      #a1a6ac,
+      #91969c );
+  --arcane-gradient-hint-pressed:
+    linear-gradient(
+      to bottom,
+      #438bff,
+      #85b3ff);
+  --arcane-spacing: 15px;
+  --arcane-unit-height: 40px;
+}
+.arcane-theme-root.theme-dark {
+  --arcane-page-bg: #333;
+  --arcane-color-green: #98c379;
+  --arcane-color-red: #e06c75;
+  --arcane-color-amber: #d19a66;
+  --arcane-bg-dark-1: #252524;
+  --arcane-bg: #2a2a2b;
+  --arcane-bg-light-1: #353638;
+  --arcane-border-dark: #151516;
+  --arcane-border-light: #1c1d1d;
+  --arcane-border-lighter: #252524;
+  --arcane-border-lighterer: #6b6b67;
+  --arcane-hint: #4286f4;
+  --arcane-hint-rgb:
+    66,
+    134,
+    244;
+  --arcane-hint-dark-1: #2a77f3;
+  --arcane-text-normal: #f3f3f5;
+  --arcane-text-active: #ffffff;
+  --arcane-text-muted: #777777;
+  --arcane-shadow-box-inset: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
+  --arcane-shadow-text: 0 -1px rgba(0, 0, 0, 0.7);
+  --arcane-shadow-text-active: 0 -1px rgba(0, 0, 0, 0.4);
+  --arcane-gradient-button:
+    linear-gradient(
+      to bottom,
+      #4f5053,
+      #343436);
+  --arcane-gradient-button-hover:
+    linear-gradient(
+      to bottom,
+      #5e6064,
+      #393a3b);
+  --arcane-gradient-button-active:
+    linear-gradient(
+      to bottom,
+      #242525,
+      #37383a);
+  --arcane-gradient-button-pressed-hover:
+    linear-gradient(
+      
+      to bottom,
+      #282929,
+      #414243 );
+  --arcane-gradient-hint-pressed:
+    linear-gradient(
+      to bottom,
+      #2a77f3,
+      #4286f4);
+}
+@media (prefers-color-scheme: dark) {
+  .arcane-theme-root.theme-auto {
+    --arcane-page-bg: #333;
+    --arcane-color-green: #98c379;
+    --arcane-color-red: #e06c75;
+    --arcane-color-amber: #d19a66;
+    --arcane-bg-dark-1: #252524;
+    --arcane-bg: #2a2a2b;
+    --arcane-bg-light-1: #353638;
+    --arcane-border-dark: #151516;
+    --arcane-border-light: #1c1d1d;
+    --arcane-border-lighter: #252524;
+    --arcane-border-lighterer: #6b6b67;
+    --arcane-hint: #4286f4;
+    --arcane-hint-rgb:
+      66,
+      134,
+      244;
+    --arcane-hint-dark-1: #2a77f3;
+    --arcane-text-normal: #f3f3f5;
+    --arcane-text-active: #ffffff;
+    --arcane-text-muted: #777777;
+    --arcane-shadow-box-inset: inset 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
+    --arcane-shadow-text: 0 -1px rgba(0, 0, 0, 0.7);
+    --arcane-shadow-text-active: 0 -1px rgba(0, 0, 0, 0.4);
+    --arcane-gradient-button:
+      linear-gradient(
+        
+        to bottom,
+        #4f5053,
+        #343436 );
+    --arcane-gradient-button-hover:
+      linear-gradient(
+        
+        to bottom,
+        #5e6064,
+        #393a3b );
+    --arcane-gradient-button-active:
+      linear-gradient(
+        
+        to bottom,
+        #242525,
+        #37383a );
+    --arcane-gradient-button-pressed-hover:
+      linear-gradient(
+        
+        to bottom,
+        #282929,
+        #414243 );
+    --arcane-gradient-hint-pressed:
+      linear-gradient(
+        
+        to bottom,
+        #2a77f3,
+        #4286f4 );
+  }
+}
+/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
+/*# sourceMappingURL=entrypoint.css.map */