/*! Flow CSS bundle, generated by `php artisan flow:css-bundle` from css/flow.css and its imports. Do not edit: edit the sources. */
@layer foundation, base, components, utilities, overrides;
@layer foundation {
:root,[data-bs-theme=light]{--flow-blue:#066fd1;--flow-indigo:#4263eb;--flow-purple:#ae3ec9;--flow-pink:#d6336c;--flow-red:#d63939;--flow-orange:#f76707;--flow-yellow:#f59f00;--flow-green:#2fb344;--flow-teal:#0ca678;--flow-cyan:#17a2b8;--flow-black:#000000;--flow-white:#ffffff;--flow-gray:#4b5563;--flow-gray-dark:#1f2937;--flow-gray-100:#f3f4f6;--flow-gray-200:#e5e7eb;--flow-gray-300:#d1d5db;--flow-gray-400:#9ca3af;--flow-gray-500:#6b7280;--flow-gray-600:#4b5563;--flow-gray-700:#374151;--flow-gray-800:#1f2937;--flow-gray-900:#111827;--flow-primary:#066fd1;--flow-secondary:#6b7280;--flow-success:#2fb344;--flow-info:#4299e1;--flow-warning:#f59f00;--flow-danger:#d63939;--flow-light:#f9fafb;--flow-dark:#1f2937;--flow-muted:#6b7280;--flow-blue:#066fd1;--flow-azure:#4299e1;--flow-indigo:#4263eb;--flow-purple:#ae3ec9;--flow-pink:#d6336c;--flow-red:#d63939;--flow-orange:#f76707;--flow-yellow:#f59f00;--flow-lime:#74b816;--flow-green:#2fb344;--flow-teal:#0ca678;--flow-cyan:#17a2b8;--flow-primary-rgb:6,111,209;--flow-secondary-rgb:107,114,128;--flow-success-rgb:47,179,68;--flow-info-rgb:66,153,225;--flow-warning-rgb:245,159,0;--flow-danger-rgb:214,57,57;--flow-light-rgb:249,250,251;--flow-dark-rgb:31,41,55;--flow-muted-rgb:107,114,128;--flow-blue-rgb:6,111,209;--flow-azure-rgb:66,153,225;--flow-indigo-rgb:66,99,235;--flow-purple-rgb:174,62,201;--flow-pink-rgb:214,51,108;--flow-red-rgb:214,57,57;--flow-orange-rgb:247,103,7;--flow-yellow-rgb:245,159,0;--flow-lime-rgb:116,184,22;--flow-green-rgb:47,179,68;--flow-teal-rgb:12,166,120;--flow-cyan-rgb:23,162,184;--flow-primary-text-emphasis:rgb(2.4, 44.4, 83.6);--flow-secondary-text-emphasis:rgb(42.8, 45.6, 51.2);--flow-success-text-emphasis:rgb(18.8, 71.6, 27.2);--flow-info-text-emphasis:rgb(26.4, 61.2, 90);--flow-warning-text-emphasis:rgb(98, 63.6, 0);--flow-danger-text-emphasis:rgb(85.6, 22.8, 22.8);--flow-light-text-emphasis:#374151;--flow-dark-text-emphasis:#374151;--flow-primary-bg-subtle:rgb(205.2, 226.2, 245.8);--flow-secondary-bg-subtle:rgb(225.4, 226.8, 229.6);--flow-success-bg-subtle:rgb(213.4, 239.8, 217.6);--flow-info-bg-subtle:rgb(217.2, 234.6, 249);--flow-warning-bg-subtle:rgb(253, 235.8, 204);--flow-danger-bg-subtle:rgb(246.8, 215.4, 215.4);--flow-light-bg-subtle:rgb(249, 249.5, 250.5);--flow-dark-bg-subtle:#9ca3af;--flow-primary-border-subtle:rgb(155.4, 197.4, 236.6);--flow-secondary-border-subtle:rgb(195.8, 198.6, 204.2);--flow-success-border-subtle:rgb(171.8, 224.6, 180.2);--flow-info-border-subtle:rgb(179.4, 214.2, 243);--flow-warning-border-subtle:rgb(251, 216.6, 153);--flow-danger-border-subtle:rgb(238.6, 175.8, 175.8);--flow-light-border-subtle:#e5e7eb;--flow-dark-border-subtle:#6b7280;--flow-white-rgb:255,255,255;--flow-black-rgb:0,0,0;--flow-font-sans-serif:"Inter Var",Inter,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;--flow-font-monospace:Monaco,Consolas,Liberation Mono,Courier New,monospace;--flow-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--flow-body-font-family:var(--flow-font-sans-serif);--flow-body-font-size:0.875rem;--flow-body-font-weight:400;--flow-body-line-height:1.4285714286;--flow-body-color:#1f2937;--flow-body-color-rgb:31,41,55;--flow-body-bg:#f9fafb;--flow-body-bg-rgb:249,250,251;--flow-emphasis-color:#374151;--flow-emphasis-color-rgb:55,65,81;--flow-secondary-color:rgba(31, 41, 55, 0.75);--flow-secondary-color-rgb:31,41,55;--flow-secondary-bg:#e5e7eb;--flow-secondary-bg-rgb:229,231,235;--flow-tertiary-color:rgba(31, 41, 55, 0.5);--flow-tertiary-color-rgb:31,41,55;--flow-tertiary-bg:#f3f4f6;--flow-tertiary-bg-rgb:243,244,246;--flow-heading-color:inherit;--flow-link-color:#066fd1;--flow-link-color-rgb:6,111,209;--flow-link-decoration:none;--flow-link-hover-color:rgb(4.8, 88.8, 167.2);--flow-link-hover-color-rgb:5,89,167;--flow-link-hover-decoration:underline;--flow-code-color:light-dark(var(--flow-gray-600), var(--flow-gray-400));--flow-highlight-color:#1f2937;--flow-highlight-bg:rgb(253, 235.8, 204);--flow-border-width:1px;--flow-border-style:solid;--flow-border-color:#e5e7eb;--flow-border-color-translucent:rgba(4, 32, 69, 0.1);--flow-border-radius:6px;--flow-border-radius-sm:4px;--flow-border-radius-lg:8px;--flow-border-radius-xl:1rem;--flow-border-radius-xxl:2rem;--flow-border-radius-2xl:var(--flow-border-radius-xxl);--flow-border-radius-pill:100rem;--flow-box-shadow:rgba(var(--flow-body-color-rgb), 0.04) 0 2px 4px 0;--flow-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--flow-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--flow-box-shadow-inset:0 0 transparent;--flow-focus-ring-width:0.25rem;--flow-focus-ring-opacity:0.25;--flow-focus-ring-color:rgba(var(--flow-primary-rgb), 0.25);--flow-form-valid-color:#2fb344;--flow-form-valid-border-color:#2fb344;--flow-form-invalid-color:#d63939;--flow-form-invalid-border-color:#d63939}[data-bs-theme=dark],body[data-bs-theme=dark] [data-bs-theme=light]{color-scheme:dark;--flow-body-color:#e5e7eb;--flow-body-color-rgb:229,231,235;--flow-body-bg:#111827;--flow-body-bg-rgb:17,24,39;--flow-emphasis-color:#ffffff;--flow-emphasis-color-rgb:255,255,255;--flow-secondary-color:rgba(229, 231, 235, 0.75);--flow-secondary-color-rgb:229,231,235;--flow-secondary-bg:#1f2937;--flow-secondary-bg-rgb:31,41,55;--flow-tertiary-color:rgba(229, 231, 235, 0.5);--flow-tertiary-color-rgb:229,231,235;--flow-tertiary-bg:rgb(24, 32.5, 47);--flow-tertiary-bg-rgb:24,33,47;--flow-primary-text-emphasis:rgb(105.6, 168.6, 227.4);--flow-secondary-text-emphasis:rgb(166.2, 170.4, 178.8);--flow-success-text-emphasis:rgb(130.2, 209.4, 142.8);--flow-info-text-emphasis:rgb(141.6, 193.8, 237);--flow-warning-text-emphasis:rgb(249, 197.4, 102);--flow-danger-text-emphasis:rgb(230.4, 136.2, 136.2);--flow-light-text-emphasis:#f3f4f6;--flow-dark-text-emphasis:#d1d5db;--flow-primary-bg-subtle:rgb(1.2, 22.2, 41.8);--flow-secondary-bg-subtle:rgb(21.4, 22.8, 25.6);--flow-success-bg-subtle:rgb(9.4, 35.8, 13.6);--flow-info-bg-subtle:rgb(13.2, 30.6, 45);--flow-warning-bg-subtle:rgb(49, 31.8, 0);--flow-danger-bg-subtle:rgb(42.8, 11.4, 11.4);--flow-light-bg-subtle:#1f2937;--flow-dark-bg-subtle:rgb(15.5, 20.5, 27.5);--flow-primary-border-subtle:rgb(3.6, 66.6, 125.4);--flow-secondary-border-subtle:rgb(64.2, 68.4, 76.8);--flow-success-border-subtle:rgb(28.2, 107.4, 40.8);--flow-info-border-subtle:rgb(39.6, 91.8, 135);--flow-warning-border-subtle:rgb(147, 95.4, 0);--flow-danger-border-subtle:rgb(128.4, 34.2, 34.2);--flow-light-border-subtle:#374151;--flow-dark-border-subtle:#1f2937;--flow-heading-color:inherit;--flow-link-color:rgb(105.6, 168.6, 227.4);--flow-link-hover-color:rgb(135.48, 185.88, 232.92);--flow-link-color-rgb:106,169,227;--flow-link-hover-color-rgb:135,186,233;--flow-code-color:var(--flow-gray-300);--flow-highlight-color:#e5e7eb;--flow-highlight-bg:rgb(98, 63.6, 0);--flow-border-color:rgb(45.7069767442, 60.4511627907, 81.0930232558);--flow-border-color-translucent:rgba(72, 110, 149, 0.14);--flow-form-valid-color:rgb(130.2, 209.4, 142.8);--flow-form-valid-border-color:rgb(130.2, 209.4, 142.8);--flow-form-invalid-color:rgb(230.4, 136.2, 136.2);--flow-form-invalid-border-color:rgb(230.4, 136.2, 136.2)}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--flow-body-font-family);font-size:var(--flow-body-font-size);font-weight:var(--flow-body-font-weight);line-height:var(--flow-body-line-height);color:var(--flow-body-color);text-align:var(--flow-body-text-align);background-color:var(--flow-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}.hr,hr{margin:2rem 0;color:inherit;border:0;border-top:var(--flow-border-width) solid;opacity:.16}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:var(--flow-spacer);font-weight:var(--flow-font-weight-bold);line-height:1.2;color:var(--flow-heading-color)}.h1,h1{font-size:1.5rem}.h2,h2{font-size:1.25rem}.h3,h3{font-size:1rem}.h4,h4{font-size:.875rem}.h5,h5{font-size:.75rem}.h6,h6{font-size:.625rem}p{margin-top:0;margin-bottom:1rem}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:600}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}.small,small{font-size:.875em}mark{padding:.1875em;color:var(--flow-highlight-color);background-color:var(--flow-highlight-bg)}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:rgba(var(--flow-link-color-rgb),var(--flow-link-opacity,1));text-decoration:none}a:hover{--flow-link-color-rgb:var(--flow-link-hover-color-rgb);text-decoration:underline}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:var(--flow-font-monospace);font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.85714285em;color:var(--flow-light)}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.85714285em;color:var(--flow-code-color);word-wrap:break-word}a>code{color:inherit}kbd{padding:.25rem .5rem;font-size:var(--flow-font-size-h5);color:var(--flow-text-secondary-dark);background-color:var(--flow-code-bg);border-radius:4px}kbd kbd{padding:0;font-size:1em}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:var(--flow-secondary-color);text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;line-height:inherit;font-size:1.5rem}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}.blockquote{margin-bottom:1rem;font-size:.875rem}.blockquote>:last-child{margin-bottom:0}:root{--flow-breakpoint-xs:0;--flow-breakpoint-sm:576px;--flow-breakpoint-md:768px;--flow-breakpoint-lg:992px;--flow-breakpoint-xl:1200px;--flow-breakpoint-xxl:1400px}.form-label{margin-bottom:.5rem;font-size:.875rem;font-weight:var(--flow-font-weight-medium)}.col-form-label{padding-top:calc(.5625rem + var(--flow-border-width));padding-bottom:calc(.5625rem + var(--flow-border-width));margin-bottom:0;font-size:inherit;font-weight:var(--flow-font-weight-medium);line-height:1.25rem}.form-control{display:block;width:100%;padding:.5625rem 1rem;font-family:var(--flow-body-font-family);font-size:.875rem;font-weight:400;line-height:1.25rem;color:var(--flow-body-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--flow-bg-forms);background-clip:padding-box;border:var(--flow-border-width) solid var(--flow-border-color);border-radius:var(--flow-border-radius);box-shadow:var(--flow-shadow-input);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:var(--flow-body-color);background-color:var(--flow-bg-forms);border-color:rgb(130.5,183,232);outline:0;box-shadow:var(--flow-shadow-input),0 0 0 .25rem rgba(var(--flow-primary-rgb),.25)}.form-control::-webkit-date-and-time-value{min-width:85px;height:1.25rem;margin:0}.form-control::-webkit-datetime-edit{display:block;padding:0}.form-control::-moz-placeholder{color:var(--flow-tertiary);opacity:1}.form-control::placeholder{color:var(--flow-tertiary);opacity:1}.form-control:disabled{background-color:var(--flow-bg-surface-secondary);opacity:1}.form-control::file-selector-button{padding:.5625rem 1rem;margin:-.5625rem -1rem;margin-inline-end:1rem;color:var(--flow-body-color);background-color:var(--flow-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--flow-border-width);border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:var(--flow-secondary-bg)}.form-control-sm{min-height:calc(1.25rem + .625rem + calc(var(--flow-border-width) * 2));padding:.3125rem .5rem;font-size:.75rem;border-radius:var(--flow-border-radius-sm)}.form-control-sm::file-selector-button{padding:.3125rem .5rem;margin:-.3125rem -.5rem;margin-inline-end:.5rem}textarea.form-control{min-height:calc(1.25rem + 1.125rem + calc(var(--flow-border-width) * 2))}textarea.form-control-sm{min-height:calc(1.25rem + .625rem + calc(var(--flow-border-width) * 2))}.form-select{--flow-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");display:block;width:100%;padding:.5625rem 3rem .5625rem 1rem;font-family:var(--flow-body-font-family);font-size:.875rem;font-weight:400;line-height:1.25rem;color:var(--flow-body-color);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--flow-bg-forms);background-image:var(--flow-form-select-bg-img),var(--flow-form-select-bg-icon,none);background-repeat:no-repeat;background-position:right 1rem center;background-size:16px 12px;border:var(--flow-border-width) solid var(--flow-border-color);border-radius:var(--flow-border-radius);box-shadow:var(--flow-shadow-input);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-select{transition:none}}.form-select:focus{border-color:rgb(130.5,183,232);outline:0;box-shadow:var(--flow-shadow-input),0 0 0 .25rem rgba(var(--flow-primary-rgb),.25)}.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:1rem;background-image:none}.form-select:disabled{background-color:var(--flow-bg-surface-secondary)}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 var(--flow-body-color)}.form-select-sm{padding-top:.3125rem;padding-bottom:.3125rem;padding-left:.5rem;font-size:.75rem;border-radius:var(--flow-border-radius-sm)}[data-bs-theme=dark] .form-select,body[data-bs-theme=dark] [data-bs-theme=light] .form-select{--flow-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23e5e7eb' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")}.form-check{display:block;min-height:1.25rem;padding-left:2rem;margin-bottom:.75rem}.form-check .form-check-input{float:left;margin-left:-2rem}.form-check-input{--flow-form-check-bg:var(--flow-bg-forms);flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.0892857143rem;vertical-align:top;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--flow-form-check-bg);background-image:var(--flow-form-check-bg-image);background-repeat:no-repeat;background-position:center;background-size:contain;border:var(--flow-border-width) var(--flow-border-style) var(--flow-border-color-translucent);-webkit-print-color-adjust:exact;print-color-adjust:exact}.form-check-input[type=checkbox]{border-radius:var(--flow-border-radius)}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:rgb(130.5,183,232);outline:0;box-shadow:0 0 0 .25rem rgba(var(--flow-primary-rgb),.25)}.form-check-input:checked{background-color:var(--flow-primary);border-color:var(--flow-border-color-translucent)}.form-check-input:checked[type=checkbox]{--flow-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{--flow-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3ccircle r='3' fill='%23ffffff' cx='8' cy='8' /%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:var(--flow-primary);border-color:var(--flow-primary);--flow-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{cursor:default;opacity:.7}.form-switch{padding-left:2.5rem}.form-switch .form-check-input{--flow-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23e5e7eb'/%3e%3c/svg%3e");width:2rem;margin-left:-2.5rem;background-image:var(--flow-form-switch-bg);background-position:left center;border-radius:2rem;transition:background-position .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-switch .form-check-input{transition:none}}.form-switch .form-check-input:focus{--flow-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgb%28130.5, 183, 232%29'/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-position:right center;--flow-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e")}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.btn-check:disabled+.btn,.btn-check[disabled]+.btn{pointer-events:none;filter:none;opacity:.4}[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus){--flow-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus,.input-group>.form-select:focus{z-index:5}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:5}.input-group-text{display:flex;align-items:center;padding:.5625rem 1rem;font-size:.875rem;font-weight:400;line-height:1.25rem;color:var(--flow-gray-500);text-align:center;white-space:nowrap;background-color:var(--flow-bg-surface-secondary);border:var(--flow-border-width) solid var(--flow-border-color);border-radius:var(--flow-border-radius)}.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text{padding:.3125rem .5rem;font-size:.75rem;border-radius:var(--flow-border-radius-sm)}.input-group-sm>.form-select{padding-right:4rem}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:var(--flow-form-invalid-color)}.is-invalid~.invalid-feedback{display:block}.form-control.is-invalid{border-color:var(--flow-form-invalid-border-color);padding-right:2.375rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d63939' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1.53125rem center;background-size:1.8125rem 1.8125rem}.form-control.is-invalid:focus{border-color:var(--flow-form-invalid-border-color);box-shadow:var(--flow-shadow-input),0 0 0 .25rem rgba(var(--flow-danger-rgb),.25)}textarea.form-control.is-invalid{padding-right:2.375rem;background-position:top 1.53125rem right 1.53125rem}.form-select.is-invalid{border-color:var(--flow-form-invalid-border-color)}.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"]{--flow-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d63939' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");padding-right:5.5rem;background-position:right 1rem center,center right 3rem;background-size:16px 12px,1.8125rem 1.8125rem}.form-select.is-invalid:focus{border-color:var(--flow-form-invalid-border-color);box-shadow:var(--flow-shadow-input),0 0 0 .25rem rgba(var(--flow-danger-rgb),.25)}.form-check-input.is-invalid{border-color:var(--flow-form-invalid-border-color)}.form-check-input.is-invalid:checked{background-color:var(--flow-form-invalid-color)}.form-check-input.is-invalid:focus{box-shadow:0 0 0 .25rem rgba(var(--flow-danger-rgb),.25)}.form-check-input.is-invalid~.form-check-label{color:var(--flow-form-invalid-color)}.form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-invalid,.input-group>.form-select:not(:focus).is-invalid{z-index:4}.btn{--flow-btn-padding-x:1rem;--flow-btn-padding-y:0.5625rem;--flow-btn-font-family:var(--flow-body-font-family);--flow-btn-font-size:0.875rem;--flow-btn-font-weight:var(--flow-font-weight-medium);--flow-btn-line-height:1.25rem;--flow-btn-color:var(--flow-body-color);--flow-btn-bg:transparent;--flow-btn-border-width:var(--flow-border-width);--flow-btn-border-color:transparent;--flow-btn-border-radius:var(--flow-border-radius);--flow-btn-hover-border-color:transparent;--flow-btn-box-shadow:var(--flow-shadow-input);--flow-btn-disabled-opacity:0.4;--flow-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--flow-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--flow-btn-padding-y) var(--flow-btn-padding-x);font-family:var(--flow-btn-font-family);font-size:var(--flow-btn-font-size);font-weight:var(--flow-btn-font-weight);line-height:var(--flow-btn-line-height);color:var(--flow-btn-color);text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--flow-btn-border-width) solid var(--flow-btn-border-color);border-radius:var(--flow-btn-border-radius);background-color:var(--flow-btn-bg);box-shadow:var(--flow-btn-box-shadow);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:var(--flow-btn-hover-color);text-decoration:none;background-color:var(--flow-btn-hover-bg);border-color:var(--flow-btn-hover-border-color)}.btn-check+.btn:hover{color:var(--flow-btn-color);background-color:var(--flow-btn-bg);border-color:var(--flow-btn-border-color)}.btn:focus-visible{color:var(--flow-btn-hover-color);background-color:var(--flow-btn-hover-bg);border-color:var(--flow-btn-hover-border-color);outline:0;box-shadow:var(--flow-btn-box-shadow),var(--flow-btn-focus-box-shadow)}.btn-check:focus-visible+.btn{border-color:var(--flow-btn-hover-border-color);outline:0;box-shadow:var(--flow-btn-box-shadow),var(--flow-btn-focus-box-shadow)}.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{color:var(--flow-btn-active-color);background-color:var(--flow-btn-active-bg);border-color:var(--flow-btn-active-border-color);box-shadow:var(--flow-btn-active-shadow)}.btn-check:checked+.btn:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible{box-shadow:var(--flow-btn-active-shadow),var(--flow-btn-focus-box-shadow)}.btn-check:checked:focus-visible+.btn{box-shadow:var(--flow-btn-active-shadow),var(--flow-btn-focus-box-shadow)}.btn.disabled,.btn:disabled,fieldset:disabled .btn{color:var(--flow-btn-disabled-color);pointer-events:none;background-color:var(--flow-btn-disabled-bg);border-color:var(--flow-btn-disabled-border-color);opacity:var(--flow-btn-disabled-opacity);box-shadow:none}.btn-link{--flow-btn-font-weight:400;--flow-btn-color:var(--flow-link-color);--flow-btn-bg:transparent;--flow-btn-border-color:transparent;--flow-btn-hover-color:var(--flow-link-hover-color);--flow-btn-hover-border-color:transparent;--flow-btn-active-color:var(--flow-link-hover-color);--flow-btn-active-border-color:transparent;--flow-btn-disabled-color:#4b5563;--flow-btn-disabled-border-color:transparent;--flow-btn-box-shadow:0 0 0 #000;--flow-btn-focus-shadow-rgb:42,132,215;text-decoration:none}.btn-link:focus-visible,.btn-link:hover{text-decoration:underline}.btn-link:focus-visible{color:var(--flow-btn-color)}.btn-link:hover{color:var(--flow-btn-hover-color)}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.dropdown,.dropend{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle:after{content:"";display:inline-block;vertical-align:.306em;width:.36em;height:.36em;border-bottom:1px var(--flow-border-style);border-left:1px var(--flow-border-style);margin-right:.1em;margin-left:.4em;transform:rotate(-45deg)}.dropdown-menu{--flow-dropdown-zindex:1000;--flow-dropdown-min-width:11rem;--flow-dropdown-padding-x:0;--flow-dropdown-padding-y:0.25rem;--flow-dropdown-spacer:1px;--flow-dropdown-font-size:0.875rem;--flow-dropdown-color:var(--flow-body-color);--flow-dropdown-bg:var(--flow-bg-surface);--flow-dropdown-border-color:var(--flow-border-color-translucent);--flow-dropdown-border-radius:var(--flow-border-radius);--flow-dropdown-border-width:var(--flow-border-width);--flow-dropdown-inner-border-radius:calc(var(--flow-border-radius) - var(--flow-border-width));--flow-dropdown-divider-bg:var(--flow-border-color-translucent);--flow-dropdown-divider-margin-y:var(--flow-spacer-2);--flow-dropdown-box-shadow:var(--flow-shadow-dropdown);--flow-dropdown-link-color:inherit;--flow-dropdown-link-hover-color:inherit;--flow-dropdown-link-hover-bg:rgba(var(--flow-secondary-rgb), 0.08);--flow-dropdown-link-active-color:var(--flow-primary);--flow-dropdown-link-active-bg:var(--flow-active-bg);--flow-dropdown-link-disabled-color:var(--flow-tertiary-color);--flow-dropdown-item-padding-x:0.75rem;--flow-dropdown-item-padding-y:0.5rem;--flow-dropdown-header-color:#4b5563;--flow-dropdown-header-padding-x:0.75rem;--flow-dropdown-header-padding-y:0.25rem;position:absolute;z-index:var(--flow-dropdown-zindex);display:none;min-width:var(--flow-dropdown-min-width);padding:var(--flow-dropdown-padding-y) var(--flow-dropdown-padding-x);margin:0;font-size:var(--flow-dropdown-font-size);color:var(--flow-dropdown-color);text-align:left;list-style:none;background-color:var(--flow-dropdown-bg);background-clip:padding-box;border:var(--flow-dropdown-border-width) solid var(--flow-dropdown-border-color);border-radius:var(--flow-dropdown-border-radius);box-shadow:var(--flow-dropdown-box-shadow)}.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--flow-dropdown-spacer)}.dropdown-menu-end{--bs-position:end}.dropdown-menu-end[data-bs-popper]{right:0;left:auto}.dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:var(--flow-dropdown-spacer)}.dropend .dropdown-toggle:after{content:"";display:inline-block;vertical-align:.306em;width:.36em;height:.36em;border-bottom:1px var(--flow-border-style);border-left:1px var(--flow-border-style);margin-right:.1em;margin-left:.4em;transform:rotate(-135deg)}.dropend .dropdown-toggle::after{vertical-align:0}.dropdown-divider{height:0;margin:var(--flow-dropdown-divider-margin-y) 0;overflow:hidden;border-top:1px solid var(--flow-dropdown-divider-bg);opacity:1}.dropdown-item{display:block;width:100%;padding:var(--flow-dropdown-item-padding-y) var(--flow-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--flow-dropdown-link-color);text-align:inherit;white-space:nowrap;background-color:transparent;border:0;border-radius:var(--flow-dropdown-item-border-radius,0)}.dropdown-item:focus,.dropdown-item:hover{color:var(--flow-dropdown-link-hover-color);text-decoration:none;background-color:var(--flow-dropdown-link-hover-bg)}.dropdown-item.active,.dropdown-item:active{color:var(--flow-dropdown-link-active-color);text-decoration:none;background-color:var(--flow-dropdown-link-active-bg)}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--flow-dropdown-link-disabled-color);pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-item-text{display:block;padding:var(--flow-dropdown-item-padding-y) var(--flow-dropdown-item-padding-x);color:var(--flow-dropdown-link-color)}.btn-group{position:relative;display:inline-flex;vertical-align:middle}.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.btn-group{border-radius:var(--flow-border-radius)}.btn-group>.btn-group:not(:first-child),.btn-group>:not(.btn-check:first-child)+.btn{margin-left:calc(-1 * var(--flow-border-width))}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn.dropdown-toggle-split:first-child,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after{margin-left:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group.show .dropdown-toggle{box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}.btn-group.show .dropdown-toggle.btn-link{box-shadow:none}.nav{--flow-nav-link-padding-x:0.75rem;--flow-nav-link-padding-y:0.5rem;--flow-nav-link-font-weight: ;--flow-nav-link-color:var(--flow-gray-500);--flow-nav-link-hover-color:var(--flow-link-hover-color);--flow-nav-link-disabled-color:var(--flow-disabled-color);display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:var(--flow-nav-link-padding-y) var(--flow-nav-link-padding-x);font-size:var(--flow-nav-link-font-size);font-weight:var(--flow-nav-link-font-weight);color:var(--flow-nav-link-color);background:0 0;border:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link:focus,.nav-link:hover{color:var(--flow-nav-link-hover-color);text-decoration:none}.nav-link:focus-visible{outline:0;box-shadow:0 0 0 .25rem rgba(var(--flow-primary-rgb),.25)}.nav-link.disabled,.nav-link:disabled{color:var(--flow-nav-link-disabled-color);pointer-events:none;cursor:default}.nav-pills{--flow-nav-pills-border-radius:var(--flow-border-radius);--flow-nav-pills-link-active-color:var(--flow-primary);--flow-nav-pills-link-active-bg:var(--flow-active-bg)}.nav-pills .nav-link{border-radius:var(--flow-nav-pills-border-radius)}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:var(--flow-nav-pills-link-active-color);background-color:var(--flow-nav-pills-link-active-bg)}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{--flow-navbar-padding-x:0;--flow-navbar-padding-y:0.25rem;--flow-navbar-color:var(--flow-secondary);--flow-navbar-hover-color:var(--flow-body-color);--flow-navbar-disabled-color:var(--flow-disabled-color);--flow-navbar-active-color:var(--flow-body-color);--flow-navbar-brand-padding-y:0.5rem;--flow-navbar-brand-margin-end:1rem;--flow-navbar-brand-font-size:1.25rem;--flow-navbar-brand-color:var(--flow-body-color);--flow-navbar-brand-hover-color:var(--flow-body-color);--flow-navbar-nav-link-padding-x:0.75rem;--flow-navbar-toggler-padding-y:0;--flow-navbar-toggler-padding-x:0;--flow-navbar-toggler-font-size:1rem;--flow-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2831, 41, 55, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");--flow-navbar-toggler-border-color:rgba(var(--flow-emphasis-color-rgb), 0.15);--flow-navbar-toggler-border-radius:var(--flow-border-radius);--flow-navbar-toggler-focus-width:0;--flow-navbar-toggler-transition:box-shadow 0.15s ease-in-out;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--flow-navbar-padding-y) var(--flow-navbar-padding-x)}.navbar-brand{padding-top:var(--flow-navbar-brand-padding-y);padding-bottom:var(--flow-navbar-brand-padding-y);margin-right:var(--flow-navbar-brand-margin-end);font-size:var(--flow-navbar-brand-font-size);color:var(--flow-navbar-brand-color);white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{color:var(--flow-navbar-brand-hover-color);text-decoration:none}.navbar-nav{--flow-nav-link-padding-x:0;--flow-nav-link-padding-y:0.5rem;--flow-nav-link-font-weight: ;--flow-nav-link-color:var(--flow-navbar-color);--flow-nav-link-hover-color:var(--flow-navbar-hover-color);--flow-nav-link-disabled-color:var(--flow-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{color:var(--flow-navbar-active-color)}.navbar-nav .dropdown-menu{position:static}.navbar-collapse{flex-grow:1;flex-basis:100%;align-items:center}.navbar-toggler{padding:var(--flow-navbar-toggler-padding-y) var(--flow-navbar-toggler-padding-x);font-size:var(--flow-navbar-toggler-font-size);line-height:1;color:var(--flow-navbar-color);background-color:transparent;border:var(--flow-border-width) solid var(--flow-navbar-toggler-border-color);border-radius:var(--flow-navbar-toggler-border-radius);transition:var(--flow-navbar-toggler-transition)}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 var(--flow-navbar-toggler-focus-width)}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:var(--flow-navbar-toggler-icon-bg);background-repeat:no-repeat;background-position:center;background-size:100%}@media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:var(--flow-navbar-nav-link-padding-x);padding-left:var(--flow-navbar-nav-link-padding-x)}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}.navbar[data-bs-theme=dark],body[data-bs-theme=dark] .navbar[data-bs-theme=light]{--flow-navbar-color:rgba(255, 255, 255, 0.7);--flow-navbar-hover-color:rgba(255, 255, 255, 0.75);--flow-navbar-disabled-color:var(--flow-disabled-color);--flow-navbar-active-color:#ffffff;--flow-navbar-brand-color:#ffffff;--flow-navbar-brand-hover-color:#ffffff;--flow-navbar-toggler-border-color:rgba(255, 255, 255, 0.1);--flow-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.7%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}[data-bs-theme=dark] .navbar-toggler-icon,body[data-bs-theme=dark] [data-bs-theme=light] .navbar-toggler-icon{--flow-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.7%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.card{--flow-card-spacer-y:1rem;--flow-card-spacer-x:1.25rem;--flow-card-title-spacer-y:1.25rem;--flow-card-title-color: ;--flow-card-subtitle-color: ;--flow-card-border-width:var(--flow-border-width);--flow-card-border-color:var(--flow-border-color-translucent);--flow-card-border-radius:var(--flow-border-radius-lg);--flow-card-box-shadow:var(--flow-shadow-card);--flow-card-inner-border-radius:calc(var(--flow-border-radius-lg) - (var(--flow-border-width)));--flow-card-cap-padding-y:1rem;--flow-card-cap-padding-x:1.25rem;--flow-card-cap-bg:var(--flow-bg-surface-tertiary);--flow-card-cap-color:inherit;--flow-card-height: ;--flow-card-color:inherit;--flow-card-bg:var(--flow-bg-surface);--flow-card-img-overlay-padding:1rem;--flow-card-group-margin:1.5rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--flow-card-height);color:var(--flow-body-color);word-wrap:break-word;background-color:var(--flow-card-bg);background-clip:border-box;border:var(--flow-card-border-width) solid var(--flow-card-border-color);border-radius:var(--flow-card-border-radius);box-shadow:var(--flow-card-box-shadow)}.card>.hr,.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:var(--flow-card-inner-border-radius);border-top-right-radius:var(--flow-card-inner-border-radius)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:var(--flow-card-inner-border-radius);border-bottom-left-radius:var(--flow-card-inner-border-radius)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:var(--flow-card-spacer-y) var(--flow-card-spacer-x);color:var(--flow-card-color)}.card-title{margin-bottom:var(--flow-card-title-spacer-y);color:var(--flow-card-title-color)}.card-subtitle{margin-top:calc(-.5 * var(--flow-card-title-spacer-y));margin-bottom:0;color:var(--flow-card-subtitle-color)}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:var(--flow-card-spacer-x)}.card-header{padding:var(--flow-card-cap-padding-y) var(--flow-card-cap-padding-x);margin-bottom:0;color:var(--flow-card-cap-color);background-color:var(--flow-card-cap-bg);border-bottom:var(--flow-card-border-width) solid var(--flow-card-border-color)}.card-header:first-child{border-radius:var(--flow-card-inner-border-radius) var(--flow-card-inner-border-radius) 0 0}.card-footer{padding:var(--flow-card-cap-padding-y) var(--flow-card-cap-padding-x);color:var(--flow-card-cap-color);background-color:var(--flow-card-cap-bg);border-top:var(--flow-card-border-width) solid var(--flow-card-border-color)}.card-footer:last-child{border-radius:0 0 var(--flow-card-inner-border-radius) var(--flow-card-inner-border-radius)}.card-header-pills{margin-right:calc(-.5 * var(--flow-card-cap-padding-x));margin-left:calc(-.5 * var(--flow-card-cap-padding-x))}.pagination{--flow-pagination-padding-x:0.25rem;--flow-pagination-padding-y:calc(0.25rem + 1px);--flow-pagination-font-size:0.875rem;--flow-pagination-color:var(--flow-body-color);--flow-pagination-bg:transparent;--flow-pagination-border-width:1px;--flow-pagination-border-color:transparent;--flow-pagination-border-radius:var(--flow-border-radius);--flow-pagination-hover-color:var(--flow-link-hover-color);--flow-pagination-hover-bg:var(--flow-active-bg);--flow-pagination-hover-border-color:var(--flow-pagination-border-color);--flow-pagination-focus-color:var(--flow-link-hover-color);--flow-pagination-focus-bg:var(--flow-secondary-bg);--flow-pagination-focus-box-shadow:0 0 0 0.25rem rgba(var(--flow-primary-rgb), 0.25);--flow-pagination-active-color:#ffffff;--flow-pagination-active-bg:var(--flow-primary);--flow-pagination-active-border-color:var(--flow-primary);--flow-pagination-disabled-color:var(--flow-disabled-color);--flow-pagination-disabled-bg:transparent;--flow-pagination-disabled-border-color:var(--flow-pagination-border-color);display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;padding:var(--flow-pagination-padding-y) var(--flow-pagination-padding-x);font-size:var(--flow-pagination-font-size);color:var(--flow-pagination-color);background-color:var(--flow-pagination-bg);border:var(--flow-pagination-border-width) solid var(--flow-pagination-border-color);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.page-link{transition:none}}.page-link:hover{z-index:2;color:var(--flow-pagination-hover-color);text-decoration:none;background-color:var(--flow-pagination-hover-bg);border-color:var(--flow-pagination-hover-border-color)}.page-link:focus{z-index:3;color:var(--flow-pagination-focus-color);background-color:var(--flow-pagination-focus-bg);outline:0;box-shadow:var(--flow-pagination-focus-box-shadow)}.active>.page-link,.page-link.active{z-index:3;color:var(--flow-pagination-active-color);background-color:var(--flow-pagination-active-bg);border-color:var(--flow-pagination-active-border-color)}.disabled>.page-link,.page-link.disabled{color:var(--flow-pagination-disabled-color);pointer-events:none;background-color:var(--flow-pagination-disabled-bg);border-color:var(--flow-pagination-disabled-border-color)}.page-item:not(:first-child) .page-link{margin-left:calc(-1 * 1px)}.page-item:first-child .page-link{border-top-left-radius:var(--flow-pagination-border-radius);border-bottom-left-radius:var(--flow-pagination-border-radius)}.page-item:last-child .page-link{border-top-right-radius:var(--flow-pagination-border-radius);border-bottom-right-radius:var(--flow-pagination-border-radius)}.progress{--flow-progress-height:0.5rem;--flow-progress-font-size:0.65625rem;--flow-progress-bg:var(--flow-border-color);--flow-progress-border-radius:var(--flow-border-radius);--flow-progress-box-shadow:var(--flow-box-shadow-inset);--flow-progress-bar-color:#ffffff;--flow-progress-bar-bg:var(--flow-primary);--flow-progress-bar-transition:width 0.6s ease;display:flex;height:var(--flow-progress-height);overflow:hidden;font-size:var(--flow-progress-font-size);background-color:var(--flow-progress-bg);border-radius:var(--flow-progress-border-radius);box-shadow:var(--flow-progress-box-shadow)}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--flow-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--flow-progress-bar-bg);transition:var(--flow-progress-bar-transition)}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.list-group{--flow-list-group-color:var(--flow-body-color);--flow-list-group-bg:inherit;--flow-list-group-border-color:var(--flow-border-color);--flow-list-group-border-width:var(--flow-border-width);--flow-list-group-border-radius:var(--flow-border-radius);--flow-list-group-item-padding-x:1.25rem;--flow-list-group-item-padding-y:1rem;--flow-list-group-action-color:inherit;--flow-list-group-action-hover-color:var(--flow-emphasis-color);--flow-list-group-action-hover-bg:rgba(var(--flow-secondary-rgb), 0.08);--flow-list-group-action-active-color:var(--flow-body-color);--flow-list-group-action-active-bg:var(--flow-secondary-bg);--flow-list-group-disabled-color:var(--flow-secondary-color);--flow-list-group-disabled-bg:inherit;--flow-list-group-active-color:inherit;--flow-list-group-active-bg:var(--flow-active-bg);--flow-list-group-active-border-color:var(--flow-border-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:var(--flow-list-group-border-radius)}.list-group-item{position:relative;display:block;padding:var(--flow-list-group-item-padding-y) var(--flow-list-group-item-padding-x);color:var(--flow-list-group-color);background-color:var(--flow-list-group-bg);border:var(--flow-list-group-border-width) solid var(--flow-list-group-border-color)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:var(--flow-list-group-disabled-color);pointer-events:none;background-color:var(--flow-list-group-disabled-bg)}.list-group-item.active{z-index:2;color:var(--flow-list-group-active-color);background-color:var(--flow-list-group-active-bg);border-color:var(--flow-list-group-active-border-color)}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:calc(-1 * var(--flow-list-group-border-width));border-top-width:var(--flow-list-group-border-width)}.list-group-item-action{width:100%;color:var(--flow-list-group-action-color);text-align:inherit}.list-group-item-action:not(.active):focus,.list-group-item-action:not(.active):hover{z-index:1;color:var(--flow-list-group-action-hover-color);text-decoration:none;background-color:var(--flow-list-group-action-hover-bg)}.list-group-item-action:not(.active):active{color:var(--flow-list-group-action-active-color);background-color:var(--flow-list-group-action-active-bg)}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 var(--flow-list-group-border-width)}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.modal{--flow-modal-zindex:1055;--flow-modal-width:540px;--flow-modal-padding:1.5rem;--flow-modal-margin:0.5rem;--flow-modal-color:var(--flow-body-color);--flow-modal-bg:var(--flow-bg-surface);--flow-modal-border-color:transparent;--flow-modal-border-width:var(--flow-border-width);--flow-modal-border-radius:var(--flow-border-radius-lg);--flow-modal-box-shadow:var(--flow-box-shadow-sm);--flow-modal-inner-border-radius:calc(var(--flow-modal-border-radius) - 1px);--flow-modal-header-padding-x:1.5rem;--flow-modal-header-padding-y:1.5rem;--flow-modal-header-padding:1.5rem;--flow-modal-header-border-color:var(--flow-border-color);--flow-modal-header-border-width:var(--flow-border-width);--flow-modal-title-line-height:1.4285714286;--flow-modal-footer-gap:0.75rem;--flow-modal-footer-bg:var(--flow-bg-surface-tertiary);--flow-modal-footer-border-color:var(--flow-border-color);--flow-modal-footer-border-width:var(--flow-border-width);position:fixed;top:0;left:0;z-index:var(--flow-modal-zindex);display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:var(--flow-modal-margin);pointer-events:none}.modal.fade .modal-dialog{transform:translate(0,-1rem);transition:transform .3s ease-out}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - var(--flow-modal-margin) * 2)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - var(--flow-modal-margin) * 2)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;color:var(--flow-modal-color);pointer-events:auto;background-color:var(--flow-modal-bg);background-clip:padding-box;border:var(--flow-modal-border-width) solid var(--flow-modal-border-color);border-radius:var(--flow-modal-border-radius);box-shadow:var(--flow-modal-box-shadow);outline:0}.modal-backdrop{--flow-backdrop-zindex:1050;--flow-backdrop-bg:var(--flow-gray-800);--flow-backdrop-opacity:0.24;position:fixed;top:0;left:0;z-index:var(--flow-backdrop-zindex);width:100vw;height:100vh;background-color:var(--flow-backdrop-bg)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:var(--flow-backdrop-opacity)}.modal-header{display:flex;flex-shrink:0;align-items:center;padding:var(--flow-modal-header-padding);border-bottom:var(--flow-modal-header-border-width) solid var(--flow-modal-header-border-color);border-top-left-radius:var(--flow-modal-inner-border-radius);border-top-right-radius:var(--flow-modal-inner-border-radius)}.modal-header .btn-close{padding:calc(var(--flow-modal-header-padding-y) * .5) calc(var(--flow-modal-header-padding-x) * .5);margin-top:calc(-.5 * var(--flow-modal-header-padding-y));margin-right:calc(-.5 * var(--flow-modal-header-padding-x));margin-bottom:calc(-.5 * var(--flow-modal-header-padding-y));margin-left:auto}.modal-title{margin-bottom:0;line-height:var(--flow-modal-title-line-height)}.modal-body{position:relative;flex:1 1 auto;padding:var(--flow-modal-padding)}.modal-footer{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:calc(var(--flow-modal-padding) - var(--flow-modal-footer-gap) * .5);background-color:var(--flow-modal-footer-bg);border-top:var(--flow-modal-footer-border-width) solid var(--flow-modal-footer-border-color);border-bottom-right-radius:var(--flow-modal-inner-border-radius);border-bottom-left-radius:var(--flow-modal-inner-border-radius)}.modal-footer>*{margin:calc(var(--flow-modal-footer-gap) * .5)}@media (min-width:576px){.modal{--flow-modal-margin:1.75rem;--flow-modal-box-shadow:var(--flow-box-shadow)}.modal-dialog{max-width:var(--flow-modal-width);margin-right:auto;margin-left:auto}.modal-sm{--flow-modal-width:380px}}@media (min-width:992px){.modal-lg{--flow-modal-width:640px}.modal-xl{--flow-modal-width:1152px}}@media (min-width:1200px){.modal-xl{--flow-modal-width:1152px}}.tooltip{--flow-tooltip-zindex:1080;--flow-tooltip-max-width:200px;--flow-tooltip-padding-x:var(--flow-spacer-3);--flow-tooltip-padding-y:var(--flow-spacer-1);--flow-tooltip-margin: ;--flow-tooltip-font-size:0.765625rem;--flow-tooltip-color:var(--flow-text-inverted);--flow-tooltip-bg:var(--flow-bg-surface-inverted);--flow-tooltip-border-radius:var(--flow-border-radius);--flow-tooltip-opacity:0.9;--flow-tooltip-arrow-width:0.8rem;--flow-tooltip-arrow-height:0.4rem;z-index:var(--flow-tooltip-zindex);display:block;margin:var(--flow-tooltip-margin);font-family:var(--flow-font-sans-serif);font-style:normal;font-weight:400;line-height:1.4285714286;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--flow-tooltip-font-size);word-wrap:break-word;opacity:0}.tooltip.show{opacity:var(--flow-tooltip-opacity)}.tooltip .tooltip-arrow{display:block;width:var(--flow-tooltip-arrow-width);height:var(--flow-tooltip-arrow-height)}.tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow{bottom:calc(-1 * var(--flow-tooltip-arrow-height))}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before{top:-1px;border-width:var(--flow-tooltip-arrow-height) calc(var(--flow-tooltip-arrow-width) * .5) 0;border-top-color:var(--flow-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow{left:calc(-1 * var(--flow-tooltip-arrow-height));width:var(--flow-tooltip-arrow-height);height:var(--flow-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before{right:-1px;border-width:calc(var(--flow-tooltip-arrow-width) * .5) var(--flow-tooltip-arrow-height) calc(var(--flow-tooltip-arrow-width) * .5) 0;border-right-color:var(--flow-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow{top:calc(-1 * var(--flow-tooltip-arrow-height))}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before{bottom:-1px;border-width:0 calc(var(--flow-tooltip-arrow-width) * .5) var(--flow-tooltip-arrow-height);border-bottom-color:var(--flow-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow{right:calc(-1 * var(--flow-tooltip-arrow-height));width:var(--flow-tooltip-arrow-height);height:var(--flow-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before{left:-1px;border-width:calc(var(--flow-tooltip-arrow-width) * .5) 0 calc(var(--flow-tooltip-arrow-width) * .5) var(--flow-tooltip-arrow-height);border-left-color:var(--flow-tooltip-bg)}.tooltip-inner{max-width:var(--flow-tooltip-max-width);padding:var(--flow-tooltip-padding-y) var(--flow-tooltip-padding-x);color:var(--flow-tooltip-color);text-align:center;background-color:var(--flow-tooltip-bg);border-radius:var(--flow-tooltip-border-radius)}:root,[data-bs-theme=light]{--flow-carousel-indicator-active-bg:#ffffff;--flow-carousel-caption-color:#ffffff;--flow-carousel-control-icon-filter: }[data-bs-theme=dark],body[data-bs-theme=dark] [data-bs-theme=light]{--flow-carousel-indicator-active-bg:#000000;--flow-carousel-caption-color:#000000;--flow-carousel-control-icon-filter:invert(1) grayscale(100)}.spinner-border{display:inline-block;width:var(--flow-spinner-width);height:var(--flow-spinner-height);vertical-align:var(--flow-spinner-vertical-align);border-radius:50%;animation:var(--flow-spinner-animation-speed) linear infinite var(--flow-spinner-animation-name)}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{--flow-spinner-width:1.5rem;--flow-spinner-height:1.5rem;--flow-spinner-vertical-align:-0.125em;--flow-spinner-border-width:2px;--flow-spinner-animation-speed:0.75s;--flow-spinner-animation-name:spinner-border;border:var(--flow-spinner-border-width) solid currentcolor;border-right-color:transparent}.spinner-border-sm{--flow-spinner-width:1rem;--flow-spinner-height:1rem;--flow-spinner-border-width:1px}@media (prefers-reduced-motion:reduce){.spinner-border{--flow-spinner-animation-speed:1.5s}}.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentcolor;opacity:.2}.placeholder.btn::before{display:inline-block;content:""}.align-top{vertical-align:top!important}.align-bottom{vertical-align:bottom!important}.overflow-auto{overflow:auto!important}.overflow-y-auto{overflow-y:auto!important}.border{border:var(--flow-border-width) var(--flow-border-style) var(--flow-border-color-translucent)!important}.border-0{border:0!important}.border-top{border-top:var(--flow-border-width) var(--flow-border-style) var(--flow-border-color-translucent)!important}.border-end{border-right:var(--flow-border-width) var(--flow-border-style) var(--flow-border-color-translucent)!important}.border-bottom{border-bottom:var(--flow-border-width) var(--flow-border-style) var(--flow-border-color-translucent)!important}.bg-warning{--flow-bg-opacity:1;background-color:rgba(var(--flow-warning-rgb),var(--flow-bg-opacity))!important}.rounded{border-radius:var(--flow-border-radius)!important}.visible{visibility:visible!important}.cursor-pointer{cursor:pointer!important}.cursor-text{cursor:text!important}:host,:root{--flow-font-monospace:Monaco,Consolas,Liberation Mono,Courier New,monospace;--flow-font-sans-serif:Inter Var,Inter,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif;--flow-font-serif:Georgia,Times New Roman,times,serif;--flow-font-comic:Comic Sans MS,Comic Sans,Chalkboard SE,Comic Neue,sans-serif,cursive;--flow-gray-50:#f9fafb;--flow-gray-100:#f3f4f6;--flow-gray-200:#e5e7eb;--flow-gray-300:#d1d5db;--flow-gray-400:#9ca3af;--flow-gray-500:#6b7280;--flow-gray-600:#4b5563;--flow-gray-700:#374151;--flow-gray-800:#1f2937;--flow-gray-900:#111827;--flow-gray-950:#030712;--flow-white:#ffffff;--flow-black:#000000;--flow-dark:#1f2937;--flow-light:#f9fafb;--flow-brand:#066fd1;--flow-primary:#066fd1;--flow-primary-rgb:6,111,209;--flow-primary-fg:var(--flow-light);--flow-primary-darken:rgb(5.4, 99.9, 188.1);--flow-primary-darken:color-mix(in oklab, var(--flow-primary), transparent 20%);--flow-primary-lt:rgb(230.1, 240.6, 250.4);--flow-primary-lt:color-mix(in oklab, var(--flow-primary) 10%, transparent);--flow-primary-200:color-mix(in oklab, var(--flow-primary) 20%, transparent);--flow-primary-lt-rgb:230,241,250;--flow-secondary:#6b7280;--flow-secondary-rgb:107,114,128;--flow-secondary-fg:var(--flow-light);--flow-secondary-darken:rgb(96.3, 102.6, 115.2);--flow-secondary-darken:color-mix(in oklab, var(--flow-secondary), transparent 20%);--flow-secondary-lt:rgb(240.2, 240.9, 242.3);--flow-secondary-lt:color-mix(in oklab, var(--flow-secondary) 10%, transparent);--flow-secondary-200:color-mix(in oklab, var(--flow-secondary) 20%, transparent);--flow-secondary-lt-rgb:240,241,242;--flow-success:#2fb344;--flow-success-rgb:47,179,68;--flow-success-fg:var(--flow-light);--flow-success-darken:rgb(42.3, 161.1, 61.2);--flow-success-darken:color-mix(in oklab, var(--flow-success), transparent 20%);--flow-success-lt:rgb(234.2, 247.4, 236.3);--flow-success-lt:color-mix(in oklab, var(--flow-success) 10%, transparent);--flow-success-200:color-mix(in oklab, var(--flow-success) 20%, transparent);--flow-success-lt-rgb:234,247,236;--flow-info:#4299e1;--flow-info-rgb:66,153,225;--flow-info-fg:var(--flow-light);--flow-info-darken:rgb(59.4, 137.7, 202.5);--flow-info-darken:color-mix(in oklab, var(--flow-info), transparent 20%);--flow-info-lt:rgb(236.1, 244.8, 252);--flow-info-lt:color-mix(in oklab, var(--flow-info) 10%, transparent);--flow-info-200:color-mix(in oklab, var(--flow-info) 20%, transparent);--flow-info-lt-rgb:236,245,252;--flow-warning:#f59f00;--flow-warning-rgb:245,159,0;--flow-warning-fg:var(--flow-light);--flow-warning-darken:rgb(220.5, 143.1, 0);--flow-warning-darken:color-mix(in oklab, var(--flow-warning), transparent 20%);--flow-warning-lt:rgb(254, 245.4, 229.5);--flow-warning-lt:color-mix(in oklab, var(--flow-warning) 10%, transparent);--flow-warning-200:color-mix(in oklab, var(--flow-warning) 20%, transparent);--flow-warning-lt-rgb:254,245,230;--flow-danger:#d63939;--flow-danger-rgb:214,57,57;--flow-danger-fg:var(--flow-light);--flow-danger-darken:rgb(192.6, 51.3, 51.3);--flow-danger-darken:color-mix(in oklab, var(--flow-danger), transparent 20%);--flow-danger-lt:rgb(250.9, 235.2, 235.2);--flow-danger-lt:color-mix(in oklab, var(--flow-danger) 10%, transparent);--flow-danger-200:color-mix(in oklab, var(--flow-danger) 20%, transparent);--flow-danger-lt-rgb:251,235,235;--flow-light:#f9fafb;--flow-light-rgb:249,250,251;--flow-light-fg:var(--flow-dark);--flow-light-darken:rgb(224.1, 225, 225.9);--flow-light-darken:color-mix(in oklab, var(--flow-light), transparent 20%);--flow-light-lt:rgb(254.4, 254.5, 254.6);--flow-light-lt:color-mix(in oklab, var(--flow-light) 10%, transparent);--flow-light-200:color-mix(in oklab, var(--flow-light) 20%, transparent);--flow-light-lt-rgb:254,255,255;--flow-dark:#1f2937;--flow-dark-rgb:31,41,55;--flow-dark-fg:var(--flow-light);--flow-dark-darken:rgb(27.9, 36.9, 49.5);--flow-dark-darken:color-mix(in oklab, var(--flow-dark), transparent 20%);--flow-dark-lt:rgb(232.6, 233.6, 235);--flow-dark-lt:color-mix(in oklab, var(--flow-dark) 10%, transparent);--flow-dark-200:color-mix(in oklab, var(--flow-dark) 20%, transparent);--flow-dark-lt-rgb:233,234,235;--flow-muted:#6b7280;--flow-muted-rgb:107,114,128;--flow-muted-fg:var(--flow-light);--flow-muted-darken:rgb(96.3, 102.6, 115.2);--flow-muted-darken:color-mix(in oklab, var(--flow-muted), transparent 20%);--flow-muted-lt:rgb(240.2, 240.9, 242.3);--flow-muted-lt:color-mix(in oklab, var(--flow-muted) 10%, transparent);--flow-muted-200:color-mix(in oklab, var(--flow-muted) 20%, transparent);--flow-muted-lt-rgb:240,241,242;--flow-blue:#066fd1;--flow-blue-rgb:6,111,209;--flow-blue-fg:var(--flow-light);--flow-blue-darken:rgb(5.4, 99.9, 188.1);--flow-blue-darken:color-mix(in oklab, var(--flow-blue), transparent 20%);--flow-blue-lt:rgb(230.1, 240.6, 250.4);--flow-blue-lt:color-mix(in oklab, var(--flow-blue) 10%, transparent);--flow-blue-200:color-mix(in oklab, var(--flow-blue) 20%, transparent);--flow-blue-lt-rgb:230,241,250;--flow-azure:#4299e1;--flow-azure-rgb:66,153,225;--flow-azure-fg:var(--flow-light);--flow-azure-darken:rgb(59.4, 137.7, 202.5);--flow-azure-darken:color-mix(in oklab, var(--flow-azure), transparent 20%);--flow-azure-lt:rgb(236.1, 244.8, 252);--flow-azure-lt:color-mix(in oklab, var(--flow-azure) 10%, transparent);--flow-azure-200:color-mix(in oklab, var(--flow-azure) 20%, transparent);--flow-azure-lt-rgb:236,245,252;--flow-indigo:#4263eb;--flow-indigo-rgb:66,99,235;--flow-indigo-fg:var(--flow-light);--flow-indigo-darken:rgb(59.4, 89.1, 211.5);--flow-indigo-darken:color-mix(in oklab, var(--flow-indigo), transparent 20%);--flow-indigo-lt:rgb(236.1, 239.4, 253);--flow-indigo-lt:color-mix(in oklab, var(--flow-indigo) 10%, transparent);--flow-indigo-200:color-mix(in oklab, var(--flow-indigo) 20%, transparent);--flow-indigo-lt-rgb:236,239,253;--flow-purple:#ae3ec9;--flow-purple-rgb:174,62,201;--flow-purple-fg:var(--flow-light);--flow-purple-darken:rgb(156.6, 55.8, 180.9);--flow-purple-darken:color-mix(in oklab, var(--flow-purple), transparent 20%);--flow-purple-lt:rgb(246.9, 235.7, 249.6);--flow-purple-lt:color-mix(in oklab, var(--flow-purple) 10%, transparent);--flow-purple-200:color-mix(in oklab, var(--flow-purple) 20%, transparent);--flow-purple-lt-rgb:247,236,250;--flow-pink:#d6336c;--flow-pink-rgb:214,51,108;--flow-pink-fg:var(--flow-light);--flow-pink-darken:rgb(192.6, 45.9, 97.2);--flow-pink-darken:color-mix(in oklab, var(--flow-pink), transparent 20%);--flow-pink-lt:rgb(250.9, 234.6, 240.3);--flow-pink-lt:color-mix(in oklab, var(--flow-pink) 10%, transparent);--flow-pink-200:color-mix(in oklab, var(--flow-pink) 20%, transparent);--flow-pink-lt-rgb:251,235,240;--flow-red:#d63939;--flow-red-rgb:214,57,57;--flow-red-fg:var(--flow-light);--flow-red-darken:rgb(192.6, 51.3, 51.3);--flow-red-darken:color-mix(in oklab, var(--flow-red), transparent 20%);--flow-red-lt:rgb(250.9, 235.2, 235.2);--flow-red-lt:color-mix(in oklab, var(--flow-red) 10%, transparent);--flow-red-200:color-mix(in oklab, var(--flow-red) 20%, transparent);--flow-red-lt-rgb:251,235,235;--flow-orange:#f76707;--flow-orange-rgb:247,103,7;--flow-orange-fg:var(--flow-light);--flow-orange-darken:rgb(222.3, 92.7, 6.3);--flow-orange-darken:color-mix(in oklab, var(--flow-orange), transparent 20%);--flow-orange-lt:rgb(254.2, 239.8, 230.2);--flow-orange-lt:color-mix(in oklab, var(--flow-orange) 10%, transparent);--flow-orange-200:color-mix(in oklab, var(--flow-orange) 20%, transparent);--flow-orange-lt-rgb:254,240,230;--flow-yellow:#f59f00;--flow-yellow-rgb:245,159,0;--flow-yellow-fg:var(--flow-light);--flow-yellow-darken:rgb(220.5, 143.1, 0);--flow-yellow-darken:color-mix(in oklab, var(--flow-yellow), transparent 20%);--flow-yellow-lt:rgb(254, 245.4, 229.5);--flow-yellow-lt:color-mix(in oklab, var(--flow-yellow) 10%, transparent);--flow-yellow-200:color-mix(in oklab, var(--flow-yellow) 20%, transparent);--flow-yellow-lt-rgb:254,245,230;--flow-lime:#74b816;--flow-lime-rgb:116,184,22;--flow-lime-fg:var(--flow-light);--flow-lime-darken:rgb(104.4, 165.6, 19.8);--flow-lime-darken:color-mix(in oklab, var(--flow-lime), transparent 20%);--flow-lime-lt:rgb(241.1, 247.9, 231.7);--flow-lime-lt:color-mix(in oklab, var(--flow-lime) 10%, transparent);--flow-lime-200:color-mix(in oklab, var(--flow-lime) 20%, transparent);--flow-lime-lt-rgb:241,248,232;--flow-green:#2fb344;--flow-green-rgb:47,179,68;--flow-green-fg:var(--flow-light);--flow-green-darken:rgb(42.3, 161.1, 61.2);--flow-green-darken:color-mix(in oklab, var(--flow-green), transparent 20%);--flow-green-lt:rgb(234.2, 247.4, 236.3);--flow-green-lt:color-mix(in oklab, var(--flow-green) 10%, transparent);--flow-green-200:color-mix(in oklab, var(--flow-green) 20%, transparent);--flow-green-lt-rgb:234,247,236;--flow-teal:#0ca678;--flow-teal-rgb:12,166,120;--flow-teal-fg:var(--flow-light);--flow-teal-darken:rgb(10.8, 149.4, 108);--flow-teal-darken:color-mix(in oklab, var(--flow-teal), transparent 20%);--flow-teal-lt:rgb(230.7, 246.1, 241.5);--flow-teal-lt:color-mix(in oklab, var(--flow-teal) 10%, transparent);--flow-teal-200:color-mix(in oklab, var(--flow-teal) 20%, transparent);--flow-teal-lt-rgb:231,246,242;--flow-cyan:#17a2b8;--flow-cyan-rgb:23,162,184;--flow-cyan-fg:var(--flow-light);--flow-cyan-darken:rgb(20.7, 145.8, 165.6);--flow-cyan-darken:color-mix(in oklab, var(--flow-cyan), transparent 20%);--flow-cyan-lt:rgb(231.8, 245.7, 247.9);--flow-cyan-lt:color-mix(in oklab, var(--flow-cyan) 10%, transparent);--flow-cyan-200:color-mix(in oklab, var(--flow-cyan) 20%, transparent);--flow-cyan-lt-rgb:232,246,248;--flow-x:#000000;--flow-x-rgb:0,0,0;--flow-x-fg:var(--flow-light);--flow-x-darken:black;--flow-x-darken:color-mix(in oklab, var(--flow-x), transparent 20%);--flow-x-lt:rgb(229.5, 229.5, 229.5);--flow-x-lt:color-mix(in oklab, var(--flow-x) 10%, transparent);--flow-x-200:color-mix(in oklab, var(--flow-x) 20%, transparent);--flow-x-lt-rgb:230,230,230;--flow-facebook:#1877f2;--flow-facebook-rgb:24,119,242;--flow-facebook-fg:var(--flow-light);--flow-facebook-darken:rgb(21.6, 107.1, 217.8);--flow-facebook-darken:color-mix(in oklab, var(--flow-facebook), transparent 20%);--flow-facebook-lt:rgb(231.9, 241.4, 253.7);--flow-facebook-lt:color-mix(in oklab, var(--flow-facebook) 10%, transparent);--flow-facebook-200:color-mix(in oklab, var(--flow-facebook) 20%, transparent);--flow-facebook-lt-rgb:232,241,254;--flow-twitter:#1da1f2;--flow-twitter-rgb:29,161,242;--flow-twitter-fg:var(--flow-light);--flow-twitter-darken:rgb(26.1, 144.9, 217.8);--flow-twitter-darken:color-mix(in oklab, var(--flow-twitter), transparent 20%);--flow-twitter-lt:rgb(232.4, 245.6, 253.7);--flow-twitter-lt:color-mix(in oklab, var(--flow-twitter) 10%, transparent);--flow-twitter-200:color-mix(in oklab, var(--flow-twitter) 20%, transparent);--flow-twitter-lt-rgb:232,246,254;--flow-linkedin:#0a66c2;--flow-linkedin-rgb:10,102,194;--flow-linkedin-fg:var(--flow-light);--flow-linkedin-darken:rgb(9, 91.8, 174.6);--flow-linkedin-darken:color-mix(in oklab, var(--flow-linkedin), transparent 20%);--flow-linkedin-lt:rgb(230.5, 239.7, 248.9);--flow-linkedin-lt:color-mix(in oklab, var(--flow-linkedin) 10%, transparent);--flow-linkedin-200:color-mix(in oklab, var(--flow-linkedin) 20%, transparent);--flow-linkedin-lt-rgb:231,240,249;--flow-google:#dc4e41;--flow-google-rgb:220,78,65;--flow-google-fg:var(--flow-light);--flow-google-darken:rgb(198, 70.2, 58.5);--flow-google-darken:color-mix(in oklab, var(--flow-google), transparent 20%);--flow-google-lt:rgb(251.5, 237.3, 236);--flow-google-lt:color-mix(in oklab, var(--flow-google) 10%, transparent);--flow-google-200:color-mix(in oklab, var(--flow-google) 20%, transparent);--flow-google-lt-rgb:252,237,236;--flow-youtube:#ff0000;--flow-youtube-rgb:255,0,0;--flow-youtube-fg:var(--flow-light);--flow-youtube-darken:rgb(229.5, 0, 0);--flow-youtube-darken:color-mix(in oklab, var(--flow-youtube), transparent 20%);--flow-youtube-lt:rgb(255, 229.5, 229.5);--flow-youtube-lt:color-mix(in oklab, var(--flow-youtube) 10%, transparent);--flow-youtube-200:color-mix(in oklab, var(--flow-youtube) 20%, transparent);--flow-youtube-lt-rgb:255,230,230;--flow-vimeo:#1ab7ea;--flow-vimeo-rgb:26,183,234;--flow-vimeo-fg:var(--flow-light);--flow-vimeo-darken:rgb(23.4, 164.7, 210.6);--flow-vimeo-darken:color-mix(in oklab, var(--flow-vimeo), transparent 20%);--flow-vimeo-lt:rgb(232.1, 247.8, 252.9);--flow-vimeo-lt:color-mix(in oklab, var(--flow-vimeo) 10%, transparent);--flow-vimeo-200:color-mix(in oklab, var(--flow-vimeo) 20%, transparent);--flow-vimeo-lt-rgb:232,248,253;--flow-dribbble:#ea4c89;--flow-dribbble-rgb:234,76,137;--flow-dribbble-fg:var(--flow-light);--flow-dribbble-darken:rgb(210.6, 68.4, 123.3);--flow-dribbble-darken:color-mix(in oklab, var(--flow-dribbble), transparent 20%);--flow-dribbble-lt:rgb(252.9, 237.1, 243.2);--flow-dribbble-lt:color-mix(in oklab, var(--flow-dribbble) 10%, transparent);--flow-dribbble-200:color-mix(in oklab, var(--flow-dribbble) 20%, transparent);--flow-dribbble-lt-rgb:253,237,243;--flow-github:#181717;--flow-github-rgb:24,23,23;--flow-github-fg:var(--flow-light);--flow-github-darken:rgb(21.6, 20.7, 20.7);--flow-github-darken:color-mix(in oklab, var(--flow-github), transparent 20%);--flow-github-lt:rgb(231.9, 231.8, 231.8);--flow-github-lt:color-mix(in oklab, var(--flow-github) 10%, transparent);--flow-github-200:color-mix(in oklab, var(--flow-github) 20%, transparent);--flow-github-lt-rgb:232,232,232;--flow-instagram:#e4405f;--flow-instagram-rgb:228,64,95;--flow-instagram-fg:var(--flow-light);--flow-instagram-darken:rgb(205.2, 57.6, 85.5);--flow-instagram-darken:color-mix(in oklab, var(--flow-instagram), transparent 20%);--flow-instagram-lt:rgb(252.3, 235.9, 239);--flow-instagram-lt:color-mix(in oklab, var(--flow-instagram) 10%, transparent);--flow-instagram-200:color-mix(in oklab, var(--flow-instagram) 20%, transparent);--flow-instagram-lt-rgb:252,236,239;--flow-pinterest:#bd081c;--flow-pinterest-rgb:189,8,28;--flow-pinterest-fg:var(--flow-light);--flow-pinterest-darken:rgb(170.1, 7.2, 25.2);--flow-pinterest-darken:color-mix(in oklab, var(--flow-pinterest), transparent 20%);--flow-pinterest-lt:rgb(248.4, 230.3, 232.3);--flow-pinterest-lt:color-mix(in oklab, var(--flow-pinterest) 10%, transparent);--flow-pinterest-200:color-mix(in oklab, var(--flow-pinterest) 20%, transparent);--flow-pinterest-lt-rgb:248,230,232;--flow-vk:#6383a8;--flow-vk-rgb:99,131,168;--flow-vk-fg:var(--flow-light);--flow-vk-darken:rgb(89.1, 117.9, 151.2);--flow-vk-darken:color-mix(in oklab, var(--flow-vk), transparent 20%);--flow-vk-lt:rgb(239.4, 242.6, 246.3);--flow-vk-lt:color-mix(in oklab, var(--flow-vk) 10%, transparent);--flow-vk-200:color-mix(in oklab, var(--flow-vk) 20%, transparent);--flow-vk-lt-rgb:239,243,246;--flow-rss:#ffa500;--flow-rss-rgb:255,165,0;--flow-rss-fg:var(--flow-light);--flow-rss-darken:rgb(229.5, 148.5, 0);--flow-rss-darken:color-mix(in oklab, var(--flow-rss), transparent 20%);--flow-rss-lt:rgb(255, 246, 229.5);--flow-rss-lt:color-mix(in oklab, var(--flow-rss) 10%, transparent);--flow-rss-200:color-mix(in oklab, var(--flow-rss) 20%, transparent);--flow-rss-lt-rgb:255,246,230;--flow-flickr:#0063dc;--flow-flickr-rgb:0,99,220;--flow-flickr-fg:var(--flow-light);--flow-flickr-darken:rgb(0, 89.1, 198);--flow-flickr-darken:color-mix(in oklab, var(--flow-flickr), transparent 20%);--flow-flickr-lt:rgb(229.5, 239.4, 251.5);--flow-flickr-lt:color-mix(in oklab, var(--flow-flickr) 10%, transparent);--flow-flickr-200:color-mix(in oklab, var(--flow-flickr) 20%, transparent);--flow-flickr-lt-rgb:230,239,252;--flow-bitbucket:#0052cc;--flow-bitbucket-rgb:0,82,204;--flow-bitbucket-fg:var(--flow-light);--flow-bitbucket-darken:rgb(0, 73.8, 183.6);--flow-bitbucket-darken:color-mix(in oklab, var(--flow-bitbucket), transparent 20%);--flow-bitbucket-lt:rgb(229.5, 237.7, 249.9);--flow-bitbucket-lt:color-mix(in oklab, var(--flow-bitbucket) 10%, transparent);--flow-bitbucket-200:color-mix(in oklab, var(--flow-bitbucket) 20%, transparent);--flow-bitbucket-lt-rgb:230,238,250;--flow-tabler:#066fd1;--flow-tabler-rgb:6,111,209;--flow-tabler-fg:var(--flow-light);--flow-tabler-darken:rgb(5.4, 99.9, 188.1);--flow-tabler-darken:color-mix(in oklab, var(--flow-tabler), transparent 20%);--flow-tabler-lt:rgb(230.1, 240.6, 250.4);--flow-tabler-lt:color-mix(in oklab, var(--flow-tabler) 10%, transparent);--flow-tabler-200:color-mix(in oklab, var(--flow-tabler) 20%, transparent);--flow-tabler-lt-rgb:230,241,250;--flow-gray-50-fg:var(--flow-body-color);--flow-gray-100-fg:var(--flow-body-color);--flow-gray-200-fg:var(--flow-body-color);--flow-gray-300-fg:var(--flow-body-color);--flow-gray-400-fg:var(--flow-white);--flow-gray-500-fg:var(--flow-white);--flow-gray-600-fg:var(--flow-white);--flow-gray-700-fg:var(--flow-white);--flow-gray-800-fg:var(--flow-white);--flow-gray-900-fg:var(--flow-white);--flow-gray-950-fg:var(--flow-white);--flow-spacer-0:0;--flow-spacer-1:0.25rem;--flow-spacer-2:0.5rem;--flow-spacer-3:1rem;--flow-spacer-4:1.5rem;--flow-spacer-5:2rem;--flow-spacer-6:2.5rem;--flow-font-weight-light:300;--flow-font-weight-normal:400;--flow-font-weight-medium:500;--flow-font-weight-bold:600;--flow-font-weight-black:700;--flow-font-weight-headings:var(--flow-font-weight-bold);--flow-font-size-h1:1.5rem;--flow-font-size-h2:1.25rem;--flow-font-size-h3:1rem;--flow-font-size-h4:0.875rem;--flow-font-size-h5:0.75rem;--flow-font-size-h6:0.625rem;--flow-line-height-h1:2rem;--flow-line-height-h2:1.75rem;--flow-line-height-h3:1.5rem;--flow-line-height-h4:1.25rem;--flow-line-height-h5:1rem;--flow-line-height-h6:1rem;--flow-shadow:rgba(var(--flow-body-color-rgb), 0.04) 0 2px 4px 0;--flow-shadow-border:inset 0 0 0 1px var(--flow-border-color-translucent);--flow-shadow-transparent:0 0 0 0 transparent;--flow-shadow-input:0 1px 1px rgba(var(--flow-body-color-rgb), 0.06);--flow-shadow-card:0 0 4px rgba(var(--flow-body-color-rgb), 0.04);--flow-shadow-card-hover:rgba(var(--flow-body-color-rgb), 0.16) 0 2px 16px 0;--flow-shadow-dropdown:0 16px 24px 2px rgba(0, 0, 0, 0.07),0 6px 30px 5px rgba(0, 0, 0, 0.06),0 8px 10px -5px rgba(0, 0, 0, 0.1);--flow-border-radius-scale:1;--flow-border-radius-0:calc(0 * var(--flow-border-radius-scale, 1));--flow-border-radius-sm:calc(4px * var(--flow-border-radius-scale, 1));--flow-border-radius-md:calc(6px * var(--flow-border-radius-scale, 1));--flow-border-radius-lg:calc(8px * var(--flow-border-radius-scale, 1));--flow-border-radius-pill:calc(100rem * var(--flow-border-radius-scale, 1));--flow-border-radius:var(--flow-border-radius-md);--flow-backdrop-opacity:24%;--flow-backdrop-bg:var(--flow-bg-surface-dark);--flow-backdrop-bg-dark:color-mix(in srgb, var(--flow-color-dark), transparent var(--flow-backdrop-opacity));--flow-backdrop-bg-light:color-mix(in srgb, var(--flow-color-light), transparent var(--flow-backdrop-opacity));--flow-backdrop-blur:4px;--flow-backdrop-filter:blur(var(--flow-backdrop-blur))}:host,:root{font-size:16px;height:100%}@media (min-width:992px){:host,:root{margin-left:calc(100vw - 100%);margin-right:0}}:host,:root,[data-bs-theme=light]{color-scheme:light;--flow-spacer:var(--flow-spacer-2);--flow-bg-surface:var(--flow-bg-surface-primary);--flow-bg-surface-primary:var(--flow-white);--flow-bg-surface-secondary:var(--flow-gray-50);--flow-bg-surface-tertiary:var(--flow-gray-50);--flow-bg-surface-dark:var(--flow-gray-900);--flow-bg-surface-inverted:var(--flow-gray-900);--flow-bg-forms:var(--flow-bg-surface);--flow-text-inverted:var(--flow-gray-100);--flow-body-color:var(--flow-gray-700);--flow-body-bg:var(--flow-bg-surface-secondary);--flow-link-color:var(--flow-primary);--flow-link-hover-color:color-mix(in srgb, var(--flow-primary), #000 20%);--flow-secondary:var(--flow-gray-500);--flow-tertiary:var(--flow-gray-400);--flow-border-color:#e5e7eb;--flow-border-color-translucent:rgba(4, 32, 69, 0.1);--flow-border-dark-color:#9ca3af;--flow-border-dark-color-translucent:rgba(4, 32, 69, 0.27);--flow-border-active-color:rgb(169.16, 173.22, 181.34);--flow-icon-color:var(--flow-gray-400);--flow-active-bg:rgba(var(--flow-primary-rgb), 0.04);--flow-disabled-bg:var(--flow-bg-surface-secondary);--flow-disabled-color:color-mix(in srgb, var(--flow-body-color) 40%, transparent);--flow-code-color:light-dark(var(--flow-gray-600), var(--flow-gray-400));--flow-code-bg:light-dark(var(--flow-gray-100), var(--flow-gray-900));--flow-dark-mode-border-color:rgb(45.7069767442, 60.4511627907, 81.0930232558);--flow-dark-mode-border-color-translucent:rgba(72, 110, 149, 0.14);--flow-dark-mode-border-active-color:rgb(53.0604651163, 70.176744186, 94.1395348837);--flow-dark-mode-border-dark-color:rgb(38.3534883721, 50.7255813953, 68.0465116279);--flow-page-padding:var(--flow-spacer-3);--flow-page-padding-y:var(--flow-spacer-4)}@media (max-width:991.98px){:host,:root,[data-bs-theme=light]{--flow-page-padding:var(--flow-spacer-2)}}body{letter-spacing:0;touch-action:manipulation;text-rendering:optimizeLegibility;font-feature-settings:"liga" 0,"cv03","cv04","cv11";position:relative;min-height:100%;height:100%;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media print{body{background:0 0}}*{scrollbar-color:color-mix(in srgb,var(--flow-scrollbar-color,var(--flow-body-color)) 20%,transparent) transparent}::-webkit-scrollbar{width:1rem;height:1rem;-webkit-transition:background .3s;transition:background .3s}@media (prefers-reduced-motion:reduce){::-webkit-scrollbar{-webkit-transition:none;transition:none}}::-webkit-scrollbar-thumb{border-radius:1rem;border:5px solid transparent;box-shadow:inset 0 0 0 1rem color-mix(in srgb,var(--flow-scrollbar-color,var(--flow-body-color)) 20%,transparent)}::-webkit-scrollbar-track{background:0 0}:hover::-webkit-scrollbar-thumb{box-shadow:inset 0 0 0 1rem color-mix(in srgb,var(--flow-scrollbar-color,var(--flow-body-color)) 40%,transparent)}::-webkit-scrollbar-corner{background:0 0}.navbar{--flow-navbar-bg:var(--flow-bg-surface);--flow-navbar-border-width:var(--flow-border-width);--flow-navbar-active-border-color:var(--flow-primary);--flow-navbar-active-bg:rgba(0, 0, 0, 0.2);--flow-navbar-border-color:var(--flow-border-color);--flow-navbar-hover-color:var(--flow-body-color);align-items:stretch;min-height:3.5rem;box-shadow:inset 0 calc(-1 * var(--flow-navbar-border-width)) 0 0 var(--flow-navbar-border-color);background:var(--flow-navbar-bg);color:var(--flow-navbar-color)}.navbar-collapse .navbar{flex-grow:1}.navbar .dropdown-menu{position:absolute;z-index:1030}.navbar .navbar-nav{min-height:3rem}.navbar .navbar-nav .nav-link{position:relative;min-width:2.5rem;min-height:2.5rem;justify-content:center;border-radius:var(--flow-border-radius)}.navbar .navbar-nav .nav-link .badge{position:absolute;top:.375rem;right:.375rem;transform:translate(50%,-50%)}@media (max-width:767.98px){.navbar-expand-md .navbar-collapse{flex-direction:column}.navbar-expand-md .navbar-collapse [class^=container]{flex-direction:column;align-items:stretch;padding:0}.navbar-expand-md .navbar-collapse .navbar-nav{margin-left:0;margin-right:0}.navbar-expand-md .navbar-collapse .navbar-nav .nav-link{padding:.5rem calc(calc(var(--flow-page-padding) * 2)/ 2);justify-content:flex-start}.navbar-expand-md .navbar-collapse .dropdown-menu{padding:0;background:0 0;position:static;color:inherit;box-shadow:none;border:none;min-width:0;margin:0}.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item{min-width:0;display:flex;width:auto;padding-left:calc(calc(calc(var(--flow-page-padding) * 2)/ 2) + 1.75rem);color:inherit}.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item.disabled{color:var(--flow-disabled-color);pointer-events:none;background-color:transparent}.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item.active,.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item:active{background:var(--flow-navbar-active-bg)}.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-item{padding-left:calc(calc(calc(var(--flow-page-padding) * 2)/ 2) + 3.25rem)}.navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-menu .dropdown-menu .dropdown-item{padding-left:calc(calc(calc(var(--flow-page-padding) * 2)/ 2) + 4.75rem)}.navbar-expand-md .navbar-collapse .dropdown-toggle:after{margin-left:auto}.navbar-expand-md .navbar-collapse .nav-item.active:after{border-bottom-width:0;border-left-width:3px;right:auto;top:0;bottom:0}}@media (min-width:768px){.navbar-expand-md .navbar-collapse{width:auto;flex:1 1 auto}.navbar-expand-md .nav-item.active{position:relative}.navbar-expand-md .nav-item.active .nav-link{color:var(--flow-navbar-active-color)}.navbar-expand-md .nav-item.active:after{content:"";position:absolute;left:0;right:0;bottom:-.25rem;border:0 var(--flow-border-style) var(--flow-navbar-active-border-color);border-bottom-width:2px}}.navbar-brand{display:inline-flex;align-items:center;font-weight:var(--flow-font-weight-bold);margin:0;line-height:1;gap:.5rem}.navbar-toggler{border:0;width:2rem;height:2rem;position:relative;display:flex;align-items:center;justify-content:center}.navbar-toggler-icon{height:2px;width:1.25em;background:currentColor;border-radius:10px;transition:top .2s .2s,bottom .2s .2s,transform .2s,opacity 0s .2s;position:relative}@media (prefers-reduced-motion:reduce){.navbar-toggler-icon{transition:none}}.navbar-toggler-icon:after,.navbar-toggler-icon:before{content:"";display:block;height:inherit;width:inherit;border-radius:inherit;background:inherit;position:absolute;left:0;transition:inherit}@media (prefers-reduced-motion:reduce){.navbar-toggler-icon:after,.navbar-toggler-icon:before{transition:none}}.navbar-toggler-icon:before{top:-.45em}.navbar-toggler-icon:after{bottom:-.45em}.navbar-toggler[aria-expanded=true] .navbar-toggler-icon{transform:rotate(45deg);transition:top .3s,bottom .3s,transform .3s .3s,opacity 0s .3s}@media (prefers-reduced-motion:reduce){.navbar-toggler[aria-expanded=true] .navbar-toggler-icon{transition:none}}.navbar-toggler[aria-expanded=true] .navbar-toggler-icon:before{top:0;transform:rotate(-90deg)}.navbar-toggler[aria-expanded=true] .navbar-toggler-icon:after{bottom:0;opacity:0}.navbar-nav{--flow-nav-link-hover-bg:color-mix(in srgb, var(--flow-nav-link-color) 4%, transparent);margin:0;padding:0;align-items:stretch}.navbar-nav .nav-item{display:flex;flex-direction:column;justify-content:center}.page{display:flex;flex-direction:column;position:relative;min-height:100%}.page-wrapper{flex:1;display:flex;flex-direction:column}@media print{.page-wrapper{margin:0!important}}.page-body{margin-top:var(--flow-page-padding-y);margin-bottom:var(--flow-page-padding-y);display:flex;flex-direction:column;flex:1}.page-header{display:flex;flex-wrap:wrap;min-height:2.25rem;flex-direction:column;justify-content:center;max-width:100%}.page-wrapper .page-header{margin:var(--flow-page-padding-y) 0 0}.page-pretitle{font-size:.75rem;font-weight:var(--flow-font-weight-medium);text-transform:uppercase;letter-spacing:.04em;line-height:1rem;color:var(--flow-secondary)}.page-title{margin:0;font-size:var(--flow-font-size-h2);line-height:var(--flow-line-height-h2);font-weight:var(--flow-font-weight-headings);color:inherit;display:flex;align-items:center}.page-title svg{width:1.5rem;height:1.5rem;margin-right:.25rem}.page-subtitle{margin-top:.25rem;color:var(--flow-secondary)}.footer{border-top:var(--flow-border-width) var(--flow-border-style) var(--flow-border-color);background-color:var(--flow-bg-surface);padding:2rem 0;color:var(--flow-gray-500);margin-top:auto}[data-bs-theme=dark],body[data-bs-theme=dark] [data-bs-theme=light]{color-scheme:dark;--flow-body-color:var(--flow-gray-200);--flow-secondary:var(--flow-gray-400);--flow-body-bg:var(--flow-gray-900);--flow-emphasis-color:#ffffff;--flow-emphasis-color-rgb:255,255,255;--flow-bg-forms:var(--flow-gray-900);--flow-bg-surface:var(--flow-gray-800);--flow-bg-surface-inverted:var(--flow-gray-100);--flow-bg-surface-secondary:var(--flow-gray-900);--flow-bg-surface-tertiary:var(--flow-gray-800);--flow-text-inverted:var(--flow-gray-800);--flow-link-color:var(--flow-primary);--flow-link-hover-color:color-mix(in srgb, var(--flow-primary), black 20%);--flow-active-bg:rgb(34.676744186, 45.8627906977, 61.523255814);--flow-disabled-color:color-mix(in srgb, var(--flow-body-color) 40%, transparent);--flow-border-color:var(--flow-gray-700);--flow-border-color-translucent:var(--flow-dark-mode-border-color-translucent);--flow-border-dark-color:var(--flow-dark-mode-border-dark-color);--flow-border-active-color:var(--flow-dark-mode-border-active-color);--flow-btn-color:rgb(27.323255814, 36.1372093023, 48.476744186)}.avatar{--flow-avatar-size:var(--flow-avatar-list-size, 2.5rem);--flow-avatar-status-size:0.75rem;--flow-avatar-bg:var(--flow-bg-surface-secondary);--flow-avatar-box-shadow-color:var(--flow-border-color-translucent);--flow-avatar-box-shadow:inset 0 0 0 1px var(--flow-avatar-box-shadow-color);--flow-avatar-font-size:1rem;--flow-avatar-icon-size:1.5rem;--flow-avatar-brand-size:1.25rem;position:relative;width:var(--flow-avatar-size);height:var(--flow-avatar-size);font-size:var(--flow-avatar-font-size);font-weight:var(--flow-font-weight-medium);line-height:1;display:inline-flex;align-items:center;justify-content:center;color:var(--flow-secondary);text-align:center;text-transform:uppercase;vertical-align:bottom;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:var(--flow-avatar-bg) no-repeat center/cover;border-radius:var(--flow-border-radius);box-shadow:var(--flow-avatar-box-shadow);transition:color .3s,background-color .3s,box-shadow .3s}.avatar .icon{width:var(--flow-avatar-icon-size);height:var(--flow-avatar-icon-size)}.avatar .badge{position:absolute;right:0;bottom:0;border-radius:100rem;box-shadow:0 0 0 calc(var(--flow-avatar-status-size)/ 4) var(--flow-bg-surface)}a.avatar{cursor:pointer}a.avatar:hover{color:var(--flow-primary);--flow-avatar-box-shadow-color:var(--flow-primary)}.avatar-xs{--flow-avatar-size:1.25rem;--flow-avatar-status-size:0.375rem;--flow-avatar-font-size:0.625rem;--flow-avatar-icon-size:0.75rem;--flow-avatar-brand-size:0.75rem}.avatar-xs .badge:empty{width:.375rem;height:.375rem}.avatar-sm{--flow-avatar-size:2rem;--flow-avatar-status-size:0.5rem;--flow-avatar-font-size:0.75rem;--flow-avatar-icon-size:1.5rem;--flow-avatar-brand-size:1rem}.avatar-sm .badge:empty{width:.5rem;height:.5rem}.avatar-md{--flow-avatar-size:2.5rem;--flow-avatar-status-size:0.75rem;--flow-avatar-font-size:0.875rem;--flow-avatar-icon-size:1.5rem;--flow-avatar-brand-size:1.25rem}.avatar-md .badge:empty{width:.75rem;height:.75rem}.avatar-xl{--flow-avatar-size:5rem;--flow-avatar-status-size:1rem;--flow-avatar-font-size:2rem;--flow-avatar-icon-size:3rem;--flow-avatar-brand-size:1.25rem}.avatar-xl .badge:empty{width:1rem;height:1rem}.badge:empty{display:inline-block;width:10px;height:10px;min-width:0;min-height:auto;padding:0;border-radius:100rem;vertical-align:baseline}.breadcrumb{--flow-breadcrumb-padding-x:0;--flow-breadcrumb-padding-y:0;--flow-breadcrumb-margin-bottom:1rem;--flow-breadcrumb-font-size: ;--flow-breadcrumb-bg: ;--flow-breadcrumb-border-radius: ;--flow-breadcrumb-divider-color:var(--flow-gray-500);--flow-breadcrumb-item-padding-x:0.5rem;--flow-breadcrumb-item-active-color:inherit;--flow-breadcrumb-item-active-font-weight:var(--flow-font-weight-bold);--flow-breadcrumb-item-disabled-color:var(--flow-disabled-color);--flow-breadcrumb-link-color:var(--flow-link-color);display:flex;flex-wrap:wrap;font-size:var(--flow-breadcrumb-font-size);list-style:none;background-color:var(--flow-breadcrumb-bg);border-radius:var(--flow-breadcrumb-border-radius);padding:0;margin:0;background:0 0}.breadcrumb a{color:var(--flow-breadcrumb-link-color)}.breadcrumb a:hover{text-decoration:underline}.breadcrumb-muted{--flow-breadcrumb-link-color:var(--flow-secondary)}.breadcrumb-item.active{color:var(--flow-breadcrumb-item-active-color);font-weight:var(--flow-breadcrumb-item-active-font-weight)}.breadcrumb-item.active a{color:inherit;pointer-events:none}.breadcrumb-item.disabled{color:var(--flow-breadcrumb-item-disabled-color)}.breadcrumb-item.disabled:before{color:inherit}.breadcrumb-item.disabled a{color:inherit;pointer-events:none}.breadcrumb-item+.breadcrumb-item{padding-left:var(--flow-breadcrumb-item-padding-x)}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:var(--flow-breadcrumb-item-padding-x);color:var(--flow-breadcrumb-divider-color);content:var(--flow-breadcrumb-divider, "/")}.btn{--flow-btn-icon-size:1.25rem;--flow-btn-icon-color:inherit;--flow-btn-bg:var(--flow-bg-surface);--flow-btn-color:var(--flow-body-color);--flow-btn-border-color:var(--flow-border-color);--flow-btn-hover-bg:var(--flow-btn-bg);--flow-btn-hover-border-color:var(--flow-border-active-color);--flow-btn-active-color:var(--flow-primary);--flow-btn-active-bg:rgba(var(--flow-primary-rgb), 0.04);--flow-btn-active-border-color:var(--flow-primary);display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;box-shadow:var(--flow-btn-box-shadow);position:relative;min-width:calc(var(--flow-btn-line-height) * 1 + var(--flow-btn-padding-y) * 2 + var(--flow-btn-border-width) * 2);min-height:calc(var(--flow-btn-line-height) * 1 + var(--flow-btn-padding-y) * 2 + var(--flow-btn-border-width) * 2)}.btn .icon{width:var(--flow-btn-icon-size);height:var(--flow-btn-icon-size);min-width:var(--flow-btn-icon-size);font-size:var(--flow-btn-icon-size);margin:0 calc(var(--flow-btn-padding-x)/ 2) 0 calc(var(--flow-btn-padding-x)/ -4);vertical-align:bottom;color:var(--flow-btn-icon-color)}.btn .avatar{width:var(--flow-btn-icon-size);height:var(--flow-btn-icon-size);margin:0 calc(var(--flow-btn-padding-x)/ 2) 0 calc(var(--flow-btn-padding-x)/ -4)}.btn .badge{top:auto}.btn-check+.btn:hover{color:var(--flow-btn-hover-color);background-color:var(--flow-btn-hover-bg);border-color:var(--flow-btn-hover-border-color)}.btn-link{color:rgb(6.711627907,124.1651162791,233.788372093);background-color:transparent;border-color:transparent;box-shadow:none}.btn-link .icon{color:inherit}.btn-link:hover{color:rgb(4.8,88.8,167.2);border-color:transparent}.btn-icon{padding-left:0;padding-right:0}.btn-icon .icon{margin:calc(-1 * var(--flow-btn-padding-x))}.btn-list{--flow-list-gap:0.5rem;display:flex;flex-wrap:wrap;gap:var(--flow-list-gap)}.btn-group{box-shadow:var(--flow-shadow-input)}.btn-group>.btn-check:checked+.btn,.btn-group>.btn.active,.btn-group>.btn:active{z-index:5}.btn-group>.btn-check:focus+.btn,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.card{transition:transform .3s ease-out,opacity .3s ease-out,box-shadow .3s ease-out}@media (prefers-reduced-motion:reduce){.card{transition:none}}@media print{.card{border:none;box-shadow:none}}a.card{color:inherit}a.card:hover{text-decoration:none;box-shadow:rgba(var(--flow-body-color-rgb),.16) 0 2px 16px 0}.card .card{box-shadow:none}.card-actions{margin:-.5rem -.5rem -.5rem auto;padding-left:.5rem}.card-actions a{text-decoration:none}.card-header{color:inherit;display:flex;align-items:center;background:0 0}.card-header:first-child{border-radius:var(--flow-card-border-radius) var(--flow-card-border-radius) 0 0}.card-header-pills{flex:1;margin-top:-.5rem;margin-bottom:-.5rem}.card-link{color:inherit}.card-link:hover{color:inherit;text-decoration:none;box-shadow:0 1px 6px 0 rgba(0,0,0,.08)}.card-link-pop:hover{transform:translateY(-2px);opacity:1}.card-footer{margin-top:auto}.card-footer:last-child{border-radius:0 0 var(--flow-card-border-radius) var(--flow-card-border-radius)}.card-title{display:block;margin:0 0 1rem;font-size:1rem;font-weight:var(--flow-font-weight-medium);color:inherit;line-height:1.5rem}a.card-title:hover{color:inherit}.card-header .card-title{margin:0}.card-subtitle{margin-bottom:1.25rem;color:var(--flow-secondary);font-weight:400}.card-header .card-subtitle{margin:0}.card-title .card-subtitle{margin:0 0 0 .25rem;font-size:.875rem}.card-body{position:relative}.card-body>:last-child{margin-bottom:0}.card-sm>.card-body{padding:1rem}@media (min-width:768px){.card-md>.card-body{padding:2.5rem}}@media print{.card-body{padding:0}}.card-body+.card-body{border-top:var(--flow-border-width) var(--flow-border-style) var(--flow-border-color)}.card-options{top:1.5rem;right:.75rem;display:flex;margin-left:auto}.btn-close{--flow-btn-close-color:currentColor;--flow-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231f2937'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");--flow-btn-close-opacity:0.4;--flow-btn-close-hover-opacity:0.75;--flow-btn-close-focus-shadow:0 0 0 0.25rem rgba(var(--flow-primary-rgb), 0.25);--flow-btn-close-focus-opacity:1;--flow-btn-close-disabled-opacity:0.25;--flow-btn-close-size:1em;width:var(--flow-btn-close-size);height:var(--flow-btn-close-size);padding:.25em .25em;color:var(--flow-btn-close-color);-webkit-mask:var(--flow-btn-close-bg) no-repeat center/calc(var(--flow-btn-close-size) * 0.75);mask:var(--flow-btn-close-bg) no-repeat center/calc(var(--flow-btn-close-size) * 0.75);background-color:var(--flow-btn-close-color);border:0;border-radius:var(--flow-border-radius);opacity:var(--flow-btn-close-opacity);cursor:pointer;display:block}.btn-close:hover{color:var(--flow-btn-close-color);text-decoration:none;opacity:var(--flow-btn-close-hover-opacity)}.btn-close:focus{outline:0;box-shadow:var(--flow-btn-close-focus-shadow);opacity:var(--flow-btn-close-focus-opacity)}.btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:var(--flow-btn-close-disabled-opacity)}.dropdown-menu{-webkit-user-select:none;-moz-user-select:none;user-select:none;background-clip:border-box}.dropdown-menu.card{padding:0;min-width:25rem;display:none}.dropdown-menu.card.show{display:flex}.dropdown-item{min-width:11rem;display:flex;align-items:center;margin:0;line-height:1.4285714286;gap:.5rem}.dropdown-item-icon{width:1.25rem!important;height:1.25rem!important;margin-right:.5rem;color:var(--flow-secondary);opacity:.7;text-align:center}.dropend>.dropdown-menu{margin-top:calc(-.25rem - 1px);margin-left:-.25rem}.dropend .dropdown-toggle:after{margin-left:auto}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:1rem;text-align:center}@media (min-width:768px){.empty{padding:3rem}}.empty-icon{margin:0 0 1rem;width:3rem;height:3rem;line-height:1;color:var(--flow-secondary)}.empty-icon svg{width:100%;height:100%}.empty-title{font-size:1.25rem;line-height:1.75rem;font-weight:var(--flow-font-weight-bold)}.empty-subtitle,.empty-title{margin:0 0 .5rem}.empty-action{margin-top:1.5rem}.icon{--flow-icon-size:1.25rem;width:var(--flow-icon-size);height:var(--flow-icon-size);font-size:var(--flow-icon-size);vertical-align:bottom;stroke-width:1.5}.icon:hover{text-decoration:none}.icon-sm{--flow-icon-size:1rem;stroke-width:1}.icon-lg{--flow-icon-size:3.5rem;stroke-width:1}textarea[cols]{height:auto}.col-form-label,.form-label{display:block;font-weight:var(--flow-font-weight-medium)}.col-form-label.required:after,.form-label.required:after{content:"*";margin-left:.25rem;color:#d63939}.form-hint{display:block;color:var(--flow-secondary)}.form-hint:last-child{margin-bottom:0}.form-hint+.form-control{margin-top:.25rem}.form-label+.form-hint{margin-top:-.25rem}.form-control+.form-hint,.form-select+.form-hint,.input-group+.form-hint{margin-top:.5rem;color:var(--flow-secondary)}.form-select:-moz-focusring{color:var(--flow-body-color)}.form-control:-webkit-autofill{box-shadow:0 0 0 1000px var(--flow-bg-surface-secondary) inset;color:var(--flow-body-color);-webkit-text-fill-color:var(--flow-body-color)}.form-control.disabled,.form-control:disabled{color:var(--flow-secondary);-webkit-user-select:none;-moz-user-select:none;user-select:none}.form-control[size]{width:auto}.form-footer{margin-top:2rem}fieldset:empty{display:none}.input-group{box-shadow:var(--flow-shadow-input);border-radius:var(--flow-border-radius)}.input-group .btn,.input-group .form-control{box-shadow:none}label[for=floating-input]{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:575.98px){.form-control,.form-select{font-size:1rem}}.form-colorinput{position:relative;display:inline-block;margin:0;line-height:1;cursor:pointer}.form-colorinput-input{position:absolute;z-index:-1;opacity:0}.form-colorinput-color{display:block;width:1.5rem;height:1.5rem;color:#fff;border:var(--flow-border-width) var(--flow-border-style) var(--flow-border-color-translucent);border-radius:var(--flow-border-radius);box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.form-colorinput-color:before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:no-repeat center center/1.25rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' width='16' height='16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8.5l2.5 2.5l5.5 -5.5'/%3e%3c/svg%3e");opacity:0;transition:opacity .3s}@media (prefers-reduced-motion:reduce){.form-colorinput-color:before{transition:none}}.form-colorinput-input:checked~.form-colorinput-color:before{opacity:1}.form-colorinput-input:focus~.form-colorinput-color{border-color:var(--flow-primary);box-shadow:0 0 0 .25rem rgba(var(--flow-primary-rgb),.25)}[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}.form-control::file-selector-button{background-color:var(--flow-btn-color,var(--flow-tertiary-bg))}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:var(--flow-btn-color,var(--flow-secondary-bg))}.form-check{-webkit-user-select:none;-moz-user-select:none;user-select:none}.form-check-input{background-size:1.25rem;margin-top:0;box-shadow:var(--flow-shadow-input)}.form-switch .form-check-input{transition:background-color .3s,background-position .3s}@media (prefers-reduced-motion:reduce){.form-switch .form-check-input{transition:none}}.form-check-label{display:block}.form-check-label.required:after{content:"*";margin-left:.25rem;color:#d63939}.form-switch .form-check-input{height:1.25rem;margin-top:0}.form-check-input:checked{border:none}.list-group{margin-left:0;margin-right:0}.list-group-item{background-color:inherit}.list-group-item.active{background-color:rgba(var(--flow-secondary-rgb),.08);border-left-color:#066fd1;border-left-width:2px}.list-group-item.disabled,.list-group-item:disabled{color:#6b7280;background-color:rgba(var(--flow-secondary-rgb),.08)}.modal-content>.btn-close,.modal-header>.btn-close{position:absolute;top:0;right:0;width:3.5rem;height:3.5rem;margin:0;padding:0;z-index:10}.modal-body{scrollbar-color:color-mix(in srgb,var(--flow-scrollbar-color,var(--flow-body-color)) 20%,transparent) transparent}.modal-body::-webkit-scrollbar{width:1rem;height:1rem;-webkit-transition:background .3s;transition:background .3s}@media (prefers-reduced-motion:reduce){.modal-body::-webkit-scrollbar{-webkit-transition:none;transition:none}}.modal-body::-webkit-scrollbar-thumb{border-radius:1rem;border:5px solid transparent;box-shadow:inset 0 0 0 1rem color-mix(in srgb,var(--flow-scrollbar-color,var(--flow-body-color)) 20%,transparent)}.modal-body::-webkit-scrollbar-track{background:0 0}.modal-body:hover::-webkit-scrollbar-thumb{box-shadow:inset 0 0 0 1rem color-mix(in srgb,var(--flow-scrollbar-color,var(--flow-body-color)) 40%,transparent)}.modal-body::-webkit-scrollbar-corner{background:0 0}.modal-body .modal-title{margin-bottom:1rem}.modal-body+.modal-body{border-top:var(--flow-border-width) var(--flow-border-style) var(--flow-border-color)}.modal-header{align-items:center;min-height:3.5rem;background:0 0;padding:0 3.5rem 0 1.5rem}.modal-title{font-size:1rem;font-weight:var(--flow-font-weight-bold);color:inherit;line-height:1.4285714286}.modal-footer{padding-top:.75rem;padding-bottom:.75rem}.modal-blur{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.nav{--flow-nav-link-hover-bg:color-mix(in srgb, var(--flow-nav-link-color) 4%, transparent)}.nav-link{display:flex;transition:color .3s,background-color .3s;align-items:center}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link:focus,.nav-link:hover{background-color:var(--flow-nav-link-hover-bg)}.nav-link-icon{width:1.25rem;height:1.25rem;margin-right:.5rem;color:inherit}.nav-link-icon svg{display:block;height:100%}.pagination{margin:0;--flow-pagination-gap:.25rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;gap:var(--flow-pagination-gap);line-height:var(--flow-body-line-height)}.page-link{min-width:2rem;border-radius:var(--flow-pagination-border-radius)}.page-item:not(.active) .page-link:hover{background:var(--flow-pagination-hover-bg)}.page-item{text-align:center}@keyframes progress-indeterminate{0%{right:100%;left:-35%}100%,60%{right:-90%;left:100%}}.progress{position:relative;width:100%;line-height:.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.progress::-webkit-progress-bar{background:var(--flow-progress-bg)}.progress::-webkit-progress-value{background-color:var(--flow-primary)}.progress::-moz-progress-bar{background-color:var(--flow-primary)}.progress::-ms-fill{background-color:var(--flow-primary);border:none}.progress-sm{height:.25rem}.progress-bar{height:100%}.progress-bar-indeterminate:after,.progress-bar-indeterminate:before{position:absolute;top:0;bottom:0;left:0;content:"";background-color:inherit;will-change:left,right}.progress-bar-indeterminate:before{animation:progress-indeterminate 1.5s cubic-bezier(.65,.815,.735,.395) infinite}.placeholder:not(.btn):not([class*=bg-]){background-color:currentColor!important}.placeholder:not(.avatar):not([class*=card-img-]){border-radius:var(--flow-border-radius)}.steps{--flow-steps-color:var(--flow-primary);--flow-steps-inactive-color:var(--flow-border-color);--flow-steps-dot-size:.5rem;--flow-steps-border-width:2px;display:flex;flex-wrap:nowrap;width:100%;padding:0;margin:0;list-style:none}.step-item{position:relative;flex:1 1 0;min-height:1rem;margin-top:0;color:inherit;text-align:center;cursor:default;padding-top:calc(var(--flow-steps-dot-size))}a.step-item{cursor:pointer}a.step-item:hover{color:inherit}.step-item:after,.step-item:before{background:var(--flow-steps-color)}.step-item:not(:last-child):after{position:absolute;left:50%;width:100%;content:"";transform:translateY(-50%)}.step-item:after{top:calc(var(--flow-steps-dot-size) * .5);height:var(--flow-steps-border-width)}.step-item:before{content:"";position:absolute;top:0;left:50%;z-index:1;box-sizing:content-box;display:flex;align-items:center;justify-content:center;border-radius:100rem;transform:translateX(-50%);color:var(--flow-white);width:var(--flow-steps-dot-size);height:var(--flow-steps-dot-size)}.step-item.active{font-weight:var(--flow-font-weight-bold)}.step-item.active:after{background:var(--flow-steps-inactive-color)}.step-item.active~.step-item{color:var(--flow-disabled-color)}.step-item.active~.step-item:after,.step-item.active~.step-item:before{background:var(--flow-steps-inactive-color)}@keyframes status-pulsate-tertiary{25%{transform:scale(1,1)}80%{transform:scale(3,3);opacity:0}100%{transform:scale(3,3);opacity:0}}.status{--flow-status-height:1.5rem;--flow-status-color:#6b7280;--flow-status-color-rgb:107,114,128;display:inline-flex;align-items:center;height:var(--flow-status-height);padding:.25rem .75rem;gap:.5rem;color:var(--flow-status-color);background:rgba(var(--flow-status-color-rgb),.1);font-size:.875rem;text-transform:none;letter-spacing:normal;border-radius:100rem;font-weight:var(--flow-font-weight-medium);line-height:1;margin:0}.status .status-dot{background:var(--flow-status-color)}.status .icon{font-size:1.25rem}.status-dot{--flow-status-dot-color:var(--flow-status-color, #6b7280);--flow-status-size:0.5rem;position:relative;display:inline-block;width:var(--flow-status-size);height:var(--flow-status-size);background:var(--flow-status-dot-color);border-radius:100rem}.status-dot-animated:before{content:"";position:absolute;inset:0;z-index:0;background:inherit;border-radius:inherit;opacity:.6;animation:1s linear 2s backwards infinite status-pulsate-tertiary}.tag{--flow-tag-height:1.5rem;border:1px solid var(--flow-border-color);display:inline-flex;align-items:center;height:var(--flow-tag-height);border-radius:var(--flow-border-radius);padding:0 .5rem;background:var(--flow-bg-surface);box-shadow:var(--flow-shadow-input);gap:.5rem}.tag .btn-close{margin-right:-.25rem;margin-left:-.125rem;padding:0;width:1rem;height:1rem;font-size:.5rem}.toolbar{display:flex;flex-wrap:nowrap;flex-shrink:0;margin:0 -.5rem}.toolbar>*{margin:0 .5rem}.hr-text{display:flex;align-items:center;margin:2rem 0;font-size:.75rem;font-weight:var(--flow-font-weight-medium);text-transform:uppercase;letter-spacing:.04em;line-height:1rem;color:var(--flow-secondary);height:1px}.hr-text:after,.hr-text:before{flex:1 1 auto;height:1px;background-color:var(--flow-border-color)}.hr-text:before{content:"";margin-right:.5rem}.hr-text:after{content:"";margin-left:.5rem}.hr-text>:first-child{padding-right:.5rem;padding-left:0;color:var(--flow-secondary)}.card>.hr-text{margin:0}a{-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto;color:color-mix(in srgb,transparent,var(--flow-link-color) var(--flow-link-opacity,100%))}a:hover{color:color-mix(in srgb,transparent,var(--flow-link-hover-color) var(--flow-link-opacity,100%))}.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit}.h1 a:hover,.h2 a:hover,.h3 a:hover,.h4 a:hover,.h5 a:hover,.h6 a:hover,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{color:inherit}.h1,h1{font-size:var(--flow-font-size-h1);line-height:var(--flow-line-height-h1)}.h2,h2{font-size:var(--flow-font-size-h2);line-height:var(--flow-line-height-h2)}.h3,h3{font-size:var(--flow-font-size-h3);line-height:var(--flow-line-height-h3)}.h4,h4{font-size:var(--flow-font-size-h4);line-height:var(--flow-line-height-h4)}.h5,h5{font-size:var(--flow-font-size-h5);line-height:var(--flow-line-height-h5)}.h6,h6{font-size:var(--flow-font-size-h6);line-height:var(--flow-line-height-h6)}.strong,b,strong{font-weight:var(--flow-font-weight-bold)}blockquote{padding:1rem 1rem 1rem;border-left:2px var(--flow-border-style) var(--flow-border-color)}blockquote p{margin-bottom:1rem}blockquote cite{display:block;text-align:right}blockquote cite:before{content:"— "}ol,ul{padding-left:1.5rem}.hr,hr{margin:2rem 0}dl dd:last-child{margin-bottom:0}pre{--flow-scrollbar-color:var(--flow-light);padding:1rem;background:var(--flow-bg-surface-dark);color:var(--flow-light);border-radius:var(--flow-border-radius);line-height:1.4285714286}pre{scrollbar-color:color-mix(in srgb,var(--flow-scrollbar-color,var(--flow-body-color)) 20%,transparent) transparent}pre::-webkit-scrollbar{width:1rem;height:1rem;-webkit-transition:background .3s;transition:background .3s}@media (prefers-reduced-motion:reduce){pre::-webkit-scrollbar{-webkit-transition:none;transition:none}}pre::-webkit-scrollbar-thumb{border-radius:1rem;border:5px solid transparent;box-shadow:inset 0 0 0 1rem color-mix(in srgb,var(--flow-scrollbar-color,var(--flow-body-color)) 20%,transparent)}pre::-webkit-scrollbar-track{background:0 0}pre:hover::-webkit-scrollbar-thumb{box-shadow:inset 0 0 0 1rem color-mix(in srgb,var(--flow-scrollbar-color,var(--flow-body-color)) 40%,transparent)}pre::-webkit-scrollbar-corner{background:0 0}pre code{background:0 0;padding:0}code{background:var(--flow-code-bg);padding:2px 4px;border-radius:var(--flow-border-radius)}abbr{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}.kbd,kbd{border:var(--flow-border-width) var(--flow-border-style) var(--flow-border-color);display:inline-block;box-sizing:border-box;max-width:100%;font-size:var(--flow-font-size-h5);font-weight:var(--flow-font-weight-medium);line-height:1;vertical-align:baseline;border-radius:var(--flow-border-radius)}img{max-width:100%;height:auto}::-moz-selection{background-color:color-mix(in srgb,var(--flow-primary) 10%,transparent)}::selection{background-color:color-mix(in srgb,var(--flow-primary) 10%,transparent)}[class*=" link-"].disabled,[class^=link-].disabled{color:var(--flow-disabled-color)!important;pointer-events:none}a:hover:has(.icon){text-decoration:none}.steps{--flow-steps-padding:2rem;--flow-steps-item-size:1.5rem;margin-left:1rem;padding-left:var(--flow-steps-padding);counter-reset:step;border-left:1px solid var(--flow-border-color);margin-bottom:2rem}.steps .h3,.steps h3{counter-increment:step}.steps .h3:not(:first-child),.steps h3:not(:first-child){margin-top:2.5rem!important}.steps .h3:before,.steps h3:before{content:counter(step);display:inline-block;position:absolute;margin-top:1px;margin-left:calc(-1 * var(--flow-steps-padding) - var(--flow-steps-item-size)/ 2);width:var(--flow-steps-item-size);height:var(--flow-steps-item-size);text-align:center;color:var(--flow-body-color);border:1px solid var(--flow-border-color);background:var(--flow-bg-surface);border-radius:var(--flow-border-radius);line-height:calc(var(--flow-steps-item-size) - 2px);font-size:var(--flow-font-size-h4);font-weight:var(--flow-font-weight-bold)}.steps>:last-child{margin-bottom:0}.signature{--flow-signature-padding:var(--flow-spacer-1);--flow-signature-border-radius:var(--flow-border-radius);border:var(--flow-border-width) solid var(--flow-border-color);padding:var(--flow-signature-padding);border-radius:var(--flow-border-radius)}.visually-hidden{width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.visually-hidden:not(caption){position:absolute!important}.visually-hidden *{overflow:hidden!important}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--flow-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.bg-warning{background-color:color-mix(in srgb,var(--flow-warning) calc(var(--flow-bg-opacity,1) * 100%),transparent)!important}.bg-warning-lt{color:color-mix(in srgb,var(--flow-warning) calc(var(--flow-text-opacity,1) * 100%),transparent)!important;background-color:color-mix(in srgb,var(--flow-warning-lt) calc(var(--flow-bg-opacity,1) * 100%),transparent)!important}
.input-group>.form-control,.input-group>.form-select { position:relative;flex:1 1 auto;width:1%;min-width:0 }
.input-group>.form-control:focus,.input-group>.form-select:focus { z-index:5 }
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) { border-top-right-radius:0;border-bottom-right-radius:0 }
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { margin-left:calc(-1 * var(--flow-border-width));border-top-left-radius:0;border-bottom-left-radius:0 }
.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"] { --flow-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d63939' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cline x1='18' y1='6' x2='6' y2='18'%3e%3c/line%3e%3cline x1='6' y1='6' x2='18' y2='18'%3e%3c/line%3e%3c/svg%3e");padding-right:5.5rem;background-position:right 1rem center,center right 3rem;background-size:16px 12px,1.8125rem 1.8125rem }
.input-group>.form-control:not(:focus).is-invalid,.input-group>.form-select:not(:focus).is-invalid { z-index:4 }
.dropdown,.dropend { position:relative }
.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover { z-index:1 }
.dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after { margin-left:0 }
.navbar[data-bs-theme=dark],body[data-bs-theme=dark] .navbar[data-bs-theme=light] { --flow-navbar-color:rgba(255, 255, 255, 0.7);--flow-navbar-hover-color:rgba(255, 255, 255, 0.75);--flow-navbar-disabled-color:var(--flow-disabled-color);--flow-navbar-active-color:#ffffff;--flow-navbar-brand-color:#ffffff;--flow-navbar-brand-hover-color:#ffffff;--flow-navbar-toggler-border-color:rgba(255, 255, 255, 0.1);--flow-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.7%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") }
.text-info { --flow-text-opacity:1;color:rgba(var(--flow-info-rgb),var(--flow-text-opacity))!important }
.text-light { --flow-text-opacity:1;color:rgba(var(--flow-light-rgb),var(--flow-text-opacity))!important }
.bg-info { --flow-bg-opacity:1;background-color:rgba(var(--flow-info-rgb),var(--flow-bg-opacity))!important }
.bg-dark { --flow-bg-opacity:1;background-color:rgba(var(--flow-dark-rgb),var(--flow-bg-opacity))!important }
.bg-muted { --flow-bg-opacity:1;background-color:rgba(var(--flow-muted-rgb),var(--flow-bg-opacity))!important }
.btn-group>.btn-check:checked+.btn,.btn-group>.btn.active,.btn-group>.btn:active { z-index:5 }
.btn-group>.btn-check:focus+.btn,.btn-group>.btn:focus,.btn-group>.btn:hover { z-index:1 }
.bg-info { background-color:color-mix(in srgb,var(--flow-info) calc(var(--flow-bg-opacity,1) * 100%),transparent)!important }
.bg-info-lt { color:color-mix(in srgb,var(--flow-info) calc(var(--flow-text-opacity,1) * 100%),transparent)!important;background-color:color-mix(in srgb,var(--flow-info-lt) calc(var(--flow-bg-opacity,1) * 100%),transparent)!important }
.bg-light-lt { color:color-mix(in srgb,var(--flow-light) calc(var(--flow-text-opacity,1) * 100%),transparent)!important;background-color:color-mix(in srgb,var(--flow-light-lt) calc(var(--flow-bg-opacity,1) * 100%),transparent)!important }
.bg-dark { background-color:color-mix(in srgb,var(--flow-dark) calc(var(--flow-bg-opacity,1) * 100%),transparent)!important }
.bg-muted { background-color:color-mix(in srgb,var(--flow-muted) calc(var(--flow-bg-opacity,1) * 100%),transparent)!important }
.bg-muted-lt { color:color-mix(in srgb,var(--flow-muted) calc(var(--flow-text-opacity,1) * 100%),transparent)!important;background-color:color-mix(in srgb,var(--flow-muted-lt) calc(var(--flow-bg-opacity,1) * 100%),transparent)!important }
.text-info { --flow-text-opacity:1;color:color-mix(in srgb,var(--flow-info) calc(var(--flow-text-opacity) * 100%),transparent)!important }
.text-light { --flow-text-opacity:1;color:color-mix(in srgb,var(--flow-light) calc(var(--flow-text-opacity) * 100%),transparent)!important }
}
@layer foundation {
.ts-control{border:1px solid var(--bs-border-color);border-radius:var(--bs-border-radius);box-shadow:none;box-sizing:border-box;flex-wrap:wrap;overflow:hidden;padding:.375rem .75rem;position:relative;width:100%;z-index:1}.ts-wrapper.multi.has-items .ts-control{padding:calc(.375rem - 1px) .75rem calc(.375rem - 4px)}.full .ts-control{background-color:var(--bs-body-bg)}.disabled .ts-control,.disabled .ts-control *{cursor:default!important}.focus .ts-control{box-shadow:none}.ts-control>*{display:inline-block;vertical-align:initial}.ts-wrapper.multi .ts-control>div{background:#efefef;border:0 solid #dee2e6;color:#343a40;cursor:pointer;margin:0 3px 3px 0;padding:1px 5px}.ts-wrapper.multi .ts-control>div.active{background:#0d6efd;border:0 solid transparent;color:#fff}.ts-wrapper.multi.disabled .ts-control>div,.ts-wrapper.multi.disabled .ts-control>div.active{background:#fff;border:0 solid #fff;color:#878787}.ts-control>input{background:none!important;border:0!important;box-shadow:none!important;display:inline-block!important;flex:1 1 auto;line-height:inherit!important;margin:0!important;max-height:none!important;max-width:100%!important;min-height:0!important;min-width:7rem;padding:0!important;text-indent:0!important;-webkit-user-select:auto!important;-moz-user-select:auto!important;-ms-user-select:auto!important;user-select:auto!important}.ts-control>input::-ms-clear{display:none}.ts-control>input:focus{outline:none!important}.has-items .ts-control>input{margin:0 4px!important}.ts-control.rtl{text-align:right}.ts-control.rtl.single .ts-control:after{left:calc(.75rem + 5px);right:auto}.ts-control.rtl .ts-control>input{margin:0 4px 0 -2px!important}.disabled .ts-control{background-color:var(--bs-secondary-bg);opacity:.5}.input-hidden .ts-control>input{left:-10000px;opacity:0;position:absolute}.ts-dropdown{background:var(--bs-body-bg);border:1px solid #d0d0d0;border-radius:0 0 var(--bs-border-radius) var(--bs-border-radius);border-top:0;box-shadow:0 1px 3px rgba(0,0,0,.1);box-sizing:border-box;left:0;margin:.25rem 0 0;position:absolute;top:100%;width:100%;z-index:10}.ts-dropdown [data-selectable]{cursor:pointer;overflow:hidden}.ts-dropdown [data-selectable] .highlight{background:rgba(255,237,40,.4);border-radius:1px}.ts-dropdown .create,.ts-dropdown .no-results,.ts-dropdown .optgroup-header,.ts-dropdown .option{padding:3px .75rem}.ts-dropdown .option,.ts-dropdown [data-disabled],.ts-dropdown [data-disabled] [data-selectable].option{cursor:inherit;opacity:.5}.ts-dropdown [data-selectable].option{cursor:pointer;opacity:1}.ts-dropdown .optgroup:first-child .optgroup-header{border-top:0}.ts-dropdown .optgroup-header{background:var(--bs-body-bg);color:#6c757d;cursor:default}.ts-dropdown .active{background-color:var(--bs-tertiary-bg)}.ts-dropdown .active,.ts-dropdown .active.create{color:var(--bs-body-color)}.ts-dropdown .create{color:rgba(52,58,64,.5)}.ts-dropdown .spinner{display:inline-block;height:30px;margin:3px .75rem;width:30px}.ts-dropdown .spinner:after{animation:lds-dual-ring 1.2s linear infinite;border-color:#d0d0d0 transparent;border-radius:50%;border-style:solid;border-width:5px;content:" ";display:block;height:24px;margin:3px;width:24px}@keyframes lds-dual-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ts-dropdown-content{max-height:200px;overflow:hidden auto;scroll-behavior:smooth}.ts-wrapper.plugin-drag_drop .ts-dragging{color:transparent!important}.ts-wrapper.plugin-drag_drop .ts-dragging>*{visibility:hidden!important}.plugin-checkbox_options:not(.rtl) .option input{margin-right:.5rem}.plugin-checkbox_options.rtl .option input{margin-left:.5rem}.plugin-clear_button{--ts-pr-clear-button:1em}.plugin-clear_button .clear-button{background:transparent!important;cursor:pointer;margin-right:0!important;opacity:0;position:absolute;right:calc(.75rem - 5px);top:50%;transform:translateY(-50%);transition:opacity .5s}.plugin-clear_button.form-select .clear-button,.plugin-clear_button.single .clear-button{right:max(var(--ts-pr-caret),.75rem)}.plugin-clear_button.focus.has-items .clear-button,.plugin-clear_button:not(.disabled):hover.has-items .clear-button{opacity:1}.ts-wrapper .dropdown-header{background:color-mix(var(--bs-body-bg),#d0d0d0,85%);border-bottom:1px solid #d0d0d0;border-radius:var(--bs-border-radius) var(--bs-border-radius) 0 0;padding:6px .75rem;position:relative}.ts-wrapper .dropdown-header-close{color:#343a40;font-size:20px!important;line-height:20px;margin-top:-12px;opacity:.4;position:absolute;right:.75rem;top:50%}.ts-wrapper .dropdown-header-close:hover{color:#000}.plugin-dropdown_input.focus.dropdown-active .ts-control{border:1px solid var(--bs-border-color);box-shadow:none;box-shadow:var(--bs-box-shadow-inset)}.plugin-dropdown_input .dropdown-input{background:transparent;border:solid #d0d0d0;border-width:0 0 1px;box-shadow:none;display:block;padding:.375rem .75rem;width:100%}.plugin-dropdown_input.focus .ts-dropdown .dropdown-input{border-color:#86b7fe;box-shadow:0 0 0 .25rem rgba(13,110,253,.25);outline:0}.plugin-dropdown_input .items-placeholder{border:0!important;box-shadow:none!important;width:100%}.plugin-dropdown_input.dropdown-active .items-placeholder,.plugin-dropdown_input.has-items .items-placeholder{display:none!important}.ts-wrapper.plugin-input_autogrow.has-items .ts-control>input{min-width:0}.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input{flex:none;min-width:4px}.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input::-ms-input-placeholder{color:transparent}.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control>input::placeholder{color:transparent}.ts-dropdown.plugin-optgroup_columns .ts-dropdown-content{display:flex}.ts-dropdown.plugin-optgroup_columns .optgroup{border-right:1px solid #f2f2f2;border-top:0;flex-basis:0;flex-grow:1;min-width:0}.ts-dropdown.plugin-optgroup_columns .optgroup:last-child{border-right:0}.ts-dropdown.plugin-optgroup_columns .optgroup:before{display:none}.ts-dropdown.plugin-optgroup_columns .optgroup-header{border-top:0}.ts-wrapper.plugin-remove_button .item{align-items:center;display:inline-flex}.ts-wrapper.plugin-remove_button .item .remove{border-radius:0 2px 2px 0;box-sizing:border-box;color:inherit;display:inline-block;padding:0 5px;text-decoration:none;vertical-align:middle}.ts-wrapper.plugin-remove_button .item .remove:hover{background:rgba(0,0,0,.05)}.ts-wrapper.plugin-remove_button.disabled .item .remove:hover{background:none}.ts-wrapper.plugin-remove_button .remove-single{font-size:23px;position:absolute;right:0;top:0}.ts-wrapper.plugin-remove_button:not(.rtl) .item{padding-right:0!important}.ts-wrapper.plugin-remove_button:not(.rtl) .item .remove{border-left:1px solid #dee2e6;margin-left:5px}.ts-wrapper.plugin-remove_button:not(.rtl) .item.active .remove{border-left-color:transparent}.ts-wrapper.plugin-remove_button:not(.rtl).disabled .item .remove{border-left-color:#fff}.ts-wrapper.plugin-remove_button.rtl .item{padding-left:0!important}.ts-wrapper.plugin-remove_button.rtl .item .remove{border-right:1px solid #dee2e6;margin-right:5px}.ts-wrapper.plugin-remove_button.rtl .item.active .remove{border-right-color:transparent}.ts-wrapper.plugin-remove_button.rtl.disabled .item .remove{border-right-color:#fff}:root{--ts-pr-clear-button:0px;--ts-pr-caret:0px;--ts-pr-min:.75rem}.ts-wrapper.single .ts-control,.ts-wrapper.single .ts-control input{cursor:pointer}.ts-control:not(.rtl){padding-right:max(var(--ts-pr-min),var(--ts-pr-clear-button) + var(--ts-pr-caret))!important}.ts-control.rtl{padding-left:max(var(--ts-pr-min),var(--ts-pr-clear-button) + var(--ts-pr-caret))!important}.ts-wrapper{position:relative}.ts-control,.ts-control input,.ts-dropdown{color:#343a40;font-family:inherit;font-size:inherit;line-height:1.5}.ts-control,.ts-wrapper.single.input-active .ts-control{background:var(--bs-body-bg);cursor:text}.ts-hidden-accessible{border:0!important;clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.ts-dropdown,.ts-dropdown.form-control,.ts-dropdown.form-select{background:var(--bs-body-bg);border:1px solid var(--bs-border-color-translucent);border-radius:.375rem;box-shadow:0 6px 12px rgba(0,0,0,.175);height:auto;padding:0;z-index:1000}.ts-dropdown .optgroup-header{font-size:.875rem;line-height:1.5}.ts-dropdown .optgroup:first-child:before{display:none}.ts-dropdown .optgroup:before{border-top:1px solid var(--bs-border-color-translucent);content:" ";display:block;height:0;margin:.5rem -.75rem;overflow:hidden}.ts-dropdown .create{padding-left:.75rem}.ts-dropdown-content{padding:5px 0}.ts-control{align-items:center;display:flex;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.ts-control{transition:none}}.focus .ts-control{border-color:#86b7fe;box-shadow:0 0 0 .25rem rgba(13,110,253,.25);outline:0}.ts-control .item{align-items:center;display:flex}.ts-wrapper.is-invalid,.was-validated .invalid,.was-validated :invalid+.ts-wrapper{border-color:var(--bs-form-invalid-color)}.ts-wrapper.is-invalid:not(.single),.was-validated .invalid:not(.single),.was-validated :invalid+.ts-wrapper:not(.single){background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");background-position:right calc(.375em + .1875rem) center;background-repeat:no-repeat;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.ts-wrapper.is-invalid.single,.was-validated .invalid.single,.was-validated :invalid+.ts-wrapper.single{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3E%3Ccircle cx='6' cy='6' r='4.5'/%3E%3Cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3E%3Ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3E%3C/svg%3E");background-position:right .75rem center,center right 2.25rem;background-repeat:no-repeat;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.ts-wrapper.is-invalid.focus .ts-control,.was-validated .invalid.focus .ts-control,.was-validated :invalid+.ts-wrapper.focus .ts-control{border-color:var(--bs-form-invalid-color);box-shadow:0 0 0 .25rem rgba(var(--bs-form-invalid-color),.25)}.ts-wrapper.is-valid,.was-validated .valid,.was-validated :valid+.ts-wrapper{border-color:var(--bs-form-valid-color)}.ts-wrapper.is-valid:not(.single),.was-validated .valid:not(.single),.was-validated :valid+.ts-wrapper:not(.single){background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3E%3C/svg%3E");background-position:right calc(.375em + .1875rem) center;background-repeat:no-repeat;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.ts-wrapper.is-valid.single,.was-validated .valid.single,.was-validated :valid+.ts-wrapper.single{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3E%3C/svg%3E");background-position:right .75rem center,center right 2.25rem;background-repeat:no-repeat;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.ts-wrapper.is-valid.focus .ts-control,.was-validated .valid.focus .ts-control,.was-validated :valid+.ts-wrapper.focus .ts-control{border-color:var(--bs-form-valid-color);box-shadow:0 0 0 .25rem rgba(var(--bs-form-valid-color),.25)}.ts-wrapper{display:flex;min-height:calc(1.5em + .75rem + var(--bs-border-width)*2)}.input-group-sm>.ts-wrapper,.ts-wrapper.form-control-sm,.ts-wrapper.form-select-sm{min-height:calc(1.5em + .5rem + var(--bs-border-width)*2)}.input-group-sm>.ts-wrapper .ts-control,.ts-wrapper.form-control-sm .ts-control,.ts-wrapper.form-select-sm .ts-control{border-radius:var(--bs-border-radius-sm);font-size:.875rem}.input-group-sm>.ts-wrapper.has-items .ts-control,.ts-wrapper.form-control-sm.has-items .ts-control,.ts-wrapper.form-select-sm.has-items .ts-control{font-size:.875rem;padding-bottom:0}.input-group-sm>.ts-wrapper.multi.has-items .ts-control,.ts-wrapper.form-control-sm.multi.has-items .ts-control,.ts-wrapper.form-select-sm.multi.has-items .ts-control{padding-top:calc(.75em - .40625rem + var(--bs-border-width)*2/2 - (var(--bs-border-width) + 1px)*2/2)!important}.ts-wrapper.multi.has-items .ts-control{padding-left:calc(.75rem - 5px);--ts-pr-min:calc(0.75rem - 5px)}.ts-wrapper.multi .ts-control>div{border-radius:calc(var(--bs-border-radius) - 1px)}.input-group-lg>.ts-wrapper,.ts-wrapper.form-control-lg,.ts-wrapper.form-select-lg{min-height:calc(1.5em + 1rem + var(--bs-border-width)*2)}.input-group-lg>.ts-wrapper .ts-control,.ts-wrapper.form-control-lg .ts-control,.ts-wrapper.form-select-lg .ts-control{border-radius:var(--bs-border-radius-lg);font-size:1.25rem}.ts-wrapper:not(.form-control,.form-select){background:none;border:none;box-shadow:none;height:auto;padding:0}.ts-wrapper:not(.form-control,.form-select).single .ts-control{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:16px 12px}.ts-wrapper.form-select,.ts-wrapper.single{--ts-pr-caret:2.25rem}.ts-wrapper.form-control,.ts-wrapper.form-select{box-shadow:none;display:flex;height:auto;padding:0!important}.ts-wrapper.form-control .ts-control,.ts-wrapper.form-control.single.input-active .ts-control,.ts-wrapper.form-select .ts-control,.ts-wrapper.form-select.single.input-active .ts-control{border:none!important}.ts-wrapper.form-control:not(.disabled) .ts-control,.ts-wrapper.form-control:not(.disabled).single.input-active .ts-control,.ts-wrapper.form-select:not(.disabled) .ts-control,.ts-wrapper.form-select:not(.disabled).single.input-active .ts-control{background:transparent!important}.input-group>.ts-wrapper{flex-grow:1;width:1%}.input-group>.ts-wrapper:not(:nth-child(2))>.ts-control{border-bottom-left-radius:0;border-top-left-radius:0}.input-group>.ts-wrapper:not(:last-child)>.ts-control{border-bottom-right-radius:0;border-top-right-radius:0}
}
@layer foundation {
/*!
 * 
 * ../css/litepicker.css
 * Litepicker v2.0.12 (https://github.com/wakirin/Litepicker)
 * Package: litepicker (https://www.npmjs.com/package/litepicker)
 * License: MIT (https://github.com/wakirin/Litepicker/blob/master/LICENCE.md)
 * Copyright 2019-2021 Rinat G.
 *     
 * Hash: 2f11f1f0300ea13b17b5
 * 
 */
:root{--litepicker-container-months-color-bg: #fff;--litepicker-container-months-box-shadow-color: #ddd;--litepicker-footer-color-bg: #fafafa;--litepicker-footer-box-shadow-color: #ddd;--litepicker-tooltip-color-bg: #fff;--litepicker-month-header-color: #333;--litepicker-button-prev-month-color: #9e9e9e;--litepicker-button-next-month-color: #9e9e9e;--litepicker-button-prev-month-color-hover: #2196f3;--litepicker-button-next-month-color-hover: #2196f3;--litepicker-month-width: calc(var(--litepicker-day-width) * 7);--litepicker-month-weekday-color: #9e9e9e;--litepicker-month-week-number-color: #9e9e9e;--litepicker-day-width: 38px;--litepicker-day-color: #333;--litepicker-day-color-hover: #2196f3;--litepicker-is-today-color: #f44336;--litepicker-is-in-range-color: #bbdefb;--litepicker-is-locked-color: #9e9e9e;--litepicker-is-start-color: #fff;--litepicker-is-start-color-bg: #2196f3;--litepicker-is-end-color: #fff;--litepicker-is-end-color-bg: #2196f3;--litepicker-button-cancel-color: #fff;--litepicker-button-cancel-color-bg: #9e9e9e;--litepicker-button-apply-color: #fff;--litepicker-button-apply-color-bg: #2196f3;--litepicker-button-reset-color: #909090;--litepicker-button-reset-color-hover: #2196f3;--litepicker-highlighted-day-color: #333;--litepicker-highlighted-day-color-bg: #ffeb3b}.show-week-numbers{--litepicker-month-width: calc(var(--litepicker-day-width) * 8)}.litepicker{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;font-size:0.8em;display:none}.litepicker button{border:none;background:none}.litepicker .container__main{display:-webkit-box;display:-ms-flexbox;display:flex}.litepicker .container__months{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;background-color:var(--litepicker-container-months-color-bg);border-radius:5px;-webkit-box-shadow:0 0 5px var(--litepicker-container-months-box-shadow-color);box-shadow:0 0 5px var(--litepicker-container-months-box-shadow-color);width:calc(var(--litepicker-month-width) + 10px);-webkit-box-sizing:content-box;box-sizing:content-box}.litepicker .container__months.columns-2{width:calc((var(--litepicker-month-width) * 2) + 20px)}.litepicker .container__months.columns-3{width:calc((var(--litepicker-month-width) * 3) + 30px)}.litepicker .container__months.columns-4{width:calc((var(--litepicker-month-width) * 4) + 40px)}.litepicker .container__months.split-view .month-item-header .button-previous-month,.litepicker .container__months.split-view .month-item-header .button-next-month{visibility:visible}.litepicker .container__months .month-item{padding:5px;width:var(--litepicker-month-width);-webkit-box-sizing:content-box;box-sizing:content-box}.litepicker .container__months .month-item-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-weight:500;padding:10px 5px;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:var(--litepicker-month-header-color)}.litepicker .container__months .month-item-header div{-webkit-box-flex:1;-ms-flex:1;flex:1}.litepicker .container__months .month-item-header div>.month-item-name{margin-right:5px}.litepicker .container__months .month-item-header div>.month-item-year{padding:0}.litepicker .container__months .month-item-header .reset-button{color:var(--litepicker-button-reset-color)}.litepicker .container__months .month-item-header .reset-button>svg{fill:var(--litepicker-button-reset-color)}.litepicker .container__months .month-item-header .reset-button *{pointer-events:none}.litepicker .container__months .month-item-header .reset-button:hover{color:var(--litepicker-button-reset-color-hover)}.litepicker .container__months .month-item-header .reset-button:hover>svg{fill:var(--litepicker-button-reset-color-hover)}.litepicker .container__months .month-item-header .button-previous-month,.litepicker .container__months .month-item-header .button-next-month{visibility:hidden;text-decoration:none;padding:3px 5px;border-radius:3px;-webkit-transition:color 0.3s, border 0.3s;transition:color 0.3s, border 0.3s;cursor:default}.litepicker .container__months .month-item-header .button-previous-month *,.litepicker .container__months .month-item-header .button-next-month *{pointer-events:none}.litepicker .container__months .month-item-header .button-previous-month{color:var(--litepicker-button-prev-month-color)}.litepicker .container__months .month-item-header .button-previous-month>svg,.litepicker .container__months .month-item-header .button-previous-month>img{fill:var(--litepicker-button-prev-month-color)}.litepicker .container__months .month-item-header .button-previous-month:hover{color:var(--litepicker-button-prev-month-color-hover)}.litepicker .container__months .month-item-header .button-previous-month:hover>svg{fill:var(--litepicker-button-prev-month-color-hover)}.litepicker .container__months .month-item-header .button-next-month{color:var(--litepicker-button-next-month-color)}.litepicker .container__months .month-item-header .button-next-month>svg,.litepicker .container__months .month-item-header .button-next-month>img{fill:var(--litepicker-button-next-month-color)}.litepicker .container__months .month-item-header .button-next-month:hover{color:var(--litepicker-button-next-month-color-hover)}.litepicker .container__months .month-item-header .button-next-month:hover>svg{fill:var(--litepicker-button-next-month-color-hover)}.litepicker .container__months .month-item-weekdays-row{display:-webkit-box;display:-ms-flexbox;display:flex;justify-self:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;color:var(--litepicker-month-weekday-color)}.litepicker .container__months .month-item-weekdays-row>div{padding:5px 0;font-size:85%;-webkit-box-flex:1;-ms-flex:1;flex:1;width:var(--litepicker-day-width);text-align:center}.litepicker .container__months .month-item:first-child .button-previous-month{visibility:visible}.litepicker .container__months .month-item:last-child .button-next-month{visibility:visible}.litepicker .container__months .month-item.no-previous-month .button-previous-month{visibility:hidden}.litepicker .container__months .month-item.no-next-month .button-next-month{visibility:hidden}.litepicker .container__days{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-self:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;text-align:center;-webkit-box-sizing:content-box;box-sizing:content-box}.litepicker .container__days>div,.litepicker .container__days>a{padding:5px 0;width:var(--litepicker-day-width)}.litepicker .container__days .day-item{color:var(--litepicker-day-color);text-align:center;text-decoration:none;border-radius:3px;-webkit-transition:color 0.3s, border 0.3s;transition:color 0.3s, border 0.3s;cursor:default}.litepicker .container__days .day-item:hover{color:var(--litepicker-day-color-hover);-webkit-box-shadow:inset 0 0 0 1px var(--litepicker-day-color-hover);box-shadow:inset 0 0 0 1px var(--litepicker-day-color-hover)}.litepicker .container__days .day-item.is-today{color:var(--litepicker-is-today-color)}.litepicker .container__days .day-item.is-locked{color:var(--litepicker-is-locked-color)}.litepicker .container__days .day-item.is-locked:hover{color:var(--litepicker-is-locked-color);-webkit-box-shadow:none;box-shadow:none;cursor:default}.litepicker .container__days .day-item.is-in-range{background-color:var(--litepicker-is-in-range-color);border-radius:0}.litepicker .container__days .day-item.is-start-date{color:var(--litepicker-is-start-color);background-color:var(--litepicker-is-start-color-bg);border-top-left-radius:5px;border-bottom-left-radius:5px;border-top-right-radius:0;border-bottom-right-radius:0}.litepicker .container__days .day-item.is-start-date.is-flipped{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:5px;border-bottom-right-radius:5px}.litepicker .container__days .day-item.is-end-date{color:var(--litepicker-is-end-color);background-color:var(--litepicker-is-end-color-bg);border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:5px;border-bottom-right-radius:5px}.litepicker .container__days .day-item.is-end-date.is-flipped{border-top-left-radius:5px;border-bottom-left-radius:5px;border-top-right-radius:0;border-bottom-right-radius:0}.litepicker .container__days .day-item.is-start-date.is-end-date{border-top-left-radius:5px;border-bottom-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px}.litepicker .container__days .day-item.is-highlighted{color:var(--litepicker-highlighted-day-color);background-color:var(--litepicker-highlighted-day-color-bg)}.litepicker .container__days .week-number{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:var(--litepicker-month-week-number-color);font-size:85%}.litepicker .container__footer{text-align:right;padding:10px 5px;margin:0 5px;background-color:var(--litepicker-footer-color-bg);-webkit-box-shadow:inset 0px 3px 3px 0px var(--litepicker-footer-box-shadow-color);box-shadow:inset 0px 3px 3px 0px var(--litepicker-footer-box-shadow-color);border-bottom-left-radius:5px;border-bottom-right-radius:5px}.litepicker .container__footer .preview-date-range{margin-right:10px;font-size:90%}.litepicker .container__footer .button-cancel{background-color:var(--litepicker-button-cancel-color-bg);color:var(--litepicker-button-cancel-color);border:0;padding:3px 7px 4px;border-radius:3px}.litepicker .container__footer .button-cancel *{pointer-events:none}.litepicker .container__footer .button-apply{background-color:var(--litepicker-button-apply-color-bg);color:var(--litepicker-button-apply-color);border:0;padding:3px 7px 4px;border-radius:3px;margin-left:10px;margin-right:10px}.litepicker .container__footer .button-apply:disabled{opacity:0.7}.litepicker .container__footer .button-apply *{pointer-events:none}.litepicker .container__tooltip{position:absolute;margin-top:-4px;padding:4px 8px;border-radius:4px;background-color:var(--litepicker-tooltip-color-bg);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.25);box-shadow:0 1px 3px rgba(0,0,0,0.25);white-space:nowrap;font-size:11px;pointer-events:none;visibility:hidden}.litepicker .container__tooltip:before{position:absolute;bottom:-5px;left:calc(50% - 5px);border-top:5px solid rgba(0,0,0,0.12);border-right:5px solid transparent;border-left:5px solid transparent;content:""}.litepicker .container__tooltip:after{position:absolute;bottom:-4px;left:calc(50% - 4px);border-top:4px solid var(--litepicker-tooltip-color-bg);border-right:4px solid transparent;border-left:4px solid transparent;content:""}
}
@layer base {
:root {
--flow-font-sans-serif: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif;
--flow-border-color: rgba(0, 0, 0, 0.1);
--flow-border-radius: 3px;
--flow-border-radius-sm: var(--flow-border-radius);
--flow-border-radius-lg: var(--flow-border-radius);
--flow-card-border-radius: var(--flow-border-radius);
--flow-modal-border-radius: var(--flow-border-radius);
--flow-primary-100: #e4ecfa;
--flow-primary-500: #003c91;
--flow-primary-700: #002a66;
--flow-primary-rgb: 0, 60, 145;
--flow-success-100: #e3f5e8;
--flow-success-500: #1f9d55;
--flow-success-700: #166534;
--flow-success-600: color-mix(in srgb, var(--flow-success-500) 40%, var(--flow-success-700));
--flow-success-rgb: 31, 157, 85;
--flow-warning-100: #fff1d6;
--flow-warning-500: #f59f00;
--flow-warning-700: #b45309;
--flow-warning-rgb: 245, 159, 0;
--flow-danger-100: #fde8e8;
--flow-danger-500: #dc2626;
--flow-danger-700: #991b1b;
--flow-danger-600: color-mix(in srgb, var(--flow-danger-500) 40%, var(--flow-danger-700));
--flow-danger-rgb: 220, 38, 38;
--flow-info-100: #e0f2fe;
--flow-info-500: #0284c7;
--flow-info-700: #075985;
--flow-info-rgb: 2, 132, 199;
--flow-neutral-100: #f3f4f6;
--flow-neutral-500: #6b7280;
--flow-neutral-700: #374151;
--flow-neutral-rgb: 107, 114, 128;
--flow-primary: var(--flow-primary-500);
--flow-primary-lt: var(--flow-primary-100);
--flow-primary-bg-subtle: var(--flow-primary-100);
--flow-primary-text-emphasis: var(--flow-primary-700);
--flow-primary-200: color-mix(in srgb, var(--flow-primary-500) 20%, transparent);
--flow-primary-border-subtle: color-mix(in srgb, var(--flow-primary-500) 30%, transparent);
--flow-primary-fg: var(--flow-white);
--flow-success: var(--flow-success-500);
--flow-success-lt: var(--flow-success-100);
--flow-success-bg-subtle: var(--flow-success-100);
--flow-success-text-emphasis: var(--flow-success-700);
--flow-success-darken: var(--flow-success-700);
--flow-success-200: color-mix(in srgb, var(--flow-success-500) 20%, transparent);
--flow-success-border-subtle: color-mix(in srgb, var(--flow-success-500) 30%, transparent);
--flow-success-fg: var(--flow-white);
--flow-warning: var(--flow-warning-500);
--flow-warning-lt: var(--flow-warning-100);
--flow-warning-bg-subtle: var(--flow-warning-100);
--flow-warning-text-emphasis: var(--flow-warning-700);
--flow-warning-darken: var(--flow-warning-700);
--flow-warning-200: color-mix(in srgb, var(--flow-warning-500) 20%, transparent);
--flow-warning-border-subtle: color-mix(in srgb, var(--flow-warning-500) 30%, transparent);
--flow-warning-fg: var(--flow-white);
--flow-danger: var(--flow-danger-500);
--flow-danger-lt: var(--flow-danger-100);
--flow-danger-bg-subtle: var(--flow-danger-100);
--flow-danger-text-emphasis: var(--flow-danger-700);
--flow-danger-darken: var(--flow-danger-700);
--flow-danger-200: color-mix(in srgb, var(--flow-danger-500) 20%, transparent);
--flow-danger-border-subtle: color-mix(in srgb, var(--flow-danger-500) 30%, transparent);
--flow-danger-fg: var(--flow-white);
--flow-info: var(--flow-info-500);
--flow-info-lt: var(--flow-info-100);
--flow-info-bg-subtle: var(--flow-info-100);
--flow-info-text-emphasis: var(--flow-info-700);
--flow-info-darken: var(--flow-info-700);
--flow-info-200: color-mix(in srgb, var(--flow-info-500) 20%, transparent);
--flow-info-border-subtle: color-mix(in srgb, var(--flow-info-500) 30%, transparent);
--flow-info-fg: var(--flow-white);
--flow-secondary: var(--flow-neutral-500);
--flow-secondary-rgb: var(--flow-neutral-rgb);
--flow-secondary-lt: var(--flow-neutral-100);
--flow-secondary-bg-subtle: var(--flow-neutral-100);
--flow-secondary-text-emphasis: var(--flow-neutral-700);
--flow-secondary-darken: var(--flow-neutral-700);
--flow-secondary-200: color-mix(in srgb, var(--flow-neutral-500) 20%, transparent);
--flow-secondary-border-subtle: color-mix(in srgb, var(--flow-neutral-500) 30%, transparent);
--flow-secondary-fg: var(--flow-white);
--flow-primary-hover: #0047ab;
--flow-primary-darken: var(--flow-primary-hover);
--flow-blue: var(--flow-primary-500);
--flow-blue-rgb: var(--flow-primary-rgb);
--flow-blue-lt: var(--flow-primary-100);
--flow-green: var(--flow-success-500);
--flow-green-rgb: var(--flow-success-rgb);
--flow-green-lt: var(--flow-success-100);
--flow-red: var(--flow-danger-500);
--flow-red-rgb: var(--flow-danger-rgb);
--flow-red-lt: var(--flow-danger-100);
--flow-yellow: var(--flow-warning-500);
--flow-yellow-rgb: var(--flow-warning-rgb);
--flow-yellow-lt: var(--flow-warning-100);
--flow-yellow-darken: var(--flow-warning-700);
--flow-orange: var(--flow-warning-500);
--flow-orange-rgb: var(--flow-warning-rgb);
--flow-orange-lt: var(--flow-warning-100);
--flow-orange-darken: var(--flow-warning-700);
--flow-orange-fg: var(--flow-white);
--flow-azure: var(--flow-info-500);
--flow-azure-rgb: var(--flow-info-rgb);
--flow-azure-lt: var(--flow-info-100);
--flow-azure-darken: var(--flow-info-700);
--flow-link-color: var(--flow-primary-500);
--flow-link-hover-color: var(--flow-primary-hover);
--flow-link-color-rgb: var(--flow-primary-rgb);
--flow-link-hover-color-rgb: 0, 71, 171;
--flow-mock: #ec008c;
--flow-body-font-size: 13px;
--flow-font-document-size: 14px;
--flow-font-size-xs: 11px;
--flow-font-size-sm: 12px;
--flow-font-size-base: 13px;
--flow-font-size-md: 14px;
--flow-font-size-section: 15px;
--flow-font-size-lg: 16px;
--flow-font-size-xl: 20px;
--flow-font-size-2xl: 24px;
--flow-font-size-readout: 11.5px;
--flow-font-size-micro: 10px;
--flow-font-weight-regular: 400;
--flow-font-weight-medium: 500;
--flow-font-weight-semibold: 600;
--flow-font-mono: 'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace;
--flow-font-document: Arial, "Liberation Sans", sans-serif;
--flow-control-h-xs: 24px;
--flow-control-h-s: 28px;
--flow-control-h-m: 32px;
--flow-control-h-l: 36px;
--flow-touch-h-s: 48px;
--flow-touch-h-m: 56px;
--flow-touch-h-l: 64px;
--flow-input-w-xs: 72px;
--flow-input-w-sm: 110px;
--flow-input-w-md: 180px;
--flow-input-w-lg: 220px;
--flow-input-w-xl: 255px;
--flow-field-label-size: 12px;
--flow-field-label-line: 16px;
--flow-field-label-gap: 4px;
--flow-field-label-weight: 500;
--flow-field-label-color: var(--flow-secondary);
--flow-field-hint-size: 11px;
--flow-field-hint-line: 15px;
--flow-hairline: var(--flow-border-width) var(--flow-border-style) var(--flow-border-color);
--flow-focus-ring: 0 0 0 3px rgba(var(--flow-primary-rgb), 0.15);
--flow-focus-ring-danger: 0 0 0 3px rgba(var(--flow-danger-rgb), 0.15);
--flow-shadow-menu: 0 4px 16px rgba(0, 0, 0, 0.08);
--flow-shadow-menu-nav: 0 6px 14px -6px rgba(4, 32, 69, 0.22);
--flow-shadow-float: 0 2px 8px rgba(0, 0, 0, 0.12);
--flow-shadow-toast: 0 4px 12px rgba(0, 0, 0, 0.15);
--flow-shadow-popover: 0 4px 16px rgba(0, 0, 0, 0.15);
--flow-menu-gap: 1px;
--flow-row-stripe: rgba(var(--flow-primary-rgb), 0.025);
--flow-table-edge-inset: 1.25rem;
--flow-row-hover: rgba(var(--flow-secondary-rgb), 0.08);
--flow-row-active: rgba(var(--flow-primary-rgb), 0.10);
--flow-touch-font-caption: 16px;
--flow-touch-font-body: 18px;
--flow-touch-font-control: 20px;
--flow-touch-font-title: 22px;
--flow-ink-c: #00aeef;
--flow-ink-m: #ec008c;
--flow-ink-y: #fff200;
--flow-ink-k: #231f20;
--flow-cmyk-text-c: #00bcd4;
--flow-cmyk-text-m: #e91e63;
--flow-cmyk-text-y: #f7a504;
--flow-canvas-checker-a: #fff;
--flow-canvas-checker-b: #eceff3;
--flow-canvas-dark: #24262c;
--flow-search-highlight-bg: var(--flow-warning-100);
--flow-search-highlight-fg: var(--flow-warning-700);
--flow-text-secondary: #667382;
--flow-text-muted: #6c757d;
--flow-transition-recolor: 100ms linear;
--flow-menu-fade: 90ms;
}
[data-bs-theme="dark"] {
--flow-primary-100: color-mix(in srgb, var(--flow-primary-500) 22%, var(--flow-gray-900));
--flow-primary-700: color-mix(in srgb, var(--flow-primary-500) 55%, var(--flow-white));
--flow-success-100: color-mix(in srgb, var(--flow-success-500) 22%, var(--flow-gray-900));
--flow-success-700: color-mix(in srgb, var(--flow-success-500) 55%, var(--flow-white));
--flow-warning-100: color-mix(in srgb, var(--flow-warning-500) 22%, var(--flow-gray-900));
--flow-warning-700: color-mix(in srgb, var(--flow-warning-500) 55%, var(--flow-white));
--flow-danger-100: color-mix(in srgb, var(--flow-danger-500) 22%, var(--flow-gray-900));
--flow-danger-700: color-mix(in srgb, var(--flow-danger-500) 55%, var(--flow-white));
--flow-info-100: color-mix(in srgb, var(--flow-info-500) 22%, var(--flow-gray-900));
--flow-info-700: color-mix(in srgb, var(--flow-info-500) 55%, var(--flow-white));
--flow-neutral-100: color-mix(in srgb, var(--flow-neutral-500) 22%, var(--flow-gray-900));
--flow-neutral-700: color-mix(in srgb, var(--flow-neutral-500) 55%, var(--flow-white));
--flow-secondary: var(--flow-neutral-700);
}
[data-bs-theme="dark"] {
--flow-border-color: var(--flow-border-color-translucent);
}
@media (prefers-reduced-motion: reduce) {
:root {
--flow-transition-recolor: 0s;
--flow-menu-fade: 0s;
}
}
html { scrollbar-gutter: stable; }
}
@layer base {
html { margin-left: 0; }
body { font-size: 13px; }
body { font-feature-settings: 'cv03', 'cv04', 'liga' 0; }
.container-xl { --flow-gutter-x: 32px; }
.app-statusbar {
position: fixed;
inset-inline: 0;
bottom: 0;
z-index: 1020;
height: 28px;
display: flex;
align-items: center;
background: var(--flow-bg-surface, #fff);
border-top: 1px solid var(--flow-border-color);
font-size: 12px;
line-height: 1;
}
.app-statusbar .row { flex-wrap: nowrap; }
.page-wrapper, .page { padding-bottom: 40px; }
}
@layer base {
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url('../foundation/fonts/InterVariable.woff2') format('woff2');
}
@font-face {
font-family: 'Inter';
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url('../foundation/fonts/InterVariable-latin.woff2') format('woff2');
unicode-range: U+0020-007E, U+00A0-00AC, U+00AE-0148, U+014A-017F, U+0192, U+02BB, U+02C6-02DD, U+0300-0304, U+0306-0308, U+0394, U+03A3, U+03BC, U+0417, U+041A, U+041C, U+0421, U+0427, U+0430, U+0432, U+0435, U+0437, U+0439-043A, U+043D-043E, U+0441-0442, U+044B, U+2000-200B, U+2010-2027, U+202F-2055, U+2057, U+205F, U+2070-2071, U+2074-208E, U+2090-209C, U+20A0-20AF, U+20B1-20B5, U+20B8-20BA, U+20BC-20C0, U+2100-2101, U+2103, U+2105-2106, U+2109, U+2113, U+2116-2117, U+211E-2122, U+2126, U+212A-212B, U+212E, U+2132, U+213B, U+214D, U+2190-2199, U+21A9-21AA, U+21B0-21B1, U+21B3-21B5, U+21BA-21BB, U+21D0, U+21D2, U+21D4, U+21DE-21DF, U+21E4-21E5, U+21E7, U+21EA, U+2202, U+2205-2206, U+220F, U+2211-2212, U+221A, U+221E, U+222B, U+2236, U+2248, U+2260, U+2264-2265, U+2295-2298, U+2303-2305, U+2318, U+2325-2327, U+232B, U+2380, U+2387, U+238B, U+23CE-23CF, U+2460-2464, U+25A0-25A2, U+25AA, U+25B2-25B3, U+25B6-25B7, U+25BA-25BD, U+25C0-25C1, U+25C4-25C7, U+25CA-25CB, U+25CF, U+25E6, U+25EF, U+2600, U+2605-2606, U+263C, U+2661, U+2665, U+266A-266B, U+26A0, U+2713, U+2717, U+2756, U+2764, U+2780-2788, U+FEFF;
}
}
@layer base {
.container, .container-xl { --flow-gutter-x:calc(var(--flow-page-padding) * 2);--flow-gutter-y:0;width:100%;padding-right:calc(var(--flow-gutter-x) * .5);padding-left:calc(var(--flow-gutter-x) * .5);margin-right:auto;margin-left:auto; }
@media (min-width:576px) { .container { max-width:540px; } }
@media (min-width:768px) { .container { max-width:720px; } }
@media (min-width:992px) { .container { max-width:960px; } }
@media (min-width:1200px) { .container, .container-xl { max-width:1140px; } }
@media (min-width:1400px) { .container, .container-xl { max-width:1320px; } }
.row { --flow-gutter-x:var(--flow-page-padding);--flow-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--flow-gutter-y));margin-right:calc(-.5 * var(--flow-gutter-x));margin-left:calc(-.5 * var(--flow-gutter-x)); }
.row>* { flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--flow-gutter-x) * .5);padding-left:calc(var(--flow-gutter-x) * .5);margin-top:var(--flow-gutter-y); }
.col { flex:1 0 0; }
.row-cols-1>* { flex:0 0 auto;width:100%; }
.col-auto { flex:0 0 auto;width:auto; }
.col-3 { flex:0 0 auto;width:25%; }
.col-4 { flex:0 0 auto;width:33.33333333%; }
.col-5 { flex:0 0 auto;width:41.66666667%; }
.col-6 { flex:0 0 auto;width:50%; }
.col-7 { flex:0 0 auto;width:58.33333333%; }
.col-8 { flex:0 0 auto;width:66.66666667%; }
.col-1 { flex:0 0 auto;width:8.33333333%; }
.col-2 { flex:0 0 auto;width:16.66666667%; }
.col-9 { flex:0 0 auto;width:75%; }
.col-10 { flex:0 0 auto;width:83.33333333%; }
.col-11 { flex:0 0 auto;width:91.66666667%; }
.col-12 { flex:0 0 auto;width:100%; }
.g-0 { --flow-gutter-x:0; }
.g-0 { --flow-gutter-y:0; }
.g-1 { --flow-gutter-x:0.25rem; }
.g-1 { --flow-gutter-y:0.25rem; }
.g-2 { --flow-gutter-x:0.5rem; }
.g-2 { --flow-gutter-y:0.5rem; }
.g-3 { --flow-gutter-x:1rem; }
.g-3 { --flow-gutter-y:1rem; }
.g-4 { --flow-gutter-x:1.5rem; }
.g-4 { --flow-gutter-y:1.5rem; }
@media (min-width:576px) { .row-cols-sm-2>* { flex:0 0 auto;width:50%; } }
@media (min-width:576px) { .col-sm-3 { flex:0 0 auto;width:25%; } }
@media (min-width:576px) { .col-sm-4 { flex:0 0 auto;width:33.33333333%; } }
@media (min-width:576px) { .col-sm-5 { flex:0 0 auto;width:41.66666667%; } }
@media (min-width:576px) { .col-sm-6 { flex:0 0 auto;width:50%; } }
@media (min-width:576px) { .col-sm-7 { flex:0 0 auto;width:58.33333333%; } }
@media (min-width:576px) { .col-sm-8 { flex:0 0 auto;width:66.66666667%; } }
@media (min-width:576px) { .col-sm-9 { flex:0 0 auto;width:75%; } }
@media (min-width:768px) { .col-md-2 { flex:0 0 auto;width:16.66666667%; } }
@media (min-width:768px) { .col-md-3 { flex:0 0 auto;width:25%; } }
@media (min-width:768px) { .col-md-4 { flex:0 0 auto;width:33.33333333%; } }
@media (min-width:768px) { .col-md-5 { flex:0 0 auto;width:41.66666667%; } }
@media (min-width:768px) { .col-md-6 { flex:0 0 auto;width:50%; } }
@media (min-width:768px) { .col-md-7 { flex:0 0 auto;width:58.33333333%; } }
@media (min-width:768px) { .col-md-8 { flex:0 0 auto;width:66.66666667%; } }
@media (min-width:768px) { .col-md-9 { flex:0 0 auto;width:75%; } }
.col-md-1 { flex:0 0 auto;width:8.33333333%; }
@media (min-width:992px) { .col-lg-2 { flex:0 0 auto;width:16.66666667%; } }
@media (min-width:992px) { .col-lg-3 { flex:0 0 auto;width:25%; } }
@media (min-width:992px) { .col-lg-4 { flex:0 0 auto;width:33.33333333%; } }
@media (min-width:992px) { .col-lg-5 { flex:0 0 auto;width:41.66666667%; } }
@media (min-width:992px) { .col-lg-6 { flex:0 0 auto;width:50%; } }
@media (min-width:992px) { .col-lg-7 { flex:0 0 auto;width:58.33333333%; } }
@media (min-width:992px) { .col-lg-8 { flex:0 0 auto;width:66.66666667%; } }
@media (min-width:992px) { .col-lg-9 { flex:0 0 auto;width:75%; } }
@media (min-width:1200px) { .col-xl-3 { flex:0 0 auto;width:25%; } }
@media (min-width:1200px) { .col-xl-9 { flex:0 0 auto;width:75%; } }
@media (min-width:1200px) { .row-cols-xl-5>* { flex:0 0 auto;width:20%; } }
.navbar>.container, .navbar>.container-xl { display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between; }
.row>* { min-width:0; }
.container-slim { --flow-gutter-x:calc(var(--flow-page-padding) * 2);--flow-gutter-y:0;width:100%;padding-right:calc(var(--flow-gutter-x) * .5);padding-left:calc(var(--flow-gutter-x) * .5);margin-right:auto;margin-left:auto;max-width:16rem; }
.container-tight { --flow-gutter-x:calc(var(--flow-page-padding) * 2);--flow-gutter-y:0;width:100%;padding-right:calc(var(--flow-gutter-x) * .5);padding-left:calc(var(--flow-gutter-x) * .5);margin-right:auto;margin-left:auto;max-width:30rem; }
.row-deck>.col, .row-deck>[class*=col-] { display:flex;align-items:stretch; }
.row-deck>.col .card, .row-deck>[class*=col-] .card { flex:1 1 auto; }
.row-cards { --flow-gutter-x:var(--flow-page-padding);--flow-gutter-y:var(--flow-page-padding);min-width:0; }
.row-cards .row-cards { flex:1; }
.text-truncate { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
}
@layer utilities {
.align-middle { vertical-align:middle; }
.d-inline { display:inline; }
.d-inline-block { display:inline-block; }
.d-block { display:block; }
.d-grid { display:grid; }
.d-flex { display:flex; }
.d-inline-flex { display:inline-flex; }
.d-none { display:none; }
.invisible { visibility:hidden; }
.w-1 { width:.25rem; }
.w-33 { width:33.33333%; }
.w-50 { width:50%; }
.w-100 { width:100%; }
.w-auto { width:auto; }
.h-100 { height:100%; }
.flex-fill { flex:1 1 auto; }
.flex-row { flex-direction:row; }
.flex-column { flex-direction:column; }
.flex-grow-1 { flex-grow:1; }
.flex-shrink-0 { flex-shrink:0; }
.flex-wrap { flex-wrap:wrap; }
.flex-nowrap { flex-wrap:nowrap; }
.justify-content-end { justify-content:flex-end; }
.justify-content-center { justify-content:center; }
.justify-content-between { justify-content:space-between; }
.align-items-start { align-items:flex-start; }
.align-items-end { align-items:flex-end; }
.align-items-center { align-items:center; }
.align-items-baseline { align-items:baseline; }
.align-items-stretch { align-items:stretch; }
.align-content-start { align-content:flex-start; }
.align-self-start { align-self:flex-start; }
.order-last { order:6; }
.m-0 { margin:0; }
.mx-1 { margin-right:.25rem;margin-left:.25rem; }
.my-1 { margin-top:.25rem;margin-bottom:.25rem; }
.my-2 { margin-top:.5rem;margin-bottom:.5rem; }
.my-3 { margin-top:1rem;margin-bottom:1rem; }
.my-4 { margin-top:1.5rem;margin-bottom:1.5rem; }
.mt-0 { margin-top:0; }
.mt-1 { margin-top:.25rem; }
.mt-2 { margin-top:.5rem; }
.mt-3 { margin-top:1rem; }
.mt-4 { margin-top:1.5rem; }
.mt-auto { margin-top:auto; }
.me-1 { margin-right:.25rem; }
.me-2 { margin-right:.5rem; }
.me-3 { margin-right:1rem; }
.me-auto { margin-right:auto; }
.mb-0 { margin-bottom:0; }
.mb-1 { margin-bottom:.25rem; }
.mb-2 { margin-bottom:.5rem; }
.mb-3 { margin-bottom:1rem; }
.mb-4 { margin-bottom:1.5rem; }
.ms-0 { margin-left:0; }
.ms-1 { margin-left:.25rem; }
.ms-2 { margin-left:.5rem; }
.ms-auto { margin-left:auto; }
.p-0 { padding:0; }
.p-2 { padding:.5rem; }
.p-3 { padding:1rem; }
.p-4 { padding:1.5rem; }
.p-5 { padding:2rem; }
.px-0 { padding-right:0;padding-left:0; }
.px-1 { padding-right:.25rem;padding-left:.25rem; }
.px-2 { padding-right:.5rem;padding-left:.5rem; }
.px-3 { padding-right:1rem;padding-left:1rem; }
.py-0 { padding-top:0;padding-bottom:0; }
.py-1 { padding-top:.25rem;padding-bottom:.25rem; }
.py-2 { padding-top:.5rem;padding-bottom:.5rem; }
.py-3 { padding-top:1rem;padding-bottom:1rem; }
.py-4 { padding-top:1.5rem;padding-bottom:1.5rem; }
.py-5 { padding-top:2rem;padding-bottom:2rem; }
.py-6 { padding-top:2.5rem;padding-bottom:2.5rem; }
.pt-1 { padding-top:.25rem; }
.pt-2 { padding-top:.5rem; }
.pt-3 { padding-top:1rem; }
.pt-4 { padding-top:1.5rem; }
.pe-3 { padding-right:1rem; }
.pb-1 { padding-bottom:.25rem; }
.pb-2 { padding-bottom:.5rem; }
.ps-2 { padding-left:.5rem; }
.ps-3 { padding-left:1rem; }
.gap-0 { gap:0; }
.gap-1 { gap:.25rem; }
.gap-2 { gap:.5rem; }
.gap-3 { gap:1rem; }
.font-monospace { font-family:var(--flow-font-monospace); }
.fs-1 { font-size:1.5rem; }
.fs-3 { font-size:1rem; }
.fs-4 { font-size:.875rem; }
.fst-italic { font-style:italic; }
.fw-normal { font-weight:400; }
.fw-medium { font-weight:500; }
.fw-semibold { font-weight:600; }
.fw-bold { font-weight:600; }
.lh-1 { line-height:1; }
.text-start { text-align:left; }
.text-end { text-align:right; }
.text-center { text-align:center; }
.text-decoration-none { text-decoration:none; }
.text-uppercase { text-transform:uppercase; }
.text-capitalize { text-transform:capitalize; }
.text-nowrap { white-space:nowrap; }
.text-primary { --flow-text-opacity:1;color:rgba(var(--flow-primary-rgb),var(--flow-text-opacity)); }
.text-secondary { --flow-text-opacity:1;color:rgba(var(--flow-secondary-rgb),var(--flow-text-opacity)); }
.text-success { --flow-text-opacity:1;color:rgba(var(--flow-success-rgb),var(--flow-text-opacity)); }
.text-warning { --flow-text-opacity:1;color:rgba(var(--flow-warning-rgb),var(--flow-text-opacity)); }
.text-danger { --flow-text-opacity:1;color:rgba(var(--flow-danger-rgb),var(--flow-text-opacity)); }
.text-dark { --flow-text-opacity:1;color:rgba(var(--flow-dark-rgb),var(--flow-text-opacity)); }
.text-muted { --flow-text-opacity:1;color:var(--flow-secondary-color); }
.text-blue { --flow-text-opacity:1;color:rgba(var(--flow-blue-rgb),var(--flow-text-opacity)); }
.text-azure { --flow-text-opacity:1;color:rgba(var(--flow-azure-rgb),var(--flow-text-opacity)); }
.text-indigo { --flow-text-opacity:1;color:rgba(var(--flow-indigo-rgb),var(--flow-text-opacity)); }
.text-purple { --flow-text-opacity:1;color:rgba(var(--flow-purple-rgb),var(--flow-text-opacity)); }
.text-pink { --flow-text-opacity:1;color:rgba(var(--flow-pink-rgb),var(--flow-text-opacity)); }
.text-red { --flow-text-opacity:1;color:rgba(var(--flow-red-rgb),var(--flow-text-opacity)); }
.text-orange { --flow-text-opacity:1;color:rgba(var(--flow-orange-rgb),var(--flow-text-opacity)); }
.text-yellow { --flow-text-opacity:1;color:rgba(var(--flow-yellow-rgb),var(--flow-text-opacity)); }
.text-lime { --flow-text-opacity:1;color:rgba(var(--flow-lime-rgb),var(--flow-text-opacity)); }
.text-green { --flow-text-opacity:1;color:rgba(var(--flow-green-rgb),var(--flow-text-opacity)); }
.text-teal { --flow-text-opacity:1;color:rgba(var(--flow-teal-rgb),var(--flow-text-opacity)); }
.text-cyan { --flow-text-opacity:1;color:rgba(var(--flow-cyan-rgb),var(--flow-text-opacity)); }
.text-reset { --flow-text-opacity:1;color:inherit; }
.bg-primary { --flow-bg-opacity:1;background-color:rgba(var(--flow-primary-rgb),var(--flow-bg-opacity)); }
.bg-secondary { --flow-bg-opacity:1;background-color:rgba(var(--flow-secondary-rgb),var(--flow-bg-opacity)); }
.bg-success { --flow-bg-opacity:1;background-color:rgba(var(--flow-success-rgb),var(--flow-bg-opacity)); }
.bg-danger { --flow-bg-opacity:1;background-color:rgba(var(--flow-danger-rgb),var(--flow-bg-opacity)); }
.bg-light { --flow-bg-opacity:1;background-color:rgba(var(--flow-light-rgb),var(--flow-bg-opacity)); }
.bg-blue { --flow-bg-opacity:1;background-color:rgba(var(--flow-blue-rgb),var(--flow-bg-opacity)); }
.bg-azure { --flow-bg-opacity:1;background-color:rgba(var(--flow-azure-rgb),var(--flow-bg-opacity)); }
.bg-indigo { --flow-bg-opacity:1;background-color:rgba(var(--flow-indigo-rgb),var(--flow-bg-opacity)); }
.bg-purple { --flow-bg-opacity:1;background-color:rgba(var(--flow-purple-rgb),var(--flow-bg-opacity)); }
.bg-pink { --flow-bg-opacity:1;background-color:rgba(var(--flow-pink-rgb),var(--flow-bg-opacity)); }
.bg-red { --flow-bg-opacity:1;background-color:rgba(var(--flow-red-rgb),var(--flow-bg-opacity)); }
.bg-orange { --flow-bg-opacity:1;background-color:rgba(var(--flow-orange-rgb),var(--flow-bg-opacity)); }
.bg-yellow { --flow-bg-opacity:1;background-color:rgba(var(--flow-yellow-rgb),var(--flow-bg-opacity)); }
.bg-lime { --flow-bg-opacity:1;background-color:rgba(var(--flow-lime-rgb),var(--flow-bg-opacity)); }
.bg-green { --flow-bg-opacity:1;background-color:rgba(var(--flow-green-rgb),var(--flow-bg-opacity)); }
.bg-teal { --flow-bg-opacity:1;background-color:rgba(var(--flow-teal-rgb),var(--flow-bg-opacity)); }
.bg-cyan { --flow-bg-opacity:1;background-color:rgba(var(--flow-cyan-rgb),var(--flow-bg-opacity)); }
@media (min-width:768px) { .d-md-flex { display:flex; } }
@media (min-width:768px) { .d-md-none { display:none; } }
@media (min-width:768px) { .order-md-0 { order:0; } }
@media (min-width:992px) { .d-lg-inline-block { display:inline-block; } }
@media (min-width:1200px) { .d-xl-block { display:block; } }
@media print { .d-print-none { display:none; } }
.bg-primary { background-color:color-mix(in srgb,var(--flow-primary) calc(var(--flow-bg-opacity,1) * 100%),transparent); }
.bg-primary-lt { color:color-mix(in srgb,var(--flow-primary) calc(var(--flow-text-opacity,1) * 100%),transparent);background-color:color-mix(in srgb,var(--flow-primary-lt) calc(var(--flow-bg-opacity,1) * 100%),transparent); }
.bg-secondary { background-color:color-mix(in srgb,var(--flow-secondary) calc(var(--flow-bg-opacity,1) * 100%),transparent); }
.bg-secondary-lt { color:color-mix(in srgb,var(--flow-secondary) calc(var(--flow-text-opacity,1) * 100%),transparent);background-color:color-mix(in srgb,var(--flow-secondary-lt) calc(var(--flow-bg-opacity,1) * 100%),transparent); }
.bg-success { background-color:color-mix(in srgb,var(--flow-success) calc(var(--flow-bg-opacity,1) * 100%),transparent); }
.bg-success-lt { color:color-mix(in srgb,var(--flow-success) calc(var(--flow-text-opacity,1) * 100%),transparent);background-color:color-mix(in srgb,var(--flow-success-lt) calc(var(--flow-bg-opacity,1) * 100%),transparent); }
.bg-danger { background-color:color-mix(in srgb,var(--flow-danger) calc(var(--flow-bg-opacity,1) * 100%),transparent); }
.bg-danger-lt { color:color-mix(in srgb,var(--flow-danger) calc(var(--flow-text-opacity,1) * 100%),transparent);background-color:color-mix(in srgb,var(--flow-danger-lt) calc(var(--flow-bg-opacity,1) * 100%),transparent); }
.bg-light { background-color:color-mix(in srgb,var(--flow-light) calc(var(--flow-bg-opacity,1) * 100%),transparent); }
.bg-dark-lt { color:color-mix(in srgb,var(--flow-dark) calc(var(--flow-text-opacity,1) * 100%),transparent);background-color:color-mix(in srgb,var(--flow-dark-lt) calc(var(--flow-bg-opacity,1) * 100%),transparent); }
.bg-blue { background-color:color-mix(in srgb,var(--flow-blue) calc(var(--flow-bg-opacity,1) * 100%),transparent); }
.bg-blue-lt { color:color-mix(in srgb,var(--flow-blue) calc(var(--flow-text-opacity,1) * 100%),transparent);background-color:color-mix(in srgb,var(--flow-blue-lt) calc(var(--flow-bg-opacity,1) * 100%),transparent); }
.bg-azure { background-color:color-mix(in srgb,var(--flow-azure) calc(var(--flow-bg-opacity,1) * 100%),transparent); }
.bg-azure-lt { color:color-mix(in srgb,var(--flow-azure) calc(var(--flow-text-opacity,1) * 100%),transparent);background-color:color-mix(in srgb,var(--flow-azure-lt) calc(var(--flow-bg-opacity,1) * 100%),transparent); }
.bg-indigo { background-color:color-mix(in srgb,var(--flow-indigo) calc(var(--flow-bg-opacity,1) * 100%),transparent); }
.bg-indigo-lt { color:color-mix(in srgb,var(--flow-indigo) calc(var(--flow-text-opacity,1) * 100%),transparent);background-color:color-mix(in srgb,var(--flow-indigo-lt) calc(var(--flow-bg-opacity,1) * 100%),transparent); }
.bg-purple { background-color:color-mix(in srgb,var(--flow-purple) calc(var(--flow-bg-opacity,1) * 100%),transparent); }
.bg-purple-lt { color:color-mix(in srgb,var(--flow-purple) calc(var(--flow-text-opacity,1) * 100%),transparent);background-color:color-mix(in srgb,var(--flow-purple-lt) calc(var(--flow-bg-opacity,1) * 100%),transparent); }
.bg-pink { background-color:color-mix(in srgb,var(--flow-pink) calc(var(--flow-bg-opacity,1) * 100%),transparent); }
.bg-pink-lt { color:color-mix(in srgb,var(--flow-pink) calc(var(--flow-text-opacity,1) * 100%),transparent);background-color:color-mix(in srgb,var(--flow-pink-lt) calc(var(--flow-bg-opacity,1) * 100%),transparent); }
.bg-red { background-color:color-mix(in srgb,var(--flow-red) calc(var(--flow-bg-opacity,1) * 100%),transparent); }
.bg-red-lt { color:color-mix(in srgb,var(--flow-red) calc(var(--flow-text-opacity,1) * 100%),transparent);background-color:color-mix(in srgb,var(--flow-red-lt) calc(var(--flow-bg-opacity,1) * 100%),transparent); }
.bg-orange { background-color:color-mix(in srgb,var(--flow-orange) calc(var(--flow-bg-opacity,1) * 100%),transparent); }
.bg-orange-lt { color:color-mix(in srgb,var(--flow-orange) calc(var(--flow-text-opacity,1) * 100%),transparent);background-color:color-mix(in srgb,var(--flow-orange-lt) calc(var(--flow-bg-opacity,1) * 100%),transparent); }
.bg-yellow { background-color:color-mix(in srgb,var(--flow-yellow) calc(var(--flow-bg-opacity,1) * 100%),transparent); }
.bg-yellow-lt { color:color-mix(in srgb,var(--flow-yellow) calc(var(--flow-text-opacity,1) * 100%),transparent);background-color:color-mix(in srgb,var(--flow-yellow-lt) calc(var(--flow-bg-opacity,1) * 100%),transparent); }
.bg-lime { background-color:color-mix(in srgb,var(--flow-lime) calc(var(--flow-bg-opacity,1) * 100%),transparent); }
.bg-lime-lt { color:color-mix(in srgb,var(--flow-lime) calc(var(--flow-text-opacity,1) * 100%),transparent);background-color:color-mix(in srgb,var(--flow-lime-lt) calc(var(--flow-bg-opacity,1) * 100%),transparent); }
.bg-green { background-color:color-mix(in srgb,var(--flow-green) calc(var(--flow-bg-opacity,1) * 100%),transparent); }
.bg-green-lt { color:color-mix(in srgb,var(--flow-green) calc(var(--flow-text-opacity,1) * 100%),transparent);background-color:color-mix(in srgb,var(--flow-green-lt) calc(var(--flow-bg-opacity,1) * 100%),transparent); }
.bg-teal { background-color:color-mix(in srgb,var(--flow-teal) calc(var(--flow-bg-opacity,1) * 100%),transparent); }
.bg-teal-lt { color:color-mix(in srgb,var(--flow-teal) calc(var(--flow-text-opacity,1) * 100%),transparent);background-color:color-mix(in srgb,var(--flow-teal-lt) calc(var(--flow-bg-opacity,1) * 100%),transparent); }
.bg-cyan { background-color:color-mix(in srgb,var(--flow-cyan) calc(var(--flow-bg-opacity,1) * 100%),transparent); }
.bg-cyan-lt { color:color-mix(in srgb,var(--flow-cyan) calc(var(--flow-text-opacity,1) * 100%),transparent);background-color:color-mix(in srgb,var(--flow-cyan-lt) calc(var(--flow-bg-opacity,1) * 100%),transparent); }
.text-primary { --flow-text-opacity:1;color:color-mix(in srgb,var(--flow-primary) calc(var(--flow-text-opacity) * 100%),transparent); }
.text-secondary { --flow-text-opacity:1;color:color-mix(in srgb,var(--flow-secondary) calc(var(--flow-text-opacity) * 100%),transparent); }
.text-success { --flow-text-opacity:1;color:color-mix(in srgb,var(--flow-success) calc(var(--flow-text-opacity) * 100%),transparent); }
.text-warning { --flow-text-opacity:1;color:color-mix(in srgb,var(--flow-warning) calc(var(--flow-text-opacity) * 100%),transparent); }
.text-danger { --flow-text-opacity:1;color:color-mix(in srgb,var(--flow-danger) calc(var(--flow-text-opacity) * 100%),transparent); }
.text-dark { --flow-text-opacity:1;color:color-mix(in srgb,var(--flow-dark) calc(var(--flow-text-opacity) * 100%),transparent); }
.text-muted { --flow-text-opacity:1;color:color-mix(in srgb,var(--flow-muted) calc(var(--flow-text-opacity) * 100%),transparent); }
.text-blue { --flow-text-opacity:1;color:color-mix(in srgb,var(--flow-blue) calc(var(--flow-text-opacity) * 100%),transparent); }
.text-azure { --flow-text-opacity:1;color:color-mix(in srgb,var(--flow-azure) calc(var(--flow-text-opacity) * 100%),transparent); }
.text-indigo { --flow-text-opacity:1;color:color-mix(in srgb,var(--flow-indigo) calc(var(--flow-text-opacity) * 100%),transparent); }
.text-purple { --flow-text-opacity:1;color:color-mix(in srgb,var(--flow-purple) calc(var(--flow-text-opacity) * 100%),transparent); }
.text-pink { --flow-text-opacity:1;color:color-mix(in srgb,var(--flow-pink) calc(var(--flow-text-opacity) * 100%),transparent); }
.text-red { --flow-text-opacity:1;color:color-mix(in srgb,var(--flow-red) calc(var(--flow-text-opacity) * 100%),transparent); }
.text-orange { --flow-text-opacity:1;color:color-mix(in srgb,var(--flow-orange) calc(var(--flow-text-opacity) * 100%),transparent); }
.text-yellow { --flow-text-opacity:1;color:color-mix(in srgb,var(--flow-yellow) calc(var(--flow-text-opacity) * 100%),transparent); }
.text-lime { --flow-text-opacity:1;color:color-mix(in srgb,var(--flow-lime) calc(var(--flow-text-opacity) * 100%),transparent); }
.text-green { --flow-text-opacity:1;color:color-mix(in srgb,var(--flow-green) calc(var(--flow-text-opacity) * 100%),transparent); }
.text-teal { --flow-text-opacity:1;color:color-mix(in srgb,var(--flow-teal) calc(var(--flow-text-opacity) * 100%),transparent); }
.text-cyan { --flow-text-opacity:1;color:color-mix(in srgb,var(--flow-cyan) calc(var(--flow-text-opacity) * 100%),transparent); }
.w-1 { width:.25rem; }
.w-auto { width:auto; }
}
@layer components {

}
@layer components {
.form-control, .form-select { font-size: var(--flow-font-size-sm); padding: 5px var(--flow-spacer-2); height: var(--flow-control-h-m); box-shadow: none; }
.form-control:focus, .form-select:focus { box-shadow: none; }
.input-group { box-shadow: none; }
.form-select { padding-right: var(--flow-spacer-4); }
.form-control:disabled,
.form-select:disabled {
background-color: var(--flow-bg-surface-secondary);
cursor: not-allowed;
opacity: 1;
}
.form-control:disabled {
color: var(--flow-secondary);
}
.form-select:disabled,
.ts-wrapper.form-select.disabled {
--flow-form-select-bg-img-disabled: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23d1d5db' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
--flow-form-select-bg-img: var(--flow-form-select-bg-img-disabled);
}
textarea {
min-height: calc(3 * 1.25rem + 2 * 8px + 2 * var(--flow-border-width));
resize: none;
overflow-y: auto;
}
textarea.form-control {
padding: var(--flow-spacer-2);
}
.form-check { padding-left: 28px; min-height: 24px; display: flex; align-items: center; gap: 0; }
.form-check .form-check-input { margin-left: -28px; margin-top: 0; flex-shrink: 0; }
.form-check-input[type="radio"],
.form-check-input[type="checkbox"]:not(:where(.form-switch *)) {
width: 18px;
height: 18px;
background-size: 16px 16px;
}
.form-check.form-check-inline { display: inline-flex; }
.form-switch .form-check-input:not(:where(.is-core-locked *)),
label.form-check.form-switch:not(:where(.is-core-locked)),
.form-check.form-switch:not(:where(.is-core-locked)) .form-check-label { cursor: pointer; }
.form-check.form-switch .form-check-input:disabled ~ .form-check-label { cursor: not-allowed; }
.switch-field { display: flex; align-items: center; gap: 0.5rem; min-height: var(--flow-control-h-m); }
.switch-field > label:first-child { margin-bottom: 0; }
.form-switch { --flow-form-switch-knob: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='white'/%3e%3c/svg%3e"); }
.form-switch .form-check-input:where(:not(:checked):not(:disabled)):not(:where(.is-core-locked *)) {
background-color: var(--flow-neutral-500);
border-color: var(--flow-neutral-500);
--flow-form-switch-bg: var(--flow-form-switch-knob);
}
.form-switch .form-check-input:checked {
background-color: var(--flow-success-500);
}
.form-switch .form-check-input:focus:where(:not(:checked):not(:disabled)):not(:where(.is-core-locked *)) {
border-color: var(--flow-neutral-500);
}
.form-switch .form-check-input:focus:where(:not(:checked):not(:disabled)):where(.is-core-locked *) {
--flow-form-switch-bg: var(--flow-form-switch-knob);
}
.form-switch .form-check-input:where(:not(:checked)) {
background-position: -1px center;
}
.form-check .form-check-label { margin-left: 6px; }
.form-check-input:disabled {
cursor: not-allowed;
pointer-events: auto;
opacity: 1;
background-color: var(--flow-bg-surface-secondary);
}
.form-check-input:checked:disabled {
background-color: var(--flow-secondary);
}
.form-check-input:disabled ~ .form-check-label,
.form-check-input[disabled] ~ .form-check-label {
cursor: not-allowed;
opacity: 1;
color: var(--flow-secondary);
}
.form-check:has(.form-check-input:disabled) { cursor: not-allowed; }
.input-group:has(> :disabled),
.input-group:has(> .ts-wrapper.disabled) { cursor: not-allowed; }
.btn { font-size: var(--flow-font-size-sm); padding: 0 10px; line-height: normal; min-height: 0; height: var(--flow-control-h-m); display: inline-flex; align-items: center; justify-content: center; gap: 0; --flow-btn-border-radius: var(--flow-border-radius-sm); }
.btn.dropdown-toggle-split {
width: 22px;
min-width: 22px;
padding: 0;
flex: 0 0 auto;
}
.btn-s.dropdown-toggle-split,
.btn-m.dropdown-toggle-split {
width: 22px;
min-width: 22px;
padding: 0;
flex: 0 0 auto;
}
.dropdown-toggle-split::after { margin-left: 0; }
.form-check.form-check-sm,
.process-row .form-check,
.process-row .form-check-inline {
display: inline-flex;
align-items: center;
gap: 6px;
padding-left: 0;
min-height: 0;
margin-bottom: 0;
}
.form-check-sm .form-check-input {
width: 14px;
height: 14px;
background-size: 10px 10px;
}
.form-check-sm .form-check-label {
font-size: var(--flow-font-size-sm);
line-height: 1;
}
.form-check-sm .form-check-input,
.process-row .form-check-input {
margin: 0;
float: none;
flex-shrink: 0;
}
.inline-check-group {
display: flex;
align-items: center;
flex-wrap: wrap;
column-gap: var(--flow-spacer-3);
row-gap: var(--flow-spacer-1);
}
.inline-check-group > .form-check {
display: inline-flex;
align-items: center;
gap: var(--flow-spacer-1);
padding-left: 0;
margin: 0;
min-height: 0;
}
.inline-check-group > .form-check .form-check-input {
margin: 0;
float: none;
}
.inline-check-group > .form-check .form-check-label {
margin-left: 0;
white-space: nowrap;
}
.switch-list { display: flex; flex-direction: column; gap: var(--flow-spacer-3); }
.switch-field-disabled { background: var(--flow-bg-surface-secondary); cursor: not-allowed; }
}
@layer components {
.alert { --flow-alert-color:var(--flow-body-color);--flow-alert-bg:color-mix(in srgb, var(--flow-alert-color) 10%, transparent);--flow-alert-padding-x:1rem;--flow-alert-padding-y:0.75rem;--flow-alert-margin-bottom:1rem;--flow-alert-border-color:color-mix(in srgb, var(--flow-alert-color) 20%, transparent);--flow-alert-border:var(--flow-border-width) solid var(--flow-alert-border-color);--flow-alert-border-radius:var(--flow-border-radius);--flow-alert-link-color:inherit;--flow-alert-heading-font-weight:var(--flow-font-weight-medium);position:relative;padding:var(--flow-alert-padding-y) var(--flow-alert-padding-x);margin-bottom:var(--flow-alert-margin-bottom);background-color:color-mix(in srgb,var(--flow-alert-bg),var(--flow-bg-surface));border-radius:var(--flow-alert-border-radius);border:var(--flow-border-width) var(--flow-border-style) var(--flow-alert-border-color);display:flex;flex-direction:row;gap:1rem }
.alert-icon { color:var(--flow-alert-color);width:1.25rem;height:1.25rem }
.alert-dismissible { padding-right:3rem }
.alert-dismissible .btn-close { position:absolute;top:calc(var(--flow-alert-padding-x)/ 2 - 1px);right:calc(var(--flow-alert-padding-y)/ 2 - 1px);z-index:1;padding:calc(var(--flow-alert-padding-y) * 1.25) var(--flow-alert-padding-x) }
.alert-secondary { --flow-alert-color:var(--flow-secondary) }
.alert-success { --flow-alert-color:var(--flow-success) }
.alert-info { --flow-alert-color:var(--flow-info) }
.alert-warning { --flow-alert-color:var(--flow-warning) }
.alert-danger { --flow-alert-color:var(--flow-danger) }
.badge { --flow-badge-padding-x:0.5em;--flow-badge-padding-y:0.25em;--flow-badge-font-size:0.85714285em;--flow-badge-font-weight:var(--flow-font-weight-medium);--flow-badge-color:var(--flow-secondary);--flow-badge-border-radius:var(--flow-border-radius);--flow-badge-icon-size:1em;--flow-badge-line-height:1;display:inline-flex;padding:var(--flow-badge-padding-y) var(--flow-badge-padding-x);font-weight:var(--flow-badge-font-weight);font-size:var(--flow-badge-font-size);color:var(--flow-badge-color);text-align:center;white-space:nowrap;justify-content:center;align-items:center;gap:.25rem;background:var(--flow-bg-surface-secondary);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:var(--flow-border-width) var(--flow-border-style) transparent;border-radius:var(--flow-badge-border-radius);min-width:calc(1em + var(--flow-badge-padding-y) * 2 + 2px);letter-spacing:.04em;vertical-align:bottom;line-height:var(--flow-badge-line-height) }
a.badge { background:var(--flow-bg-surface-secondary) }
.badge .icon { width:1em;height:1em;font-size:var(--flow-badge-icon-size);stroke-width:2 }
.badge > .icon { flex-shrink: 0; }
.badge:empty { display:inline-block;width:10px;height:10px;min-width:0;min-height:auto;padding:0;border-radius:100rem;vertical-align:baseline }
.badge { --flow-badge-border-radius: var(--flow-border-radius-sm); }
.loading-bar {
position: fixed;
top: 0;
left: 0;
width: 0;
height: 3px;
background: var(--flow-primary);
z-index: 9999;
opacity: 0;
transition: width 300ms ease-out, opacity 150ms 150ms ease-in;
}
#notifyContainer .alert {
backdrop-filter: none;
display: flex;
align-items: center;
gap: var(--flow-spacer-2);
padding: 12px var(--flow-spacer-3);
}
#notifyContainer .alert .alert-icon { position: static; margin: 0; flex: 0 0 auto; }
#notifyContainer .alert > small { flex: 1 1 auto; line-height: 1.35; font-size: var(--flow-font-size-base); }
#notifyContainer .alert .btn-close { position: static; margin: 0; flex: 0 0 auto; }
#notifyContainer .alert-success { background-color: #e6f8ee; color: #1a7c43; }
#notifyContainer .alert-danger { background-color: #fce4e6; color: #b42318; }
#notifyContainer .alert-warning { background-color: #fef2cf; color: #8a5a00; }
#notifyContainer .alert-info { background-color: #e1f0fb; color: #0b5fa5; }
.sticky-header { position: sticky; top: 0; z-index: 1030; background: var(--flow-bg-surface, var(--flow-white)); }
.sticky-header > .navbar,
.page > .navbar,
.page-wrapper > .page-header,
.page-wrapper > .page-body,
.page > .page-body,
.app-statusbar,
.modal,
.page:has(> .container-tight) { padding-inline-start: calc(100vw - 100%); }
.page-center {
display: flex;
flex-direction: column;
flex-shrink: 0;
justify-content: center;
padding-top: 0;
padding-bottom: 0;
min-height: 100vh;
min-height: 100dvh;
}
.navbar-expand-md .navbar-nav .nav-item.active > .nav-link { color: var(--flow-primary); }
.navbar-expand-md .navbar-nav .nav-item { position: relative; margin-right: var(--flow-spacer-2); }
.navbar-expand-md .navbar-nav .nav-item:last-child { margin-right: 0; }
.navbar-expand-md .navbar-nav .nav-link { background-color: transparent; }
.navbar-expand-md .navbar-nav .nav-link:hover,
.navbar-expand-md .navbar-nav .nav-link:focus { background-color: transparent; }
.navbar-expand-md .navbar-nav .dropdown-menu {
padding-top: 0;
padding-bottom: 0;
overflow: hidden;
margin-top: var(--flow-spacer-1);
border-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
box-shadow: var(--flow-shadow-menu-nav);
}
.navbar-expand-md .navbar-nav > .nav-item.dropdown > .dropdown-menu { margin-top: 0; }
.navbar-expand-md .navbar-nav .dropdown-divider { margin: 0; }
.navbar-expand-md .navbar-nav .dropdown-menu .dropdown-item,
.navbar-expand-md .navbar-nav .dropdown-menu .dropdown-item-text { font-size: var(--flow-font-size-base); }
.navbar-expand-md .navbar-nav .dropdown-menu .dropdown-item:hover,
.navbar-expand-md .navbar-nav .dropdown-menu .dropdown-item:focus-visible { background-color: rgba(41, 112, 255, 0.08); }
.navbar-expand-md .navbar-nav .dropdown-menu .dropdown-item:hover:not(.text-danger):not(.text-warning),
.navbar-expand-md .navbar-nav .dropdown-menu .dropdown-item:focus-visible:not(.text-danger):not(.text-warning) { color: var(--flow-primary); }
.navbar-expand-md .navbar-nav .dropdown-menu .dropdown-item.active {
background-color: rgba(41, 112, 255, 0.15);
color: var(--flow-primary);
}
.navbar-expand-md .navbar-nav .dropdown-menu .dropdown-item.active .dropdown-item-icon { color: var(--flow-primary); }
.dropdown-menu .dropdown-item .dropdown-item-icon { color: inherit; opacity: 1; }
.navbar-expand-md .navbar-nav .dropdown-menu .dropdown-user-link { display: block; text-decoration: none; color: inherit; }
.navbar-expand-md .navbar-nav .dropdown-menu .dropdown-user-link:hover { background-color: rgba(41, 112, 255, 0.08); }
.navbar-expand-md .navbar-nav .dropdown-menu .dropdown-user-link .dropdown-item-text { padding-top: var(--flow-spacer-2); padding-bottom: var(--flow-spacer-2); }
.navbar-expand-md .navbar-nav .nav-link { padding: var(--flow-spacer-1) 10px; }
.navbar-expand-md .navbar-nav > .nav-item { display: flex; align-items: stretch; }
.navbar-expand-md .navbar-nav > .nav-item > .nav-link:not(.nav-quick) {
display: flex;
align-items: center;
height: 100%;
padding-block: 0;
}
.navbar-expand-md .navbar-nav > .nav-item:hover > .nav-link,
.navbar-expand-md .navbar-nav > .nav-item:focus-within > .nav-link { color: var(--flow-primary); }
.navbar-expand-md .navbar-nav .nav-link .nav-link-icon { margin-right: 6px; }
.navbar-expand-md .navbar-nav .dropdown-menu .dropdown-item {
display: flex;
align-items: center;
padding-left: 9px;
gap: 0;
}
.navbar-expand-md .navbar-nav .dropdown-menu .dropdown-item-icon { margin-right: 6px; }
.navbar-expand-md .navbar-nav .dropdown-menu .dropdown-item-label {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--flow-spacer-2);
flex: 1 1 auto;
min-width: 0;
}
.navbar-expand-md .navbar-nav .dropdown-toggle::after { margin-left: 7px; top: -2px; }
.navbar-brand-logo { height: 22px; width: auto; }
.navbar-brand-text { font-size: var(--flow-font-size-lg); font-weight: 700; position: relative; top: 1px; left: -2px; white-space: nowrap; }
.page-body { margin-top: var(--flow-spacer-3); margin-bottom: 0; }
.page-loader {
position: fixed; inset: 0; z-index: 9999;
background: var(--flow-body-bg, #f1f5f9);
display: flex; align-items: center; justify-content: center;
transition: opacity 300ms ease;
}
.page-loader.fade-out { opacity: 0; pointer-events: none; }
.breadcrumb { margin-bottom: 0; font-size: var(--flow-font-size-base); }
.breadcrumb-item + .breadcrumb-item::before { color: var(--flow-secondary); }
.navbar-expand-md .navbar-nav .dropdown-menu:has(> .dropend) { overflow: visible; }
.navbar-expand-md .navbar-nav .dropdown-menu:has(> .dropend) > .dropdown-item:first-child { border-top-left-radius: inherit; border-top-right-radius: inherit; }
.navbar-expand-md .navbar-nav .dropdown-menu:has(> .dropend) > :last-child > .dropdown-item,
.navbar-expand-md .navbar-nav .dropdown-menu:has(> .dropend) > .dropdown-item:last-child { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; }
.navbar-expand-md .navbar-nav .dropdown-menu .dropend { position: relative; }
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
.navbar-expand-md .navbar-nav .dropdown-menu .dropend > .dropdown-menu.show { display: none; }
.navbar-expand-md .navbar-nav .dropdown-menu .dropend:hover > .dropdown-menu,
.navbar-expand-md .navbar-nav .dropdown-menu .dropend:has(> .dropdown-toggle:focus-visible) > .dropdown-menu {
display: block;
position: absolute;
inset-inline-start: 100%;
inset-block-start: 0;
margin: 0;
}
.navbar-expand-md .navbar-nav .dropdown-menu .dropend.flyout-start:hover > .dropdown-menu,
.navbar-expand-md .navbar-nav .dropdown-menu .dropend.flyout-start:has(> .dropdown-toggle:focus-visible) > .dropdown-menu {
inset-inline-start: auto;
inset-inline-end: 100%;
}
}
.navbar-expand-md .navbar-nav .dropdown-menu .dropend > .dropdown-menu {
border-top: var(--flow-border-width) var(--flow-border-style) var(--flow-border-color);
border-top-left-radius: var(--flow-border-radius);
border-top-right-radius: var(--flow-border-radius);
}
.navbar-expand-md .navbar-nav .dropdown-menu .dropend > .dropdown-menu > .dropdown-item:first-child {
padding-top: calc(var(--flow-dropdown-item-padding-y) - var(--flow-border-width));
}
.navbar-expand-md .navbar-nav .dropdown-menu .dropend > .dropdown-menu > .dropdown-item:last-child {
padding-bottom: calc(var(--flow-dropdown-item-padding-y) - var(--flow-border-width));
}
.navbar-expand-md .navbar-nav > .nav-item > .dropdown-menu > .dropend:first-child > .dropdown-menu {
border-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.navbar-expand-md .navbar-nav > .nav-item > .dropdown-menu > .dropend:first-child > .dropdown-menu > .dropdown-item:first-child {
padding-top: var(--flow-dropdown-item-padding-y);
}
.navbar-expand-md .navbar-nav .dropdown-menu .dropend > .dropdown-toggle::after {
margin-inline-start: auto;
align-self: center;
top: 0;
}
.navbar-expand-md .navbar-nav .nav-link.nav-quick {
padding-inline: 9px;
width: 38px;
position: relative;
min-width: 0;
justify-content: center;
}
.navbar-nav .nav-item:has(> .nav-quick) { margin-inline: 0; }
.navbar-expand-md .navbar-nav .nav-link.nav-quick.active { color: var(--flow-primary); }
.nav-quick-badge,
.navbar-user-badge,
.dropdown-item-badge {
display: inline-flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
min-width: 13px;
height: 13px;
padding: 0 3px;
font-size: 9px;
font-weight: var(--flow-font-weight-semibold);
line-height: 1;
color: var(--flow-white);
background: var(--flow-red);
border-radius: 999px;
}
.nav-quick-badge {
position: absolute;
top: -4px;
left: 50%;
transform: translateX(-50%);
}
.navbar-user-badge {
position: absolute;
top: -3px;
right: -3px;
}
.dropdown-item-badge { flex-shrink: 0; }
@media (max-width: 767.98px) {
.navbar .navbar-toggler { border: 0; padding: var(--flow-spacer-1) var(--flow-spacer-2); margin-right: var(--flow-spacer-1); }
#navbar-menu { width: 100%; max-height: calc(100dvh - 84px); overflow-y: auto; }
#navbar-menu > .navbar-nav { width: 100%; padding: var(--flow-spacer-1) 0 var(--flow-spacer-2); }
#navbar-menu .nav-item { margin-right: 0; }
#navbar-menu .nav-link { width: 100%; justify-content: flex-start; padding: var(--flow-spacer-2) 10px; }
#navbar-menu .dropdown-menu {
display: block;
position: static;
float: none;
width: 100%;
min-width: 0;
margin: 0;
padding: 0;
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
}
#navbar-menu .dropdown-menu .dropdown-item { padding: 7px 10px 7px 34px; }
#navbar-menu .dropdown-menu .dropend > .dropdown-menu .dropdown-item { padding-left: 58px; }
#navbar-menu .dropdown-menu .dropend .dropend > .dropdown-menu .dropdown-item { padding-left: 82px; }
#navbar-menu .dropdown-toggle::after { display: none; }
}
.badge { font-size: var(--flow-font-size-xs); }
small, .small { font-size: var(--flow-font-size-xs); }
.navbar-expand-md > .container-xl { align-items: stretch; }
.navbar-expand-md > .container-xl > *:not(.navbar-collapse) { align-self: center; }
.navbar-expand-md .navbar-collapse { align-items: stretch; }
.navbar-expand-md .navbar-nav > .nav-item::after {
top: auto;
bottom: 1px;
}
.navbar-expand-md > .container-xl > .navbar-nav.flex-row:has(> .nav-item.navbar-user) {
align-self: stretch;
}
.navbar-expand-md .navbar-nav .dropdown-menu .dropend > .dropdown-toggle { cursor: default; }
@media (hover: none), (pointer: coarse) {
.navbar-expand-md .navbar-nav .dropdown-menu .dropend > .dropdown-menu {
display: block;
position: static;
border: 0;
box-shadow: none;
padding-block: 0;
}
.navbar-expand-md .navbar-nav .dropdown-menu .dropend > .dropdown-menu .dropdown-item { padding-left: 34px; }
.navbar-expand-md .navbar-nav .dropdown-menu .dropend > .dropdown-toggle::after { display: none; }
}
.navbar-expand-md .navbar-nav .dropdown-menu .dropdown-item:focus:not(:focus-visible):not(:hover) { background-color: transparent; }
.nav-link {
transition: color var(--flow-transition-recolor), background-color var(--flow-transition-recolor), border-color var(--flow-transition-recolor);
}
.nav-link .nav-link-icon,
.nav-link .nav-link-title,
.nav-link svg,
.nav-link .avatar {
transition: none;
}
.navbar-nav .nav-item.dropdown:has(> a > .avatar) { flex-shrink: 0; }
.navbar-nav .nav-item.dropdown > a:has(> .avatar) { flex-shrink: 0; }
.navbar-user-link > .avatar { flex-shrink: 0; position: relative; }
@media not all and (hover: hover) and (pointer: fine) {
.navbar-user-link > .avatar { margin-inline-end: 12px; }
}
.navbar-user-link.is-impersonating > .avatar {
outline: 2px solid var(--flow-danger-500);
outline-offset: 1px;
}
.navbar-expand-md .navbar-nav > .nav-item.navbar-user { flex-direction: row; }
.navbar-user > .nav-link { flex-shrink: 0; }
.navbar-expand-md .navbar-nav .nav-link.navbar-user-link { padding-left: var(--flow-spacer-2); padding-right: 0; }
.navbar-expand-md .navbar-nav .nav-link.navbar-user-caret {
min-width: 0;
padding-left: 0;
padding-right: 9px;
}
@media (hover: hover) and (pointer: fine) {
.navbar-expand-md .navbar-nav .nav-link.navbar-user-caret {
position: absolute;
inset: 0;
pointer-events: none;
}
.navbar-expand-md .navbar-nav .nav-link.navbar-user-caret::after { display: none; }
.navbar-user-link > .avatar { margin-inline-end: 0; }
}
.navbar-expand-md .navbar-nav > .nav-item.navbar-user::after {
left: 8px;
right: auto;
width: 2rem;
}
.navbar-expand-md .navbar-nav > .nav-item.dropdown.navbar-user > .dropdown-menu.show { display: block; }
.navbar-expand-md .navbar-nav > .nav-item.navbar-user {
--flow-usercard-min: 208px;
}
.navbar-expand-md .navbar-nav > .nav-item.dropdown.navbar-user > .dropdown-menu {
min-width: var(--flow-usercard-min);
}
}
@layer components {
.input-group .btn:not(.btn-search-icon) { padding-left: 20px; padding-right: 10px; }
.form-control.is-invalid,
.form-select.is-invalid,
.was-validated .form-control:invalid,
.was-validated .form-select:invalid {
border-color: var(--flow-danger, #d63939);
}
input[type="date"] { position: relative; }
input[type="date"]::-webkit-calendar-picker-indicator {
opacity: 0;
position: absolute;
right: 0;
top: 0;
width: 24px;
height: 100%;
margin: 0;
padding: 0;
cursor: pointer;
}
input[type="date"],
input[data-litepicker] {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12'/%3E%3Cpath d='M16 3v4'/%3E%3Cpath d='M8 3v4'/%3E%3Cpath d='M4 11h16'/%3E%3Cpath d='M7 14h.013'/%3E%3Cpath d='M10.01 14h.005'/%3E%3Cpath d='M13.01 14h.005'/%3E%3Cpath d='M16.015 14h.005'/%3E%3Cpath d='M13.015 17h.005'/%3E%3Cpath d='M7.01 17h.005'/%3E%3Cpath d='M10.01 17h.005'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 8px center;
background-size: 16px 16px;
padding-right: 24px;
width: 108px;
}
input[data-lp-range="1"][data-litepicker] { width: 195px; }
#userActivityDateRange.input-w-lg,
#quotesDateRange.input-w-lg {
width: 220px;
}
input[data-lp-range="1"][data-litepicker].input-w-md {
width: 180px;
flex: 0 0 auto;
}
.litepicker {
--litepicker-container-months-color-bg: var(--flow-card-bg, #fff);
--litepicker-day-color: var(--flow-body-color);
--litepicker-day-color-hover: var(--flow-primary);
--litepicker-is-today-color: var(--flow-primary);
--litepicker-is-in-range-color: rgba(var(--flow-primary-rgb), 0.1);
--litepicker-is-start-color: #fff;
--litepicker-is-start-color-bg: var(--flow-primary);
--litepicker-is-end-color: #fff;
--litepicker-is-end-color-bg: var(--flow-primary);
--litepicker-button-next-month-color-hover: var(--flow-primary);
--litepicker-button-prev-month-color-hover: var(--flow-primary);
font-family: var(--flow-font-sans-serif);
font-size: 13px;
}
.litepicker {
border: 1px solid var(--flow-border-color);
border-radius: var(--flow-border-radius-sm);
box-shadow: 0 4px 16px rgba(0,0,0,.08);
background: var(--flow-card-bg, #fff);
overflow: hidden;
margin-top: 2px;
}
.litepicker .container__months { box-shadow: none; }
.litepicker .month-item-name,
.litepicker .month-item-year { color: var(--flow-body-color); font-weight: 400; }
.litepicker .container__days .day-item:hover { color: var(--flow-primary); background: rgba(var(--flow-primary-rgb), 0.08); box-shadow: none; }
.litepicker .container__days .day-item.is-today { color: var(--flow-primary); font-weight: 600; }
.litepicker .container__days .day-item.is-start-date,
.litepicker .container__days .day-item.is-end-date { background: var(--flow-primary); color: #fff; }
.litepicker .month-item-header { display: flex; align-items: center; gap: 4px; padding: 10px 5px; }
.litepicker .month-item-header > div { display: flex; align-items: center; gap: 4px; flex: 1; justify-content: center; }
.litepicker .month-item-header .month-item-name,
.litepicker .month-item-header .month-item-year { display: inline-flex; align-items: center; }
.litepicker .month-item-header .ts-wrapper.form-select { width: auto; min-width: 0; height: 26px; background: #fff; --ts-pr-min: 22px; --ts-pr-clear-button: 0px; --ts-pr-caret: 22px; }
.litepicker .month-item-header .ts-wrapper.form-select .ts-control { min-height: 24px; height: 24px; padding: 0 22px 0 8px; font-size: 12px; background: #fff; }
body > .ts-dropdown { z-index: 10000; background: #fff; border: 1px solid var(--flow-border-color-translucent); border-radius: var(--flow-border-radius); margin-top: 1px; padding: 0; box-shadow: 0 4px 16px rgba(0,0,0,.08); overflow: hidden; }
body > .ts-dropdown .ts-dropdown-content { background: #fff; border-radius: var(--flow-border-radius); padding: 0; max-height: 213px; overflow-y: auto; }
body > .ts-dropdown.ts-dropdown-up { margin-top: 0; margin-bottom: 1px; box-shadow: 0 -4px 16px rgba(0,0,0,.08); }
body > .ts-dropdown .option { white-space: nowrap; }
body > .ts-dropdown .option:hover,
body > .ts-dropdown .option.active { background: var(--flow-primary-lt); color: var(--flow-primary); }
.litepicker .month-item-header select {
height: 26px;
padding: 0 22px 0 8px;
font-size: 12px;
font-weight: 400;
color: var(--flow-body-color);
border: 1px solid var(--flow-border-color-translucent);
border-radius: var(--flow-border-radius-sm);
background-color: #fff;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right 6px center;
background-size: 12px 10px;
appearance: none;
-webkit-appearance: none;
cursor: pointer;
}
.litepicker .month-item-header select:focus {
border-color: var(--flow-border-color);
box-shadow: none;
outline: none;
}
.litepicker .lp-footer {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: 4px;
padding: 8px;
border-top: 1px solid var(--flow-border-color-translucent);
background: var(--flow-bg-surface-tertiary, #f9fafb);
}
.litepicker .lp-footer .btn {
white-space: nowrap;
border: var(--flow-btn-border-width, 1px) solid var(--flow-btn-border-color, var(--flow-primary));
border-radius: var(--flow-btn-border-radius, var(--flow-border-radius, 4px));
background: var(--flow-btn-bg, transparent);
color: var(--flow-btn-color, var(--flow-primary));
}
.litepicker .lp-footer .btn:hover {
background: var(--flow-btn-hover-bg, var(--flow-btn-bg, transparent));
color: var(--flow-btn-hover-color, var(--flow-btn-color, var(--flow-primary)));
border-color: var(--flow-btn-hover-border-color, var(--flow-btn-border-color, var(--flow-primary)));
}
.litepicker .lp-apply-btn { margin-left: auto; }
.litepicker .container__days .day-item,
.litepicker .container__months .month-item-header .button-previous-month,
.litepicker .container__months .month-item-header .button-next-month { cursor: pointer; }
input[type="date"]:hover,
input[type="date"]:focus,
input[type="date"]:focus-within,
input[data-litepicker]:hover,
input[data-litepicker]:focus {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23003c91' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12'/%3E%3Cpath d='M16 3v4'/%3E%3Cpath d='M8 3v4'/%3E%3Cpath d='M4 11h16'/%3E%3Cpath d='M7 14h.013'/%3E%3Cpath d='M10.01 14h.005'/%3E%3Cpath d='M13.01 14h.005'/%3E%3Cpath d='M16.015 14h.005'/%3E%3Cpath d='M13.015 17h.005'/%3E%3Cpath d='M7.01 17h.005'/%3E%3Cpath d='M10.01 17h.005'/%3E%3C/svg%3E");
}
}
@layer components {
.form-control, .form-select, .btn, .btn-search-icon, .input-group-text,
.ts-wrapper, .ts-wrapper .ts-control,
.litepicker .month-item-header select,
input[type="date"], input[data-litepicker] {
transition: none;
}
.form-control:not(.is-invalid):not(:disabled):hover,
.form-select:not(.is-invalid):not(:disabled):not(.disabled):hover,
.ts-wrapper.form-select:not(.disabled):hover,
.ts-wrapper.form-select:not(.disabled):hover .ts-control,
.litepicker .month-item-header select:not(:disabled):hover {
border-color: var(--flow-primary);
}
.form-label,
.col-form-label {
pointer-events: none;
}
.form-label:has(+ :is(:disabled, .ts-wrapper.disabled)),
.form-label:has(+ * :is(:disabled, .ts-wrapper.disabled)),
.col-form-label:has(+ :is(:disabled, .ts-wrapper.disabled)),
.col-form-label:has(+ * :is(:disabled, .ts-wrapper.disabled)) {
pointer-events: auto;
cursor: not-allowed;
}
.form-label:has(+ .form-switch),
.form-label:has(+ * .form-switch),
.col-form-label:has(+ .form-switch),
.col-form-label:has(+ * .form-switch),
.form-label[data-bs-toggle="tooltip"],
.col-form-label[data-bs-toggle="tooltip"] {
pointer-events: auto;
}
.form-select:not(.is-invalid):not(:disabled):not(.disabled):not(.no-chevron):not(.ts-wrapper):hover,
.litepicker .month-item-header select:not(:disabled):hover {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23003c91' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.ts-wrapper.form-select:not(.disabled):not(.no-chevron):hover {
--flow-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23003c91' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.input-group:not(:has(:disabled)):hover .form-control:not(:disabled),
.input-group:not(:has(:disabled)):hover .form-select:not(:disabled),
.input-group:not(:has(:disabled)):hover .btn:not(:disabled),
.input-group:not(:has(:disabled)):hover .input-group-text {
border-color: var(--flow-primary);
}
.input-group:not(:has(:disabled)):hover .btn-search-icon:not(:disabled),
.input-group:not(:has(:disabled)):hover .btn-search-icon:not(:disabled):hover,
.input-group:not(:has(:disabled)):hover .input-group-text,
.input-group:not(:has(:disabled)):hover button.input-group-text:not(:disabled) {
border-right-color: var(--flow-primary);
border-top-color: var(--flow-primary);
border-bottom-color: var(--flow-primary);
border-left-color: var(--flow-primary);
}
.form-control:not(.is-invalid):focus,
.form-control:not(.is-invalid):focus-within,
.form-select:not(.is-invalid):focus,
.ts-wrapper.form-select.focus,
.litepicker .month-item-header select:focus {
border-color: var(--flow-primary);
box-shadow: var(--flow-focus-ring);
outline: none;
}
.input-group .btn-search-icon,
.input-group .btn-search-icon:hover,
.input-group .btn-search-icon:focus,
.input-group .btn-search-icon:active { background: var(--flow-bg-forms); box-shadow: none; border: none; border-color: var(--flow-border-color); border-left: var(--flow-hairline); border-right: var(--flow-hairline); border-top: var(--flow-hairline); border-bottom: var(--flow-hairline); }
.input-group-text,
button.input-group-text,
button.input-group-text:hover,
button.input-group-text:focus,
button.input-group-text:active {
min-width: 32px;
padding: 0 var(--flow-spacer-2);
font-size: var(--flow-font-size-sm);
line-height: 1;
display: inline-flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
background: var(--flow-neutral-100);
background-clip: padding-box;
color: var(--flow-neutral-700);
box-shadow: none;
border: var(--flow-hairline);
border-radius: 0 var(--flow-border-radius) var(--flow-border-radius) 0;
}
.input-group > .input-group-text:first-child,
.input-group > button.input-group-text:first-child,
.input-group > button.input-group-text:first-child:hover,
.input-group > button.input-group-text:first-child:focus,
.input-group > button.input-group-text:first-child:active {
border-radius: var(--flow-border-radius) 0 0 var(--flow-border-radius);
}
button.input-group-text { width: 32px; padding: 0; }
.input-group .form-control:has(+ .btn-search-icon) { border-right-color: transparent; }
.input-group .form-control:has(+ .input-group-text),
.input-group .form-control:has(+ .btn-input-icon) {
border-right-color: transparent;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group .input-group-text + .form-control,
.input-group button.input-group-text + .form-control { border-left-color: transparent; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.form-select { background-position: right 8px center; }
.navbar-nav .dropdown-toggle::after { position: relative; top: -1px; left: 0px; }
.input-group .form-control,
.input-group .form-select,
.input-group .btn,
.input-group .input-group-text { transition: none; }
.input-group .form-control:focus,
.input-group .form-select:focus { box-shadow: none; border-color: var(--flow-primary); outline: none; z-index: 1; }
.input-group:focus-within {
border-radius: var(--flow-border-radius);
box-shadow: var(--flow-focus-ring);
}
.input-group:focus-within .btn,
.input-group:focus-within .input-group-text { border-right-color: var(--flow-primary); border-top-color: var(--flow-primary); border-bottom-color: var(--flow-primary); border-left-color: var(--flow-primary); transition: none; }
.input-group:focus-within:has(.is-invalid) {
box-shadow: var(--flow-focus-ring-danger);
}
.input-group .form-control.is-invalid:focus,
.input-group .form-select.is-invalid:focus {
border-color: var(--flow-danger-500);
box-shadow: none;
}
.input-group .is-invalid ~ .btn { border-color: var(--flow-danger); }
.input-group .invalid-feedback { display: none; position: absolute; top: 100%; left: 0; z-index: 5; width: 100%; }
.input-group:has(.is-invalid) .invalid-feedback { display: block; }
.input-group .btn:has(+ .invalid-feedback) {
border-top-right-radius: var(--flow-border-radius);
border-bottom-right-radius: var(--flow-border-radius);
}
.fs-28 { font-size: 28px; }
.fs-12 { font-size: var(--flow-font-size-sm); }
.fs-16 { font-size: var(--flow-font-size-lg); }
.fs-11 { font-size: var(--flow-font-size-xs); }
.fs-32 { font-size: 32px; }
.overflow-visible { overflow: visible; }
.login-logo { height: 74px; }
.cursor-pointer { cursor: pointer; }
.bg-surface { background: var(--flow-bg-surface-secondary); }
.form-check-input:focus,
.form-select:focus,
.page-link:focus,
.nav-link:focus-visible,
.navbar-toggler:focus,
.btn-close:focus,
.btn:focus-visible,
.input-group-flat:focus-within,
.form-selectgroup-input:focus + .form-selectgroup-label,
.form-imagecheck-input:focus ~ .form-imagecheck-figure,
.form-colorinput-input:focus ~ .form-colorinput-color {
box-shadow: var(--flow-focus-ring);
}
.form-check-input:focus { border-color: var(--flow-primary); }
.form-range:focus::-webkit-slider-thumb { box-shadow: var(--flow-focus-ring); }
.form-range:focus::-moz-range-thumb { box-shadow: var(--flow-focus-ring); }
.form-control.is-valid:focus, .form-select.is-valid:focus, .form-check-input.is-valid:focus,
.was-validated .form-control:valid:focus, .was-validated .form-select:valid:focus, .was-validated .form-check-input:valid:focus {
box-shadow: 0 0 0 3px rgba(var(--flow-success-rgb), 0.15);
}
.form-control.is-invalid:focus, .form-select.is-invalid:focus, .form-check-input.is-invalid:focus,
.was-validated .form-control:invalid:focus, .was-validated .form-select:invalid:focus, .was-validated .form-check-input:invalid:focus {
box-shadow: var(--flow-focus-ring-danger);
}
}
@layer components {
.btn .icon { stroke-width: 2; }
.btn.btn-search-icon.btn-search-icon { padding: 0; width: 32px; min-width: 0; height: 32px; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; border-radius: 0 var(--flow-border-radius-sm) var(--flow-border-radius-sm) 0; }
.btn.btn-search-icon.btn-search-icon { color: var(--flow-neutral-500); }
.btn { column-gap: 0; }
.btn-label { display: inline-flex; align-items: center; }
.btn-label[hidden] { display: none; }
.btn:not(.btn-icon):not(.btn-search-icon) > .icon,
.btn:not(.btn-icon):not(.btn-search-icon) > .btn-label > .icon:first-child {
margin-right: 6px;
margin-left: -2px;
}
.btn:not(.btn-icon):not(.btn-search-icon) > .icon.icon-end {
margin-left: 6px;
margin-right: -1px;
}
.dropdown-toggle:has(> .icon-end)::after { display: none; }
.btn.btn-search-icon .icon { margin: 0; }
.btn-outline-primary:not(:hover:not(:disabled)):not(:focus):not(:active):not(.show):not([aria-expanded="true"]):not(.btn-check:checked + *) { background-color: var(--flow-white); }
.btn-check:checked + .btn-outline-primary { background-color: var(--flow-primary); color: var(--flow-white); }
.btn[class*="btn-outline-"],
.btn.btn-white {
--flow-btn-hover-bg: var(--flow-white);
--flow-btn-active-bg: var(--flow-white);
}
.btn[class*="btn-outline-"],
.btn.btn-white {
--flow-btn-hover-color: var(--flow-btn-color);
--flow-btn-hover-border-color: var(--flow-btn-border-color);
--flow-btn-active-color: var(--flow-btn-color);
--flow-btn-active-border-color: var(--flow-btn-border-color);
}
.btn.btn-white:not(:disabled):hover,
.btn.btn-white:not(:disabled):focus-visible {
box-shadow: none;
border-color: var(--flow-primary-500);
}
.btn.btn-white:not(.active):not(:disabled):not(.disabled):hover,
.btn.btn-white:not(.active):not(:disabled):not(.disabled):focus-visible {
color: var(--flow-primary-500);
}
.btn[class*="btn-outline-"]:not(:disabled):hover:not(.btn-check:checked + *):not([aria-expanded="true"]):not(.show) {
box-shadow: none;
border-color: color-mix(in srgb, currentColor 72%, #000);
}
.btn[class*="btn-outline-"]:active:hover:not(.btn-check:checked + *):not([aria-expanded="true"]):not(.show),
.btn.btn-white:active:hover {
box-shadow: none;
}
.btn-outline-primary.dropdown-toggle[aria-expanded="true"],
.btn-outline-primary.dropdown-toggle.show { background-color: var(--flow-primary); color: var(--flow-white); }
.btn-outline-danger:not(:hover:not(:disabled)):not(:focus):not(:active):not(.show):not([aria-expanded="true"]):not(.btn-check:checked + *) { background-color: var(--flow-white); }
.btn-check:checked + .btn-outline-danger { background-color: var(--flow-danger); color: var(--flow-white); }
.btn-search-icon:not(:disabled):hover,
.btn-search-icon:not(:disabled):active { color: var(--flow-primary); }
button.input-group-text:not(:disabled):hover,
button.input-group-text:not(:disabled):active { color: var(--flow-primary); }
.online-dot { position: absolute; bottom: -2px; right: -2px; width: 10px; height: 10px; padding: 0; border: 2px solid var(--flow-white); border-radius: 50%; }
.d-hidden { display: none; }
.text-hover-primary { text-decoration: none; }
.text-hover-primary:hover { color: var(--flow-primary); text-decoration: underline; }
.btn { transition: box-shadow var(--flow-transition-recolor), background-color var(--flow-transition-recolor), border-color var(--flow-transition-recolor), color var(--flow-transition-recolor); }
.btn-check:checked + .btn { box-shadow: none; }
.btn.btn-white:not(.active):not(:disabled):not(.disabled) {
color: var(--flow-body-color);
}
[data-bs-theme="dark"] .btn.btn-white:not(.active):not(:disabled):not(.disabled) {
color: var(--flow-primary-500);
}
.btn.btn-icon.btn-icon { padding: 0; aspect-ratio: 1 / 1; min-width: 0; }
.btn-link { --flow-btn-font-weight:var(--flow-font-weight-regular);--flow-btn-color:var(--flow-link-color);--flow-btn-bg:transparent;--flow-btn-border-color:transparent;--flow-btn-hover-color:var(--flow-link-hover-color);--flow-btn-hover-border-color:transparent;--flow-btn-active-color:var(--flow-link-hover-color);--flow-btn-active-border-color:transparent;--flow-btn-disabled-color:#4b5563;--flow-btn-disabled-border-color:transparent;--flow-btn-box-shadow:0 0 0 #000;--flow-btn-focus-shadow-rgb:42,132,215;text-decoration:none }
.btn-link:focus-visible,.btn-link:hover { text-decoration:underline }
.btn-link:focus-visible { color:var(--flow-btn-color) }
.btn-link:hover { color:var(--flow-btn-hover-color) }
.btn-group.show .dropdown-toggle.btn-link { box-shadow:none }
.btn-link { color:rgb(6.711627907,124.1651162791,233.788372093);background-color:transparent;border-color:transparent;box-shadow:none }
.btn-link .icon { color:inherit }
.btn-link:hover { color:rgb(4.8,88.8,167.2);border-color:transparent }
.btn-outline-secondary { --flow-btn-color:var(--flow-secondary);--flow-btn-bg:transparent;--flow-btn-border-color:var(--flow-secondary);--flow-btn-hover-color:var(--flow-secondary-fg);--flow-btn-hover-border-color:transparent;--flow-btn-hover-bg:var(--flow-secondary);--flow-btn-active-color:var(--flow-secondary-fg);--flow-btn-active-bg:var(--flow-secondary);--flow-btn-active-border-color:var(--flow-secondary);--flow-btn-disabled-color:var(--flow-secondary);--flow-btn-disabled-border-color:var(--flow-secondary) }
.btn-outline-success { --flow-btn-color:var(--flow-success);--flow-btn-bg:transparent;--flow-btn-border-color:var(--flow-success);--flow-btn-hover-color:var(--flow-success-fg);--flow-btn-hover-border-color:transparent;--flow-btn-hover-bg:var(--flow-success);--flow-btn-active-color:var(--flow-success-fg);--flow-btn-active-bg:var(--flow-success);--flow-btn-active-border-color:var(--flow-success);--flow-btn-disabled-color:var(--flow-success);--flow-btn-disabled-border-color:var(--flow-success) }
.btn-outline-warning { --flow-btn-color:var(--flow-warning);--flow-btn-bg:transparent;--flow-btn-border-color:var(--flow-warning);--flow-btn-hover-color:var(--flow-warning-fg);--flow-btn-hover-border-color:transparent;--flow-btn-hover-bg:var(--flow-warning);--flow-btn-active-color:var(--flow-warning-fg);--flow-btn-active-bg:var(--flow-warning);--flow-btn-active-border-color:var(--flow-warning);--flow-btn-disabled-color:var(--flow-warning);--flow-btn-disabled-border-color:var(--flow-warning) }
.btn-azure { --flow-btn-border-color:transparent;--flow-btn-hover-border-color:transparent;--flow-btn-active-border-color:transparent;--flow-btn-color:var(--flow-azure-fg, var(--flow-white));--flow-btn-bg:var(--flow-azure-darken);--flow-btn-hover-color:var(--flow-azure-fg);--flow-btn-hover-bg:var(--flow-azure);--flow-btn-active-color:var(--flow-azure-fg);--flow-btn-active-bg:var(--flow-azure);--flow-btn-disabled-bg:var(--flow-azure-darken);--flow-btn-disabled-color:var(--flow-azure-fg);--flow-btn-box-shadow:var(--flow-shadow-input) }
.btn-outline.btn-azure { --flow-btn-color:var(--flow-azure);--flow-btn-bg:transparent;--flow-btn-border-color:var(--flow-azure);--flow-btn-hover-color:var(--flow-azure-fg);--flow-btn-hover-border-color:transparent;--flow-btn-hover-bg:var(--flow-azure);--flow-btn-active-color:var(--flow-azure-fg);--flow-btn-active-bg:var(--flow-azure);--flow-btn-active-border-color:var(--flow-azure);--flow-btn-disabled-color:var(--flow-azure);--flow-btn-disabled-border-color:var(--flow-azure) }
.btn-ghost.btn-azure { --flow-btn-color:var(--flow-azure);--flow-btn-bg:transparent;--flow-btn-border-color:transparent;--flow-btn-hover-color:var(--flow-azure-fg);--flow-btn-hover-bg:var(--flow-azure);--flow-btn-hover-border-color:var(--flow-azure);--flow-btn-active-color:var(--flow-azure-fg);--flow-btn-active-bg:var(--flow-azure);--flow-btn-active-border-color:transparent;--flow-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--flow-btn-disabled-color:var(--flow-azure);--flow-btn-disabled-bg:transparent;--flow-btn-disabled-border-color:transparent;--flow-gradient:none;--flow-btn-box-shadow:none }
.btn-yellow { --flow-btn-border-color:transparent;--flow-btn-hover-border-color:transparent;--flow-btn-active-border-color:transparent;--flow-btn-color:var(--flow-yellow-fg, var(--flow-white));--flow-btn-bg:var(--flow-yellow-darken);--flow-btn-hover-color:var(--flow-yellow-fg);--flow-btn-hover-bg:var(--flow-yellow);--flow-btn-active-color:var(--flow-yellow-fg);--flow-btn-active-bg:var(--flow-yellow);--flow-btn-disabled-bg:var(--flow-yellow-darken);--flow-btn-disabled-color:var(--flow-yellow-fg);--flow-btn-box-shadow:var(--flow-shadow-input) }
.btn-outline.btn-yellow { --flow-btn-color:var(--flow-yellow);--flow-btn-bg:transparent;--flow-btn-border-color:var(--flow-yellow);--flow-btn-hover-color:var(--flow-yellow-fg);--flow-btn-hover-border-color:transparent;--flow-btn-hover-bg:var(--flow-yellow);--flow-btn-active-color:var(--flow-yellow-fg);--flow-btn-active-bg:var(--flow-yellow);--flow-btn-active-border-color:var(--flow-yellow);--flow-btn-disabled-color:var(--flow-yellow);--flow-btn-disabled-border-color:var(--flow-yellow) }
.btn-ghost.btn-yellow { --flow-btn-color:var(--flow-yellow);--flow-btn-bg:transparent;--flow-btn-border-color:transparent;--flow-btn-hover-color:var(--flow-yellow-fg);--flow-btn-hover-bg:var(--flow-yellow);--flow-btn-hover-border-color:var(--flow-yellow);--flow-btn-active-color:var(--flow-yellow-fg);--flow-btn-active-bg:var(--flow-yellow);--flow-btn-active-border-color:transparent;--flow-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--flow-btn-disabled-color:var(--flow-yellow);--flow-btn-disabled-bg:transparent;--flow-btn-disabled-border-color:transparent;--flow-gradient:none;--flow-btn-box-shadow:none }
.btn-primary { --flow-btn-border-color:transparent;--flow-btn-hover-border-color:transparent;--flow-btn-active-border-color:transparent;--flow-btn-color:var(--flow-primary-fg, var(--flow-white));--flow-btn-bg:var(--flow-primary);--flow-btn-hover-color:var(--flow-primary-fg);--flow-btn-hover-bg:var(--flow-primary-darken);--flow-btn-active-color:var(--flow-primary-fg);--flow-btn-active-bg:var(--flow-primary-darken);--flow-btn-disabled-bg:var(--flow-primary);--flow-btn-disabled-color:var(--flow-primary-fg);--flow-btn-box-shadow:var(--flow-shadow-input) }
.btn-outline-primary { --flow-btn-color:var(--flow-primary);--flow-btn-bg:transparent;--flow-btn-border-color:var(--flow-primary);--flow-btn-hover-color:var(--flow-primary-fg);--flow-btn-hover-border-color:transparent;--flow-btn-hover-bg:var(--flow-primary);--flow-btn-active-color:var(--flow-primary-fg);--flow-btn-active-bg:var(--flow-primary);--flow-btn-active-border-color:var(--flow-primary);--flow-btn-disabled-color:var(--flow-primary);--flow-btn-disabled-border-color:var(--flow-primary) }
.btn-success { --flow-btn-border-color:transparent;--flow-btn-hover-border-color:transparent;--flow-btn-active-border-color:transparent;--flow-btn-color:var(--flow-success-fg, var(--flow-white));--flow-btn-bg:var(--flow-success-darken);--flow-btn-hover-color:var(--flow-success-fg);--flow-btn-hover-bg:var(--flow-success-600);--flow-btn-active-color:var(--flow-success-fg);--flow-btn-active-bg:var(--flow-success-600);--flow-btn-disabled-bg:var(--flow-success-darken);--flow-btn-disabled-color:var(--flow-success-fg);--flow-btn-box-shadow:var(--flow-shadow-input) }
.btn-warning { --flow-btn-border-color:transparent;--flow-btn-hover-border-color:transparent;--flow-btn-active-border-color:transparent;--flow-btn-color:var(--flow-warning-fg, var(--flow-white));--flow-btn-bg:var(--flow-warning-darken);--flow-btn-hover-color:var(--flow-warning-fg);--flow-btn-hover-bg:var(--flow-warning);--flow-btn-active-color:var(--flow-warning-fg);--flow-btn-active-bg:var(--flow-warning);--flow-btn-disabled-bg:var(--flow-warning-darken);--flow-btn-disabled-color:var(--flow-warning-fg);--flow-btn-box-shadow:var(--flow-shadow-input) }
.btn-danger { --flow-btn-border-color:transparent;--flow-btn-hover-border-color:transparent;--flow-btn-active-border-color:transparent;--flow-btn-color:var(--flow-danger-fg, var(--flow-white));--flow-btn-bg:var(--flow-danger-600);--flow-btn-hover-color:var(--flow-danger-fg);--flow-btn-hover-bg:var(--flow-danger);--flow-btn-active-color:var(--flow-danger-fg);--flow-btn-active-bg:var(--flow-danger);--flow-btn-disabled-bg:var(--flow-danger-600);--flow-btn-disabled-color:var(--flow-danger-fg);--flow-btn-box-shadow:var(--flow-shadow-input) }
.btn-outline-danger { --flow-btn-color:var(--flow-danger);--flow-btn-bg:transparent;--flow-btn-border-color:var(--flow-danger);--flow-btn-hover-color:var(--flow-danger-fg);--flow-btn-hover-border-color:transparent;--flow-btn-hover-bg:var(--flow-danger);--flow-btn-active-color:var(--flow-danger-fg);--flow-btn-active-bg:var(--flow-danger);--flow-btn-active-border-color:var(--flow-danger);--flow-btn-disabled-color:var(--flow-danger);--flow-btn-disabled-border-color:var(--flow-danger) }
.btn-orange { --flow-btn-border-color:transparent;--flow-btn-hover-border-color:transparent;--flow-btn-active-border-color:transparent;--flow-btn-color:var(--flow-orange-fg, var(--flow-white));--flow-btn-bg:var(--flow-orange-darken);--flow-btn-hover-color:var(--flow-orange-fg);--flow-btn-hover-bg:var(--flow-orange);--flow-btn-active-color:var(--flow-orange-fg);--flow-btn-active-bg:var(--flow-orange);--flow-btn-disabled-bg:var(--flow-orange-darken);--flow-btn-disabled-color:var(--flow-orange-fg);--flow-btn-box-shadow:var(--flow-shadow-input) }
.btn:disabled {
pointer-events: auto;
cursor: not-allowed;
}
.btn-group > .btn[aria-pressed]:not([aria-pressed="true"]):not(:disabled):hover,
.btn-group > .btn[aria-pressed]:not([aria-pressed="true"]):not(:disabled):focus-visible {
border-color: var(--flow-btn-border-color);
color: var(--flow-primary);
}
.btn-group > .btn[aria-pressed="true"]:not(:disabled):hover,
.btn-group > .btn[aria-pressed="true"]:not(:disabled):focus-visible {
color: var(--flow-btn-active-color);
background-color: var(--flow-btn-active-bg);
border-color: var(--flow-btn-active-border-color);
}
.btn-group > .btn[aria-pressed="true"] { z-index: 5; }
.btn-group > .btn[aria-pressed]:disabled {
--flow-btn-disabled-bg: var(--flow-bg-surface-secondary);
--flow-btn-disabled-color: var(--flow-secondary);
--flow-btn-disabled-border-color: var(--flow-btn-border-color);
opacity: 1;
background-clip: padding-box;
}
.btn-group > .btn[aria-pressed] {
--flow-btn-box-shadow: 0 0 0 transparent;
}
}
@layer components {
.table { --flow-table-color-type:initial;--flow-table-bg-type:initial;--flow-table-color-state:initial;--flow-table-bg-state:initial;--flow-table-color:inherit;--flow-table-bg:transparent;--flow-table-border-color:var(--flow-border-color-translucent);--flow-table-accent-bg:transparent;--flow-table-striped-color:inherit;--flow-table-striped-bg:var(--flow-bg-surface-tertiary);--flow-table-active-color:inherit;--flow-table-active-bg:var(--flow-active-bg);--flow-table-hover-color:inherit;--flow-table-hover-bg:rgba(var(--flow-emphasis-color-rgb), 0.075);width:100%;margin-bottom:1rem;vertical-align:top;border-color:var(--flow-table-border-color) }
.table>:not(caption)>*>* { padding:.75rem .75rem;color:var(--flow-table-color-state,var(--flow-table-color-type,var(--flow-table-color)));background-color:var(--flow-table-bg);border-bottom-width:var(--flow-table-row-line,var(--flow-border-width));box-shadow:inset 0 0 0 9999px var(--flow-table-bg-state,var(--flow-table-bg-type,var(--flow-table-accent-bg))) }
.table>tbody { vertical-align:inherit }
.table>thead { vertical-align:bottom }
.table-sm>:not(caption)>*>* { padding:.25rem .25rem }
.table-borderless>:not(caption)>*>* { border-bottom-width:0 }
@media (min-resolution: 2dppx) {
.table { --flow-table-row-line: .5px; }
}
.table-borderless>:not(:first-child) { border-top-width:0 }
.table-responsive { overflow-x:auto;-webkit-overflow-scrolling:touch }
.card-table { margin-bottom:0 }
.card-table tr td:first-child:where(:not(.row-details *)),.card-table tr th:first-child:where(:not(.row-details *)) { padding-left:var(--flow-table-edge-inset);border-left:0 }
.card-table tr td:last-child:where(:not(.row-details *)),.card-table tr th:last-child:where(:not(.row-details *)) { padding-right:var(--flow-table-edge-inset);border-right:0 }
.card-table tbody tr:first-child,.card-table tfoot tr:first-child,.card-table thead tr:first-child { border-top:0 }
.card-table tbody tr:first-child td,.card-table tbody tr:first-child th,.card-table tfoot tr:first-child td,.card-table tfoot tr:first-child th,.card-table thead tr:first-child td,.card-table thead tr:first-child th { border-top:0 }
.card-body+.card-table { border-top:var(--flow-border-width) var(--flow-border-style) var(--flow-table-border-color) }
.table thead th { background:var(--flow-bg-surface-tertiary);font-size:.75rem;font-weight:var(--flow-font-weight-medium);text-transform:uppercase;letter-spacing:.04em;line-height:1rem;color:var(--flow-secondary);padding-top:.5rem;padding-bottom:.5rem;white-space:nowrap }
@media print {
.table thead th { background:0 0 }
}
.table-responsive .table { margin-bottom:0 }
.table-responsive+.card-footer { border-top:0 }
.table-vcenter>:not(caption)>*>* { vertical-align:middle }
.table-borderless thead th { background:0 0 }
.data-table { font-size: var(--flow-font-size-base); }
.data-table th { white-space: nowrap; }
.data-table thead th,
.data-table tbody td { white-space: nowrap; }
.data-table tbody tr:nth-last-child(1 of :where(:not(.row-details[hidden]))):where(:not(.row-details *)) > * { border-bottom-width: 0; }
.data-table tbody tr:nth-child(even of :where(:not(.row-details))):where(:not(.row-details *)),
.table-zebra tbody tr:nth-child(even) > * { background-color: var(--flow-row-stripe); }
.table-responsive:has(+ .table-toolbar) > .table > tbody > tr:last-child > * { border-bottom-width: 0; }
.table-toolbar { background-color: var(--flow-bg-surface-secondary); }
.table-toolbar-search { width: var(--toolbar-search-w, 255px); }
.table-toolbar-top,
.card :is(.pricing-block, .definitions-block, .dtm-block-frame) .table-toolbar-top {
border: var(--flow-hairline);
border-radius: var(--flow-border-radius) var(--flow-border-radius) 0 0;
}
.table-toolbar-top + .table-responsive,
.table-toolbar-top + .col-tray,
.table-toolbar-top + .col-tray + .table-responsive,
.card :is(.pricing-block, .definitions-block, .dtm-block-frame) .table-toolbar-top + .table-responsive,
.card :is(.pricing-block, .definitions-block, .dtm-block-frame) .table-toolbar-top + .col-tray,
.card :is(.pricing-block, .definitions-block, .dtm-block-frame) .table-toolbar-top + .col-tray + .table-responsive {
border-left: var(--flow-hairline);
border-right: var(--flow-hairline);
}
.table-toolbar-bottom,
.card :is(.pricing-block, .definitions-block, .dtm-block-frame) .table-toolbar-bottom {
border: var(--flow-hairline);
border-radius: 0 0 var(--flow-border-radius) var(--flow-border-radius);
}
.table-toolbar-top + .table-responsive:last-child,
.card :is(.pricing-block, .definitions-block, .dtm-block-frame) .table-toolbar-top + .table-responsive:last-child {
border-bottom: var(--flow-hairline);
border-radius: 0 0 var(--flow-border-radius) var(--flow-border-radius);
}
.card .table-toolbar-top { border-top: 0; border-left: 0; border-right: 0; border-radius: 0; }
.card .table-toolbar-bottom { border-bottom: 0; border-left: 0; border-right: 0; border-radius: 0; }
.card .table-toolbar-top + .table-responsive,
.card .table-toolbar-top + .col-tray,
.card .table-toolbar-top + .col-tray + .table-responsive { border-left: 0; border-right: 0; }
.card .table-toolbar-top + .table-responsive:last-child { border-bottom: 0; border-radius: 0; }
.card :is(.pricing-block, .definitions-block, .dtm-block-frame) > .card-header {
border: var(--flow-hairline);
border-radius: var(--flow-border-radius) var(--flow-border-radius) 0 0;
}
.card :is(.pricing-block, .definitions-block, .dtm-block-frame) > .card-header + .table-toolbar-top {
border-top: 0;
border-radius: 0;
}
.table-toolbar + .table-responsive > .table > :is(thead, tbody) > tr > *:first-child,
:is(.card, .card > .fin-live, .card > .card-body) > .table-responsive > .table > :is(thead, tbody, tfoot) > tr > *:first-child { padding-left: var(--flow-card-spacer-x); }
.table-toolbar + .table-responsive > .table > :is(thead, tbody) > tr > *:last-child,
:is(.card, .card > .fin-live, .card > .card-body) > .table-responsive > .table > :is(thead, tbody, tfoot) > tr > *:last-child { padding-right: var(--flow-card-spacer-x); }
.modal-body .table:not(.modal-body .card *) { border: var(--flow-hairline); }
.modal-body .table-toolbar-top + .table-responsive > .table { border-width: 0; }
.input-group .btn-input-icon {
color: var(--flow-secondary);
border-color: var(--flow-border-color);
background-color: transparent;
}
.input-group .btn-input-icon:hover,
.input-group .btn-input-icon:focus,
.input-group .btn-input-icon:active {
color: var(--flow-primary);
border-color: var(--flow-primary);
background-color: transparent;
box-shadow: none;
}
.page-header { margin-top: var(--flow-spacer-3); }
.modal-dialog {
display: flex;
align-items: center;
min-height: calc(100% - 3.5rem);
}
.modal-dialog {
width: fit-content;
min-width: min(480px, calc(100vw - 32px));
max-width: min(1140px, calc(100vw - 32px));
}
.modal-dialog.modal-sm { min-width: min(340px, calc(100vw - 32px)); }
.modal-dialog.modal-lg { width: min(640px, calc(100vw - 32px)); min-width: min(640px, calc(100vw - 32px)); max-width: min(640px, calc(100vw - 32px)); }
.modal-dialog.modal-xl { width: min(1152px, calc(100vw - 32px)); min-width: min(1152px, calc(100vw - 32px)); max-width: min(1152px, calc(100vw - 32px)); }
.modal-dialog.modal-xxl { width: min(1440px, calc(100vw - 32px)); min-width: min(1440px, calc(100vw - 32px)); max-width: min(1440px, calc(100vw - 32px)); }
.modal-dialog .modal-content { max-height: calc(100vh - 56px); }
.modal-dialog.modal-dialog-scrollable { height: auto; max-height: calc(100% - var(--flow-modal-margin) * 2); }
.modal-dialog .modal-body { overflow-y: auto; }
}
@layer components {
.card { overflow: hidden; --flow-card-spacer-x: 16px; --flow-card-cap-padding-x: 16px; border-radius: var(--flow-border-radius); }
.card-title:has(> .icon) { display: flex; align-items: center; }
.modal-content { border-radius: var(--flow-border-radius); }
.modal { --flow-modal-border-color: var(--flow-border-color); --flow-modal-box-shadow: var(--flow-box-shadow-lg); --flow-modal-border-radius: var(--flow-border-radius); }
.card-header { background-color: var(--flow-bg-surface-tertiary); }
.card-header-tabs > .nav-item.ms-auto,
.card-header-pills > .nav-item.ms-auto {
align-self: center;
display: flex;
align-items: center;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link { background-color: rgba(41, 112, 255, 0.15); }
.card-header-pills .nav-link:not(.active):hover,
.card-header-pills .nav-link:not(.active):focus-visible {
background-color: rgba(41, 112, 255, 0.08);
color: var(--flow-primary);
}
.navbar-expand-md .navbar-nav .nav-item:hover > .nav-link:not(.active),
.navbar-expand-md .navbar-nav .nav-link:not(.active):focus-visible {
color: var(--flow-primary);
}
.card-header[data-settings-rail] { min-height: 64px; }
[data-settings-rail] .btn.is-seat-empty {
visibility: hidden;
pointer-events: none;
}
.card-header-pills .nav-link { display: inline-flex; }
.card-header-tabs > .nav-item:has(> .btn) { align-self: flex-start; }
.edit-lock-icon { display: inline-flex; }
.edit-lock-btn svg.icon { --icon-tone1-o: 1; }
.edit-lock-btn .icon { color: var(--flow-danger-700); }
[data-edit-lock="locked"] .edit-lock-btn .icon { color: var(--flow-danger-700); }
[data-edit-lock="unlocked"] .edit-lock-btn .icon { color: var(--flow-success-500); }
.table-toolbar .table-toolbar-labelled:not(:first-child) { margin-left: var(--flow-spacer-2); }
.input-group:has(.form-control:not(:placeholder-shown)) .btn-search-icon,
.input-group:has(> .btn-search-icon) > .form-control:not(:placeholder-shown) {
color: var(--flow-primary);
}
input[data-litepicker].has-filter,
input[data-litepicker].has-filter::placeholder { color: var(--flow-primary); }
input[data-litepicker].has-filter { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23003c91' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M4 7a2 2 0 0 1 2 -2h12a2 2 0 0 1 2 2v12a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12'/%3E%3Cpath d='M16 3v4'/%3E%3Cpath d='M8 3v4'/%3E%3Cpath d='M4 11h16'/%3E%3Cpath d='M7 14h.013'/%3E%3Cpath d='M10.01 14h.005'/%3E%3Cpath d='M13.01 14h.005'/%3E%3Cpath d='M16.015 14h.005'/%3E%3Cpath d='M13.015 17h.005'/%3E%3Cpath d='M7.01 17h.005'/%3E%3Cpath d='M10.01 17h.005'/%3E%3C/svg%3E"); }
.data-table thead th:has(.col-sort-btn-on),
.data-table thead th:has(.col-filter-btn-on),
.data-table thead th:has(.col-sort-btn-on) a,
.data-table thead th:has(.col-filter-btn-on) a { color: var(--flow-primary); }
.ts-wrapper.form-select.has-filter,
.ts-wrapper.form-select.has-filter .ts-control,
.ts-wrapper.form-select.has-filter .ts-control .item { color: var(--flow-primary); }
.ts-wrapper.form-select.has-filter { --flow-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23003c91' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); }
.compact-pg.has-filter .page-item:not(.active):not(.disabled) .page-link { color: var(--flow-primary); }
.nav-tabs {
--flow-nav-tabs-border-color: var(--flow-border-color-translucent);
--flow-nav-tabs-link-hover-border-color: var(--flow-border-color-translucent) var(--flow-border-color-translucent) transparent;
--flow-nav-tabs-link-active-border-color: var(--flow-border-color-translucent) var(--flow-border-color-translucent) var(--flow-border-color-translucent);
}
.nav-tabs .nav-item + .nav-item { margin-left: calc(-1 * var(--flow-border-width)); }
.btn-white { background-color: var(--flow-white); border-color: var(--flow-border-color); color: var(--flow-secondary); }
.btn-white:disabled, .btn-white[disabled] { background-color: #f1f3f5; border-color: var(--flow-border-color); opacity: 1; color: var(--flow-secondary); }
.data-table th:last-child:where(:not(.row-details *)),
.data-table td:last-child:where(:not(.row-details *)) { text-align: right; }
.btn:disabled, .btn.disabled { border-color: var(--flow-btn-border-color, rgba(0,0,0,.1)); }
}
@layer components {
@supports selector(::-webkit-scrollbar) {
*, .modal-body { scrollbar-color: auto; }
}
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-button { display: none; width: 0; height: 0; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-corner { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--flow-border-color); border-radius: 3px; border: 0; background-clip: border-box; }
::-webkit-scrollbar-thumb:hover { background: var(--flow-secondary); border: 0; background-clip: border-box; }
.table-responsive { overflow-x: auto; }
.compact-pg .pagination { font-size: 12px; margin: 0; }
.compact-pg .pagination .page-item { line-height: 0; }
.compact-pg .pagination .page-link { font-size: 12px; padding: 0 10px; height: 28px; display: inline-flex; align-items: center; justify-content: center; }
.compact-pg .pagination .page-link:has(svg) { padding: 0 5px; }
.compact-pg .pagination { gap: 4px; }
.compact-pg .pagination .page-item .page-link { margin: 0; }
.compact-pg .pagination .page-link:focus {
box-shadow: 0 0 0 3px rgba(var(--flow-primary-rgb, 0, 60, 145), 0.15);
outline: none;
}
.th-tools {
display: inline-flex;
align-items: center;
gap: 4px;
white-space: nowrap;
vertical-align: middle;
}
thead th.text-end .th-tools {
flex-direction: row-reverse;
}
.th-tools > .col-sort-btn,
.th-tools > .col-filter-wrap {
margin-left: 0;
}
.col-sort-btn { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; padding: 0; border: none; border-radius: 3px; background: transparent; color: var(--flow-secondary); cursor: pointer; transition: color var(--flow-transition-recolor); vertical-align: middle; margin-left: 1px; transform: translateY(-1px); }
.col-sort-btn:hover { color: var(--flow-primary); }
.col-sort-btn.col-sort-btn-on { color: var(--flow-primary); }
.col-sort-btn svg { width: 14px; height: 14px; display: block; }
.col-filter-wrap { position: relative; display: inline; margin-left: 1px; }
.col-filter-btn { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; padding: 0; border: none; border-radius: 3px; background: transparent; color: var(--flow-secondary); cursor: pointer; transition: color var(--flow-transition-recolor); vertical-align: middle; transform: translateY(-1px); }
.col-filter-btn:hover { color: var(--flow-primary); }
.col-filter-btn.col-filter-btn-on { color: var(--flow-primary); }
.col-filter-btn svg { width: 14px; height: 14px; display: block; }
.col-filter-dropdown { display: none; position: fixed; z-index: 300; min-width: 150px; max-height: 213px; overflow-y: auto; text-align: left; }
.col-filter-dropdown.open { display: block; }
.col-filter-option { padding: 6px 10px; font-size: 12px; cursor: pointer; color: var(--flow-body-color); white-space: nowrap; }
.col-filter-option:hover { background: var(--flow-primary-lt); color: var(--flow-primary); }
.col-filter-option.col-filter-selected { color: var(--flow-primary); font-weight: 600; background: var(--flow-primary-lt); }
.col-filter-dropdown,
.ts-wrapper .ts-dropdown { background: var(--flow-card-bg, #fff); border: 1px solid var(--flow-border-color); border-radius: var(--flow-border-radius); box-shadow: 0 4px 16px rgba(0,0,0,.08); }
.ts-wrapper .ts-dropdown .option:hover,
.ts-wrapper .ts-dropdown .option.active { background: var(--flow-primary-lt); color: var(--flow-primary); }
body > .ts-dropdown,
.ts-wrapper .ts-dropdown {
border: 1px solid var(--flow-border-color);
border-radius: var(--flow-border-radius);
margin-top: 2px;
}
}
@layer components {
.ts-wrapper { position: relative; }
.ts-wrapper.dropdown-active { z-index: 1500; }
.ts-wrapper.dropdown-active .ts-dropdown { z-index: 1500; }
.ts-wrapper .ts-dropdown { z-index: 1500; }
.card:has(.ts-wrapper.dropdown-active),
.card-body:has(.ts-wrapper.dropdown-active),
.table-responsive:has(.ts-wrapper.dropdown-active),
.tab-content:has(.ts-wrapper.dropdown-active),
.tab-pane:has(.ts-wrapper.dropdown-active) { overflow: visible; }
.card:has(.row-actions-dropdown .dropdown-menu.show),
.card-body:has(.row-actions-dropdown .dropdown-menu.show),
.modal-body:has(.row-actions-dropdown .dropdown-menu.show),
.tab-content:has(.row-actions-dropdown .dropdown-menu.show),
.tab-pane:has(.row-actions-dropdown .dropdown-menu.show) { overflow: visible; }
.row-actions-dropdown { display: inline-block; }
.row-actions-dropdown .dropdown-menu.dropdown-menu-end {
left: auto;
right: 0;
}
.row-actions-dropdown .dropdown-menu form { margin: 0; }
.row-actions-dropdown .dropdown-menu {
min-width: auto;
--flow-dropdown-min-width: auto;
width: max-content;
padding-top: 0;
padding-bottom: 0;
left: 0;
right: auto;
border-color: var(--flow-gray-300);
}
.row-actions-dropdown .dropdown-menu .dropdown-item { text-align: left; font-size: 12px; line-height: 18px; padding: 5px 10px; min-width: 0; gap: 0; }
.row-actions-dropdown .dropdown-menu .dropdown-item:disabled { pointer-events: auto; cursor: not-allowed; }
.row-actions-dropdown .dropdown-menu .dropdown-divider { margin: 0; }
.row-actions-dropdown .dropdown-menu .dropdown-item .dropdown-item-icon {
font-size: 14px; width: 14px; height: 14px; margin-inline-end: 6px; flex: 0 0 14px;
max-height: 14px; align-self: center;
}
.btn.dropdown-toggle::after { vertical-align: middle; }
.status-select,
.ts-wrapper.form-select.status-select,
.status-select-prod,
.ts-wrapper.form-select.status-select-prod { flex: 0 0 auto; }
.tbl-perpage,
.ts-wrapper.form-select.tbl-perpage { flex: 0 0 72px; }
.ts-wrapper.form-select { padding: 0; height: 32px; border: 1px solid var(--flow-border-color); border-radius: var(--flow-border-radius-sm, 4px); width: 100%; box-sizing: border-box; max-width: 100%; min-width: 0; }
.ts-wrapper.form-select { background-image: none; }
.ts-wrapper.form-select::before {
content: '';
position: absolute;
top: 50%;
right: 6px;
width: 16px;
height: 12px;
margin-top: -6px;
background-image: var(--flow-form-select-bg-img);
background-repeat: no-repeat;
background-position: center;
background-size: 16px 12px;
pointer-events: none;
}
.ts-wrapper.form-select.w-auto { width: auto; max-width: none; }
.ts-wrapper.form-select .ts-control { border: none; border-radius: var(--flow-border-radius-sm, 4px); min-height: 30px; height: 30px; padding-top: 0; padding-bottom: 0; padding-left: 8px; gap: 4px; align-items: center; background: transparent; flex-wrap: nowrap; width: 100%; box-sizing: border-box; min-width: 0; max-width: 100%; overflow: hidden; }
.ts-wrapper.form-select .ts-control { cursor: pointer; }
.ts-wrapper.form-select .ts-control > input { cursor: text; }
.input-icon-wrap { min-width: 0; }
.d-flex > *:has(> .ts-wrapper.form-select) { min-width: 0; }
.ts-wrapper.form-select .ts-control > .item {
min-width: 0;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ts-tags.ts-wrapper.form-control { height: auto; min-height: 32px; }
.ts-tags .ts-control { height: auto; min-height: 0; overflow: visible; padding: 4px 8px; row-gap: 4px; align-items: center; }
.ts-tags .ts-control > .item { margin: 0 5px 0 0; }
.ts-tags .ts-control > .item .remove { border-left-color: var(--flow-border-color); }
.ts-tags .ts-control > input { min-width: 96px; flex: 1 1 96px; }
.ts-wrapper.form-select { position: relative; }
.ts-wrapper.form-select.loading::before { opacity: 0; }
.ts-wrapper.form-select.loading::after {
content: '';
position: absolute;
top: 50%;
right: 10px;
width: 14px;
height: 14px;
margin-top: -7px;
border: 2px solid var(--flow-primary);
border-top-color: transparent;
border-radius: 50%;
animation: ts-loading-spin 0.7s linear infinite;
pointer-events: none;
}
@keyframes ts-loading-spin {
to { transform: rotate(360deg); }
}
.ts-wrapper .ts-dropdown .spinner,
body > .ts-dropdown .spinner { display: none; }
.ts-wrapper.single.form-select .ts-control { gap: 0; }
.ts-wrapper.single .ts-control > input {
margin: 0;
padding: 0;
min-width: 0;
}
.ts-wrapper.form-select.focus { border-color: var(--flow-primary); }
.ts-wrapper.form-select.focus .ts-control { border: none; box-shadow: none; }
.ts-wrapper.form-select.disabled,
.ts-wrapper.form-select.disabled .ts-control {
opacity: 1;
}
.ts-wrapper.form-select.disabled { cursor: not-allowed; }
.ts-wrapper.form-select.disabled .ts-control { pointer-events: none; }
.ts-wrapper.form-select.disabled .ts-control {
background-color: var(--flow-bg-surface-secondary);
}
.ts-wrapper.form-select.disabled .ts-control,
.ts-wrapper.form-select.disabled .ts-control .item,
.ts-wrapper.form-select.disabled .ts-control > input {
color: var(--flow-secondary);
}
.ts-wrapper.form-select.disabled {
--flow-form-select-bg-img: var(--flow-form-select-bg-img-disabled);
}
.ts-wrapper.form-select.disabled::before {
z-index: 2;
}
select.ts-hidden-accessible,
select.ts-hidden-accessible.is-invalid,
select.ts-hidden-accessible.is-valid {
border: 0;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
background-image: none;
box-shadow: none;
}
.ts-wrapper.form-select.is-invalid,
.ts-wrapper.form-select.is-invalid.focus {
padding: 0;
border-color: var(--flow-danger);
box-shadow: none;
}
.ts-wrapper.is-invalid .ts-control,
.ts-wrapper.is-invalid.focus .ts-control,
.ts-wrapper.is-invalid .ts-control > input,
.ts-wrapper.is-invalid.focus .ts-control > input {
border: none;
box-shadow: none;
outline: none;
}
.ts-wrapper.form-select { min-width: 0; }
.ts-wrapper.single.form-select .ts-control { min-width: 0; overflow: hidden; }
.ts-wrapper.single.form-select .ts-control .item {
min-width: 0;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ts-wrapper .ts-control > input::placeholder {
color: var(--flow-secondary, var(--flow-text-muted));
opacity: 1;
}
.ts-wrapper.multi .ts-control .item {
--flow-ts-chip-space: 6px;
display: inline-flex;
align-items: center;
min-width: 40px;
flex-shrink: 0;
background: rgba(var(--flow-azure-rgb), 0.1);
color: var(--flow-azure);
border: none;
border-radius: var(--flow-border-radius, 4px);
padding-block: 2px;
padding-inline-start: var(--flow-ts-chip-space);
padding-inline-end: var(--flow-ts-chip-space);
font-size: 11px;
font-weight: 500;
line-height: 1.4;
}
.ts-wrapper.form-select.multi .ts-control { overflow: clip; overflow-clip-margin: content-box; }
.ts-wrapper.form-select.multi:not(.plugin-remove_button) .ts-control .item { display: block; }
.ts-wrapper.multi .ts-control .item .remove {
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1;
color: var(--flow-azure);
font-size: 14px;
padding-inline: var(--flow-ts-chip-space);
margin-left: var(--flow-ts-chip-space);
}
.ts-wrapper.multi.plugin-remove_button .ts-control .item { padding-top: 3px; padding-bottom: 1px; }
.ts-wrapper.multi.plugin-remove_button .ts-control .item .remove { position: relative; top: -2px; }
.ts-tags.plugin-remove_button .ts-control > .item .remove { border-left-color: transparent; }
.ts-tags.plugin-remove_button .ts-control > .item .remove::before {
content: ""; position: absolute; left: -1px; top: 1px; bottom: -1px;
border-left: 1px solid var(--flow-border-color);
}
.ts-wrapper.multi .ts-control .item .remove:hover {
color: var(--flow-danger);
background: none;
}
.ts-wrapper.single .ts-control .item {
background: transparent;
color: inherit;
border: none;
padding: 0;
font-size: 12px;
white-space: nowrap;
}
.ts-wrapper .ts-dropdown { padding: 0; margin-top: 1px; overflow: hidden; }
.ts-wrapper .ts-dropdown .ts-dropdown-content { border-radius: var(--flow-border-radius); padding: 0; max-height: 213px; overflow-y: auto; overflow-x: hidden; }
.ts-dropdown :is(.option, .optgroup-header, .no-results, .create) { padding-left: 8px; padding-right: 8px; }
.ts-wrapper .ts-dropdown .option {
padding: 6px 8px; font-size: 12px; line-height: 1.5; cursor: pointer;
white-space: normal;
overflow-wrap: anywhere;
}
.ts-wrapper .ts-control > input { font-size: 12px; }
.modal-header { background-color: #f9fafb; }
.modal-body { font-size: 13px; }
.modal-dialog.modal-confirm,
.modal-dialog.modal-small,
.modal-dialog.modal-small-tall,
.modal-dialog.modal-middle,
.modal-dialog.modal-middle-tall,
.modal-dialog.modal-big,
.modal-dialog.modal-big-tall,
.modal-dialog.modal-picker { max-width: 100%; }
.modal-dialog.modal-confirm { width: 400px; }
.modal-dialog.modal-small,
.modal-dialog.modal-small-tall { width: 400px; }
.modal-dialog.modal-middle,
.modal-dialog.modal-middle-tall { width: 640px; }
.modal-dialog.modal-big,
.modal-dialog.modal-big-tall { width: 1024px; }
.modal-dialog.modal-picker { width: 1200px; }
.ts-wrapper .ts-control { font-size: 12px; }
.ts-dropdown { font-size: 12px; }
.ts-dropdown .optgroup-header { font-size: 12px; font-weight: var(--flow-font-weight-bold); }
.ts-dropdown .optgroup::before { margin: 3px -.75rem; }
body > .ts-dropdown,
.ts-wrapper .ts-dropdown { border-color: var(--flow-gray-300); }
.ts-wrapper.single .ts-control > input { width: 2px; flex: 0 0 auto; }
.ts-wrapper.single.ts-editing .ts-control > .item { display: none; }
.ts-wrapper.single.ts-editing.has-items .ts-control { padding-left: 4px; }
.ts-wrapper.single.ts-editing .ts-control > input { width: auto; flex: 1 1 auto; }
.settings-row-control,
.ts-wrapper.settings-row-control {
width: 110px;
min-width: 110px;
flex: 0 0 auto;
}
.ts-wrapper .ts-control > input:not(:focus)::placeholder { color: transparent; }
.ts-wrapper.form-select .item {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 100%;
}
.ts-wrapper.form-select .ts-control > input { caret-color: transparent; }
.ts-wrapper.form-select.ts-editing .ts-control > input { caret-color: auto; }
.ts-wrapper.single:not(.ts-editing) .ts-control > input {
width: 0;
min-width: 0;
flex: 0 0 0;
padding: 0;
margin: 0;
}
.ts-wrapper.no-chevron::before { content: none; }
.ts-wrapper.form-select .ts-control > .ts-placeholder { display: none; }
.ts-wrapper.form-select:not(.has-items) .ts-control > .ts-placeholder {
display: block;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
color: var(--flow-secondary, var(--flow-text-muted));
}
.ts-wrapper.form-select.ts-editing .ts-control > .ts-placeholder { display: none; }
}
@layer components {
.modal { margin: 0; padding-block: 0; padding-inline-end: 0; }
.modal-dialog.modal-confirm > .modal-content { min-height: min(200px, calc(100vh - 32px)); height: auto; max-height: calc(100vh - 32px); }
.modal-dialog.modal-small > .modal-content { min-height: min(480px, calc(100vh - 32px)); height: auto; max-height: calc(100vh - 32px); }
.modal-dialog.modal-middle > .modal-content { min-height: min(480px, calc(100vh - 32px)); height: auto; max-height: calc(100vh - 32px); }
.modal-dialog.modal-big > .modal-content { min-height: min(480px, calc(100vh - 32px)); height: auto; max-height: calc(100vh - 32px); }
.modal-dialog.modal-picker > .modal-content { min-height: min(600px, calc(100vh - 32px)); height: auto; max-height: calc(100vh - 32px); }
#materialDetailsModal .modal-dialog.modal-middle > .modal-content { min-height: min(510px, calc(100vh - 32px)); height: auto; max-height: calc(100vh - 32px); }
#materialPickerModal .table.data-table td,
#materialPickerModal .table.data-table th { white-space: normal; }
#materialPickerModal .table.data-table td:nth-child(5),
#materialPickerModal .table.data-table th:nth-child(5) { white-space: nowrap; }
#materialPickerModal .table.data-table td:last-child,
#materialPickerModal .table.data-table th:last-child { white-space: nowrap; width: 1%; }
.modal-dialog.modal-small-tall > .modal-content,
.modal-dialog.modal-middle-tall > .modal-content,
.modal-dialog.modal-big-tall > .modal-content { min-height: min(640px, calc(100vh - 32px)); height: auto; max-height: calc(100vh - 32px); }
.modal-dialog[class*="modal-"] > .modal-content { display: flex; flex-direction: column; }
.modal-dialog[class*="modal-"] > .modal-content > form { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; }
.modal-dialog[class*="modal-"] .modal-body { flex: 1 1 auto; min-height: 0; overflow-y: auto; }
.modal-dialog[class*="modal-"] .modal-header,
.modal-dialog[class*="modal-"] .modal-footer,
.modal-dialog[class*="modal-"] > .modal-content > .card-header { flex: 0 0 auto; }
.modal-content > .card-header {
padding: 12px 16px;
border-bottom: 1px solid var(--flow-border-color-translucent);
min-height: 48px;
display: flex;
align-items: center;
border-top-left-radius: var(--flow-modal-inner-border-radius);
border-top-right-radius: var(--flow-modal-inner-border-radius);
}
.modal-content > *:first-child,
.modal-content > form:first-child > *:first-child {
border-top-left-radius: var(--flow-modal-inner-border-radius);
border-top-right-radius: var(--flow-modal-inner-border-radius);
}
.modal-content > *:last-child,
.modal-content > form:last-child > *:last-child {
border-bottom-left-radius: var(--flow-modal-inner-border-radius);
border-bottom-right-radius: var(--flow-modal-inner-border-radius);
}
@media (max-width: 1100px) {
.modal-dialog.modal-big,
.modal-dialog.modal-big-tall { width: 100%; max-width: calc(100% - 16px); }
}
@media (max-width: 720px) {
.modal-dialog.modal-middle,
.modal-dialog.modal-middle-tall { width: 100%; max-width: calc(100% - 16px); }
}
@media (max-width: 480px) {
.modal-dialog.modal-confirm,
.modal-dialog.modal-small,
.modal-dialog.modal-small-tall { width: 100%; max-width: calc(100% - 16px); }
}
.modal-header { border-bottom-color: #e6e7e9; }
.modal-footer { border-top-color: #e6e7e9; }
.modal { --flow-modal-padding: 16px; }
.modal-header { padding: 16px; align-items: center; }
.modal-header > .modal-title { margin-right: auto; }
.modal-header > .btn-close {
position: static;
flex: 0 0 auto;
width: 24px;
height: 24px;
margin: 0 0 0 var(--flow-spacer-2);
padding: 0;
}
.modal-footer { padding: calc(var(--flow-modal-padding) - var(--flow-modal-footer-gap) * .5); }
.modal-content > .card-header { padding: 16px; }
.card-link + .card-link { margin-left: 0; }
.pricing-tier-chip {
background-color: #f6f8fb;
color: var(--flow-body-color);
cursor: default;
line-height: 1.4;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.pricing-tier-chip:hover,
.pricing-tier-chip:focus { border-color: var(--flow-border-color); box-shadow: none; }
.process-section-off { opacity: 0.55; }
.process-section-off label { color: var(--flow-secondary, var(--flow-text-muted)); }
.cmyk-row { gap: 15px; }
.cmyk-row .form-check-inline { margin-right: 0; }
.machine-prediction-card > .card-header { padding-top: 6px; padding-bottom: 6px; }
.machine-prediction-card > .card-header .card-title { font-size: 11px; font-weight: 600; letter-spacing: 0.4pt; color: var(--flow-secondary, var(--flow-text-muted)); }
.modal-body .form-section-title,
.card-body .form-section-title { font-size: 15px; font-weight: 600; color: var(--flow-body-color); margin-bottom: 8px; }
.footer { border-top: 1px solid #e6e7e9; margin-top: 24px; }
.form-control.is-invalid,
.form-select.is-invalid,
.was-validated .form-control:invalid,
.was-validated .form-select:invalid {
background-image: none;
padding-right: 12px;
}
html .form-control.is-invalid:focus,
html .form-select.is-invalid:focus,
html .form-control.is-invalid:focus-within,
html .was-validated .form-control:invalid:focus,
html .was-validated .form-select:invalid:focus {
border-color: #d63939;
box-shadow: 0 0 0 4px rgba(214, 57, 57, 0.25);
outline: none;
}
.input-group:has(.form-control.is-invalid) .input-group-text { border-color: var(--flow-danger); }
.input-group { flex-wrap: wrap; }
.input-group > .invalid-feedback { width: 100%; order: 99; flex-basis: 100%; }
.input-group:has(.form-control.is-invalid) + .invalid-feedback,
.input-group:has(.form-select.is-invalid) + .invalid-feedback { display: block; }
.btn.btn-xs,
.btn-group > .btn.btn-xs {
height: 24px;
padding: 0 7px;
font-size: 11px;
line-height: normal;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0;
}
.btn.btn-s,
.btn-group > .btn.btn-s {
height: 28px;
padding: 0 8px;
font-size: 12px;
line-height: normal;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0;
}
.btn.btn-m,
.btn-group > .btn.btn-m {
height: 32px;
padding: 0 10px;
font-size: 12px;
line-height: normal;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0;
}
.btn.btn-l,
.btn-group > .btn.btn-l {
height: 36px;
padding: 0 12px;
font-size: 13px;
line-height: normal;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0;
}
.btn .icon, .btn .icon-start, .btn .icon-left,
.btn .icon-end, .btn .icon-right, .btn > svg { margin: 0; }
.btn-xs .icon, .btn-xs > svg { width: 12px; height: 12px; min-width: 12px; flex-shrink: 0; }
.btn-s .icon, .btn-s > svg { width: 14px; height: 14px; min-width: 14px; flex-shrink: 0; }
.icon-crisp,
svg.icon[data-icon="plus-sm"],
.btn:not(.btn-xs) svg.icon[data-icon="plus"] { shape-rendering: crispEdges; }
.btn-m .icon, .btn-m > svg { width: 16px; height: 16px; min-width: 16px; flex-shrink: 0; }
.btn-l .icon, .btn-l > svg { width: 18px; height: 18px; min-width: 18px; flex-shrink: 0; }
.btn-s .spinner-border-sm { width: 12px; height: 12px; border-width: 1.5px; }
.btn-m .spinner-border-sm { width: 14px; height: 14px; border-width: 1.5px; }
.btn-l .spinner-border-sm { width: 16px; height: 16px; border-width: 1.5px; }
@media (max-width: 767.98px) {
.permissions-matrix th,
.permissions-matrix td { min-width: 80px; font-size: 12px; }
.modal-dialog { margin: 8px; max-width: calc(100% - 16px); }
.modal .row .col-sm-3 { margin-bottom: 4px; }
}
.col-localization-key { width: 45%; }
.customer-name-cell { max-width: 280px; }
.customer-name-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }
.customer-actions-cell { white-space: nowrap; }
.source-icon { display: inline-flex; align-items: center; }
.source-icon .icon { width: 16px; height: 16px; }
.quote-price-table > tbody > tr:last-child > td { border-bottom: 0; }
.quote-price-table > thead > tr > th,
.quote-price-table > tbody > tr > td { padding-top: 9px; padding-bottom: 9px; }
.price-cell { transition: background-color var(--flow-transition-recolor), color var(--flow-transition-recolor); position: relative; }
.price-cell { position: relative; }
.price-cell-clickable { cursor: pointer; }
.price-cell-clickable:hover { background-color: var(--flow-primary-lt); }
.price-cell-selected { background-color: var(--flow-primary-lt); }
.price-cell-selected::after { content: ""; position: absolute; top: 4px; right: 4px;
width: 10px; height: 10px; border-radius: 50%;
background: var(--flow-primary); }
.price-cell-best::before { content: ""; position: absolute; top: 4px; left: 4px;
width: 8px; height: 8px; border-radius: 50%;
background: var(--flow-success); }
.form-control[readonly].bg-secondary-lt,
.form-select[readonly].bg-secondary-lt { cursor: not-allowed; }
.is-core-locked { cursor: not-allowed; }
.is-core-locked .form-check-input {
pointer-events: none;
opacity: 1;
background-color: var(--flow-bg-surface-secondary);
}
.is-core-locked .form-check-input:checked {
background-color: var(--flow-secondary);
}
.is-core-locked .form-check-label {
color: var(--flow-secondary);
}
.party-header-logo { max-height: 48px; max-width: 160px; }
.tooltip {
--flow-tooltip-bg: var(--flow-primary);
--flow-tooltip-color: #fff;
--flow-tooltip-border-radius: var(--flow-border-radius);
--flow-tooltip-max-width: min(400px, calc(100vw - 48px));
}
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow {
transform: translateX(-50%);
}
.alert {
column-gap: 0;
padding-inline: 12px;
}
.alert-primary { --flow-alert-hue: var(--flow-primary); }
.alert-info { --flow-alert-hue: var(--flow-info); }
.alert-success { --flow-alert-hue: var(--flow-success); }
.alert-warning { --flow-alert-hue: var(--flow-warning); }
.alert-danger { --flow-alert-hue: var(--flow-danger); }
.alert-primary, .alert-info, .alert-success, .alert-warning, .alert-danger {
color: color-mix(in srgb, var(--flow-alert-hue) 72%, black);
background-color: color-mix(in srgb, var(--flow-alert-hue) 8%, white);
border-color: color-mix(in srgb, var(--flow-alert-hue) 35%, white);
}
.alert > .icon,
.alert .alert-icon,
.alert .alert-title { color: inherit; }
.alert a { color: inherit; font-weight: 600; }
.modal-footer > [data-bs-dismiss="modal"] {
order: -1;
margin-right: auto;
}
.modal-footer > .modal-footer-lead {
order: -2;
}
.modal-footer-split {
justify-content: space-between;
}
.modal-footer-save-group {
display: flex;
align-items: center;
gap: 8px;
}
.modal-dialog.modal-form {
max-width: 520px;
}
.input-w-xs,
.ts-wrapper.input-w-xs,
.ts-wrapper.form-select.input-w-xs { width: 72px; max-width: 100%; }
.input-w-sm,
.ts-wrapper.input-w-sm,
.ts-wrapper.form-select.input-w-sm { width: 110px; max-width: 100%; }
.input-w-md,
.ts-wrapper.input-w-md,
.ts-wrapper.form-select.input-w-md { width: 180px; max-width: 100%; }
.input-w-lg,
.ts-wrapper.input-w-lg,
.ts-wrapper.form-select.input-w-lg { width: 220px; max-width: 100%; }
.input-w-xl,
.ts-wrapper.input-w-xl,
.ts-wrapper.form-select.input-w-xl { width: 255px; max-width: 100%; }
.input-w-full,
.ts-wrapper.input-w-full,
.ts-wrapper.form-select.input-w-full { width: 100%; max-width: 100%; }
.input-h-xs,
.ts-wrapper.input-h-xs,
.ts-wrapper.form-select.input-h-xs { height: 24px; }
.input-h-s,
.ts-wrapper.input-h-s,
.ts-wrapper.form-select.input-h-s { height: 28px; }
.input-h-m,
.ts-wrapper.input-h-m,
.ts-wrapper.form-select.input-h-m { height: 32px; }
.input-h-l,
.ts-wrapper.input-h-l,
.ts-wrapper.form-select.input-h-l { height: 36px; }
.ts-wrapper.input-h-xs .ts-control,
.ts-wrapper.form-select.input-h-xs .ts-control { height: 22px; min-height: 22px; }
.ts-wrapper.input-h-s .ts-control,
.ts-wrapper.form-select.input-h-s .ts-control { height: 26px; min-height: 26px; }
.ts-wrapper.input-h-m .ts-control,
.ts-wrapper.form-select.input-h-m .ts-control { height: 30px; min-height: 30px; }
.ts-wrapper.input-h-l .ts-control,
.ts-wrapper.form-select.input-h-l .ts-control { height: 34px; min-height: 34px; }
textarea.input-h-xs { min-height: max(24px, calc(3 * 1.25rem + 2 * 8px + 2 * var(--flow-border-width, 1px))); }
textarea.input-h-s { min-height: max(28px, calc(3 * 1.25rem + 2 * 8px + 2 * var(--flow-border-width, 1px))); }
textarea.input-h-m { min-height: max(32px, calc(3 * 1.25rem + 2 * 8px + 2 * var(--flow-border-width, 1px))); }
textarea.input-h-l { min-height: max(36px, calc(3 * 1.25rem + 2 * 8px + 2 * var(--flow-border-width, 1px))); }
.input-row {
display: flex;
flex-wrap: wrap;
gap: 8px;
align-items: flex-end;
}
.proc-tip,
.tahsilat-note-pop,
.numpad {
position: fixed;
z-index: 1080;
background: var(--flow-bg-surface);
border: 1px solid var(--flow-border-color);
border-radius: 4px;
box-shadow: 0 4px 16px rgba(0, 0, 0, .15);
padding: 8px;
}
.proc-tip-arrow,
.tahsilat-note-pop-arrow {
position: absolute;
top: -6px;
width: 10px;
height: 10px;
background: var(--flow-bg-surface);
border-left: 1px solid var(--flow-border-color);
border-top: 1px solid var(--flow-border-color);
transform: rotate(45deg);
}
}
@layer components {
.bulk-select-cell {
width: 32px;
padding-left: 12px;
padding-right: 4px;
text-align: center;
}
.bulk-select-cell .form-check-input {
margin: 0;
cursor: pointer;
vertical-align: middle;
}
tr.bulk-selected {
background-color: rgba(var(--flow-primary-rgb), 0.06);
box-shadow: inset 3px 0 0 var(--flow-primary);
}
[data-bulk-count-display] {
font-size: 12px;
font-weight: 500;
padding: 2px 8px;
vertical-align: middle;
}
}
@layer components {
.calc-stage-card {
border-left: 3px solid var(--flow-primary);
margin-bottom: var(--flow-spacer-3);
font-size: var(--flow-font-size-md);
}
.calc-stage-card.has-error { border-left-color: var(--flow-danger); }
.calc-stage-card.has-warning { border-left-color: var(--flow-warning); }
.calc-stage-card .card-header {
padding: var(--flow-spacer-2) 12px;
background: var(--flow-bg-surface-secondary);
border-bottom: 1px solid var(--flow-border-color-translucent);
font-weight: var(--flow-font-weight-semibold);
color: var(--flow-body-color);
}
.calc-stage-card .card-body { padding: 10px 12px; }
.calc-block {
border-radius: 4px;
padding: var(--flow-spacer-2) 10px var(--flow-spacer-2) 12px;
margin-bottom: 10px;
border-left: 3px solid transparent;
}
.calc-block:last-child { margin-bottom: 0; }
.calc-block-label {
font-weight: 700;
font-size: var(--flow-font-size-xs);
letter-spacing: 0.6px;
margin-bottom: 3px;
color: var(--flow-body-color);
opacity: 0.7;
}
.calc-block-content {
font-family: 'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace;
font-size: var(--flow-font-size-sm);
white-space: pre-wrap;
word-break: break-word;
color: var(--flow-body-color);
}
.calc-block-content .text-muted { color: var(--flow-secondary); opacity: 0.85; }
.calc-block-content strong { color: var(--flow-body-color); font-weight: 700; }
.calc-block-input { background: rgba(var(--flow-primary-rgb), 0.12); border-left-color: var(--flow-primary); }
.calc-block-logic { background: rgba(247, 165, 4, 0.14); border-left-color: rgb(247, 165, 4); }
.calc-block-formula { background: var(--flow-bg-surface-secondary); border-left-color: var(--flow-border-color); }
.calc-block-output { background: rgba(47, 179, 68, 0.14); border-left-color: rgb(47, 179, 68); }
pre.json-block {
font-size: var(--flow-font-size-sm);
max-height: 220px;
overflow: auto;
background: var(--flow-bg-surface);
color: var(--flow-body-color);
padding: var(--flow-spacer-2) 10px;
border-radius: 4px;
border: 1px solid var(--flow-border-color-translucent);
margin: 0;
}
.cf-legend { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 18px; font-size: 11.5px; color: var(--flow-secondary); margin-bottom: var(--flow-spacer-3); }
.cf-legend span { display: inline-flex; align-items: center; gap: 5px; }
.cf-legend .cf-sw { width: 9px; height: 9px; border-radius: 2px; border: 1.5px solid; flex: none; }
.cf-legend .cf-sw-ext { border-color: var(--flow-border-color); background: transparent; }
.cf-tabs { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--flow-spacer-2); margin-bottom: var(--flow-spacer-3); }
.cf-tab {
display: inline-flex; align-items: center; gap: 9px;
border: var(--flow-hairline); border-radius: 9px;
padding: 9px var(--flow-spacer-3); background: var(--flow-bg-surface); cursor: pointer;
font-size: 13.5px; color: var(--flow-body-color); line-height: 1.3;
}
.cf-tab:hover { border-color: var(--flow-primary); }
.cf-tab.active { border-color: var(--flow-primary); box-shadow: inset 0 0 0 1px var(--flow-primary); }
.cf-tab-nm { font-weight: var(--flow-font-weight-medium); }
.cf-tab-px { font-weight: var(--flow-font-weight-semibold); color: var(--flow-primary); }
.cf-stage { width: 100%; overflow-x: auto; overflow-y: hidden; padding-bottom: 10px; --cf-line: #c2c8d2; }
.cf-body { position: relative; display: flex; flex-direction: column; row-gap: var(--flow-spacer-6); align-items: stretch; width: max-content; min-width: 100%; }
.cf-group { display: flex; flex-direction: column; row-gap: var(--flow-spacer-6); align-items: stretch; border: 1.5px solid var(--flow-border-color); border-radius: 12px; padding: var(--flow-spacer-3) 10px; background: rgba(130, 140, 150, .04); }
.cf-group-h { text-align: center; font-weight: 700; font-size: 12.5px; letter-spacing: .05em; color: var(--flow-primary); }
[data-bs-theme="dark"] .cf-group { background: rgba(255, 255, 255, .03); }
svg.cf-links { position: absolute; top: 0; left: 0; pointer-events: none; z-index: 0; }
.cf-node { position: relative; z-index: 1; display: flex; justify-content: center; align-items: center; width: 100%; column-gap: 80px; }
.cf-io { width: 252px; display: flex; flex-direction: column; gap: 9px; }
.cf-in { align-items: flex-end; }
.cf-out { align-items: flex-start; }
.cf-chip {
display: inline-flex; flex-direction: column; flex: none;
border: 1.5px solid var(--flow-body-color);
border-radius: 4px; padding: var(--flow-spacer-1) 9px; min-width: 78px; max-width: 250px;
background: var(--flow-bg-surface);
}
.cf-chip.cf-ext { border-color: var(--flow-border-color); background: rgba(130, 140, 150, .07); }
.cf-chip .cf-k { font-size: 10px; font-weight: var(--flow-font-weight-semibold); letter-spacing: .02em; color: var(--flow-body-color); line-height: 1.25; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cf-chip .cf-valrow { display: inline-flex; align-items: baseline; gap: 3px; white-space: nowrap; }
.cf-chip .cf-v { font-size: var(--flow-font-size-base); font-weight: 700; color: var(--flow-body-color); white-space: nowrap; font-variant-numeric: tabular-nums; }
.cf-chip .cf-u { font-size: 10.5px; font-weight: var(--flow-font-weight-semibold); color: var(--flow-secondary); }
[data-bs-theme="dark"] .cf-stage { --cf-line: #4a5260; }
[data-bs-theme="dark"] .cf-chip.cf-ext { background: rgba(255, 255, 255, .045); }
.cf-proc {
flex: none; width: max-content; min-width: 220px; max-width: 440px;
border: 2px solid var(--flow-border-color);
border-radius: 7px; padding: 10px 14px;
background: var(--flow-bg-surface);
}
.cf-proc-t { font-size: 14.5px; font-weight: var(--flow-font-weight-semibold); color: var(--flow-primary); line-height: 1.3; text-align: center; }
.cf-proc-f { margin-top: var(--flow-spacer-2); }
.cf-proc-row { font-size: 12.5px; color: var(--flow-secondary); line-height: 1.5; margin-bottom: 9px; white-space: normal; overflow-wrap: normal; word-break: keep-all; }
.cf-proc-row:last-child { margin-bottom: 0; }
.cf-proc-row .cf-nw { white-space: nowrap; }
.cf-proc-row .cf-wn { color: var(--flow-secondary); font-weight: var(--flow-font-weight-regular); font-size: var(--flow-font-size-xs); }
.cf-proc-row b { font-weight: 700; color: var(--flow-body-color); }
.cf-proc-row .cf-wv { font-weight: 700; color: var(--flow-body-color); font-variant-numeric: tabular-nums; }
.cf-calc-grid { margin-top: var(--flow-spacer-2); display: flex; flex-direction: column; gap: 10px; align-items: stretch; }
.cf-calc-box {
border: var(--flow-hairline); border-radius: 6px;
padding: 6px 10px; background: rgba(130, 140, 150, .05);
}
[data-bs-theme="dark"] .cf-calc-box { background: rgba(255, 255, 255, .04); }
.cf-calc-box > .cf-proc-row { margin-bottom: 0; }
.cf-calc-h { font-size: var(--flow-font-size-sm); font-weight: 700; color: var(--flow-body-color); margin-bottom: var(--flow-spacer-1); white-space: nowrap; }
.cf-calc-term { font-size: 12.5px; color: var(--flow-secondary); line-height: 1.55; display: flex; gap: 6px; white-space: nowrap; }
.cf-calc-sg { color: var(--flow-secondary); font-weight: 700; width: .8em; flex: none; text-align: center; }
.cf-calc-ex { white-space: nowrap; }
.cf-calc-res { margin-top: 5px; padding-top: 5px; border-top: var(--flow-hairline); font-size: 12.5px; font-weight: var(--flow-font-weight-semibold); color: var(--flow-body-color); white-space: nowrap; }
.cf-calc-box .cf-wv { font-weight: 700; color: var(--flow-body-color); font-variant-numeric: tabular-nums; }
.cf-calc-box .cf-wn { color: var(--flow-secondary); font-weight: var(--flow-font-weight-regular); font-size: var(--flow-font-size-xs); }
.cf-calc-box b { font-weight: 700; color: var(--flow-body-color); }
.ink-row {
border: 1px solid var(--flow-border-color-translucent);
background: var(--flow-bg-surface-secondary);
border-radius: 4px;
padding: var(--flow-spacer-2);
margin-bottom: 6px;
}
.machine-result-card .machine-header {
background: var(--flow-bg-surface-secondary);
border-bottom: 1px solid var(--flow-border-color-translucent);
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 14px;
}
[data-bs-theme="dark"] .machine-result-card .machine-header { background: rgba(255, 255, 255, 0.04); }
.machine-result-card.machine-result-incompatible { border-color: rgba(220, 53, 69, 0.25); }
.machine-result-card.machine-result-incompatible .machine-header { background: rgba(220, 53, 69, 0.06); }
.machine-result-card .card-body.p-0 .table {
margin-bottom: 0;
border-collapse: collapse;
}
.machine-result-card .card-body.p-0 .table > tbody > tr > * { border-bottom: 1px solid var(--flow-border-color-translucent); }
.machine-result-card .card-body.p-0 .table > tbody > tr:last-child > * { border-bottom: 0; }
.machine-result-card .card-body.p-0 .table thead th {
background: var(--flow-bg-surface-secondary);
font-weight: var(--flow-font-weight-semibold);
padding: var(--flow-spacer-2) 14px;
border-bottom: 1px solid var(--flow-border-color-translucent);
}
.machine-result-card .card-body.p-0 .table tbody td { padding: var(--flow-spacer-2) 14px; }
[data-bs-theme="dark"] .calc-block-input { background: rgba(110, 168, 254, 0.18); }
[data-bs-theme="dark"] .calc-block-logic { background: rgba(255, 200, 80, 0.18); }
[data-bs-theme="dark"] .calc-block-output { background: rgba(86, 211, 100, 0.18); }
[data-bs-theme="dark"] .compare-card.compare-error { background: rgba(234, 88, 165, 0.10); }
.cmyk-c { color: #00bcd4; }
.cmyk-m { color: #e91e63; }
.cmyk-y { color: #f7a504; }
.cmyk-k { color: var(--flow-body-color); }
[data-bs-theme="dark"] .cmyk-c { color: #4dd0e1; }
[data-bs-theme="dark"] .cmyk-m { color: #f06292; }
[data-bs-theme="dark"] .cmyk-y { color: #ffd54f; }
[data-bs-theme="dark"] .cmyk-k { color: var(--flow-body-color); }
.special-row .ink-color-code { min-width: 0; }
.special-row .form-check.form-switch { padding-left: 2.25em; }
.special-row .form-check-label.small {
font-size: var(--flow-font-size-sm);
letter-spacing: 0.3px;
}
.calc-stage-card .ts-wrapper,
form#calcForm .ts-wrapper { z-index: 1; }
.ts-wrapper.no-chevron,
.ts-wrapper.no-chevron .ts-control {
background-image: none;
}
.ts-wrapper.no-chevron .ts-control {
padding-right: 12px;
}
.form-section-title {
font-size: var(--flow-font-size-xs);
font-weight: var(--flow-font-weight-semibold);
letter-spacing: 0.5px;
color: var(--flow-secondary);
margin: 0 0 12px;
padding-bottom: var(--flow-spacer-2);
border-bottom: var(--flow-hairline);
}
.process-row {
min-height: var(--flow-control-h-m);
}
.process-row .form-check,
.process-row .form-check-inline {
padding-right: 0;
margin-right: 0;
}
.process-row .form-check-input {
width: 1.25em;
height: 1.25em;
}
.process-row .form-check-label {
line-height: 1;
margin: 0;
}
.cmyk-row { min-height: var(--flow-control-h-m); }
#compareBtn.loading .icon { display: none; }
#compareBtn.loading::before {
content: '';
display: inline-block;
box-sizing: border-box;
width: 20px;
height: 20px;
border: 2px solid currentColor;
border-top-color: transparent;
border-radius: 50%;
animation: ts-loading-spin 0.7s linear infinite;
vertical-align: -5px;
}
#notifyContainer .alert small { white-space: pre-line; }
.workflow-strip {
display: flex;
align-items: center;
gap: var(--flow-spacer-2);
flex-wrap: wrap;
padding: var(--flow-spacer-2) 12px;
background: var(--flow-bg-surface-secondary);
}
.workflow-strip-box {
display: flex;
flex-direction: column;
padding: 6px 10px;
background: var(--flow-white);
border: var(--flow-hairline);
border-radius: var(--flow-border-radius);
flex: 1 1 0;
min-width: 140px;
}
.wf-d-body {
margin-top: 6px;
padding-top: 5px;
border-top: 1px dashed var(--flow-border-color);
width: 100%;
}
.wf-d-head {
display: flex;
justify-content: space-between;
gap: var(--flow-spacer-2);
font-size: 10px;
font-weight: var(--flow-font-weight-semibold);
letter-spacing: .02em;
color: var(--flow-secondary);
margin-top: 5px;
margin-bottom: 1px;
}
.wf-d-head:first-child { margin-top: 0; }
.wf-d-head .wf-d-head-v {
text-transform: none;
font-variant-numeric: tabular-nums;
white-space: nowrap;
}
.wf-d-row {
display: flex;
justify-content: space-between;
gap: var(--flow-spacer-2);
font-size: 10.5px;
line-height: 1.5;
}
.wf-d-row.wf-d-sub { padding-left: var(--flow-spacer-2); }
.wf-d-row .wf-d-v { font-variant-numeric: tabular-nums; white-space: nowrap; }
.wf-d-row.wf-d-total {
margin-top: var(--flow-spacer-1);
padding-top: 3px;
border-top: var(--flow-hairline);
font-size: 11.5px;
}
.wf-d-row.wf-d-total .wf-d-v { color: var(--flow-primary); }
.wf-d-row.wf-d-zero .wf-d-v { color: var(--flow-warning); }
.calc-price-table { table-layout: fixed; width: 100%; }
.calc-price-table th.price-col { width: 160px; }
.calc-per-label { font-size: var(--flow-font-size-sm); font-weight: var(--flow-font-weight-semibold); color: var(--flow-primary); line-height: 1.35; white-space: nowrap; }
.calc-per-label.calc-per-label-muted { font-weight: var(--flow-font-weight-medium); color: var(--flow-secondary); }
.production-pass-row {
padding-left: 12px;
font-size: var(--flow-font-size-xs);
margin-bottom: 1px;
}
.production-pass-row + .production-qty-row {
margin-top: 6px;
}
.production-mat-row { line-height: 1.5; }
.production-mat-row .text-end { font-variant-numeric: tabular-nums; }
.production-mat-sub {
padding-left: 12px;
font-size: var(--flow-font-size-xs);
opacity: 0.85;
}
.production-mat-qty:first-of-type { margin-top: 0; }
.wf-machine-name {
font-weight: var(--flow-font-weight-semibold);
font-size: var(--flow-font-size-sm);
}
.wf-subtitle {
font-size: 10px;
margin-top: 2px;
}
.wf-arrow {
font-size: var(--flow-font-size-lg);
padding: 0 var(--flow-spacer-1);
}
.chain-result-card > .card-header {
padding: var(--flow-spacer-2) 12px;
}
.chain-result-card > .card-header .card-title {
font-size: var(--flow-font-size-base);
font-weight: var(--flow-font-weight-semibold);
}
.chain-result-card .table > :is(thead, tbody) > tr > * {
padding: 7px 10px;
vertical-align: middle;
}
.chain-result-card .table > :is(thead, tbody) > tr > *:first-child { padding-left: 12px; }
.chain-result-card .table > :is(thead, tbody) > tr > *:last-child { padding-right: 12px; }
.modal .cap-phase { min-width: 130px; }
.modal .cap-subtype { min-width: 190px; }
.catalog-hub .table-responsive > .table > :is(thead, tbody) > tr > *:first-child { padding-left: var(--flow-card-spacer-x); }
.catalog-hub .table-responsive > .table > :is(thead, tbody) > tr > *:last-child { padding-right: var(--flow-card-spacer-x); }
.catalog-hub .table-toolbar,
.catalog-hub .table-responsive > .table > thead > tr > * { background-color: var(--flow-bg-surface-secondary); }
.card-actions { margin-right: 0; }
.w-60 { width: 60px; }
.w-90 { width: 90px; }
.w-140 { width: 140px; }
.w-180 { width: 180px; }
.w-7r { width: 112px; }
.w-10r { width: 160px; }
.mxw-280 { max-width: 280px; }
.col-40 { width: 40%; }
.col-20 { width: 20%; }
.mh-120 { min-height: 120px; }
.mh-160 { min-height: 160px; }
.h-320 { height: 320px; }
.fs-07r { font-size: var(--flow-font-size-xs); }
.fs-075r { font-size: var(--flow-font-size-sm); }
.cell-shrink { width: 1%; white-space: nowrap; }
.text-prewrap { white-space: pre-wrap; }
.mw-12r { min-width: 192px; }
@media (min-width: 1200px) { .container-xl { max-width: 1324px; } }
@media (min-width: 1400px) { .container-xl { max-width: 1524px; } }
.ts-wrapper.tbl-perpage.single > .ts-control > input { position: absolute; width: 1px; min-width: 1px; opacity: 0; padding: 0; }
.ts-wrapper.tbl-perpage .ts-control > .item { overflow: visible; }
.input-group > .ts-wrapper { border-top-left-radius: var(--flow-border-radius-sm); border-bottom-left-radius: var(--flow-border-radius-sm); border-top-right-radius: 0; border-bottom-right-radius: 0; }
.input-group > .ts-wrapper > .ts-control { border-radius: inherit; }
.input-group > .ts-wrapper.focus { position: relative; z-index: 3; }
.table-toolbar .input-group:has(.btn-search-icon):focus-within{border-radius:var(--flow-border-radius-sm);box-shadow:0 0 0 3px rgba(6,111,209,.25)}
.table-toolbar .input-group:has(.btn-search-icon):focus-within>.ts-wrapper,.table-toolbar .input-group:has(.btn-search-icon):focus-within>.ts-wrapper.focus{z-index:auto;box-shadow:none;border-color:var(--flow-primary)}
.table-toolbar .input-group:has(.btn-search-icon):focus-within .ts-control,.table-toolbar .input-group:has(.btn-search-icon):focus-within .ts-control input{box-shadow:none;outline:none}
.table-toolbar .input-group:has(.btn-search-icon):focus-within .btn-search-icon{border-color:var(--flow-primary)}
.fav-crumb { display: inline-flex; align-items: center; }
.fav-crumb .fav-page-toggle { display: inline-flex; align-items: center; }
.fav-crumb::before { display: none; }
.fav-crumb { padding-left: 6px; }
button.fav-page-toggle {
background: none;
border: 0;
padding: 0;
line-height: 1;
color: var(--flow-secondary);
box-shadow: none;
}
.fav-page-toggle .fav-page-star > * { fill: none; stroke: currentColor; stroke-width: 2; stroke-linejoin: round; }
.fav-page-toggle:hover,
.fav-page-toggle:focus-visible { color: var(--flow-yellow); }
.fav-page-toggle.is-fav { color: var(--flow-yellow); }
.fav-page-toggle.is-fav .fav-page-star > * { fill: currentColor; }
.fav-page-toggle.is-fav:hover .fav-page-star > * { fill: none; }
.fav-page-toggle.fav-page-toggle-yellow { color: var(--flow-yellow); }
.fav-page-toggle.fav-page-toggle-yellow:hover .fav-page-star > *,
.fav-page-toggle.fav-page-toggle-yellow:focus-visible .fav-page-star > * { fill: currentColor; }
.fav-page-toggle.fav-page-toggle-yellow.is-fav:hover .fav-page-star > * { fill: none; }
.fav-page-toggle.fav-page-toggle-yellow:disabled { opacity: .45; cursor: default; }
.navbar-expand-md .navbar-nav > .nav-item.dropdown > .dropdown-menu { display: none; position: absolute; top: 100%; left: 0; }
.navbar-expand-md .navbar-nav > .nav-item.dropdown:not(#navMore):not(.navbar-user):hover > .dropdown-menu,
.navbar-expand-md .navbar-nav > .nav-item.dropdown:not(#navMore):not(.navbar-user):focus-within > .dropdown-menu { display: block; }
.navbar-expand-md .navbar-nav > .nav-item.dropdown::before { content: ''; position: absolute; top: 100%; left: 0; right: 0; height: 6px; }
#navMoreMenu { min-width: var(--flow-dropdown-min-width); width: max-content; }
#navMore > .dropdown-menu.show { display: block; }
#navMoreMenu > .nav-item { display: block; margin: 0; }
#navMoreMenu .nav-link.dropdown-item { padding: var(--flow-spacer-2) 12px var(--flow-spacer-2) 9px; height: auto; justify-content: flex-start; }
}
@layer components {
@layer components {
.log-table-wrap .table tbody tr:last-child > * { border-bottom-width: 0; }
.permission-matrix tbody tr td { padding-top: 6px; padding-bottom: 6px; }
.permission-matrix-group th { border-top: 1px solid var(--flow-border-color-translucent); }
.error-icon-lg { font-size: 48px; }
@keyframes notifySlideIn { from { transform: translateY(-100%); opacity: 0; } to { transform: translateY(0); opacity: 1; } }
.ma-kpi .avatar { height: auto; align-self: stretch; width: 48px; }
.ma-kpi .avatar .icon { width: 28px; height: 28px; }
}
.sql-log-cell { max-width: 720px; }
.sql-log-cell code {
white-space: pre-wrap;
word-break: break-word;
font-size: var(--flow-font-size-xs);
color: var(--flow-body-color);
background: transparent;
padding: 0;
}
.sql-log-inline {
font-size: var(--flow-font-size-xs);
color: var(--flow-body-color);
background: transparent;
padding: 0;
display: inline-block;
max-width: 560px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: bottom;
}
#logDetailModal .log-detail-wrap {
white-space: pre-wrap;
word-break: break-word;
}
#logDetailModal [data-log-field="sql"] { font-size: var(--flow-font-size-xs); }
.ma-kpi .h2 { font-variant-numeric: tabular-nums; }
#maZipMailboxField { min-width: 240px; }
.ma-users-assign-col { width: 260px; }
.ma-package-progress { width: 90px; height: 6px; }
.ma-package-progress-bar { width: var(--ma-package-pct, 0%); }
.stock-price-list-col { width: 40%; }
.stock-price-currency-col { width: 120px; }
.revision-chain { list-style: none; padding-left: 0; }
}
@layer components {
svg.icon { --icon-tone1-o: .72; }
svg.icon [data-tone="1"] { opacity: var(--icon-tone1-o); }
svg.icon.icon-mono [data-color="color-2"] { opacity: 1; }
.nav-item.active svg.icon,
.nav-link.active svg.icon,
.nav-link:hover svg.icon,
.dropdown-item.active svg.icon,
.ma-folder.active svg.icon,
.col-sort-btn-on svg.icon,
.col-sort-btn:hover svg.icon,
.page-link:hover svg.icon,
.btn-primary svg.icon,
.btn-success svg.icon,
.btn-danger svg.icon,
.btn-warning svg.icon,
.btn-orange svg.icon,
[class*="btn-outline-"] svg.icon,
.alert svg.icon,
.badge svg.icon,
.avatar svg.icon,
.kpi-icon svg.icon,
.text-primary svg.icon, svg.icon.text-primary,
.text-success svg.icon, svg.icon.text-success,
.text-danger svg.icon, svg.icon.text-danger,
.text-warning svg.icon, svg.icon.text-warning,
.text-info svg.icon, svg.icon.text-info,
.text-blue svg.icon, svg.icon.text-blue,
.text-azure svg.icon, svg.icon.text-azure,
.text-indigo svg.icon, svg.icon.text-indigo,
.text-purple svg.icon, svg.icon.text-purple,
.text-pink svg.icon, svg.icon.text-pink,
.text-red svg.icon, svg.icon.text-red,
.text-orange svg.icon, svg.icon.text-orange,
.text-yellow svg.icon, svg.icon.text-yellow,
.text-lime svg.icon, svg.icon.text-lime,
.text-green svg.icon, svg.icon.text-green,
.text-teal svg.icon, svg.icon.text-teal,
.text-cyan svg.icon, svg.icon.text-cyan {
--icon-tone1-o: 1;
}
}
@layer components {
@layer components {
.wizard-nav {
background-color: var(--flow-bg-surface-tertiary);
border-bottom: 1px solid var(--flow-border-color);
border-radius: var(--flow-border-radius) var(--flow-border-radius) 0 0;
padding: var(--flow-card-cap-padding-y) var(--flow-card-cap-padding-x);
}
.wizard-steps {
--flow-steps-color: var(--flow-border-color);
--wizard-dot-size: 28px;
--wizard-border-width: 2px;
--flow-steps-dot-size: var(--wizard-dot-size);
--flow-steps-border-width: var(--wizard-border-width);
--wizard-dot-top: 0px;
display: flex;
flex-direction: row;
margin: 0;
padding: 0;
border: 0;
}
.wizard-steps .step-item {
min-width: 0;
}
.wizard-steps .step-item:before { content: none; }
.wizard-step-item.is-completed { --flow-steps-color: var(--flow-primary); }
.wizard-step-badge {
position: absolute;
top: var(--wizard-dot-top);
left: 50%;
transform: translateX(-50%);
z-index: 1;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
width: var(--wizard-dot-size);
height: var(--wizard-dot-size);
border-radius: 50%;
border: var(--wizard-border-width) solid var(--flow-border-color);
background: var(--flow-bg-surface);
color: var(--flow-body-color);
font-size: 12px;
font-weight: 600;
contain: paint;
}
.wizard-step-badge .icon { --flow-icon-size: 16px; width: 16px; height: 16px; }
.wizard-step-check, .wizard-step-lock { display: none; }
.wizard-step-trigger {
width: 100%;
display: flex;
flex-direction: column;
border: 0;
background: none;
padding: 0;
color: inherit;
font: inherit;
cursor: default;
}
.wizard-step-trigger:disabled { cursor: not-allowed; }
.wizard-step-label {
display: block;
font-size: 13px;
color: var(--flow-body-color);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.wizard-step-item.is-active .wizard-step-badge {
background: var(--flow-primary);
border-color: var(--flow-primary);
color: var(--flow-primary-fg);
box-shadow: 0 0 0 3px rgba(var(--flow-primary-rgb), .15);
}
.wizard-step-item.is-active .wizard-step-label { font-weight: 600; }
.wizard-step-item.is-completed .wizard-step-badge { background: var(--flow-primary); border-color: var(--flow-primary); color: var(--flow-primary-fg); }
.wizard-step-item.is-completed .wizard-step-number { display: none; }
.wizard-step-item.is-completed .wizard-step-check { display: flex; }
.wizard-step-item.is-completed .wizard-step-trigger { cursor: pointer; }
.wizard-step-item.is-upcoming .wizard-step-label { color: var(--flow-secondary); }
.wizard-step-item.is-upcoming .wizard-step-badge { color: var(--flow-secondary); }
.wizard-step-item.is-disabled .wizard-step-badge { color: var(--flow-secondary); }
.wizard-step-item.is-disabled .wizard-step-number,
.wizard-step-item.is-disabled .wizard-step-check { display: none; }
.wizard-step-item.is-disabled .wizard-step-lock { display: flex; }
.wizard-step-item.is-disabled .wizard-step-label { color: var(--flow-secondary); }
.wizard-step-trigger:focus-visible {
outline: none;
box-shadow: 0 0 0 3px rgba(var(--flow-primary-rgb), .25);
border-radius: var(--flow-border-radius);
}
@media (max-width: 575.98px) {
.wizard-steps {
flex-direction: column;
--wizard-dot-top: 6px;
}
.wizard-steps .step-item {
padding-top: 0;
padding-left: calc(var(--wizard-dot-size) + 16px);
min-height: auto;
text-align: left;
}
.wizard-steps .step-item:not(:first-child) { margin-top: 16px; }
.wizard-steps .step-item:not(:last-child):after {
transform: translateX(-50%);
top: var(--wizard-dot-top);
left: calc(var(--wizard-dot-size) * .5);
width: var(--wizard-border-width);
height: calc(100% + 16px);
}
.wizard-step-badge { left: 0; transform: none; }
.wizard-step-trigger { flex-direction: row; align-items: center; }
}
.wizard-panel {
display: flex;
flex-direction: column;
flex: 0 0 auto;
height: 500px;
}
.wizard-panel-header { flex: 0 0 auto; margin-bottom: 16px; }
.wizard-panel-title { margin: 0; font-size: 16px; font-weight: var(--flow-font-weight-medium); }
.wizard-panel-hint { margin-top: 4px; font-size: 13px; }
.wizard-panel-content { flex: 1 1 auto; min-height: 0; overflow-y: auto; overflow-x: hidden; }
.wizard-footer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
border-top: 1px solid var(--flow-border-color);
}
.wizard-footer-start, .wizard-footer-end { display: flex; align-items: center; gap: 8px; }
.wizard-progress-bar-wrap { margin-bottom: 16px; }
.wizard-progress-bar-wrap .progress { --flow-progress-height: 8px; }
.wizard-progress-bar-wrap .progress-bar { width: var(--wizard-progress-value, 0%); }
.wizard-progress-meta { display: flex; justify-content: space-between; margin-top: 6px; font-size: 13px; color: var(--flow-body-color); }
.wizard-progress-meta [data-wizard-progress-pct] { color: var(--flow-secondary); }
.wizard-log {
max-height: 220px;
overflow-y: auto;
padding: 12px;
border: 1px solid var(--flow-border-color);
border-radius: var(--flow-border-radius);
background: var(--flow-bg-surface-tertiary);
font-family: var(--flow-font-monospace);
font-size: 12px;
line-height: 1.6;
color: var(--flow-body-color);
}
.wizard-log:empty:before { content: attr(data-wizard-log-empty); color: var(--flow-secondary); }
.wizard.is-running .wizard-steps { pointer-events: none; opacity: .65; }
.wizard.is-running .wizard-footer-start .btn { pointer-events: none; opacity: .5; }
.modal-content > .card.wizard {
border: 0;
box-shadow: none;
border-radius: 0;
background-color: transparent;
overflow: visible;
}
}
.btn[data-wizard-next]:not(.btn-icon):not(.btn-search-icon) > .icon {
margin-left: 6px;
margin-right: -2px;
}
}
@layer components {
@layer components {
.section-nav-split {
display: flex;
align-items: stretch;
min-height: 320px;
}
.section-nav-menu {
flex: 0 0 260px;
width: 260px;
padding: var(--flow-card-spacer-x);
background: var(--flow-bg-surface-secondary);
border-right: var(--flow-hairline);
}
.card-header-pills,
.section-nav-menu .nav-pills {
gap: 5px;
}
.card-header-pills .nav-link,
.section-nav-menu .nav-link {
height: var(--flow-control-h-m);
padding: 0 12px;
align-items: center;
font-size: var(--flow-font-size-sm);
line-height: 1;
border-radius: var(--flow-border-radius-sm);
}
.section-nav-menu .nav-link {
display: flex;
justify-content: flex-start;
width: 100%;
text-align: left;
}
.card-header-pills .nav-link .icon,
.section-nav-menu .nav-link .icon {
width: 14px;
height: 14px;
}
.section-nav-menu .nav-link:not(.active):hover {
background-color: rgba(var(--flow-secondary-rgb), .08);
}
.section-nav-menu .section-nav-group-toggle {
appearance: none;
border: 0;
background: transparent;
text-align: left;
font-family: inherit;
}
.section-nav-menu .section-nav-group-toggle .section-nav-caret {
width: 12px;
height: 12px;
margin-left: auto;
}
.section-nav-menu .section-nav-submenu {
padding-left: 22px;
padding-top: 0;
}
.section-nav-menu .section-nav-submenu > .nav-item:first-child {
margin-top: 5px;
}
.section-nav-menu .section-nav-submenu.show {
display: flow-root;
}
.section-nav-menu .section-nav-submenu > .nav-item + .nav-item {
margin-top: 5px;
}
.section-nav-pane {
flex: 1 1 auto;
min-width: 0;
padding: var(--flow-card-spacer-x);
}
.pane-head {
display: flex;
align-items: center;
min-height: 32px;
margin-bottom: var(--flow-card-spacer-x);
gap: var(--flow-spacer-2);
}
@media (max-width: 767.98px) {
.section-nav-split {
flex-direction: column;
}
.section-nav-menu {
flex-basis: auto;
width: 100%;
border-right: 0;
border-bottom: var(--flow-hairline);
}
}
}
}
@layer components {
@layer components {
.audit-trail {
display: flex;
flex-direction: column;
height: 100%;
min-width: 0;
}
.audit-trail .card-body {
display: flex;
flex-direction: column;
min-height: 0;
}
.audit-trail .card-title {
display: flex;
align-items: center;
}
.audit-trail {
display: flex;
flex-direction: column;
max-height: 500px;
}
.audit-trail.h-100 { max-height: none; min-height: 0; }
.audit-trail.h-100 > .audit-trail-body { flex-basis: 0; }
.audit-trail > .card-header {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--flow-spacer-2);
}
.audit-trail-range {
font-size: var(--flow-font-size-sm);
color: var(--flow-text-muted);
white-space: nowrap;
}
.audit-trail-body {
flex: 1 1 auto;
min-height: 0;
overflow-y: auto;
padding: var(--flow-spacer-3) var(--flow-spacer-3) var(--flow-spacer-3) 0;
}
.audit-trail-list {
position: relative;
}
.audit-trail-entry {
position: relative;
display: flex;
align-items: center;
gap: 0;
margin-bottom: var(--flow-spacer-3);
}
.audit-trail-entry:last-child {
margin-bottom: 0;
}
.audit-trail-node {
flex: 0 0 34px;
min-width: 0;
display: flex;
align-items: center;
justify-content: center;
}
.audit-trail-dot {
position: relative;
z-index: 1;
flex: 0 0 auto;
width: 10px;
height: 10px;
border-radius: 50%;
background: var(--flow-neutral-500);
border: 2px solid var(--flow-neutral-700);
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
color: var(--flow-white);
font-size: var(--flow-font-size-xs);
font-weight: var(--flow-font-weight-semibold);
}
.audit-trail-dot-create { background: var(--flow-success-500); border-color: var(--flow-success-700); }
.audit-trail-dot-edit { background: var(--flow-warning-500); border-color: var(--flow-warning-700); }
.audit-trail-dot-delete { background: var(--flow-danger-500); border-color: var(--flow-danger-700); }
.audit-trail-dot-neutral { background: var(--flow-neutral-500); border-color: var(--flow-neutral-700); }
.audit-trail-dot-last {
width: 22px;
height: 22px;
padding: 0;
border-radius: 50%;
font-family: inherit;
font-size: var(--flow-font-size-sm);
font-weight: var(--flow-font-weight-semibold);
line-height: 1;
white-space: nowrap;
}
.audit-trail-dot-last-wide {
font-size: 10px;
}
.audit-trail-kind-create .audit-trail-dot {
width: 22px;
height: 22px;
font-family: inherit;
font-size: var(--flow-font-size-sm);
font-weight: var(--flow-font-weight-semibold);
line-height: 1;
padding-bottom: 0.2px;
}
.audit-trail-card {
flex: 1 1 auto;
min-width: 0;
display: flex;
flex-direction: column;
background: var(--flow-bg-surface);
border: var(--flow-hairline);
border-radius: 2px;
overflow: hidden;
}
.audit-trail-card-title {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: var(--flow-spacer-1) var(--flow-spacer-2);
background: var(--flow-bg-surface-tertiary);
}
.audit-trail-card-content {
padding: var(--flow-spacer-2);
min-width: 0;
background: var(--flow-bg-surface);
border-top: var(--flow-hairline);
}
.audit-trail-card-footer {
display: flex;
align-items: center;
gap: var(--flow-spacer-2);
padding: var(--flow-spacer-1) var(--flow-spacer-2);
background: var(--flow-bg-surface-tertiary);
border-top: var(--flow-hairline);
}
.audit-trail-card-meta {
flex: 1 1 auto;
min-width: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.audit-trail-time {
font-size: var(--flow-font-size-sm);
color: var(--flow-text-muted);
white-space: nowrap;
}
.audit-trail-user {
font-size: var(--flow-font-size-base);
font-weight: var(--flow-font-weight-medium);
}
.audit-trail-summary {
font-size: var(--flow-font-size-sm);
color: var(--flow-text-muted);
overflow-wrap: anywhere;
}
.audit-trail-changes {
display: flex;
flex-direction: column;
gap: var(--flow-spacer-1);
}
.audit-trail-change-row {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: var(--flow-spacer-1);
font-size: var(--flow-font-size-sm);
overflow-wrap: anywhere;
}
.audit-trail-change-label {
color: var(--flow-text-muted);
}
.audit-trail-change-old {
color: var(--flow-text-muted);
}
.audit-trail-change-arrow {
color: var(--flow-text-muted);
}
.audit-trail-change-cleared {
color: var(--flow-text-muted);
}
.audit-trail-change-new {
font-weight: var(--flow-font-weight-medium);
}
.audit-trail-entry::before,
.audit-trail-entry::after {
content: '';
position: absolute;
left: 16px;
width: 2px;
background: var(--flow-border-color);
}
.audit-trail-entry::before { top: 0; height: 50%; }
.audit-trail-entry::after { top: 50%; bottom: -16px; }
.audit-trail-entry:first-child::before { display: none; }
.audit-trail-entry:last-child::after { display: none; }
.audit-trail-card-title { font-size: var(--flow-font-size-sm); font-weight: var(--flow-font-weight-semibold); }
.audit-trail-tone-create { background: var(--flow-success-100); color: var(--flow-success-700); }
.audit-trail-tone-edit { background: var(--flow-warning-100); color: var(--flow-warning-700); }
.audit-trail-tone-delete { background: var(--flow-danger-100); color: var(--flow-danger-700); }
}
}
@layer components {
.tool-modal-body { padding: 0; }
.modal-dialog[class*="modal-"] .modal-body.tool-modal-body:has(> #toolFormFields) { display: flex; flex-direction: column; overflow: clip; }
.tool-modal-body > #toolFormFields { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; }
#toolFormFields > .tool-tab-rail { flex: 0 0 auto; padding-left: var(--flow-spacer-3); padding-right: var(--flow-spacer-3); }
#toolFormFields > .tab-content { flex: 1 1 auto; min-height: 0; overflow-y: auto; }
.tool-form-col { padding: var(--flow-spacer-3); }
.tool-trail-col { padding: var(--flow-spacer-3); }
.tool-trail-col:has(> [data-trail-url]) { display: flex; flex-direction: column; }
.tool-trail-col > .tool-status-card { flex: 0 0 auto; }
.tool-trail-col > [data-trail-url] { flex: 1 1 0; min-height: 0; display: flex; flex-direction: column; }
.tool-trail-col > [data-trail-url] > .card { flex: 1 1 0; min-height: 0; }
.tool-trail-col > [data-trail-url] > .audit-trail { max-height: none; }
.tool-trail-col .card {
width: 288px;
max-width: 100%;
border: var(--flow-hairline);
border-radius: var(--flow-border-radius);
}
@media (min-width: 992px) {
.tool-form-col { flex: 1 1 0; min-width: 0; width: auto; max-width: none; }
.tool-trail-col { flex: 0 0 320px; width: 320px; max-width: 320px; }
}
}
@layer components {
@layer components {
.upload-box {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 200px;
margin: 0;
padding: 12px;
border: var(--flow-hairline);
border-radius: var(--flow-border-radius);
background: var(--flow-bg-surface);
cursor: pointer;
}
.upload-box:hover {
border-color: var(--flow-primary);
}
.upload-box-input {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
border: 0;
overflow: hidden;
clip: rect(0 0 0 0);
white-space: nowrap;
}
.upload-box-input:focus-visible ~ .upload-box {
border-color: var(--flow-primary);
box-shadow: var(--flow-focus-ring);
}
.upload-box-input:disabled ~ .upload-box {
cursor: not-allowed;
background: var(--flow-bg-surface-secondary);
}
.upload-box-input:disabled ~ .upload-box:hover {
border-color: var(--flow-border-color);
}
.upload-box-locked-note {
position: absolute;
inset: 0;
display: none;
align-items: center;
justify-content: center;
padding: 12px;
text-align: center;
font-size: var(--flow-font-size-sm);
color: var(--flow-secondary);
background: var(--flow-bg-surface-secondary);
border-radius: inherit;
}
.upload-box-input:disabled ~ .upload-box .upload-box-locked-note {
display: flex;
}
.upload-box-img {
width: 100%;
height: 100%;
object-fit: contain;
}
.upload-box-empty {
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
color: var(--flow-text-muted);
font-size: var(--flow-font-size-sm);
}
.upload-box-text {
display: flex;
flex-direction: column;
gap: 2px;
}
.upload-box-hint {
font-size: var(--flow-font-size-sm);
color: var(--flow-text-muted);
}
.upload-box-busy {
border-radius: inherit;
}
.upload-box:has(.upload-box-busy:not(.d-none)) .upload-box-empty {
visibility: hidden;
}
.upload-box-horizontal {
height: 88px;
border-style: dashed;
}
.upload-box-horizontal .upload-box-empty {
flex-direction: row;
gap: 12px;
text-align: start;
}
.upload-box-horizontal .upload-box-icon {
width: 24px;
height: 24px;
flex: none;
}
.upload-box-horizontal .upload-box-prompt {
font-size: var(--flow-font-size-base);
color: var(--flow-text-primary);
}
.upload-box.is-dragover {
border-color: var(--flow-primary);
background: color-mix(in srgb, var(--flow-primary) 6%, var(--flow-bg-surface));
}
}
}
@layer components {
.canvas-viewer {
display: flex;
flex-direction: column;
height: 100%;
overflow: hidden;
}
.canvas-viewer-stage {
position: relative;
flex: 1 1 auto;
display: flex;
overflow: auto;
background: color-mix(in srgb, var(--flow-neutral-500) 7%, transparent);
outline-offset: -2px;
}
.canvas-viewer-stage.is-pannable { cursor: grab; }
.canvas-viewer-stage.is-panning { cursor: grabbing; }
.canvas-viewer-stage > [data-cv-empty] { flex: 1 1 auto; }
.canvas-viewer-frame {
position: relative;
margin: auto;
flex: 0 0 auto;
box-shadow: 0 0 0 1px var(--flow-border-color);
background: var(--flow-white);
}
.canvas-viewer-sizer {
display: block;
}
.canvas-viewer-canvas {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
display: block;
}
.canvas-viewer-status {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
margin: 0;
padding: var(--flow-spacer-3);
text-align: center;
font-size: var(--flow-font-size-base);
color: var(--flow-text-muted);
}
.canvas-viewer-status.is-error { color: var(--flow-danger-700); }
.canvas-viewer-bar {
flex: 0 0 auto;
display: flex;
align-items: center;
gap: var(--flow-spacer-2);
padding: 6px var(--flow-spacer-2);
border-top: var(--flow-hairline);
background: var(--flow-bg-surface);
}
.canvas-viewer-group {
display: flex;
align-items: center;
gap: var(--flow-spacer-1);
}
.canvas-viewer-pager { margin-left: auto; }
.canvas-viewer-value {
min-width: 56px;
text-align: center;
font-size: var(--flow-font-size-sm);
font-variant-numeric: tabular-nums;
color: var(--flow-text-muted);
}
}
@layer components {
.navbar-expand-md .navbar-nav > .nav-item.navbar-omni { flex-shrink: 0; }
.navbar-expand-md #navbar-menu > .navbar-omni-group {
margin-right: var(--flow-spacer-2);
padding-left: var(--flow-spacer-3);
}
.omni-search {
position: relative;
display: flex;
align-items: center;
height: 100%;
}
.omni-search .form-control { padding-right: 54px; }
.omni-search input[type="search"]::-webkit-search-cancel-button,
.omni-search input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
appearance: none;
}
.omni-icon,
.omni-spinner {
position: absolute;
top: calc(50% - 8px);
pointer-events: none;
}
.omni-icon {
right: 8px;
color: var(--flow-secondary, var(--flow-text-muted));
}
.omni-spinner {
right: 30px;
display: none;
}
.omni-search[data-omni-loading] .omni-spinner { display: inline-block; }
.navbar-expand-md .navbar-nav .omni-results {
--flow-omni-panel-width: 360px;
position: absolute;
top: 100%;
left: auto;
right: 0;
width: var(--flow-omni-panel-width);
max-width: calc(100vw - 32px);
max-height: min(420px, calc(100vh - 104px));
overflow-y: auto;
margin-top: 0;
}
@supports (anchor-name: --omni-input) and (top: anchor(--omni-box bottom)) and (left: min(anchor(--omni-input left), 0px)) {
.navbar-expand-md .navbar-nav .omni-search { anchor-name: --omni-box; }
.navbar-expand-md .navbar-nav .omni-search .form-control { anchor-name: --omni-input; }
.navbar-expand-md .navbar-nav .omni-results {
position: fixed;
position-anchor: --omni-input;
top: anchor(--omni-box bottom);
right: auto;
left: min(anchor(--omni-input left), calc(100% - var(--flow-omni-panel-width) - 16px));
}
}
.navbar-expand-md .navbar-nav .omni-results:not([hidden]) { display: block; }
.navbar-expand-md .navbar-nav .omni-results .omni-group {
padding: var(--flow-dropdown-item-padding-y) var(--flow-dropdown-item-padding-x) var(--flow-dropdown-item-padding-y) 9px;
font-size: var(--flow-font-size-xs);
font-weight: var(--flow-font-weight-semibold);
color: var(--flow-secondary, var(--flow-text-muted));
background-color: var(--flow-bg-surface-tertiary);
}
.navbar-expand-md .navbar-nav .omni-results .omni-item { white-space: nowrap; }
.omni-label {
flex: 1 1 auto;
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.omni-hub {
flex: 0 0 auto;
margin-left: auto;
padding-left: 12px;
font-size: var(--flow-font-size-xs);
color: var(--flow-secondary, var(--flow-text-muted));
}
.navbar-expand-md .navbar-nav .omni-results .omni-more,
.navbar-expand-md .navbar-nav .omni-results .omni-unavailable {
padding: 6px 9px;
font-size: var(--flow-font-size-xs);
color: var(--flow-secondary, var(--flow-text-muted));
}
@media (max-width: 767.98px) {
.navbar-expand-md #navbar-menu > .navbar-nav:has(+ .navbar-omni-group) { padding-bottom: 0; }
.navbar-expand-md #navbar-menu > .navbar-omni-group { padding: 0 0 var(--flow-spacer-2); margin-right: 0; }
.navbar-expand-md #navbar-menu > .navbar-nav:has(+ .navbar-omni-group) > .nav-item:last-child { margin-right: 0; }
#navbar-menu .navbar-omni { margin-right: 0; }
#navbar-menu .omni-search { width: 100%; padding: var(--flow-spacer-1) 10px var(--flow-spacer-2); flex-wrap: wrap; }
#navbar-menu .omni-search .form-control { width: 100%; }
#navbar-menu .omni-icon { right: 18px; }
#navbar-menu .omni-spinner { right: 40px; }
#navbar-menu .omni-icon,
#navbar-menu .omni-spinner { top: 12px; }
#navbar-menu .omni-results .omni-group { padding-left: 34px; }
#navbar-menu .omni-results {
position: static;
flex: 0 0 100%;
max-width: none;
max-height: none;
margin-top: var(--flow-spacer-1);
}
}
@keyframes omni-flash-pulse {
0% { outline-color: var(--flow-primary-500); }
70% { outline-color: var(--flow-primary-500); }
100% { outline-color: transparent; }
}
.omni-flash {
outline: 2px solid transparent;
outline-offset: 2px;
border-radius: var(--flow-border-radius);
animation: omni-flash-pulse 1.5s ease-out 1;
}
@media (prefers-reduced-motion: reduce) {
.omni-flash {
animation: none;
outline-color: var(--flow-primary-500);
}
}
}
@layer components {
.numpad {
--numpad-key: 56px;
--numpad-gap: var(--flow-spacer-2);
--numpad-col: 72px;
width: max-content;
}
.numpad-keys {
display: grid;
grid-template-columns: repeat(3, var(--numpad-col));
gap: var(--numpad-gap);
}
.numpad .btn {
height: var(--numpad-key);
min-height: var(--numpad-key);
min-width: 0;
padding: 0 var(--flow-spacer-1);
font-size: var(--flow-font-size-2xl);
}
.numpad .btn:not([data-numpad-key]) {
font-size: var(--flow-font-size-lg);
}
.numpad-ok {
grid-column: 1 / -1;
}
}
@layer components {
@layer components {
.busy-veil,
.label-preview-busy {
position: absolute;
inset: 0;
display: flex;
align-items: center;
justify-content: center;
background: color-mix(in srgb, var(--flow-bg-surface) 72%, transparent);
}
}
}
@layer components {
.dropdown-menu { transition: opacity var(--flow-menu-fade) ease-out; }
.dropdown-menu.flow-menu-fading { opacity: 0; pointer-events: none; }
.ts-dropdown.ts-dropdown-closing { opacity: 0; pointer-events: none; }
@media (min-width: 768px) {
.navbar-expand-md .navbar-nav > .nav-item.dropdown:not(#navMore):not(.navbar-user) > .dropdown-menu {
opacity: 0;
transition: opacity var(--flow-menu-fade) ease-out,
display var(--flow-menu-fade) allow-discrete;
}
.navbar-expand-md .navbar-nav > .nav-item.dropdown:not(#navMore):not(.navbar-user):hover > .dropdown-menu,
.navbar-expand-md .navbar-nav > .nav-item.dropdown:not(#navMore):not(.navbar-user):focus-within > .dropdown-menu {
opacity: 1;
}
@starting-style {
.navbar-expand-md .navbar-nav > .nav-item.dropdown:not(#navMore):not(.navbar-user):hover > .dropdown-menu,
.navbar-expand-md .navbar-nav > .nav-item.dropdown:not(#navMore):not(.navbar-user):focus-within > .dropdown-menu {
opacity: 0;
}
}
.navbar-expand-md .navbar-nav .omni-results {
opacity: 0;
transition: opacity var(--flow-menu-fade) ease-out,
display var(--flow-menu-fade) allow-discrete;
}
.navbar-expand-md .navbar-nav .omni-results:not([hidden]) { opacity: 1; }
@starting-style {
.navbar-expand-md .navbar-nav .omni-results:not([hidden]) { opacity: 0; }
}
}
@media (hover: hover) and (pointer: fine) and (min-width: 768px) {
.navbar-expand-md .navbar-nav .dropdown-menu .dropend > .dropdown-menu {
opacity: 0;
transition: none;
}
.navbar-expand-md .navbar-nav .dropdown-menu .dropend:hover > .dropdown-menu,
.navbar-expand-md .navbar-nav .dropdown-menu .dropend:has(> .dropdown-toggle:focus-visible) > .dropdown-menu {
opacity: 1;
transition: opacity var(--flow-menu-fade) ease-out;
}
@starting-style {
.navbar-expand-md .navbar-nav .dropdown-menu .dropend:hover > .dropdown-menu,
.navbar-expand-md .navbar-nav .dropdown-menu .dropend:has(> .dropdown-toggle:focus-visible) > .dropdown-menu {
opacity: 0;
}
}
}
.ts-dropdown { opacity: 1; transition: opacity var(--flow-menu-fade) ease-out; }
@starting-style {
.ts-dropdown { opacity: 0; }
}
}
@layer components {
@media (max-width: 1439.98px) {
.table-col-narrow-hide {
display: none;
}
}
}
@layer components {
.num-stepper > .form-control {
-moz-appearance: textfield;
appearance: textfield;
border-right-color: transparent;
}
.num-stepper > .form-control::-webkit-inner-spin-button,
.num-stepper > .form-control::-webkit-outer-spin-button {
-webkit-appearance: none;
appearance: none;
margin: 0;
}
.num-stepper > .num-stepper-rail {
--num-stepper-line: var(--flow-border-color);
position: relative;
z-index: 2;
display: flex;
flex: 0 0 18px;
flex-direction: column;
gap: var(--flow-border-width);
width: 18px;
margin-left: calc(-1 * var(--flow-border-width));
overflow: hidden;
border: var(--flow-border-width) solid var(--num-stepper-line);
border-radius: 0 var(--flow-border-radius) var(--flow-border-radius) 0;
background-color: var(--num-stepper-line);
background-clip: padding-box;
}
.num-stepper .num-stepper-btn {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: 0;
margin: 0;
padding: 0;
border: 0;
border-radius: 0;
-webkit-appearance: none;
appearance: none;
background-color: var(--flow-neutral-100);
color: var(--flow-neutral-700);
line-height: 0;
cursor: pointer;
transition: none;
}
.num-stepper .num-stepper-btn:first-child { flex: 0 0 15px; }
.num-stepper .num-stepper-btn:last-child { flex: 1 1 auto; }
.num-stepper .num-stepper-btn:focus { outline: none; }
.num-stepper .num-stepper-btn > .num-stepper-icon {
display: block;
flex: none;
width: 10px;
height: 10px;
pointer-events: none;
}
.num-stepper:not(:has(> .form-control:is(:disabled, .is-invalid))):hover > .num-stepper-rail,
.num-stepper:focus-within > .num-stepper-rail {
--num-stepper-line: var(--flow-primary);
}
.num-stepper:not(:has(> .form-control:is(:disabled, .is-invalid))):hover > .form-control {
border-color: var(--flow-primary);
}
.num-stepper:focus-within > .form-control:not(.is-invalid) { border-right-color: transparent; }
.num-stepper .num-stepper-btn:not(:disabled):hover { color: var(--flow-primary); }
.num-stepper .num-stepper-btn:not(:disabled):active {
background-color: var(--flow-primary-100);
color: var(--flow-primary-700);
}
.num-stepper:has(> .form-control.is-invalid) > .num-stepper-rail {
--num-stepper-line: var(--flow-danger);
}
.num-stepper:hover > .form-control.is-invalid:not(:disabled) {
border-color: var(--flow-danger);
border-right-color: transparent;
}
.num-stepper > .form-control.has-warning:not(.is-invalid) { border-right-color: transparent; }
.num-stepper:has(> .form-control.has-warning:not(.is-invalid)) > .num-stepper-rail {
--num-stepper-line: var(--flow-warning);
}
.num-stepper:hover > .form-control.has-warning:not(.is-invalid):not(:disabled) {
border-color: var(--flow-warning);
border-right-color: transparent;
}
.num-stepper:has(> .form-control:disabled) .num-stepper-btn,
.num-stepper .num-stepper-btn:disabled {
background-color: var(--flow-bg-surface-secondary);
color: var(--flow-gray-300);
cursor: not-allowed;
}
button.icon-action {
display: inline-flex;
align-items: center;
padding: 0;
border: 0;
background: none;
color: var(--flow-secondary);
line-height: 1;
box-shadow: none;
}
button.icon-action:hover,
button.icon-action:focus-visible { color: var(--flow-primary); }
button.icon-action:disabled { cursor: default; opacity: .45; }
.input-group > .num-stepper {
flex: 1 1 0%;
width: 1%;
min-width: 0;
flex-wrap: nowrap;
}
.input-group > .num-stepper:focus-within { box-shadow: none; }
.input-group > .num-stepper:not(:last-child) > .num-stepper-rail {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.num-stepper:has(> .is-invalid) ~ .invalid-feedback { display: block; }
.num-stepper:has(> .input-h-s) { height: 28px; }
.num-stepper:has(> .kiosk-counter) .num-stepper-btn { flex: 1 1 0; }
}
@layer components {
.split-button { position: relative; display: inline-flex; vertical-align: middle; }
.split-button > .split-button-main-wrap { display: flex; flex: 1 1 auto; }
.split-button .split-button-main {
flex: 1 1 auto;
padding: 0 9px 0 10px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.split-button > .split-button-caret {
--split-button-separator: color-mix(in srgb, currentColor 30%, transparent);
position: relative;
flex: 0 0 auto;
width: auto;
min-width: 0;
padding: 0 var(--flow-spacer-2) 0 9px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.split-button > .split-button-caret::before {
content: '';
position: absolute;
top: 5px;
bottom: 5px;
left: -1px;
width: 1px;
background-color: var(--split-button-separator);
pointer-events: none;
}
.split-button-caret-glyph {
display: block;
width: 16px;
height: 12px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") center / 16px 12px no-repeat;
mask: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e") center / 16px 12px no-repeat;
}
.split-button.row-actions-dropdown { display: inline-flex; }
.split-button-menu .split-button-item-wrap { display: block; }
.split-button-menu .dropdown-item { white-space: normal; }
.split-button .split-button-main.btn-outline-primary { border-right-color: transparent; }
.split-button > .split-button-caret.btn-outline-primary { border-left-color: transparent; }
}
@layer components {
:where(body) {
--flow-field-label-color: var(--flow-secondary);
--flow-field-label-weight: var(--flow-font-weight-semibold);
}
.dtm-calculator-switches {
--flow-field-label-weight: var(--flow-body-font-weight);
}
.form-label {
display: block;
font-size: var(--flow-field-label-size);
line-height: var(--flow-field-label-line);
margin-bottom: var(--flow-field-label-gap);
font-weight: var(--flow-field-label-weight);
color: var(--flow-field-label-color);
}
.form-label.form-label-inline {
margin: 0;
align-self: center;
}
.modal .form-hint {
font-size: var(--flow-field-hint-size);
line-height: var(--flow-field-hint-line);
margin-top: var(--flow-field-label-gap);
}
.form-label:has(+ .form-hint-lead) {
margin-bottom: 0;
}
.form-label + .form-hint-lead {
margin-top: var(--flow-field-label-gap);
}
.input-icon-wrap { position: relative; }
.input-icon-wrap > input.form-control { padding-right: 28px; }
.input-icon-wrap > input[type="number"].form-control { padding-right: var(--flow-spacer-2); }
.input-icon-wrap > .input-status-icon {
position: absolute;
right: 8px;
top: 50%;
transform: translateY(-50%);
line-height: 0;
pointer-events: auto;
cursor: help;
display: none;
user-select: none;
z-index: 2;
}
.input-icon-wrap > input[type="number"] ~ .input-status-icon {
right: 30px;
}
.input-icon-wrap > input.is-invalid ~ .input-status-icon {
display: inline-block;
color: var(--flow-danger);
}
.input-icon-wrap > input.has-warning:not(.is-invalid) ~ .input-status-icon {
display: inline-block;
color: var(--flow-warning);
}
.input-icon-wrap > input.has-warning:not(.is-invalid) {
border-color: var(--flow-warning);
}
.input-icon-wrap > .ts-wrapper ~ .input-status-icon {
right: 28px;
}
.input-icon-wrap > .ts-wrapper.no-chevron ~ .input-status-icon {
right: 8px;
}
.input-icon-wrap > .ts-wrapper.is-invalid ~ .input-status-icon {
display: inline-block;
color: var(--flow-danger);
}
.input-icon-wrap > .ts-wrapper.has-warning:not(.is-invalid) ~ .input-status-icon {
display: inline-block;
color: var(--flow-warning);
}
.input-icon-wrap > .input-info-icon {
position: absolute;
right: 8px;
top: 50%;
transform: translateY(-50%);
display: none;
line-height: 0;
color: var(--flow-info);
pointer-events: auto;
cursor: help;
z-index: 2;
}
.input-icon-wrap > .input-info-icon > .icon { width: 16px; height: 16px; }
.input-icon-wrap > .input-status-icon > .icon { width: 18px; height: 18px; }
.input-icon-wrap > .input-status-icon [data-color="color-2"] { opacity: 1; }
.input-icon-wrap > .input-info-icon [data-color="color-2"] { opacity: 1; }
.input-icon-wrap > input[type="number"] ~ .input-info-icon { right: 30px; }
.input-icon-wrap > .ts-wrapper ~ .input-info-icon { right: 28px; }
.input-icon-wrap > .ts-wrapper.no-chevron ~ .input-info-icon { right: 8px; }
.input-icon-wrap > input.has-info:not(.is-invalid):not(.has-warning) ~ .input-info-icon,
.input-icon-wrap > .ts-wrapper.has-info:not(.is-invalid):not(.has-warning) ~ .input-info-icon {
display: inline-block;
}
.input-group.input-icon-wrap > :is(.input-status-icon, .input-info-icon) { z-index: 6; }
.input-icon-wrap.num-stepper > .form-control ~ :is(.input-status-icon, .input-info-icon) { right: 22px; }
.input-icon-wrap.num-stepper > .form-control:is(.is-invalid, .has-warning, .has-info) { padding-right: 30px; }
.input-icon-wrap > .ts-wrapper:is(.is-invalid, .has-warning, .has-info) .ts-control { padding-right: 46px; }
.field-caption {
display: block;
max-width: 100%;
margin-top: var(--flow-field-label-gap);
margin-bottom: -3px;
font-size: var(--flow-field-hint-size);
line-height: var(--flow-field-hint-line);
color: var(--flow-secondary);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.field { min-width: 0; }
.field-h { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); align-items: center; gap: var(--flow-spacer-2); }
.form-actions { display: flex; align-items: center; justify-content: space-between; gap: var(--flow-spacer-2); }
.form-actions-left, .form-actions-right { display: flex; align-items: center; gap: var(--flow-spacer-2); }
.form-actions-right { margin-left: auto; }
}
@layer components {
.detail-field { --flow-field-label-color: var(--flow-secondary); --flow-field-label-weight: var(--flow-font-weight-semibold); min-width: 0; }
.detail-field-value-mono { font-family: var(--flow-font-mono); font-variant-numeric: tabular-nums; }
}
@layer components {
.problems-box { display: flex; align-items: center; gap: 0; height: var(--flow-control-h-m); padding: 0 var(--flow-spacer-2); font-size: var(--flow-font-size-sm); min-width: 0; overflow: hidden; }
.problems-box > .icon { width: var(--flow-spacer-3); height: var(--flow-spacer-3); flex: 0 0 auto; }
.problems-box-body { display: flex; align-items: center; flex: 1 1 auto; min-width: 0; white-space: nowrap; }
.problems-box-text { overflow: hidden; text-overflow: ellipsis; }
.problems-box-more { flex: 0 0 auto; margin-left: var(--flow-spacer-2); font-weight: var(--flow-font-weight-semibold); }
.problems-box-action { flex: 0 0 auto; margin-left: auto; }
}
@layer components {
.empty.empty-compact { padding: var(--flow-spacer-4); }
.empty.empty-compact .empty-icon > .icon { width: 28px; height: 28px; }
.empty.empty-compact .empty-title { font-size: var(--flow-font-size-base); }
.empty.empty-canvas { padding: 48px var(--flow-spacer-3); }
.table-empty { font-size: var(--flow-font-size-base); }
}
@layer components {
.initialism,
.text-uppercase,
.text-capitalize,
.page-pretitle,
.avatar,
.dropdown-header,
.datagrid-title,
.list-group-header,
.page-item-subtitle,
.ribbon,
.markdown > table thead th,
.table thead th,
.table-mobile td[data-label]::before,
.table-mobile-sm td[data-label]::before,
.table-mobile-md td[data-label]::before,
.table-mobile-lg td[data-label]::before,
.table-mobile-xl td[data-label]::before,
.table-mobile-xxl td[data-label]::before,
.hr-text,
.subheader,
.org-group-manager-label {
text-transform: none;
}
}
@layer components {
.chip { display: inline-flex; align-items: center; gap: var(--flow-spacer-1); height: 20px; padding: 0 6px; font-size: var(--flow-font-size-xs); border: var(--flow-hairline); border-radius: var(--flow-border-radius); }
.chip-editor { height: var(--flow-control-h-xs); padding-inline: var(--flow-spacer-2); font-size: var(--flow-font-size-sm); }
.chip-technical { border-style: dashed; }
.chip-active { background: var(--flow-primary-500); color: var(--flow-primary-fg); }
.chip-count { opacity: .75; }
.chip-remove { opacity: .6; }
.chip-remove:hover, .chip-remove:focus-within { opacity: 1; }
}
@layer components {

}
@layer components {

}
@layer components {

}
@layer components {
.org-chart {
--org-spine-color: var(--flow-primary);
--org-spine-width: 3px;
--org-sub-spine-color: var(--flow-border-color-translucent);
--org-sub-spine-width: 2px;
--org-arm-length: 40px;
--org-sub-arm-length: 28px;
}
.org-gm-wrap { display: flex; justify-content: center; margin-bottom: 0; }
.org-gm-card {
width: 100%;
max-width: 440px;
border: 2px solid var(--flow-primary);
}
.org-gm-card.is-empty {
border: 2px dashed var(--flow-border-color-translucent);
}
.org-vtree {
position: relative;
display: flex;
flex-direction: column;
gap: 16px;
padding-left: calc(var(--org-arm-length) + 6px);
padding-top: 16px;
}
.org-vtree::before {
content: '';
position: absolute;
top: 0;
bottom: 40px;
left: 20px;
width: var(--org-spine-width);
background: var(--org-spine-color);
border-radius: 2px;
}
.org-vtree-row {
position: relative;
display: flex;
align-items: flex-start;
gap: 20px;
}
.org-vtree-row::before {
content: '';
position: absolute;
top: 28px;
left: calc(-1 * (var(--org-arm-length) - var(--org-spine-width) + 6px));
width: var(--org-arm-length);
height: var(--org-spine-width);
background: var(--org-spine-color);
border-radius: 2px;
}
.org-group {
display: flex;
align-items: flex-start;
gap: 24px;
}
.org-group-manager-card {
flex: 0 0 360px;
width: 360px;
border: 1px solid var(--flow-border-color-translucent);
position: relative;
}
.org-group-manager-card.is-empty {
border: 2px dashed var(--flow-border-color-translucent);
}
.org-group-sub {
position: relative;
display: flex;
flex-direction: column;
gap: 12px;
padding-left: calc(var(--org-sub-arm-length) + 6px);
padding-top: 16px;
}
.org-group-sub::before {
content: '';
position: absolute;
top: 0;
bottom: 28px;
left: 18px;
width: var(--org-sub-spine-width);
background: var(--org-sub-spine-color);
border-radius: 2px;
}
.org-vtree-subrow {
position: relative;
display: flex;
align-items: flex-start;
}
.org-vtree-subrow::before {
content: '';
position: absolute;
top: 28px;
left: calc(-1 * (var(--org-sub-arm-length) - var(--org-sub-spine-width) + 6px));
width: var(--org-sub-arm-length);
height: var(--org-sub-spine-width);
background: var(--org-sub-spine-color);
border-radius: 2px;
}
.org-dept-card {
flex: 0 0 360px;
width: 360px;
cursor: pointer;
border: 1px solid var(--flow-border-color-translucent);
position: relative;
}
.org-dept-card:hover,
.org-group-manager-card:hover {
border-color: var(--flow-primary);
}
.org-dept-card.is-inactive { opacity: 0.6; border-style: dashed; }
.org-dept-card.is-empty { background: var(--flow-bg-surface-secondary); }
.org-dept-card .card-body,
.org-group-manager-card .card-body {
padding: 12px 14px;
}
.org-dept-header {
display: flex;
align-items: center;
gap: 6px;
margin-bottom: 6px;
}
.org-dept-title {
font-size: 1rem;
font-weight: 600;
line-height: 1.25;
margin: 0;
flex: 1;
}
.org-dept-description {
color: var(--flow-secondary);
font-size: 0.8rem;
line-height: 1.35;
max-height: 2.8em;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin: 0 0 8px;
}
.org-dept-heads {
display: flex;
flex-direction: column;
gap: 4px;
margin-bottom: 8px;
}
.org-dept-head-row {
display: flex;
align-items: center;
gap: 6px;
font-size: 0.8rem;
}
.org-dept-head-name { font-weight: 500; }
.org-dept-head-title { color: var(--flow-secondary); font-size: 0.75rem; }
.org-dept-footer {
display: flex;
align-items: center;
justify-content: space-between;
color: var(--flow-secondary);
font-size: 0.8rem;
}
.org-dept-footer .icon { width: 14px; height: 14px; }
.org-group-manager-label {
font-size: 0.7rem;
letter-spacing: 0.05em;
text-transform: uppercase;
color: var(--flow-secondary);
margin-bottom: 4px;
}
.org-group-manager-name {
font-size: 1.1rem;
font-weight: 700;
line-height: 1.2;
margin-bottom: 2px;
}
.org-group-manager-title {
color: var(--flow-secondary);
font-size: 0.85rem;
margin-bottom: 6px;
}
.org-group-name {
color: var(--flow-primary);
font-size: 0.85rem;
font-weight: 600;
margin-bottom: 4px;
}
.org-group-dept-count {
font-size: 0.75rem;
color: var(--flow-secondary);
}
.org-edit-pill {
position: absolute;
left: 50%;
bottom: -14px;
transform: translateX(-50%);
opacity: 0;
pointer-events: none;
transition: opacity 0.15s ease;
z-index: 3;
white-space: nowrap;
}
.org-dept-card:hover .org-edit-pill,
.org-group-manager-card:hover .org-edit-pill {
opacity: 1;
pointer-events: auto;
}
@media (max-width: 767.98px) {
.org-vtree,
.org-group-sub { padding-left: 0; }
.org-vtree::before,
.org-vtree-row::before,
.org-group-sub::before,
.org-vtree-subrow::before { display: none; }
.org-group { flex-direction: column; gap: 12px; }
.org-dept-card,
.org-group-manager-card { width: 100%; flex: 1 1 auto; }
}
}
@layer components {
@layer components {
@font-face {
font-family: "Inter Hinted";
font-style: normal;
font-weight: 400;
font-display: swap;
src: url("../foundation/fonts/hinted/Inter-Regular.woff2") format("woff2");
}
@font-face {
font-family: "Inter Hinted";
font-style: normal;
font-weight: 500;
font-display: swap;
src: url("../foundation/fonts/hinted/Inter-Medium.woff2") format("woff2");
}
@font-face {
font-family: "Inter Hinted";
font-style: normal;
font-weight: 600;
font-display: swap;
src: url("../foundation/fonts/hinted/Inter-SemiBold.woff2") format("woff2");
}
.inter-ab-stack {
display: grid;
gap: 20px;
}
.inter-ab-specimen {
min-width: 0;
}
.inter-ab-label {
margin-bottom: 12px;
}
.inter-ab-static {
font-family: "Inter Hinted", Inter, sans-serif;
}
.inter-ab-card-title {
display: flex;
flex-wrap: wrap;
gap: 16px;
}
.inter-ab-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
}
.inter-ab-snapped {
width: 900px;
table-layout: fixed;
}
.inter-ab-snapped .inter-ab-col-code { width: 96px; }
.inter-ab-snapped .inter-ab-col-product { width: 286px; }
.inter-ab-snapped .inter-ab-col-quantity { width: 92px; }
.inter-ab-snapped .inter-ab-col-price { width: 112px; }
.inter-ab-snapped .inter-ab-col-date { width: 122px; }
.inter-ab-snapped .inter-ab-col-state { width: 192px; }
}
}
@layer components {
.kpi-card { position: relative; overflow: hidden; }
.kpi-card { background-color: var(--flow-bg-surface-secondary); }
.kpi-card.card-link:hover,
.kpi-card.card-link:focus-visible { transform: none; box-shadow: none; background-color: var(--flow-bg-surface); }
.kpi-card .kpi-accent { position: absolute; top: 0; left: 0; bottom: 0; width: 4px; }
.kpi-card .card-body {
padding: 14px var(--flow-spacer-3) 14px 18px;
}
.kpi-card .kpi-header {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: var(--flow-spacer-2);
}
.kpi-card .kpi-icon {
flex: 0 0 auto;
width: 36px; height: 36px; border-radius: 4px;
display: inline-flex; align-items: center; justify-content: center;
}
.kpi-card .kpi-icon .icon { width: 20px; height: 20px; }
.kpi-card .kpi-label {
flex: 1 1 auto;
font-size: var(--flow-font-size-base);
font-weight: 700;
color: var(--flow-body-color);
line-height: 1.2;
min-width: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.kpi-tile .card-body {
display: flex;
align-items: center;
gap: 12px;
padding: 14px var(--flow-spacer-3);
}
.kpi-card.kpi-1 { container-type: inline-size; height: 100%; }
.kpi-card.kpi-1 .kpi-label { color: revert-layer; }
.kpi-card.kpi-1 .kpi-icon { width: clamp(32px, 16.5cqi, 44px); height: clamp(32px, 16.5cqi, 44px); }
.kpi-card.kpi-1 .kpi-icon .icon { width: clamp(20px, 9.8cqi, 26px); height: clamp(20px, 9.8cqi, 26px); }
.kpi-card.kpi-1 .kpi-label { font-size: clamp(11px, 5.2cqi, 13px); }
.kpi-card.kpi-1 .kpi-tile-value,
.kpi-card.kpi-1 .kpi-tile-value-sm { line-height: calc(clamp(16px, 8.8cqi, 22px) * 1.1); padding-top: 0; }
.kpi-card.kpi-1 .kpi-tile-value { font-size: clamp(16px, 8.8cqi, 22px); }
.kpi-card.kpi-1 .kpi-tile-value-sm { font-size: clamp(12px, 6.4cqi, 16px); }
.kpi-card.kpi-1 .kpi-tile-sub { font-size: clamp(10px, 4.4cqi, 11px); }
@container (max-width: 230px) {
.kpi-card.kpi-1 .kpi-label,
.kpi-card.kpi-1 .kpi-tile-value-sm {
white-space: normal;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-height: 1.15;
}
}
.kpi-tile .kpi-tile-bar { position: absolute; left: 0; right: 0; bottom: 0; height: 4px; }
.kpi-tile .kpi-tile-text {
flex: 1 1 auto;
min-width: 0;
display: flex;
flex-direction: column;
align-items: flex-end;
text-align: right;
gap: 2px;
}
.kpi-tile .kpi-tile-text > * { max-width: 100%; }
.kpi-tile .kpi-tile-value {
font-size: 22px;
font-weight: 700;
line-height: 1.1;
font-variant-numeric: tabular-nums;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.kpi-tile .kpi-tile-value-sm { font-size: var(--flow-font-size-lg); line-height: calc(22px * 1.1); padding-top: 0; }
.kpi-tile .kpi-tile-value [data-region-loading] { justify-content: flex-end; height: calc(22px * 1.1); font-size: var(--flow-font-size-base); font-weight: 400; }
.kpi-tile .kpi-tile-sub {
font-size: var(--flow-font-size-xs);
line-height: 1.2;
min-height: 1em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.stat-card-avatar .avatar { width: 48px; height: auto; min-height: 48px; }
.stat-card-avatar .avatar .icon { width: 28px; height: 28px; }
}
@layer components {
.row-details > td {
padding: 0;
}
.row-details-panel {
padding: var(--flow-spacer-3);
background: var(--flow-bg-surface-secondary);
}
.row-details[hidden] {
display: none;
}
.row-details-table {
background: var(--flow-bg-surface);
border: var(--flow-hairline);
border-radius: var(--flow-border-radius);
}
.row-details-table > .table > tbody:nth-of-type(even) > tr > * {
background-color: var(--flow-row-stripe);
}
.row-details-table > .table > tbody:last-child > tr:last-child > *,
.row-details-table > .table > tbody:last-child > tr > [rowspan] {
border-bottom-width: 0;
}
.row-details-table > .table > thead > tr > :first-child,
.row-details-table > .table > tbody > tr:first-child > :first-child {
padding-left: var(--flow-table-edge-inset);
}
.row-details-table > .table > :is(thead, tbody) > tr > :last-child {
padding-right: var(--flow-table-edge-inset);
}
}
@layer components {

}
@layer components {

}
@layer components {

}
@layer components {

}
@layer components {

}
@layer components {

}
@layer components {

}
@layer components {

}
@layer components {

}
@layer components {

}
@layer components {

}
@layer components {
.col-tray {
padding: var(--flow-spacer-2) var(--flow-spacer-3);
border-bottom: var(--flow-hairline);
background: var(--flow-bg-surface-secondary);
}
.col-editing .data-table th[data-col] {
cursor: grab;
}
.col-editing .data-table th[data-col="__actions"] {
cursor: default;
}
.col-editing .data-table th.drag-over {
box-shadow: inset 3px 0 0 var(--flow-primary);
}
.col-tray-check .form-check-label {
cursor: pointer;
}
.col-tray-title {
font-size: var(--flow-font-size-sm);
font-weight: var(--flow-font-weight-semibold);
color: var(--flow-secondary);
}
}
@layer utilities {
.min-w-0 { min-width: 0; }
.min-w-160 { min-width: 160px; }
.min-h-0 { min-height: 0; }
.text-warn-600 { color: var(--flow-warning-700); }
html.page-leaving,
html.page-leaving * { cursor: progress; }
.mock-data,
.mock-data.form-control,
.mock-data.badge,
td.mock-data, span.mock-data, div.mock-data {
color: var(--flow-mock);
}
input.mock-data::placeholder { color: var(--flow-mock); opacity: 0.7; }
.bg-primary-lt { color: var(--flow-primary-700); }
.bg-success-lt { color: var(--flow-success-700); }
.bg-danger-lt { color: var(--flow-danger-700); }
.bg-orange-lt { color: var(--flow-warning-700); }
.bg-azure-lt { color: var(--flow-info-700); }
.bg-blue-lt { color: var(--flow-primary-700); }
.bg-green-lt { color: var(--flow-success-700); }
.bg-red-lt { color: var(--flow-danger-700); }
.bg-yellow-lt { color: var(--flow-warning-700); }
.bg-warning-lt { --flow-warning: var(--flow-warning-700); }
.bg-info-lt { --flow-info: var(--flow-info-700); }
}
@layer overrides {
.list-group-item.active { border-left-color: var(--flow-primary); }
.loader { color: var(--flow-primary); }
.spinner-border:not([class*="text-"]),
.spinner-grow:not([class*="text-"]) {
color: var(--flow-primary);
}
.btn .spinner-border,
.btn .spinner-grow {
color: currentColor;
}
@layer overrides {
.navbar-expand-md .navbar-nav [data-bs-toggle="dropdown"] ~ .dropdown-menu { margin-top: 4px; }
}
}