@100mslive/roomkit-react 0.4.3-alpha.1 → 0.4.3-alpha.10

package/dist/index.css

@@ -1,9 +1,7 @@
 @import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap";
 
-/* ../../../../../../../tmp/tmp-3256-icI8h5g2cNm3/19c65666a433/tldraw.css */
+/* ../../../../../../../tmp/tmp-3226-CZ0LSP0nXVZa/19d6e85610a0/index.css */
 .tl-container {
-  width: 100%;
-  height: 100%;
   font-size: 12px;
   --space-1: 2px;
   --space-2: 4px;
@@ -56,8 +54,8 @@
   --tl-font-sans: "tldraw_sans", sans-serif;
   --tl-font-serif: "tldraw_serif", serif;
   --tl-font-mono: "tldraw_mono", monospace;
-  --a: calc(min(0.5, 1 / var(--tl-zoom)) * 2px);
-  --b: calc(min(0.5, 1 / var(--tl-zoom)) * -2px);
+  --a: calc(min(.5, 1 / var(--tl-zoom))*2px) ;
+  --b: calc(min(.5, 1 / var(--tl-zoom))*-2px) ;
   --tl-text-outline:
     0 var(--b) 0 var(--color-background),
     0 var(--a) 0 var(--color-background),
@@ -66,8 +64,8 @@
     var(--a) var(--a) 0 var(--color-background),
     var(--b) var(--a) 0 var(--color-background);
   position: relative;
-  top: 0px;
-  left: 0px;
+  top: 0;
+  left: 0;
   width: 100%;
   height: 100%;
   overflow: clip;
@@ -75,21 +73,21 @@
 .tl-theme__light {
   --color-accent: #e64a4a;
   --color-background: rgb(249, 250, 251);
-  --color-brush-fill: rgba(144, 144, 144, 0.102);
-  --color-brush-stroke: rgba(144, 144, 144, 0.251);
+  --color-brush-fill: rgba(144, 144, 144, .102);
+  --color-brush-stroke: rgba(144, 144, 144, .251);
   --color-grid: rgb(109, 109, 109);
   --color-low: hsl(204, 16%, 94%);
   --color-low-border: hsl(204, 16%, 92%);
   --color-culled: rgb(235, 238, 240);
   --color-muted-none: rgba(0, 0, 0, 0);
-  --color-muted-0: rgba(0, 0, 0, 0.02);
-  --color-muted-1: rgba(0, 0, 0, 0.1);
-  --color-muted-2: rgba(0, 0, 0, 0.042);
-  --color-hint: rgba(0, 0, 0, 0.055);
-  --color-overlay: rgba(0, 0, 0, 0.2);
+  --color-muted-0: rgba(0, 0, 0, .02);
+  --color-muted-1: rgba(0, 0, 0, .1);
+  --color-muted-2: rgba(0, 0, 0, .042);
+  --color-hint: rgba(0, 0, 0, .055);
+  --color-overlay: rgba(0, 0, 0, .2);
   --color-divider: #e8e8e8;
   --color-panel-contrast: #ffffff;
-  --color-panel-overlay: rgba(255, 255, 255, 0.82);
+  --color-panel-overlay: rgba(255, 255, 255, .82);
   --color-panel: #fdfdfd;
   --color-focus: #004094;
   --color-selected: #2f80ed;
@@ -104,45 +102,45 @@
   --color-warn: #d10b0b;
   --color-text: #000000;
   --color-laser: #ff0000;
-  --shadow-1: 0px 1px 2px rgba(0, 0, 0, 0.25), 0px 1px 3px rgba(0, 0, 0, 0.09);
+  --shadow-1: 0px 1px 2px rgba(0, 0, 0, .25), 0px 1px 3px rgba(0, 0, 0, .09);
   --shadow-2:
-    0px 0px 2px rgba(0, 0, 0, 0.16),
-    0px 2px 3px rgba(0, 0, 0, 0.24),
-    0px 2px 6px rgba(0, 0, 0, 0.1),
+    0px 0px 2px rgba(0, 0, 0, .16),
+    0px 2px 3px rgba(0, 0, 0, .24),
+    0px 2px 6px rgba(0, 0, 0, .1),
     inset 0px 0px 0px 1px var(--color-panel-contrast);
   --shadow-3:
-    0px 1px 2px rgba(0, 0, 0, 0.28),
-    0px 2px 6px rgba(0, 0, 0, 0.14),
+    0px 1px 2px rgba(0, 0, 0, .28),
+    0px 2px 6px rgba(0, 0, 0, .14),
     inset 0px 0px 0px 1px var(--color-panel-contrast);
   --shadow-4:
-    0px 0px 3px rgba(0, 0, 0, 0.19),
-    0px 5px 4px rgba(0, 0, 0, 0.16),
-    0px 2px 16px rgba(0, 0, 0, 0.06),
+    0px 0px 3px rgba(0, 0, 0, .19),
+    0px 5px 4px rgba(0, 0, 0, .16),
+    0px 2px 16px rgba(0, 0, 0, .06),
     inset 0px 0px 0px 1px var(--color-panel-contrast);
 }
 .tl-theme__dark {
   --color-accent: #e64a4a;
   --color-background: #212529;
-  --color-brush-fill: rgba(180, 180, 180, 0.05);
-  --color-brush-stroke: rgba(180, 180, 180, 0.25);
+  --color-brush-fill: rgba(180, 180, 180, .05);
+  --color-brush-stroke: rgba(180, 180, 180, .25);
   --color-grid: #909090;
   --color-low: #2c3136;
   --color-low-border: #30363b;
   --color-culled: rgb(47, 52, 57);
   --color-muted-none: rgba(255, 255, 255, 0);
-  --color-muted-0: rgba(255, 255, 255, 0.02);
-  --color-muted-1: rgba(255, 255, 255, 0.1);
-  --color-muted-2: rgba(255, 255, 255, 0.05);
-  --color-hint: rgba(255, 255, 255, 0.1);
-  --color-overlay: rgba(0, 0, 0, 0.35);
+  --color-muted-0: rgba(255, 255, 255, .02);
+  --color-muted-1: rgba(255, 255, 255, .1);
+  --color-muted-2: rgba(255, 255, 255, .05);
+  --color-hint: rgba(255, 255, 255, .1);
+  --color-overlay: rgba(0, 0, 0, .35);
   --color-divider: #49555f;
   --color-panel-contrast: #49555f;
   --color-panel: #363d44;
-  --color-panel-overlay: rgba(54, 61, 68, 0.82);
+  --color-panel-overlay: rgba(54, 61, 68, .82);
   --color-focus: #a5c3f3;
   --color-selected: #4285f4;
   --color-selected-contrast: #ffffff;
-  --color-selection-fill: rgba(38, 150, 255, 0.05);
+  --color-selection-fill: rgba(38, 150, 255, .05);
   --color-selection-stroke: #2f80ed;
   --color-text-0: #f0eded;
   --color-text-1: #d9d9d9;
@@ -162,7 +160,7 @@
     inset 0px 0px 0px 1px var(--color-panel-contrast);
   --shadow-3:
     0px 1px 3px #00000077,
-    0px 2px 12px rgba(0, 0, 0, 0.22),
+    0px 2px 12px rgba(0, 0, 0, .22),
     inset 0px 0px 0px 1px var(--color-panel-contrast);
 }
 .tl-counter-scaled {
@@ -195,8 +193,8 @@ input,
 }
 .tl-canvas {
   position: absolute;
-  top: 0px;
-  left: 0px;
+  top: 0;
+  left: 0;
   width: 100%;
   height: 100%;
   color: var(--color-text);
@@ -209,8 +207,8 @@ input,
 }
 .tl-fixed-layer {
   position: absolute;
-  top: 0px;
-  left: 0px;
+  top: 0;
+  left: 0;
   width: 100%;
   height: 100%;
   contain: strict;
@@ -226,8 +224,8 @@ input,
 }
 .tl-overlays__item {
   position: absolute;
-  top: 0px;
-  left: 0px;
+  top: 0;
+  left: 0;
   height: var(--tl-dpr-multiple-px);
   width: var(--tl-dpr-multiple-px);
   overflow: visible;
@@ -236,28 +234,28 @@ input,
 }
 .tl-svg-context {
   position: absolute;
-  top: 0px;
-  left: 0px;
+  top: 0;
+  left: 0;
   height: var(--tl-dpr-multiple-px);
   width: var(--tl-dpr-multiple-px);
   pointer-events: none;
 }
 .tl-positioned {
   position: absolute;
-  top: 0px;
-  left: 0px;
+  top: 0;
+  left: 0;
   transform-origin: top left;
 }
 .tl-background {
   position: absolute;
   background-color: var(--color-background);
-  inset: 0px;
+  inset: 0;
   z-index: var(--layer-background);
 }
 .tl-grid {
   position: absolute;
-  top: 0px;
-  left: 0px;
+  top: 0;
+  left: 0;
   width: 100%;
   height: 100%;
   touch-action: none;
@@ -270,8 +268,8 @@ input,
 }
 .tl-html-layer {
   position: absolute;
-  top: 0px;
-  left: 0px;
+  top: 0;
+  left: 0;
   width: 1px;
   height: 1px;
   contain: layout style size;
@@ -307,8 +305,8 @@ input,
 }
 .tl-svg-container {
   position: absolute;
-  top: 0px;
-  left: 0px;
+  top: 0;
+  left: 0;
   width: 100%;
   height: 100%;
   pointer-events: none;
@@ -319,8 +317,8 @@ input,
 }
 .tl-html-container {
   position: absolute;
-  top: 0px;
-  left: 0px;
+  top: 0;
+  left: 0;
   width: 100%;
   height: 100%;
   pointer-events: none;
@@ -381,8 +379,8 @@ input,
 }
 .tl-selection__bg {
   position: absolute;
-  top: 0px;
-  left: 0px;
+  top: 0;
+  left: 0;
   transform-origin: top left;
   background-color: transparent;
   pointer-events: all;
@@ -403,11 +401,7 @@ input,
   pointer-events: none;
   fill: var(--color-selection-stroke);
 }
-.tl-corner-crop-handle {
-  pointer-events: none;
-  fill: none;
-  stroke: var(--color-selection-stroke);
-}
+.tl-corner-crop-handle,
 .tl-corner-crop-edge-handle {
   pointer-events: none;
   fill: none;
@@ -488,7 +482,7 @@ input,
   align-items: center;
 }
 .tl-image__tg {
-  --scale: calc(min(2, var(--tl-scale)));
+  --scale: min(2, var(--tl-scale)) ;
   position: absolute;
   top: calc(var(--scale) * 8px);
   right: calc(var(--scale) * 8px);
@@ -502,7 +496,6 @@ input,
   position: absolute;
 }
 .tl-nametag {
-  position: absolute;
   top: 16px;
   left: 13px;
   width: -moz-fit-content;
@@ -521,14 +514,13 @@ input,
   color: var(--color-selected-contrast);
 }
 .tl-nametag-title {
-  position: absolute;
   top: -2px;
   left: 13px;
   width: -moz-fit-content;
   width: fit-content;
   height: -moz-fit-content;
   height: fit-content;
-  padding: 0px 6px;
+  padding: 0 6px;
   max-width: 120px;
   white-space: nowrap;
   position: absolute;
@@ -540,7 +532,6 @@ input,
   color: var(--color-selected-contrast);
 }
 .tl-nametag-chat {
-  position: absolute;
   top: 16px;
   left: 13px;
   width: -moz-fit-content;
@@ -588,23 +579,23 @@ input,
   text-shadow: none;
 }
 .tl-cursor-chat-fade {
-  opacity: 0.0001;
+  opacity: .0001;
   transition: opacity 5s ease-in-out;
 }
 .tl-cursor-chat::-moz-placeholder {
   color: var(--color-selected-contrast);
-  opacity: 0.7;
+  opacity: .7;
 }
 .tl-cursor-chat::placeholder {
   color: var(--color-selected-contrast);
-  opacity: 0.7;
+  opacity: .7;
 }
 @keyframes spinner {
   to {
     transform: rotate(360deg);
   }
 }
-.tl-spinner::after {
+.tl-spinner:after {
   content: "";
   box-sizing: border-box;
   position: absolute;
@@ -617,7 +608,7 @@ input,
   border-radius: 50%;
   border: 2px solid #ccc;
   border-top-color: #000;
-  animation: spinner 0.6s linear infinite;
+  animation: spinner .6s linear infinite;
   pointer-events: none;
 }
 .tl-iconshape__icon {
@@ -631,10 +622,10 @@ input,
 }
 .tl-text-shape__wrapper {
   position: relative;
-  font-weight: normal;
+  font-weight: 400;
   min-width: 1px;
-  padding: 0px;
-  margin: 0px;
+  padding: 0;
+  margin: 0;
   border: none;
   height: 100%;
   font-variant: normal;
@@ -669,8 +660,8 @@ input,
   opacity: 0;
 }
 .tl-text {
-  margin: 0px;
-  padding: 0px;
+  margin: 0;
+  padding: 0;
   border: 0px;
   color: inherit;
   caret-color: var(--color-text);
@@ -732,8 +723,8 @@ input,
 .tl-text-input,
 .tl-text-content {
   position: absolute;
-  top: 0px;
-  left: 0px;
+  top: 0;
+  left: 0;
   width: 100%;
   height: 100%;
   min-width: 1px;
@@ -762,11 +753,7 @@ input,
   color: var(--color-selected-contrast);
   text-shadow: none;
 }
-.tl-snap-line {
-  stroke: var(--color-accent);
-  stroke-width: calc(1px * var(--tl-scale));
-  fill: none;
-}
+.tl-snap-line,
 .tl-snap-point {
   stroke: var(--color-accent);
   stroke-width: calc(1px * var(--tl-scale));
@@ -775,7 +762,7 @@ input,
 .tl-group {
   stroke: var(--color-text);
   stroke-width: calc(1px * var(--tl-scale));
-  opacity: 0.5;
+  opacity: .5;
 }
 .tl-bookmark__container {
   width: 100%;
@@ -799,7 +786,7 @@ input,
   justify-content: flex-end;
   align-items: flex-start;
 }
-.tl-bookmark__image_container > .tl-hyperlink-button::after {
+.tl-bookmark__image_container > .tl-hyperlink-button:after {
   background-color: var(--color-panel);
 }
 .tl-bookmark__placeholder {
@@ -824,15 +811,15 @@ input,
 .tl-bookmark__heading,
 .tl-bookmark__description,
 .tl-bookmark__link {
-  margin: 0px;
+  margin: 0;
   width: 100%;
   font-family: inherit;
 }
 .tl-bookmark__heading {
   font-size: 16px;
-  font-weight: bold;
+  font-weight: 700;
   padding-bottom: var(--space-2);
-  margin: 8px 0px;
+  margin: 8px 0;
 }
 .tl-bookmark__description {
   font-size: 12px;
@@ -855,10 +842,10 @@ input,
 }
 .tl-hyperlink-button {
   background: none;
-  margin: 0px;
+  margin: 0;
   position: absolute;
-  top: 0px;
-  right: 0px;
+  top: 0;
+  right: 0;
   height: 44px;
   width: 44px;
   display: flex;
@@ -874,7 +861,7 @@ input,
   outline: none;
   pointer-events: all;
 }
-.tl-hyperlink-button::after {
+.tl-hyperlink-button:after {
   content: "";
   z-index: -1;
   position: absolute;
@@ -910,7 +897,7 @@ input,
   text-shadow: var(--tl-text-outline);
   line-height: inherit;
   position: absolute;
-  inset: 0px;
+  inset: 0;
   z-index: 10;
 }
 .tl-text-label[data-isediting=true] .tl-text-content {
@@ -937,8 +924,8 @@ input,
 }
 .tl-text-label__inner > .tl-text {
   position: relative;
-  top: 0px;
-  left: 0px;
+  top: 0;
+  left: 0;
   padding: 16px;
   height: -moz-fit-content;
   height: fit-content;
@@ -950,8 +937,8 @@ input,
 }
 .tl-text-label__inner > .tl-text-input {
   position: absolute;
-  top: 0px;
-  left: 0px;
+  top: 0;
+  left: 0;
   width: 100%;
   height: 100%;
   padding: 16px;
@@ -1007,7 +994,7 @@ input,
   left: -1px;
   width: 2px;
   height: 2px;
-  padding: 0px;
+  padding: 0;
   display: flex;
   justify-content: center;
   align-items: center;
@@ -1035,8 +1022,8 @@ input,
 }
 .tl-arrow-label p,
 .tl-arrow-label textarea {
-  margin: 0px;
-  padding: 0px;
+  margin: 0;
+  padding: 0;
   border: 0px;
   color: inherit;
   caret-color: var(--color-text);
@@ -1079,7 +1066,7 @@ input,
 }
 .tl-arrow-label textarea {
   z-index: 3;
-  margin: 0px;
+  margin: 0;
   padding: 4px;
   height: 100%;
   width: 100%;
@@ -1111,12 +1098,12 @@ input,
 .tl-note__scrim {
   position: absolute;
   z-index: 1;
-  top: 0px;
-  left: 0px;
+  top: 0;
+  left: 0;
   width: 100%;
   height: 100%;
   background-color: var(--color-background);
-  opacity: 0.28;
+  opacity: .28;
 }
 .tl-loading {
   background-color: var(--color-background);
@@ -1131,14 +1118,14 @@ input,
   font-size: 14px;
   font-weight: 500;
   opacity: 0;
-  animation: fade-in 0.2s ease-in-out forwards;
-  animation-delay: 0.2s;
+  animation: fade-in .2s ease-in-out forwards;
+  animation-delay: .2s;
 }
 @keyframes fade-in {
   0% {
     opacity: 0;
   }
-  100% {
+  to {
     opacity: 1;
   }
 }
@@ -1207,13 +1194,11 @@ input,
 }
 .tl-frame-name-input {
   position: absolute;
-  top: 0px;
-  left: 0px;
   border: none;
   background: none;
   outline: none;
   padding: var(--space-3) var(--space-3);
-  inset: 0px;
+  inset: 0;
   font-size: inherit;
   font-family: inherit;
   font-weight: inherit;
@@ -1247,13 +1232,13 @@ input,
   display: flex;
 }
 .tl-image__button:disabled {
-  opacity: 0.5;
+  opacity: .5;
   pointer-events: none;
 }
 .tl-image__toolbox {
   position: absolute;
-  top: 0px;
-  left: 0px;
+  top: 0;
+  left: 0;
   display: flex;
   justify-content: flex-end;
   align-items: flex-end;
@@ -1280,7 +1265,7 @@ input,
   overflow: hidden;
   padding: var(--space-2);
 }
-.tl-shape-error-boundary::before {
+.tl-shape-error-boundary:before {
   transform: scale(var(--tl-scale));
   content: "Error";
   font-size: 12px;
@@ -1301,7 +1286,7 @@ input,
 }
 .tl-error-boundary__overlay {
   position: absolute;
-  inset: 0px;
+  inset: 0;
   z-index: 500;
   background-color: var(--color-overlay);
 }
@@ -1314,14 +1299,14 @@ input,
 .tl-error-boundary__canvas {
   pointer-events: none;
   position: absolute;
-  inset: 0px;
+  inset: 0;
   z-index: -1;
 }
-.tl-error-boundary__canvas::after {
+.tl-error-boundary__canvas:after {
   content: " ";
   display: block;
   position: absolute;
-  inset: 0px;
+  inset: 0;
   z-index: 600;
   pointer-events: all;
 }
@@ -1350,12 +1335,12 @@ input,
 }
 .tl-error-boundary__content h2 {
   font-size: 16px;
-  margin: 0px;
+  margin: 0;
   font-weight: 500;
 }
 .tl-error-boundary__content p {
   line-height: 1.5;
-  margin: 0px;
+  margin: 0;
 }
 .tl-error-boundary__content pre {
   background-color: var(--color-muted-2);
@@ -1404,8 +1389,7 @@ input,
   display: flex;
   justify-content: space-between;
   gap: var(--space-4);
-  margin: 0px;
-  margin-left: -4px;
+  margin: 0 0 0 -4px;
 }
 .tl-error-boundary__content__actions__group {
   display: flex;
@@ -1420,7 +1404,7 @@ input,
 }
 .tl-error-boundary__content .tl-error-boundary__refresh:hover {
   background-color: var(--color-primary);
-  opacity: 0.9;
+  opacity: .9;
 }
 @media screen and (pointer: coarse) {
   .tl-canvas__mobile .tl-handle__hint {
@@ -1450,7 +1434,7 @@ input,
   position: relative;
   height: 40px;
   min-width: 40px;
-  padding: 0px 12px;
+  padding: 0 12px;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1487,7 +1471,7 @@ input,
   outline-offset: -4px;
   border-radius: var(--radius-3);
 }
-.tlui-button::after {
+.tlui-button:after {
   display: block;
   content: "";
   position: absolute;
@@ -1495,16 +1479,16 @@ input,
   background-color: transparent;
   border-radius: var(--radius-2);
 }
-.tlui-button[aria-expanded=true]::after {
+.tlui-button[aria-expanded=true]:after {
   background-color: var(--color-muted-0);
   opacity: 1;
 }
 @media (hover: hover) {
-  .tlui-button::after {
+  .tlui-button:after {
     background-color: var(--color-muted-2);
     opacity: 0;
   }
-  .tlui-button:not(:disabled):hover::after {
+  .tlui-button:not(:disabled):hover:after {
     opacity: 1;
   }
 }
@@ -1513,7 +1497,7 @@ input,
   background-color: var(--color-low);
 }
 @media (hover: hover) {
-  .tlui-button__low::after {
+  .tlui-button__low:after {
     background-color: var(--color-muted-2);
   }
 }
@@ -1541,22 +1525,22 @@ input,
   width: 40px;
   min-height: 40px;
   min-width: 40px;
-  padding: 0px;
+  padding: 0;
 }
-.tlui-button__icon[data-state=hinted]::after {
+.tlui-button__icon[data-state=hinted]:after {
   background: var(--color-hint);
   opacity: 1;
 }
-.tlui-button__icon[data-state=hinted]:not(:disabled, :focus-visible):active::after {
+.tlui-button__icon[data-state=hinted]:not(:disabled, :focus-visible):active:after {
   background: var(--color-hint);
   opacity: 1;
 }
 @media (hover: hover) {
-  .tlui-button__icon::after {
+  .tlui-button__icon:after {
     inset: 4px;
     border-radius: var(--radius-2);
   }
-  .tlui-button__icon[data-state=hinted]:not(:disabled, :focus-visible):hover::after {
+  .tlui-button__icon[data-state=hinted]:not(:disabled, :focus-visible):hover:after {
     background: var(--color-hint);
   }
 }
@@ -1566,16 +1550,16 @@ input,
   min-width: 128px;
   width: 100%;
   gap: 8px;
-  margin: -4px 0px;
+  margin: -4px 0;
 }
 .tlui-button__menu:nth-child(1) {
-  margin-top: 0px;
+  margin-top: 0;
 }
 .tlui-button__menu:nth-last-child(1) {
-  margin-bottom: 0px;
+  margin-bottom: 0;
 }
 @media (hover: hover) {
-  .tlui-button__menu::after {
+  .tlui-button__menu:after {
     inset: 4px;
     border-radius: var(--radius-2);
   }
@@ -1590,16 +1574,14 @@ input,
 .tlui-toolbar__lock-button {
   position: absolute;
   top: 4px;
-  right: 0px;
+  right: 0;
   pointer-events: all;
   height: 40px;
   width: 40px;
   min-width: 0px;
   border-radius: var(--radius-2);
 }
-.tlui-toolbar__lock-button::after {
-  top: 4px;
-  left: 8px;
+.tlui-toolbar__lock-button:after {
   inset: 4px;
 }
 .tlui-button__tool {
@@ -1610,13 +1592,13 @@ input,
   margin-right: -2px;
 }
 .tlui-button__tool:nth-of-type(1) {
-  margin-left: 0px;
+  margin-left: 0;
 }
 .tlui-button__tool:nth-last-of-type(1) {
-  margin-right: 0px;
+  margin-right: 0;
 }
 @media (hover: hover) {
-  .tlui-button__tool::after {
+  .tlui-button__tool:after {
     inset: 4px;
     border-radius: 8px;
   }
@@ -1630,21 +1612,21 @@ input,
 .tlui-button__tool[data-state=selected]:not(:disabled, :focus-visible):active {
   color: var(--color-selected-contrast);
 }
-.tlui-button__tool[data-state=selected]:not(:disabled)::after {
+.tlui-button__tool[data-state=selected]:not(:disabled):after {
   background: var(--color-selected);
   opacity: 1;
 }
 .tlui-button__help {
   height: 32px;
   width: 32px;
-  padding: 0px;
+  padding: 0;
   min-width: 32px;
   border-radius: 100%;
   background-color: var(--color-low);
   border: 1px solid var(--color-low-border);
 }
 @media (hover: hover) {
-  .tlui-button__help::after {
+  .tlui-button__help:after {
     background-color: var(--color-muted-2);
     border-radius: 100%;
     inset: 4px;
@@ -1659,10 +1641,10 @@ input,
   margin-right: -2px;
 }
 .tlui-buttons__horizontal > *:nth-child(1) {
-  margin-left: 0px;
+  margin-left: 0;
 }
 .tlui-buttons__horizontal > *:nth-last-child(1) {
-  margin-right: 0px;
+  margin-right: 0;
 }
 .tlui-buttons__grid {
   display: grid;
@@ -1674,16 +1656,16 @@ input,
   margin: -2px;
 }
 .tlui-buttons__grid > .tlui-button:nth-of-type(4n) {
-  margin-right: 0px;
+  margin-right: 0;
 }
 .tlui-buttons__grid > .tlui-button:nth-of-type(4n-3) {
-  margin-left: 0px;
+  margin-left: 0;
 }
 .tlui-buttons__grid > .tlui-button:nth-of-type(-n+4) {
-  margin-top: 0px;
+  margin-top: 0;
 }
 .tlui-buttons__grid > .tlui-button:nth-last-of-type(-n+4) {
-  margin-bottom: 0px;
+  margin-bottom: 0;
 }
 .tlui-zoom-menu__button__pct {
   width: 60px;
@@ -1798,7 +1780,7 @@ input,
   height: 44px;
   cursor: pointer;
 }
-.tlui-slider__track::after {
+.tlui-slider__track:after {
   display: block;
   position: absolute;
   top: calc(50% - 2px);
@@ -1811,7 +1793,7 @@ input,
 .tlui-slider__range {
   position: absolute;
   top: calc(50% - 2px);
-  left: 0px;
+  left: 0;
   height: 3px;
   background-color: var(--color-selected);
   border-radius: 14px;
@@ -1826,11 +1808,11 @@ input,
   top: -1px;
   background-color: var(--color-panel);
   border-radius: 999px;
-  box-shadow: inset 0px 0px 0px 2px var(--color-text-1);
+  box-shadow: inset 0 0 0 2px var(--color-text-1);
 }
 .tlui-slider__thumb:active {
   cursor: grabbing;
-  box-shadow: inset 0px 0px 0px 2px var(--color-text-1), var(--shadow-1);
+  box-shadow: inset 0 0 0 2px var(--color-text-1), var(--shadow-1);
 }
 .tlui-slider__thumb:focus-visible {
   box-shadow: inset 0 0 0 2px var(--color-focus);
@@ -1853,7 +1835,7 @@ input,
   width: 100%;
   text-align: center;
   display: inline;
-  margin: 0px;
+  margin: 0;
   padding: 2px;
   border-radius: 2px;
 }
@@ -1872,7 +1854,7 @@ input,
 .tlui-popover__content {
   position: relative;
   max-height: 75vh;
-  margin: 0px;
+  margin: 0;
   border: none;
   border-radius: var(--radius-3);
   background-color: var(--color-panel);
@@ -1912,8 +1894,12 @@ input,
   border-bottom-right-radius: var(--radius-4);
   background-color: var(--color-low);
 }
-.tlui-menu-zone *[data-state=open]::after {
-  background: linear-gradient(180deg, rgba(144, 144, 144, 0) 0%, var(--color-muted-2) 100%);
+.tlui-menu-zone *[data-state=open]:after {
+  background:
+    linear-gradient(
+      180deg,
+      rgba(144, 144, 144, 0) 0%,
+      var(--color-muted-2) 100%);
 }
 .tlui-style-panel__wrapper {
   box-shadow: var(--shadow-2);
@@ -1983,12 +1969,12 @@ input,
   flex-grow: 2;
   max-width: 100%;
 }
-.tlui-style-panel__section *[data-state=open]::after {
+.tlui-style-panel__section *[data-state=open]:after {
   background: var(--color-muted-0);
 }
 .tlui-input {
   background: none;
-  margin: 0px;
+  margin: 0;
   position: relative;
   z-index: 1;
   height: 40px;
@@ -2001,7 +1987,7 @@ input,
   font-weight: inherit;
   color: var(--color-text-1);
   padding: var(--space-4);
-  padding-left: 0px;
+  padding-left: 0;
   border: none;
   outline: none;
   text-overflow: ellipsis;
@@ -2033,10 +2019,7 @@ input,
 .tlui-prompt__overlay {
   background: var(--color-overlay);
   position: fixed;
-  top: 0px;
-  left: 0px;
-  right: 0px;
-  bottom: 0px;
+  inset: 0;
   display: grid;
   place-items: center;
   overflow-y: auto;
@@ -2056,15 +2039,15 @@ input,
 }
 .tlui-prompt__actions {
   border: none;
-  padding: 0px;
-  margin: 0px;
+  padding: 0;
+  margin: 0;
   display: flex;
   justify-content: flex-end;
   margin-right: calc(-1 * var(--space-3));
   margin-bottom: calc(-1 * var(--space-3));
 }
 .tlui-prompt__title {
-  margin: 0px;
+  margin: 0;
   font-size: 12px;
 }
 .tlui-prompt__error {
@@ -2075,14 +2058,14 @@ input,
 }
 .tlui-dialog__overlay {
   position: absolute;
-  top: 0px;
-  left: 0px;
+  top: 0;
+  left: 0;
   width: 100%;
   height: 100%;
   z-index: var(--layer-overlays);
   background-color: var(--color-overlay);
   pointer-events: all;
-  animation: fadeIn 0.12s ease-out;
+  animation: fadeIn .12s ease-out;
   display: grid;
   place-items: center;
   overflow-y: auto;
@@ -2115,7 +2098,7 @@ input,
   flex: 1;
   font-weight: inherit;
   font-size: 12px;
-  margin: 0px;
+  margin: 0;
   color: var(--color-text-1);
 }
 .tlui-dialog__header__close {
@@ -2182,7 +2165,7 @@ input,
   border-top-right-radius: var(--radius-4);
   border: 4px solid var(--color-background);
   margin-left: 8px;
-  margin-right: 0px;
+  margin-right: 0;
   pointer-events: all;
   width: -moz-fit-content;
   width: fit-content;
@@ -2205,10 +2188,14 @@ input,
 @media (max-width: 640px) {
   .tlui-toolbar__overflow {
     width: 32px;
-    padding: 0px;
+    padding: 0;
   }
-  .tlui-toolbar *[data-state=open]::after {
-    background: linear-gradient(0deg, rgba(144, 144, 144, 0) 0%, var(--color-muted-2) 100%);
+  .tlui-toolbar *[data-state=open]:after {
+    background:
+      linear-gradient(
+        0deg,
+        rgba(144, 144, 144, 0) 0%,
+        var(--color-muted-2) 100%);
   }
 }
 .tlui-help-menu {
@@ -2221,7 +2208,7 @@ input,
   border-radius: 100%;
 }
 .tlui-context-menu__move-to-page__name {
-  max-width: calc(min(300px, 35vw));
+  max-width: min(300px, 35vw);
   overflow: hidden;
   text-overflow: ellipsis;
 }
@@ -2269,21 +2256,29 @@ input,
 .tlui-menu__group + .tlui-menu__group {
   border-top: 1px solid var(--color-divider);
 }
-.tlui-menu__submenu__trigger[data-state=open]:not(:hover)::after {
+.tlui-menu__submenu__trigger[data-state=open]:not(:hover):after {
   border-radius: var(--radius-1);
-  background: linear-gradient(90deg, rgba(144, 144, 144, 0) 0%, var(--color-muted-2) 100%);
+  background:
+    linear-gradient(
+      90deg,
+      rgba(144, 144, 144, 0) 0%,
+      var(--color-muted-2) 100%);
 }
-.tlui-menu__submenu__trigger[data-direction=left][data-state=open]:not(:hover)::after {
+.tlui-menu__submenu__trigger[data-direction=left][data-state=open]:not(:hover):after {
   border-radius: var(--radius-1);
-  background: linear-gradient(270deg, rgba(144, 144, 144, 0) 0%, var(--color-muted-2) 100%);
+  background:
+    linear-gradient(
+      270deg,
+      rgba(144, 144, 144, 0) 0%,
+      var(--color-muted-2) 100%);
 }
 .tlui-actions-menu {
   max-height: calc(100vh - 150px);
 }
 .tlui-toast__viewport {
   position: absolute;
-  inset: 0px;
-  margin: 0px;
+  inset: 0;
+  margin: 0;
   display: flex;
   align-items: flex-end;
   justify-content: flex-end;
@@ -2321,17 +2316,17 @@ input,
   gap: var(--space-3);
 }
 .tlui-toast__title {
-  font-weight: bold;
+  font-weight: 700;
   color: var(--color-text-1);
 }
 .tlui-toast__description {
   color: var(--color-text-1);
   padding: var(--space-3);
-  margin: 0px;
-  padding: 0px;
+  margin: 0;
+  padding: 0;
 }
 .tlui-toast__icon + .tlui-toast__main > .tlui-toast__actions {
-  padding-left: 0px;
+  padding-left: 0;
 }
 .tlui-toast__actions {
   display: flex;
@@ -2345,20 +2340,20 @@ input,
 }
 @media (prefers-reduced-motion: no-preference) {
   .tlui-toast__container[data-state=open] {
-    animation: slide-in 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
+    animation: slide-in .2s cubic-bezier(.785, .135, .15, .86);
   }
   .tlui-toast__container[data-state=closed] {
-    animation: hide 100ms ease-in;
+    animation: hide .1s ease-in;
   }
   .tlui-toast__container[data-swipe=move] {
-    transform: translateX(var(--radix-toast-swipe-move-x));
+    transform: translate(var(--radix-toast-swipe-move-x));
   }
   .tlui-toast__container[data-swipe=cancel] {
-    transform: translateX(0);
-    transition: transform 200ms ease-out;
+    transform: translate(0);
+    transition: transform .2s ease-out;
   }
   .tlui-toast__container[data-swipe=end] {
-    animation: swipe-out 100ms ease-out;
+    animation: swipe-out .1s ease-out;
   }
 }
 .tlui-layout__bottom {
@@ -2379,15 +2374,15 @@ input,
   z-index: var(--layer-panels);
   pointer-events: all;
   position: absolute;
-  left: 0px;
-  bottom: 0px;
+  left: 0;
+  bottom: 0;
 }
-.tlui-navigation-zone::before {
+.tlui-navigation-zone:before {
   content: "";
   display: block;
   position: absolute;
   z-index: -1;
-  inset: -4px -4px 0px 0px;
+  inset: -4px -4px 0 0;
   border-radius: 0;
   border-top: 4px solid var(--color-background);
   border-right: 4px solid var(--color-background);
@@ -2395,7 +2390,7 @@ input,
   background-color: var(--color-low);
 }
 .tlui-navigation-zone__toggle .tlui-icon {
-  opacity: 0.24;
+  opacity: .24;
 }
 .tlui-navigation-zone__toggle:active .tlui-icon {
   opacity: 1;
@@ -2411,7 +2406,7 @@ input,
   min-height: 96px;
   overflow: hidden;
   padding: var(--space-3);
-  padding-top: 0px;
+  padding-top: 0;
 }
 .tlui-minimap__canvas {
   position: relative;
@@ -2422,24 +2417,24 @@ input,
   0% {
     opacity: 1;
   }
-  100% {
+  to {
     opacity: 0;
   }
 }
 @keyframes slide-in {
-  from {
-    transform: translateX(calc(100% + var(--space-3)));
+  0% {
+    transform: translate(calc(100% + var(--space-3)));
   }
   to {
-    transform: translateX(0px);
+    transform: translate(0);
   }
 }
 @keyframes swipe-out {
-  from {
-    transform: translateX(var(--radix-toast-swipe-end-x));
+  0% {
+    transform: translate(var(--radix-toast-swipe-end-x));
   }
   to {
-    transform: translateX(calc(100% + var(--space-3)));
+    transform: translate(calc(100% + var(--space-3)));
   }
 }
 .tlui-page-menu__wrapper {
@@ -2483,7 +2478,6 @@ input,
 }
 .tlui-page-menu__list {
   position: relative;
-  touch-action: auto;
   flex-direction: column;
   max-height: 100%;
   overflow-x: hidden;
@@ -2517,7 +2511,7 @@ input,
 }
 .tlui-page-menu__item__button__check {
   position: absolute;
-  left: 0px;
+  left: 0;
   width: 24px;
   padding-left: 10px;
   display: inline-flex;
@@ -2527,8 +2521,8 @@ input,
 }
 .tlui-page_menu__item__sortable {
   position: absolute;
-  top: 0px;
-  left: 0px;
+  top: 0;
+  left: 0;
   width: 100%;
   height: -moz-fit-content;
   height: fit-content;
@@ -2568,9 +2562,8 @@ input,
   pointer-events: all;
   flex: 0;
   cursor: pointer;
-  margin: 0px;
   display: none;
-  margin-left: -2px;
+  margin: 0 0 0 -2px;
 }
 .tlui-page_menu__item__submenu[data-isediting=true] {
   display: block;
@@ -2618,16 +2611,16 @@ input,
   display: flex;
   text-align: left;
   gap: var(--space-3);
-  margin: 0px -8px;
+  margin: 0 -8px;
   cursor: pointer;
-  padding: 0px 4px;
+  padding: 0 4px;
   align-items: center;
   color: var(--color-text);
   font-size: var(--font-size-1);
   height: 44px;
 }
 @media (hover: hover) {
-  .tlui-embed-dialog__item:not(:disabled, :focus-visible):hover::after {
+  .tlui-embed-dialog__item:not(:disabled, :focus-visible):hover:after {
     display: block;
     content: "";
     position: absolute;
@@ -2673,7 +2666,7 @@ input,
 .tlui-following-indicator {
   display: block;
   position: absolute;
-  inset: 0px;
+  inset: 0;
   border-width: 2px;
   border-style: solid;
   z-index: var(--layer-following-indicator);
@@ -2693,7 +2686,7 @@ input,
   border-radius: 99px;
   opacity: 0;
   animation: fade-in;
-  animation-duration: 0.12s;
+  animation-duration: .12s;
   animation-delay: 2s;
   animation-fill-mode: forwards;
 }
@@ -2733,7 +2726,7 @@ input,
 .tlui-shortcuts-dialog__group__title {
   font-size: inherit;
   font-weight: inherit;
-  margin: 0px;
+  margin: 0;
   color: var(--color-text-3);
   height: 32px;
   display: flex;
@@ -2755,8 +2748,6 @@ input,
   flex: 1;
   font-size: 12px;
 }
-
-/* ../../../../../../../tmp/tmp-3256-icI8h5g2cNm3/19c656669e90/index.css */
 .tlui-navigation-zone,
 .tlui-navigation-panel {
   display: none;