@mantine/core 7.6.0 → 7.6.1

package/styles/Radio.css

@@ -1 +1,121 @@
-.m-f3f1af94{--radio-size-xs:calc(1rem*var(--mantine-scale));--radio-size-sm:calc(1.25rem*var(--mantine-scale));--radio-size-md:calc(1.5rem*var(--mantine-scale));--radio-size-lg:calc(1.875rem*var(--mantine-scale));--radio-size-xl:calc(2.25rem*var(--mantine-scale));--radio-size:var(--radio-size-sm);--radio-icon-size-xs:calc(0.375rem*var(--mantine-scale));--radio-icon-size-sm:calc(0.5rem*var(--mantine-scale));--radio-icon-size-md:calc(0.625rem*var(--mantine-scale));--radio-icon-size-lg:calc(0.875rem*var(--mantine-scale));--radio-icon-size-xl:calc(1rem*var(--mantine-scale));--radio-icon-size:var(--radio-icon-size-sm);--radio-icon-color:var(--mantine-color-white)}.m-89c4f5e4{height:var(--radio-size);order:1;position:relative;width:var(--radio-size)}.m-89c4f5e4:where([data-label-position=left]){order:2}.m-f3ed6b2b{color:var(--radio-icon-color);height:var(--radio-icon-size);left:calc(50% - var(--radio-icon-size)/2);opacity:var(--radio-icon-opacity,0);pointer-events:none;position:absolute;top:calc(50% - var(--radio-icon-size)/2);transform:var(--radio-icon-transform,scale(.2) translateY(calc(.625rem*var(--mantine-scale))));transition:opacity .1s ease,transform .2s ease;width:var(--radio-icon-size)}.m-8a3dbb89{-webkit-tap-highlight-color:transparent;align-items:center;appearance:none;border:calc(.0625rem*var(--mantine-scale)) solid;border-radius:var(--radio-radius,var(--radio-size));cursor:var(--mantine-cursor-type);display:flex;height:var(--radio-size);justify-content:center;margin:0;position:relative;transition-duration:.1s;transition-property:background-color,border-color;transition-timing-function:ease;width:var(--radio-size)}:where([data-mantine-color-scheme=light]) .m-8a3dbb89{background-color:var(--mantine-color-white);border-color:var(--mantine-color-gray-4)}[data-mantine-color-scheme=dark] .m-8a3dbb89{background-color:var(--mantine-color-dark-6);border-color:var(--mantine-color-dark-4)}.m-8a3dbb89:checked{background-color:var(--radio-color,var(--mantine-primary-color-filled));border-color:var(--radio-color,var(--mantine-primary-color-filled))}.m-8a3dbb89:checked+.m-f3ed6b2b{--radio-icon-opacity:1;--radio-icon-transform:scale(1)}.m-8a3dbb89:disabled{cursor:not-allowed}:where([data-mantine-color-scheme=light]) .m-8a3dbb89:disabled{background-color:var(--mantine-color-gray-1);border-color:var(--mantine-color-gray-2)}:where([data-mantine-color-scheme=light]) .m-8a3dbb89:disabled+.m-f3ed6b2b{--radio-icon-color:var(--mantine-color-gray-3)}:where([data-mantine-color-scheme=dark]) .m-8a3dbb89:disabled{background-color:var(--mantine-color-dark-5);border-color:var(--mantine-color-dark-4)}:where([data-mantine-color-scheme=dark]) .m-8a3dbb89:disabled+.m-f3ed6b2b{--radio-icon-color:var(--mantine-color-dark-7)}.m-8a3dbb89:where([data-error]){border-color:var(--mantine-color-error)}.m-1bfe9d39+.m-f3ed6b2b{--radio-icon-color:var(--radio-color)}.m-1bfe9d39:checked:not(:disabled){background-color:transparent;border-color:var(--radio-color)}.m-1bfe9d39:checked:not(:disabled)+.m-f3ed6b2b{--radio-icon-color:var(--radio-color);--radio-icon-opacity:1;--radio-icon-transform:none}
+.m-f3f1af94 {
+  --radio-size-xs: calc(1rem * var(--mantine-scale));
+  --radio-size-sm: calc(1.25rem * var(--mantine-scale));
+  --radio-size-md: calc(1.5rem * var(--mantine-scale));
+  --radio-size-lg: calc(1.875rem * var(--mantine-scale));
+  --radio-size-xl: calc(2.25rem * var(--mantine-scale));
+  --radio-size: var(--radio-size-sm);
+
+  --radio-icon-size-xs: calc(0.375rem * var(--mantine-scale));
+  --radio-icon-size-sm: calc(0.5rem * var(--mantine-scale));
+  --radio-icon-size-md: calc(0.625rem * var(--mantine-scale));
+  --radio-icon-size-lg: calc(0.875rem * var(--mantine-scale));
+  --radio-icon-size-xl: calc(1rem * var(--mantine-scale));
+  --radio-icon-size: var(--radio-icon-size-sm);
+  --radio-icon-color: var(--mantine-color-white);
+}
+
+.m-89c4f5e4 {
+  position: relative;
+  width: var(--radio-size);
+  height: var(--radio-size);
+  order: 1;
+}
+
+.m-89c4f5e4:where([data-label-position='left']) {
+    order: 2;
+  }
+
+.m-f3ed6b2b {
+  color: var(--radio-icon-color);
+  opacity: var(--radio-icon-opacity, 0);
+  transform: var(--radio-icon-transform, scale(0.2) translateY(calc(0.625rem * var(--mantine-scale))));
+  transition:
+    opacity 100ms ease,
+    transform 200ms ease;
+  pointer-events: none;
+  width: var(--radio-icon-size);
+  height: var(--radio-icon-size);
+  position: absolute;
+  top: calc(50% - var(--radio-icon-size) / 2);
+  left: calc(50% - var(--radio-icon-size) / 2);
+}
+
+.m-8a3dbb89 {
+  border: calc(0.0625rem * var(--mantine-scale)) solid;
+  position: relative;
+  appearance: none;
+  width: var(--radio-size);
+  height: var(--radio-size);
+  border-radius: var(--radio-radius, var(--radio-size));
+  margin: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition-property: background-color, border-color;
+  transition-timing-function: ease;
+  transition-duration: 100ms;
+  cursor: var(--mantine-cursor-type);
+  -webkit-tap-highlight-color: transparent;
+}
+
+:where([data-mantine-color-scheme='light']) .m-8a3dbb89 {
+    background-color: var(--mantine-color-white);
+    border-color: var(--mantine-color-gray-4);
+}
+
+[data-mantine-color-scheme='dark'] .m-8a3dbb89 {
+    background-color: var(--mantine-color-dark-6);
+    border-color: var(--mantine-color-dark-4);
+}
+
+.m-8a3dbb89:checked {
+    background-color: var(--radio-color, var(--mantine-primary-color-filled));
+    border-color: var(--radio-color, var(--mantine-primary-color-filled));
+  }
+
+.m-8a3dbb89:checked + .m-f3ed6b2b {
+      --radio-icon-opacity: 1;
+      --radio-icon-transform: scale(1);
+    }
+
+.m-8a3dbb89:disabled {
+    cursor: not-allowed;
+  }
+
+:where([data-mantine-color-scheme='light']) .m-8a3dbb89:disabled {
+      background-color: var(--mantine-color-gray-1);
+      border-color: var(--mantine-color-gray-2);
+}
+
+:where([data-mantine-color-scheme='light']) .m-8a3dbb89:disabled + .m-f3ed6b2b {
+        --radio-icon-color: var(--mantine-color-gray-3);
+      }
+
+:where([data-mantine-color-scheme='dark']) .m-8a3dbb89:disabled {
+      background-color: var(--mantine-color-dark-5);
+      border-color: var(--mantine-color-dark-4);
+}
+
+:where([data-mantine-color-scheme='dark']) .m-8a3dbb89:disabled + .m-f3ed6b2b {
+        --radio-icon-color: var(--mantine-color-dark-7);
+      }
+
+.m-8a3dbb89:where([data-error]) {
+    border-color: var(--mantine-color-error);
+  }
+
+.m-1bfe9d39 + .m-f3ed6b2b {
+    --radio-icon-color: var(--radio-color);
+  }
+
+.m-1bfe9d39:checked:not(:disabled) {
+    background-color: transparent;
+    border-color: var(--radio-color);
+  }
+
+.m-1bfe9d39:checked:not(:disabled) + .m-f3ed6b2b {
+      --radio-icon-color: var(--radio-color);
+      --radio-icon-opacity: 1;
+      --radio-icon-transform: none;
+    }

package/styles/Radio.layer.css

@@ -0,0 +1,122 @@
+@layer mantine {.m-f3f1af94 {
+  --radio-size-xs: calc(1rem * var(--mantine-scale));
+  --radio-size-sm: calc(1.25rem * var(--mantine-scale));
+  --radio-size-md: calc(1.5rem * var(--mantine-scale));
+  --radio-size-lg: calc(1.875rem * var(--mantine-scale));
+  --radio-size-xl: calc(2.25rem * var(--mantine-scale));
+  --radio-size: var(--radio-size-sm);
+
+  --radio-icon-size-xs: calc(0.375rem * var(--mantine-scale));
+  --radio-icon-size-sm: calc(0.5rem * var(--mantine-scale));
+  --radio-icon-size-md: calc(0.625rem * var(--mantine-scale));
+  --radio-icon-size-lg: calc(0.875rem * var(--mantine-scale));
+  --radio-icon-size-xl: calc(1rem * var(--mantine-scale));
+  --radio-icon-size: var(--radio-icon-size-sm);
+  --radio-icon-color: var(--mantine-color-white);
+}
+
+.m-89c4f5e4 {
+  position: relative;
+  width: var(--radio-size);
+  height: var(--radio-size);
+  order: 1;
+}
+
+.m-89c4f5e4:where([data-label-position='left']) {
+    order: 2;
+  }
+
+.m-f3ed6b2b {
+  color: var(--radio-icon-color);
+  opacity: var(--radio-icon-opacity, 0);
+  transform: var(--radio-icon-transform, scale(0.2) translateY(calc(0.625rem * var(--mantine-scale))));
+  transition:
+    opacity 100ms ease,
+    transform 200ms ease;
+  pointer-events: none;
+  width: var(--radio-icon-size);
+  height: var(--radio-icon-size);
+  position: absolute;
+  top: calc(50% - var(--radio-icon-size) / 2);
+  left: calc(50% - var(--radio-icon-size) / 2);
+}
+
+.m-8a3dbb89 {
+  border: calc(0.0625rem * var(--mantine-scale)) solid;
+  position: relative;
+  appearance: none;
+  width: var(--radio-size);
+  height: var(--radio-size);
+  border-radius: var(--radio-radius, var(--radio-size));
+  margin: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition-property: background-color, border-color;
+  transition-timing-function: ease;
+  transition-duration: 100ms;
+  cursor: var(--mantine-cursor-type);
+  -webkit-tap-highlight-color: transparent;
+}
+
+:where([data-mantine-color-scheme='light']) .m-8a3dbb89 {
+    background-color: var(--mantine-color-white);
+    border-color: var(--mantine-color-gray-4);
+}
+
+[data-mantine-color-scheme='dark'] .m-8a3dbb89 {
+    background-color: var(--mantine-color-dark-6);
+    border-color: var(--mantine-color-dark-4);
+}
+
+.m-8a3dbb89:checked {
+    background-color: var(--radio-color, var(--mantine-primary-color-filled));
+    border-color: var(--radio-color, var(--mantine-primary-color-filled));
+  }
+
+.m-8a3dbb89:checked + .m-f3ed6b2b {
+      --radio-icon-opacity: 1;
+      --radio-icon-transform: scale(1);
+    }
+
+.m-8a3dbb89:disabled {
+    cursor: not-allowed;
+  }
+
+:where([data-mantine-color-scheme='light']) .m-8a3dbb89:disabled {
+      background-color: var(--mantine-color-gray-1);
+      border-color: var(--mantine-color-gray-2);
+}
+
+:where([data-mantine-color-scheme='light']) .m-8a3dbb89:disabled + .m-f3ed6b2b {
+        --radio-icon-color: var(--mantine-color-gray-3);
+      }
+
+:where([data-mantine-color-scheme='dark']) .m-8a3dbb89:disabled {
+      background-color: var(--mantine-color-dark-5);
+      border-color: var(--mantine-color-dark-4);
+}
+
+:where([data-mantine-color-scheme='dark']) .m-8a3dbb89:disabled + .m-f3ed6b2b {
+        --radio-icon-color: var(--mantine-color-dark-7);
+      }
+
+.m-8a3dbb89:where([data-error]) {
+    border-color: var(--mantine-color-error);
+  }
+
+.m-1bfe9d39 + .m-f3ed6b2b {
+    --radio-icon-color: var(--radio-color);
+  }
+
+.m-1bfe9d39:checked:not(:disabled) {
+    background-color: transparent;
+    border-color: var(--radio-color);
+  }
+
+.m-1bfe9d39:checked:not(:disabled) + .m-f3ed6b2b {
+      --radio-icon-color: var(--radio-color);
+      --radio-icon-opacity: 1;
+      --radio-icon-transform: none;
+    }
+}

package/styles/Rating.css

@@ -1 +1,82 @@
-.m-f8d312f2{--rating-size-xs:calc(0.875rem*var(--mantine-scale));--rating-size-sm:calc(1.125rem*var(--mantine-scale));--rating-size-md:calc(1.25rem*var(--mantine-scale));--rating-size-lg:calc(1.75rem*var(--mantine-scale));--rating-size-xl:calc(2rem*var(--mantine-scale));display:flex;width:max-content}.m-f8d312f2:where(:has(input:disabled)){pointer-events:none}.m-61734bb7{position:relative;transition:transform .1s ease}.m-61734bb7:where([data-active]){transform:scale(1.1);z-index:1}.m-5662a89a{display:block;height:var(--rating-size);width:var(--rating-size)}:where([data-mantine-color-scheme=light]) .m-5662a89a{fill:var(--mantine-color-gray-3);stroke:var(--mantine-color-gray-3)}:where([data-mantine-color-scheme=dark]) .m-5662a89a{fill:var(--mantine-color-dark-3);stroke:var(--mantine-color-dark-3)}.m-5662a89a:where([data-filled]){fill:var(--rating-color);stroke:var(--rating-color)}.m-211007ba{-webkit-tap-highlight-color:transparent;height:0;opacity:0;overflow:hidden;position:absolute;white-space:nowrap;width:0}.m-211007ba:focus-visible+label{outline:calc(.125rem*var(--mantine-scale)) solid var(--mantine-primary-color-filled);outline-offset:calc(.125rem*var(--mantine-scale))}.m-21342ee4{-webkit-tap-highlight-color:transparent;cursor:pointer;display:block;left:0;position:absolute;top:0;z-index:var(--rating-item-z-index,0)}.m-21342ee4:where([data-read-only]){cursor:default}.m-21342ee4:where(:last-of-type){position:relative}.m-fae05d6a{clip-path:var(--rating-symbol-clip-path)}
+.m-f8d312f2 {
+  --rating-size-xs: calc(0.875rem * var(--mantine-scale));
+  --rating-size-sm: calc(1.125rem * var(--mantine-scale));
+  --rating-size-md: calc(1.25rem * var(--mantine-scale));
+  --rating-size-lg: calc(1.75rem * var(--mantine-scale));
+  --rating-size-xl: calc(2rem * var(--mantine-scale));
+
+  display: flex;
+  width: max-content;
+}
+
+  .m-f8d312f2:where(:has(input:disabled)) {
+    pointer-events: none;
+  }
+
+.m-61734bb7 {
+  position: relative;
+  transition: transform 100ms ease;
+}
+
+.m-61734bb7:where([data-active]) {
+    z-index: 1;
+    transform: scale(1.1);
+  }
+
+.m-5662a89a {
+  width: var(--rating-size);
+  height: var(--rating-size);
+  display: block;
+}
+
+:where([data-mantine-color-scheme='light']) .m-5662a89a {
+    fill: var(--mantine-color-gray-3);
+    stroke: var(--mantine-color-gray-3);
+}
+
+:where([data-mantine-color-scheme='dark']) .m-5662a89a {
+    fill: var(--mantine-color-dark-3);
+    stroke: var(--mantine-color-dark-3);
+}
+
+.m-5662a89a:where([data-filled]) {
+    fill: var(--rating-color);
+    stroke: var(--rating-color);
+  }
+
+.m-211007ba {
+  height: 0;
+  width: 0;
+  position: absolute;
+  overflow: hidden;
+  white-space: nowrap;
+  opacity: 0;
+  -webkit-tap-highlight-color: transparent;
+}
+
+.m-211007ba:focus-visible + label {
+    outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-primary-color-filled);
+    outline-offset: calc(0.125rem * var(--mantine-scale));
+  }
+
+.m-21342ee4 {
+  display: block;
+  cursor: pointer;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: var(--rating-item-z-index, 0);
+  -webkit-tap-highlight-color: transparent;
+}
+
+.m-21342ee4:where([data-read-only]) {
+    cursor: default;
+  }
+
+.m-21342ee4:where(:last-of-type) {
+    position: relative;
+  }
+
+.m-fae05d6a {
+  clip-path: var(--rating-symbol-clip-path);
+}

package/styles/Rating.layer.css

@@ -0,0 +1,83 @@
+@layer mantine {.m-f8d312f2 {
+  --rating-size-xs: calc(0.875rem * var(--mantine-scale));
+  --rating-size-sm: calc(1.125rem * var(--mantine-scale));
+  --rating-size-md: calc(1.25rem * var(--mantine-scale));
+  --rating-size-lg: calc(1.75rem * var(--mantine-scale));
+  --rating-size-xl: calc(2rem * var(--mantine-scale));
+
+  display: flex;
+  width: max-content;
+}
+
+  .m-f8d312f2:where(:has(input:disabled)) {
+    pointer-events: none;
+  }
+
+.m-61734bb7 {
+  position: relative;
+  transition: transform 100ms ease;
+}
+
+.m-61734bb7:where([data-active]) {
+    z-index: 1;
+    transform: scale(1.1);
+  }
+
+.m-5662a89a {
+  width: var(--rating-size);
+  height: var(--rating-size);
+  display: block;
+}
+
+:where([data-mantine-color-scheme='light']) .m-5662a89a {
+    fill: var(--mantine-color-gray-3);
+    stroke: var(--mantine-color-gray-3);
+}
+
+:where([data-mantine-color-scheme='dark']) .m-5662a89a {
+    fill: var(--mantine-color-dark-3);
+    stroke: var(--mantine-color-dark-3);
+}
+
+.m-5662a89a:where([data-filled]) {
+    fill: var(--rating-color);
+    stroke: var(--rating-color);
+  }
+
+.m-211007ba {
+  height: 0;
+  width: 0;
+  position: absolute;
+  overflow: hidden;
+  white-space: nowrap;
+  opacity: 0;
+  -webkit-tap-highlight-color: transparent;
+}
+
+.m-211007ba:focus-visible + label {
+    outline: calc(0.125rem * var(--mantine-scale)) solid var(--mantine-primary-color-filled);
+    outline-offset: calc(0.125rem * var(--mantine-scale));
+  }
+
+.m-21342ee4 {
+  display: block;
+  cursor: pointer;
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: var(--rating-item-z-index, 0);
+  -webkit-tap-highlight-color: transparent;
+}
+
+.m-21342ee4:where([data-read-only]) {
+    cursor: default;
+  }
+
+.m-21342ee4:where(:last-of-type) {
+    position: relative;
+  }
+
+.m-fae05d6a {
+  clip-path: var(--rating-symbol-clip-path);
+}
+}

package/styles/RingProgress.css

@@ -1 +1,34 @@
-.m-b32e4812{position:relative}.m-b32e4812,.m-d43b5134{height:var(--rp-size);min-height:var(--rp-size);min-width:var(--rp-size);width:var(--rp-size)}.m-d43b5134{transform:rotate(-90deg)}.m-b1ca1fbf{stroke:var(--curve-color,var(--rp-curve-root-color))}[data-mantine-color-scheme=light] .m-b1ca1fbf{--rp-curve-root-color:var(--mantine-color-gray-2)}[data-mantine-color-scheme=dark] .m-b1ca1fbf{--rp-curve-root-color:var(--mantine-color-dark-4)}.m-b23f9dc4{position:absolute;top:50%;inset-inline:var(--rp-label-offset);transform:translateY(-50%)}
+.m-b32e4812 {
+  position: relative;
+  width: var(--rp-size);
+  height: var(--rp-size);
+  min-width: var(--rp-size);
+  min-height: var(--rp-size);
+}
+
+.m-d43b5134 {
+  width: var(--rp-size);
+  height: var(--rp-size);
+  min-width: var(--rp-size);
+  min-height: var(--rp-size);
+  transform: rotate(-90deg);
+}
+
+.m-b1ca1fbf {
+  stroke: var(--curve-color, var(--rp-curve-root-color));
+}
+
+[data-mantine-color-scheme='light'] .m-b1ca1fbf {
+    --rp-curve-root-color: var(--mantine-color-gray-2);
+}
+
+[data-mantine-color-scheme='dark'] .m-b1ca1fbf {
+    --rp-curve-root-color: var(--mantine-color-dark-4);
+}
+
+.m-b23f9dc4 {
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  inset-inline: var(--rp-label-offset);
+}

package/styles/RingProgress.layer.css

@@ -0,0 +1,35 @@
+@layer mantine {.m-b32e4812 {
+  position: relative;
+  width: var(--rp-size);
+  height: var(--rp-size);
+  min-width: var(--rp-size);
+  min-height: var(--rp-size);
+}
+
+.m-d43b5134 {
+  width: var(--rp-size);
+  height: var(--rp-size);
+  min-width: var(--rp-size);
+  min-height: var(--rp-size);
+  transform: rotate(-90deg);
+}
+
+.m-b1ca1fbf {
+  stroke: var(--curve-color, var(--rp-curve-root-color));
+}
+
+[data-mantine-color-scheme='light'] .m-b1ca1fbf {
+    --rp-curve-root-color: var(--mantine-color-gray-2);
+}
+
+[data-mantine-color-scheme='dark'] .m-b1ca1fbf {
+    --rp-curve-root-color: var(--mantine-color-dark-4);
+}
+
+.m-b23f9dc4 {
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  inset-inline: var(--rp-label-offset);
+}
+}

package/styles/ScrollArea.css

@@ -1 +1,154 @@
-.m-d57069b5{--scrollarea-scrollbar-size:calc(0.75rem*var(--mantine-scale));overflow:hidden;position:relative}.m-c0783ff9{-ms-overflow-style:none;-webkit-overflow-scrolling:touch;height:100%;scrollbar-width:none;width:100%}.m-c0783ff9::-webkit-scrollbar{display:none}.m-c0783ff9:where([data-scrollbars=xy],[data-scrollbars=y]):where([data-offset-scrollbars=xy],[data-offset-scrollbars=y]){padding-inline-end:var(--scrollarea-scrollbar-size);padding-inline-start:unset}.m-c0783ff9:where([data-scrollbars=xy],[data-scrollbars=x]):where([data-offset-scrollbars=xy],[data-offset-scrollbars=x]){padding-bottom:var(--scrollarea-scrollbar-size)}.m-f8f631dd{display:table;min-width:100%}.m-c44ba933{background-color:transparent;box-sizing:border-box;display:flex;flex-direction:row;padding:calc(var(--scrollarea-scrollbar-size)/5);touch-action:none;transition:background-color .15s ease,opacity .15s ease;user-select:none}@media (hover:hover){:where([data-mantine-color-scheme=light]) .m-c44ba933:hover{background-color:var(--mantine-color-gray-0)}:where([data-mantine-color-scheme=light]) .m-c44ba933:hover>.m-d8b5e363{background-color:rgba(0,0,0,.5)}:where([data-mantine-color-scheme=dark]) .m-c44ba933:hover{background-color:var(--mantine-color-dark-8)}:where([data-mantine-color-scheme=dark]) .m-c44ba933:hover>.m-d8b5e363{background-color:hsla(0,0%,100%,.5)}}@media (hover:none){:where([data-mantine-color-scheme=light]) .m-c44ba933:active{background-color:var(--mantine-color-gray-0)}:where([data-mantine-color-scheme=light]) .m-c44ba933:active>.m-d8b5e363{background-color:rgba(0,0,0,.5)}:where([data-mantine-color-scheme=dark]) .m-c44ba933:active{background-color:var(--mantine-color-dark-8)}:where([data-mantine-color-scheme=dark]) .m-c44ba933:active>.m-d8b5e363{background-color:hsla(0,0%,100%,.5)}}.m-c44ba933:where([data-hidden],[data-state=hidden]){display:none}.m-c44ba933:where([data-orientation=vertical]){bottom:var(--sa-corner-width);inset-inline-end:0;top:0;width:var(--scrollarea-scrollbar-size)}.m-c44ba933:where([data-orientation=horizontal]){bottom:0;flex-direction:column;height:var(--scrollarea-scrollbar-size);inset-inline-end:0;inset-inline-start:var(--sa-corner-height)}.m-d8b5e363{border-radius:var(--scrollarea-scrollbar-size);flex:1;overflow:hidden;position:relative;transition:background-color .15s ease}.m-d8b5e363:before{content:'""';height:100%;left:50%;min-height:calc(2.75rem*var(--mantine-scale));min-width:calc(2.75rem*var(--mantine-scale));position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}[data-mantine-color-scheme=light] .m-d8b5e363{background-color:rgba(0,0,0,.4)}[data-mantine-color-scheme=dark] .m-d8b5e363{background-color:hsla(0,0%,100%,.4)}.m-21657268{bottom:0;display:block;inset-inline-end:0;opacity:0;position:absolute;transition:opacity .15s ease}:where([data-mantine-color-scheme=light]) .m-21657268{background-color:var(--mantine-color-gray-0)}:where([data-mantine-color-scheme=dark]) .m-21657268{background-color:var(--mantine-color-dark-8)}.m-21657268:where([data-hovered]){opacity:1}.m-21657268:where([data-hidden]){display:none}
+.m-d57069b5 {
+  --scrollarea-scrollbar-size: calc(0.75rem * var(--mantine-scale));
+
+  position: relative;
+  overflow: hidden;
+}
+
+.m-c0783ff9 {
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+  -webkit-overflow-scrolling: touch;
+  width: 100%;
+  height: 100%;
+}
+
+.m-c0783ff9::-webkit-scrollbar {
+    display: none;
+  }
+
+.m-c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='y']):where([data-offset-scrollbars='xy'], [data-offset-scrollbars='y']) {
+      padding-inline-end: var(--scrollarea-scrollbar-size);
+      padding-inline-start: unset;
+    }
+
+.m-c0783ff9:where([data-scrollbars='xy'], [data-scrollbars='x']):where([data-offset-scrollbars='xy'], [data-offset-scrollbars='x']) {
+      padding-bottom: var(--scrollarea-scrollbar-size);
+    }
+
+.m-f8f631dd {
+  min-width: 100%;
+  display: table;
+}
+
+.m-c44ba933 {
+  user-select: none;
+  touch-action: none;
+  box-sizing: border-box;
+  transition:
+    background-color 150ms ease,
+    opacity 150ms ease;
+
+  padding: calc(var(--scrollarea-scrollbar-size) / 5);
+  display: flex;
+  background-color: transparent;
+  flex-direction: row;
+}
+
+@media (hover: hover) {
+    :where([data-mantine-color-scheme='light']) .m-c44ba933:hover {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+      :where([data-mantine-color-scheme='light']) .m-c44ba933:hover > .m-d8b5e363 {
+        background-color: rgba(0, 0, 0, 0.5);
+      }
+
+    :where([data-mantine-color-scheme='dark']) .m-c44ba933:hover {
+      background-color: var(--mantine-color-dark-8);
+  }
+
+      :where([data-mantine-color-scheme='dark']) .m-c44ba933:hover > .m-d8b5e363 {
+        background-color: rgba(255, 255, 255, 0.5);
+      }
+}
+
+@media (hover: none) {
+    :where([data-mantine-color-scheme='light']) .m-c44ba933:active {
+      background-color: var(--mantine-color-gray-0);
+  }
+
+      :where([data-mantine-color-scheme='light']) .m-c44ba933:active > .m-d8b5e363 {
+        background-color: rgba(0, 0, 0, 0.5);
+      }
+
+    :where([data-mantine-color-scheme='dark']) .m-c44ba933:active {
+      background-color: var(--mantine-color-dark-8);
+  }
+
+      :where([data-mantine-color-scheme='dark']) .m-c44ba933:active > .m-d8b5e363 {
+        background-color: rgba(255, 255, 255, 0.5);
+      }
+}
+
+.m-c44ba933:where([data-hidden], [data-state='hidden']) {
+    display: none;
+  }
+
+.m-c44ba933:where([data-orientation='vertical']) {
+    width: var(--scrollarea-scrollbar-size);
+    top: 0;
+    bottom: var(--sa-corner-width);
+    inset-inline-end: 0;
+  }
+
+.m-c44ba933:where([data-orientation='horizontal']) {
+    height: var(--scrollarea-scrollbar-size);
+    flex-direction: column;
+    bottom: 0;
+    inset-inline-end: 0;
+    inset-inline-start: var(--sa-corner-height);
+  }
+
+.m-d8b5e363 {
+  flex: 1;
+  border-radius: var(--scrollarea-scrollbar-size);
+  position: relative;
+  transition: background-color 150ms ease;
+  overflow: hidden;
+}
+
+.m-d8b5e363::before {
+    content: '""';
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 100%;
+    height: 100%;
+    min-width: calc(2.75rem * var(--mantine-scale));
+    min-height: calc(2.75rem * var(--mantine-scale));
+  }
+
+[data-mantine-color-scheme='light'] .m-d8b5e363 {
+    background-color: rgba(0, 0, 0, 0.4);
+}
+
+[data-mantine-color-scheme='dark'] .m-d8b5e363 {
+    background-color: rgba(255, 255, 255, 0.4);
+}
+
+.m-21657268 {
+  position: absolute;
+  opacity: 0;
+  transition: opacity 150ms ease;
+  display: block;
+  inset-inline-end: 0;
+  bottom: 0;
+}
+
+:where([data-mantine-color-scheme='light']) .m-21657268 {
+    background-color: var(--mantine-color-gray-0);
+}
+
+:where([data-mantine-color-scheme='dark']) .m-21657268 {
+    background-color: var(--mantine-color-dark-8);
+}
+
+.m-21657268:where([data-hovered]) {
+    opacity: 1;
+  }
+
+.m-21657268:where([data-hidden]) {
+    display: none;
+  }