jotai-devtools
Version:
A powerful toolkit to enhance your development experience with Jotai
1,532 lines (1,503 loc) • 1.04 MB
CSS
/* src/DevTools/Extension/components/Shell/components/PanelResizeHandle.css */
.internal-jotai-devtools-panel-resize-handle-wrapper {
display: flex;
align-items: center;
height: 100%;
}
.internal-jotai-devtools-panel-resize-handle-wrapper .internal-jotai-devtools-panel-resize-handle-content {
transition:
max-height,
min-height,
height,
0.2s ease-out;
}
[data-resize-handle-active] .internal-jotai-devtools-panel-resize-handle-wrapper .internal-jotai-devtools-panel-resize-handle-content,
.internal-jotai-devtools-panel-resize-handle-wrapper:hover .internal-jotai-devtools-panel-resize-handle-content {
height: 90% !important;
min-height: 90% !important;
max-height: 90% !important;
}
/* src/DevTools/Extension/components/Shell/components/AtomViewer/AtomViewer.css */
.internal-jotai-devtools-atom-viewer-wrapper {
background: var(--mantine-color-gray-2);
}
[data-mantine-color-scheme=dark] .internal-jotai-devtools-atom-viewer-wrapper {
background: var(--mantine-color-dark-8);
}
/* src/DevTools/Extension/components/Shell/components/JSONTree/JSONTree.css */
.internal-jotai-devtools-json-tree-wrapper {
font-family: var(--mantine-font-family-monospace);
font-size: 13px;
}
.internal-jotai-devtools-json-tree-wrapper ul:first-of-type {
border-radius: var(--mantine-radius-md);
}
/* src/DevTools/Extension/components/Shell/components/CodeSyntaxHighlighter.css */
.internal-jotai-devtools-code-syntax-highlighter {
border-radius: var(--mantine-radius-md);
}
/* src/DevTools/Extension/components/Shell/components/ActionListItem.css */
.internal-jotai-devtools-monospace-font {
font-family: var(--mantine-font-family-monospace);
font-size: var(--mantine-font-size-sm) !important;
}
.internal-jotai-devtools-navlink {
border-radius: var(--mantine-radius-md);
}
/* src/DevTools/Extension/components/Shell/components/TimeTravel/components/PlayBar.css */
.internal-jotai-devtools-playbar-wrapper {
height: 56px;
border-top: 0.09rem solid var(--mantine-color-gray-3);
}
[data-mantine-color-scheme=dark] .internal-jotai-devtools-playbar-wrapper {
border-top: 0.09rem solid var(--mantine-color-dark-4);
}
.internal-jotai-devtools-playbar-wrapper {
display: flex;
align-items: center;
padding: var(--mantine-spacing-sm);
gap: 12px;
}
.internal-jotai-devtools-playbar-root {
flex-grow: 1;
}
.internal-jotai-devtools-playbar-markLabel {
display: none;
}
.internal-jotai-devtools-playbar-bar {
background-color: var(--mantine-color-dark-4);
}
[data-mantine-color-scheme=dark] .internal-jotai-devtools-playbar-bar {
background-color: var(--mantine-color-gray-6);
}
.internal-jotai-devtools-playbar-track:before {
background-color: var(--mantine-color-gray-3);
}
[data-mantine-color-scheme=dark] .internal-jotai-devtools-playbar-track:before {
background-color: var(--mantine-color-dark-4);
}
.internal-jotai-devtools-playbar-mark {
background-color: var(--mantine-color-gray-7);
}
[data-mantine-color-scheme=dark] .internal-jotai-devtools-playbar-mark {
background-color: var(--mantine-color-gray-5);
}
.internal-jotai-devtools-playbar-mark {
border-width: 0;
}
.internal-jotai-devtools-playbar-thumb {
height: 14px !important;
width: 14px !important;
border-width: 3px !important;
border-color: var(--mantine-color-dark-4) !important;
}
[data-mantine-color-scheme=dark] .internal-jotai-devtools-playbar-thumb {
border-color: var(--mantine-color-gray-6) !important;
}
/* src/DevTools/Extension/components/Shell/components/TimeTravel/components/SnapshotList/components/Header.css */
.internal-jotai-devtools-header-wrapper {
position: "sticky";
top: 0;
margin-top: var(--mantine-spacing-xs);
}
.internal-jotai-devtools-header-content {
border-radius: var(--mantine-radius-md);
background-color: var(--mantine-color-white);
}
[data-mantine-color-scheme=dark] .internal-jotai-devtools-header-content {
background-color: var(--mantine-color-dark-7);
}
/* src/DevTools/Extension/components/Shell/components/TimeTravel/TimeTravel.css */
.internal-jotai-devtools-time-travel-wrapper {
background: var(--mantine-color-gray-2);
}
[data-mantine-color-scheme=dark] .internal-jotai-devtools-time-travel-wrapper {
background: var(--mantine-color-dark-8);
}
/* src/DevTools/Extension/components/Shell/Shell.css */
.internal-jotai-devtools-shell {
position: fixed;
width: calc(100% - 1.25rem);
left: 50%;
bottom: 0.625rem;
transform: translate(-50%, 0%);
border-color: var(--mantine-color-gray-3);
}
[data-mantine-color-scheme=dark] .internal-jotai-devtools-shell {
border-color: var(--mantine-color-dark-4);
}
.internal-jotai-devtools-shell {
border-width: 1px;
border-style: solid;
border-radius: 8px;
background: var(--mantine-color-white);
}
[data-mantine-color-scheme=dark] .internal-jotai-devtools-shell {
background: var(--mantine-color-dark-7);
}
.internal-jotai-devtools-shell {
display: flex !important;
flex-direction: column !important;
z-index: 99999;
}
/* src/DevTools/Extension/ShellTriggerButton.css */
.internal-jotai-devtools-trigger-button img {
height: 2rem;
}
/* node_modules/.pnpm/@mantine+core@7.17.4_@mantine+hooks@7.17.4_@types+react@18.3.3_react-dom@18.3.1_react@18.3.1/node_modules/@mantine/core/styles/ScrollArea.css */
.m_d57069b5 {
--scrollarea-scrollbar-size: 12px;
position: relative;
overflow: hidden;
}
.m_c0783ff9 {
scrollbar-width: none;
overscroll-behavior: var(--scrollarea-over-scroll-behavior);
-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], [data-offset-scrollbars=present]):where([data-vertical-hidden]) {
padding-inline-end: 0;
padding-inline-start: 0;
}
.m_c0783ff9:where([data-scrollbars=xy], [data-scrollbars=y]):where([data-offset-scrollbars=xy], [data-offset-scrollbars=y], [data-offset-scrollbars=present]):not([data-vertical-hidden]) {
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], [data-offset-scrollbars=present]):where([data-horizontal-hidden]) {
padding-bottom: 0;
}
.m_c0783ff9:where([data-scrollbars=xy], [data-scrollbars=x]):where([data-offset-scrollbars=xy], [data-offset-scrollbars=x], [data-offset-scrollbars=present]):not([data-horizontal-hidden]) {
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-start: 0;
inset-inline-end: var(--sa-corner-width);
}
.m_d8b5e363 {
flex: 1;
border-radius: var(--scrollarea-scrollbar-size);
position: relative;
transition: background-color 150ms ease;
overflow: hidden;
opacity: var(--thumb-opacity);
}
.m_d8b5e363::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
min-width: 44px;
min-height: 44px;
}
:where([data-mantine-color-scheme=light]) .m_d8b5e363 {
background-color: rgba(0, 0, 0, 0.4);
}
:where([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;
}
/* node_modules/.pnpm/@mantine+core@7.17.4_@mantine+hooks@7.17.4_@types+react@18.3.3_react-dom@18.3.1_react@18.3.1/node_modules/@mantine/core/styles/UnstyledButton.css */
.m_87cf2631 {
background-color: transparent;
cursor: pointer;
border: 0;
padding: 0;
appearance: none;
font-size: var(--mantine-font-size-md);
text-align: left;
text-decoration: none;
color: inherit;
touch-action: manipulation;
-webkit-tap-highlight-color: transparent;
}
:where([dir=rtl]) .m_87cf2631 {
text-align: right;
}
/* node_modules/.pnpm/@mantine+core@7.17.4_@mantine+hooks@7.17.4_@types+react@18.3.3_react-dom@18.3.1_react@18.3.1/node_modules/@mantine/core/styles/Button.css */
.m_77c9d27d {
--button-height-xs: 30px;
--button-height-sm: 36px;
--button-height-md: 42px;
--button-height-lg: 50px;
--button-height-xl: 60px;
--button-height-compact-xs: 22px;
--button-height-compact-sm: 26px;
--button-height-compact-md: 30px;
--button-height-compact-lg: 34px;
--button-height-compact-xl: 40px;
--button-padding-x-xs: 14px;
--button-padding-x-sm: 18px;
--button-padding-x-md: 22px;
--button-padding-x-lg: 26px;
--button-padding-x-xl: 32px;
--button-padding-x-compact-xs: 7px;
--button-padding-x-compact-sm: 8px;
--button-padding-x-compact-md: 10px;
--button-padding-x-compact-lg: 12px;
--button-padding-x-compact-xl: 14px;
--button-height: var(--button-height-sm);
--button-padding-x: var(--button-padding-x-sm);
--button-color: var(--mantine-color-white);
user-select: none;
font-weight: 600;
position: relative;
line-height: 1;
text-align: center;
overflow: hidden;
width: auto;
cursor: pointer;
display: inline-block;
border-radius: var(--button-radius, var(--mantine-radius-default));
font-size: var(--button-fz, var(--mantine-font-size-sm));
background: var(--button-bg, var(--mantine-primary-color-filled));
border: var(--button-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent);
color: var(--button-color, var(--mantine-color-white));
height: var(--button-height, var(--button-height-sm));
padding-inline: var(--button-padding-x, var(--button-padding-x-sm));
vertical-align: middle;
}
.m_77c9d27d:where([data-block]) {
display: block;
width: 100%;
}
.m_77c9d27d:where([data-with-left-section]) {
padding-inline-start: calc(var(--button-padding-x) / 1.5);
}
.m_77c9d27d:where([data-with-right-section]) {
padding-inline-end: calc(var(--button-padding-x) / 1.5);
}
.m_77c9d27d:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {
cursor: not-allowed;
border: 1px solid transparent;
transform: none;
}
:where([data-mantine-color-scheme=light]) .m_77c9d27d:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {
color: var(--mantine-color-gray-5);
background: var(--mantine-color-gray-1);
}
:where([data-mantine-color-scheme=dark]) .m_77c9d27d:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {
color: var(--mantine-color-dark-3);
background: var(--mantine-color-dark-6);
}
.m_77c9d27d::before {
content: "";
pointer-events: none;
position: absolute;
inset: -1px;
border-radius: var(--button-radius, var(--mantine-radius-default));
transform: translateY(-100%);
opacity: 0;
filter: blur(12px);
transition: transform 150ms ease, opacity 100ms ease;
}
:where([data-mantine-color-scheme=light]) .m_77c9d27d::before {
background-color: rgba(255, 255, 255, 0.15);
}
:where([data-mantine-color-scheme=dark]) .m_77c9d27d::before {
background-color: rgba(0, 0, 0, 0.15);
}
.m_77c9d27d:where([data-loading]) {
cursor: not-allowed;
transform: none;
}
.m_77c9d27d:where([data-loading])::before {
transform: translateY(0);
opacity: 1;
}
.m_77c9d27d:where([data-loading]) .m_80f1301b {
opacity: 0;
transform: translateY(100%);
}
@media (hover: hover) {
.m_77c9d27d:hover:where(:not([data-loading], :disabled, [data-disabled])) {
background-color: var(--button-hover, var(--mantine-primary-color-filled-hover));
color: var(--button-hover-color, var(--button-color));
}
}
@media (hover: none) {
.m_77c9d27d:active:where(:not([data-loading], :disabled, [data-disabled])) {
background-color: var(--button-hover, var(--mantine-primary-color-filled-hover));
color: var(--button-hover-color, var(--button-color));
}
}
.m_80f1301b {
display: flex;
align-items: center;
justify-content: var(--button-justify, center);
height: 100%;
overflow: visible;
transition: transform 150ms ease, opacity 100ms ease;
}
.m_811560b9 {
white-space: nowrap;
height: 100%;
overflow: hidden;
display: flex;
align-items: center;
opacity: 1;
}
.m_811560b9:where([data-loading]) {
opacity: 0.2;
}
.m_a74036a {
display: flex;
align-items: center;
}
.m_a74036a:where([data-position=left]) {
margin-inline-end: var(--mantine-spacing-xs);
}
.m_a74036a:where([data-position=right]) {
margin-inline-start: var(--mantine-spacing-xs);
}
.m_a25b86ee {
position: absolute;
left: 50%;
top: 50%;
}
.m_80d6d844 {
--button-border-width: 1px;
display: flex;
}
.m_80d6d844 :where(.m_77c9d27d):focus {
position: relative;
z-index: 1;
}
.m_80d6d844[data-orientation=horizontal] {
flex-direction: row;
}
.m_80d6d844[data-orientation=horizontal] .m_77c9d27d:not(:only-child):first-child,
.m_80d6d844[data-orientation=horizontal] .m_70be2a01:not(:only-child):first-child {
border-end-end-radius: 0;
border-start-end-radius: 0;
border-inline-end-width: calc(var(--button-border-width) / 2);
}
.m_80d6d844[data-orientation=horizontal] .m_77c9d27d:not(:only-child):last-child,
.m_80d6d844[data-orientation=horizontal] .m_70be2a01:not(:only-child):last-child {
border-end-start-radius: 0;
border-start-start-radius: 0;
border-inline-start-width: calc(var(--button-border-width) / 2);
}
.m_80d6d844[data-orientation=horizontal] .m_77c9d27d:not(:only-child):not(:first-child):not(:last-child),
.m_80d6d844[data-orientation=horizontal] .m_70be2a01:not(:only-child):not(:first-child):not(:last-child) {
border-radius: 0;
border-inline-width: calc(var(--button-border-width) / 2);
}
.m_80d6d844[data-orientation=vertical] {
flex-direction: column;
}
.m_80d6d844[data-orientation=vertical] .m_77c9d27d:not(:only-child):first-child,
.m_80d6d844[data-orientation=vertical] .m_70be2a01:not(:only-child):first-child {
border-end-start-radius: 0;
border-end-end-radius: 0;
border-bottom-width: calc(var(--button-border-width) / 2);
}
.m_80d6d844[data-orientation=vertical] .m_77c9d27d:not(:only-child):last-child,
.m_80d6d844[data-orientation=vertical] .m_70be2a01:not(:only-child):last-child {
border-start-start-radius: 0;
border-start-end-radius: 0;
border-top-width: calc(var(--button-border-width) / 2);
}
.m_80d6d844[data-orientation=vertical] .m_77c9d27d:not(:only-child):not(:first-child):not(:last-child),
.m_80d6d844[data-orientation=vertical] .m_70be2a01:not(:only-child):not(:first-child):not(:last-child) {
border-radius: 0;
border-bottom-width: calc(var(--button-border-width) / 2);
border-top-width: calc(var(--button-border-width) / 2);
}
.m_70be2a01 {
--section-height-xs: 30px;
--section-height-sm: 36px;
--section-height-md: 42px;
--section-height-lg: 50px;
--section-height-xl: 60px;
--section-height-compact-xs: 22px;
--section-height-compact-sm: 26px;
--section-height-compact-md: 30px;
--section-height-compact-lg: 34px;
--section-height-compact-xl: 40px;
--section-padding-x-xs: 14px;
--section-padding-x-sm: 18px;
--section-padding-x-md: 22px;
--section-padding-x-lg: 26px;
--section-padding-x-xl: 32px;
--section-padding-x-compact-xs: 7px;
--section-padding-x-compact-sm: 8px;
--section-padding-x-compact-md: 10px;
--section-padding-x-compact-lg: 12px;
--section-padding-x-compact-xl: 14px;
--section-height: var(--section-height-sm);
--section-padding-x: var(--section-padding-x-sm);
--section-color: var(--mantine-color-white);
font-weight: 600;
width: auto;
border-radius: var(--section-radius, var(--mantine-radius-default));
font-size: var(--section-fz, var(--mantine-font-size-sm));
background: var(--section-bg, var(--mantine-primary-color-filled));
border: var(--section-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent);
color: var(--section-color, var(--mantine-color-white));
height: var(--section-height, var(--section-height-sm));
padding-inline: var(--section-padding-x, var(--section-padding-x-sm));
vertical-align: middle;
line-height: 1;
display: inline-flex;
align-items: center;
justify-content: center;
}
/* node_modules/.pnpm/@mantine+core@7.17.4_@mantine+hooks@7.17.4_@types+react@18.3.3_react-dom@18.3.1_react@18.3.1/node_modules/@mantine/core/styles/CloseButton.css */
.m_86a44da5 {
--cb-size-xs: 18px;
--cb-size-sm: 22px;
--cb-size-md: 28px;
--cb-size-lg: 34px;
--cb-size-xl: 44px;
--cb-size: var(--cb-size-md);
--cb-icon-size: 70%;
--cb-radius: var(--mantine-radius-default);
line-height: 1;
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
user-select: none;
width: var(--cb-size);
height: var(--cb-size);
min-width: var(--cb-size);
min-height: var(--cb-size);
border-radius: var(--cb-radius);
}
:where([data-mantine-color-scheme=light]) .m_86a44da5 {
color: var(--mantine-color-gray-7);
}
:where([data-mantine-color-scheme=dark]) .m_86a44da5 {
color: var(--mantine-color-dark-1);
}
.m_86a44da5[data-disabled],
.m_86a44da5:disabled {
cursor: not-allowed;
opacity: 0.6;
}
@media (hover: hover) {
:where([data-mantine-color-scheme=light]) .m_220c80f2:where(:not([data-disabled], :disabled)):hover {
background-color: var(--mantine-color-gray-0);
}
:where([data-mantine-color-scheme=dark]) .m_220c80f2:where(:not([data-disabled], :disabled)):hover {
background-color: var(--mantine-color-dark-6);
}
}
@media (hover: none) {
:where([data-mantine-color-scheme=light]) .m_220c80f2:where(:not([data-disabled], :disabled)):active {
background-color: var(--mantine-color-gray-0);
}
:where([data-mantine-color-scheme=dark]) .m_220c80f2:where(:not([data-disabled], :disabled)):active {
background-color: var(--mantine-color-dark-6);
}
}
/* node_modules/.pnpm/@mantine+core@7.17.4_@mantine+hooks@7.17.4_@types+react@18.3.3_react-dom@18.3.1_react@18.3.1/node_modules/@mantine/core/styles/ActionIcon.css */
.m_8d3f4000 {
--ai-size-xs: 18px;
--ai-size-sm: 22px;
--ai-size-md: 28px;
--ai-size-lg: 34px;
--ai-size-xl: 44px;
--ai-size-input-xs: 30px;
--ai-size-input-sm: 36px;
--ai-size-input-md: 42px;
--ai-size-input-lg: 50px;
--ai-size-input-xl: 60px;
--ai-size: var(--ai-size-md);
--ai-color: var(--mantine-color-white);
line-height: 1;
display: inline-flex;
align-items: center;
justify-content: center;
position: relative;
user-select: none;
overflow: hidden;
width: var(--ai-size);
height: var(--ai-size);
min-width: var(--ai-size);
min-height: var(--ai-size);
border-radius: var(--ai-radius, var(--mantine-radius-default));
background: var(--ai-bg, var(--mantine-primary-color-filled));
color: var(--ai-color, var(--mantine-color-white));
border: var(--ai-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent);
cursor: pointer;
}
@media (hover: hover) {
.m_8d3f4000:hover:where(:not([data-loading], :disabled, [data-disabled])) {
background-color: var(--ai-hover, var(--mantine-primary-color-filled-hover));
color: var(--ai-hover-color, var(--ai-color));
}
}
@media (hover: none) {
.m_8d3f4000:active:where(:not([data-loading], :disabled, [data-disabled])) {
background-color: var(--ai-hover, var(--mantine-primary-color-filled-hover));
color: var(--ai-hover-color, var(--ai-color));
}
}
.m_8d3f4000[data-loading] {
cursor: not-allowed;
}
.m_8d3f4000[data-loading] .m_8d3afb97 {
opacity: 0;
transform: translateY(100%);
}
.m_8d3f4000:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {
cursor: not-allowed;
border: 1px solid transparent;
}
:where([data-mantine-color-scheme=light]) .m_8d3f4000:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {
background-color: var(--mantine-color-gray-1);
color: var(--mantine-color-gray-5);
}
:where([data-mantine-color-scheme=dark]) .m_8d3f4000:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {
background-color: var(--mantine-color-dark-6);
color: var(--mantine-color-dark-3);
}
.m_8d3f4000:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])):active {
transform: none;
}
.m_302b9fb1 {
inset: -1px;
position: absolute;
border-radius: var(--ai-radius, var(--mantine-radius-default));
display: flex;
align-items: center;
justify-content: center;
}
:where([data-mantine-color-scheme=light]) .m_302b9fb1 {
background-color: rgba(255, 255, 255, 0.15);
}
:where([data-mantine-color-scheme=dark]) .m_302b9fb1 {
background-color: rgba(0, 0, 0, 0.15);
}
.m_1a0f1b21 {
--ai-border-width: 1px;
display: flex;
}
.m_1a0f1b21 :where(*):focus {
position: relative;
z-index: 1;
}
.m_1a0f1b21[data-orientation=horizontal] {
flex-direction: row;
}
.m_1a0f1b21[data-orientation=horizontal] .m_8d3f4000:not(:only-child):first-child,
.m_1a0f1b21[data-orientation=horizontal] .m_437b6484:not(:only-child):first-child {
border-end-end-radius: 0;
border-start-end-radius: 0;
border-inline-end-width: calc(var(--ai-border-width) / 2);
}
.m_1a0f1b21[data-orientation=horizontal] .m_8d3f4000:not(:only-child):last-child,
.m_1a0f1b21[data-orientation=horizontal] .m_437b6484:not(:only-child):last-child {
border-end-start-radius: 0;
border-start-start-radius: 0;
border-inline-start-width: calc(var(--ai-border-width) / 2);
}
.m_1a0f1b21[data-orientation=horizontal] .m_8d3f4000:not(:only-child):not(:first-child):not(:last-child),
.m_1a0f1b21[data-orientation=horizontal] .m_437b6484:not(:only-child):not(:first-child):not(:last-child) {
border-radius: 0;
border-inline-width: calc(var(--ai-border-width) / 2);
}
.m_1a0f1b21[data-orientation=vertical] {
flex-direction: column;
}
.m_1a0f1b21[data-orientation=vertical] .m_8d3f4000:not(:only-child):first-child,
.m_1a0f1b21[data-orientation=vertical] .m_437b6484:not(:only-child):first-child {
border-end-start-radius: 0;
border-end-end-radius: 0;
border-bottom-width: calc(var(--ai-border-width) / 2);
}
.m_1a0f1b21[data-orientation=vertical] .m_8d3f4000:not(:only-child):last-child,
.m_1a0f1b21[data-orientation=vertical] .m_437b6484:not(:only-child):last-child {
border-start-start-radius: 0;
border-start-end-radius: 0;
border-top-width: calc(var(--ai-border-width) / 2);
}
.m_1a0f1b21[data-orientation=vertical] .m_8d3f4000:not(:only-child):not(:first-child):not(:last-child),
.m_1a0f1b21[data-orientation=vertical] .m_437b6484:not(:only-child):not(:first-child):not(:last-child) {
border-radius: 0;
border-bottom-width: calc(var(--ai-border-width) / 2);
border-top-width: calc(var(--ai-border-width) / 2);
}
.m_8d3afb97 {
display: flex;
align-items: center;
justify-content: center;
transition: transform 150ms ease, opacity 100ms ease;
width: 100%;
height: 100%;
}
.m_437b6484 {
--section-height-xs: 18px;
--section-height-sm: 22px;
--section-height-md: 28px;
--section-height-lg: 34px;
--section-height-xl: 44px;
--section-height-input-xs: 30px;
--section-height-input-sm: 36px;
--section-height-input-md: 42px;
--section-height-input-lg: 50px;
--section-height-input-xl: 60px;
--section-padding-x-xs: 6px;
--section-padding-x-sm: 8px;
--section-padding-x-md: 10px;
--section-padding-x-lg: 12px;
--section-padding-x-xl: 16px;
--section-height: var(--section-height-sm);
--section-padding-x: var(--section-padding-x-sm);
--section-color: var(--mantine-color-white);
font-weight: 600;
width: auto;
border-radius: var(--section-radius, var(--mantine-radius-default));
font-size: var(--section-fz, var(--mantine-font-size-sm));
background: var(--section-bg, var(--mantine-primary-color-filled));
border: var(--section-bd, calc(0.0625rem * var(--mantine-scale)) solid transparent);
color: var(--section-color, var(--mantine-color-white));
height: var(--section-height, var(--section-height-sm));
padding-inline: var(--section-padding-x, var(--section-padding-x-sm));
vertical-align: middle;
line-height: 1;
display: inline-flex;
align-items: center;
justify-content: center;
}
/* node_modules/.pnpm/@mantine+core@7.17.4_@mantine+hooks@7.17.4_@types+react@18.3.3_react-dom@18.3.1_react@18.3.1/node_modules/@mantine/core/styles/VisuallyHidden.css */
.m_515a97f8 {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
white-space: nowrap;
}
/* node_modules/.pnpm/@mantine+core@7.17.4_@mantine+hooks@7.17.4_@types+react@18.3.3_react-dom@18.3.1_react@18.3.1/node_modules/@mantine/core/styles/Paper.css */
.m_1b7284a3 {
--paper-radius: var(--mantine-radius-default);
outline: 0;
-webkit-tap-highlight-color: transparent;
display: block;
touch-action: manipulation;
text-decoration: none;
border-radius: var(--paper-radius);
box-shadow: var(--paper-shadow);
background-color: var(--mantine-color-body);
}
[data-mantine-color-scheme=light] .m_1b7284a3 {
--paper-border-color: var(--mantine-color-gray-3);
}
[data-mantine-color-scheme=dark] .m_1b7284a3 {
--paper-border-color: var(--mantine-color-dark-4);
}
.m_1b7284a3:where([data-with-border]) {
border: calc(0.0625rem * var(--mantine-scale)) solid var(--paper-border-color);
}
/* node_modules/.pnpm/@mantine+core@7.17.4_@mantine+hooks@7.17.4_@types+react@18.3.3_react-dom@18.3.1_react@18.3.1/node_modules/@mantine/core/styles/Popover.css */
.m_38a85659 {
position: absolute;
border: 1px solid var(--popover-border-color);
padding: var(--mantine-spacing-sm) var(--mantine-spacing-md);
box-shadow: var(--popover-shadow, none);
border-radius: var(--popover-radius, var(--mantine-radius-default));
}
.m_38a85659:where([data-fixed]) {
position: fixed;
}
.m_38a85659:focus {
outline: none;
}
:where([data-mantine-color-scheme=light]) .m_38a85659 {
--popover-border-color: var(--mantine-color-gray-2);
background-color: var(--mantine-color-white);
}
:where([data-mantine-color-scheme=dark]) .m_38a85659 {
--popover-border-color: var(--mantine-color-dark-4);
background-color: var(--mantine-color-dark-6);
}
.m_a31dc6c1 {
background-color: inherit;
border: 1px solid var(--popover-border-color);
z-index: 1;
}
.m_3d7bc908 {
position: fixed;
inset: 0;
}
/* node_modules/.pnpm/@mantine+core@7.17.4_@mantine+hooks@7.17.4_@types+react@18.3.3_react-dom@18.3.1_react@18.3.1/node_modules/@mantine/core/styles/Group.css */
.m_4081bf90 {
display: flex;
flex-direction: row;
flex-wrap: var(--group-wrap, wrap);
justify-content: var(--group-justify, flex-start);
align-items: var(--group-align, center);
gap: var(--group-gap, var(--mantine-spacing-md));
}
.m_4081bf90:where([data-grow]) > * {
flex-grow: 1;
max-width: var(--group-child-width);
}
/* node_modules/.pnpm/@mantine+core@7.17.4_@mantine+hooks@7.17.4_@types+react@18.3.3_react-dom@18.3.1_react@18.3.1/node_modules/@mantine/core/styles/Loader.css */
.m_5ae2e3c {
--loader-size-xs: 18px;
--loader-size-sm: 22px;
--loader-size-md: 36px;
--loader-size-lg: 44px;
--loader-size-xl: 58px;
--loader-size: var(--loader-size-md);
--loader-color: var(--mantine-primary-color-filled);
}
@keyframes m_5d2b3b9d {
0% {
transform: scale(0.6);
opacity: 0;
}
50%, 100% {
transform: scale(1);
}
}
.m_7a2bd4cd {
position: relative;
width: var(--loader-size);
height: var(--loader-size);
display: flex;
gap: calc(var(--loader-size) / 5);
}
.m_870bb79 {
flex: 1;
background: var(--loader-color);
animation: m_5d2b3b9d 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
border-radius: 2px;
}
.m_870bb79:nth-of-type(1) {
animation-delay: -240ms;
}
.m_870bb79:nth-of-type(2) {
animation-delay: -120ms;
}
.m_870bb79:nth-of-type(3) {
animation-delay: 0;
}
@keyframes m_aac34a1 {
0%, 100% {
transform: scale(1);
opacity: 1;
}
50% {
transform: scale(0.6);
opacity: 0.5;
}
}
.m_4e3f22d7 {
display: flex;
justify-content: center;
align-items: center;
gap: calc(var(--loader-size) / 10);
position: relative;
width: var(--loader-size);
height: var(--loader-size);
}
.m_870c4af {
width: calc(var(--loader-size) / 3 - var(--loader-size) / 15);
height: calc(var(--loader-size) / 3 - var(--loader-size) / 15);
border-radius: 50%;
background: var(--loader-color);
animation: m_aac34a1 0.8s infinite linear;
}
.m_870c4af:nth-child(2) {
animation-delay: 0.4s;
}
@keyframes m_f8e89c4b {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.m_b34414df {
display: inline-block;
width: var(--loader-size);
height: var(--loader-size);
}
.m_b34414df::after {
content: "";
display: block;
width: var(--loader-size);
height: var(--loader-size);
border-radius: 10000px;
border-width: calc(var(--loader-size) / 8);
border-style: solid;
border-color: var(--loader-color) var(--loader-color) var(--loader-color) transparent;
animation: m_f8e89c4b 1.2s linear infinite;
}
/* node_modules/.pnpm/@mantine+core@7.17.4_@mantine+hooks@7.17.4_@types+react@18.3.3_react-dom@18.3.1_react@18.3.1/node_modules/@mantine/core/styles/Overlay.css */
.m_9814e45f {
inset: 0;
position: absolute;
background: var(--overlay-bg, rgba(0, 0, 0, 0.6));
backdrop-filter: var(--overlay-filter);
-webkit-backdrop-filter: var(--overlay-filter);
border-radius: var(--overlay-radius, 0);
z-index: var(--overlay-z-index);
}
.m_9814e45f:where([data-fixed]) {
position: fixed;
}
.m_9814e45f:where([data-center]) {
display: flex;
align-items: center;
justify-content: center;
}
/* node_modules/.pnpm/@mantine+core@7.17.4_@mantine+hooks@7.17.4_@types+react@18.3.3_react-dom@18.3.1_react@18.3.1/node_modules/@mantine/core/styles/ModalBase.css */
.m_615af6c9 {
line-height: 1;
padding: 0;
margin: 0;
font-weight: 400;
font-size: var(--mantine-font-size-md);
}
.m_b5489c3c {
display: flex;
justify-content: space-between;
align-items: center;
padding: var(--mb-padding, var(--mantine-spacing-md));
padding-inline-end: calc(var(--mb-padding, var(--mantine-spacing-md)) - calc(0.3125rem * var(--mantine-scale)));
position: sticky;
top: 0;
background-color: var(--mantine-color-body);
z-index: 1000;
min-height: 60px;
transition: padding-inline-end 100ms;
}
.m_60c222c7 {
position: fixed;
width: 100%;
top: 0;
bottom: 0;
z-index: var(--mb-z-index);
pointer-events: none;
}
.m_fd1ab0aa {
pointer-events: all;
box-shadow: var(--mb-shadow, var(--mantine-shadow-xl));
}
.m_fd1ab0aa [data-mantine-scrollbar] {
z-index: 1001;
}
.m_fd1ab0aa:has([data-mantine-scrollbar][data-state=visible]) .m_b5489c3c {
padding-inline-end: calc(var(--mb-padding, var(--mantine-spacing-md)) + calc(0.3125rem * var(--mantine-scale)));
}
.m_606cb269 {
margin-inline-start: auto;
}
.m_5df29311 {
padding: var(--mb-padding, var(--mantine-spacing-md));
padding-top: var(--mb-padding, var(--mantine-spacing-md));
}
.m_5df29311:where(:not(:only-child)) {
padding-top: 0;
}
/* node_modules/.pnpm/@mantine+core@7.17.4_@mantine+hooks@7.17.4_@types+react@18.3.3_react-dom@18.3.1_react@18.3.1/node_modules/@mantine/core/styles/Flex.css */
.m_8bffd616 {
display: flex;
}
/* node_modules/.pnpm/@mantine+core@7.17.4_@mantine+hooks@7.17.4_@types+react@18.3.3_react-dom@18.3.1_react@18.3.1/node_modules/@mantine/core/styles/Text.css */
.m_b6d8b162 {
-webkit-tap-highlight-color: transparent;
text-decoration: none;
font-size: var(--text-fz, var(--mantine-font-size-md));
line-height: var(--text-lh, var(--mantine-line-height-md));
font-weight: normal;
margin: 0;
padding: 0;
color: var(--text-color);
}
.m_b6d8b162:where([data-truncate]) {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.m_b6d8b162:where([data-truncate=start]) {
direction: rtl;
text-align: right;
}
:where([dir=rtl]) .m_b6d8b162:where([data-truncate=start]) {
direction: ltr;
text-align: left;
}
.m_b6d8b162:where([data-variant=gradient]) {
background-image: var(--text-gradient);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.m_b6d8b162:where([data-line-clamp]) {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: var(--text-line-clamp);
-webkit-box-orient: vertical;
}
.m_b6d8b162:where([data-inherit]) {
line-height: inherit;
font-weight: inherit;
font-size: inherit;
}
.m_b6d8b162:where([data-inline]) {
line-height: 1;
}
/* node_modules/.pnpm/@mantine+core@7.17.4_@mantine+hooks@7.17.4_@types+react@18.3.3_react-dom@18.3.1_react@18.3.1/node_modules/@mantine/core/styles/Title.css */
.m_8a5d1357 {
margin: 0;
font-weight: var(--title-fw);
font-size: var(--title-fz);
line-height: var(--title-lh);
font-family: var(--mantine-font-family-headings);
text-wrap: var(--title-text-wrap, var(--mantine-heading-text-wrap));
}
.m_8a5d1357:where([data-line-clamp]) {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: var(--title-line-clamp);
-webkit-box-orient: vertical;
}
/* node_modules/.pnpm/@mantine+core@7.17.4_@mantine+hooks@7.17.4_@types+react@18.3.3_react-dom@18.3.1_react@18.3.1/node_modules/@mantine/core/styles/Badge.css */
.m_347db0ec {
--badge-height-xs: 16px;
--badge-height-sm: 18px;
--badge-height-md: 20px;
--badge-height-lg: 26px;
--badge-height-xl: 32px;
--badge-fz-xs: 9px;
--badge-fz-sm: 10px;
--badge-fz-md: 11px;
--badge-fz-lg: 13px;
--badge-fz-xl: 16px;
--badge-padding-x-xs: 6px;
--badge-padding-x-sm: 8px;
--badge-padding-x-md: 10px;
--badge-padding-x-lg: 12px;
--badge-padding-x-xl: 16px;
--badge-height: var(--badge-height-md);
--badge-fz: var(--badge-fz-md);
--badge-padding-x: var(--badge-padding-x-md);
--badge-radius: 1000px;
--badge-lh: calc(var(--badge-height) - calc(0.125rem * var(--mantine-scale)));
--badge-color: var(--mantine-color-white);
--badge-bg: var(--mantine-primary-color-filled);
--badge-border-width: 1px;
--badge-bd: var(--badge-border-width) solid transparent;
-webkit-tap-highlight-color: transparent;
font-size: var(--badge-fz);
border-radius: var(--badge-radius);
height: var(--badge-height);
line-height: var(--badge-lh);
text-decoration: none;
padding: 0 var(--badge-padding-x);
display: inline-grid;
align-items: center;
justify-content: center;
width: fit-content;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 0.25px;
cursor: default;
text-overflow: ellipsis;
overflow: hidden;
color: var(--badge-color);
background: var(--badge-bg);
border: var(--badge-bd);
}
.m_347db0ec:where([data-with-left-section], [data-variant=dot]) {
grid-template-columns: auto 1fr;
}
.m_347db0ec:where([data-with-right-section]) {
grid-template-columns: 1fr auto;
}
.m_347db0ec:where([data-with-left-section][data-with-right-section], [data-variant=dot][data-with-right-section]) {
grid-template-columns: auto 1fr auto;
}
.m_347db0ec:where([data-block]) {
display: flex;
width: 100%;
}
.m_347db0ec:where([data-circle]) {
padding-inline: 2px;
display: flex;
width: var(--badge-height);
}
.m_fbd81e3d {
--badge-dot-size: calc(var(--badge-height) / 3.4);
}
:where([data-mantine-color-scheme=light]) .m_fbd81e3d {
background-color: var(--mantine-color-white);
border-color: var(--mantine-color-gray-4);
color: var(--mantine-color-black);
}
:where([data-mantine-color-scheme=dark]) .m_fbd81e3d {
background-color: var(--mantine-color-dark-5);
border-color: var(--mantine-color-dark-5);
color: var(--mantine-color-white);
}
.m_fbd81e3d::before {
content: "";
display: block;
width: var(--badge-dot-size);
height: var(--badge-dot-size);
border-radius: var(--badge-dot-size);
background-color: var(--badge-dot-color);
margin-inline-end: var(--badge-dot-size);
}
.m_5add502a {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
cursor: inherit;
}
.m_91fdda9b {
--badge-section-margin: calc(var(--mantine-spacing-xs) / 2);
display: inline-flex;
justify-content: center;
align-items: center;
max-height: calc(var(--badge-height) - var(--badge-border-width) * 2);
}
.m_91fdda9b:where([data-position=left]) {
margin-inline-end: var(--badge-section-margin);
}
.m_91fdda9b:where([data-position=right]) {
margin-inline-start: var(--badge-section-margin);
}
/* node_modules/.pnpm/@mantine+core@7.17.4_@mantine+hooks@7.17.4_@types+react@18.3.3_react-dom@18.3.1_react@18.3.1/node_modules/@mantine/core/styles/Code.css */
.m_b183c0a2 {
font-family: var(--mantine-font-family-monospace);
line-height: var(--mantine-line-height);
padding: 2px calc(var(--mantine-spacing-xs) / 2);
border-radius: var(--mantine-radius-sm);
font-size: var(--mantine-font-size-xs);
margin: 0;
overflow: auto;
}
:where([data-mantine-color-scheme=light]) .m_b183c0a2 {
background-color: var(--code-bg, var(--mantine-color-gray-1));
color: var(--mantine-color-black);
}
:where([data-mantine-color-scheme=dark]) .m_b183c0a2 {
background-color: var(--code-bg, var(--mantine-color-dark-5));
color: var(--mantine-color-white);
}
.m_b183c0a2[data-block] {
padding: var(--mantine-spacing-xs);
}
/* node_modules/.pnpm/@mantine+core@7.17.4_@mantine+hooks@7.17.4_@types+react@18.3.3_react-dom@18.3.1_react@18.3.1/node_modules/@mantine/core/styles/Input.css */
.m_6c018570 {
position: relative;
margin-top: var(--input-margin-top, 0rem);
margin-bottom: var(--input-margin-bottom, 0rem);
--input-height-xs: 30px;
--input-height-sm: 36px;
--input-height-md: 42px;
--input-height-lg: 50px;
--input-height-xl: 60px;
--input-padding-y-xs: 5px;
--input-padding-y-sm: 6px;
--input-padding-y-md: 8px;
--input-padding-y-lg: 10px;
--input-padding-y-xl: 13px;
--input-height: var(--input-height-sm);
--input-radius: var(--mantine-radius-default);
--input-cursor: text;
--input-text-align: left;
--input-line-height: calc(var(--input-height) - calc(0.125rem * var(--mantine-scale)));
--input-padding: calc(var(--input-height) / 3);
--input-padding-inline-start: var(--input-padding);
--input-padding-inline-end: var(--input-padding);
--input-placeholder-color: var(--mantine-color-placeholder);
--input-color: var(--mantine-color-text);
--input-left-section-size: var(--input-left-section-width, calc(var(--input-height) - calc(0.125rem * var(--mantine-scale))));
--input-right-section-size: var( --input-right-section-width, calc(var(--input-height) - calc(0.125rem * var(--mantine-scale))) );
--input-size: var(--input-height);
--section-y: 1px;
--left-section-start: 1px;
--left-section-border-radius: var(--input-radius) 0 0 var(--input-radius);
--right-section-end: 1px;
--right-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;
}
.m_6c018570[data-variant=unstyled] {
--input-padding: 0;
--input-padding-y: 0;
--input-padding-inline-start: 0;
--input-padding-inline-end: 0;
}
.m_6c018570[data-pointer] {
--input-cursor: pointer;
}
.m_6c018570[data-multiline] {
--input-padding-y-xs: 4.5px;
--input-padding-y-sm: 5.5px;
--input-padding-y-md: 7px;
--input-padding-y-lg: 9.5px;
--input-padding-y-xl: 13px;
--input-size: auto;
--input-line-height: var(--mantine-line-height);
--input-padding-y: var(--input-padding-y-sm);
}
.m_6c018570[data-with-left-section] {
--input-padding-inline-start: var(--input-left-section-size);
}
.m_6c018570[data-with-right-section] {
--input-padding-inline-end: var(--input-right-section-size);
}
[data-mantine-color-scheme=light] .m_6c018570 {
--input-disabled-bg: var(--mantine-color-gray-1);
--input-disabled-color: var(--mantine-color-gray-6);
}
[data-mantine-color-scheme=light] .m_6c018570[data-variant=default] {
--input-bd: var(--mantine-color-gray-4);
--input-bg: var(--mantine-color-white);
--input-bd-focus: var(--mantine-primary-color-filled);
}
[data-mantine-color-scheme=light] .m_6c018570[data-variant=filled] {
--input-bd: transparent;
--input-bg: var(--mantine-color-gray-1);
--input-bd-focus: var(--mantine-primary-color-filled);
}
[data-mantine-color-scheme=light] .m_6c018570[data-variant=unstyled] {
--input-bd: transparent;
--input-bg: transparent;
--input-bd-focus: transparent;
}
[data-mantine-color-scheme=dark] .m_6c018570 {
--input-disabled-bg: var(--mantine-color-dark-6);
--input-disabled-color: var(--mantine-color-dark-2);
}
[data-mantine-color-scheme=dark] .m_6c018570[data-variant=default] {
--input-bd: var(--mantine-color-dark-4);
--input-bg: var(--mantine-color-dark-6);
--input-bd-focus: var(--mantine-primary-color-filled);
}
[data-mantine-color-scheme=dark] .m_6c018570[data-variant=filled] {
--input-bd: transparent;
--input-bg: var(--mantine-color-dark-5);
--input-bd-focus: var(--mantine-primary-color-filled);
}
[data-mantine-color-scheme=dark] .m_6c018570[data-variant=unstyled] {
--input-bd: transparent;
--input-bg: transparent;
--input-bd-focus: transparent;
}
[data-mantine-color-scheme] .m_6c018570[data-error]:not([data-variant=unstyled]) {
--input-bd: var(--mantine-color-error);
}
[data-mantine-color-scheme] .m_6c018570[data-error] {
--input-color: var(--mantine-color-error);
--input-placeholder-color: var(--mantine-color-error);
--input-section-color: var(--mantine-color-error);
}
:where([dir=rtl]) .m_6c018570 {
--input-text-align: right;
--left-section-border-radius: 0 var(--input-radius) var(--input-radius) 0;
--right-section-border-radius: var(--input-radius) 0 0 var(--input-radius);
}
.m_8fb7ebe7 {
-webkit-tap-highlight-color: transparent;
appearance: none;
resize: var(--input-resize, none);
display: block;
width: 100%;
transition: border-color 100ms ease;
text-align: var(--input-text-align);
color: var(--input-color);
border: calc(0.0625rem * var(--mantine-scale)) solid var(--input-bd);
background-color: var(--input-bg);
font-family: var(--input-font-family, var(--mantine-font-family));
height: var(--input-size);
min-height: var(--input-height);
line-height: var(--input-line-height);
font-size: var(--input-fz, var(--input-fz, var(--mantine-font-size-sm)));
border-radius: var(--input-radius);
padding-inline-start: var(--input-padding-inline-start);
padding-inline-end: var(--input-padding-inline-end);
padding-top: var(--input-padding-y, 0rem);
padding-bottom: var(--input-padding-y, 0rem);
cursor: var(--input-cursor);
overflow: var(--input-overflow);
}
.m_8fb7ebe7[data-no-overflow] {
--input-overflow: hidden;
}
.m_8fb7ebe7[data-monospace] {
--input-font-family: var(--mantine-font-family-monospace);
--input-fz: calc(var(--input-fz, var(--mantine-font-size-sm)) - calc(0.125rem * var(--mantine-scale)));
}
.m_8fb7ebe7:focus,
.m_8fb7ebe7:focus-within {
outline: none;
--input-bd: var(--input-bd-focus);
}
[data-error] .m_8fb7ebe7:focus,
[data-error] .m_8fb7ebe7:focus-within {
--input-bd: var(--mantine-color-error);
}
.m_8fb7ebe7::placeholder {
color: var(--input-placeholder-color);
opacity: 1;
}
.m_8fb7ebe7::-webkit-inner-spin-button,
.m_8fb7ebe7::-webkit-outer-spin-button,
.m_8fb7ebe7::-webkit-search-decoration,
.m_8fb7ebe7::-webkit-search-cancel-button,
.m_8fb7ebe7::-webkit-search-results-button,
.m_8fb7ebe7::-webkit-search-results-decoration {
appearance: none;
}
.m_8fb7ebe7[type=number] {
-moz-appearance: textfield;
}
.m_8fb7ebe7:disabled,
.m_8fb7ebe7[data-disabled] {
cursor: not-allowed;
opacity: 0.6;
background-color: var(--input-disabled-bg);
color: var(--input-disabled-color);
}
.m_8fb7ebe7:has(input:disabled) {
cursor: not-allowed;
opacity: 0.6;
background-color: var(--input-disabled-bg);
color: var(--input-disabled-color);
}
.m_82577fc2 {
pointer-events: var(--section-pointer-events);
position: absolute;
z-index: 1;
inset-inline-start: var(--section-start);
inset-inline-end: var(--section-end);
bottom: var(--section-y);
top: var(--section-y);
display: flex;
align-items: center;
justify-content: center;
width: var(--section-size);
border-radius: var(--section-border-radius);
color: var(--input-section-color, var(--mantine-color-dimmed));
}
.m_82577fc2[data-position=right] {
--section-pointer-events: var(--input-right-section-pointer-events);
--section-end: var(--right-section-end);
--section-size: var(--input-right-section-size);
--section-border-radius: var(--right-section-border-radius);
}
.m_82577fc2[data-position=left] {
--section-pointer-events: var(--input-left-section-pointer-events);
--section-start: var(--left-section-start);
--section-size: var(--input-left-section-size);
--section-border-radius: var(--left-section-border-radius);
}
.m_88bacfd0 {
color: var(--input-placeholder-color, var(--mantine-color-placeholder));
}
[data-error] .m_88bacfd0 {
--input-placeholder-color: var(--input-color, var(--mantine-color-placeholder));
}
.m_46b77525 {
line-height: var(--mantine-line-height);
}
.m_8fdc1311 {
display: inline-block;
font-weight: 500;
word-break: break-word;
cursor: default;
-webkit-tap-highlight-color: transparent;
font-size: var(--input-label-size, var(--mantine-font-size-sm));
}
.m_78a94662 {
color: var(--input-asterisk-color, var(--mantine-color-error));
}
.m_8f816625,
.m_fe47ce59 {
word-wrap: break-word;
line-height: 1.2;
display: block;
margin: 0;
padding: 0;
}
.m_8f816625 {
color: var(--mantine-color-error);
font-size: var(--input-error-size, calc(var(--mantine-font-size-sm) - calc(0.125rem * var(--mantine-scale))));
}
.m_fe47ce59 {
color: var(--mantine-color-dimmed);
font-size: var(--input-description-size, calc(var(--mantine-font-size-sm) - calc(0.125rem * var(--mantine-scale))));
}
/* node_modules/.pnpm/@mantine+core@7.17.4_@mantine+hooks@7.17.4_@types+react@18.3.3_react-dom@18.3.1_react@18.3.1/node_modules/@mantine/core/styles/LoadingOverlay.css */
.m_6e45937b {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
z-index: var(--lo-z-index);
}
.m_e8eb006c {
position: relative;
z-index: calc(var(--lo-z-index) + 1);
}
.m_df587f17 {
z-index: var(--lo-z-index);
}
/* node_modules/.pnpm/@mantine+core@7.17.4_@mantine+hooks@7.17.4_@types+react@18.3.3_react-dom@18.3.1_react@18.3.1/node_modules/@mantine/core/styles/NavLink.css */
.m_f0824112 {
--nl-bg: var(--mantine-primary-color-light);
--nl-hover: var(--mantine-primary-color-light-hover);
--nl-color: var(--mantine-primary-color-light-color);
display: flex;
align-items: center;
width: 100%;
padding: 8px var(--mantine-spacing-sm);
user-select: none;
}
@media (hover: hover) {
:where([data-mantine-color-scheme=light]) .m_f0824112:hover {
background-color: var(--mantine-color-gray-0);
}
:where([data-mantine-color-scheme=dark]) .m_f0824112:hover {
background-color: var(--mantine-color-dark-6);
}
}
@media (hover: none) {
:where([data-mantine-color-scheme=light]) .m_f0824112:active {
background-color: var(--mantine-color-gray-0);
}
:where([data-mantine-color-scheme=dark]) .m_f0824112:active {
background-color: var(--mantine-color-dark-6);
}
}
.m_f0824112:where([data-disabled]) {
opacity: 0.4;
pointer-events: none;
}
.m_f0824112:where([data-active], [aria-current=page]) {
background-color: var(--nl-bg);
color: var(--nl-color);
}
@media (hover: hover) {
.m_f0824112:where([data-active], [aria-current=page]):hover {
background-color: var(--nl-hover);
}
}
@media (hover: none) {
.m_f0824112:where([data-active], [aria-current=page]):active {
background-color: var(--nl-hover);
}
}
.m_f0824112:where([data-active], [aria-current=page]) .m_57492dcc {
--description-opacity: 0.9;
--description-color: var(--nl-color);
}
.m_690090b5 {
display: flex;
align-items: center;
justify-content: center;
transition: transform 150ms ease;
}
.m_690090b5 > svg {
display: block;
}
.m_690090b5:where([data-position=left]) {
margin-inline-end: var(--mantine-spacing-sm);
}
.m_690090b5:where([data-position=right]) {
margin-inline-start: var(--mantine-spacing-sm);
}
.m_690090b5:where([data-rotate]) {
transform: rotate(90deg);
}
.m_1f6ac4c4 {
font-size: var