@mantine/dates 7.6.0-alpha.1 → 7.6.1

package/styles.layer.css

@@ -1 +1,400 @@
-@layer mantine {.m-468e7eda{appearance:none;padding-bottom:0;padding-top:0}.m-468e7eda::-webkit-calendar-picker-indicator,.m-468e7eda::-webkit-clear-button{display:none}.m-468e7eda::-webkit-datetime-edit-hour-field,.m-468e7eda::-webkit-datetime-edit-minute-field,.m-468e7eda::-webkit-datetime-edit-second-field{display:inline;max-height:calc(1.875rem*var(--mantine-scale));padding-top:0}.m-468e7eda::-webkit-datetime-edit-hour-field:focus,.m-468e7eda::-webkit-datetime-edit-minute-field:focus,.m-468e7eda::-webkit-datetime-edit-second-field:focus{background-color:var(--mantine-primary-color-filled);color:var(--mantine-color-white)}.m-396ce5cb{--day-size-xs:calc(1.875rem*var(--mantine-scale));--day-size-sm:calc(2.25rem*var(--mantine-scale));--day-size-md:calc(2.625rem*var(--mantine-scale));--day-size-lg:calc(3rem*var(--mantine-scale));--day-size-xl:calc(3.375rem*var(--mantine-scale));--day-size:var(--day-size-sm);align-items:center;background-color:var(--_day-bg,transparent);border-radius:var(--_day-radius,var(--mantine-radius-default));color:var(--_day-color,var(--mantine-color-text));cursor:var(--_day-cursor,pointer);display:var(--_day-display,inline-flex);font-size:calc(var(--day-size)/2.8);height:var(--day-size,calc(2.25rem*var(--mantine-scale)));justify-content:center;opacity:var(--_day-opacity,1);user-select:var(--_day-user-select,none);width:var(--day-size,calc(2.25rem*var(--mantine-scale)))}@media (hover:hover){[data-mantine-color-scheme=light] .m-396ce5cb:hover:not([data-static],[data-disabled]){--_day-bg:var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] .m-396ce5cb:hover:not([data-static],[data-disabled]){--_day-bg:var(--mantine-color-dark-5)}}@media (hover:none){[data-mantine-color-scheme=light] .m-396ce5cb:active:not([data-static],[data-disabled]){--_day-bg:var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] .m-396ce5cb:active:not([data-static],[data-disabled]){--_day-bg:var(--mantine-color-dark-5)}}.m-396ce5cb[data-static]{--_day-user-select:auto;--_day-cursor:default}.m-396ce5cb[data-weekend]{--_day-color:var(--mantine-color-red-6)}.m-396ce5cb[data-outside]{--_day-color:var(--mantine-color-dimmed);--_day-opacity:0.5}.m-396ce5cb:disabled,.m-396ce5cb[data-disabled]{--_day-color:var(--mantine-color-dimmed);--_day-cursor:not-allowed;--_day-opacity:0.5}.m-396ce5cb[data-hidden]{--_day-display:none}.m-396ce5cb[data-in-range]{--_day-bg:var(--mantine-primary-color-light-hover);--_day-radius:0}@media (hover:hover){[data-mantine-color-scheme] .m-396ce5cb[data-in-range]:hover:not([data-disabled],[data-static]){--_day-bg:var(--mantine-primary-color-light)}}@media (hover:none){[data-mantine-color-scheme] .m-396ce5cb[data-in-range]:active:not([data-disabled],[data-static]){--_day-bg:var(--mantine-primary-color-light)}}.m-396ce5cb[data-first-in-range]{--_day-radius:var(--mantine-radius-default) 0 0 var(--mantine-radius-default)}.m-396ce5cb[data-last-in-range],[dir=rtl] .m-396ce5cb[data-first-in-range]{--_day-radius:0 var(--mantine-radius-default) var(--mantine-radius-default) 0}[dir=rtl] .m-396ce5cb[data-last-in-range]{--_day-radius:var(--mantine-radius-default) 0 0 var(--mantine-radius-default)}.m-396ce5cb[data-last-in-range][data-first-in-range]{--_day-radius:var(--mantine-radius-default)}.m-396ce5cb[data-selected]{--_day-bg:var(--mantine-primary-color-filled);--_day-color:var(--mantine-primary-color-contrast)}@media (hover:hover){[data-mantine-color-scheme] .m-396ce5cb[data-selected]:hover:not([data-disabled],[data-static]){--_day-bg:var(--mantine-primary-color-filled-hover)}}@media (hover:none){[data-mantine-color-scheme] .m-396ce5cb[data-selected]:active:not([data-disabled],[data-static]){--_day-bg:var(--mantine-primary-color-filled-hover)}}.m-18a3eca{color:var(--mantine-color-dimmed);font-size:var(--wr-fz,var(--mantine-font-size-sm));font-weight:400;padding-bottom:calc(var(--wr-spacing, var(--mantine-spacing-sm))/2);text-transform:capitalize}.m-cc9820d3{border-collapse:collapse;table-layout:fixed}.m-8f457cd5{padding:var(--_month-cell-padding,0)}.m-8f457cd5[data-with-spacing]{--_month-cell-padding:calc(0.03125rem*var(--mantine-scale))}.m-dc6a3c71{--dpc-size-xs:calc(1.875rem*var(--mantine-scale));--dpc-size-sm:calc(2.25rem*var(--mantine-scale));--dpc-size-md:calc(2.625rem*var(--mantine-scale));--dpc-size-lg:calc(3rem*var(--mantine-scale));--dpc-size-xl:calc(3.375rem*var(--mantine-scale));--dpc-size:var(--dpc-size-sm);align-items:center;background-color:var(--_control-bg,transparent);border-radius:var(--_control-radius,var(--mantine-radius-default));color:var(--_control-color,var(--mantine-color-text));cursor:var(--_control-cursor,pointer);display:flex;font-size:var(--dpc-fz,var(--mantine-font-size-sm));height:var(--dpc-size);justify-content:center;opacity:var(--_control-opacity,1);user-select:none;width:calc((var(--dpc-size)*7)/3 + .09375rem*var(--mantine-scale))}@media (hover:hover){[data-mantine-color-scheme=light] .m-dc6a3c71:hover:not([data-disabled]){--_control-bg:var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] .m-dc6a3c71:hover:not([data-disabled]){--_control-bg:var(--mantine-color-dark-5)}}@media (hover:none){[data-mantine-color-scheme=light] .m-dc6a3c71:active:not([data-disabled]){--_control-bg:var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] .m-dc6a3c71:active:not([data-disabled]){--_control-bg:var(--mantine-color-dark-5)}}.m-dc6a3c71:disabled,.m-dc6a3c71[data-disabled]{--_control-color:var(--mantine-color-dimmed);--_control-cursor:not-allowed;--_control-opacity:0.5}.m-dc6a3c71[data-selected]{--_control-bg:var(--mantine-primary-color-filled);--_control-color:var(--mantine-primary-color-contrast,var(--mantine-color-white))}@media (hover:hover){[data-mantine-color-scheme] .m-dc6a3c71[data-selected]:hover{--_control-bg:var(--mantine-primary-color-filled-hover)}}@media (hover:none){[data-mantine-color-scheme] .m-dc6a3c71[data-selected]:active{--_control-bg:var(--mantine-primary-color-filled-hover)}}.m-dc6a3c71[data-in-range]{--_control-bg:var(--mantine-primary-color-light-hover);--_control-radius:0}@media (hover:hover){[data-mantine-color-scheme] .m-dc6a3c71[data-in-range]:hover{--_control-bg:var(--mantine-primary-color-light)}}@media (hover:none){[data-mantine-color-scheme] .m-dc6a3c71[data-in-range]:active{--_control-bg:var(--mantine-primary-color-light)}}.m-dc6a3c71[data-first-in-range]{--_control-radius:var(--mantine-radius-default) 0 0 var(--mantine-radius-default)}.m-dc6a3c71[data-last-in-range],[dir=rtl] .m-dc6a3c71[data-first-in-range]{--_control-radius:0 var(--mantine-radius-default) var(--mantine-radius-default) 0}[dir=rtl] .m-dc6a3c71[data-last-in-range]{--_control-radius:var(--mantine-radius-default) 0 0 var(--mantine-radius-default)}.m-dc6a3c71[data-first-in-range][data-last-in-range]{--_control-radius:var(--mantine-radius-default)}.m-9206547b{border-collapse:collapse;border-width:0}.m-c5a19c7d{padding:var(--_cell-padding,0)}.m-c5a19c7d[data-with-spacing]{--_cell-padding:calc(0.03125rem*var(--mantine-scale))}.m-2a6c32d{border-collapse:collapse;border-width:0;cursor:pointer}.m-fe27622f{padding:var(--_cell-padding,0)}.m-fe27622f[data-with-spacing]{--_cell-padding:calc(0.03125rem*var(--mantine-scale))}.m-730a79ed{--dch-control-size-xs:calc(1.875rem*var(--mantine-scale));--dch-control-size-sm:calc(2.25rem*var(--mantine-scale));--dch-control-size-md:calc(2.625rem*var(--mantine-scale));--dch-control-size-lg:calc(3rem*var(--mantine-scale));--dch-control-size-xl:calc(3.375rem*var(--mantine-scale));--dch-control-size:var(--dch-control-size-sm);display:flex;margin-bottom:var(--mantine-spacing-xs);max-width:calc(var(--dch-control-size)*7 + .4375rem*var(--mantine-scale))}.m-2351eeb0,.m-f6645d97{align-items:center;background-color:var(--_control-bg);border-radius:var(--mantine-radius-default);cursor:var(--_control-cursor,pointer);display:flex;height:var(--dch-control-size);justify-content:center;opacity:var(--_control-opacity,1);user-select:none}@media (hover:hover){[data-mantine-color-scheme=light] .m-2351eeb0:hover:not([data-disabled],:disabled),[data-mantine-color-scheme=light] .m-f6645d97:hover:not([data-disabled],:disabled){--_control-bg:var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] .m-2351eeb0:hover:not([data-disabled],:disabled),[data-mantine-color-scheme=dark] .m-f6645d97:hover:not([data-disabled],:disabled){--_control-bg:var(--mantine-color-dark-5)}}@media (hover:none){[data-mantine-color-scheme=light] .m-2351eeb0:active:not([data-disabled],:disabled),[data-mantine-color-scheme=light] .m-f6645d97:active:not([data-disabled],:disabled){--_control-bg:var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] .m-2351eeb0:active:not([data-disabled],:disabled),[data-mantine-color-scheme=dark] .m-f6645d97:active:not([data-disabled],:disabled){--_control-bg:var(--mantine-color-dark-5)}}.m-2351eeb0:disabled,.m-2351eeb0[data-disabled],.m-f6645d97:disabled,.m-f6645d97[data-disabled]{--_control-opacity:0.2;--_control-cursor:not-allowed}.m-2351eeb0{width:var(--dch-control-size)}.m-f6645d97{flex:1;font-size:var(--dch-fz,var(--mantine-font-size-sm));font-weight:500;text-transform:capitalize}.m-367dc749{height:60%;transform:var(--_chevron-transform);width:60%}.m-367dc749[data-direction=next]{--_chevron-transform:rotate(270deg)}.m-367dc749[data-direction=previous],[dir=rtl] .m-367dc749[data-direction=next]{--_chevron-transform:rotate(90deg)}[dir=rtl] .m-367dc749[data-direction=previous]{--_chevron-transform:rotate(270deg)}.m-30b26e33{display:flex;gap:var(--mantine-spacing-md)}.m-6fa5e2aa{cursor:var(--_cursor,pointer);line-height:unset}.m-6fa5e2aa[data-read-only]{--_cursor:default}.m-208d2562{align-items:stretch;display:flex;margin-top:var(--mantine-spacing-md)}.m-62ee059{flex:1;margin-left:var(--_ml,0);margin-right:var(--_mr,var(--mantine-spacing-md))}[dir=rtl] .m-62ee059{--_mr:0;--_ml:var(--mantine-spacing-md)}}
+@layer mantine {.m-468e7eda {
+  padding-top: 0;
+  padding-bottom: 0;
+  appearance: none;
+}
+
+  .m-468e7eda::-webkit-calendar-picker-indicator {
+    display: none;
+  }
+
+  .m-468e7eda::-webkit-clear-button {
+    display: none;
+  }
+
+  .m-468e7eda::-webkit-datetime-edit-hour-field,
+  .m-468e7eda::-webkit-datetime-edit-minute-field,
+  .m-468e7eda::-webkit-datetime-edit-second-field {
+    padding-top: 0;
+    max-height: calc(1.875rem * var(--mantine-scale));
+    display: inline;
+  }
+
+  .m-468e7eda::-webkit-datetime-edit-hour-field:focus, .m-468e7eda::-webkit-datetime-edit-minute-field:focus, .m-468e7eda::-webkit-datetime-edit-second-field:focus {
+      background-color: var(--mantine-primary-color-filled);
+      color: var(--mantine-color-white);
+    }
+
+.m-396ce5cb {
+  --day-size-xs: calc(1.875rem * var(--mantine-scale));
+  --day-size-sm: calc(2.25rem * var(--mantine-scale));
+  --day-size-md: calc(2.625rem * var(--mantine-scale));
+  --day-size-lg: calc(3rem * var(--mantine-scale));
+  --day-size-xl: calc(3.375rem * var(--mantine-scale));
+  --day-size: var(--day-size-sm);
+
+  width: var(--day-size, calc(2.25rem * var(--mantine-scale)));
+  height: var(--day-size, calc(2.25rem * var(--mantine-scale)));
+  font-size: calc(var(--day-size) / 2.8);
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  user-select: none;
+  cursor: pointer;
+  background-color: transparent;
+  border-radius: var(--mantine-radius-default);
+  color: var(--mantine-color-text);
+  opacity: 1;
+}
+
+  @media (hover: hover) {
+      [data-mantine-color-scheme='light'] .m-396ce5cb:hover:where(:not([data-static], [data-disabled], [data-selected], [data-in-range])) {
+        background-color: var(--mantine-color-gray-0);
+  }
+
+      [data-mantine-color-scheme='dark'] .m-396ce5cb:hover:where(:not([data-static], [data-disabled], [data-selected], [data-in-range])) {
+        background-color: var(--mantine-color-dark-5);
+  }
+}
+
+  @media (hover: none) {
+      [data-mantine-color-scheme='light'] .m-396ce5cb:active:where(:not([data-static], [data-disabled], [data-selected], [data-in-range])) {
+        background-color: var(--mantine-color-gray-0);
+  }
+
+      [data-mantine-color-scheme='dark'] .m-396ce5cb:active:where(:not([data-static], [data-disabled], [data-selected], [data-in-range])) {
+        background-color: var(--mantine-color-dark-5);
+  }
+}
+
+  .m-396ce5cb:where([data-static]) {
+    user-select: auto;
+    cursor: default;
+  }
+
+  .m-396ce5cb:where([data-weekend]) {
+    color: var(--mantine-color-red-6);
+  }
+
+  .m-396ce5cb:where([data-outside]) {
+    color: var(--mantine-color-dimmed);
+    opacity: 0.5;
+  }
+
+  .m-396ce5cb:where(:disabled, [data-disabled]) {
+    color: var(--mantine-color-dimmed);
+    cursor: not-allowed;
+    opacity: 0.5;
+  }
+
+  .m-396ce5cb:where([data-hidden]) {
+    display: none;
+  }
+
+  .m-396ce5cb:where([data-in-range]) {
+    background-color: var(--mantine-primary-color-light-hover);
+    border-radius: 0;
+  }
+
+  @media (hover: hover) {
+      .m-396ce5cb:where([data-in-range]):hover:where(:not([data-disabled], [data-static])) {
+        background-color: var(--mantine-primary-color-light);
+      }
+}
+
+  @media (hover: none) {
+      .m-396ce5cb:where([data-in-range]):active:where(:not([data-disabled], [data-static])) {
+        background-color: var(--mantine-primary-color-light);
+      }
+}
+
+  .m-396ce5cb:where([data-first-in-range]) {
+    border-radius: 0;
+    border-start-start-radius: var(--mantine-radius-default);
+    border-end-start-radius: var(--mantine-radius-default);
+  }
+
+  .m-396ce5cb:where([data-last-in-range]) {
+    border-radius: 0;
+    border-end-end-radius: var(--mantine-radius-default);
+    border-start-end-radius: var(--mantine-radius-default);
+  }
+
+  .m-396ce5cb:where([data-last-in-range][data-first-in-range]) {
+    border-radius: var(--mantine-radius-default);
+  }
+
+  .m-396ce5cb:where([data-selected]) {
+    background-color: var(--mantine-primary-color-filled);
+    color: var(--mantine-primary-color-contrast);
+  }
+
+  @media (hover: hover) {
+      .m-396ce5cb:where([data-selected]):hover:where(:not([data-disabled], [data-static])) {
+        background-color: var(--mantine-primary-color-filled-hover);
+      }
+}
+
+  @media (hover: none) {
+      .m-396ce5cb:where([data-selected]):active:where(:not([data-disabled], [data-static])) {
+        background-color: var(--mantine-primary-color-filled-hover);
+      }
+}
+
+.m-18a3eca {
+  color: var(--mantine-color-dimmed);
+  font-weight: normal;
+  font-size: var(--wr-fz, var(--mantine-font-size-sm));
+  text-transform: capitalize;
+  padding-bottom: calc(var(--wr-spacing, var(--mantine-spacing-sm)) / 2);
+}
+
+.m-cc9820d3 {
+  border-collapse: collapse;
+  table-layout: fixed;
+}
+
+.m-8f457cd5 {
+  padding: 0;
+}
+
+.m-8f457cd5:where([data-with-spacing]) {
+    padding: calc(0.03125rem * var(--mantine-scale));
+  }
+
+.m-dc6a3c71 {
+  --dpc-size-xs: calc(1.875rem * var(--mantine-scale));
+  --dpc-size-sm: calc(2.25rem * var(--mantine-scale));
+  --dpc-size-md: calc(2.625rem * var(--mantine-scale));
+  --dpc-size-lg: calc(3rem * var(--mantine-scale));
+  --dpc-size-xl: calc(3.375rem * var(--mantine-scale));
+  --dpc-size: var(--dpc-size-sm);
+
+  font-size: var(--dpc-fz, var(--mantine-font-size-sm));
+  height: var(--dpc-size);
+  width: calc((var(--dpc-size) * 7) / 3 + calc(0.09375rem * var(--mantine-scale)));
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  user-select: none;
+  cursor: pointer;
+  background-color: transparent;
+  color: var(--mantine-color-text);
+  opacity: 1;
+  border-radius: var(--mantine-radius-default);
+}
+
+  @media (hover: hover) {
+      :where([data-mantine-color-scheme='light']) .m-dc6a3c71:hover:where(:not([data-disabled], :disabled)) {
+        background-color: var(--mantine-color-gray-0);
+  }
+
+      :where([data-mantine-color-scheme='dark']) .m-dc6a3c71:hover:where(:not([data-disabled], :disabled)) {
+        background-color: var(--mantine-color-dark-5);
+  }
+}
+
+  @media (hover: none) {
+      :where([data-mantine-color-scheme='light']) .m-dc6a3c71:active:where(:not([data-disabled], :disabled)) {
+        background-color: var(--mantine-color-gray-0);
+  }
+
+      :where([data-mantine-color-scheme='dark']) .m-dc6a3c71:active:where(:not([data-disabled], :disabled)) {
+        background-color: var(--mantine-color-dark-5);
+  }
+}
+
+  .m-dc6a3c71:where(:disabled, [data-disabled]) {
+    color: var(--mantine-color-dimmed);
+    cursor: not-allowed;
+    opacity: 0.5;
+  }
+
+  .m-dc6a3c71:where([data-selected]) {
+    background-color: var(--mantine-primary-color-filled);
+    color: var(--mantine-primary-color-contrast, var(--mantine-color-white));
+  }
+
+  @media (hover: hover) {
+
+  .m-dc6a3c71:where([data-selected]):hover {
+      background-color: var(--mantine-primary-color-filled-hover);
+  }
+}
+
+  @media (hover: none) {
+
+  .m-dc6a3c71:where([data-selected]):active {
+      background-color: var(--mantine-primary-color-filled-hover);
+  }
+}
+
+  .m-dc6a3c71:where([data-in-range]) {
+    background-color: var(--mantine-primary-color-light-hover);
+    border-radius: 0;
+  }
+
+  @media (hover: hover) {
+
+  .m-dc6a3c71:where([data-in-range]):hover {
+      background-color: var(--mantine-primary-color-light);
+  }
+}
+
+  @media (hover: none) {
+
+  .m-dc6a3c71:where([data-in-range]):active {
+      background-color: var(--mantine-primary-color-light);
+  }
+}
+
+  .m-dc6a3c71:where([data-first-in-range]) {
+    border-radius: 0;
+    border-start-start-radius: var(--mantine-radius-default);
+    border-end-start-radius: var(--mantine-radius-default);
+  }
+
+  .m-dc6a3c71:where([data-last-in-range]) {
+    border-radius: 0;
+    border-end-end-radius: var(--mantine-radius-default);
+    border-start-end-radius: var(--mantine-radius-default);
+  }
+
+  .m-dc6a3c71:where([data-first-in-range][data-last-in-range]) {
+    border-radius: var(--mantine-radius-default);
+  }
+
+.m-9206547b {
+  border-collapse: collapse;
+  border-width: 0;
+}
+
+.m-c5a19c7d {
+  padding: 0;
+}
+
+.m-c5a19c7d:where([data-with-spacing]) {
+    padding: calc(0.03125rem * var(--mantine-scale));
+  }
+
+.m-2a6c32d {
+  border-collapse: collapse;
+  border-width: 0;
+  cursor: pointer;
+}
+
+.m-fe27622f {
+  padding: 0;
+}
+
+.m-fe27622f:where([data-with-spacing]) {
+    padding: calc(0.03125rem * var(--mantine-scale));
+  }
+
+.m-730a79ed {
+  --dch-control-size-xs: calc(1.875rem * var(--mantine-scale));
+  --dch-control-size-sm: calc(2.25rem * var(--mantine-scale));
+  --dch-control-size-md: calc(2.625rem * var(--mantine-scale));
+  --dch-control-size-lg: calc(3rem * var(--mantine-scale));
+  --dch-control-size-xl: calc(3.375rem * var(--mantine-scale));
+  --dch-control-size: var(--dch-control-size-sm);
+
+  display: flex;
+  max-width: calc(var(--dch-control-size) * 7 + calc(0.4375rem * var(--mantine-scale)));
+  margin-bottom: var(--mantine-spacing-xs);
+}
+
+.m-f6645d97,
+.m-2351eeb0 {
+  height: var(--dch-control-size);
+  border-radius: var(--mantine-radius-default);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  user-select: none;
+  opacity: 1;
+  cursor: pointer;
+}
+
+@media (hover: hover) {
+      [data-mantine-color-scheme='light'] .m-f6645d97:hover:where(:not([data-disabled], :disabled)), [data-mantine-color-scheme='light'] .m-2351eeb0:hover:where(:not([data-disabled], :disabled)) {
+        background-color: var(--mantine-color-gray-0);
+  }
+
+      [data-mantine-color-scheme='dark'] .m-f6645d97:hover:where(:not([data-disabled], :disabled)), [data-mantine-color-scheme='dark'] .m-2351eeb0:hover:where(:not([data-disabled], :disabled)) {
+        background-color: var(--mantine-color-dark-5);
+  }
+}
+
+@media (hover: none) {
+      [data-mantine-color-scheme='light'] .m-f6645d97:active:where(:not([data-disabled], :disabled)), [data-mantine-color-scheme='light'] .m-2351eeb0:active:where(:not([data-disabled], :disabled)) {
+        background-color: var(--mantine-color-gray-0);
+  }
+
+      [data-mantine-color-scheme='dark'] .m-f6645d97:active:where(:not([data-disabled], :disabled)), [data-mantine-color-scheme='dark'] .m-2351eeb0:active:where(:not([data-disabled], :disabled)) {
+        background-color: var(--mantine-color-dark-5);
+  }
+}
+
+.m-f6645d97:where(:disabled, [data-disabled]), .m-2351eeb0:where(:disabled, [data-disabled]) {
+    opacity: 0.2;
+    cursor: not-allowed;
+  }
+
+.m-2351eeb0 {
+  width: var(--dch-control-size);
+}
+
+.m-f6645d97 {
+  flex: 1;
+  font-size: var(--dch-fz, var(--mantine-font-size-sm));
+  font-weight: 500;
+  text-transform: capitalize;
+}
+
+.m-367dc749 {
+  width: 60%;
+  height: 60%;
+}
+
+.m-367dc749:where([data-direction='next']) {
+    transform: rotate(270deg);
+  }
+
+:where([dir="rtl"]) .m-367dc749:where([data-direction='next']) {
+      transform: rotate(90deg);
+}
+
+.m-367dc749:where([data-direction='previous']) {
+    transform: rotate(90deg);
+  }
+
+:where([dir="rtl"]) .m-367dc749:where([data-direction='previous']) {
+      transform: rotate(270deg);
+}
+
+.m-30b26e33 {
+  display: flex;
+  gap: var(--mantine-spacing-md);
+}
+
+.m-6fa5e2aa {
+  cursor: pointer;
+  line-height: unset;
+}
+
+  .m-6fa5e2aa:where([data-read-only]) {
+    cursor: default;
+  }
+
+.m-208d2562 {
+  display: flex;
+  align-items: stretch;
+  margin-top: var(--mantine-spacing-md);
+}
+
+.m-62ee059 {
+  flex: 1;
+  margin-inline-end: var(--mantine-spacing-md);
+}
+}