ВяткинАртём
3059 lines
115 KiB
HTML
3059 lines
115 KiB
HTML
<!DOCTYPE html>
|
||
<html lang=en data-mantine-color-scheme=dark><!--
|
||
Page saved with SingleFile
|
||
url: https://zipline.creative-tg1.ru/auth/login
|
||
saved date: Mon May 04 2026 09:40:51 GMT+0300 (Moscow Standard Time)
|
||
-->
|
||
<meta charset=utf-8>
|
||
<meta name=viewport content="width=device-width, initial-scale=1.0">
|
||
<title>Zipline – Login</title>
|
||
<style>
|
||
@media (hover:hover) {
|
||
:where([data-mantine-color-scheme=light]) .m_17da7e62:where(:hover) {
|
||
background-color: var(--mantine-color-gray-0)
|
||
}
|
||
|
||
:where([data-mantine-color-scheme=dark]) .m_17da7e62:where(:hover) {
|
||
background-color: var(--mantine-color-dark-5)
|
||
}
|
||
}
|
||
|
||
@media (hover:none) {
|
||
:where([data-mantine-color-scheme=light]) .m_17da7e62:where(:active) {
|
||
background-color: var(--mantine-color-gray-0)
|
||
}
|
||
|
||
:where([data-mantine-color-scheme=dark]) .m_17da7e62:where(:active) {
|
||
background-color: var(--mantine-color-dark-5)
|
||
}
|
||
}
|
||
|
||
:root {
|
||
color-scheme: var(--mantine-color-scheme)
|
||
}
|
||
|
||
*,
|
||
*:before,
|
||
*:after {
|
||
box-sizing: border-box
|
||
}
|
||
|
||
input,
|
||
button {
|
||
font: inherit
|
||
}
|
||
|
||
button {
|
||
text-transform: none
|
||
}
|
||
|
||
body {
|
||
margin: 0;
|
||
font-family: var(--mantine-font-family);
|
||
font-size: var(--mantine-font-size-md);
|
||
line-height: var(--mantine-line-height);
|
||
background-color: var(--mantine-color-body);
|
||
color: var(--mantine-color-text);
|
||
-webkit-font-smoothing: var(--mantine-webkit-font-smoothing);
|
||
-moz-osx-font-smoothing: var(--mantine-moz-font-smoothing)
|
||
}
|
||
|
||
@media screen and (max-device-width:31.25em) {
|
||
body {
|
||
-webkit-text-size-adjust: 100%
|
||
}
|
||
}
|
||
|
||
.mantine-focus-auto:focus-visible {
|
||
outline: 2px solid var(--mantine-primary-color-filled);
|
||
outline-offset: calc(.125rem*var(--mantine-scale))
|
||
}
|
||
|
||
.mantine-focus-always:focus {
|
||
outline: 2px solid var(--mantine-primary-color-filled);
|
||
outline-offset: calc(.125rem*var(--mantine-scale))
|
||
}
|
||
|
||
.mantine-focus-never:focus {
|
||
outline: none
|
||
}
|
||
|
||
.mantine-active:active {
|
||
transform: translateY(calc(.0625rem*var(--mantine-scale)))
|
||
}
|
||
|
||
fieldset:disabled .mantine-active:active {
|
||
transform: none
|
||
}
|
||
|
||
:root {
|
||
--mantine-z-index-app: 100;
|
||
--mantine-z-index-modal: 200;
|
||
--mantine-z-index-popover: 300;
|
||
--mantine-z-index-overlay: 400;
|
||
--mantine-z-index-max: 9999;
|
||
--mantine-scale: 1;
|
||
--mantine-cursor-type: default;
|
||
--mantine-webkit-font-smoothing: antialiased;
|
||
--mantine-moz-font-smoothing: grayscale;
|
||
--mantine-color-white: #fff;
|
||
--mantine-color-black: #000;
|
||
--mantine-line-height: 1.55;
|
||
--mantine-font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
|
||
--mantine-font-family-monospace: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
|
||
--mantine-font-family-headings: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
|
||
--mantine-heading-font-weight: 700;
|
||
--mantine-heading-text-wrap: wrap;
|
||
--mantine-radius-default: calc(.25rem*var(--mantine-scale));
|
||
--mantine-primary-color-filled: var(--mantine-color-blue-filled);
|
||
--mantine-primary-color-filled-hover: var(--mantine-color-blue-filled-hover);
|
||
--mantine-primary-color-light: var(--mantine-color-blue-light);
|
||
--mantine-primary-color-light-hover: var(--mantine-color-blue-light-hover);
|
||
--mantine-primary-color-light-color: var(--mantine-color-blue-light-color);
|
||
--mantine-breakpoint-xs: 36em;
|
||
--mantine-breakpoint-sm: 48em;
|
||
--mantine-breakpoint-md: 62em;
|
||
--mantine-breakpoint-lg: 75em;
|
||
--mantine-breakpoint-xl: 88em;
|
||
--mantine-spacing-xs: calc(.625rem*var(--mantine-scale));
|
||
--mantine-spacing-sm: calc(.75rem*var(--mantine-scale));
|
||
--mantine-spacing-md: calc(1rem*var(--mantine-scale));
|
||
--mantine-spacing-lg: calc(1.25rem*var(--mantine-scale));
|
||
--mantine-spacing-xl: calc(2rem*var(--mantine-scale));
|
||
--mantine-font-size-xs: calc(.75rem*var(--mantine-scale));
|
||
--mantine-font-size-sm: calc(.875rem*var(--mantine-scale));
|
||
--mantine-font-size-md: calc(1rem*var(--mantine-scale));
|
||
--mantine-font-size-lg: calc(1.125rem*var(--mantine-scale));
|
||
--mantine-font-size-xl: calc(1.25rem*var(--mantine-scale));
|
||
--mantine-line-height-xs: 1.4;
|
||
--mantine-line-height-sm: 1.45;
|
||
--mantine-line-height-md: 1.55;
|
||
--mantine-line-height-lg: 1.6;
|
||
--mantine-line-height-xl: 1.65;
|
||
--mantine-shadow-xs: 0 calc(.0625rem*var(--mantine-scale)) calc(.1875rem*var(--mantine-scale)) rgba(0, 0, 0, .05), 0 calc(.0625rem*var(--mantine-scale)) calc(.125rem*var(--mantine-scale)) rgba(0, 0, 0, .1);
|
||
--mantine-shadow-sm: 0 calc(.0625rem*var(--mantine-scale)) calc(.1875rem*var(--mantine-scale)) rgba(0, 0, 0, .05), rgba(0, 0, 0, .05)0 calc(.625rem*var(--mantine-scale)) calc(.9375rem*var(--mantine-scale)) calc(-.3125rem*var(--mantine-scale)), rgba(0, 0, 0, .04)0 calc(.4375rem*var(--mantine-scale)) calc(.4375rem*var(--mantine-scale)) calc(-.3125rem*var(--mantine-scale));
|
||
--mantine-shadow-md: 0 calc(.0625rem*var(--mantine-scale)) calc(.1875rem*var(--mantine-scale)) rgba(0, 0, 0, .05), rgba(0, 0, 0, .05)0 calc(1.25rem*var(--mantine-scale)) calc(1.5625rem*var(--mantine-scale)) calc(-.3125rem*var(--mantine-scale)), rgba(0, 0, 0, .04)0 calc(.625rem*var(--mantine-scale)) calc(.625rem*var(--mantine-scale)) calc(-.3125rem*var(--mantine-scale));
|
||
--mantine-shadow-lg: 0 calc(.0625rem*var(--mantine-scale)) calc(.1875rem*var(--mantine-scale)) rgba(0, 0, 0, .05), rgba(0, 0, 0, .05)0 calc(1.75rem*var(--mantine-scale)) calc(1.4375rem*var(--mantine-scale)) calc(-.4375rem*var(--mantine-scale)), rgba(0, 0, 0, .04)0 calc(.75rem*var(--mantine-scale)) calc(.75rem*var(--mantine-scale)) calc(-.4375rem*var(--mantine-scale));
|
||
--mantine-shadow-xl: 0 calc(.0625rem*var(--mantine-scale)) calc(.1875rem*var(--mantine-scale)) rgba(0, 0, 0, .05), rgba(0, 0, 0, .05)0 calc(2.25rem*var(--mantine-scale)) calc(1.75rem*var(--mantine-scale)) calc(-.4375rem*var(--mantine-scale)), rgba(0, 0, 0, .04)0 calc(1.0625rem*var(--mantine-scale)) calc(1.0625rem*var(--mantine-scale)) calc(-.4375rem*var(--mantine-scale));
|
||
--mantine-radius-xs: calc(.125rem*var(--mantine-scale));
|
||
--mantine-radius-sm: calc(.25rem*var(--mantine-scale));
|
||
--mantine-radius-md: calc(.5rem*var(--mantine-scale));
|
||
--mantine-radius-lg: calc(1rem*var(--mantine-scale));
|
||
--mantine-radius-xl: calc(2rem*var(--mantine-scale));
|
||
--mantine-primary-color-0: var(--mantine-color-blue-0);
|
||
--mantine-primary-color-1: var(--mantine-color-blue-1);
|
||
--mantine-primary-color-2: var(--mantine-color-blue-2);
|
||
--mantine-primary-color-3: var(--mantine-color-blue-3);
|
||
--mantine-primary-color-4: var(--mantine-color-blue-4);
|
||
--mantine-primary-color-5: var(--mantine-color-blue-5);
|
||
--mantine-primary-color-6: var(--mantine-color-blue-6);
|
||
--mantine-primary-color-7: var(--mantine-color-blue-7);
|
||
--mantine-primary-color-8: var(--mantine-color-blue-8);
|
||
--mantine-primary-color-9: var(--mantine-color-blue-9);
|
||
--mantine-color-dark-0: #c9c9c9;
|
||
--mantine-color-dark-1: #b8b8b8;
|
||
--mantine-color-dark-2: #828282;
|
||
--mantine-color-dark-3: #696969;
|
||
--mantine-color-dark-4: #424242;
|
||
--mantine-color-dark-5: #3b3b3b;
|
||
--mantine-color-dark-6: #2e2e2e;
|
||
--mantine-color-dark-7: #242424;
|
||
--mantine-color-dark-8: #1f1f1f;
|
||
--mantine-color-dark-9: #141414;
|
||
--mantine-color-gray-0: #f8f9fa;
|
||
--mantine-color-gray-1: #f1f3f5;
|
||
--mantine-color-gray-2: #e9ecef;
|
||
--mantine-color-gray-3: #dee2e6;
|
||
--mantine-color-gray-4: #ced4da;
|
||
--mantine-color-gray-5: #adb5bd;
|
||
--mantine-color-gray-6: #868e96;
|
||
--mantine-color-gray-7: #495057;
|
||
--mantine-color-gray-8: #343a40;
|
||
--mantine-color-gray-9: #212529;
|
||
--mantine-color-red-0: #fff5f5;
|
||
--mantine-color-red-1: #ffe3e3;
|
||
--mantine-color-red-2: #ffc9c9;
|
||
--mantine-color-red-3: #ffa8a8;
|
||
--mantine-color-red-4: #ff8787;
|
||
--mantine-color-red-5: #ff6b6b;
|
||
--mantine-color-red-6: #fa5252;
|
||
--mantine-color-red-7: #f03e3e;
|
||
--mantine-color-red-8: #e03131;
|
||
--mantine-color-red-9: #c92a2a;
|
||
--mantine-color-pink-0: #fff0f6;
|
||
--mantine-color-pink-1: #ffdeeb;
|
||
--mantine-color-pink-2: #fcc2d7;
|
||
--mantine-color-pink-3: #faa2c1;
|
||
--mantine-color-pink-4: #f783ac;
|
||
--mantine-color-pink-5: #f06595;
|
||
--mantine-color-pink-6: #e64980;
|
||
--mantine-color-pink-7: #d6336c;
|
||
--mantine-color-pink-8: #c2255c;
|
||
--mantine-color-pink-9: #a61e4d;
|
||
--mantine-color-grape-0: #f8f0fc;
|
||
--mantine-color-grape-1: #f3d9fa;
|
||
--mantine-color-grape-2: #eebefa;
|
||
--mantine-color-grape-3: #e599f7;
|
||
--mantine-color-grape-4: #da77f2;
|
||
--mantine-color-grape-5: #cc5de8;
|
||
--mantine-color-grape-6: #be4bdb;
|
||
--mantine-color-grape-7: #ae3ec9;
|
||
--mantine-color-grape-8: #9c36b5;
|
||
--mantine-color-grape-9: #862e9c;
|
||
--mantine-color-violet-0: #f3f0ff;
|
||
--mantine-color-violet-1: #e5dbff;
|
||
--mantine-color-violet-2: #d0bfff;
|
||
--mantine-color-violet-3: #b197fc;
|
||
--mantine-color-violet-4: #9775fa;
|
||
--mantine-color-violet-5: #845ef7;
|
||
--mantine-color-violet-6: #7950f2;
|
||
--mantine-color-violet-7: #7048e8;
|
||
--mantine-color-violet-8: #6741d9;
|
||
--mantine-color-violet-9: #5f3dc4;
|
||
--mantine-color-indigo-0: #edf2ff;
|
||
--mantine-color-indigo-1: #dbe4ff;
|
||
--mantine-color-indigo-2: #bac8ff;
|
||
--mantine-color-indigo-3: #91a7ff;
|
||
--mantine-color-indigo-4: #748ffc;
|
||
--mantine-color-indigo-5: #5c7cfa;
|
||
--mantine-color-indigo-6: #4c6ef5;
|
||
--mantine-color-indigo-7: #4263eb;
|
||
--mantine-color-indigo-8: #3b5bdb;
|
||
--mantine-color-indigo-9: #364fc7;
|
||
--mantine-color-blue-0: #e7f5ff;
|
||
--mantine-color-blue-1: #d0ebff;
|
||
--mantine-color-blue-2: #a5d8ff;
|
||
--mantine-color-blue-3: #74c0fc;
|
||
--mantine-color-blue-4: #4dabf7;
|
||
--mantine-color-blue-5: #339af0;
|
||
--mantine-color-blue-6: #228be6;
|
||
--mantine-color-blue-7: #1c7ed6;
|
||
--mantine-color-blue-8: #1971c2;
|
||
--mantine-color-blue-9: #1864ab;
|
||
--mantine-color-cyan-0: #e3fafc;
|
||
--mantine-color-cyan-1: #c5f6fa;
|
||
--mantine-color-cyan-2: #99e9f2;
|
||
--mantine-color-cyan-3: #66d9e8;
|
||
--mantine-color-cyan-4: #3bc9db;
|
||
--mantine-color-cyan-5: #22b8cf;
|
||
--mantine-color-cyan-6: #15aabf;
|
||
--mantine-color-cyan-7: #1098ad;
|
||
--mantine-color-cyan-8: #0c8599;
|
||
--mantine-color-cyan-9: #0b7285;
|
||
--mantine-color-teal-0: #e6fcf5;
|
||
--mantine-color-teal-1: #c3fae8;
|
||
--mantine-color-teal-2: #96f2d7;
|
||
--mantine-color-teal-3: #63e6be;
|
||
--mantine-color-teal-4: #38d9a9;
|
||
--mantine-color-teal-5: #20c997;
|
||
--mantine-color-teal-6: #12b886;
|
||
--mantine-color-teal-7: #0ca678;
|
||
--mantine-color-teal-8: #099268;
|
||
--mantine-color-teal-9: #087f5b;
|
||
--mantine-color-green-0: #ebfbee;
|
||
--mantine-color-green-1: #d3f9d8;
|
||
--mantine-color-green-2: #b2f2bb;
|
||
--mantine-color-green-3: #8ce99a;
|
||
--mantine-color-green-4: #69db7c;
|
||
--mantine-color-green-5: #51cf66;
|
||
--mantine-color-green-6: #40c057;
|
||
--mantine-color-green-7: #37b24d;
|
||
--mantine-color-green-8: #2f9e44;
|
||
--mantine-color-green-9: #2b8a3e;
|
||
--mantine-color-lime-0: #f4fce3;
|
||
--mantine-color-lime-1: #e9fac8;
|
||
--mantine-color-lime-2: #d8f5a2;
|
||
--mantine-color-lime-3: #c0eb75;
|
||
--mantine-color-lime-4: #a9e34b;
|
||
--mantine-color-lime-5: #94d82d;
|
||
--mantine-color-lime-6: #82c91e;
|
||
--mantine-color-lime-7: #74b816;
|
||
--mantine-color-lime-8: #66a80f;
|
||
--mantine-color-lime-9: #5c940d;
|
||
--mantine-color-yellow-0: #fff9db;
|
||
--mantine-color-yellow-1: #fff3bf;
|
||
--mantine-color-yellow-2: #ffec99;
|
||
--mantine-color-yellow-3: #ffe066;
|
||
--mantine-color-yellow-4: #ffd43b;
|
||
--mantine-color-yellow-5: #fcc419;
|
||
--mantine-color-yellow-6: #fab005;
|
||
--mantine-color-yellow-7: #f59f00;
|
||
--mantine-color-yellow-8: #f08c00;
|
||
--mantine-color-yellow-9: #e67700;
|
||
--mantine-color-orange-0: #fff4e6;
|
||
--mantine-color-orange-1: #ffe8cc;
|
||
--mantine-color-orange-2: #ffd8a8;
|
||
--mantine-color-orange-3: #ffc078;
|
||
--mantine-color-orange-4: #ffa94d;
|
||
--mantine-color-orange-5: #ff922b;
|
||
--mantine-color-orange-6: #fd7e14;
|
||
--mantine-color-orange-7: #f76707;
|
||
--mantine-color-orange-8: #e8590c;
|
||
--mantine-color-orange-9: #d9480f;
|
||
--mantine-h1-font-size: calc(2.125rem*var(--mantine-scale));
|
||
--mantine-h1-line-height: 1.3;
|
||
--mantine-h1-font-weight: 700;
|
||
--mantine-h2-font-size: calc(1.625rem*var(--mantine-scale));
|
||
--mantine-h2-line-height: 1.35;
|
||
--mantine-h2-font-weight: 700;
|
||
--mantine-h3-font-size: calc(1.375rem*var(--mantine-scale));
|
||
--mantine-h3-line-height: 1.4;
|
||
--mantine-h3-font-weight: 700;
|
||
--mantine-h4-font-size: calc(1.125rem*var(--mantine-scale));
|
||
--mantine-h4-line-height: 1.45;
|
||
--mantine-h4-font-weight: 700;
|
||
--mantine-h5-font-size: calc(1rem*var(--mantine-scale));
|
||
--mantine-h5-line-height: 1.5;
|
||
--mantine-h5-font-weight: 700;
|
||
--mantine-h6-font-size: calc(.875rem*var(--mantine-scale));
|
||
--mantine-h6-line-height: 1.5;
|
||
--mantine-h6-font-weight: 700
|
||
}
|
||
|
||
:root[data-mantine-color-scheme=dark] {
|
||
--mantine-color-scheme: dark;
|
||
--mantine-primary-color-contrast: var(--mantine-color-white);
|
||
--mantine-color-bright: var(--mantine-color-white);
|
||
--mantine-color-text: var(--mantine-color-dark-0);
|
||
--mantine-color-body: var(--mantine-color-dark-7);
|
||
--mantine-color-error: var(--mantine-color-red-8);
|
||
--mantine-color-placeholder: var(--mantine-color-dark-3);
|
||
--mantine-color-anchor: var(--mantine-color-blue-4);
|
||
--mantine-color-default: var(--mantine-color-dark-6);
|
||
--mantine-color-default-hover: var(--mantine-color-dark-5);
|
||
--mantine-color-default-color: var(--mantine-color-white);
|
||
--mantine-color-default-border: var(--mantine-color-dark-4);
|
||
--mantine-color-dimmed: var(--mantine-color-dark-2);
|
||
--mantine-color-disabled: var(--mantine-color-dark-6);
|
||
--mantine-color-disabled-color: var(--mantine-color-dark-3);
|
||
--mantine-color-disabled-border: var(--mantine-color-dark-4);
|
||
--mantine-color-dark-text: var(--mantine-color-dark-4);
|
||
--mantine-color-dark-filled: var(--mantine-color-dark-8);
|
||
--mantine-color-dark-filled-hover: var(--mantine-color-dark-9);
|
||
--mantine-color-dark-light: rgba(46, 46, 46, .15);
|
||
--mantine-color-dark-light-hover: rgba(46, 46, 46, .2);
|
||
--mantine-color-dark-light-color: var(--mantine-color-dark-3);
|
||
--mantine-color-dark-outline: var(--mantine-color-dark-4);
|
||
--mantine-color-dark-outline-hover: rgba(66, 66, 66, .05);
|
||
--mantine-color-gray-text: var(--mantine-color-gray-4);
|
||
--mantine-color-gray-filled: var(--mantine-color-gray-8);
|
||
--mantine-color-gray-filled-hover: var(--mantine-color-gray-9);
|
||
--mantine-color-gray-light: rgba(134, 142, 150, .15);
|
||
--mantine-color-gray-light-hover: rgba(134, 142, 150, .2);
|
||
--mantine-color-gray-light-color: var(--mantine-color-gray-3);
|
||
--mantine-color-gray-outline: var(--mantine-color-gray-4);
|
||
--mantine-color-gray-outline-hover: rgba(206, 212, 218, .05);
|
||
--mantine-color-red-text: var(--mantine-color-red-4);
|
||
--mantine-color-red-filled: var(--mantine-color-red-8);
|
||
--mantine-color-red-filled-hover: var(--mantine-color-red-9);
|
||
--mantine-color-red-light: rgba(250, 82, 82, .15);
|
||
--mantine-color-red-light-hover: rgba(250, 82, 82, .2);
|
||
--mantine-color-red-light-color: var(--mantine-color-red-3);
|
||
--mantine-color-red-outline: var(--mantine-color-red-4);
|
||
--mantine-color-red-outline-hover: rgba(255, 135, 135, .05);
|
||
--mantine-color-pink-text: var(--mantine-color-pink-4);
|
||
--mantine-color-pink-filled: var(--mantine-color-pink-8);
|
||
--mantine-color-pink-filled-hover: var(--mantine-color-pink-9);
|
||
--mantine-color-pink-light: rgba(230, 73, 128, .15);
|
||
--mantine-color-pink-light-hover: rgba(230, 73, 128, .2);
|
||
--mantine-color-pink-light-color: var(--mantine-color-pink-3);
|
||
--mantine-color-pink-outline: var(--mantine-color-pink-4);
|
||
--mantine-color-pink-outline-hover: rgba(247, 131, 172, .05);
|
||
--mantine-color-grape-text: var(--mantine-color-grape-4);
|
||
--mantine-color-grape-filled: var(--mantine-color-grape-8);
|
||
--mantine-color-grape-filled-hover: var(--mantine-color-grape-9);
|
||
--mantine-color-grape-light: rgba(190, 75, 219, .15);
|
||
--mantine-color-grape-light-hover: rgba(190, 75, 219, .2);
|
||
--mantine-color-grape-light-color: var(--mantine-color-grape-3);
|
||
--mantine-color-grape-outline: var(--mantine-color-grape-4);
|
||
--mantine-color-grape-outline-hover: rgba(218, 119, 242, .05);
|
||
--mantine-color-violet-text: var(--mantine-color-violet-4);
|
||
--mantine-color-violet-filled: var(--mantine-color-violet-8);
|
||
--mantine-color-violet-filled-hover: var(--mantine-color-violet-9);
|
||
--mantine-color-violet-light: rgba(121, 80, 242, .15);
|
||
--mantine-color-violet-light-hover: rgba(121, 80, 242, .2);
|
||
--mantine-color-violet-light-color: var(--mantine-color-violet-3);
|
||
--mantine-color-violet-outline: var(--mantine-color-violet-4);
|
||
--mantine-color-violet-outline-hover: rgba(151, 117, 250, .05);
|
||
--mantine-color-indigo-text: var(--mantine-color-indigo-4);
|
||
--mantine-color-indigo-filled: var(--mantine-color-indigo-8);
|
||
--mantine-color-indigo-filled-hover: var(--mantine-color-indigo-9);
|
||
--mantine-color-indigo-light: rgba(76, 110, 245, .15);
|
||
--mantine-color-indigo-light-hover: rgba(76, 110, 245, .2);
|
||
--mantine-color-indigo-light-color: var(--mantine-color-indigo-3);
|
||
--mantine-color-indigo-outline: var(--mantine-color-indigo-4);
|
||
--mantine-color-indigo-outline-hover: rgba(116, 143, 252, .05);
|
||
--mantine-color-blue-text: var(--mantine-color-blue-4);
|
||
--mantine-color-blue-filled: var(--mantine-color-blue-8);
|
||
--mantine-color-blue-filled-hover: var(--mantine-color-blue-9);
|
||
--mantine-color-blue-light: rgba(34, 139, 230, .15);
|
||
--mantine-color-blue-light-hover: rgba(34, 139, 230, .2);
|
||
--mantine-color-blue-light-color: var(--mantine-color-blue-3);
|
||
--mantine-color-blue-outline: var(--mantine-color-blue-4);
|
||
--mantine-color-blue-outline-hover: rgba(77, 171, 247, .05);
|
||
--mantine-color-cyan-text: var(--mantine-color-cyan-4);
|
||
--mantine-color-cyan-filled: var(--mantine-color-cyan-8);
|
||
--mantine-color-cyan-filled-hover: var(--mantine-color-cyan-9);
|
||
--mantine-color-cyan-light: rgba(21, 170, 191, .15);
|
||
--mantine-color-cyan-light-hover: rgba(21, 170, 191, .2);
|
||
--mantine-color-cyan-light-color: var(--mantine-color-cyan-3);
|
||
--mantine-color-cyan-outline: var(--mantine-color-cyan-4);
|
||
--mantine-color-cyan-outline-hover: rgba(59, 201, 219, .05);
|
||
--mantine-color-teal-text: var(--mantine-color-teal-4);
|
||
--mantine-color-teal-filled: var(--mantine-color-teal-8);
|
||
--mantine-color-teal-filled-hover: var(--mantine-color-teal-9);
|
||
--mantine-color-teal-light: rgba(18, 184, 134, .15);
|
||
--mantine-color-teal-light-hover: rgba(18, 184, 134, .2);
|
||
--mantine-color-teal-light-color: var(--mantine-color-teal-3);
|
||
--mantine-color-teal-outline: var(--mantine-color-teal-4);
|
||
--mantine-color-teal-outline-hover: rgba(56, 217, 169, .05);
|
||
--mantine-color-green-text: var(--mantine-color-green-4);
|
||
--mantine-color-green-filled: var(--mantine-color-green-8);
|
||
--mantine-color-green-filled-hover: var(--mantine-color-green-9);
|
||
--mantine-color-green-light: rgba(64, 192, 87, .15);
|
||
--mantine-color-green-light-hover: rgba(64, 192, 87, .2);
|
||
--mantine-color-green-light-color: var(--mantine-color-green-3);
|
||
--mantine-color-green-outline: var(--mantine-color-green-4);
|
||
--mantine-color-green-outline-hover: rgba(105, 219, 124, .05);
|
||
--mantine-color-lime-text: var(--mantine-color-lime-4);
|
||
--mantine-color-lime-filled: var(--mantine-color-lime-8);
|
||
--mantine-color-lime-filled-hover: var(--mantine-color-lime-9);
|
||
--mantine-color-lime-light: rgba(130, 201, 30, .15);
|
||
--mantine-color-lime-light-hover: rgba(130, 201, 30, .2);
|
||
--mantine-color-lime-light-color: var(--mantine-color-lime-3);
|
||
--mantine-color-lime-outline: var(--mantine-color-lime-4);
|
||
--mantine-color-lime-outline-hover: rgba(169, 227, 75, .05);
|
||
--mantine-color-yellow-text: var(--mantine-color-yellow-4);
|
||
--mantine-color-yellow-filled: var(--mantine-color-yellow-8);
|
||
--mantine-color-yellow-filled-hover: var(--mantine-color-yellow-9);
|
||
--mantine-color-yellow-light: rgba(250, 176, 5, .15);
|
||
--mantine-color-yellow-light-hover: rgba(250, 176, 5, .2);
|
||
--mantine-color-yellow-light-color: var(--mantine-color-yellow-3);
|
||
--mantine-color-yellow-outline: var(--mantine-color-yellow-4);
|
||
--mantine-color-yellow-outline-hover: rgba(255, 212, 59, .05);
|
||
--mantine-color-orange-text: var(--mantine-color-orange-4);
|
||
--mantine-color-orange-filled: var(--mantine-color-orange-8);
|
||
--mantine-color-orange-filled-hover: var(--mantine-color-orange-9);
|
||
--mantine-color-orange-light: rgba(253, 126, 20, .15);
|
||
--mantine-color-orange-light-hover: rgba(253, 126, 20, .2);
|
||
--mantine-color-orange-light-color: var(--mantine-color-orange-3);
|
||
--mantine-color-orange-outline: var(--mantine-color-orange-4);
|
||
--mantine-color-orange-outline-hover: rgba(255, 169, 77, .05)
|
||
}
|
||
|
||
.m_c0783ff9::-webkit-scrollbar {
|
||
display: 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: #00000080
|
||
}
|
||
|
||
: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: #ffffff80
|
||
}
|
||
}
|
||
|
||
@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: #00000080
|
||
}
|
||
|
||
: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: #ffffff80
|
||
}
|
||
}
|
||
|
||
.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))
|
||
}
|
||
|
||
.m_87cf2631 {
|
||
background-color: transparent;
|
||
padding: 0;
|
||
appearance: none;
|
||
font-size: var(--mantine-font-size-md);
|
||
text-align: left;
|
||
text-decoration: none;
|
||
touch-action: manipulation;
|
||
-webkit-tap-highlight-color: transparent
|
||
}
|
||
|
||
.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=dark] .m_1b7284a3 {
|
||
--paper-border-color: var(--mantine-color-dark-4)
|
||
}
|
||
|
||
.m_1b7284a3:where([data-with-border]) {
|
||
border: calc(.0625rem*var(--mantine-scale)) solid var(--paper-border-color)
|
||
}
|
||
|
||
.m_38a85659:focus {
|
||
outline: none
|
||
}
|
||
|
||
@keyframes m_5d2b3b9d {
|
||
0% {
|
||
transform: scale(.6);
|
||
opacity: 0
|
||
}
|
||
|
||
50%,
|
||
to {
|
||
transform: scale(1)
|
||
}
|
||
}
|
||
|
||
@keyframes m_aac34a1 {
|
||
|
||
0%,
|
||
to {
|
||
transform: scale(1);
|
||
opacity: 1
|
||
}
|
||
|
||
50% {
|
||
transform: scale(.6);
|
||
opacity: .5
|
||
}
|
||
}
|
||
|
||
@keyframes m_f8e89c4b {
|
||
0% {
|
||
transform: rotate(0)
|
||
}
|
||
|
||
to {
|
||
transform: rotate(360deg)
|
||
}
|
||
}
|
||
|
||
.m_b34414df:after {
|
||
content: "";
|
||
display: block;
|
||
width: var(--loader-size);
|
||
height: var(--loader-size);
|
||
border-radius: calc(625rem*var(--mantine-scale));
|
||
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
|
||
}
|
||
|
||
.m_8d3f4000 {
|
||
--ai-size-xs: calc(1.125rem*var(--mantine-scale));
|
||
--ai-size-sm: calc(1.375rem*var(--mantine-scale));
|
||
--ai-size-md: calc(1.75rem*var(--mantine-scale));
|
||
--ai-size-lg: calc(2.125rem*var(--mantine-scale));
|
||
--ai-size-xl: calc(2.75rem*var(--mantine-scale));
|
||
--ai-size-input-xs: calc(1.875rem*var(--mantine-scale));
|
||
--ai-size-input-sm: calc(2.25rem*var(--mantine-scale));
|
||
--ai-size-input-md: calc(2.625rem*var(--mantine-scale));
|
||
--ai-size-input-lg: calc(3.125rem*var(--mantine-scale));
|
||
--ai-size-input-xl: calc(3.75rem*var(--mantine-scale));
|
||
--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;
|
||
-webkit-user-select: none;
|
||
user-select: none;
|
||
overflow: hidden;
|
||
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(.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:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {
|
||
cursor: not-allowed;
|
||
border: calc(.0625rem*var(--mantine-scale)) solid transparent;
|
||
color: var(--mantine-color-disabled-color);
|
||
background: var(--mantine-color-disabled)
|
||
}
|
||
|
||
.m_8d3f4000:where(:disabled:not([data-loading]), [data-disabled]:not([data-loading])):active {
|
||
transform: none
|
||
}
|
||
|
||
.m_1a0f1b21 :where(*):focus {
|
||
position: relative;
|
||
z-index: 1
|
||
}
|
||
|
||
.m_8d3afb97 {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
transition: transform .15s ease, opacity .1s ease;
|
||
width: 100%;
|
||
height: 100%
|
||
}
|
||
|
||
.m_86a44da5:disabled {
|
||
cursor: not-allowed;
|
||
opacity: .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)
|
||
}
|
||
}
|
||
|
||
.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_6c018570 {
|
||
position: relative;
|
||
margin-top: var(--input-margin-top, 0rem);
|
||
margin-bottom: var(--input-margin-bottom, 0rem);
|
||
--input-height-xs: calc(1.875rem*var(--mantine-scale));
|
||
--input-height-sm: calc(2.25rem*var(--mantine-scale));
|
||
--input-height-md: calc(2.625rem*var(--mantine-scale));
|
||
--input-height-lg: calc(3.125rem*var(--mantine-scale));
|
||
--input-height-xl: calc(3.75rem*var(--mantine-scale));
|
||
--input-padding-y-xs: calc(.3125rem*var(--mantine-scale));
|
||
--input-padding-y-sm: calc(.375rem*var(--mantine-scale));
|
||
--input-padding-y-md: calc(.5rem*var(--mantine-scale));
|
||
--input-padding-y-lg: calc(.625rem*var(--mantine-scale));
|
||
--input-padding-y-xl: calc(.8125rem*var(--mantine-scale));
|
||
--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(.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-disabled-bg: var(--mantine-color-disabled);
|
||
--input-disabled-color: var(--mantine-color-disabled-color);
|
||
--input-left-section-size: var(--input-left-section-width, calc(var(--input-height) - calc(.125rem*var(--mantine-scale))));
|
||
--input-right-section-size: var(--input-right-section-width, calc(var(--input-height) - calc(.125rem*var(--mantine-scale))));
|
||
--input-size: var(--input-height);
|
||
--section-y: calc(.0625rem*var(--mantine-scale));
|
||
--left-section-start: calc(.0625rem*var(--mantine-scale));
|
||
--left-section-border-radius: var(--input-radius)0 0 var(--input-radius);
|
||
--right-section-end: calc(.0625rem*var(--mantine-scale));
|
||
--right-section-border-radius: 0 var(--input-radius) var(--input-radius)0
|
||
}
|
||
|
||
.m_6c018570[data-with-right-section] {
|
||
--input-padding-inline-end: var(--input-right-section-size)
|
||
}
|
||
|
||
[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)
|
||
}
|
||
|
||
.m_8fb7ebe7 {
|
||
-webkit-tap-highlight-color: transparent;
|
||
appearance: none;
|
||
resize: var(--input-resize, none);
|
||
display: block;
|
||
width: 100%;
|
||
transition: border-color .1s ease;
|
||
text-align: var(--input-text-align);
|
||
color: var(--input-color);
|
||
border: calc(.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-md)));
|
||
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: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:disabled {
|
||
cursor: not-allowed;
|
||
opacity: .6;
|
||
background-color: var(--input-disabled-bg);
|
||
color: var(--input-disabled-color)
|
||
}
|
||
|
||
.m_8fb7ebe7:has(input:disabled) {
|
||
cursor: not-allowed;
|
||
opacity: .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_46b77525 {
|
||
line-height: var(--mantine-line-height)
|
||
}
|
||
|
||
.m_4ba585b8:where(:disabled, [data-disabled]) {
|
||
opacity: .4;
|
||
cursor: not-allowed
|
||
}
|
||
|
||
@media (hover:hover) {
|
||
|
||
:where([data-mantine-color-scheme=light]) .m_6939a5e9:where(:not(:disabled, [data-disabled])):hover,
|
||
:where([data-mantine-color-scheme=light]) .m_4271d21b:where(:not(:disabled, [data-disabled])):hover {
|
||
background-color: var(--mantine-color-gray-0)
|
||
}
|
||
|
||
:where([data-mantine-color-scheme=dark]) .m_6939a5e9:where(:not(:disabled, [data-disabled])):hover,
|
||
:where([data-mantine-color-scheme=dark]) .m_4271d21b:where(:not(:disabled, [data-disabled])):hover {
|
||
background-color: var(--mantine-color-dark-6)
|
||
}
|
||
}
|
||
|
||
@media (hover:none) {
|
||
|
||
:where([data-mantine-color-scheme=light]) .m_6939a5e9:where(:not(:disabled, [data-disabled])):active,
|
||
:where([data-mantine-color-scheme=light]) .m_4271d21b:where(:not(:disabled, [data-disabled])):active {
|
||
background-color: var(--mantine-color-gray-0)
|
||
}
|
||
|
||
:where([data-mantine-color-scheme=dark]) .m_6939a5e9:where(:not(:disabled, [data-disabled])):active,
|
||
:where([data-mantine-color-scheme=dark]) .m_4271d21b:where(:not(:disabled, [data-disabled])):active {
|
||
background-color: var(--mantine-color-dark-6)
|
||
}
|
||
}
|
||
|
||
@media (hover:hover) {
|
||
.m_849cf0da:where([data-underline=hover]):hover {
|
||
text-decoration: underline
|
||
}
|
||
}
|
||
|
||
@media (hover:none) {
|
||
.m_849cf0da:where([data-underline=hover]):active {
|
||
text-decoration: underline
|
||
}
|
||
}
|
||
|
||
@media (hover:hover) {
|
||
.m_849cf0da:where([data-underline=not-hover]):hover {
|
||
text-decoration: none
|
||
}
|
||
}
|
||
|
||
@media (hover:none) {
|
||
.m_849cf0da:where([data-underline=not-hover]):active {
|
||
text-decoration: none
|
||
}
|
||
}
|
||
|
||
.m_849cf0da:where([data-variant=gradient]):hover {
|
||
text-decoration: none
|
||
}
|
||
|
||
.m_48204f9b:focus-within {
|
||
outline: 2px solid var(--mantine-primary-color-filled);
|
||
outline-offset: calc(.125rem*var(--mantine-scale))
|
||
}
|
||
|
||
.m_481dd586:before {
|
||
content: "";
|
||
position: absolute;
|
||
top: calc(var(--thumb-size)/3);
|
||
left: calc(.03125rem*var(--mantine-scale));
|
||
width: calc(.0625rem*var(--mantine-scale));
|
||
height: calc(var(--thumb-size)/1.5);
|
||
transform: translate(-50%, -50%)
|
||
}
|
||
|
||
:where([data-mantine-color-scheme=light]) .m_481dd586:before {
|
||
background-color: var(--mantine-color-gray-4)
|
||
}
|
||
|
||
:where([data-mantine-color-scheme=dark]) .m_481dd586:before {
|
||
background-color: var(--mantine-color-dark-3)
|
||
}
|
||
|
||
.m_481dd586[data-label]:after {
|
||
min-width: calc(1.125rem*var(--mantine-scale));
|
||
text-align: center;
|
||
content: attr(data-label);
|
||
position: absolute;
|
||
top: calc(-1.5rem*var(--mantine-scale));
|
||
left: calc(-.4375rem*var(--mantine-scale));
|
||
transform: rotate(calc(360deg - var(--angle)));
|
||
font-size: var(--mantine-font-size-xs)
|
||
}
|
||
|
||
.m_bc02ba3d:before {
|
||
content: "";
|
||
position: absolute;
|
||
right: 0;
|
||
top: 0;
|
||
height: min(var(--thumb-size), calc(var(--slider-size)/2));
|
||
width: calc(.1875rem*var(--mantine-scale))
|
||
}
|
||
|
||
:where([data-mantine-color-scheme=light]) .m_bc02ba3d:before {
|
||
background-color: var(--mantine-color-gray-7)
|
||
}
|
||
|
||
:where([data-mantine-color-scheme=dark]) .m_bc02ba3d:before {
|
||
background-color: var(--mantine-color-dark-1)
|
||
}
|
||
|
||
@media (hover:hover) {
|
||
:where([data-mantine-color-scheme=light]) .m_92253aa5:hover:where(:not([data-combobox-selected], [data-combobox-disabled])) {
|
||
background-color: var(--mantine-color-gray-0)
|
||
}
|
||
|
||
:where([data-mantine-color-scheme=dark]) .m_92253aa5:hover:where(:not([data-combobox-selected], [data-combobox-disabled])) {
|
||
background-color: var(--mantine-color-dark-7)
|
||
}
|
||
}
|
||
|
||
@media (hover:none) {
|
||
:where([data-mantine-color-scheme=light]) .m_92253aa5:active:where(:not([data-combobox-selected], [data-combobox-disabled])) {
|
||
background-color: var(--mantine-color-gray-0)
|
||
}
|
||
|
||
:where([data-mantine-color-scheme=dark]) .m_92253aa5:active:where(:not([data-combobox-selected], [data-combobox-disabled])) {
|
||
background-color: var(--mantine-color-dark-7)
|
||
}
|
||
}
|
||
|
||
:where([data-mantine-color-scheme=light]) .m_985517d8:focus {
|
||
border-color: var(--mantine-color-gray-2)
|
||
}
|
||
|
||
:where([data-mantine-color-scheme=dark]) .m_985517d8:focus {
|
||
border-color: var(--mantine-color-dark-4)
|
||
}
|
||
|
||
.m_2bb2e9e5:after {
|
||
content: "";
|
||
flex: 1;
|
||
inset-inline: 0;
|
||
height: calc(.0625rem*var(--mantine-scale));
|
||
margin-inline-start: var(--mantine-spacing-xs)
|
||
}
|
||
|
||
:where([data-mantine-color-scheme=light]) .m_2bb2e9e5:after {
|
||
background-color: var(--mantine-color-gray-2)
|
||
}
|
||
|
||
:where([data-mantine-color-scheme=dark]) .m_2bb2e9e5:after {
|
||
background-color: var(--mantine-color-dark-4)
|
||
}
|
||
|
||
fieldset:disabled .m_d3ea56bb {
|
||
--label-cursor: not-allowed
|
||
}
|
||
|
||
fieldset:disabled .m_8ee546b8 {
|
||
color: var(--mantine-color-disabled-color)
|
||
}
|
||
|
||
.m_26063560:checked {
|
||
background-color: var(--checkbox-color);
|
||
border-color: var(--checkbox-color)
|
||
}
|
||
|
||
.m_26063560:checked+.m_bf295423 {
|
||
opacity: 1;
|
||
transform: none
|
||
}
|
||
|
||
.m_26063560:disabled {
|
||
cursor: not-allowed;
|
||
border-color: var(--mantine-color-disabled-border);
|
||
background-color: var(--mantine-color-disabled)
|
||
}
|
||
|
||
.m_26063560:disabled+.m_bf295423 {
|
||
color: var(--mantine-color-disabled-color)
|
||
}
|
||
|
||
.m_215c4542[data-indeterminate]:not(:disabled),
|
||
.m_215c4542:checked:not(:disabled) {
|
||
background-color: transparent;
|
||
border-color: var(--checkbox-color)
|
||
}
|
||
|
||
.m_215c4542[data-indeterminate]:not(:disabled)+.m_bf295423,
|
||
.m_215c4542:checked:not(:disabled)+.m_bf295423 {
|
||
color: var(--checkbox-icon-color);
|
||
opacity: 1;
|
||
transform: none
|
||
}
|
||
|
||
.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_d4fb9cad:before,
|
||
.m_d4fb9cad:after {
|
||
display: block;
|
||
width: var(--burger-size);
|
||
height: var(--burger-line-size);
|
||
background-color: var(--burger-color);
|
||
outline: calc(.0625rem*var(--mantine-scale)) solid transparent;
|
||
transition-property: background-color, transform;
|
||
transition-duration: var(--burger-transition-duration, .3s);
|
||
transition-timing-function: var(--burger-transition-timing-function, ease)
|
||
}
|
||
|
||
.m_d4fb9cad:before,
|
||
.m_d4fb9cad:after {
|
||
position: absolute;
|
||
content: "";
|
||
inset-inline-start: 0
|
||
}
|
||
|
||
.m_d4fb9cad:before {
|
||
top: calc(var(--burger-size)/-3)
|
||
}
|
||
|
||
.m_d4fb9cad:after {
|
||
top: calc(var(--burger-size)/3)
|
||
}
|
||
|
||
.m_d4fb9cad[data-opened]:before {
|
||
transform: translateY(calc(var(--burger-size)/3)) rotate(45deg)
|
||
}
|
||
|
||
.m_d4fb9cad[data-opened]:after {
|
||
transform: translateY(calc(var(--burger-size)/-3)) rotate(-45deg)
|
||
}
|
||
|
||
.m_77c9d27d {
|
||
--button-height-xs: calc(1.875rem*var(--mantine-scale));
|
||
--button-height-sm: calc(2.25rem*var(--mantine-scale));
|
||
--button-height-md: calc(2.625rem*var(--mantine-scale));
|
||
--button-height-lg: calc(3.125rem*var(--mantine-scale));
|
||
--button-height-xl: calc(3.75rem*var(--mantine-scale));
|
||
--button-height-compact-xs: calc(1.375rem*var(--mantine-scale));
|
||
--button-height-compact-sm: calc(1.625rem*var(--mantine-scale));
|
||
--button-height-compact-md: calc(1.875rem*var(--mantine-scale));
|
||
--button-height-compact-lg: calc(2.125rem*var(--mantine-scale));
|
||
--button-height-compact-xl: calc(2.5rem*var(--mantine-scale));
|
||
--button-padding-x-xs: calc(.875rem*var(--mantine-scale));
|
||
--button-padding-x-sm: calc(1.125rem*var(--mantine-scale));
|
||
--button-padding-x-md: calc(1.375rem*var(--mantine-scale));
|
||
--button-padding-x-lg: calc(1.625rem*var(--mantine-scale));
|
||
--button-padding-x-xl: calc(2rem*var(--mantine-scale));
|
||
--button-padding-x-compact-xs: calc(.4375rem*var(--mantine-scale));
|
||
--button-padding-x-compact-sm: calc(.5rem*var(--mantine-scale));
|
||
--button-padding-x-compact-md: calc(.625rem*var(--mantine-scale));
|
||
--button-padding-x-compact-lg: calc(.75rem*var(--mantine-scale));
|
||
--button-padding-x-compact-xl: calc(.875rem*var(--mantine-scale));
|
||
--button-height: var(--button-height-sm);
|
||
--button-padding-x: var(--button-padding-x-sm);
|
||
--button-color: var(--mantine-color-white);
|
||
-webkit-user-select: none;
|
||
user-select: none;
|
||
font-weight: 600;
|
||
position: relative;
|
||
line-height: 1;
|
||
text-align: center;
|
||
overflow: hidden;
|
||
cursor: pointer;
|
||
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(.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(:disabled:not([data-loading]), [data-disabled]:not([data-loading])) {
|
||
cursor: not-allowed;
|
||
border: calc(.0625rem*var(--mantine-scale)) solid transparent;
|
||
transform: none;
|
||
color: var(--mantine-color-disabled-color);
|
||
background: var(--mantine-color-disabled)
|
||
}
|
||
|
||
.m_77c9d27d:before {
|
||
content: "";
|
||
pointer-events: none;
|
||
position: absolute;
|
||
inset: calc(-.0625rem*var(--mantine-scale));
|
||
border-radius: var(--button-radius, var(--mantine-radius-default));
|
||
transform: translateY(-100%);
|
||
opacity: 0;
|
||
filter: blur(12px);
|
||
transition: transform .15s ease, opacity .1s ease
|
||
}
|
||
|
||
:where([data-mantine-color-scheme=light]) .m_77c9d27d:before {
|
||
background-color: #ffffff26
|
||
}
|
||
|
||
:where([data-mantine-color-scheme=dark]) .m_77c9d27d:before {
|
||
background-color: #00000026
|
||
}
|
||
|
||
.m_77c9d27d:where([data-loading]):before {
|
||
transform: translateY(0);
|
||
opacity: 1
|
||
}
|
||
|
||
@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 .15s ease, opacity .1s ease
|
||
}
|
||
|
||
.m_811560b9 {
|
||
white-space: nowrap;
|
||
height: 100%;
|
||
overflow: hidden;
|
||
display: flex;
|
||
align-items: center;
|
||
opacity: 1
|
||
}
|
||
|
||
.m_80d6d844 :where(.m_77c9d27d):focus {
|
||
position: relative;
|
||
z-index: 1
|
||
}
|
||
|
||
.m_4451eb3a {
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center
|
||
}
|
||
|
||
@media (hover:hover) {
|
||
:where([data-mantine-color-scheme=light]) .m_3904c1af:not([data-disabled]):hover {
|
||
background-color: var(--mantine-color-gray-0)
|
||
}
|
||
|
||
:where([data-mantine-color-scheme=dark]) .m_3904c1af:not([data-disabled]):hover {
|
||
background-color: var(--mantine-color-dark-5)
|
||
}
|
||
}
|
||
|
||
@media (hover:none) {
|
||
:where([data-mantine-color-scheme=light]) .m_3904c1af:not([data-disabled]):active {
|
||
background-color: var(--mantine-color-gray-0)
|
||
}
|
||
|
||
:where([data-mantine-color-scheme=dark]) .m_3904c1af:not([data-disabled]):active {
|
||
background-color: var(--mantine-color-dark-5)
|
||
}
|
||
}
|
||
|
||
@media (hover:hover) {
|
||
.m_3904c1af:not([data-disabled]):where([data-checked]):hover {
|
||
background-color: var(--chip-hover)
|
||
}
|
||
}
|
||
|
||
@media (hover:none) {
|
||
.m_3904c1af:not([data-disabled]):where([data-checked]):active {
|
||
background-color: var(--chip-hover)
|
||
}
|
||
}
|
||
|
||
@media (hover:hover) {
|
||
|
||
:where([data-mantine-color-scheme=light]) .m_fa109255:not([data-disabled]):hover,
|
||
:where([data-mantine-color-scheme=light]) .m_f7e165c3:not([data-disabled]):hover {
|
||
background-color: var(--mantine-color-gray-2)
|
||
}
|
||
|
||
:where([data-mantine-color-scheme=dark]) .m_fa109255:not([data-disabled]):hover,
|
||
:where([data-mantine-color-scheme=dark]) .m_f7e165c3:not([data-disabled]):hover {
|
||
background-color: var(--mantine-color-dark-4)
|
||
}
|
||
}
|
||
|
||
@media (hover:none) {
|
||
|
||
:where([data-mantine-color-scheme=light]) .m_fa109255:not([data-disabled]):active,
|
||
:where([data-mantine-color-scheme=light]) .m_f7e165c3:not([data-disabled]):active {
|
||
background-color: var(--mantine-color-gray-2)
|
||
}
|
||
|
||
:where([data-mantine-color-scheme=dark]) .m_fa109255:not([data-disabled]):active,
|
||
:where([data-mantine-color-scheme=dark]) .m_f7e165c3:not([data-disabled]):active {
|
||
background-color: var(--mantine-color-dark-4)
|
||
}
|
||
}
|
||
|
||
@media (hover:hover) {
|
||
|
||
.m_fa109255:not([data-disabled]):where([data-checked]):hover,
|
||
.m_f7e165c3:not([data-disabled]):where([data-checked]):hover {
|
||
background-color: var(--chip-hover)
|
||
}
|
||
}
|
||
|
||
@media (hover:none) {
|
||
|
||
.m_fa109255:not([data-disabled]):where([data-checked]):active,
|
||
.m_f7e165c3:not([data-disabled]):where([data-checked]):active {
|
||
background-color: var(--chip-hover)
|
||
}
|
||
}
|
||
|
||
.m_bde07329:focus-visible+.m_be049a53 {
|
||
outline: 2px solid var(--mantine-primary-color-filled);
|
||
outline-offset: calc(.125rem*var(--mantine-scale))
|
||
}
|
||
|
||
.m_202a296e:where([data-focus-ring=auto]):focus:focus-visible .m_40d572ba {
|
||
outline: 2px solid var(--mantine-color-blue-filled)
|
||
}
|
||
|
||
.m_202a296e:where([data-focus-ring=always]):focus .m_40d572ba {
|
||
outline: 2px solid var(--mantine-color-blue-filled)
|
||
}
|
||
|
||
.m_d856d47d:where([data-focus-ring=auto]):focus:focus-visible .m_40d572ba {
|
||
outline: 2px solid var(--mantine-color-blue-filled)
|
||
}
|
||
|
||
.m_d856d47d:where([data-focus-ring=always]):focus .m_40d572ba {
|
||
outline: 2px solid var(--mantine-color-blue-filled)
|
||
}
|
||
|
||
.m_9e365f20:where([data-position=left]):before {
|
||
display: none
|
||
}
|
||
|
||
.m_9e365f20:where([data-position=right]):after {
|
||
display: none
|
||
}
|
||
|
||
.m_9e365f20:before {
|
||
content: "";
|
||
flex: 1;
|
||
height: calc(.0625rem*var(--mantine-scale));
|
||
border-top: var(--divider-size) var(--divider-border-style, solid) var(--divider-color);
|
||
margin-inline-end: var(--mantine-spacing-xs)
|
||
}
|
||
|
||
.m_9e365f20:after {
|
||
content: "";
|
||
flex: 1;
|
||
height: calc(.0625rem*var(--mantine-scale));
|
||
border-top: var(--divider-size) var(--divider-border-style, solid) var(--divider-color);
|
||
margin-inline-start: var(--mantine-spacing-xs)
|
||
}
|
||
|
||
@keyframes m_885901b1 {
|
||
0% {
|
||
opacity: .6;
|
||
transform: scale(0)
|
||
}
|
||
|
||
to {
|
||
opacity: 0;
|
||
transform: scale(2.8)
|
||
}
|
||
}
|
||
|
||
.m_760d1fb1:before {
|
||
content: "";
|
||
position: absolute;
|
||
inset: 0;
|
||
background-color: var(--indicator-color);
|
||
border-radius: var(--indicator-radius, 1000rem);
|
||
z-index: -1
|
||
}
|
||
|
||
.m_760d1fb1[data-processing]:before {
|
||
animation: m_885901b1 1s linear infinite
|
||
}
|
||
|
||
.m_99ac2aa1:where([data-disabled], :disabled) {
|
||
color: var(--mantine-color-disabled-color);
|
||
opacity: .6;
|
||
cursor: not-allowed
|
||
}
|
||
|
||
:where([data-mantine-color-scheme=light]) .m_99ac2aa1:where(:hover, :focus):where(:not(:disabled, [data-disabled])) {
|
||
background-color: var(--menu-item-hover, var(--mantine-color-gray-1))
|
||
}
|
||
|
||
:where([data-mantine-color-scheme=dark]) .m_99ac2aa1:where(:hover, :focus):where(:not(:disabled, [data-disabled])) {
|
||
background-color: var(--menu-item-hover, var(--mantine-color-dark-4))
|
||
}
|
||
|
||
.m_9df02822 {
|
||
--modal-size-xs: calc(20rem*var(--mantine-scale));
|
||
--modal-size-sm: calc(23.75rem*var(--mantine-scale));
|
||
--modal-size-md: calc(27.5rem*var(--mantine-scale));
|
||
--modal-size-lg: calc(38.75rem*var(--mantine-scale));
|
||
--modal-size-xl: calc(48.75rem*var(--mantine-scale));
|
||
--modal-size: var(--modal-size-md);
|
||
--modal-y-offset: 5dvh;
|
||
--modal-x-offset: 5vw
|
||
}
|
||
|
||
.m_7cda1cd6:where([data-with-remove]:not(:has(button:disabled))) {
|
||
padding-inline-end: 0
|
||
}
|
||
|
||
.m_7cda1cd6:where([data-disabled], :has(button:disabled)) {
|
||
cursor: not-allowed
|
||
}
|
||
|
||
:where([data-mantine-color-scheme=light]) .m_44da308b:where([data-disabled], :has(button:disabled)) {
|
||
background-color: var(--mantine-color-disabled)
|
||
}
|
||
|
||
:where([data-mantine-color-scheme=light]) .m_e3a01f8:where([data-disabled], :has(button:disabled)) {
|
||
background-color: var(--mantine-color-disabled)
|
||
}
|
||
|
||
.m_ae386778:disabled {
|
||
display: none;
|
||
background-color: transparent;
|
||
width: .8em;
|
||
min-width: .8em;
|
||
padding: 0;
|
||
cursor: not-allowed
|
||
}
|
||
|
||
.m_ae386778:disabled>svg {
|
||
display: none
|
||
}
|
||
|
||
.m_45c4369d::placeholder {
|
||
color: var(--input-placeholder-color);
|
||
opacity: 1
|
||
}
|
||
|
||
.m_45c4369d:focus {
|
||
outline: none
|
||
}
|
||
|
||
.m_45c4369d:where([data-type=auto]:focus) {
|
||
height: 1.6em;
|
||
visibility: visible;
|
||
opacity: 1;
|
||
position: static
|
||
}
|
||
|
||
.m_45c4369d:where([data-pointer]:not([data-disabled], :disabled)) {
|
||
cursor: pointer
|
||
}
|
||
|
||
.m_45c4369d:where([data-disabled], :disabled) {
|
||
cursor: not-allowed
|
||
}
|
||
|
||
@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)
|
||
}
|
||
}
|
||
|
||
@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_a513464:before {
|
||
content: "";
|
||
display: block;
|
||
position: absolute;
|
||
width: calc(.375rem*var(--mantine-scale));
|
||
top: var(--notification-radius);
|
||
bottom: var(--notification-radius);
|
||
inset-inline-start: calc(.25rem*var(--mantine-scale));
|
||
border-radius: var(--notification-radius);
|
||
background-color: var(--notification-color)
|
||
}
|
||
|
||
.m_a513464:where([data-with-icon]):before {
|
||
display: none
|
||
}
|
||
|
||
@media (hover:hover) {
|
||
:where([data-mantine-color-scheme=light]) .m_919a4d88:hover {
|
||
background-color: var(--mantine-color-gray-0)
|
||
}
|
||
|
||
:where([data-mantine-color-scheme=dark]) .m_919a4d88:hover {
|
||
background-color: var(--mantine-color-dark-8)
|
||
}
|
||
}
|
||
|
||
@media (hover:none) {
|
||
:where([data-mantine-color-scheme=light]) .m_919a4d88:active {
|
||
background-color: var(--mantine-color-gray-0)
|
||
}
|
||
|
||
:where([data-mantine-color-scheme=dark]) .m_919a4d88:active {
|
||
background-color: var(--mantine-color-dark-8)
|
||
}
|
||
}
|
||
|
||
.m_80b4b171:where(:disabled) {
|
||
background-color: transparent;
|
||
cursor: not-allowed;
|
||
opacity: .6;
|
||
color: var(--mantine-color-disabled-color)
|
||
}
|
||
|
||
@media (hover:hover) {
|
||
:where([data-mantine-color-scheme=light]) .m_80b4b171:hover {
|
||
background-color: var(--mantine-color-gray-0)
|
||
}
|
||
|
||
:where([data-mantine-color-scheme=dark]) .m_80b4b171:hover {
|
||
background-color: var(--mantine-color-dark-4)
|
||
}
|
||
}
|
||
|
||
@media (hover:none) {
|
||
:where([data-mantine-color-scheme=light]) .m_80b4b171:active {
|
||
background-color: var(--mantine-color-gray-0)
|
||
}
|
||
|
||
:where([data-mantine-color-scheme=dark]) .m_80b4b171:active {
|
||
background-color: var(--mantine-color-dark-4)
|
||
}
|
||
}
|
||
|
||
.m_326d024a:where(:disabled, [data-disabled]) {
|
||
cursor: not-allowed;
|
||
opacity: .4
|
||
}
|
||
|
||
@media (hover:hover) {
|
||
:where([data-mantine-color-scheme=light]) .m_326d024a:hover:where(:not(:disabled, [data-disabled])) {
|
||
background-color: var(--mantine-color-gray-0)
|
||
}
|
||
}
|
||
|
||
@media (hover:none) {
|
||
:where([data-mantine-color-scheme=light]) .m_326d024a:active:where(:not(:disabled, [data-disabled])) {
|
||
background-color: var(--mantine-color-gray-0)
|
||
}
|
||
}
|
||
|
||
@media (hover:hover) {
|
||
:where([data-mantine-color-scheme=dark]) .m_326d024a:hover:where(:not(:disabled, [data-disabled])) {
|
||
background-color: var(--mantine-color-dark-5)
|
||
}
|
||
}
|
||
|
||
@media (hover:none) {
|
||
:where([data-mantine-color-scheme=dark]) .m_326d024a:active:where(:not(:disabled, [data-disabled])) {
|
||
background-color: var(--mantine-color-dark-5)
|
||
}
|
||
}
|
||
|
||
@media (hover:hover) {
|
||
.m_326d024a:where([data-active]):hover {
|
||
background-color: var(--pagination-active-bg)
|
||
}
|
||
}
|
||
|
||
@media (hover:none) {
|
||
.m_326d024a:where([data-active]):active {
|
||
background-color: var(--pagination-active-bg)
|
||
}
|
||
}
|
||
|
||
.m_f61ca620 {
|
||
--psi-button-size-xs: calc(1.375rem*var(--mantine-scale));
|
||
--psi-button-size-sm: calc(1.625rem*var(--mantine-scale));
|
||
--psi-button-size-md: calc(1.75rem*var(--mantine-scale));
|
||
--psi-button-size-lg: calc(2rem*var(--mantine-scale));
|
||
--psi-button-size-xl: calc(2.5rem*var(--mantine-scale));
|
||
--psi-icon-size-xs: calc(.75rem*var(--mantine-scale));
|
||
--psi-icon-size-sm: calc(.9375rem*var(--mantine-scale));
|
||
--psi-icon-size-md: calc(1.0625rem*var(--mantine-scale));
|
||
--psi-icon-size-lg: calc(1.1875rem*var(--mantine-scale));
|
||
--psi-icon-size-xl: calc(1.3125rem*var(--mantine-scale));
|
||
--psi-button-size: var(--psi-button-size-sm);
|
||
--psi-icon-size: var(--psi-icon-size-sm)
|
||
}
|
||
|
||
.m_ccf8da4c {
|
||
position: relative;
|
||
overflow: hidden
|
||
}
|
||
|
||
.m_f2d85dd2 {
|
||
font-family: var(--mantine-font-family);
|
||
background-color: transparent;
|
||
border: 0;
|
||
padding-inline-end: var(--input-padding-inline-end);
|
||
padding-inline-start: var(--input-padding-inline-start);
|
||
position: absolute;
|
||
inset: 0;
|
||
outline: 0;
|
||
font-size: inherit;
|
||
line-height: var(--mantine-line-height);
|
||
height: 100%;
|
||
width: 100%;
|
||
color: inherit
|
||
}
|
||
|
||
.m_f2d85dd2:disabled {
|
||
cursor: not-allowed
|
||
}
|
||
|
||
.m_f2d85dd2::placeholder {
|
||
color: var(--input-placeholder-color);
|
||
opacity: 1
|
||
}
|
||
|
||
.m_f2d85dd2::-ms-reveal {
|
||
display: none
|
||
}
|
||
|
||
.m_b1072d44 {
|
||
width: var(--psi-button-size);
|
||
height: var(--psi-button-size);
|
||
min-width: var(--psi-button-size);
|
||
min-height: var(--psi-button-size)
|
||
}
|
||
|
||
.m_b1072d44:disabled {
|
||
display: none
|
||
}
|
||
|
||
@keyframes m_81a374bd {
|
||
0% {
|
||
background-position: 0 0
|
||
}
|
||
|
||
to {
|
||
background-position: calc(2.5rem*var(--mantine-scale))0
|
||
}
|
||
}
|
||
|
||
@keyframes m_e0fb7a86 {
|
||
0% {
|
||
background-position: 0 0
|
||
}
|
||
|
||
to {
|
||
background-position: 0 calc(2.5rem*var(--mantine-scale))
|
||
}
|
||
}
|
||
|
||
.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;
|
||
background-color: var(--mantine-color-disabled);
|
||
border-color: var(--mantine-color-disabled-border)
|
||
}
|
||
|
||
.m_8a3dbb89:disabled+.m_f3ed6b2b {
|
||
--radio-icon-color: var(--mantine-color-disabled-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_f8d312f2:where(:has(input:disabled)) {
|
||
pointer-events: none
|
||
}
|
||
|
||
.m_211007ba:focus-visible+label {
|
||
outline: 2px solid var(--mantine-primary-color-filled);
|
||
outline-offset: calc(.125rem*var(--mantine-scale))
|
||
}
|
||
|
||
fieldset:disabled .m_1738fcb2 {
|
||
cursor: not-allowed;
|
||
color: var(--mantine-color-disabled-color)
|
||
}
|
||
|
||
.m_cf365364:where([data-initialized]) .m_1738fcb2:where([data-active]):before {
|
||
display: none
|
||
}
|
||
|
||
.m_1738fcb2:where([data-active]):before {
|
||
content: "";
|
||
inset: 0;
|
||
z-index: 0;
|
||
position: absolute;
|
||
border-radius: var(--sc-radius, var(--mantine-radius-default))
|
||
}
|
||
|
||
:where([data-mantine-color-scheme=light]) .m_1738fcb2:where([data-active]):before {
|
||
box-shadow: var(--sc-shadow, none);
|
||
background-color: var(--sc-color, var(--mantine-color-white))
|
||
}
|
||
|
||
:where([data-mantine-color-scheme=dark]) .m_1738fcb2:where([data-active]):before {
|
||
box-shadow: none;
|
||
background-color: var(--sc-color, var(--mantine-color-dark-5))
|
||
}
|
||
|
||
@media (hover:hover) {
|
||
:where([data-mantine-color-scheme=light]) .m_1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):hover {
|
||
color: var(--mantine-color-black)
|
||
}
|
||
|
||
:where([data-mantine-color-scheme=dark]) .m_1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):hover {
|
||
color: var(--mantine-color-white)
|
||
}
|
||
}
|
||
|
||
@media (hover:none) {
|
||
:where([data-mantine-color-scheme=light]) .m_1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):active {
|
||
color: var(--mantine-color-black)
|
||
}
|
||
|
||
:where([data-mantine-color-scheme=dark]) .m_1738fcb2:where(:not([data-disabled], [data-active], [data-read-only])):active {
|
||
color: var(--mantine-color-white)
|
||
}
|
||
}
|
||
|
||
@media (hover:hover) {
|
||
fieldset:disabled .m_1738fcb2:hover {
|
||
color: var(--mantine-color-disabled-color) !important
|
||
}
|
||
}
|
||
|
||
@media (hover:none) {
|
||
fieldset:disabled .m_1738fcb2:active {
|
||
color: var(--mantine-color-disabled-color) !important
|
||
}
|
||
}
|
||
|
||
.m_1714d588[data-focus-ring=auto]:focus:focus-visible+.m_1738fcb2 {
|
||
--segmented-control-outline: 2px solid var(--mantine-primary-color-filled)
|
||
}
|
||
|
||
.m_1714d588[data-focus-ring=always]:focus+.m_1738fcb2 {
|
||
--segmented-control-outline: 2px solid var(--mantine-primary-color-filled)
|
||
}
|
||
|
||
.m_cf365364[data-with-items-borders] :where(.m_69686b9b):before {
|
||
content: "";
|
||
position: absolute;
|
||
top: 0;
|
||
bottom: 0;
|
||
inset-inline-start: 0;
|
||
background-color: var(--separator-color);
|
||
width: calc(.0625rem*var(--mantine-scale));
|
||
transition: background-color var(--sc-transition-duration) var(--sc-transition-timing-function)
|
||
}
|
||
|
||
.m_69686b9b[data-orientation=vertical]:before {
|
||
top: 0;
|
||
inset-inline: 0;
|
||
bottom: auto;
|
||
height: calc(.0625rem*var(--mantine-scale));
|
||
width: auto
|
||
}
|
||
|
||
.m_69686b9b:first-of-type:before {
|
||
--separator-color: transparent
|
||
}
|
||
|
||
[data-mantine-color-scheme] .m_69686b9b[data-active]:before,
|
||
[data-mantine-color-scheme] .m_69686b9b[data-active]+.m_69686b9b:before {
|
||
--separator-color: transparent
|
||
}
|
||
|
||
@keyframes m_299c329c {
|
||
|
||
0%,
|
||
to {
|
||
opacity: .4
|
||
}
|
||
|
||
50% {
|
||
opacity: 1
|
||
}
|
||
}
|
||
|
||
.m_18320242:where([data-animate]):after {
|
||
animation: m_299c329c 1.5s linear infinite
|
||
}
|
||
|
||
.m_18320242:where([data-visible]):before {
|
||
position: absolute;
|
||
content: "";
|
||
inset: 0;
|
||
z-index: 10;
|
||
background-color: var(--mantine-color-body)
|
||
}
|
||
|
||
.m_18320242:where([data-visible]):after {
|
||
position: absolute;
|
||
content: "";
|
||
inset: 0;
|
||
z-index: 11
|
||
}
|
||
|
||
:where([data-mantine-color-scheme=light]) .m_18320242:where([data-visible]):after {
|
||
background-color: var(--mantine-color-gray-3)
|
||
}
|
||
|
||
:where([data-mantine-color-scheme=dark]) .m_18320242:where([data-visible]):after {
|
||
background-color: var(--mantine-color-dark-4)
|
||
}
|
||
|
||
fieldset:disabled .m_c9a9a60a {
|
||
display: none
|
||
}
|
||
|
||
fieldset:disabled .m_a8645c2 {
|
||
cursor: not-allowed
|
||
}
|
||
|
||
fieldset:disabled .m_c9ade57f:where([data-inverted]) {
|
||
--track-bg: var(--slider-track-disabled-bg)
|
||
}
|
||
|
||
.m_c9ade57f:before {
|
||
content: "";
|
||
position: absolute;
|
||
top: 0;
|
||
bottom: 0;
|
||
border-radius: var(--slider-radius);
|
||
inset-inline: calc(var(--slider-size)*-1);
|
||
background-color: var(--track-bg, var(--slider-track-bg));
|
||
z-index: 0
|
||
}
|
||
|
||
fieldset:disabled .m_38aeed47:where(:not([data-inverted])) {
|
||
background-color: var(--mantine-color-disabled-color)
|
||
}
|
||
|
||
.m_6d731127 {
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: var(--stack-align, stretch);
|
||
justify-content: var(--stack-justify, flex-start);
|
||
gap: var(--stack-gap, var(--mantine-spacing-md))
|
||
}
|
||
|
||
.m_926b4011:focus-visible+.m_9307d992 {
|
||
outline: 2px solid var(--mantine-primary-color-filled);
|
||
outline-offset: calc(.125rem*var(--mantine-scale))
|
||
}
|
||
|
||
.m_926b4011:checked+.m_9307d992 {
|
||
--switch-bg: var(--switch-color);
|
||
--switch-text-color: var(--mantine-color-white)
|
||
}
|
||
|
||
.m_926b4011:disabled+.m_9307d992 {
|
||
--switch-bg: var(--switch-disabled-color);
|
||
--switch-cursor: not-allowed
|
||
}
|
||
|
||
.m_93039a1d:where([data-with-thumb-indicator]):before {
|
||
content: "";
|
||
width: 40%;
|
||
height: 40%;
|
||
background-color: var(--switch-bg);
|
||
position: absolute;
|
||
border-radius: var(--switch-radius);
|
||
top: 50%;
|
||
left: 50%;
|
||
transform: translate(-50%, -50%)
|
||
}
|
||
|
||
.m_926b4011:checked+*>.m_93039a1d {
|
||
--switch-thumb-start: calc(100% - var(--switch-thumb-size) - var(--switch-track-label-padding))
|
||
}
|
||
|
||
.m_926b4011:disabled+*>.m_93039a1d {
|
||
--switch-thumb-bg: var(--switch-thumb-bg-disabled)
|
||
}
|
||
|
||
.m_926b4011:checked+*>.m_8277e082 {
|
||
margin-inline-end: calc(var(--switch-thumb-size) + var(--switch-track-label-padding));
|
||
margin-inline-start: 0
|
||
}
|
||
|
||
@media (hover:hover) {
|
||
.m_4e7aa4fd:hover:where([data-hover]) {
|
||
background-color: var(--tr-hover-bg)
|
||
}
|
||
}
|
||
|
||
@media (hover:none) {
|
||
.m_4e7aa4fd:active:where([data-hover]) {
|
||
background-color: var(--tr-hover-bg)
|
||
}
|
||
}
|
||
|
||
:where([data-with-table-border]) .m_b242d975[data-sticky]:before {
|
||
content: "";
|
||
display: block;
|
||
position: absolute;
|
||
left: 0;
|
||
top: calc(-.03125rem*var(--mantine-scale));
|
||
width: 100%;
|
||
height: calc(.0625rem*var(--mantine-scale));
|
||
background-color: var(--table-border-color);
|
||
z-index: 5
|
||
}
|
||
|
||
@media (hover:hover) {
|
||
:where([data-mantine-color-scheme=light]) .m_375a65ef:where(:hover):where(:not([data-variant=none])) {
|
||
background-color: var(--mantine-color-gray-1)
|
||
}
|
||
|
||
:where([data-mantine-color-scheme=dark]) .m_375a65ef:where(:hover):where(:not([data-variant=none])) {
|
||
background-color: var(--mantine-color-dark-5)
|
||
}
|
||
}
|
||
|
||
@media (hover:none) {
|
||
:where([data-mantine-color-scheme=light]) .m_375a65ef:where(:active):where(:not([data-variant=none])) {
|
||
background-color: var(--mantine-color-gray-1)
|
||
}
|
||
|
||
:where([data-mantine-color-scheme=dark]) .m_375a65ef:where(:active):where(:not([data-variant=none])) {
|
||
background-color: var(--mantine-color-dark-5)
|
||
}
|
||
}
|
||
|
||
.m_89d60db1[data-inverted] .m_576c9d4:before {
|
||
top: 0;
|
||
bottom: unset
|
||
}
|
||
|
||
.m_4ec4dce6:where(:disabled, [data-disabled]) {
|
||
opacity: .5;
|
||
cursor: not-allowed
|
||
}
|
||
|
||
.m_4ec4dce6:focus {
|
||
z-index: 1
|
||
}
|
||
|
||
.m_576c9d4:before {
|
||
content: "";
|
||
position: absolute;
|
||
border: 1px solid var(--tab-border-color);
|
||
bottom: var(--tabs-list-line-bottom);
|
||
inset-inline-start: var(--tabs-list-line-start);
|
||
inset-inline-end: var(--tabs-list-line-end);
|
||
top: var(--tabs-list-line-top)
|
||
}
|
||
|
||
@media (hover:hover) {
|
||
.m_539e827b:hover {
|
||
background-color: var(--tab-hover-color)
|
||
}
|
||
|
||
.m_539e827b:hover:where(:not([data-active])) {
|
||
border-color: var(--tab-border-color)
|
||
}
|
||
}
|
||
|
||
@media (hover:none) {
|
||
.m_539e827b:active {
|
||
background-color: var(--tab-hover-color)
|
||
}
|
||
|
||
.m_539e827b:active:where(:not([data-active])) {
|
||
border-color: var(--tab-border-color)
|
||
}
|
||
}
|
||
|
||
@media (hover:hover) {
|
||
|
||
.m_539e827b:disabled:hover,
|
||
.m_539e827b[data-disabled]:hover {
|
||
background-color: transparent
|
||
}
|
||
}
|
||
|
||
@media (hover:none) {
|
||
|
||
.m_539e827b:disabled:active,
|
||
.m_539e827b[data-disabled]:active {
|
||
background-color: transparent
|
||
}
|
||
}
|
||
|
||
.m_6772fbd5:before {
|
||
content: "";
|
||
position: absolute;
|
||
border-color: var(--tab-border-color);
|
||
border-width: var(--tabs-list-border-size);
|
||
border-style: solid;
|
||
bottom: var(--tabs-list-line-bottom);
|
||
inset-inline-start: var(--tabs-list-line-start);
|
||
inset-inline-end: var(--tabs-list-line-end);
|
||
top: var(--tabs-list-line-top)
|
||
}
|
||
|
||
.m_b59ab47c:where([data-active]):before {
|
||
content: "";
|
||
position: absolute;
|
||
background-color: var(--tab-border-color);
|
||
bottom: var(--tab-before-bottom, calc(-.0625rem*var(--mantine-scale)));
|
||
left: var(--tab-before-left, calc(-.0625rem*var(--mantine-scale)));
|
||
right: var(--tab-before-right, auto);
|
||
top: var(--tab-before-top, auto);
|
||
width: calc(.0625rem*var(--mantine-scale));
|
||
height: calc(.0625rem*var(--mantine-scale))
|
||
}
|
||
|
||
.m_b59ab47c:where([data-active]):after {
|
||
content: "";
|
||
position: absolute;
|
||
background-color: var(--tab-border-color);
|
||
bottom: var(--tab-after-bottom, calc(-.0625rem*var(--mantine-scale)));
|
||
right: var(--tab-after-right, calc(-.0625rem*var(--mantine-scale)));
|
||
left: var(--tab-after-left, auto);
|
||
top: var(--tab-after-top, auto);
|
||
width: calc(.0625rem*var(--mantine-scale));
|
||
height: calc(.0625rem*var(--mantine-scale))
|
||
}
|
||
|
||
@media (hover:hover) {
|
||
.m_c3381914:not([data-disabled]):hover {
|
||
--tab-bg: var(--tab-hover-color)
|
||
}
|
||
}
|
||
|
||
@media (hover:none) {
|
||
.m_c3381914:not([data-disabled]):active {
|
||
--tab-bg: var(--tab-hover-color)
|
||
}
|
||
}
|
||
|
||
@media (hover:hover) {
|
||
.m_c3381914[data-active][data-active]:hover {
|
||
--tab-bg: var(--tabs-color)
|
||
}
|
||
}
|
||
|
||
@media (hover:none) {
|
||
.m_c3381914[data-active][data-active]:active {
|
||
--tab-bg: var(--tabs-color)
|
||
}
|
||
}
|
||
|
||
.m_436178ff:before {
|
||
content: "";
|
||
pointer-events: none;
|
||
position: absolute;
|
||
top: 0;
|
||
left: var(--timeline-line-left, 0);
|
||
right: var(--timeline-line-right, 0);
|
||
bottom: calc(var(--mantine-spacing-xl)*-1);
|
||
border-inline-start: var(--item-border);
|
||
display: var(--timeline-line-display, none)
|
||
}
|
||
|
||
.m_43657ece[data-align=left] .m_436178ff:before {
|
||
--timeline-line-left: calc(var(--tl-line-width)*-1);
|
||
--timeline-line-right: auto
|
||
}
|
||
|
||
[dir=rtl] .m_43657ece[data-align=left] .m_436178ff:before {
|
||
--timeline-line-left: auto;
|
||
--timeline-line-right: calc(var(--tl-line-width)*-1)
|
||
}
|
||
|
||
.m_43657ece[data-align=right] .m_436178ff:before {
|
||
--timeline-line-left: auto;
|
||
--timeline-line-right: calc(var(--tl-line-width)*-1)
|
||
}
|
||
|
||
[dir=rtl] .m_43657ece[data-align=right] .m_436178ff:before {
|
||
--timeline-line-left: calc(var(--tl-line-width)*-1);
|
||
--timeline-line-right: auto
|
||
}
|
||
|
||
.m_436178ff:where([data-line-active]):before {
|
||
border-color: var(--tli-color, var(--tl-color))
|
||
}
|
||
|
||
.m_8a5d1357 {
|
||
margin: 0;
|
||
font-weight: var(--title-fw);
|
||
line-height: var(--title-lh);
|
||
font-family: var(--mantine-font-family-headings);
|
||
text-wrap: var(--title-text-wrap, var(--mantine-heading-text-wrap))
|
||
}
|
||
|
||
.m_f6970eb1:focus-visible>.m_dc283425 {
|
||
outline: 2px solid var(--mantine-primary-color-filled);
|
||
outline-offset: calc(.125rem*var(--mantine-scale))
|
||
}
|
||
|
||
@media (hover:hover) {
|
||
.m_d08caa0 :where(a):hover {
|
||
text-decoration: underline
|
||
}
|
||
}
|
||
|
||
@media (hover:none) {
|
||
.m_d08caa0 :where(a):active {
|
||
text-decoration: underline
|
||
}
|
||
}
|
||
|
||
.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,
|
||
.m_468e7eda::-webkit-datetime-edit-ampm-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,
|
||
.m_468e7eda::-webkit-datetime-edit-ampm-field:focus {
|
||
background-color: var(--mantine-primary-color-filled);
|
||
color: var(--mantine-color-white)
|
||
}
|
||
|
||
@media (hover:hover) {
|
||
.m_154c536b:hover:where(:not([data-active])) {
|
||
color: var(--mantine-color-bright)
|
||
}
|
||
|
||
:where([data-mantine-color-scheme=dark]) .m_154c536b:hover:where(:not([data-active])) {
|
||
background-color: var(--mantine-color-dark-5)
|
||
}
|
||
|
||
:where([data-mantine-color-scheme=light]) .m_154c536b:hover:where(:not([data-active])) {
|
||
background-color: var(--mantine-color-gray-1)
|
||
}
|
||
}
|
||
|
||
@media (hover:none) {
|
||
.m_154c536b:active:where(:not([data-active])) {
|
||
color: var(--mantine-color-bright)
|
||
}
|
||
|
||
:where([data-mantine-color-scheme=dark]) .m_154c536b:active:where(:not([data-active])) {
|
||
background-color: var(--mantine-color-dark-5)
|
||
}
|
||
|
||
:where([data-mantine-color-scheme=light]) .m_154c536b:active:where(:not([data-active])) {
|
||
background-color: var(--mantine-color-gray-1)
|
||
}
|
||
}
|
||
|
||
@media (hover:hover) {
|
||
.m_7be09d0c:hover:where(:not([data-active])) {
|
||
color: var(--mantine-color-bright)
|
||
}
|
||
|
||
:where([data-mantine-color-scheme=dark]) .m_7be09d0c:hover:where(:not([data-active])) {
|
||
background-color: var(--mantine-color-dark-5)
|
||
}
|
||
|
||
:where([data-mantine-color-scheme=light]) .m_7be09d0c:hover:where(:not([data-active])) {
|
||
background-color: var(--mantine-color-gray-1)
|
||
}
|
||
}
|
||
|
||
@media (hover:none) {
|
||
.m_7be09d0c:active:where(:not([data-active])) {
|
||
color: var(--mantine-color-bright)
|
||
}
|
||
|
||
:where([data-mantine-color-scheme=dark]) .m_7be09d0c:active:where(:not([data-active])) {
|
||
background-color: var(--mantine-color-dark-5)
|
||
}
|
||
|
||
:where([data-mantine-color-scheme=light]) .m_7be09d0c:active:where(:not([data-active])) {
|
||
background-color: var(--mantine-color-gray-1)
|
||
}
|
||
}
|
||
|
||
.m_d8d918d7:after {
|
||
content: "";
|
||
width: 100%;
|
||
height: calc(.0625rem*var(--mantine-scale));
|
||
flex: 1;
|
||
margin-inline-start: var(--mantine-spacing-xs)
|
||
}
|
||
|
||
:where([data-mantine-color-scheme=light]) .m_d8d918d7:after {
|
||
background-color: var(--mantine-color-gray-2)
|
||
}
|
||
|
||
:where([data-mantine-color-scheme=dark]) .m_d8d918d7:after {
|
||
background-color: var(--mantine-color-dark-4)
|
||
}
|
||
|
||
.m_6b43ba88:where(:disabled) {
|
||
cursor: not-allowed
|
||
}
|
||
|
||
.m_6b43ba88::selection {
|
||
background-color: transparent
|
||
}
|
||
|
||
.m_6b43ba88::placeholder {
|
||
opacity: 1;
|
||
color: inherit
|
||
}
|
||
|
||
.m_6b43ba88:focus {
|
||
background-color: var(--mantine-primary-color-filled);
|
||
color: var(--mantine-color-white);
|
||
outline: 0
|
||
}
|
||
|
||
.m_6b43ba88:focus::placeholder {
|
||
color: var(--mantine-color-white)
|
||
}
|
||
|
||
@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(:disabled, [data-disabled]) {
|
||
color: var(--mantine-color-disabled-color);
|
||
cursor: not-allowed;
|
||
opacity: .5
|
||
}
|
||
|
||
@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)
|
||
}
|
||
}
|
||
|
||
@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)
|
||
}
|
||
}
|
||
|
||
@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-disabled-color);
|
||
cursor: not-allowed;
|
||
opacity: .5
|
||
}
|
||
|
||
@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)
|
||
}
|
||
}
|
||
|
||
@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)
|
||
}
|
||
}
|
||
|
||
@media (hover:hover) {
|
||
|
||
[data-mantine-color-scheme=light] .m_f6645d97:hover:where(:not([data-disabled], [data-static], :disabled)),
|
||
[data-mantine-color-scheme=light] .m_2351eeb0:hover:where(:not([data-disabled], [data-static], :disabled)) {
|
||
background-color: var(--mantine-color-gray-0)
|
||
}
|
||
|
||
[data-mantine-color-scheme=dark] .m_f6645d97:hover:where(:not([data-disabled], [data-static], :disabled)),
|
||
[data-mantine-color-scheme=dark] .m_2351eeb0:hover:where(:not([data-disabled], [data-static], :disabled)) {
|
||
background-color: var(--mantine-color-dark-5)
|
||
}
|
||
}
|
||
|
||
@media (hover:none) {
|
||
|
||
[data-mantine-color-scheme=light] .m_f6645d97:active:where(:not([data-disabled], [data-static], :disabled)),
|
||
[data-mantine-color-scheme=light] .m_2351eeb0:active:where(:not([data-disabled], [data-static], :disabled)) {
|
||
background-color: var(--mantine-color-gray-0)
|
||
}
|
||
|
||
[data-mantine-color-scheme=dark] .m_f6645d97:active:where(:not([data-disabled], [data-static], :disabled)),
|
||
[data-mantine-color-scheme=dark] .m_2351eeb0:active:where(:not([data-disabled], [data-static], :disabled)) {
|
||
background-color: var(--mantine-color-dark-5)
|
||
}
|
||
}
|
||
|
||
.m_f6645d97:where(:disabled, [data-disabled]),
|
||
.m_2351eeb0:where(:disabled, [data-disabled]) {
|
||
opacity: .2;
|
||
cursor: not-allowed
|
||
}
|
||
|
||
@media (hover:hover) {
|
||
:where([data-mantine-color-scheme=light]) .m_acd30b22:hover {
|
||
background-color: var(--mantine-color-gray-0)
|
||
}
|
||
|
||
:where([data-mantine-color-scheme=dark]) .m_acd30b22:hover {
|
||
background-color: var(--mantine-color-dark-5)
|
||
}
|
||
}
|
||
|
||
@media (hover:none) {
|
||
:where([data-mantine-color-scheme=light]) .m_acd30b22:active {
|
||
background-color: var(--mantine-color-gray-0)
|
||
}
|
||
|
||
:where([data-mantine-color-scheme=dark]) .m_acd30b22:active {
|
||
background-color: var(--mantine-color-dark-5)
|
||
}
|
||
}
|
||
|
||
@media (hover:hover) {
|
||
.m_ac3f4d63:hover:where(:not([data-disabled])) {
|
||
background-color: var(--mantine-color-default-hover)
|
||
}
|
||
}
|
||
|
||
@media (hover:none) {
|
||
.m_ac3f4d63:active:where(:not([data-disabled])) {
|
||
background-color: var(--mantine-color-default-hover)
|
||
}
|
||
}
|
||
|
||
@media (hover:hover) {
|
||
.m_ac3f4d63:where([data-active]):hover:where(:not([data-disabled])) {
|
||
background-color: var(--mantine-primary-color-filled-hover)
|
||
}
|
||
}
|
||
|
||
@media (hover:none) {
|
||
.m_ac3f4d63:where([data-active]):active:where(:not([data-disabled])) {
|
||
background-color: var(--mantine-primary-color-filled-hover)
|
||
}
|
||
}
|
||
|
||
.m_ac3f4d63:where(:disabled, [data-disabled]) {
|
||
opacity: .5;
|
||
cursor: not-allowed
|
||
}
|
||
|
||
@media (hover:hover) {
|
||
.m_99d16a4:where([data-selected]):hover:where(:not([data-disabled], [data-static])) {
|
||
background-color: var(--mantine-primary-color-filled-hover)
|
||
}
|
||
}
|
||
|
||
@media (hover:none) {
|
||
.m_99d16a4:where([data-selected]):active:where(:not([data-disabled], [data-static])) {
|
||
background-color: var(--mantine-primary-color-filled-hover)
|
||
}
|
||
}
|
||
|
||
@media (hover:hover) {
|
||
:where([data-mantine-color-scheme=light]) .m_99d16a4:hover:where(:not([data-disabled], [data-selected])) {
|
||
background-color: var(--mantine-color-gray-1)
|
||
}
|
||
}
|
||
|
||
@media (hover:none) {
|
||
:where([data-mantine-color-scheme=light]) .m_99d16a4:active:where(:not([data-disabled], [data-selected])) {
|
||
background-color: var(--mantine-color-gray-1)
|
||
}
|
||
}
|
||
|
||
@media (hover:hover) {
|
||
:where([data-mantine-color-scheme=dark]) .m_99d16a4:hover:where(:not([data-disabled], [data-selected])) {
|
||
background-color: var(--mantine-color-dark-5)
|
||
}
|
||
}
|
||
|
||
@media (hover:none) {
|
||
:where([data-mantine-color-scheme=dark]) .m_99d16a4:active:where(:not([data-disabled], [data-selected])) {
|
||
background-color: var(--mantine-color-dark-5)
|
||
}
|
||
}
|
||
|
||
@media (hover:hover) {
|
||
:where([data-mantine-color-scheme=light]) .m_14c23465:hover:where(:not([data-disabled])) {
|
||
background-color: var(--mantine-color-gray-1)
|
||
}
|
||
}
|
||
|
||
@media (hover:none) {
|
||
:where([data-mantine-color-scheme=light]) .m_14c23465:active:where(:not([data-disabled])) {
|
||
background-color: var(--mantine-color-gray-1)
|
||
}
|
||
}
|
||
|
||
@media (hover:hover) {
|
||
:where([data-mantine-color-scheme=dark]) .m_14c23465:hover:where(:not([data-disabled])) {
|
||
background-color: var(--mantine-color-dark-5)
|
||
}
|
||
}
|
||
|
||
@media (hover:none) {
|
||
:where([data-mantine-color-scheme=dark]) .m_14c23465:active:where(:not([data-disabled])) {
|
||
background-color: var(--mantine-color-dark-5)
|
||
}
|
||
}
|
||
|
||
@media (hover:hover) {
|
||
:where([data-mantine-color-scheme=light]) .m_d46a4834:hover:where([data-activate-on-click]:not([data-loading])) {
|
||
background-color: var(--mantine-color-gray-0)
|
||
}
|
||
|
||
:where([data-mantine-color-scheme=dark]) .m_d46a4834:hover:where([data-activate-on-click]:not([data-loading])) {
|
||
background-color: var(--mantine-color-dark-5)
|
||
}
|
||
}
|
||
|
||
@media (hover:none) {
|
||
:where([data-mantine-color-scheme=light]) .m_d46a4834:active:where([data-activate-on-click]:not([data-loading])) {
|
||
background-color: var(--mantine-color-gray-0)
|
||
}
|
||
|
||
:where([data-mantine-color-scheme=dark]) .m_d46a4834:active:where([data-activate-on-click]:not([data-loading])) {
|
||
background-color: var(--mantine-color-dark-5)
|
||
}
|
||
}
|
||
|
||
.m_b37d9ac7 {
|
||
width: calc(100% - var(--mantine-spacing-md)*2);
|
||
position: fixed;
|
||
z-index: var(--notifications-z-index);
|
||
max-width: var(--notifications-container-width)
|
||
}
|
||
|
||
.m_b37d9ac7:where([data-position=top-center]) {
|
||
top: var(--mantine-spacing-md);
|
||
left: 50%;
|
||
transform: translate(-50%)
|
||
}
|
||
|
||
.m_b37d9ac7:where([data-position=top-left]) {
|
||
top: var(--mantine-spacing-md);
|
||
left: var(--mantine-spacing-md)
|
||
}
|
||
|
||
.m_b37d9ac7:where([data-position=top-right]) {
|
||
top: var(--mantine-spacing-md);
|
||
right: var(--mantine-spacing-md)
|
||
}
|
||
|
||
.m_b37d9ac7:where([data-position=bottom-center]) {
|
||
bottom: var(--mantine-spacing-md);
|
||
left: 50%;
|
||
transform: translate(-50%)
|
||
}
|
||
|
||
.m_b37d9ac7:where([data-position=bottom-left]) {
|
||
bottom: var(--mantine-spacing-md);
|
||
left: var(--mantine-spacing-md)
|
||
}
|
||
|
||
.m_b37d9ac7:where([data-position=bottom-right]) {
|
||
bottom: var(--mantine-spacing-md);
|
||
right: var(--mantine-spacing-md)
|
||
}
|
||
|
||
.mantine-datatable-table[data-highlight-on-hover] tbody tr:hover {
|
||
background: var(--mantine-datatable-highlight-on-hover-color)
|
||
}
|
||
|
||
@-moz-document url-prefix() {
|
||
|
||
.mantine-datatable-pin-last-column td:not(.mantine-datatable-row-expansion-cell):last-of-type,
|
||
.mantine-datatable-pin-last-column th:last-of-type {
|
||
right: 0
|
||
}
|
||
}
|
||
|
||
@-moz-document url-prefix() {
|
||
|
||
[dir=rtl] .mantine-datatable-pin-last-column td:not(.mantine-datatable-row-expansion-cell):last-of-type,
|
||
[dir=rtl] .mantine-datatable-pin-last-column th:last-of-type {
|
||
left: 0
|
||
}
|
||
}
|
||
|
||
.mantine-datatable-pin-last-column td:not(.mantine-datatable-row-expansion-cell):last-of-type:after,
|
||
.mantine-datatable-pin-last-column th:last-of-type:after {
|
||
background: var(--mantine-datatable-shadow-background-right);
|
||
border-right: 1px solid var(--mantine-datatable-row-border-color);
|
||
bottom: 0;
|
||
content: "";
|
||
left: calc(var(--mantine-spacing-xs)*-1);
|
||
opacity: var(--mantine-datatable-right-shadow-opacity);
|
||
pointer-events: none;
|
||
position: absolute;
|
||
top: 0;
|
||
transition: opacity .2s;
|
||
width: var(--mantine-spacing-xs)
|
||
}
|
||
|
||
[dir=rtl] .mantine-datatable-pin-last-column td:not(.mantine-datatable-row-expansion-cell):last-of-type:after,
|
||
[dir=rtl] .mantine-datatable-pin-last-column th:last-of-type:after {
|
||
background: var(--mantine-datatable-shadow-background-left);
|
||
border-left: 1px solid var(--mantine-datatable-row-border-color);
|
||
border-right: 0;
|
||
left: 100%;
|
||
opacity: var(--mantine-datatable-left-shadow-opacity);
|
||
right: auto;
|
||
z-index: 2
|
||
}
|
||
|
||
.mantine-datatable-pin-last-column th:last-of-type:after,
|
||
.mantine-datatable-pin-last-column tr[data-with-row-border]:not(:last-of-type) td:not(.mantine-datatable-row-expansion-cell):last-of-type:after {
|
||
bottom: calc(-.0625rem*var(--mantine-scale));
|
||
top: calc(-.0625rem*var(--mantine-scale))
|
||
}
|
||
|
||
.mantine-datatable-pin-last-column tfoot th:last-of-type:after {
|
||
top: calc(-.0625rem*var(--mantine-scale))
|
||
}
|
||
|
||
.mantine-datatable-pin-last-column tr[data-selected] td:not(.mantine-datatable-row-expansion-cell):last-of-type:before {
|
||
background: var(--mantine-datatable-selection-color);
|
||
content: "";
|
||
inset: 0;
|
||
position: absolute
|
||
}
|
||
|
||
.mantine-datatable-pin-first-column.mantine-datatable-selection-column-visible td:not(.mantine-datatable-row-expansion-cell):nth-of-type(2):after,
|
||
.mantine-datatable-pin-first-column.mantine-datatable-selection-column-visible th.mantine-datatable-column-group-header-cell:nth-of-type(2):after,
|
||
.mantine-datatable-pin-first-column.mantine-datatable-selection-column-visible th:first-of-type:after,
|
||
.mantine-datatable-pin-first-column.mantine-datatable-selection-column-visible tr:not(:nth-of-type(2)) th:nth-of-type(2):after,
|
||
.mantine-datatable-pin-first-column:not(.mantine-datatable-selection-column-visible) td:not(.mantine-datatable-row-expansion-cell):first-of-type:after,
|
||
.mantine-datatable-pin-first-column:not(.mantine-datatable-selection-column-visible) th:first-of-type:after {
|
||
background: var(--mantine-datatable-shadow-background-left);
|
||
border-left: 1px solid var(--mantine-datatable-row-border-color);
|
||
bottom: 0;
|
||
content: "";
|
||
opacity: var(--mantine-datatable-left-shadow-opacity);
|
||
pointer-events: none;
|
||
position: absolute;
|
||
right: calc(var(--mantine-spacing-xs)*-1);
|
||
top: 0;
|
||
transition: opacity .2s;
|
||
width: var(--mantine-spacing-xs)
|
||
}
|
||
|
||
[dir=rtl] .mantine-datatable-pin-first-column.mantine-datatable-selection-column-visible td:not(.mantine-datatable-row-expansion-cell):nth-of-type(2):after,
|
||
[dir=rtl] .mantine-datatable-pin-first-column.mantine-datatable-selection-column-visible th.mantine-datatable-column-group-header-cell:nth-of-type(2):after,
|
||
[dir=rtl] .mantine-datatable-pin-first-column.mantine-datatable-selection-column-visible th:first-of-type:after,
|
||
[dir=rtl] .mantine-datatable-pin-first-column.mantine-datatable-selection-column-visible tr:not(:nth-of-type(2)) th:nth-of-type(2):after,
|
||
[dir=rtl] .mantine-datatable-pin-first-column:not(.mantine-datatable-selection-column-visible) td:not(.mantine-datatable-row-expansion-cell):first-of-type:after,
|
||
[dir=rtl] .mantine-datatable-pin-first-column:not(.mantine-datatable-selection-column-visible) th:first-of-type:after {
|
||
background: var(--mantine-datatable-shadow-background-right);
|
||
border-left: 0;
|
||
border-right: 1px solid var(--mantine-datatable-row-border-color);
|
||
left: calc(var(--mantine-spacing-xs)*-1);
|
||
opacity: var(--mantine-datatable-right-shadow-opacity);
|
||
right: auto
|
||
}
|
||
|
||
.mantine-datatable-pin-first-column.mantine-datatable-selection-column-visible th.mantine-datatable-column-group-header-cell:nth-of-type(2):after,
|
||
.mantine-datatable-pin-first-column.mantine-datatable-selection-column-visible tr[data-with-row-border]:not(:last-of-type) td:not(.mantine-datatable-row-expansion-cell):nth-of-type(2):after,
|
||
.mantine-datatable-pin-first-column:not(.mantine-datatable-selection-column-visible) th:first-of-type:after,
|
||
.mantine-datatable-pin-first-column:not(.mantine-datatable-selection-column-visible) tr[data-with-row-border]:not(:last-of-type) td:not(.mantine-datatable-row-expansion-cell):first-of-type:after {
|
||
bottom: calc(-.0625rem*var(--mantine-scale));
|
||
top: calc(-.0625rem*var(--mantine-scale))
|
||
}
|
||
|
||
.mantine-datatable-pin-first-column.mantine-datatable-selection-column-visible tfoot th:nth-of-type(2):after,
|
||
.mantine-datatable-pin-first-column:not(.mantine-datatable-selection-column-visible) tfoot th:first-of-type:after {
|
||
top: calc(-.0625rem*var(--mantine-scale))
|
||
}
|
||
|
||
.mantine-datatable-pin-first-column.mantine-datatable-selection-column-visible tr[data-selected] td:not(.mantine-datatable-row-expansion-cell):nth-of-type(2):before,
|
||
.mantine-datatable-pin-first-column:not(.mantine-datatable-selection-column-visible) tr[data-selected] td:not(.mantine-datatable-row-expansion-cell):first-of-type:before {
|
||
background: var(--mantine-datatable-selection-color);
|
||
content: "";
|
||
inset: 0;
|
||
position: absolute
|
||
}
|
||
|
||
.mantine-datatable-table[data-highlight-on-hover] tbody .mantine-datatable-empty-row:hover {
|
||
background: transparent
|
||
}
|
||
|
||
.mantine-datatable-footer-selector-placeholder-cell:after {
|
||
background: var(--mantine-datatable-shadow-background-left);
|
||
border-left: 1px solid var(--mantine-datatable-row-border-color);
|
||
bottom: calc(-.0625rem*var(--mantine-scale));
|
||
content: "";
|
||
opacity: 0;
|
||
pointer-events: none;
|
||
position: absolute;
|
||
right: calc(var(--mantine-spacing-xs)*-1);
|
||
top: 0;
|
||
transition: opacity .2s;
|
||
width: var(--mantine-spacing-xs)
|
||
}
|
||
|
||
[dir=rtl] .mantine-datatable-footer-selector-placeholder-cell:after {
|
||
background: var(--mantine-datatable-shadow-background-right);
|
||
border-left: 0;
|
||
border-right: 1px solid var(--mantine-datatable-row-border-color);
|
||
left: calc(var(--mantine-spacing-xs)*-1);
|
||
right: auto
|
||
}
|
||
|
||
.mantine-datatable-footer-selector-placeholder-cell[data-shadow-visible]:after {
|
||
opacity: var(--mantine-datatable-left-shadow-opacity)
|
||
}
|
||
|
||
[dir=rtl] .mantine-datatable-footer-selector-placeholder-cell[data-shadow-visible]:after {
|
||
opacity: var(--mantine-datatable-right-shadow-opacity)
|
||
}
|
||
|
||
.mantine-datatable-header-cell-sortable:hover:not(:has(button:hover)) {
|
||
background: var(--mantine-color-gray-0)
|
||
}
|
||
|
||
[data-mantine-color-scheme=dark] .mantine-datatable-header-cell-sortable:hover:not(:has(button:hover)) {
|
||
background: var(--mantine-color-dark-6)
|
||
}
|
||
|
||
.mantine-datatable-header-cell-draggable:active {
|
||
cursor: grabbing
|
||
}
|
||
|
||
.mantine-datatable-header-cell-draggable:hover:not(:has(button:hover)) {
|
||
background: var(--mantine-color-gray-2)
|
||
}
|
||
|
||
[data-mantine-color-scheme=dark] .mantine-datatable-header-cell-draggable:hover:not(:has(button:hover)) {
|
||
background: var(--mantine-color-dark-6)
|
||
}
|
||
|
||
.mantine-datatable-header-cell-toggleable:hover .mantine-datatable-header-cell-toggleable-icon {
|
||
opacity: 1
|
||
}
|
||
|
||
.mantine-datatable-header-resizable-handle:after {
|
||
background: var(--mantine-color-gray-4);
|
||
bottom: 2px;
|
||
content: "";
|
||
left: 5px;
|
||
position: absolute;
|
||
top: 2px;
|
||
width: 2px
|
||
}
|
||
|
||
[data-mantine-color-scheme=dark] .mantine-datatable-header-resizable-handle:after {
|
||
background: var(--mantine-color-dark-4)
|
||
}
|
||
|
||
.mantine-datatable-header-resizable-handle:after {
|
||
border-radius: 1px;
|
||
transition: background-color .2s
|
||
}
|
||
|
||
[dir=rtl] .mantine-datatable-header-resizable-handle:after {
|
||
left: auto;
|
||
right: 5px
|
||
}
|
||
|
||
.mantine-datatable-header-resizable-handle:hover {
|
||
opacity: 1
|
||
}
|
||
|
||
.mantine-datatable-header-resizable-handle:hover:after {
|
||
background: var(--mantine-primary-color-6)
|
||
}
|
||
|
||
.mantine-datatable-header-resizable-handle:active {
|
||
opacity: 1 !important
|
||
}
|
||
|
||
.mantine-datatable-header-resizable-handle:active:after {
|
||
background: var(--mantine-primary-color-7)
|
||
}
|
||
|
||
.mantine-datatable-header-cell-toggleable.mantine-datatable-header-cell-resizable:hover .mantine-datatable-header-resizable-handle,
|
||
tr:hover .mantine-datatable-header-resizable-handle {
|
||
opacity: 1
|
||
}
|
||
|
||
.mantine-datatable-header-cell-resizable:has(.mantine-datatable-header-resizable-handle:active) {
|
||
background: var(--mantine-color-blue-0)
|
||
}
|
||
|
||
[data-mantine-color-scheme=dark] .mantine-datatable-header-cell-resizable:has(.mantine-datatable-header-resizable-handle:active) {
|
||
background: var(--mantine-color-dark-7)
|
||
}
|
||
|
||
.mantine-datatable-header-cell-resizable:has(.mantine-datatable-header-resizable-handle:active) {
|
||
transition: background .1s
|
||
}
|
||
|
||
.mantine-datatable-header-cell-resizable:has(.mantine-datatable-header-resizable-handle:active)+th {
|
||
background: var(--mantine-color-blue-0)
|
||
}
|
||
|
||
[data-mantine-color-scheme=dark] .mantine-datatable-header-cell-resizable:has(.mantine-datatable-header-resizable-handle:active)+th {
|
||
background: var(--mantine-color-dark-7)
|
||
}
|
||
|
||
.mantine-datatable-header-cell-resizable:has(.mantine-datatable-header-resizable-handle:active)+th {
|
||
transition: background .1s
|
||
}
|
||
|
||
th:hover .mantine-datatable-header-cell-sortable-unsorted-icon {
|
||
color: var(--mantine-color-gray-6)
|
||
}
|
||
|
||
[data-mantine-color-scheme=dark] th:hover .mantine-datatable-header-cell-sortable-unsorted-icon {
|
||
color: var(--mantine-color-dark-2)
|
||
}
|
||
|
||
.mantine-datatable-header-selector-cell:after {
|
||
background: var(--mantine-datatable-shadow-background-left);
|
||
border-left: 1px solid var(--mantine-datatable-row-border-color);
|
||
bottom: calc(-.0625rem*var(--mantine-scale));
|
||
content: "";
|
||
opacity: 0;
|
||
pointer-events: none;
|
||
position: absolute;
|
||
right: calc(var(--mantine-spacing-xs)*-1);
|
||
top: 0;
|
||
transition: opacity .2s;
|
||
width: var(--mantine-spacing-xs)
|
||
}
|
||
|
||
[dir=rtl] .mantine-datatable-header-selector-cell:after {
|
||
background: var(--mantine-datatable-shadow-background-right);
|
||
border-left: 0;
|
||
border-right: 1px solid var(--mantine-datatable-row-border-color);
|
||
left: calc(var(--mantine-spacing-xs)*-1);
|
||
right: auto
|
||
}
|
||
|
||
.mantine-datatable-header-selector-cell[data-shadow-visible]:after {
|
||
opacity: var(--mantine-datatable-left-shadow-opacity)
|
||
}
|
||
|
||
[dir=rtl] .mantine-datatable-header-selector-cell[data-shadow-visible]:after {
|
||
opacity: var(--mantine-datatable-right-shadow-opacity)
|
||
}
|
||
|
||
tr[data-selected] .mantine-datatable-row-selector-cell:before {
|
||
background: var(--mantine-datatable-selection-color);
|
||
content: "";
|
||
inset: 0;
|
||
position: absolute
|
||
}
|
||
|
||
.mantine-datatable-row-selector-cell:after {
|
||
background: var(--mantine-datatable-shadow-background-left);
|
||
border-left: 1px solid var(--mantine-datatable-row-border-color);
|
||
bottom: 0;
|
||
content: "";
|
||
opacity: 0;
|
||
pointer-events: none;
|
||
position: absolute;
|
||
right: calc(var(--mantine-spacing-xs)*-1);
|
||
top: 0;
|
||
transition: opacity .2s;
|
||
width: var(--mantine-spacing-xs)
|
||
}
|
||
|
||
[dir=rtl] .mantine-datatable-row-selector-cell:after {
|
||
background: var(--mantine-datatable-shadow-background-right);
|
||
border-left: 0;
|
||
border-right: 1px solid var(--mantine-datatable-row-border-color);
|
||
left: calc(var(--mantine-spacing-xs)*-1);
|
||
right: auto
|
||
}
|
||
|
||
tr[data-with-row-border] .mantine-datatable-row-selector-cell:after {
|
||
bottom: calc(-.0625rem*var(--mantine-scale));
|
||
top: calc(-.0625rem*var(--mantine-scale))
|
||
}
|
||
|
||
tr:last-of-type .mantine-datatable-row-selector-cell:after {
|
||
bottom: 0
|
||
}
|
||
|
||
.mantine-datatable-row-selector-cell[data-shadow-visible]:after {
|
||
opacity: var(--mantine-datatable-left-shadow-opacity)
|
||
}
|
||
|
||
[dir=rtl] .mantine-datatable-row-selector-cell[data-shadow-visible]:after {
|
||
opacity: var(--mantine-datatable-right-shadow-opacity)
|
||
}
|
||
|
||
.mantine-datatable-scroll-area-scrollbar div:before {
|
||
pointer-events: none
|
||
}
|
||
</style>
|
||
<style>
|
||
._button_h59oy_1:hover {
|
||
background-color: var(--ai-hover);
|
||
color: var(--ai-hover-color)
|
||
}
|
||
</style>
|
||
<meta name=referrer content=no-referrer>
|
||
<link type=image/x-icon rel="shortcut icon" href=data:,>
|
||
<style>
|
||
.sf-hidden {
|
||
display: none !important
|
||
}
|
||
</style>
|
||
<link rel=canonical href=https://zipline.creative-tg1.ru/auth/login>
|
||
<meta http-equiv=content-security-policy
|
||
content="default-src 'none'; font-src 'self' data:; img-src 'self' data:; style-src 'unsafe-inline'; media-src 'self' data:; script-src 'unsafe-inline' data:; object-src 'self' data:; frame-src 'self' data:;">
|
||
</head>
|
||
|
||
<body>
|
||
<div id=root>
|
||
<style data-mantine-styles=true class=sf-hidden>
|
||
:root {
|
||
--mantine-radius-default: calc(0.5rem*var(--mantine-scale));
|
||
--mantine-primary-color-filled: var(--mantine-color-gray-filled);
|
||
--mantine-primary-color-filled-hover: var(--mantine-color-gray-filled-hover);
|
||
--mantine-primary-color-light: var(--mantine-color-gray-light);
|
||
--mantine-primary-color-light-hover: var(--mantine-color-gray-light-hover);
|
||
--mantine-primary-color-light-color: var(--mantine-color-gray-light-color);
|
||
--mantine-primary-color-0: var(--mantine-color-gray-0);
|
||
--mantine-primary-color-1: var(--mantine-color-gray-1);
|
||
--mantine-primary-color-2: var(--mantine-color-gray-2);
|
||
--mantine-primary-color-3: var(--mantine-color-gray-3);
|
||
--mantine-primary-color-4: var(--mantine-color-gray-4);
|
||
--mantine-primary-color-5: var(--mantine-color-gray-5);
|
||
--mantine-primary-color-6: var(--mantine-color-gray-6);
|
||
--mantine-primary-color-7: var(--mantine-color-gray-7);
|
||
--mantine-primary-color-8: var(--mantine-color-gray-8);
|
||
--mantine-primary-color-9: var(--mantine-color-gray-9);
|
||
--mantine-color-google-0: #4285F4;
|
||
--mantine-color-google-1: #4285F4;
|
||
--mantine-color-google-2: #4285F4;
|
||
--mantine-color-google-3: #4285F4;
|
||
--mantine-color-google-4: #4285F4;
|
||
--mantine-color-google-5: #4285F4;
|
||
--mantine-color-google-6: #4285F4;
|
||
--mantine-color-google-7: #4285F4;
|
||
--mantine-color-google-8: #4285F4;
|
||
--mantine-color-google-9: #4285F4;
|
||
--mantine-color-github-0: #24292E;
|
||
--mantine-color-github-1: #24292E;
|
||
--mantine-color-github-2: #24292E;
|
||
--mantine-color-github-3: #24292E;
|
||
--mantine-color-github-4: #24292E;
|
||
--mantine-color-github-5: #24292E;
|
||
--mantine-color-github-6: #24292E;
|
||
--mantine-color-github-7: #24292E;
|
||
--mantine-color-github-8: #24292E;
|
||
--mantine-color-github-9: #24292E;
|
||
--mantine-color-oidc-0: #72abcf;
|
||
--mantine-color-oidc-1: #72abcf;
|
||
--mantine-color-oidc-2: #72abcf;
|
||
--mantine-color-oidc-3: #72abcf;
|
||
--mantine-color-oidc-4: #72abcf;
|
||
--mantine-color-oidc-5: #72abcf;
|
||
--mantine-color-oidc-6: #72abcf;
|
||
--mantine-color-oidc-7: #72abcf;
|
||
--mantine-color-oidc-8: #72abcf;
|
||
--mantine-color-oidc-9: #72abcf;
|
||
--mantine-color-discord-0: #5865F2;
|
||
--mantine-color-discord-1: #5865F2;
|
||
--mantine-color-discord-2: #5865F2;
|
||
--mantine-color-discord-3: #5865F2;
|
||
--mantine-color-discord-4: #5865F2;
|
||
--mantine-color-discord-5: #5865F2;
|
||
--mantine-color-discord-6: #5865F2;
|
||
--mantine-color-discord-7: #5865F2;
|
||
--mantine-color-discord-8: #5865F2;
|
||
--mantine-color-discord-9: #5865F2
|
||
}
|
||
|
||
:root[data-mantine-color-scheme="dark"] {
|
||
--mantine-color-anchor: var(--mantine-color-gray-4);
|
||
--mantine-color-google-text: var(--mantine-color-google-4);
|
||
--mantine-color-google-filled: var(--mantine-color-google-8);
|
||
--mantine-color-google-filled-hover: var(--mantine-color-google-9);
|
||
--mantine-color-google-light: rgba(66, 133, 244, 0.15);
|
||
--mantine-color-google-light-hover: rgba(66, 133, 244, 0.2);
|
||
--mantine-color-google-light-color: var(--mantine-color-google-3);
|
||
--mantine-color-google-outline: var(--mantine-color-google-4);
|
||
--mantine-color-google-outline-hover: rgba(66, 133, 244, 0.05);
|
||
--mantine-color-github-text: var(--mantine-color-github-4);
|
||
--mantine-color-github-filled: var(--mantine-color-github-8);
|
||
--mantine-color-github-filled-hover: var(--mantine-color-github-9);
|
||
--mantine-color-github-light: rgba(36, 41, 46, 0.15);
|
||
--mantine-color-github-light-hover: rgba(36, 41, 46, 0.2);
|
||
--mantine-color-github-light-color: var(--mantine-color-github-3);
|
||
--mantine-color-github-outline: var(--mantine-color-github-4);
|
||
--mantine-color-github-outline-hover: rgba(36, 41, 46, 0.05);
|
||
--mantine-color-oidc-text: var(--mantine-color-oidc-4);
|
||
--mantine-color-oidc-filled: var(--mantine-color-oidc-8);
|
||
--mantine-color-oidc-filled-hover: var(--mantine-color-oidc-9);
|
||
--mantine-color-oidc-light: rgba(114, 171, 207, 0.15);
|
||
--mantine-color-oidc-light-hover: rgba(114, 171, 207, 0.2);
|
||
--mantine-color-oidc-light-color: var(--mantine-color-oidc-3);
|
||
--mantine-color-oidc-outline: var(--mantine-color-oidc-4);
|
||
--mantine-color-oidc-outline-hover: rgba(114, 171, 207, 0.05);
|
||
--mantine-color-discord-text: var(--mantine-color-discord-4);
|
||
--mantine-color-discord-filled: var(--mantine-color-discord-8);
|
||
--mantine-color-discord-filled-hover: var(--mantine-color-discord-9);
|
||
--mantine-color-discord-light: rgba(88, 101, 242, 0.15);
|
||
--mantine-color-discord-light-hover: rgba(88, 101, 242, 0.2);
|
||
--mantine-color-discord-light-color: var(--mantine-color-discord-3);
|
||
--mantine-color-discord-outline: var(--mantine-color-discord-4);
|
||
--mantine-color-discord-outline-hover: rgba(88, 101, 242, 0.05)
|
||
}
|
||
</style>
|
||
<div class="m_4451eb3a mantine-Center-root" style=height:100vh>
|
||
<div class="m_1b7284a3 mantine-Paper-root" data-with-border=true
|
||
style=--paper-shadow:var(--mantine-shadow-xl);backdrop-filter:blur(35px);padding:var(--mantine-spacing-xl);width:calc(21.875rem*var(--mantine-scale))>
|
||
<div style=width:100%;overflow-wrap:break-word>
|
||
<h1 class="m_8a5d1357 mantine-Title-root" data-order=1
|
||
style=--title-fw:var(--mantine-h1-font-weight);--title-lh:var(--mantine-h1-line-height);--title-fz:var(--mantine-h1-font-size);white-space:normal;font-size:calc(46.5px);text-align:center>
|
||
<b>Zipline</b></h1>
|
||
</div>
|
||
<form>
|
||
<div class="m_6d731127 mantine-Stack-root"
|
||
style=--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start;margin-block:var(--mantine-spacing-sm)>
|
||
<div class="m_46b77525 mantine-InputWrapper-root mantine-TextInput-root" data-size=md>
|
||
<div class="m_6c018570 mantine-Input-wrapper mantine-TextInput-wrapper" data-variant=default
|
||
data-size=md
|
||
style=--input-height:var(--input-height-md);--input-fz:var(--mantine-font-size-md)>
|
||
<input class="m_8fb7ebe7 mantine-Input-input mantine-TextInput-input"
|
||
data-variant=default placeholder="Enter your username..." autocomplete=username
|
||
data-path=username aria-invalid=false id=mantine-oyf1mkji9 value name=username>
|
||
</div>
|
||
</div>
|
||
<div class="m_f61ca620 mantine-PasswordInput-root m_46b77525 mantine-InputWrapper-root"
|
||
data-size=md
|
||
style=--psi-icon-size:var(--psi-icon-size-md);--psi-button-size:var(--psi-button-size-md)>
|
||
<div class="m_6c018570 mantine-Input-wrapper mantine-PasswordInput-wrapper"
|
||
data-variant=default data-size=md data-with-right-section=true
|
||
style=--input-height:var(--input-height-md);--input-fz:var(--mantine-font-size-md);--input-left-section-pointer-events:none;--input-right-section-pointer-events:all>
|
||
<div class="m_ccf8da4c m_8fb7ebe7 mantine-Input-input mantine-PasswordInput-input"
|
||
data-variant=default><input class="m_f2d85dd2 mantine-PasswordInput-innerInput"
|
||
id=mantine-jsz245c3f placeholder="Enter your password..."
|
||
autocomplete=current-password data-path=password type=password name=password>
|
||
</div>
|
||
<div data-position=right
|
||
class="m_82577fc2 mantine-Input-section mantine-PasswordInput-section"><button
|
||
class="mantine-focus-auto mantine-active m_b1072d44 mantine-PasswordInput-visibilityToggle m_8d3f4000 mantine-ActionIcon-root m_87cf2631 mantine-UnstyledButton-root"
|
||
data-variant=subtle type=button aria-hidden=true aria-pressed=false tabindex=-1
|
||
style="--ai-bg:transparent;--ai-hover:var(--mantine-color-gray-light-hover);--ai-color:var(--mantine-color-gray-light-color);--ai-bd:calc(0.0625rem*var(--mantine-scale)) solid transparent"><span
|
||
class="m_8d3afb97 mantine-ActionIcon-icon"><svg viewBox="0 0 15 15"
|
||
fill=none xmlns=http://www.w3.org/2000/svg
|
||
style=width:var(--psi-icon-size);height:var(--psi-icon-size)>
|
||
<path
|
||
d="M7.5 11C4.80285 11 2.52952 9.62184 1.09622 7.50001C2.52952 5.37816 4.80285 4 7.5 4C10.1971 4 12.4705 5.37816 13.9038 7.50001C12.4705 9.62183 10.1971 11 7.5 11ZM7.5 3C4.30786 3 1.65639 4.70638 0.0760002 7.23501C-0.0253338 7.39715 -0.0253334 7.60288 0.0760014 7.76501C1.65639 10.2936 4.30786 12 7.5 12C10.6921 12 13.3436 10.2936 14.924 7.76501C15.0253 7.60288 15.0253 7.39715 14.924 7.23501C13.3436 4.70638 10.6921 3 7.5 3ZM7.5 9.5C8.60457 9.5 9.5 8.60457 9.5 7.5C9.5 6.39543 8.60457 5.5 7.5 5.5C6.39543 5.5 5.5 6.39543 5.5 7.5C5.5 8.60457 6.39543 9.5 7.5 9.5Z"
|
||
fill=currentColor fill-rule=evenodd clip-rule=evenodd></path>
|
||
</svg></span></button></div>
|
||
</div>
|
||
</div><button
|
||
class="mantine-focus-auto mantine-active m_77c9d27d mantine-Button-root m_87cf2631 mantine-UnstyledButton-root"
|
||
data-variant=filled data-size=md data-block=true type=submit
|
||
style="--button-height:var(--button-height-md);--button-padding-x:var(--button-padding-x-md);--button-fz:var(--mantine-font-size-md);--button-bg:var(--mantine-color-gray-filled);--button-hover:var(--mantine-color-gray-filled-hover);--button-color:var(--mantine-color-white);--button-bd:calc(0.0625rem*var(--mantine-scale)) solid transparent"><span
|
||
class="m_80f1301b mantine-Button-inner"><span
|
||
class="m_811560b9 mantine-Button-label">Login</span></span></button>
|
||
</div>
|
||
</form>
|
||
<div class="m_6d731127 mantine-Stack-root"
|
||
style=--stack-gap:var(--mantine-spacing-md);--stack-align:stretch;--stack-justify:flex-start;margin-block:var(--mantine-spacing-xs)>
|
||
<div class="m_4081bf90 mantine-Group-root" data-grow=true
|
||
style="--group-child-width: calc(Infinity% - (var(--mantine-spacing-md) - var(--mantine-spacing-md) / 0));--group-gap:var(--mantine-spacing-md);--group-align:center;--group-justify:flex-start;--group-wrap:wrap">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div data-portal=true data-mantine-shared-portal-node=true>
|
||
<div>
|
||
<div class="m_9df02822 mantine-Modal-root" data-centered=true style=--modal-y-offset:5dvh;--mb-z-index:201>
|
||
</div>
|
||
</div>
|
||
<div class="m_b37d9ac7 mantine-Notifications-root" data-position=top-center
|
||
style=--notifications-z-index:10000000;--notifications-container-width:calc(27.5rem*var(--mantine-scale))>
|
||
<div></div>
|
||
</div>
|
||
<div class="m_b37d9ac7 mantine-Notifications-root" data-position=top-left
|
||
style=--notifications-z-index:10000000;--notifications-container-width:calc(27.5rem*var(--mantine-scale))>
|
||
<div></div>
|
||
</div>
|
||
<div class="m_b37d9ac7 mantine-Notifications-root width-before-scroll-bar" data-position=top-right
|
||
style=--notifications-z-index:10000000;--notifications-container-width:calc(27.5rem*var(--mantine-scale))>
|
||
<div></div>
|
||
</div>
|
||
<div class="m_b37d9ac7 mantine-Notifications-root width-before-scroll-bar" data-position=bottom-right
|
||
style=--notifications-z-index:10000000;--notifications-container-width:calc(27.5rem*var(--mantine-scale))>
|
||
<div></div>
|
||
</div>
|
||
<div class="m_b37d9ac7 mantine-Notifications-root" data-position=bottom-left
|
||
style=--notifications-z-index:10000000;--notifications-container-width:calc(27.5rem*var(--mantine-scale))>
|
||
<div></div>
|
||
</div>
|
||
<div class="m_b37d9ac7 mantine-Notifications-root" data-position=bottom-center
|
||
style=--notifications-z-index:10000000;--notifications-container-width:calc(27.5rem*var(--mantine-scale))>
|
||
<div></div>
|
||
</div>
|
||
<div>
|
||
<div class="m_9df02822 mantine-Modal-root" data-centered=true style=--modal-y-offset:5dvh;--mb-z-index:200>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<div class="m_9df02822 mantine-Modal-root" data-size=lg data-centered=true
|
||
style=--modal-size:var(--modal-size-lg);--modal-y-offset:5dvh;--mb-z-index:200></div>
|
||
</div>
|
||
</div> |